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

package/dist/esm/components/Dialog/Content/Content.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.styles.js","sources":["../../../../../src/components/Dialog/Content/Content.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport DialogContent from \"@mui/material/DialogContent\";\nimport { HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledContent = styled(DialogContent)({});\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(({ $indentContent }: { $indentContent: boolean }) => ({\n  padding: `0 ${theme.space.sm} ${theme.space.sm} ${theme.space.sm}`,\n  flex: \"none\",\n  ...($indentContent && {\n    marginLeft: \"42px\",\n    paddingRight: \"62px\",\n    flex: 1,\n    overflowY: \"auto\",\n  }),\n}));\n"],"names":["StyledContent","DialogContent","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledTypography","HvTypography","_extends","transientOptions","$indentContent","padding","theme","space","sm","flex","marginLeft","paddingRight","overflowY"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMO,MAAMA,gBAAuBC,wBAAAA,eAAaC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAAI;AAEzCC,MAAAA,2CACXC,cAAYX,QAAAC,IAAAC,4BAAAU,SAAA,IAAA;AAAA,EAAAT,QAAA;AAAA,GACZU,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAT,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBS,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAA4C,OAAO;AAAA,EACtDC,SAAU,KAAIC,MAAMC,MAAMC,MAAMF,MAAMC,MAAMC,MAAMF,MAAMC,MAAMC;AAAAA,EAC9DC,MAAM;AAAA,EACN,GAAIL,kBAAkB;AAAA,IACpBM,YAAY;AAAA,IACZC,cAAc;AAAA,IACdF,MAAM;AAAA,IACNG,WAAW;AAAA,EACb;AACF,IAAEtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,63CAAA;"}

package/dist/esm/components/Dialog/Content/contentClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["root"];
+const dialogContentClasses = getClasses(classKeys, "HvDialog-Content");
+const dialogContentClasses$1 = dialogContentClasses;
+export {
+  dialogContentClasses$1 as default
+};
+//# sourceMappingURL=contentClasses.js.map

package/dist/esm/components/Dialog/Content/contentClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentClasses.js","sources":["../../../../../src/components/Dialog/Content/contentClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDialogContentClasses = {\n  root?: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst dialogContentClasses = getClasses<HvDialogContentClasses>(\n  classKeys,\n  \"HvDialog-Content\"\n);\n\nexport default dialogContentClasses;\n"],"names":["classKeys","dialogContentClasses","getClasses"],"mappings":";AAMA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,uBAAuBC,WAC3BF,WACA,kBAAkB;AAGpB,MAAA,yBAAeC;"}

package/dist/esm/components/Dialog/Dialog.js

@@ -0,0 +1,137 @@
+import React__default, { useContext, useState, useCallback } from "react";
+import clsx from "clsx";
+import { Close } from "@hitachivantara/uikit-react-icons";
+import { theme } from "@hitachivantara/uikit-styles";
+import { isNil } from "lodash";
+import { StyledDialog, StyledBackdrop, StyledPaper, StyledClose } from "./Dialog.styles.js";
+import { getFocusableList } from "../../utils/focusableElementFinder.js";
+import withTooltip from "../../hocs/withTooltip.js";
+import dialogClasses from "./dialogClasses.js";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { HvThemeContext } from "../../providers/ThemeProvider.js";
+import { setId } from "../../utils/setId.js";
+import { isKeypress } from "../../utils/keyboardUtils/keyCheck.js";
+import { keyboardCodes } from "../../utils/keyboardUtils/keyboardCodes.js";
+const HvDialog = ({
+  classes,
+  className,
+  id,
+  children,
+  open = false,
+  onClose,
+  firstFocusable,
+  buttonTitle = "Close",
+  fullscreen = false,
+  disableBackdropClick = false,
+  ...others
+}) => {
+  delete others.fullScreen;
+  const {
+    activeTheme,
+    selectedMode,
+    rootId
+  } = useContext(HvThemeContext);
+  const [focusableQueue, setFocusableQueue] = useState({
+    first: void 0,
+    last: void 0
+  });
+  const wrappedClose = (event, reason = "", bypassValidation = false) => {
+    if (bypassValidation) {
+      onClose == null ? void 0 : onClose(event, reason);
+    } else if (!disableBackdropClick) {
+      onClose == null ? void 0 : onClose(event, reason);
+    }
+  };
+  const measuredRef = useCallback((node) => {
+    if (node) {
+      const focusableList = getFocusableList(node);
+      setFocusableQueue({
+        first: focusableList[1],
+        last: focusableList[focusableList.length - 2]
+      });
+      if (isNil(firstFocusable))
+        focusableList[1].focus();
+      else {
+        const element = firstFocusable && document.getElementById(firstFocusable);
+        if (element)
+          element.focus();
+        else {
+          console.warn(`firstFocusable element ${firstFocusable} not found.`);
+          focusableList[1].focus();
+        }
+      }
+    }
+  }, [firstFocusable]);
+  const keyDownHandler = (event) => {
+    if (isKeypress(event, keyboardCodes.Tab) && !isNil(event.target) && !isNil(focusableQueue)) {
+      if (event.shiftKey && event.target === focusableQueue.first) {
+        focusableQueue.last.focus();
+        event.preventDefault();
+      }
+      if (!event.shiftKey && event.target === focusableQueue.last) {
+        focusableQueue.first.focus();
+        event.preventDefault();
+      }
+    } else if (isKeypress(event, keyboardCodes.Esc)) {
+      if ("onEscapeKeyDown" in others) {
+        others.onEscapeKeyDown(event);
+      }
+      if (!others.disableEscapeKeyDown) {
+        event.stopPropagation();
+        wrappedClose(event, "escapeKeyDown", true);
+      }
+    }
+  };
+  const closeButtonDisplay = () => /* @__PURE__ */ jsx(Close, {
+    role: "presentation"
+  });
+  const CloseButtonTooltipWrapper = buttonTitle ? withTooltip(closeButtonDisplay, buttonTitle, "top", null, null, null) : closeButtonDisplay;
+  return /* @__PURE__ */ jsxs(StyledDialog, {
+    container: document.getElementById(rootId || "") || document.body,
+    className: clsx(dialogClasses.root, classes == null ? void 0 : classes.root, className),
+    id,
+    ref: measuredRef,
+    open,
+    fullScreen: fullscreen,
+    onClose: (event, reason) => wrappedClose(event, reason),
+    onKeyDown: keyDownHandler,
+    fullWidth: true,
+    maxWidth: false,
+    slots: {
+      backdrop: (backdropProps) => {
+        var _a;
+        return /* @__PURE__ */ jsx(StyledBackdrop, {
+          open,
+          onClick: (event) => wrappedClose(event),
+          $backColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].atmo4) || theme.colors.atmo4,
+          ...backdropProps
+        });
+      }
+    },
+    PaperComponent: (paperProps) => /* @__PURE__ */ jsx(StyledPaper, {
+      $fullscreen: fullscreen,
+      ...paperProps
+    }),
+    PaperProps: {
+      classes: {
+        root: fullscreen ? clsx(dialogClasses.fullscreen, classes == null ? void 0 : classes.fullscreen) : ""
+      }
+    },
+    ...others,
+    "aria-modal": true,
+    children: [/* @__PURE__ */ jsx(StyledClose, {
+      id: setId(id, "close"),
+      className: clsx(dialogClasses.closeButton, classes == null ? void 0 : classes.closeButton),
+      variant: "secondaryGhost",
+      onClick: (event) => wrappedClose(event, void 0, true),
+      "aria-label": buttonTitle,
+      children: /* @__PURE__ */ jsx(CloseButtonTooltipWrapper, {})
+    }), children && typeof children === "object" ? React__default.Children.map(children, (c) => c && React__default.cloneElement(c, {
+      fullscreen
+    })) : children]
+  });
+};
+export {
+  HvDialog
+};
+//# sourceMappingURL=Dialog.js.map

package/dist/esm/components/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { useCallback, useContext, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { 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, HvExtraProps } from \"../../types\";\nimport {\n  StyledBackdrop,\n  StyledClose,\n  StyledDialog,\n  StyledPaper,\n} 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\";\n\nexport type HvDialogProps = Omit<MuiDialogProps, \"fullScreen\"> &\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?: any;\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 empty state component. */\n    classes?: HvDialogClasses;\n  } & HvExtraProps;\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.fullScreen;\n\n  const { activeTheme, selectedMode, rootId } = useContext(HvThemeContext);\n\n  const [focusableQueue, setFocusableQueue] = useState<{\n    first: any;\n    last: any;\n  }>({ first: undefined, last: undefined });\n\n  // Because the `disableBackdropClick` property was deprecated in MUI5\n  // and we want to maintain that funcionality to the user we're wrapping\n  // the onClose call here to make that check.\n  const wrappedClose = (event, reason = \"\", bypassValidation = false) => {\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        setFocusableQueue({\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.first) {\n        focusableQueue.last.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.last) {\n        focusableQueue.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 (\"onEscapeKeyDown\" in others) {\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, \"escapeKeyDown\", true);\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    <StyledDialog\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, 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      PaperComponent={(paperProps) => (\n        <StyledPaper $fullscreen={fullscreen} {...paperProps} />\n      )}\n      PaperProps={{\n        classes: {\n          root: fullscreen\n            ? clsx(dialogClasses.fullscreen, classes?.fullscreen)\n            : \"\",\n        },\n      }}\n      {...others}\n      aria-modal\n    >\n      <StyledClose\n        id={setId(id, \"close\")}\n        className={clsx(dialogClasses.closeButton, classes?.closeButton)}\n        variant=\"secondaryGhost\"\n        onClick={(event) => wrappedClose(event, undefined, true)}\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    </StyledDialog>\n  );\n};\n"],"names":["HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","fullScreen","activeTheme","selectedMode","rootId","useContext","HvThemeContext","focusableQueue","setFocusableQueue","useState","first","undefined","last","wrappedClose","event","reason","bypassValidation","measuredRef","useCallback","node","focusableList","getFocusableList","length","isNil","focus","element","document","getElementById","warn","keyDownHandler","isKeypress","keyboardCodes","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","_jsx","Close","role","CloseButtonTooltipWrapper","withTooltip","StyledDialog","container","body","clsx","dialogClasses","root","ref","onKeyDown","fullWidth","maxWidth","slots","backdrop","backdropProps","StyledBackdrop","onClick","$backColor","colors","modes","atmo4","theme","PaperComponent","paperProps","StyledPaper","$fullscreen","PaperProps","StyledClose","setId","closeButton","variant","React","Children","map","c","cloneElement"],"mappings":"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"}

package/dist/esm/components/Dialog/Dialog.styles.js

@@ -0,0 +1,93 @@
+import _styled from "@emotion/styled/base";
+import Backdrop from "@mui/material/Backdrop";
+import Dialog from "@mui/material/Dialog";
+import Paper from "@mui/material/Paper";
+import { theme } from "@hitachivantara/uikit-styles";
+import { transientOptions } from "../../utils/transientOptions.js";
+import fade from "../../utils/hexToRgbA.js";
+import { HvButton } from "../Button/Button.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const StyledDialog = /* @__PURE__ */ _styled(Dialog, process.env.NODE_ENV === "production" ? {
+  target: "e1x1ml1b3"
+} : {
+  target: "e1x1ml1b3",
+  label: "StyledDialog"
+})(process.env.NODE_ENV === "production" ? {
+  name: "0",
+  styles: ""
+} : {
+  name: "0",
+  styles: "",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVM0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9EaWFsb2cuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IEJhY2tkcm9wIGZyb20gXCJAbXVpL21hdGVyaWFsL0JhY2tkcm9wXCI7XG5pbXBvcnQgRGlhbG9nIGZyb20gXCJAbXVpL21hdGVyaWFsL0RpYWxvZ1wiO1xuaW1wb3J0IFBhcGVyIGZyb20gXCJAbXVpL21hdGVyaWFsL1BhcGVyXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJ1dGlscy9oZXhUb1JnYkFcIjtcbmltcG9ydCB7IEh2QnV0dG9uIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERpYWxvZyA9IHN0eWxlZChEaWFsb2cpKHt9KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhcGVyID0gc3R5bGVkKFxuICBQYXBlcixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZnVsbHNjcmVlbiB9OiB7ICRmdWxsc2NyZWVuOiBib29sZWFuIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIGZsZXg6ICRmdWxsc2NyZWVuID8gXCIxXCIgOiBcIjAgMCA2Ni42NjY2NyVcIixcbiAgbWF4V2lkdGg6ICRmdWxsc2NyZWVuID8gXCIxMDAlXCIgOiBcIjY2LjY2NjY3JVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgcGFkZGluZzogXCIwcHhcIixcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICBib3hTaGFkb3c6IFtcIm5vbmVcIiwgXCIwIDJweCAxMnB4IHJnYmEoNjUsNjUsNjUsMC4xMilcIl0sXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZGlhbG9nLmJvcmRlclJhZGl1cyxcbiAgLi4uKCEkZnVsbHNjcmVlbiAmJiB7XG4gICAgbWF4SGVpZ2h0OiBgY2FsYygxMDAlIC0gKDIgKiAke3RoZW1lLmRpYWxvZy5tYXJnaW59KSlgLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIH0pLFxuICBcIiYgc3ZnICouY29sb3IwXCI6IHtcbiAgICBmaWxsOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZHJvcCA9IHN0eWxlZChcbiAgQmFja2Ryb3AsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJhY2tDb2xvciB9OiB7ICRiYWNrQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBmYWRlKCRiYWNrQ29sb3IsIDAuOCksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZSA9IHN0eWxlZChIdkJ1dHRvbikoe1xuICBwYWRkaW5nOiAwLFxuICBtaW5XaWR0aDogXCJpbmhlcml0XCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIHJpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledPaper = /* @__PURE__ */ _styled(Paper, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e1x1ml1b2"
+}, transientOptions) : _extends({}, {
+  target: "e1x1ml1b2",
+  label: "StyledPaper"
+}, transientOptions))(({
+  $fullscreen
+}) => ({
+  color: theme.colors.acce1,
+  flex: $fullscreen ? "1" : "0 0 66.66667%",
+  maxWidth: $fullscreen ? "100%" : "66.66667%",
+  backgroundColor: theme.colors.atmo1,
+  padding: "0px",
+  overflow: "auto",
+  boxShadow: ["none", "0 2px 12px rgba(65,65,65,0.12)"],
+  borderRadius: theme.dialog.borderRadius,
+  ...!$fullscreen && {
+    maxHeight: `calc(100% - (2 * ${theme.dialog.margin}))`,
+    display: "flex",
+    flexDirection: "column"
+  },
+  "& svg *.color0": {
+    fill: theme.colors.acce1
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9EaWFsb2cuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IEJhY2tkcm9wIGZyb20gXCJAbXVpL21hdGVyaWFsL0JhY2tkcm9wXCI7XG5pbXBvcnQgRGlhbG9nIGZyb20gXCJAbXVpL21hdGVyaWFsL0RpYWxvZ1wiO1xuaW1wb3J0IFBhcGVyIGZyb20gXCJAbXVpL21hdGVyaWFsL1BhcGVyXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJ1dGlscy9oZXhUb1JnYkFcIjtcbmltcG9ydCB7IEh2QnV0dG9uIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERpYWxvZyA9IHN0eWxlZChEaWFsb2cpKHt9KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhcGVyID0gc3R5bGVkKFxuICBQYXBlcixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZnVsbHNjcmVlbiB9OiB7ICRmdWxsc2NyZWVuOiBib29sZWFuIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIGZsZXg6ICRmdWxsc2NyZWVuID8gXCIxXCIgOiBcIjAgMCA2Ni42NjY2NyVcIixcbiAgbWF4V2lkdGg6ICRmdWxsc2NyZWVuID8gXCIxMDAlXCIgOiBcIjY2LjY2NjY3JVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgcGFkZGluZzogXCIwcHhcIixcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICBib3hTaGFkb3c6IFtcIm5vbmVcIiwgXCIwIDJweCAxMnB4IHJnYmEoNjUsNjUsNjUsMC4xMilcIl0sXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZGlhbG9nLmJvcmRlclJhZGl1cyxcbiAgLi4uKCEkZnVsbHNjcmVlbiAmJiB7XG4gICAgbWF4SGVpZ2h0OiBgY2FsYygxMDAlIC0gKDIgKiAke3RoZW1lLmRpYWxvZy5tYXJnaW59KSlgLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIH0pLFxuICBcIiYgc3ZnICouY29sb3IwXCI6IHtcbiAgICBmaWxsOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZHJvcCA9IHN0eWxlZChcbiAgQmFja2Ryb3AsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJhY2tDb2xvciB9OiB7ICRiYWNrQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBmYWRlKCRiYWNrQ29sb3IsIDAuOCksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZSA9IHN0eWxlZChIdkJ1dHRvbikoe1xuICBwYWRkaW5nOiAwLFxuICBtaW5XaWR0aDogXCJpbmhlcml0XCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIHJpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */");
+const StyledBackdrop = /* @__PURE__ */ _styled(Backdrop, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e1x1ml1b1"
+}, transientOptions) : _extends({}, {
+  target: "e1x1ml1b1",
+  label: "StyledBackdrop"
+}, transientOptions))(({
+  $backColor
+}) => ({
+  background: fade($backColor, 0.8)
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDOEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9EaWFsb2cvRGlhbG9nLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBCYWNrZHJvcCBmcm9tIFwiQG11aS9tYXRlcmlhbC9CYWNrZHJvcFwiO1xuaW1wb3J0IERpYWxvZyBmcm9tIFwiQG11aS9tYXRlcmlhbC9EaWFsb2dcIjtcbmltcG9ydCBQYXBlciBmcm9tIFwiQG11aS9tYXRlcmlhbC9QYXBlclwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaWFsb2cgPSBzdHlsZWQoRGlhbG9nKSh7fSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYXBlciA9IHN0eWxlZChcbiAgUGFwZXIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZ1bGxzY3JlZW4gfTogeyAkZnVsbHNjcmVlbjogYm9vbGVhbiB9KSA9PiAoe1xuICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICBmbGV4OiAkZnVsbHNjcmVlbiA/IFwiMVwiIDogXCIwIDAgNjYuNjY2NjclXCIsXG4gIG1heFdpZHRoOiAkZnVsbHNjcmVlbiA/IFwiMTAwJVwiIDogXCI2Ni42NjY2NyVcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIHBhZGRpbmc6IFwiMHB4XCIsXG4gIG92ZXJmbG93OiBcImF1dG9cIixcbiAgYm94U2hhZG93OiBbXCJub25lXCIsIFwiMCAycHggMTJweCByZ2JhKDY1LDY1LDY1LDAuMTIpXCJdLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRpYWxvZy5ib3JkZXJSYWRpdXMsXG4gIC4uLighJGZ1bGxzY3JlZW4gJiYge1xuICAgIG1heEhlaWdodDogYGNhbGMoMTAwJSAtICgyICogJHt0aGVtZS5kaWFsb2cubWFyZ2lufSkpYCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICB9KSxcbiAgXCImIHN2ZyAqLmNvbG9yMFwiOiB7XG4gICAgZmlsbDogdGhlbWUuY29sb3JzLmFjY2UxLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQoXG4gIEJhY2tkcm9wLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRiYWNrQ29sb3IgfTogeyAkYmFja0NvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogZmFkZSgkYmFja0NvbG9yLCAwLjgpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2UgPSBzdHlsZWQoSHZCdXR0b24pKHtcbiAgcGFkZGluZzogMCxcbiAgbWluV2lkdGg6IFwiaW5oZXJpdFwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IHRoZW1lLnNwYWNlLnNtLFxuICByaWdodDogdGhlbWUuc3BhY2Uuc20sXG59KTtcbiJdfQ== */");
+const StyledClose = /* @__PURE__ */ _styled(HvButton, process.env.NODE_ENV === "production" ? {
+  target: "e1x1ml1b0"
+} : {
+  target: "e1x1ml1b0",
+  label: "StyledClose"
+})({
+  padding: 0,
+  minWidth: "inherit",
+  position: "absolute",
+  top: theme.space.sm,
+  right: theme.space.sm
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9EaWFsb2cvRGlhbG9nLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBCYWNrZHJvcCBmcm9tIFwiQG11aS9tYXRlcmlhbC9CYWNrZHJvcFwiO1xuaW1wb3J0IERpYWxvZyBmcm9tIFwiQG11aS9tYXRlcmlhbC9EaWFsb2dcIjtcbmltcG9ydCBQYXBlciBmcm9tIFwiQG11aS9tYXRlcmlhbC9QYXBlclwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaWFsb2cgPSBzdHlsZWQoRGlhbG9nKSh7fSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYXBlciA9IHN0eWxlZChcbiAgUGFwZXIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZ1bGxzY3JlZW4gfTogeyAkZnVsbHNjcmVlbjogYm9vbGVhbiB9KSA9PiAoe1xuICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICBmbGV4OiAkZnVsbHNjcmVlbiA/IFwiMVwiIDogXCIwIDAgNjYuNjY2NjclXCIsXG4gIG1heFdpZHRoOiAkZnVsbHNjcmVlbiA/IFwiMTAwJVwiIDogXCI2Ni42NjY2NyVcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIHBhZGRpbmc6IFwiMHB4XCIsXG4gIG92ZXJmbG93OiBcImF1dG9cIixcbiAgYm94U2hhZG93OiBbXCJub25lXCIsIFwiMCAycHggMTJweCByZ2JhKDY1LDY1LDY1LDAuMTIpXCJdLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRpYWxvZy5ib3JkZXJSYWRpdXMsXG4gIC4uLighJGZ1bGxzY3JlZW4gJiYge1xuICAgIG1heEhlaWdodDogYGNhbGMoMTAwJSAtICgyICogJHt0aGVtZS5kaWFsb2cubWFyZ2lufSkpYCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICB9KSxcbiAgXCImIHN2ZyAqLmNvbG9yMFwiOiB7XG4gICAgZmlsbDogdGhlbWUuY29sb3JzLmFjY2UxLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQoXG4gIEJhY2tkcm9wLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRiYWNrQ29sb3IgfTogeyAkYmFja0NvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogZmFkZSgkYmFja0NvbG9yLCAwLjgpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2UgPSBzdHlsZWQoSHZCdXR0b24pKHtcbiAgcGFkZGluZzogMCxcbiAgbWluV2lkdGg6IFwiaW5oZXJpdFwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IHRoZW1lLnNwYWNlLnNtLFxuICByaWdodDogdGhlbWUuc3BhY2Uuc20sXG59KTtcbiJdfQ== */");
+export {
+  StyledBackdrop,
+  StyledClose,
+  StyledDialog,
+  StyledPaper
+};
+//# sourceMappingURL=Dialog.styles.js.map

package/dist/esm/components/Dialog/Dialog.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.styles.js","sources":["../../../../src/components/Dialog/Dialog.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport Backdrop from \"@mui/material/Backdrop\";\nimport Dialog from \"@mui/material/Dialog\";\nimport Paper from \"@mui/material/Paper\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport fade from \"utils/hexToRgbA\";\nimport { HvButton } from \"components\";\n\nexport const StyledDialog = styled(Dialog)({});\n\nexport const StyledPaper = styled(\n  Paper,\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  Backdrop,\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":["StyledDialog","Dialog","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledPaper","Paper","_extends","transientOptions","$fullscreen","color","theme","colors","acce1","flex","maxWidth","backgroundColor","atmo1","padding","overflow","boxShadow","borderRadius","dialog","maxHeight","margin","display","flexDirection","fill","StyledBackdrop","Backdrop","$backColor","background","fade","StyledClose","HvButton","minWidth","position","top","space","sm","right"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAMA,eAAsBC,wBAAAA,QAAMC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAAI;AAEjCC,MAAAA,sCACXC,OAAKX,QAAAC,IAAAC,4BAAAU,SAAA,IAAA;AAAA,EAAAT,QAAA;AAAA,GACLU,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAT,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBS,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAsC,OAAO;AAAA,EAChDC,OAAOC,MAAMC,OAAOC;AAAAA,EACpBC,MAAML,cAAc,MAAM;AAAA,EAC1BM,UAAUN,cAAc,SAAS;AAAA,EACjCO,iBAAiBL,MAAMC,OAAOK;AAAAA,EAC9BC,SAAS;AAAA,EACTC,UAAU;AAAA,EACVC,WAAW,CAAC,QAAQ,gCAAgC;AAAA,EACpDC,cAAcV,MAAMW,OAAOD;AAAAA,EAC3B,GAAI,CAACZ,eAAe;AAAA,IAClBc,WAAY,oBAAmBZ,MAAMW,OAAOE;AAAAA,IAC5CC,SAAS;AAAA,IACTC,eAAe;AAAA,EACjB;AAAA,EACA,kBAAkB;AAAA,IAChBC,MAAMhB,MAAMC,OAAOC;AAAAA,EACrB;AACF,IAAElB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i0EAAA;AAEU+B,MAAAA,yCACXC,UAAQlC,QAAAC,IAAAC,4BAAAU,SAAA,IAAA;AAAA,EAAAT,QAAA;AAAA,GACRU,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAT,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBS,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEsB;AAAmC,OAAO;AAAA,EAC7CC,YAAYC,KAAKF,YAAY,GAAG;AAClC,IAAEnC,QAAAC,IAAAC,aAAC,eAAA,KAAA,q0EAAA;AAEI,MAAMoC,cAAqBC,wBAAAA,UAAQvC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC1CmB,SAAS;AAAA,EACTiB,UAAU;AAAA,EACVC,UAAU;AAAA,EACVC,KAAK1B,MAAM2B,MAAMC;AAAAA,EACjBC,OAAO7B,MAAM2B,MAAMC;AACrB,GAAC5C,QAAAC,IAAAC,aAAC,eAAA,KAAA,q0EAAA;"}

package/dist/esm/components/Dialog/Title/Title.js

@@ -0,0 +1,39 @@
+import clsx from "clsx";
+import { StyledTitle, StyledMessageContainer, StyledTextWithIcon } from "./Title.styles.js";
+import dialogTitleClasses from "./titleClasses.js";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import iconVariant from "../../../utils/iconVariant.js";
+import { HvTypography } from "../../Typography/Typography.js";
+const HvTitle = ({
+  classes,
+  className,
+  children,
+  variant = "default",
+  showIcon = true,
+  customIcon = null,
+  ...others
+}) => {
+  const isString = typeof children === "string";
+  const {
+    fullscreen
+  } = others;
+  const icon = customIcon || showIcon && iconVariant(variant, "", "");
+  return /* @__PURE__ */ jsx(StyledTitle, {
+    className: clsx(dialogTitleClasses.root, classes == null ? void 0 : classes.root, className, fullscreen ? clsx(dialogTitleClasses.fullscreen, classes == null ? void 0 : classes.fullscreen) : ""),
+    $fullscreen: fullscreen,
+    ...others,
+    children: /* @__PURE__ */ jsxs(StyledMessageContainer, {
+      children: [icon, /* @__PURE__ */ jsxs(StyledTextWithIcon, {
+        $hasIcon: !!icon,
+        children: [!isString && children, isString && /* @__PURE__ */ jsx(HvTypography, {
+          variant: "title4",
+          children
+        })]
+      })]
+    })
+  });
+};
+export {
+  HvTitle
+};
+//# sourceMappingURL=Title.js.map

package/dist/esm/components/Dialog/Title/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","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, HvExtraProps } from \"../../../types\";\nimport { iconVariant } from \"utils\";\nimport {\n  StyledTitle,\n  StyledMessageContainer,\n  StyledTextWithIcon,\n} from \"./Title.styles\";\nimport dialogTitleClasses, { HvDialogTitleClasses } from \"./titleClasses\";\n\nexport type HvDialogTitleVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\"\n  | \"default\";\n\nexport type HvTitleProps = Omit<MuiDialogTitleProps, \"variant\"> &\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  } & HvExtraProps;\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 isString = typeof children === \"string\";\n  const { fullscreen } = others;\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\n          ? clsx(dialogTitleClasses.fullscreen, classes?.fullscreen)\n          : \"\"\n      )}\n      $fullscreen={fullscreen}\n      {...others}\n    >\n      <StyledMessageContainer>\n        {icon}\n\n        <StyledTextWithIcon $hasIcon={!!icon}>\n          {!isString && children}\n          {isString && <HvTypography variant=\"title4\">{children}</HvTypography>}\n        </StyledTextWithIcon>\n      </StyledMessageContainer>\n    </StyledTitle>\n  );\n};\n"],"names":["HvTitle","classes","className","children","variant","showIcon","customIcon","others","isString","fullscreen","icon","iconVariant","StyledTitle","clsx","dialogTitleClasses","root","$fullscreen","StyledMessageContainer","_jsxs","StyledTextWithIcon","$hasIcon","HvTypography"],"mappings":";;;;;;AA8BO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,KACVC;AACS,MAAM;AACZC,QAAAA,WAAW,OAAOL,aAAa;AAC/B,QAAA;AAAA,IAAEM;AAAAA,EAAeF,IAAAA;AAEvB,QAAMG,OAAOJ,cAAeD,YAAYM,YAAYP,SAAS,IAAI,EAAE;AAEnE,6BACGQ,aAAW;AAAA,IACVV,WAAWW,KACTC,mBAAmBC,MACnBd,mCAASc,MACTb,WACAO,aACII,KAAKC,mBAAmBL,YAAYR,mCAASQ,UAAU,IACvD,EAAE;AAAA,IAERO,aAAaP;AAAAA,IAAW,GACpBF;AAAAA,IAAMJ,+BAETc,wBAAsB;AAAA,MAAAd,UACpBO,CAAAA,MAEDQ,qBAACC,oBAAkB;AAAA,QAACC,UAAU,CAAC,CAACV;AAAAA,QAAKP,UAAA,CAClC,CAACK,YAAYL,UACbK,gCAAaa,cAAY;AAAA,UAACjB,SAAQ;AAAA,UAAQD;AAAAA,QAAAA,CAA0B,CAAA;AAAA,MAAA,CAClD,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEX;AAElB;"}

package/dist/esm/components/Dialog/Title/Title.styles.js

@@ -0,0 +1,68 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import DialogTitle from "@mui/material/DialogTitle";
+import { transientOptions } from "../../../utils/transientOptions.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const StyledTitle = /* @__PURE__ */ _styled(DialogTitle, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "eo9hglt2"
+}, transientOptions) : _extends({}, {
+  target: "eo9hglt2",
+  label: "StyledTitle"
+}, transientOptions))(({
+  $fullscreen
+}) => ({
+  padding: theme.space.sm,
+  margin: 0,
+  ...!$fullscreen && {
+    flex: 1
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL1RpdGxlL1RpdGxlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL1RpdGxlL1RpdGxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBEaWFsb2dUaXRsZSBmcm9tIFwiQG11aS9tYXRlcmlhbC9EaWFsb2dUaXRsZVwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChcbiAgRGlhbG9nVGl0bGUsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZ1bGxzY3JlZW4gfTogeyAkZnVsbHNjcmVlbjogYm9vbGVhbiB9KSA9PiAoe1xuICBwYWRkaW5nOiB0aGVtZS5zcGFjZS5zbSxcbiAgbWFyZ2luOiAwLFxuICAuLi4oISRmdWxsc2NyZWVuICYmIHtcbiAgICBmbGV4OiAxLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dFdpdGhJY29uID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRoYXNJY29uIH06IHsgJGhhc0ljb246IGJvb2xlYW4gfSkgPT4gKHtcbiAgLi4uKCRoYXNJY29uICYmIHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAvLyAzMnB4IGlzIHRoZSBpY29uIHdpZHRoXG4gICAgbWFyZ2luUmlnaHQ6IGBjYWxjKDMycHggKyAke3RoZW1lLnNwYWNlLnhzfSlgLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
+const StyledMessageContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eo9hglt1"
+} : {
+  target: "eo9hglt1",
+  label: "StyledMessageContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center"
+} : {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL1RpdGxlL1RpdGxlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JzQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9UaXRsZS9UaXRsZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgRGlhbG9nVGl0bGUgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvRGlhbG9nVGl0bGVcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGUgPSBzdHlsZWQoXG4gIERpYWxvZ1RpdGxlLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRmdWxsc2NyZWVuIH06IHsgJGZ1bGxzY3JlZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgcGFkZGluZzogdGhlbWUuc3BhY2Uuc20sXG4gIG1hcmdpbjogMCxcbiAgLi4uKCEkZnVsbHNjcmVlbiAmJiB7XG4gICAgZmxleDogMSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRNZXNzYWdlQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRXaXRoSWNvbiA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaGFzSWNvbiB9OiB7ICRoYXNJY29uOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkaGFzSWNvbiAmJiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgLy8gMzJweCBpcyB0aGUgaWNvbiB3aWR0aFxuICAgIG1hcmdpblJpZ2h0OiBgY2FsYygzMnB4ICsgJHt0aGVtZS5zcGFjZS54c30pYCxcbiAgfSksXG59KSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledTextWithIcon = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "eo9hglt0"
+}, transientOptions) : _extends({}, {
+  target: "eo9hglt0",
+  label: "StyledTextWithIcon"
+}, transientOptions))(({
+  $hasIcon
+}) => ({
+  ...$hasIcon && {
+    marginLeft: theme.space.xs,
+    marginRight: `calc(32px + ${theme.space.xs})`
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL1RpdGxlL1RpdGxlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9UaXRsZS9UaXRsZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgRGlhbG9nVGl0bGUgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvRGlhbG9nVGl0bGVcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGUgPSBzdHlsZWQoXG4gIERpYWxvZ1RpdGxlLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRmdWxsc2NyZWVuIH06IHsgJGZ1bGxzY3JlZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgcGFkZGluZzogdGhlbWUuc3BhY2Uuc20sXG4gIG1hcmdpbjogMCxcbiAgLi4uKCEkZnVsbHNjcmVlbiAmJiB7XG4gICAgZmxleDogMSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRNZXNzYWdlQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRXaXRoSWNvbiA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaGFzSWNvbiB9OiB7ICRoYXNJY29uOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkaGFzSWNvbiAmJiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgLy8gMzJweCBpcyB0aGUgaWNvbiB3aWR0aFxuICAgIG1hcmdpblJpZ2h0OiBgY2FsYygzMnB4ICsgJHt0aGVtZS5zcGFjZS54c30pYCxcbiAgfSksXG59KSk7XG4iXX0= */");
+export {
+  StyledMessageContainer,
+  StyledTextWithIcon,
+  StyledTitle
+};
+//# sourceMappingURL=Title.styles.js.map

package/dist/esm/components/Dialog/Title/Title.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.styles.js","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","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledTextWithIcon","$hasIcon","marginLeft","xs","marginRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,sCACXC,aAAWC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAsC,OAAO;AAAA,EAChDC,SAASC,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,yBAAgC,wBAAA,OAAKd,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAa,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGjD;AAEWC,MAAAA,6CACX,OAAKpB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEgB;AAAgC,OAAO;AAAA,EAC1C,GAAIA,YAAY;AAAA,IACdC,YAAYb,MAAMC,MAAMa;AAAAA,IAExBC,aAAc,eAAcf,MAAMC,MAAMa;AAAAA,EAC1C;AACF,IAAEvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qiDAAA;"}

package/dist/esm/components/Dialog/Title/titleClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["root", "fullscreen"];
+const dialogTitleClasses = getClasses(classKeys, "HvDialog-Title");
+const dialogTitleClasses$1 = dialogTitleClasses;
+export {
+  dialogTitleClasses$1 as default
+};
+//# sourceMappingURL=titleClasses.js.map

package/dist/esm/components/Dialog/Title/titleClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"titleClasses.js","sources":["../../../../../src/components/Dialog/Title/titleClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDialogTitleClasses = {\n  root?: string;\n  fullscreen?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"fullscreen\"];\n\nconst dialogTitleClasses = getClasses<HvDialogTitleClasses>(\n  classKeys,\n  \"HvDialog-Title\"\n);\n\nexport default dialogTitleClasses;\n"],"names":["classKeys","dialogTitleClasses","getClasses"],"mappings":";AAOA,MAAMA,YAAsB,CAAC,QAAQ,YAAY;AAEjD,MAAMC,qBAAqBC,WACzBF,WACA,gBAAgB;AAGlB,MAAA,uBAAeC;"}

package/dist/esm/components/Dialog/dialogClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "closeButton", "fullscreen"];
+const dialogClasses = getClasses(classKeys, "HvDialog");
+const dialogClasses$1 = dialogClasses;
+export {
+  dialogClasses$1 as default
+};
+//# sourceMappingURL=dialogClasses.js.map

package/dist/esm/components/Dialog/dialogClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogClasses.js","sources":["../../../../src/components/Dialog/dialogClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDialogClasses = {\n  root?: string;\n  closeButton?: string;\n  fullscreen?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"closeButton\", \"fullscreen\"];\n\nconst dialogClasses = getClasses<HvDialogClasses>(classKeys, \"HvDialog\");\n\nexport default dialogClasses;\n"],"names":["classKeys","dialogClasses","getClasses"],"mappings":";AAQA,MAAMA,YAAsB,CAAC,QAAQ,eAAe,YAAY;AAEhE,MAAMC,gBAAgBC,WAA4BF,WAAW,UAAU;AAEvE,MAAA,kBAAeC;"}

package/dist/esm/components/DotPagination/DotPagination.js

@@ -0,0 +1,59 @@
+import clsx from "clsx";
+import dotPaginationClasses from "./dotPaginationClasses.js";
+import { StyledRadioGroup, StyledRadio, StyledOtherStep, StyledCurrentStep } from "./DotPagination.styles.js";
+import { cloneElement } from "react";
+import { jsx } from "@emotion/react/jsx-runtime";
+const getSelectorIcons = (radioIcon, radioCheckedIcon, classes) => {
+  return {
+    radio: cloneElement(radioIcon || /* @__PURE__ */ jsx(StyledOtherStep, {
+      width: 8,
+      height: 8
+    }), {
+      className: clsx(classes == null ? void 0 : classes.icon, dotPaginationClasses.icon)
+    }),
+    radioChecked: cloneElement(radioCheckedIcon || /* @__PURE__ */ jsx(StyledCurrentStep, {
+      width: 8,
+      height: 8
+    }), {
+      className: clsx(classes == null ? void 0 : classes.icon, dotPaginationClasses.icon)
+    })
+  };
+};
+const HvDotPagination = ({
+  className,
+  classes,
+  unselectedIcon,
+  selectedIcon,
+  pages = 1,
+  page = 0,
+  onPageChange,
+  getItemAriaLabel,
+  ...others
+}) => {
+  const range = (n) => Array.from(Array(n), (_, i) => i);
+  const icons = getSelectorIcons(unselectedIcon, selectedIcon, classes);
+  return /* @__PURE__ */ jsx(StyledRadioGroup, {
+    className: clsx(className, classes == null ? void 0 : classes.root, dotPaginationClasses.root),
+    classes: {
+      horizontal: clsx(classes == null ? void 0 : classes.horizontal, dotPaginationClasses.horizontal)
+    },
+    orientation: "horizontal",
+    ...others,
+    children: range(pages).map((i) => /* @__PURE__ */ jsx(StyledRadio, {
+      classes: {
+        radio: clsx(classes == null ? void 0 : classes.radio, dotPaginationClasses.radio),
+        root: clsx(classes == null ? void 0 : classes.radioRoot, dotPaginationClasses.radioRoot)
+      },
+      value: i,
+      checked: page === i,
+      onChange: (event) => onPageChange == null ? void 0 : onPageChange(event, i),
+      icon: icons.radio,
+      checkedIcon: icons.radioChecked,
+      "aria-label": getItemAriaLabel == null ? void 0 : getItemAriaLabel(i)
+    }, i))
+  });
+};
+export {
+  HvDotPagination
+};
+//# sourceMappingURL=DotPagination.js.map

package/dist/esm/components/DotPagination/DotPagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotPagination.js","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 = HvRadioGroupProps & {\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,aAAaJ,aAAaK,oBAACC,iBAAe;AAAA,MAACC,OAAO;AAAA,MAAGC,QAAQ;AAAA,IAAA,CAAE,GAAK;AAAA,MACzEC,WAAWC,KAAKR,mCAASS,MAAMC,qBAAqBD,IAAI;AAAA,IAAA,CACzD;AAAA,IACDE,cAAcT,aACZH,oBAAoBI,oBAACS,mBAAiB;AAAA,MAACP,OAAO;AAAA,MAAGC,QAAQ;AAAA,IAAA,CAAE,GAC3D;AAAA,MACEC,WAAWC,KAAKR,mCAASS,MAAMC,qBAAqBD,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,6BACG4B,kBAAgB;AAAA,IACfrB,WAAWC,KAAKD,WAAWP,mCAAS6B,MAAMnB,qBAAqBmB,IAAI;AAAA,IACnE7B,SAAS;AAAA,MACP8B,YAAYtB,KAAKR,mCAAS8B,YAAYpB,qBAAqBoB,UAAU;AAAA,IACvE;AAAA,IACAC,aAAY;AAAA,IAAY,GACpBX;AAAAA,IAAMY,UAETX,MAAML,KAAK,EAAEiB,IAAKP,CAAAA,0BAChBQ,aAAW;AAAA,MACVlC,SAAS;AAAA,QACPC,OAAOO,KAAKR,mCAASC,OAAOS,qBAAqBT,KAAK;AAAA,QACtD4B,MAAMrB,KAAKR,mCAASmC,WAAWzB,qBAAqByB,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;"}

package/dist/esm/components/DotPagination/DotPagination.styles.js

@@ -0,0 +1,77 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import dotPaginationClasses from "./dotPaginationClasses.js";
+import { OtherStep, CurrentStep } from "@hitachivantara/uikit-react-icons";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { HvRadioGroup } from "../RadioGroup/RadioGroup.js";
+import { HvRadio } from "../Radio/Radio.js";
+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 StyledRadioGroup = /* @__PURE__ */ _styled(HvRadioGroup, process.env.NODE_ENV === "production" ? {
+  target: "e1buriah3"
+} : {
+  target: "e1buriah3",
+  label: "StyledRadioGroup"
+})({
+  display: "flex",
+  justifyContent: "center",
+  [`& .${dotPaginationClasses.horizontal}`]: {
+    marginLeft: 0,
+    width: "auto"
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTWdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2UmFkaW8sIEh2UmFkaW9Hcm91cCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgZG90UGFnaW5hdGlvbkNsYXNzZXMgZnJvbSBcIi4vZG90UGFnaW5hdGlvbkNsYXNzZXNcIjtcbmltcG9ydCB7IEN1cnJlbnRTdGVwLCBPdGhlclN0ZXAgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSYWRpb0dyb3VwID0gc3R5bGVkKEh2UmFkaW9Hcm91cCkoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLmhvcml6b250YWx9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICAgIHdpZHRoOiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW8gPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZSYWRpbyB7Li4ucHJvcHN9IC8+KSh7XG4gIFtgJi4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvUm9vdH1gXToge1xuICAgIG1hcmdpbkxlZnQ6IFwiOHB4XCIsXG4gIH0sXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvfWBdOiB7XG4gICAgaGVpZ2h0OiBcIjE2cHhcIixcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNyxcbiAgICAgIGJvcmRlclJhZGl1czogXCIxMDAlXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3RoZXJTdGVwID0gc3R5bGVkKE90aGVyU3RlcCkoe1xuICB3aWR0aDogXCIxNnB4XCIsXG4gIGhlaWdodDogXCIxNnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEN1cnJlbnRTdGVwID0gc3R5bGVkKEN1cnJlbnRTdGVwKSh7XG4gIHdpZHRoOiBcIjE2cHhcIixcbiAgaGVpZ2h0OiBcIjE2cHhcIixcbn0pO1xuIl19 */");
+const StyledRadio = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvRadio, {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
+  target: "e1buriah2"
+} : {
+  target: "e1buriah2",
+  label: "StyledRadio"
+})({
+  [`&.${dotPaginationClasses.radioRoot}`]: {
+    marginLeft: "8px"
+  },
+  [`& .${dotPaginationClasses.radio}`]: {
+    height: "16px",
+    "&:hover": {
+      backgroundColor: theme.colors.sema7,
+      borderRadius: "100%"
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0IyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RvdFBhZ2luYXRpb24vRG90UGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlJhZGlvLCBIdlJhZGlvR3JvdXAgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGRvdFBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL2RvdFBhZ2luYXRpb25DbGFzc2VzXCI7XG5pbXBvcnQgeyBDdXJyZW50U3RlcCwgT3RoZXJTdGVwIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW9Hcm91cCA9IHN0eWxlZChIdlJhZGlvR3JvdXApKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuXG4gIFtgJiAuJHtkb3RQYWdpbmF0aW9uQ2xhc3Nlcy5ob3Jpem9udGFsfWBdOiB7XG4gICAgbWFyZ2luTGVmdDogMCxcbiAgICB3aWR0aDogXCJhdXRvXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJhZGlvID0gc3R5bGVkKChwcm9wcykgPT4gPEh2UmFkaW8gey4uLnByb3BzfSAvPikoe1xuICBbYCYuJHtkb3RQYWdpbmF0aW9uQ2xhc3Nlcy5yYWRpb1Jvb3R9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiBcIjhweFwiLFxuICB9LFxuXG4gIFtgJiAuJHtkb3RQYWdpbmF0aW9uQ2xhc3Nlcy5yYWRpb31gXToge1xuICAgIGhlaWdodDogXCIxNnB4XCIsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTcsXG4gICAgICBib3JkZXJSYWRpdXM6IFwiMTAwJVwiLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE90aGVyU3RlcCA9IHN0eWxlZChPdGhlclN0ZXApKHtcbiAgd2lkdGg6IFwiMTZweFwiLFxuICBoZWlnaHQ6IFwiMTZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDdXJyZW50U3RlcCA9IHN0eWxlZChDdXJyZW50U3RlcCkoe1xuICB3aWR0aDogXCIxNnB4XCIsXG4gIGhlaWdodDogXCIxNnB4XCIsXG59KTtcbiJdfQ== */");
+const StyledOtherStep = /* @__PURE__ */ _styled(OtherStep, process.env.NODE_ENV === "production" ? {
+  target: "e1buriah1"
+} : {
+  target: "e1buriah1",
+  label: "StyledOtherStep"
+})(process.env.NODE_ENV === "production" ? {
+  name: "157xhr7",
+  styles: "width:16px;height:16px"
+} : {
+  name: "157xhr7",
+  styles: "width:16px;height:16px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RvdFBhZ2luYXRpb24vRG90UGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlJhZGlvLCBIdlJhZGlvR3JvdXAgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGRvdFBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL2RvdFBhZ2luYXRpb25DbGFzc2VzXCI7XG5pbXBvcnQgeyBDdXJyZW50U3RlcCwgT3RoZXJTdGVwIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW9Hcm91cCA9IHN0eWxlZChIdlJhZGlvR3JvdXApKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuXG4gIFtgJiAuJHtkb3RQYWdpbmF0aW9uQ2xhc3Nlcy5ob3Jpem9udGFsfWBdOiB7XG4gICAgbWFyZ2luTGVmdDogMCxcbiAgICB3aWR0aDogXCJhdXRvXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJhZGlvID0gc3R5bGVkKChwcm9wcykgPT4gPEh2UmFkaW8gey4uLnByb3BzfSAvPikoe1xuICBbYCYuJHtkb3RQYWdpbmF0aW9uQ2xhc3Nlcy5yYWRpb1Jvb3R9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiBcIjhweFwiLFxuICB9LFxuXG4gIFtgJiAuJHtkb3RQYWdpbmF0aW9uQ2xhc3Nlcy5yYWRpb31gXToge1xuICAgIGhlaWdodDogXCIxNnB4XCIsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTcsXG4gICAgICBib3JkZXJSYWRpdXM6IFwiMTAwJVwiLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE90aGVyU3RlcCA9IHN0eWxlZChPdGhlclN0ZXApKHtcbiAgd2lkdGg6IFwiMTZweFwiLFxuICBoZWlnaHQ6IFwiMTZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDdXJyZW50U3RlcCA9IHN0eWxlZChDdXJyZW50U3RlcCkoe1xuICB3aWR0aDogXCIxNnB4XCIsXG4gIGhlaWdodDogXCIxNnB4XCIsXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledCurrentStep = /* @__PURE__ */ _styled(CurrentStep, process.env.NODE_ENV === "production" ? {
+  target: "e1buriah0"
+} : {
+  target: "e1buriah0",
+  label: "StyledCurrentStep"
+})(process.env.NODE_ENV === "production" ? {
+  name: "157xhr7",
+  styles: "width:16px;height:16px"
+} : {
+  name: "157xhr7",
+  styles: "width:16px;height:16px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RvdFBhZ2luYXRpb24vRG90UGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlJhZGlvLCBIdlJhZGlvR3JvdXAgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGRvdFBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL2RvdFBhZ2luYXRpb25DbGFzc2VzXCI7XG5pbXBvcnQgeyBDdXJyZW50U3RlcCwgT3RoZXJTdGVwIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW9Hcm91cCA9IHN0eWxlZChIdlJhZGlvR3JvdXApKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuXG4gIFtgJiAuJHtkb3RQYWdpbmF0aW9uQ2xhc3Nlcy5ob3Jpem9udGFsfWBdOiB7XG4gICAgbWFyZ2luTGVmdDogMCxcbiAgICB3aWR0aDogXCJhdXRvXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJhZGlvID0gc3R5bGVkKChwcm9wcykgPT4gPEh2UmFkaW8gey4uLnByb3BzfSAvPikoe1xuICBbYCYuJHtkb3RQYWdpbmF0aW9uQ2xhc3Nlcy5yYWRpb1Jvb3R9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiBcIjhweFwiLFxuICB9LFxuXG4gIFtgJiAuJHtkb3RQYWdpbmF0aW9uQ2xhc3Nlcy5yYWRpb31gXToge1xuICAgIGhlaWdodDogXCIxNnB4XCIsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTcsXG4gICAgICBib3JkZXJSYWRpdXM6IFwiMTAwJVwiLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE90aGVyU3RlcCA9IHN0eWxlZChPdGhlclN0ZXApKHtcbiAgd2lkdGg6IFwiMTZweFwiLFxuICBoZWlnaHQ6IFwiMTZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDdXJyZW50U3RlcCA9IHN0eWxlZChDdXJyZW50U3RlcCkoe1xuICB3aWR0aDogXCIxNnB4XCIsXG4gIGhlaWdodDogXCIxNnB4XCIsXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export {
+  StyledCurrentStep,
+  StyledOtherStep,
+  StyledRadio,
+  StyledRadioGroup
+};
+//# sourceMappingURL=DotPagination.styles.js.map