@hitachivantara/uikit-react-core 5.39.3 → 5.40.0

package/dist/cjs/Dialog/Actions/Actions.styles.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const classes = require("../../utils/classes.cjs");
+const { staticClasses, useClasses } = classes.createClasses("HvDialog-Action", {
+  root: {
+    margin: "0",
+    padding: uikitStyles.theme.space.sm,
+    borderTop: `3px solid ${uikitStyles.theme.colors.atmo2}`,
+    height: 65,
+    maxHeight: 65,
+    flex: 1
+  },
+  fullscreen: { position: "fixed", width: "100%", bottom: 0, left: 0 },
+  spacing: {
+    "& > :not(:first-of-type)": {
+      marginLeft: uikitStyles.theme.space.xs
+    }
+  }
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
+//# sourceMappingURL=Actions.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.styles.cjs","sources":["../../../../src/Dialog/Actions/Actions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDialog-Action\", {\n  root: {\n    margin: \"0\",\n    padding: theme.space.sm,\n    borderTop: `3px solid ${theme.colors.atmo2}`,\n    height: 65,\n    maxHeight: 65,\n    flex: 1,\n  },\n  fullscreen: { position: \"fixed\", width: \"100%\", bottom: 0, left: 0 },\n  spacing: {\n    \"& > :not(:first-of-type)\": {\n      marginLeft: theme.space.xs,\n    },\n  },\n});\n"],"names":["createClasses","theme"],"mappings":";;;;AAIO,MAAM,EAAE,eAAe,eAAeA,QAAAA,cAAc,mBAAmB;AAAA,EAC5E,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,SAASC,YAAAA,MAAM,MAAM;AAAA,IACrB,WAAW,aAAaA,YAAM,MAAA,OAAO,KAAK;AAAA,IAC1C,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAM;AAAA,EACR;AAAA,EACA,YAAY,EAAE,UAAU,SAAS,OAAO,QAAQ,QAAQ,GAAG,MAAM,EAAE;AAAA,EACnE,SAAS;AAAA,IACP,4BAA4B;AAAA,MAC1B,YAAYA,YAAAA,MAAM,MAAM;AAAA,IAC1B;AAAA,EACF;AACF,CAAC;;;"}

package/dist/cjs/Dialog/Content/Content.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const MuiDialogContent = require("@mui/material/DialogContent");
+const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const Content_styles = require("./Content.styles.cjs");
+const Typography = require("../../Typography/Typography.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const MuiDialogContent__default = /* @__PURE__ */ _interopDefault(MuiDialogContent);
+const HvDialogContent = (props) => {
+  const {
+    classes: classesProp,
+    className,
+    children,
+    indentContent = false
+  } = useDefaultProps.useDefaultProps("HvDialogContent", props);
+  const { classes, cx } = Content_styles.useClasses(classesProp);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Typography.HvTypography,
+    {
+      component: MuiDialogContent__default.default,
+      className: cx(
+        classes.root,
+        { [classes.textContent]: !!indentContent },
+        className
+      ),
+      children
+    }
+  );
+};
+exports.dialogContentClasses = Content_styles.staticClasses;
+exports.HvDialogContent = HvDialogContent;
+//# sourceMappingURL=Content.cjs.map

package/dist/cjs/Dialog/Content/Content.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.cjs","sources":["../../../../src/Dialog/Content/Content.tsx"],"sourcesContent":["import MuiDialogContent, {\n  DialogContentProps as MuiDialogContentProps,\n} from \"@mui/material/DialogContent\";\n\nimport { useDefaultProps } from \"../../hooks/useDefaultProps\";\n\nimport { ExtractNames } from \"../../utils/classes\";\nimport { HvTypography } from \"../../Typography\";\n\nimport { staticClasses, useClasses } from \"./Content.styles\";\n\nexport { staticClasses as dialogContentClasses };\n\nexport type HvDialogContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDialogContentProps\n  extends Omit<MuiDialogContentProps, \"classes\"> {\n  /** Content should be indented in relationship to the Dialog title. */\n  indentContent?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvDialogContentClasses;\n}\n\nexport const HvDialogContent = (props: HvDialogContentProps) => {\n  const {\n    classes: classesProp,\n    className,\n    children,\n    indentContent = false,\n  } = useDefaultProps(\"HvDialogContent\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <HvTypography\n      component={MuiDialogContent}\n      className={cx(\n        classes.root,\n        { [classes.textContent]: !!indentContent },\n        className\n      )}\n    >\n      {children}\n    </HvTypography>\n  );\n};\n"],"names":["useDefaultProps","useClasses","jsx","HvTypography","MuiDialogContent"],"mappings":";;;;;;;;;AAuBa,MAAA,kBAAkB,CAAC,UAAgC;AACxD,QAAA;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,EAAA,IACdA,gBAAgB,gBAAA,mBAAmB,KAAK;AAE5C,QAAM,EAAE,SAAS,GAAG,IAAIC,0BAAW,WAAW;AAG5C,SAAAC,2BAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACC,WAAWC,0BAAA;AAAA,MACX,WAAW;AAAA,QACT,QAAQ;AAAA,QACR,EAAE,CAAC,QAAQ,WAAW,GAAG,CAAC,CAAC,cAAc;AAAA,QACzC;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;;;"}

package/dist/cjs/Dialog/Content/Content.styles.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const classes = require("../../utils/classes.cjs");
+const { staticClasses, useClasses } = classes.createClasses("HvDialog-Content", {
+  root: {
+    padding: `0 ${uikitStyles.theme.space.sm} ${uikitStyles.theme.space.sm} ${uikitStyles.theme.space.sm}`,
+    flex: "none"
+  },
+  textContent: {
+    marginLeft: "42px",
+    paddingRight: "62px",
+    flex: 1,
+    overflowY: "auto"
+  }
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
+//# sourceMappingURL=Content.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Content.styles.cjs","sources":["../../../../src/Dialog/Content/Content.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDialog-Content\", {\n  root: {\n    padding: `0 ${theme.space.sm} ${theme.space.sm} ${theme.space.sm}`,\n    flex: \"none\",\n  },\n  textContent: {\n    marginLeft: \"42px\",\n    paddingRight: \"62px\",\n    flex: 1,\n    overflowY: \"auto\",\n  },\n});\n"],"names":["createClasses","theme"],"mappings":";;;;AAIO,MAAM,EAAE,eAAe,eAAeA,QAAAA,cAAc,oBAAoB;AAAA,EAC7E,MAAM;AAAA,IACJ,SAAS,KAAKC,YAAM,MAAA,MAAM,EAAE,IAAIA,YAAM,MAAA,MAAM,EAAE,IAAIA,YAAM,MAAA,MAAM,EAAE;AAAA,IAChE,MAAM;AAAA,EACR;AAAA,EACA,aAAa;AAAA,IACX,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,MAAM;AAAA,IACN,WAAW;AAAA,EACb;AACF,CAAC;;;"}

package/dist/cjs/Dialog/Dialog.cjs

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const React = require("react");
+const MuiDialog = require("@mui/material/Dialog");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const document$1 = require("../utils/document.cjs");
+const setId = require("../utils/setId.cjs");
+const useTheme = require("../hooks/useTheme.cjs");
+const Dialog_styles = require("./Dialog.styles.cjs");
+const context = require("./context.cjs");
+const Button = require("../Button/Button.cjs");
+const Tooltip = require("../Tooltip/Tooltip.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const MuiDialog__default = /* @__PURE__ */ _interopDefault(MuiDialog);
+const HvDialog = (props) => {
+  const {
+    variant,
+    classes: classesProp,
+    className,
+    id,
+    children,
+    open = false,
+    onClose,
+    firstFocusable,
+    buttonTitle = "Close",
+    fullscreen = false,
+    disableBackdropClick = false,
+    ...others
+  } = useDefaultProps.useDefaultProps("HvDialog", props);
+  const { classes, css, cx } = Dialog_styles.useClasses(classesProp);
+  const { rootId } = useTheme.useTheme();
+  const measuredRef = React.useCallback(() => {
+    if (!firstFocusable)
+      return;
+    const element = document.getElementById(firstFocusable);
+    element?.focus();
+  }, [firstFocusable]);
+  const contextValue = React.useMemo(() => ({ fullscreen }), [fullscreen]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    MuiDialog__default.default,
+    {
+      container: document$1.getElementById(rootId),
+      className: cx(classes.root, className),
+      classes: { container: css({ position: "relative" }) },
+      id,
+      ref: measuredRef,
+      open,
+      fullScreen: fullscreen,
+      onClose: (event, reason) => {
+        if (disableBackdropClick)
+          return;
+        onClose?.(event, reason);
+      },
+      slotProps: {
+        backdrop: {
+          classes: {
+            root: classes.background
+          }
+        }
+      },
+      PaperProps: {
+        classes: {
+          root: cx(
+            css({ position: "absolute" }),
+            classes.paper,
+            variant && cx(classes.statusBar, classes[variant]),
+            {
+              [classes.fullscreen]: fullscreen
+            }
+          )
+        }
+      },
+      "aria-modal": true,
+      ...others,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, { placement: "top", title: buttonTitle, children: /* @__PURE__ */ jsxRuntime.jsx(
+          Button.HvButton,
+          {
+            id: setId.setId(id, "close"),
+            className: classes.closeButton,
+            variant: "secondaryGhost",
+            onClick: (event) => onClose?.(event, void 0),
+            children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, { role: "none" })
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(context.DialogContext.Provider, { value: contextValue, children })
+      ]
+    }
+  );
+};
+exports.dialogClasses = Dialog_styles.staticClasses;
+exports.HvDialog = HvDialog;
+//# sourceMappingURL=Dialog.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.cjs","sources":["../../../src/Dialog/Dialog.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport MuiDialog, { DialogProps as MuiDialogProps } from \"@mui/material/Dialog\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { HvButton } from \"../Button\";\nimport { HvTooltip } from \"../Tooltip\";\nimport { getElementById } from \"../utils/document\";\nimport { ExtractNames } from \"../utils/classes\";\nimport { setId } from \"../utils/setId\";\nimport { useTheme } from \"../hooks/useTheme\";\n\nimport { staticClasses, useClasses } from \"./Dialog.styles\";\nimport { DialogContext } from \"./context\";\n\nexport { staticClasses as dialogClasses };\n\nexport type HvDialogClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDialogProps\n  extends Omit<MuiDialogProps, \"fullScreen\" | \"classes\" | \"open\"> {\n  /** Current state of the Dialog. */\n  open?: boolean;\n  /** Callback fired when the component requests to be closed. */\n  onClose?: (event: any, reason?: \"escapeKeyDown\" | \"backdropClick\") => void;\n  /** @inheritdoc */\n  maxWidth?: MuiDialogProps[\"maxWidth\"];\n  /** @inheritdoc */\n  fullWidth?: MuiDialogProps[\"fullWidth\"];\n  /**\n   * Element id that should be focus when the Dialog opens.\n   * Auto-focusing elements can cause usability issues, so this should be avoided.\n   * @deprecated Use `autoFocus` on the element instead, if auto-focusing is required.\n   */\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  /** Variant of the dialog. Adds a status bar to the top of the dialog. If not provided, no status bar is added. */\n  variant?: \"success\" | \"error\" | \"warning\";\n  /** @ignore */\n  ref?: MuiDialogProps[\"ref\"];\n  /** @ignore */\n  component?: MuiDialogProps[\"component\"];\n}\n\nexport const HvDialog = (props: HvDialogProps) => {\n  const {\n    variant,\n    classes: classesProp,\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  } = useDefaultProps(\"HvDialog\", props);\n\n  const { classes, css, cx } = useClasses(classesProp);\n  const { rootId } = useTheme();\n\n  const measuredRef = useCallback(() => {\n    if (!firstFocusable) return;\n\n    const element = document.getElementById(firstFocusable);\n    element?.focus();\n  }, [firstFocusable]);\n\n  const contextValue = useMemo(() => ({ fullscreen }), [fullscreen]);\n\n  return (\n    <MuiDialog\n      container={getElementById(rootId)}\n      className={cx(classes.root, className)}\n      classes={{ container: css({ position: \"relative\" }) }}\n      id={id}\n      ref={measuredRef}\n      open={open}\n      fullScreen={fullscreen}\n      onClose={(event, reason) => {\n        // `disableBackdropClick` property was removed in MUI5\n        // and we want to maintain that functionality\n        if (disableBackdropClick) return;\n\n        onClose?.(event, reason);\n      }}\n      slotProps={{\n        backdrop: {\n          classes: {\n            root: classes.background,\n          },\n        },\n      }}\n      PaperProps={{\n        classes: {\n          root: cx(\n            css({ position: \"absolute\" }),\n            classes.paper,\n            variant && cx(classes.statusBar, classes[variant]),\n            {\n              [classes.fullscreen]: fullscreen,\n            }\n          ),\n        },\n      }}\n      aria-modal\n      {...others}\n    >\n      <HvTooltip placement=\"top\" title={buttonTitle}>\n        <HvButton\n          id={setId(id, \"close\")}\n          className={classes.closeButton}\n          variant=\"secondaryGhost\"\n          onClick={(event) => onClose?.(event, undefined)}\n        >\n          <Close role=\"none\" />\n        </HvButton>\n      </HvTooltip>\n      <DialogContext.Provider value={contextValue}>\n        {children}\n      </DialogContext.Provider>\n    </MuiDialog>\n  );\n};\n"],"names":["useDefaultProps","useClasses","useTheme","useCallback","useMemo","jsxs","MuiDialog","getElementById","jsx","HvTooltip","HvButton","setId","Close","DialogContext"],"mappings":";;;;;;;;;;;;;;;;AAmDa,MAAA,WAAW,CAAC,UAAyB;AAC1C,QAAA;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,aAAa;AAAA,IACb,uBAAuB;AAAA,IACvB,GAAG;AAAA,EAAA,IACDA,gBAAgB,gBAAA,YAAY,KAAK;AAErC,QAAM,EAAE,SAAS,KAAK,GAAG,IAAIC,cAAAA,WAAW,WAAW;AAC7C,QAAA,EAAE,WAAWC,SAAAA;AAEb,QAAA,cAAcC,MAAAA,YAAY,MAAM;AACpC,QAAI,CAAC;AAAgB;AAEf,UAAA,UAAU,SAAS,eAAe,cAAc;AACtD,aAAS,MAAM;AAAA,EAAA,GACd,CAAC,cAAc,CAAC;AAEb,QAAA,eAAeC,MAAAA,QAAQ,OAAO,EAAE,eAAe,CAAC,UAAU,CAAC;AAG/D,SAAAC,2BAAA;AAAA,IAACC,mBAAA;AAAA,IAAA;AAAA,MACC,WAAWC,0BAAe,MAAM;AAAA,MAChC,WAAW,GAAG,QAAQ,MAAM,SAAS;AAAA,MACrC,SAAS,EAAE,WAAW,IAAI,EAAE,UAAU,WAAA,CAAY,EAAE;AAAA,MACpD;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MACA,YAAY;AAAA,MACZ,SAAS,CAAC,OAAO,WAAW;AAGtB,YAAA;AAAsB;AAE1B,kBAAU,OAAO,MAAM;AAAA,MACzB;AAAA,MACA,WAAW;AAAA,QACT,UAAU;AAAA,UACR,SAAS;AAAA,YACP,MAAM,QAAQ;AAAA,UAChB;AAAA,QACF;AAAA,MACF;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,UACP,MAAM;AAAA,YACJ,IAAI,EAAE,UAAU,YAAY;AAAA,YAC5B,QAAQ;AAAA,YACR,WAAW,GAAG,QAAQ,WAAW,QAAQ,OAAO,CAAC;AAAA,YACjD;AAAA,cACE,CAAC,QAAQ,UAAU,GAAG;AAAA,YACxB;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,cAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAC,2BAAA,IAACC,QAAU,WAAA,EAAA,WAAU,OAAM,OAAO,aAChC,UAAAD,2BAAA;AAAA,UAACE,OAAA;AAAA,UAAA;AAAA,YACC,IAAIC,MAAAA,MAAM,IAAI,OAAO;AAAA,YACrB,WAAW,QAAQ;AAAA,YACnB,SAAQ;AAAA,YACR,SAAS,CAAC,UAAU,UAAU,OAAO,MAAS;AAAA,YAE9C,UAAAH,2BAAAA,IAACI,gBAAAA,OAAM,EAAA,MAAK,OAAO,CAAA;AAAA,UAAA;AAAA,QAAA,GAEvB;AAAA,uCACCC,QAAc,cAAA,UAAd,EAAuB,OAAO,cAC5B,UACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;;"}

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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const classes = require("../utils/classes.cjs");
+const { staticClasses, useClasses } = classes.createClasses("HvDialog", {
+  root: {},
+  background: { background: uikitStyles.theme.alpha("atmo4", 0.8) },
+  paper: {
+    color: uikitStyles.theme.colors.secondary,
+    backgroundColor: uikitStyles.theme.colors.atmo1,
+    boxShadow: ["none", uikitStyles.theme.colors.shadow],
+    borderRadius: uikitStyles.theme.radii.round
+  },
+  fullscreen: {},
+  closeButton: {
+    padding: 0,
+    minWidth: "auto",
+    position: "absolute",
+    top: uikitStyles.theme.space.sm,
+    right: uikitStyles.theme.space.sm,
+    width: 32,
+    height: 32
+  },
+  statusBar: {
+    borderTopLeftRadius: 0,
+    borderTopRightRadius: 0,
+    borderTopWidth: 4,
+    borderTopStyle: "solid"
+  },
+  success: {
+    borderTopColor: uikitStyles.theme.colors.positive
+  },
+  error: {
+    borderTopColor: uikitStyles.theme.colors.negative
+  },
+  warning: {
+    borderTopColor: uikitStyles.theme.colors.warning
+  }
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
+//# sourceMappingURL=Dialog.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.styles.cjs","sources":["../../../src/Dialog/Dialog.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDialog\", {\n  root: {},\n  background: { background: theme.alpha(\"atmo4\", 0.8) },\n  paper: {\n    color: theme.colors.secondary,\n    backgroundColor: theme.colors.atmo1,\n    boxShadow: [\"none\", theme.colors.shadow],\n    borderRadius: theme.radii.round,\n  },\n  fullscreen: {},\n  closeButton: {\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  statusBar: {\n    borderTopLeftRadius: 0,\n    borderTopRightRadius: 0,\n    borderTopWidth: 4,\n    borderTopStyle: \"solid\",\n  },\n  success: {\n    borderTopColor: theme.colors.positive,\n  },\n  error: {\n    borderTopColor: theme.colors.negative,\n  },\n  warning: {\n    borderTopColor: theme.colors.warning,\n  },\n});\n"],"names":["createClasses","theme"],"mappings":";;;;AAIO,MAAM,EAAE,eAAe,eAAeA,QAAAA,cAAc,YAAY;AAAA,EACrE,MAAM,CAAC;AAAA,EACP,YAAY,EAAE,YAAYC,YAAAA,MAAM,MAAM,SAAS,GAAG,EAAE;AAAA,EACpD,OAAO;AAAA,IACL,OAAOA,YAAAA,MAAM,OAAO;AAAA,IACpB,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,IAC9B,WAAW,CAAC,QAAQA,kBAAM,OAAO,MAAM;AAAA,IACvC,cAAcA,YAAAA,MAAM,MAAM;AAAA,EAC5B;AAAA,EACA,YAAY,CAAC;AAAA,EACb,aAAa;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,KAAKA,YAAAA,MAAM,MAAM;AAAA,IACjB,OAAOA,YAAAA,MAAM,MAAM;AAAA,IACnB,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACT,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,EAClB;AAAA,EACA,SAAS;AAAA,IACP,gBAAgBA,YAAAA,MAAM,OAAO;AAAA,EAC/B;AAAA,EACA,OAAO;AAAA,IACL,gBAAgBA,YAAAA,MAAM,OAAO;AAAA,EAC/B;AAAA,EACA,SAAS;AAAA,IACP,gBAAgBA,YAAAA,MAAM,OAAO;AAAA,EAC/B;AACF,CAAC;;;"}

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

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const MuiDialogTitle = require("@mui/material/DialogTitle");
+const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const iconVariant = require("../../utils/iconVariant.cjs");
+const Title_styles = require("./Title.styles.cjs");
+const context = require("../context.cjs");
+const Typography = require("../../Typography/Typography.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const MuiDialogTitle__default = /* @__PURE__ */ _interopDefault(MuiDialogTitle);
+const HvDialogTitle = (props) => {
+  const {
+    classes: classesProp,
+    className,
+    children,
+    variant = "default",
+    showIcon = true,
+    customIcon = null,
+    ...others
+  } = useDefaultProps.useDefaultProps("HvDialogTitle", props);
+  const { classes, css, cx } = Title_styles.useClasses(classesProp);
+  const { fullscreen } = context.useDialogContext();
+  const isString = typeof children === "string";
+  const icon = customIcon || showIcon && iconVariant.iconVariant(variant);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MuiDialogTitle__default.default,
+    {
+      className: cx(
+        !fullscreen && css({ flex: 1 }),
+        classes.root,
+        {
+          [classes.fullscreen]: fullscreen
+        },
+        className
+      ),
+      ...others,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.messageContainer, children: [
+        icon,
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx({ [classes.textWithIcon]: !!icon }), children: !isString ? children : /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: "title4", className: classes.titleText, children }) })
+      ] })
+    }
+  );
+};
+exports.dialogTitleClasses = Title_styles.staticClasses;
+exports.HvDialogTitle = HvDialogTitle;
+//# sourceMappingURL=Title.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Title.cjs","sources":["../../../../src/Dialog/Title/Title.tsx"],"sourcesContent":["import MuiDialogTitle, {\n  DialogTitleProps as MuiDialogTitleProps,\n} from \"@mui/material/DialogTitle\";\n\nimport { useDefaultProps } from \"../../hooks/useDefaultProps\";\n\nimport { HvTypography } from \"../../Typography\";\nimport { ExtractNames } from \"../../utils/classes\";\nimport { iconVariant } from \"../../utils/iconVariant\";\n\nimport { staticClasses, useClasses } from \"./Title.styles\";\nimport { useDialogContext } from \"../context\";\n\nexport { staticClasses as dialogTitleClasses };\n\nexport type HvDialogTitleClasses = ExtractNames<typeof useClasses>;\n\nexport type HvDialogTitleVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\"\n  | \"default\";\n\nexport interface HvDialogTitleProps\n  extends Omit<MuiDialogTitleProps, \"variant\" | \"classes\"> {\n  /** Variant of the dialog title. */\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  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvDialogTitleClasses;\n}\n\nexport const HvDialogTitle = (props: HvDialogTitleProps) => {\n  const {\n    classes: classesProp,\n    className,\n    children,\n    variant = \"default\",\n    showIcon = true,\n    customIcon = null,\n    ...others\n  } = useDefaultProps(\"HvDialogTitle\", props);\n\n  const { classes, css, cx } = useClasses(classesProp);\n  const { fullscreen } = useDialogContext();\n\n  const isString = typeof children === \"string\";\n\n  const icon = customIcon || (showIcon && iconVariant(variant));\n\n  return (\n    <MuiDialogTitle\n      className={cx(\n        !fullscreen && css({ flex: 1 }),\n        classes.root,\n        {\n          [classes.fullscreen]: fullscreen,\n        },\n        className\n      )}\n      {...others}\n    >\n      <div className={classes.messageContainer}>\n        {icon}\n        <div className={cx({ [classes.textWithIcon]: !!icon })}>\n          {!isString ? (\n            children\n          ) : (\n            <HvTypography variant=\"title4\" className={classes.titleText}>\n              {children}\n            </HvTypography>\n          )}\n        </div>\n      </div>\n    </MuiDialogTitle>\n  );\n};\n"],"names":["useDefaultProps","useClasses","useDialogContext","iconVariant","jsx","MuiDialogTitle","jsxs","HvTypography"],"mappings":";;;;;;;;;;;AAoCa,MAAA,gBAAgB,CAAC,UAA8B;AACpD,QAAA;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,WAAW;AAAA,IACX,aAAa;AAAA,IACb,GAAG;AAAA,EAAA,IACDA,gBAAgB,gBAAA,iBAAiB,KAAK;AAE1C,QAAM,EAAE,SAAS,KAAK,GAAG,IAAIC,aAAAA,WAAW,WAAW;AAC7C,QAAA,EAAE,eAAeC,QAAAA;AAEjB,QAAA,WAAW,OAAO,aAAa;AAErC,QAAM,OAAO,cAAe,YAAYC,YAAA,YAAY,OAAO;AAGzD,SAAAC,2BAAA;AAAA,IAACC,wBAAA;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,CAAC,cAAc,IAAI,EAAE,MAAM,GAAG;AAAA,QAC9B,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,UAAU,GAAG;AAAA,QACxB;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,UAACC,2BAAA,KAAA,OAAA,EAAI,WAAW,QAAQ,kBACrB,UAAA;AAAA,QAAA;AAAA,QACDF,2BAAAA,IAAC,OAAI,EAAA,WAAW,GAAG,EAAE,CAAC,QAAQ,YAAY,GAAG,CAAC,CAAC,KAAA,CAAM,GAClD,UAAA,CAAC,WACA,WAECA,2BAAAA,IAAAG,WAAA,cAAA,EAAa,SAAQ,UAAS,WAAW,QAAQ,WAC/C,SAAA,CACH,EAEJ,CAAA;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN;;;"}

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const classes = require("../../utils/classes.cjs");
+const { staticClasses, useClasses } = classes.createClasses("HvDialog-Title", {
+  root: { padding: uikitStyles.theme.space.sm, margin: 0 },
+  fullscreen: {},
+  messageContainer: { display: "flex", alignItems: "center" },
+  textWithIcon: {
+    marginLeft: uikitStyles.theme.space.xs,
+    // 32px is the icon width
+    marginRight: `calc(32px + ${uikitStyles.theme.space.xs})`
+  },
+  titleText: {}
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
+//# sourceMappingURL=Title.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Title.styles.cjs","sources":["../../../../src/Dialog/Title/Title.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDialog-Title\", {\n  root: { padding: theme.space.sm, margin: 0 },\n  fullscreen: {},\n  messageContainer: { display: \"flex\", alignItems: \"center\" },\n  textWithIcon: {\n    marginLeft: theme.space.xs,\n    // 32px is the icon width\n    marginRight: `calc(32px + ${theme.space.xs})`,\n  },\n  titleText: {},\n});\n"],"names":["createClasses","theme"],"mappings":";;;;AAIO,MAAM,EAAE,eAAe,eAAeA,QAAAA,cAAc,kBAAkB;AAAA,EAC3E,MAAM,EAAE,SAASC,kBAAM,MAAM,IAAI,QAAQ,EAAE;AAAA,EAC3C,YAAY,CAAC;AAAA,EACb,kBAAkB,EAAE,SAAS,QAAQ,YAAY,SAAS;AAAA,EAC1D,cAAc;AAAA,IACZ,YAAYA,YAAAA,MAAM,MAAM;AAAA;AAAA,IAExB,aAAa,eAAeA,YAAAA,MAAM,MAAM,EAAE;AAAA,EAC5C;AAAA,EACA,WAAW,CAAC;AACd,CAAC;;;"}

package/dist/cjs/Dialog/context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.cjs","sources":["../../../src/Dialog/context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport const DialogContext = createContext({ fullscreen: false });\n\nexport const useDialogContext = () => useContext(DialogContext);\n"],"names":["createContext","useContext"],"mappings":";;;AAEO,MAAM,gBAAgBA,MAAA,cAAc,EAAE,YAAY,OAAO;AAEnD,MAAA,mBAAmB,MAAMC,MAAAA,WAAW,aAAa;;;"}

package/dist/cjs/DotPagination/DotPagination.cjs

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const React = require("react");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const DotPagination_styles = require("./DotPagination.styles.cjs");
+const RadioGroup = require("../RadioGroup/RadioGroup.cjs");
+const Radio = require("../Radio/Radio.cjs");
+const getSelectorIcons = (radioIcon, radioCheckedIcon, classes) => {
+  return {
+    radio: React.cloneElement(radioIcon || /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.OtherStep, { width: 8, height: 8 }), {
+      className: classes?.icon
+    }),
+    radioChecked: React.cloneElement(
+      radioCheckedIcon || /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.CurrentStep, { width: 8, height: 8 }),
+      {
+        className: classes?.icon
+      }
+    )
+  };
+};
+const range = (n) => Array.from(Array(n), (_, i) => i);
+const HvDotPagination = (props) => {
+  const {
+    className,
+    classes: classesProp,
+    unselectedIcon,
+    selectedIcon,
+    pages = 1,
+    page = 0,
+    onPageChange,
+    getItemAriaLabel,
+    ...others
+  } = useDefaultProps.useDefaultProps("HvDotPagination", props);
+  const { classes, cx } = DotPagination_styles.useClasses(classesProp);
+  const icons = getSelectorIcons(unselectedIcon, selectedIcon, classes);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadioGroup.HvRadioGroup,
+    {
+      className: cx(classes.root, className),
+      classes: {
+        horizontal: classes.horizontal
+      },
+      orientation: "horizontal",
+      ...others,
+      children: range(pages).map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+        Radio.HvRadio,
+        {
+          classes: {
+            radio: classes.radio,
+            root: classes.radioRoot
+          },
+          value: i,
+          checked: page === i,
+          onChange: (event) => onPageChange?.(event, i),
+          icon: icons.radio,
+          checkedIcon: icons.radioChecked,
+          "aria-label": getItemAriaLabel?.(i)
+        },
+        i
+      ))
+    }
+  );
+};
+exports.dotPaginationClasses = DotPagination_styles.staticClasses;
+exports.HvDotPagination = HvDotPagination;
+//# sourceMappingURL=DotPagination.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DotPagination.cjs","sources":["../../../src/DotPagination/DotPagination.tsx"],"sourcesContent":["import { cloneElement } from \"react\";\nimport { CurrentStep, OtherStep } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvRadio } from \"../Radio\";\nimport { HvRadioGroup, HvRadioGroupProps } from \"../RadioGroup\";\nimport { ExtractNames } from \"../utils/classes\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\n\nimport { staticClasses, useClasses } from \"./DotPagination.styles\";\n\nexport { staticClasses as dotPaginationClasses };\n\nexport type HvDotPaginationClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDotPaginationProps\n  extends 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 || <OtherStep width={8} height={8} />, {\n      className: classes?.icon,\n    }),\n    radioChecked: cloneElement(\n      radioCheckedIcon || <CurrentStep width={8} height={8} />,\n      {\n        className: classes?.icon,\n      }\n    ),\n  };\n};\n\nconst range = (n: number) => Array.from(Array(n), (_, i) => i);\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 = (props: HvDotPaginationProps) => {\n  const {\n    className,\n    classes: classesProp,\n    unselectedIcon,\n    selectedIcon,\n    pages = 1,\n    page = 0,\n    onPageChange,\n    getItemAriaLabel,\n    ...others\n  } = useDefaultProps(\"HvDotPagination\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const icons = getSelectorIcons(unselectedIcon, selectedIcon, classes);\n\n  return (\n    <HvRadioGroup\n      className={cx(classes.root, className)}\n      classes={{\n        horizontal: classes.horizontal,\n      }}\n      orientation=\"horizontal\"\n      {...others}\n    >\n      {range(pages).map((i) => (\n        <HvRadio\n          classes={{\n            radio: classes.radio,\n            root: classes.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    </HvRadioGroup>\n  );\n};\n"],"names":["cloneElement","jsx","OtherStep","CurrentStep","useDefaultProps","useClasses","HvRadioGroup","HvRadio"],"mappings":";;;;;;;;;AAsDA,MAAM,mBAAmB,CACvB,WACA,kBACA,YACG;AACI,SAAA;AAAA,IACL,OAAOA,mBAAa,aAAaC,2BAAAA,IAACC,6BAAU,OAAO,GAAG,QAAQ,EAAA,CAAG,GAAI;AAAA,MACnE,WAAW,SAAS;AAAA,IAAA,CACrB;AAAA,IACD,cAAcF,MAAA;AAAA,MACZ,oBAAqBC,2BAAA,IAAAE,6BAAA,EAAY,OAAO,GAAG,QAAQ,GAAG;AAAA,MACtD;AAAA,QACE,WAAW,SAAS;AAAA,MACtB;AAAA,IACF;AAAA,EAAA;AAEJ;AAEA,MAAM,QAAQ,CAAC,MAAc,MAAM,KAAK,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;AAMhD,MAAA,kBAAkB,CAAC,UAAgC;AACxD,QAAA;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACDC,gBAAgB,gBAAA,mBAAmB,KAAK;AAE5C,QAAM,EAAE,SAAS,GAAG,IAAIC,gCAAW,WAAW;AAE9C,QAAM,QAAQ,iBAAiB,gBAAgB,cAAc,OAAO;AAGlE,SAAAJ,2BAAA;AAAA,IAACK,WAAA;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,QAAQ,MAAM,SAAS;AAAA,MACrC,SAAS;AAAA,QACP,YAAY,QAAQ;AAAA,MACtB;AAAA,MACA,aAAY;AAAA,MACX,GAAG;AAAA,MAEH,UAAM,MAAA,KAAK,EAAE,IAAI,CAAC,MACjBL,2BAAA;AAAA,QAACM,MAAA;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,YACP,OAAO,QAAQ;AAAA,YACf,MAAM,QAAQ;AAAA,UAChB;AAAA,UAEA,OAAO;AAAA,UACP,SAAS,SAAS;AAAA,UAClB,UAAU,CAAC,UAAU,eAAe,OAAO,CAAC;AAAA,UAC5C,MAAM,MAAM;AAAA,UACZ,aAAa,MAAM;AAAA,UACnB,cAAY,mBAAmB,CAAC;AAAA,QAAA;AAAA,QAN3B;AAAA,MAAA,CAQR;AAAA,IAAA;AAAA,EAAA;AAGP;;;"}

package/dist/cjs/DotPagination/DotPagination.styles.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const classes = require("../utils/classes.cjs");
+const { useClasses, staticClasses } = classes.createClasses("HvDotPagination", {
+  root: {
+    display: "flex",
+    justifyContent: "center"
+  },
+  horizontal: {
+    marginLeft: 0,
+    width: "auto"
+  },
+  radioRoot: {
+    marginLeft: uikitStyles.theme.space.xs
+  },
+  radio: {
+    height: "16px",
+    "&:hover": {
+      backgroundColor: uikitStyles.theme.colors.neutral_20,
+      borderRadius: "100%"
+    }
+  },
+  icon: {
+    width: "16px",
+    height: "16px"
+  }
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
+//# sourceMappingURL=DotPagination.styles.cjs.map

package/dist/cjs/DotPagination/DotPagination.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotPagination.styles.cjs","sources":["../../../src/DotPagination/DotPagination.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvDotPagination\", {\n  root: {\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n\n  horizontal: {\n    marginLeft: 0,\n    width: \"auto\",\n  },\n\n  radioRoot: {\n    marginLeft: theme.space.xs,\n  },\n\n  radio: {\n    height: \"16px\",\n\n    \"&:hover\": {\n      backgroundColor: theme.colors.neutral_20,\n      borderRadius: \"100%\",\n    },\n  },\n\n  icon: {\n    width: \"16px\",\n    height: \"16px\",\n  },\n});\n"],"names":["createClasses","theme"],"mappings":";;;;AAIO,MAAM,EAAE,YAAY,kBAAkBA,QAAAA,cAAc,mBAAmB;AAAA,EAC5E,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,gBAAgB;AAAA,EAClB;AAAA,EAEA,YAAY;AAAA,IACV,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EAEA,WAAW;AAAA,IACT,YAAYC,YAAAA,MAAM,MAAM;AAAA,EAC1B;AAAA,EAEA,OAAO;AAAA,IACL,QAAQ;AAAA,IAER,WAAW;AAAA,MACT,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,MAC9B,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EAEA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF,CAAC;;;"}

package/dist/cjs/Drawer/Drawer.cjs

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const MuiDrawer = require("@mui/material/Drawer");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const IconButton = require("../utils/IconButton.cjs");
+const setId = require("../utils/setId.cjs");
+const Drawer_styles = require("./Drawer.styles.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const MuiDrawer__default = /* @__PURE__ */ _interopDefault(MuiDrawer);
+const HvDrawer = (props) => {
+  const {
+    className,
+    classes: classesProp,
+    id,
+    children,
+    open,
+    onClose,
+    anchor = "right",
+    buttonTitle = "Close",
+    showBackdrop = true,
+    hideBackdrop,
+    disableBackdropClick = false,
+    ...others
+  } = useDefaultProps.useDefaultProps("HvDrawer", props);
+  const { classes, cx } = Drawer_styles.useClasses(classesProp);
+  const handleOnClose = (event, reason) => {
+    if (reason === "backdropClick" && disableBackdropClick)
+      return;
+    onClose?.(event, reason);
+  };
+  const shouldHideBackdrop = hideBackdrop ?? !showBackdrop;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    MuiDrawer__default.default,
+    {
+      className: cx(classes.root, className),
+      id,
+      anchor,
+      open,
+      PaperProps: {
+        classes: {
+          root: classes.paper
+        }
+      },
+      hideBackdrop: shouldHideBackdrop,
+      ...!shouldHideBackdrop && {
+        slotProps: {
+          backdrop: {
+            classes: {
+              root: classes.background
+            },
+            onClick: (event) => {
+              if (disableBackdropClick)
+                return;
+              onClose?.(event, "backdropClick");
+            }
+          }
+        }
+      },
+      onClose: handleOnClose,
+      ...others,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          IconButton.IconButton,
+          {
+            id: setId.setId(id, "close"),
+            className: classes.closeButton,
+            variant: "secondaryGhost",
+            onClick: onClose,
+            title: buttonTitle,
+            children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, { role: "none" })
+          }
+        ),
+        children
+      ]
+    }
+  );
+};
+exports.drawerClasses = Drawer_styles.staticClasses;
+exports.HvDrawer = HvDrawer;
+//# sourceMappingURL=Drawer.cjs.map

package/dist/cjs/Drawer/Drawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.cjs","sources":["../../../src/Drawer/Drawer.tsx"],"sourcesContent":["import MuiDrawer, { DrawerProps as MuiDrawerProps } from \"@mui/material/Drawer\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { IconButton } from \"../utils/IconButton\";\nimport { setId } from \"../utils/setId\";\nimport { ExtractNames } from \"../utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Drawer.styles\";\n\nexport { staticClasses as drawerClasses };\n\nexport type HvDrawerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDrawerProps extends Omit<MuiDrawerProps, \"classes\"> {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvDrawerClasses;\n  /**\n   * Components of the Drawer.\n   */\n  children?: React.ReactNode;\n  /**\n   * Current state of the Drawer.\n   */\n  open?: boolean;\n  /**\n   * Function executed on close.\n   * Extended from Modal from material-ui\n   *\n   */\n  onClose?: (\n    event: React.SyntheticEvent,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => void;\n  /**\n   * The side the drawer opens from.\n   */\n  anchor?: \"left\" | \"top\" | \"right\" | \"bottom\";\n  /**\n   * Title for the button close.\n   */\n  buttonTitle?: string;\n  /**\n   * Show backdrop when drawer is open.\n   * @deprecated Use `hideBackdrop` instead.\n   */\n  showBackdrop?: boolean;\n  /**\n   * Prevent closing the dialog when clicking on the backdrop.\n   */\n  disableBackdropClick?: boolean;\n  /** @ignore */\n  ref?: MuiDrawerProps[\"ref\"];\n  /** @ignore */\n  component?: MuiDrawerProps[\"component\"];\n}\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nexport const HvDrawer = (props: HvDrawerProps) => {\n  const {\n    className,\n    classes: classesProp,\n    id,\n    children,\n    open,\n    onClose,\n    anchor = \"right\",\n    buttonTitle = \"Close\",\n    showBackdrop = true,\n    hideBackdrop,\n    disableBackdropClick = false,\n    ...others\n  } = useDefaultProps(\"HvDrawer\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const handleOnClose: MuiDrawerProps[\"onClose\"] = (\n    event: React.SyntheticEvent,\n    reason\n  ) => {\n    if (reason === \"backdropClick\" && disableBackdropClick) return;\n\n    onClose?.(event, reason);\n  };\n\n  const shouldHideBackdrop = hideBackdrop ?? !showBackdrop;\n\n  return (\n    <MuiDrawer\n      className={cx(classes.root, className)}\n      id={id}\n      anchor={anchor}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: classes.paper,\n        },\n      }}\n      hideBackdrop={shouldHideBackdrop}\n      {...(!shouldHideBackdrop && {\n        slotProps: {\n          backdrop: {\n            classes: {\n              root: classes.background,\n            },\n            onClick: (event) => {\n              if (disableBackdropClick) return;\n              onClose?.(event, \"backdropClick\");\n            },\n          },\n        },\n      })}\n      onClose={handleOnClose}\n      {...others}\n    >\n      <IconButton\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        variant=\"secondaryGhost\"\n        onClick={onClose}\n        title={buttonTitle}\n      >\n        <Close role=\"none\" />\n      </IconButton>\n      {children}\n    </MuiDrawer>\n  );\n};\n"],"names":["useDefaultProps","useClasses","jsxs","MuiDrawer","jsx","IconButton","setId","Close"],"mappings":";;;;;;;;;;;AAwEa,MAAA,WAAW,CAAC,UAAyB;AAC1C,QAAA;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,cAAc;AAAA,IACd,eAAe;AAAA,IACf;AAAA,IACA,uBAAuB;AAAA,IACvB,GAAG;AAAA,EAAA,IACDA,gBAAgB,gBAAA,YAAY,KAAK;AAErC,QAAM,EAAE,SAAS,GAAG,IAAIC,yBAAW,WAAW;AAExC,QAAA,gBAA2C,CAC/C,OACA,WACG;AACH,QAAI,WAAW,mBAAmB;AAAsB;AAExD,cAAU,OAAO,MAAM;AAAA,EAAA;AAGnB,QAAA,qBAAqB,gBAAgB,CAAC;AAG1C,SAAAC,2BAAA;AAAA,IAACC,mBAAA;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,QAAQ,MAAM,SAAS;AAAA,MACrC;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,UACP,MAAM,QAAQ;AAAA,QAChB;AAAA,MACF;AAAA,MACA,cAAc;AAAA,MACb,GAAI,CAAC,sBAAsB;AAAA,QAC1B,WAAW;AAAA,UACT,UAAU;AAAA,YACR,SAAS;AAAA,cACP,MAAM,QAAQ;AAAA,YAChB;AAAA,YACA,SAAS,CAAC,UAAU;AACd,kBAAA;AAAsB;AAC1B,wBAAU,OAAO,eAAe;AAAA,YAClC;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,SAAS;AAAA,MACR,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAC,2BAAA;AAAA,UAACC,WAAA;AAAA,UAAA;AAAA,YACC,IAAIC,MAAAA,MAAM,IAAI,OAAO;AAAA,YACrB,WAAW,QAAQ;AAAA,YACnB,SAAQ;AAAA,YACR,SAAS;AAAA,YACT,OAAO;AAAA,YAEP,UAAAF,2BAAAA,IAACG,gBAAAA,OAAM,EAAA,MAAK,OAAO,CAAA;AAAA,UAAA;AAAA,QACrB;AAAA,QACC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;;;"}

package/dist/cjs/Drawer/Drawer.styles.cjs

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const classes = require("../utils/classes.cjs");
+const { staticClasses, useClasses } = classes.createClasses("HvDrawer", {
+  root: {},
+  paper: {
+    backgroundColor: uikitStyles.theme.colors.atmo1,
+    padding: 0,
+    overflow: "auto",
+    boxShadow: uikitStyles.theme.colors.shadow
+  },
+  background: {
+    background: uikitStyles.theme.alpha("atmo4", 0.8)
+  },
+  closeButton: {
+    position: "absolute",
+    top: uikitStyles.theme.spacing("sm"),
+    right: uikitStyles.theme.spacing("sm")
+  }
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
+//# sourceMappingURL=Drawer.styles.cjs.map

package/dist/cjs/Drawer/Drawer.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.styles.cjs","sources":["../../../src/Drawer/Drawer.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDrawer\", {\n  root: {},\n  paper: {\n    backgroundColor: theme.colors.atmo1,\n    padding: 0,\n    overflow: \"auto\",\n    boxShadow: theme.colors.shadow,\n  },\n  background: {\n    background: theme.alpha(\"atmo4\", 0.8),\n  },\n  closeButton: {\n    position: \"absolute\",\n    top: theme.spacing(\"sm\"),\n    right: theme.spacing(\"sm\"),\n  },\n});\n"],"names":["createClasses","theme"],"mappings":";;;;AAIO,MAAM,EAAE,eAAe,eAAeA,QAAAA,cAAc,YAAY;AAAA,EACrE,MAAM,CAAC;AAAA,EACP,OAAO;AAAA,IACL,iBAAiBC,YAAAA,MAAM,OAAO;AAAA,IAC9B,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAWA,YAAAA,MAAM,OAAO;AAAA,EAC1B;AAAA,EACA,YAAY;AAAA,IACV,YAAYA,YAAA,MAAM,MAAM,SAAS,GAAG;AAAA,EACtC;AAAA,EACA,aAAa;AAAA,IACX,UAAU;AAAA,IACV,KAAKA,YAAAA,MAAM,QAAQ,IAAI;AAAA,IACvB,OAAOA,YAAAA,MAAM,QAAQ,IAAI;AAAA,EAC3B;AACF,CAAC;;;"}