@hitachivantara/uikit-react-core 5.106.1 → 6.0.0-next.1

package/dist/cjs/OverflowTooltip/OverflowTooltip.styles.cjs

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses(
-  "HvOverflowTooltip",
-  {
-    tooltipData: {},
-    tooltipAnchor: {
-      whiteSpace: "nowrap",
-      overflow: "hidden",
-      textOverflow: "ellipsis",
-      maxWidth: "100%",
-      width: "fit-content"
-    },
-    tooltipAnchorParagraph: {
-      overflow: "hidden",
-      display: "-webkit-box",
-      WebkitLineClamp: 3,
-      WebkitBoxOrient: "vertical"
-    }
-  }
-);
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Pagination/Pagination.cjs

@@ -1,210 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const styles = require("@mui/material/styles");
-const useMediaQuery = require("@mui/material/useMediaQuery");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const useLabels = require("../hooks/useLabels.cjs");
-const icons = require("../icons.cjs");
-const setId = require("../utils/setId.cjs");
-const Pagination_styles = require("./Pagination.styles.cjs");
-const Select = require("./Select.cjs");
-const Typography = require("../Typography/Typography.cjs");
-const IconButton = require("../IconButton/IconButton.cjs");
-const Input = require("../Input/Input.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const useMediaQuery__default = /* @__PURE__ */ _interopDefault(useMediaQuery);
-const defaultPageSizeOptions = [5, 10, 20, 25, 50, 100];
-const DEFAULT_LABELS = {
-  /** The show label. */
-  pageSizePrev: "Show",
-  /** Indicate the units of the page size selection. */
-  pageSizeEntryName: "rows",
-  /** Used for the aria-label of the selection of number of unit.s */
-  pageSizeSelectorDescription: "Select how many to display",
-  /** Separator of current page and total pages. */
-  pagesSeparator: "/",
-  /** Title of button `firstPage`. @deprecated Use `firstPage` instead. */
-  paginationFirstPageTitle: "First page",
-  /** Title of button `previousPage`. @deprecated Use `previousPage` instead. */
-  paginationPreviousPageTitle: "Previous page",
-  /** Title of button `nextPage`. @deprecated Use `nextPage` instead. */
-  paginationNextPageTitle: "Next page",
-  /** Title of button `lastPage`. @deprecated Use `lastPage` instead. */
-  paginationLastPageTitle: "Last page",
-  /** Aria-label passed to the page input. */
-  paginationInputLabel: "Current page",
-  /** Label of the first page button */
-  firstPage: "First Page",
-  /** Label of the previous page button */
-  previousPage: "Previous Page",
-  /** Label of the next page button */
-  nextPage: "Next Page",
-  /** Label of the last page button */
-  lastPage: "Last Page"
-};
-const HvPagination = React.forwardRef(function HvPagination2(props, ref) {
-  const {
-    classes: classesProp,
-    className,
-    id,
-    pages = 1,
-    page = 0,
-    showPageSizeOptions = true,
-    pageSizeOptions = defaultPageSizeOptions,
-    pageSize = defaultPageSizeOptions[1],
-    showPageJump = true,
-    canPrevious = false,
-    canNext = false,
-    onPageChange,
-    onPageSizeChange,
-    labels: labelsProp,
-    showPageProps,
-    navigationProps,
-    currentPageInputProps,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvPagination", props);
-  const { classes, cx } = Pagination_styles.useClasses(classesProp);
-  const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
-  const muiTheme = styles.useTheme();
-  const isXsDown = useMediaQuery__default.default(muiTheme.breakpoints.down("xs"));
-  const [pageInput, setPageInput] = React.useState(page);
-  const changePage = React.useCallback(
-    (newPage) => {
-      const safePage = Number.isNaN(newPage) ? page : uikitReactUtils.clamp(newPage, pages - 1);
-      onPageChange?.(safePage);
-      setPageInput(safePage);
-    },
-    [page, pages, onPageChange]
-  );
-  React.useEffect(() => {
-    if (page >= pages && pages > 0) {
-      changePage(page);
-    }
-  }, [changePage, page, pages]);
-  React.useEffect(() => {
-    setPageInput(page);
-  }, [page]);
-  const renderPageJump = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.pageJump, children: /* @__PURE__ */ jsxRuntime.jsx(
-    Input.HvInput,
-    {
-      id: setId.setId(id, "currentPage"),
-      labels,
-      inputProps: {
-        "aria-label": labels?.paginationInputLabel,
-        // We really want the native number input
-        type: "number"
-      },
-      classes: {
-        root: classes?.pageSizeInputContainer,
-        input: classes?.pageSizeInput,
-        inputRoot: classes?.pageSizeInputRoot
-      },
-      value: String(pageInput + 1),
-      onChange: (event, value) => setPageInput(Number(value) - 1),
-      onBlur: (evt, value) => changePage(Math.round(Number(value)) - 1),
-      onEnter: (evt, value) => changePage(Math.round(Number(value)) - 1),
-      disabled: pageSize === 0,
-      disableClear: true,
-      ...currentPageInputProps
-    }
-  ) });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, id, className: cx(classes.root, className), ...others, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.pageSizeOptions, ...showPageProps, children: showPageSizeOptions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      !isXsDown && /* @__PURE__ */ jsxRuntime.jsx(
-        Typography.HvTypography,
-        {
-          component: "span",
-          className: classes?.pageSizeTextContainer,
-          children: labels?.pageSizePrev
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Select.default,
-        {
-          id: setId.setId(id, "pageSize"),
-          disabled: pageSize === 0,
-          className: classes.pageSizeOptionsSelect,
-          "aria-label": labels?.pageSizeSelectorDescription,
-          onChange: (_, val) => onPageSizeChange?.(val),
-          value: pageSize,
-          classes: {
-            header: classes.pageSizeHeader,
-            root: classes.pageSizeRoot
-          },
-          children: pageSizeOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(Select.Option, { value: option, children: option }, option))
-        }
-      ),
-      !isXsDown && /* @__PURE__ */ jsxRuntime.jsx(
-        Typography.HvTypography,
-        {
-          component: "span",
-          className: classes.pageSizeTextContainer,
-          children: labels?.pageSizeEntryName
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.pageNavigator, ...navigationProps, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        IconButton.HvIconButton,
-        {
-          id: setId.setId(id, "firstPage-button"),
-          className: classes.iconContainer,
-          disabled: !canPrevious,
-          onClick: () => changePage(0),
-          title: labels?.firstPage || labels?.paginationFirstPageTitle,
-          children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Start", className: classes.icon, size: "xs" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        IconButton.HvIconButton,
-        {
-          id: setId.setId(id, "previousPage-button"),
-          className: classes.iconContainer,
-          disabled: !canPrevious,
-          onClick: () => changePage(page - 1),
-          title: labels?.previousPage || labels?.paginationPreviousPageTitle,
-          children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Backwards", className: classes.icon, size: "xs" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.pageInfo, children: [
-        showPageJump ? renderPageJump() : /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: "caption2", component: "span", children: `${page + 1}` }),
-        /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: "span", children: `${labels?.pagesSeparator} ` }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Typography.HvTypography,
-          {
-            component: "span",
-            id: setId.setId(id, "totalPages"),
-            className: classes.totalPagesTextContainer,
-            children: pages
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        IconButton.HvIconButton,
-        {
-          id: setId.setId(id, "nextPage-button"),
-          className: classes.iconContainer,
-          disabled: !canNext,
-          onClick: () => changePage(page + 1),
-          title: labels?.nextPage || labels?.paginationNextPageTitle,
-          children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Forwards", className: classes.icon, size: "xs" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        IconButton.HvIconButton,
-        {
-          id: setId.setId(id, "lastPage-button"),
-          className: classes.iconContainer,
-          disabled: !canNext,
-          onClick: () => changePage(pages - 1),
-          title: labels?.lastPage || labels?.paginationLastPageTitle,
-          children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "End", className: classes.icon, size: "xs" })
-        }
-      )
-    ] })
-  ] });
-});
-exports.paginationClasses = Pagination_styles.staticClasses;
-exports.HvPagination = HvPagination;

package/dist/cjs/Pagination/Pagination.styles.cjs

@@ -1,132 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const BaseDropdown_styles = require("../BaseDropdown/BaseDropdown.styles.cjs");
-require("../BaseDropdown/BaseDropdown.cjs");
-const Input_styles = require("../Input/Input.styles.cjs");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvPagination", {
-  /** Styles applied to the component root class. */
-  root: {
-    position: "relative",
-    zIndex: 1,
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "stretch",
-    flexWrap: "wrap",
-    marginTop: uikitStyles.theme.space.sm,
-    [`& $pageSizeInput`]: {
-      ...uikitStyles.theme.typography.caption2,
-      "&:focus": {
-        padding: 0
-      }
-    },
-    [`& $pageSizeInputContainer`]: {
-      width: 24,
-      minWidth: 24,
-      maxWidth: uikitStyles.theme.spacing(8)
-    },
-    [`&& $pageSizeInputRoot`]: {
-      backgroundColor: "transparent",
-      height: "24px",
-      "&:focus, &:focus-within, &:hover": {
-        backgroundColor: uikitStyles.theme.colors.bgHover
-      }
-    }
-  },
-  /** Styles applied to the page size selector container. */
-  pageSizeOptions: {
-    display: "flex",
-    position: "absolute",
-    gap: uikitStyles.theme.space.xs,
-    height: 24,
-    top: "50%",
-    transform: "translateY(-50%)",
-    left: "0"
-  },
-  pageSizeHeader: {
-    height: 24,
-    display: "flex",
-    alignItems: "center",
-    [`& .${BaseDropdown_styles.staticClasses.arrowContainer}`]: {
-      display: "flex",
-      alignItems: "center",
-      top: "unset",
-      height: 24,
-      "> svg": {
-        marginTop: 0,
-        marginBottom: 0
-      }
-    }
-  },
-  pageSizeRoot: {
-    width: "auto"
-  },
-  /** Styles applied to the element that holds the labels for the page size selector */
-  pageSizeTextContainer: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    height: "24px",
-    padding: "8px 0",
-    ...uikitStyles.theme.typography.caption2
-  },
-  totalPagesTextContainer: {
-    ...uikitStyles.theme.typography.caption2
-  },
-  /** Styles applied to the page size selector dropdown element. */
-  pageSizeOptionsSelect: {
-    display: "inline-block",
-    width: "auto",
-    ...uikitStyles.theme.typography.caption2
-  },
-  /** Styles applied to the page navigation container. */
-  pageNavigator: {
-    display: "flex",
-    alignItems: "center",
-    height: "32px",
-    gap: 8
-  },
-  /** Styles applied to each navigation `HvButton` icon container. */
-  iconContainer: {
-    padding: 0
-  },
-  /** Styles applied to each navigation icon. */
-  icon: {},
-  /** Styles applied to the central page information container. */
-  pageInfo: {
-    display: "inline-block",
-    whiteSpace: "nowrap",
-    height: "32px",
-    lineHeight: "32px"
-  },
-  /** Styles applied to the page selector input container. */
-  pageJump: {
-    display: "inline-block",
-    marginRight: `4px`,
-    [`& .${Input_styles.staticClasses.inputRoot}`]: {
-      [`& $pageSizeInput`]: {
-        paddingLeft: `4px`,
-        paddingRight: `4px`,
-        margin: 0,
-        textAlign: "center",
-        borderRadius: uikitStyles.theme.radii.base,
-        MozAppearance: "textfield",
-        "&:focus": {
-          backgroundColor: uikitStyles.theme.colors.bgHover
-        },
-        "&:hover": {
-          cursor: "pointer"
-        }
-      }
-    }
-  },
-  /** Styles passed down to the page selector Input component as `input`. */
-  pageSizeInput: {},
-  /** Styles passed down to the page selector Input root. */
-  pageSizeInputRoot: {},
-  /** Styles passed down to the page selector Input component as `container`. */
-  pageSizeInputContainer: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Pagination/Select.cjs

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const Select_styles = require("./Select.styles.cjs");
-const BaseDropdown = require("../BaseDropdown/BaseDropdown.cjs");
-const Panel = require("../Panel/Panel.cjs");
-const SelectionList = require("../SelectionList/SelectionList.cjs");
-const ListItem = require("../ListContainer/ListItem/ListItem.cjs");
-const Option = ({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx(ListItem.HvListItem, { ...props });
-const HvSelect = (props) => {
-  const {
-    className,
-    classes: classesProp,
-    onChange,
-    disabled,
-    value,
-    children,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvPaginationSelect", props);
-  const { classes } = Select_styles.useClasses(classesProp);
-  const [open, setOpen] = React.useState(false);
-  const handleSelect = (evt, val) => {
-    onChange?.(evt, val);
-    setOpen(false);
-  };
-  const handleToggle = (_evt, s) => {
-    setOpen(s);
-  };
-  const setFocusToContent = (containerRef) => {
-    const listItems = containerRef != null ? [...containerRef.getElementsByTagName("li")] : [];
-    listItems.every((listItem) => {
-      if (listItem.tabIndex >= 0) {
-        listItem.focus();
-        return false;
-      }
-      return true;
-    });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseDropdown.HvBaseDropdown,
-    {
-      className,
-      classes: {
-        selection: classes.selection,
-        header: classes.header,
-        headerOpen: classes.headerOpen,
-        root: classes.root
-      },
-      expanded: open,
-      onToggle: handleToggle,
-      onContainerCreation: setFocusToContent,
-      placeholder: value,
-      disabled,
-      variableWidth: true,
-      ...others,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Panel.HvPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(SelectionList.HvSelectionList, { value, onChange: handleSelect, children }) })
-    }
-  );
-};
-exports.Option = Option;
-exports.default = HvSelect;

package/dist/cjs/Pagination/Select.styles.cjs

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { useClasses } = uikitReactUtils.createClasses("HvPaginationSelect", {
-  root: {},
-  header: {
-    backgroundColor: "transparent",
-    borderColor: uikitStyles.theme.colors.textSubtle,
-    "&:hover": {
-      borderColor: uikitStyles.theme.colors.textSubtle
-    }
-  },
-  selection: {
-    padding: uikitStyles.theme.spacing(0, "md", 0, "xs")
-  },
-  headerOpen: {
-    backgroundColor: uikitStyles.theme.colors.bgContainer
-  }
-});
-exports.useClasses = useClasses;

package/dist/cjs/Panel/Panel.cjs

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const Panel_styles = require("./Panel.styles.cjs");
-const HvPanel = React.forwardRef(
-  function HvPanel2(props, ref) {
-    const {
-      className,
-      classes: classesProp,
-      children,
-      ...others
-    } = uikitReactUtils.useDefaultProps("HvPanel", props);
-    const { classes, cx } = Panel_styles.useClasses(classesProp);
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cx(classes.root, className), ...others, children });
-  }
-);
-exports.panelClasses = Panel_styles.staticClasses;
-exports.HvPanel = HvPanel;

package/dist/cjs/Panel/Panel.styles.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvPanel", {
-  root: {
-    position: "relative",
-    padding: uikitStyles.theme.space.sm,
-    borderColor: uikitStyles.theme.colors.border,
-    backgroundColor: uikitStyles.theme.colors.bgContainer,
-    overflow: "auto",
-    borderRadius: "inherit"
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/ProgressBar/ProgressBar.cjs

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const ProgressBar_styles = require("./ProgressBar.styles.cjs");
-const Typography = require("../Typography/Typography.cjs");
-const HvProgressBar = (props) => {
-  const {
-    className,
-    classes: classesProp,
-    value = 0,
-    status = "inProgress",
-    labelProps,
-    hideLabel,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvProgressBar", props);
-  const { classes, cx } = ProgressBar_styles.useClasses(classesProp);
-  const clampedValue = uikitReactUtils.clamp(value, 100);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cx(classes.root, classes.progress, className),
-      role: "progressbar",
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      "aria-valuenow": clampedValue,
-      ...others,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.progressContainer, children: [
-        !hideLabel && /* @__PURE__ */ jsxRuntime.jsx(
-          Typography.HvTypography,
-          {
-            className: classes.progressBarLabel,
-            variant: "caption2",
-            style: { width: `${clampedValue}%` },
-            ...labelProps,
-            children: `${clampedValue}%`
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.progressBarContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            style: { width: `${clampedValue}%` },
-            className: cx(classes.progressBar, {
-              [classes.progressDone]: status === "completed",
-              [classes.progressError]: status === "error"
-            })
-          }
-        ) })
-      ] })
-    }
-  );
-};
-exports.progressBarClasses = ProgressBar_styles.staticClasses;
-exports.HvProgressBar = HvProgressBar;

package/dist/cjs/ProgressBar/ProgressBar.styles.cjs

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvProgressBar", {
-  root: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    justifyContent: "center",
-    // progress
-    width: "100%"
-  },
-  progress: {
-    width: "100%"
-  },
-  progressBar: {
-    backgroundColor: uikitStyles.theme.colors.text
-  },
-  progressBarLabel: {
-    backgroundColor: "transparent",
-    display: "flex",
-    justifyContent: "end"
-  },
-  progressContainer: {
-    width: "100%"
-  },
-  progressDone: {
-    backgroundColor: uikitStyles.theme.colors.positive
-  },
-  progressBarContainer: {
-    display: "flex",
-    width: "100%",
-    height: 4,
-    backgroundColor: uikitStyles.theme.colors.border
-  },
-  progressError: {
-    backgroundColor: uikitStyles.theme.colors.negative
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/QueryBuilder/ConfirmationDialog.cjs

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const Dialog = require("../Dialog/Dialog.cjs");
-const Title = require("../Dialog/Title/Title.cjs");
-const Content = require("../Dialog/Content/Content.cjs");
-const Actions = require("../Dialog/Actions/Actions.cjs");
-const Button = require("../Button/Button.cjs");
-const ConfirmationDialog = ({
-  title,
-  message,
-  onConfirm,
-  onCancel,
-  confirmButtonLabel,
-  cancelButtonLabel,
-  ...others
-}) => {
-  const handleClose = (_, reason) => {
-    if (reason !== "backdropClick") {
-      onCancel?.();
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Dialog.HvDialog, { onClose: handleClose, ...others, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Title.HvDialogTitle, { variant: "warning", showIcon: false, children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx(Content.HvDialogContent, { indentContent: true, children: message }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Actions.HvDialogActions, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { variant: "primaryGhost", onClick: onConfirm, children: confirmButtonLabel }),
-      /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { autoFocus: true, variant: "primaryGhost", onClick: onCancel, children: cancelButtonLabel })
-    ] })
-  ] });
-};
-exports.ConfirmationDialog = ConfirmationDialog;