@hitachivantara/uikit-react-core 5.39.3 → 5.39.4

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

@@ -1,19 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { createClasses } from "../../../utils/classes.js";
-const { staticClasses, useClasses } = createClasses("HvDialog-Content", {
-  root: {
-    padding: `0 ${theme.space.sm} ${theme.space.sm} ${theme.space.sm}`,
-    flex: "none"
-  },
-  textContent: {
-    marginLeft: "42px",
-    paddingRight: "62px",
-    flex: 1,
-    overflowY: "auto"
-  }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=Content.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Content.styles.js","sources":["../../../../../src/components/Dialog/Content/Content.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/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":[],"mappings":";;AAIO,MAAM,EAAE,eAAe,eAAe,cAAc,oBAAoB;AAAA,EAC7E,MAAM;AAAA,IACJ,SAAS,KAAK,MAAM,MAAM,EAAE,IAAI,MAAM,MAAM,EAAE,IAAI,MAAM,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/esm/components/Dialog/Dialog.js

@@ -1,94 +0,0 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { useCallback, useMemo } from "react";
-import MuiDialog from "@mui/material/Dialog";
-import { Close } from "@hitachivantara/uikit-react-icons";
-import { useDefaultProps } from "../../hooks/useDefaultProps.js";
-import { getElementById } from "../../utils/document.js";
-import { setId } from "../../utils/setId.js";
-import { useTheme } from "../../hooks/useTheme.js";
-import { useClasses } from "./Dialog.styles.js";
-import { staticClasses } from "./Dialog.styles.js";
-import { DialogContext } from "./context.js";
-import { HvTooltip } from "../Tooltip/Tooltip.js";
-import { HvButton } from "../Button/Button.js";
-const HvDialog = (props) => {
-  const {
-    variant,
-    classes: classesProp,
-    className,
-    id,
-    children,
-    open = false,
-    onClose,
-    firstFocusable,
-    buttonTitle = "Close",
-    fullscreen = false,
-    disableBackdropClick = false,
-    ...others
-  } = useDefaultProps("HvDialog", props);
-  const { classes, css, cx } = useClasses(classesProp);
-  const { rootId } = useTheme();
-  const measuredRef = useCallback(() => {
-    if (!firstFocusable)
-      return;
-    const element = document.getElementById(firstFocusable);
-    element?.focus();
-  }, [firstFocusable]);
-  const contextValue = useMemo(() => ({ fullscreen }), [fullscreen]);
-  return /* @__PURE__ */ jsxs(
-    MuiDialog,
-    {
-      container: 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__ */ jsx(HvTooltip, { placement: "top", title: buttonTitle, children: /* @__PURE__ */ jsx(
-          HvButton,
-          {
-            id: setId(id, "close"),
-            className: classes.closeButton,
-            variant: "secondaryGhost",
-            onClick: (event) => onClose?.(event, void 0),
-            children: /* @__PURE__ */ jsx(Close, { role: "none" })
-          }
-        ) }),
-        /* @__PURE__ */ jsx(DialogContext.Provider, { value: contextValue, children })
-      ]
-    }
-  );
-};
-export {
-  HvDialog,
-  staticClasses as dialogClasses
-};
-//# sourceMappingURL=Dialog.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog.js","sources":["../../../../src/components/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 \"@core/hooks/useDefaultProps\";\nimport { HvButton } from \"@core/components/Button\";\nimport { HvTooltip } from \"@core/components/Tooltip\";\nimport { getElementById } from \"@core/utils/document\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { useTheme } from \"@core/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":[],"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,IACD,gBAAgB,YAAY,KAAK;AAErC,QAAM,EAAE,SAAS,KAAK,GAAG,IAAI,WAAW,WAAW;AAC7C,QAAA,EAAE,WAAW;AAEb,QAAA,cAAc,YAAY,MAAM;AACpC,QAAI,CAAC;AAAgB;AAEf,UAAA,UAAU,SAAS,eAAe,cAAc;AACtD,aAAS,MAAM;AAAA,EAAA,GACd,CAAC,cAAc,CAAC;AAEb,QAAA,eAAe,QAAQ,OAAO,EAAE,eAAe,CAAC,UAAU,CAAC;AAG/D,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,eAAe,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,QAAA,oBAAC,WAAU,EAAA,WAAU,OAAM,OAAO,aAChC,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,MAAM,IAAI,OAAO;AAAA,YACrB,WAAW,QAAQ;AAAA,YACnB,SAAQ;AAAA,YACR,SAAS,CAAC,UAAU,UAAU,OAAO,MAAS;AAAA,YAE9C,UAAA,oBAAC,OAAM,EAAA,MAAK,OAAO,CAAA;AAAA,UAAA;AAAA,QAAA,GAEvB;AAAA,4BACC,cAAc,UAAd,EAAuB,OAAO,cAC5B,UACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog.styles.js","sources":["../../../../src/components/Dialog/Dialog.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/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":[],"mappings":";;AAIO,MAAM,EAAE,eAAe,eAAe,cAAc,YAAY;AAAA,EACrE,MAAM,CAAC;AAAA,EACP,YAAY,EAAE,YAAY,MAAM,MAAM,SAAS,GAAG,EAAE;AAAA,EACpD,OAAO;AAAA,IACL,OAAO,MAAM,OAAO;AAAA,IACpB,iBAAiB,MAAM,OAAO;AAAA,IAC9B,WAAW,CAAC,QAAQ,MAAM,OAAO,MAAM;AAAA,IACvC,cAAc,MAAM,MAAM;AAAA,EAC5B;AAAA,EACA,YAAY,CAAC;AAAA,EACb,aAAa;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,KAAK,MAAM,MAAM;AAAA,IACjB,OAAO,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,gBAAgB,MAAM,OAAO;AAAA,EAC/B;AAAA,EACA,OAAO;AAAA,IACL,gBAAgB,MAAM,OAAO;AAAA,EAC/B;AAAA,EACA,SAAS;AAAA,IACP,gBAAgB,MAAM,OAAO;AAAA,EAC/B;AACF,CAAC;"}

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

@@ -1,46 +0,0 @@
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import MuiDialogTitle from "@mui/material/DialogTitle";
-import { useDefaultProps } from "../../../hooks/useDefaultProps.js";
-import { iconVariant } from "../../../utils/iconVariant.js";
-import { useClasses } from "./Title.styles.js";
-import { staticClasses } from "./Title.styles.js";
-import { useDialogContext } from "../context.js";
-import { HvTypography } from "../../Typography/Typography.js";
-const HvDialogTitle = (props) => {
-  const {
-    classes: classesProp,
-    className,
-    children,
-    variant = "default",
-    showIcon = true,
-    customIcon = null,
-    ...others
-  } = useDefaultProps("HvDialogTitle", props);
-  const { classes, css, cx } = useClasses(classesProp);
-  const { fullscreen } = useDialogContext();
-  const isString = typeof children === "string";
-  const icon = customIcon || showIcon && iconVariant(variant);
-  return /* @__PURE__ */ jsx(
-    MuiDialogTitle,
-    {
-      className: cx(
-        !fullscreen && css({ flex: 1 }),
-        classes.root,
-        {
-          [classes.fullscreen]: fullscreen
-        },
-        className
-      ),
-      ...others,
-      children: /* @__PURE__ */ jsxs("div", { className: classes.messageContainer, children: [
-        icon,
-        /* @__PURE__ */ jsx("div", { className: cx({ [classes.textWithIcon]: !!icon }), children: !isString ? children : /* @__PURE__ */ jsx(HvTypography, { variant: "title4", className: classes.titleText, children }) })
-      ] })
-    }
-  );
-};
-export {
-  HvDialogTitle,
-  staticClasses as dialogTitleClasses
-};
-//# sourceMappingURL=Title.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Title.js","sources":["../../../../../src/components/Dialog/Title/Title.tsx"],"sourcesContent":["import MuiDialogTitle, {\n  DialogTitleProps as MuiDialogTitleProps,\n} from \"@mui/material/DialogTitle\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { iconVariant } from \"@core/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":[],"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,IACD,gBAAgB,iBAAiB,KAAK;AAE1C,QAAM,EAAE,SAAS,KAAK,GAAG,IAAI,WAAW,WAAW;AAC7C,QAAA,EAAE,eAAe;AAEjB,QAAA,WAAW,OAAO,aAAa;AAErC,QAAM,OAAO,cAAe,YAAY,YAAY,OAAO;AAGzD,SAAA;AAAA,IAAC;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,UAAC,qBAAA,OAAA,EAAI,WAAW,QAAQ,kBACrB,UAAA;AAAA,QAAA;AAAA,QACD,oBAAC,OAAI,EAAA,WAAW,GAAG,EAAE,CAAC,QAAQ,YAAY,GAAG,CAAC,CAAC,KAAA,CAAM,GAClD,UAAA,CAAC,WACA,WAEC,oBAAA,cAAA,EAAa,SAAQ,UAAS,WAAW,QAAQ,WAC/C,SAAA,CACH,EAEJ,CAAA;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,18 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { createClasses } from "../../../utils/classes.js";
-const { staticClasses, useClasses } = createClasses("HvDialog-Title", {
-  root: { padding: theme.space.sm, margin: 0 },
-  fullscreen: {},
-  messageContainer: { display: "flex", alignItems: "center" },
-  textWithIcon: {
-    marginLeft: theme.space.xs,
-    // 32px is the icon width
-    marginRight: `calc(32px + ${theme.space.xs})`
-  },
-  titleText: {}
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=Title.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Title.styles.js","sources":["../../../../../src/components/Dialog/Title/Title.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/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":[],"mappings":";;AAIO,MAAM,EAAE,eAAe,eAAe,cAAc,kBAAkB;AAAA,EAC3E,MAAM,EAAE,SAAS,MAAM,MAAM,IAAI,QAAQ,EAAE;AAAA,EAC3C,YAAY,CAAC;AAAA,EACb,kBAAkB,EAAE,SAAS,QAAQ,YAAY,SAAS;AAAA,EAC1D,cAAc;AAAA,IACZ,YAAY,MAAM,MAAM;AAAA;AAAA,IAExB,aAAa,eAAe,MAAM,MAAM,EAAE;AAAA,EAC5C;AAAA,EACA,WAAW,CAAC;AACd,CAAC;"}

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

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

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

@@ -1,69 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { cloneElement } from "react";
-import { OtherStep, CurrentStep } from "@hitachivantara/uikit-react-icons";
-import { useDefaultProps } from "../../hooks/useDefaultProps.js";
-import { useClasses } from "./DotPagination.styles.js";
-import { staticClasses } from "./DotPagination.styles.js";
-import { HvRadioGroup } from "../RadioGroup/RadioGroup.js";
-import { HvRadio } from "../Radio/Radio.js";
-const getSelectorIcons = (radioIcon, radioCheckedIcon, classes) => {
-  return {
-    radio: cloneElement(radioIcon || /* @__PURE__ */ jsx(OtherStep, { width: 8, height: 8 }), {
-      className: classes?.icon
-    }),
-    radioChecked: cloneElement(
-      radioCheckedIcon || /* @__PURE__ */ jsx(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("HvDotPagination", props);
-  const { classes, cx } = useClasses(classesProp);
-  const icons = getSelectorIcons(unselectedIcon, selectedIcon, classes);
-  return /* @__PURE__ */ jsx(
-    HvRadioGroup,
-    {
-      className: cx(classes.root, className),
-      classes: {
-        horizontal: classes.horizontal
-      },
-      orientation: "horizontal",
-      ...others,
-      children: range(pages).map((i) => /* @__PURE__ */ jsx(
-        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
-      ))
-    }
-  );
-};
-export {
-  HvDotPagination,
-  staticClasses as dotPaginationClasses
-};
-//# sourceMappingURL=DotPagination.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DotPagination.js","sources":["../../../../src/components/DotPagination/DotPagination.tsx"],"sourcesContent":["import { cloneElement } from \"react\";\nimport { CurrentStep, OtherStep } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvRadio } from \"@core/components/Radio\";\nimport { HvRadioGroup, HvRadioGroupProps } from \"@core/components/RadioGroup\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { useDefaultProps } from \"@core/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":[],"mappings":";;;;;;;;AAsDA,MAAM,mBAAmB,CACvB,WACA,kBACA,YACG;AACI,SAAA;AAAA,IACL,OAAO,aAAa,aAAa,oBAAC,aAAU,OAAO,GAAG,QAAQ,EAAA,CAAG,GAAI;AAAA,MACnE,WAAW,SAAS;AAAA,IAAA,CACrB;AAAA,IACD,cAAc;AAAA,MACZ,oBAAqB,oBAAA,aAAA,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,IACD,gBAAgB,mBAAmB,KAAK;AAE5C,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,QAAQ,iBAAiB,gBAAgB,cAAc,OAAO;AAGlE,SAAA;AAAA,IAAC;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,MACjB;AAAA,QAAC;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/esm/components/DotPagination/DotPagination.styles.js

@@ -1,31 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { createClasses } from "../../utils/classes.js";
-const { useClasses, staticClasses } = createClasses("HvDotPagination", {
-  root: {
-    display: "flex",
-    justifyContent: "center"
-  },
-  horizontal: {
-    marginLeft: 0,
-    width: "auto"
-  },
-  radioRoot: {
-    marginLeft: theme.space.xs
-  },
-  radio: {
-    height: "16px",
-    "&:hover": {
-      backgroundColor: theme.colors.neutral_20,
-      borderRadius: "100%"
-    }
-  },
-  icon: {
-    width: "16px",
-    height: "16px"
-  }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=DotPagination.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DotPagination.styles.js","sources":["../../../../src/components/DotPagination/DotPagination.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/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":[],"mappings":";;AAIO,MAAM,EAAE,YAAY,kBAAkB,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,YAAY,MAAM,MAAM;AAAA,EAC1B;AAAA,EAEA,OAAO;AAAA,IACL,QAAQ;AAAA,IAER,WAAW;AAAA,MACT,iBAAiB,MAAM,OAAO;AAAA,MAC9B,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EAEA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF,CAAC;"}

package/dist/esm/components/Drawer/Drawer.js

@@ -1,81 +0,0 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import MuiDrawer from "@mui/material/Drawer";
-import { Close } from "@hitachivantara/uikit-react-icons";
-import { useDefaultProps } from "../../hooks/useDefaultProps.js";
-import { IconButton } from "../../utils/IconButton.js";
-import { setId } from "../../utils/setId.js";
-import { useClasses } from "./Drawer.styles.js";
-import { staticClasses } from "./Drawer.styles.js";
-const HvDrawer = (props) => {
-  const {
-    className,
-    classes: classesProp,
-    id,
-    children,
-    open,
-    onClose,
-    anchor = "right",
-    buttonTitle = "Close",
-    showBackdrop = true,
-    hideBackdrop,
-    disableBackdropClick = false,
-    ...others
-  } = useDefaultProps("HvDrawer", props);
-  const { classes, cx } = useClasses(classesProp);
-  const handleOnClose = (event, reason) => {
-    if (reason === "backdropClick" && disableBackdropClick)
-      return;
-    onClose?.(event, reason);
-  };
-  const shouldHideBackdrop = hideBackdrop ?? !showBackdrop;
-  return /* @__PURE__ */ jsxs(
-    MuiDrawer,
-    {
-      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__ */ jsx(
-          IconButton,
-          {
-            id: setId(id, "close"),
-            className: classes.closeButton,
-            variant: "secondaryGhost",
-            onClick: onClose,
-            title: buttonTitle,
-            children: /* @__PURE__ */ jsx(Close, { role: "none" })
-          }
-        ),
-        children
-      ]
-    }
-  );
-};
-export {
-  HvDrawer,
-  staticClasses as drawerClasses
-};
-//# sourceMappingURL=Drawer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import MuiDrawer, { DrawerProps as MuiDrawerProps } from \"@mui/material/Drawer\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { IconButton } from \"@core/utils/IconButton\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/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":[],"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,IACD,gBAAgB,YAAY,KAAK;AAErC,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,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,SAAA;AAAA,IAAC;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,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,MAAM,IAAI,OAAO;AAAA,YACrB,WAAW,QAAQ;AAAA,YACnB,SAAQ;AAAA,YACR,SAAS;AAAA,YACT,OAAO;AAAA,YAEP,UAAA,oBAAC,OAAM,EAAA,MAAK,OAAO,CAAA;AAAA,UAAA;AAAA,QACrB;AAAA,QACC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,24 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { createClasses } from "../../utils/classes.js";
-const { staticClasses, useClasses } = createClasses("HvDrawer", {
-  root: {},
-  paper: {
-    backgroundColor: theme.colors.atmo1,
-    padding: 0,
-    overflow: "auto",
-    boxShadow: theme.colors.shadow
-  },
-  background: {
-    background: theme.alpha("atmo4", 0.8)
-  },
-  closeButton: {
-    position: "absolute",
-    top: theme.spacing("sm"),
-    right: theme.spacing("sm")
-  }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=Drawer.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.styles.js","sources":["../../../../src/components/Drawer/Drawer.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/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":[],"mappings":";;AAIO,MAAM,EAAE,eAAe,eAAe,cAAc,YAAY;AAAA,EACrE,MAAM,CAAC;AAAA,EACP,OAAO;AAAA,IACL,iBAAiB,MAAM,OAAO;AAAA,IAC9B,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW,MAAM,OAAO;AAAA,EAC1B;AAAA,EACA,YAAY;AAAA,IACV,YAAY,MAAM,MAAM,SAAS,GAAG;AAAA,EACtC;AAAA,EACA,aAAa;AAAA,IACX,UAAU;AAAA,IACV,KAAK,MAAM,QAAQ,IAAI;AAAA,IACvB,OAAO,MAAM,QAAQ,IAAI;AAAA,EAC3B;AACF,CAAC;"}

package/dist/esm/components/DropDownMenu/DropDownMenu.js

@@ -1,130 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { useMemo } from "react";
-import { theme } from "@hitachivantara/uikit-styles";
-import { MoreOptionsVertical } from "@hitachivantara/uikit-react-icons";
-import { useDefaultProps } from "../../hooks/useDefaultProps.js";
-import { useUniqueId } from "../../hooks/useUniqueId.js";
-import { useControlled } from "../../hooks/useControlled.js";
-import { isKey } from "../../utils/keyboardUtils.js";
-import { setId } from "../../utils/setId.js";
-import { getPrevNextFocus } from "../../utils/focusableElementFinder.js";
-import { useClasses } from "./DropDownMenu.styles.js";
-import { staticClasses } from "./DropDownMenu.styles.js";
-import { HvBaseDropdown } from "../BaseDropdown/BaseDropdown.js";
-import { HvButton } from "../Button/Button.js";
-import { HvPanel } from "../Panel/Panel.js";
-import { HvList } from "../List/List.js";
-const HvDropDownMenu = (props) => {
-  const {
-    id: idProp,
-    classes: classesProp,
-    className,
-    icon,
-    placement = "right",
-    dataList,
-    disablePortal = false,
-    onToggle,
-    onClick,
-    keepOpened = true,
-    disabled = false,
-    expanded,
-    defaultExpanded = false,
-    category = "secondaryGhost",
-    ...others
-  } = useDefaultProps("HvDropDownMenu", props);
-  const { classes, cx } = useClasses(classesProp);
-  const [open, setOpen] = useControlled(expanded, Boolean(defaultExpanded));
-  const id = useUniqueId(idProp, "dropdown-menu");
-  const focusNodes = getPrevNextFocus(setId(id, "icon-button"));
-  const listId = setId(id, "list");
-  const handleClose = (event) => {
-    setOpen(false);
-    onToggle?.(event, false);
-  };
-  const handleKeyDown = (event) => {
-    if (isKey(event, "Tab")) {
-      const node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;
-      if (node)
-        setTimeout(() => node.focus(), 0);
-      handleClose(event);
-    }
-    event.preventDefault();
-  };
-  const setFocusToContent = (containerRef) => {
-    containerRef?.getElementsByTagName("li")[0]?.focus();
-  };
-  const condensed = useMemo(() => dataList.every((el) => !el.icon), [dataList]);
-  const popperStyle = {
-    style: {
-      zIndex: theme.zIndices.tooltip,
-      width: "auto",
-      position: "relative"
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    HvBaseDropdown,
-    {
-      id,
-      className: cx(classes.container, className),
-      classes: {
-        root: classes.root,
-        container: classes.baseContainer
-      },
-      expanded: open && !disabled,
-      component: /* @__PURE__ */ jsx(
-        HvButton,
-        {
-          icon: true,
-          variant: category,
-          id: setId(id, "icon-button"),
-          className: cx(classes.icon, { [classes.iconSelected]: open }),
-          "aria-expanded": open,
-          disabled,
-          "aria-label": "Dropdown menu",
-          "aria-haspopup": "menu",
-          children: icon || /* @__PURE__ */ jsx(
-            MoreOptionsVertical,
-            {
-              "aria-hidden": true,
-              color: disabled ? "secondary_60" : void 0
-            }
-          )
-        }
-      ),
-      placement,
-      variableWidth: true,
-      disablePortal,
-      onToggle: (e, s) => {
-        setOpen(s);
-        onToggle?.(e, s);
-      },
-      disabled,
-      onContainerCreation: setFocusToContent,
-      popperProps: popperStyle,
-      ...others,
-      children: /* @__PURE__ */ jsx(HvPanel, { className: classes.menuListRoot, children: /* @__PURE__ */ jsx(
-        HvList,
-        {
-          id: listId,
-          values: dataList,
-          selectable: false,
-          condensed,
-          onClick: (event, item) => {
-            if (!keepOpened)
-              handleClose(event);
-            onClick?.(event, item);
-          },
-          onKeyDown: handleKeyDown,
-          classes: {
-            root: classes.menuList
-          }
-        }
-      ) })
-    }
-  );
-};
-export {
-  HvDropDownMenu,
-  staticClasses as dropDownMenuClasses
-};
-//# sourceMappingURL=DropDownMenu.js.map