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

package/dist/cjs/Slider/utils.cjs

@@ -1,245 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const Slider_styles = require("./Slider.styles.cjs");
-const knobsPositionToScaledValue = (sliderValue, minPointValue, stepValue) => minPointValue + stepValue * sliderValue;
-const scaledValueToKnobsPositionValue = (scaledValue, minPointValue, inverseStepValue) => typeof scaledValue === "number" ? Math.floor((scaledValue - minPointValue) * inverseStepValue) : Number.NaN;
-const knobsValuesToKnobsPositions = (values, inverseStepValue, minPointValue) => {
-  const knobsPositions = [];
-  values.forEach((value, index) => {
-    knobsPositions[index] = scaledValueToKnobsPositionValue(
-      value,
-      minPointValue,
-      inverseStepValue
-    );
-  });
-  return knobsPositions;
-};
-const knobsPositionsToKnobsValues = (knobPositions, stepValue, minPointValue) => {
-  const knobsValues = [];
-  knobPositions.forEach((value, index) => {
-    knobsValues[index] = knobsPositionToScaledValue(
-      value,
-      minPointValue,
-      stepValue
-    );
-  });
-  return knobsValues;
-};
-const calculateStepValue = (maxPointValue, minPointValue, divisionQuantity) => Math.abs(maxPointValue - minPointValue) / divisionQuantity;
-const createMark = (markProperties, markStep, divisionQuantity, minPointValue, maxPointValue, stepValue, markDigits, disabled, formatMark = (mark) => mark) => {
-  const marks = {};
-  const values = [];
-  if (markProperties.length > 0) {
-    markProperties.forEach((markProperty) => {
-      if (typeof markProperty.position === "number") {
-        marks[markProperty.position] = disabled ? {
-          label: `${markProperty.label}`,
-          style: {
-            ...Slider_styles.sliderStyles.disabledMark
-          }
-        } : {
-          label: `${markProperty.label}`,
-          style: {
-            ...Slider_styles.sliderStyles.mark
-          }
-        };
-      }
-    });
-  } else {
-    const roundedMarkStep = Math.max(1, Math.floor(markStep));
-    for (let index = 0; index <= divisionQuantity; index += roundedMarkStep) {
-      let labelValue = knobsPositionToScaledValue(
-        index,
-        minPointValue,
-        stepValue
-      ).toFixed(Math.max(0, Math.min(8, markDigits)));
-      values.push(labelValue);
-      labelValue = formatMark?.(labelValue) || labelValue;
-      marks[index] = disabled ? {
-        label: `${labelValue}`,
-        style: {
-          ...Slider_styles.sliderStyles.disabledMark
-        }
-      } : {
-        label: `${labelValue}`,
-        style: {
-          ...Slider_styles.sliderStyles.mark
-        }
-      };
-    }
-    if (!values.includes(maxPointValue.toString())) {
-      const lastMarkPosition = knobsValuesToKnobsPositions(
-        [maxPointValue],
-        1 / stepValue,
-        minPointValue
-      );
-      const lastMarkLabel = formatMark?.(maxPointValue.toFixed(markDigits));
-      marks[lastMarkPosition[0]] = disabled ? {
-        label: `${lastMarkLabel}`,
-        style: {
-          ...Slider_styles.sliderStyles.disabledMark
-        }
-      } : {
-        label: `${lastMarkLabel}`,
-        style: {
-          ...Slider_styles.sliderStyles.mark
-        }
-      };
-    }
-  }
-  return marks;
-};
-const createTrackStyles = (knobProperties) => {
-  const trackStyles = [];
-  if (knobProperties.length > 0) {
-    knobProperties.forEach((knobProperty, index) => {
-      trackStyles[index] = { ...Slider_styles.sliderStyles.track };
-      if (knobProperty.color) {
-        trackStyles[index].backgroundColor = knobProperty.trackColor;
-      }
-    });
-  }
-  return trackStyles;
-};
-const createKnobStyles = (knobProperties) => {
-  const knobInner = [];
-  const knobOuterStyle = [];
-  const lastItem = knobProperties.length - 1;
-  if (knobProperties.length > 0) {
-    knobProperties.forEach((knobProperty, index) => {
-      knobInner[index] = { ...Slider_styles.sliderStyles.knobInner };
-      knobOuterStyle[index] = { ...Slider_styles.sliderStyles.knobOuter };
-      if (knobProperty.color) {
-        knobInner[index].backgroundColor = knobProperty.color;
-        knobOuterStyle[index].backgroundColor = "transparent";
-      }
-      if (knobProperty.hidden) {
-        knobInner[index] = Slider_styles.sliderStyles.knobHidden;
-        if (index === lastItem) {
-          knobInner[index] = { ...Slider_styles.sliderStyles.knobHiddenLast };
-          knobInner[index].backgroundColor = knobProperty.color;
-          knobOuterStyle[index] = { ...Slider_styles.sliderStyles.knobHidden };
-          knobOuterStyle[index].backgroundColor = knobProperty.color;
-        }
-      }
-    });
-  }
-  return {
-    knobInner,
-    knobOuterStyle
-  };
-};
-const isSingleSlider = (values, defaultValues) => {
-  if (!(values?.length > 1)) {
-    return defaultValues.length === 1;
-  }
-  return values.length === 1;
-};
-const generateDefaultKnobProperties = (numberOfKnobs = 1, disabled = false, knobPropertiesProp) => {
-  let knobProperties = knobPropertiesProp || [];
-  const defaultKnobStyles = {
-    color: uikitStyles.theme.colors.text,
-    hoverColor: uikitStyles.theme.colors.text,
-    trackColor: uikitStyles.theme.colors.text,
-    dragColor: uikitStyles.theme.colors.text,
-    knobRingColor: uikitStyles.theme.colors.textDimmed
-  };
-  const disabledKnobStyles = {
-    color: uikitStyles.theme.colors.textDisabled,
-    hoverColor: uikitStyles.theme.colors.textDisabled,
-    trackColor: uikitStyles.theme.colors.textDisabled,
-    dragColor: uikitStyles.theme.colors.textDisabled,
-    knobRingColor: uikitStyles.theme.colors.textDisabled
-  };
-  if (knobProperties.length > 0) {
-    knobProperties = knobProperties.slice(0, numberOfKnobs);
-    knobProperties = knobProperties.map((knobProperty) => {
-      if (!disabled) {
-        return {
-          ...disabledKnobStyles,
-          ...knobProperty
-        };
-      }
-      return {
-        ...defaultKnobStyles,
-        ...knobProperty
-      };
-    });
-  } else {
-    for (let i = 0; i < numberOfKnobs; i += 1) {
-      if (!disabled) knobProperties.push(defaultKnobStyles);
-      if (disabled) knobProperties.push(disabledKnobStyles);
-    }
-  }
-  return knobProperties;
-};
-const pushSlider = (index, inputIndex, inputValue) => {
-  const difference = index - inputIndex;
-  return inputValue + difference;
-};
-const ensureValuesConsistency = (knobPositions, inputIndex) => {
-  const newKnobsPosition = [...knobPositions];
-  newKnobsPosition.forEach((value, index) => {
-    if (Number.isNaN(value) || value == null) {
-      newKnobsPosition[index] = pushSlider(
-        index,
-        inputIndex,
-        newKnobsPosition[inputIndex]
-      );
-    } else if (index < inputIndex && value > newKnobsPosition[inputIndex]) {
-      newKnobsPosition[index] = pushSlider(
-        index,
-        inputIndex,
-        newKnobsPosition[inputIndex]
-      );
-    } else if (index > inputIndex && value < newKnobsPosition[inputIndex]) {
-      newKnobsPosition[index] = pushSlider(
-        index,
-        inputIndex,
-        newKnobsPosition[inputIndex]
-      );
-    }
-  });
-  return newKnobsPosition;
-};
-const convertStatusToArray = (length, status) => {
-  const result = {
-    arrayDefaultStatus: Array.from({ length }, () => "standBy")
-  };
-  if (status == null) {
-    return result;
-  }
-  if (!Array.isArray(status)) {
-    result.arrayStatus = Array.from({ length }, () => status);
-    return result;
-  }
-  result.arrayStatus = status;
-  return result;
-};
-const statusArrayToFormStatus = (arrayStatus) => {
-  const invalid = arrayStatus.some((status) => status === "invalid");
-  if (invalid) return "invalid";
-  const valid = arrayStatus.some((status) => status === "valid");
-  if (valid) return "valid";
-  return "standBy";
-};
-const knobsValuesToString = (knobsValues, markDigits) => knobsValues.map(
-  (knobValue) => Number.isNaN(knobValue) ? "" : knobValue.toFixed(markDigits)
-);
-const stringValuesToKnobs = (inputsValues) => inputsValues.map((inputValue) => Number.parseFloat(inputValue));
-exports.calculateStepValue = calculateStepValue;
-exports.convertStatusToArray = convertStatusToArray;
-exports.createKnobStyles = createKnobStyles;
-exports.createMark = createMark;
-exports.createTrackStyles = createTrackStyles;
-exports.ensureValuesConsistency = ensureValuesConsistency;
-exports.generateDefaultKnobProperties = generateDefaultKnobProperties;
-exports.isSingleSlider = isSingleSlider;
-exports.knobsPositionToScaledValue = knobsPositionToScaledValue;
-exports.knobsPositionsToKnobsValues = knobsPositionsToKnobsValues;
-exports.knobsValuesToKnobsPositions = knobsValuesToKnobsPositions;
-exports.knobsValuesToString = knobsValuesToString;
-exports.scaledValueToKnobsPositionValue = scaledValueToKnobsPositionValue;
-exports.statusArrayToFormStatus = statusArrayToFormStatus;
-exports.stringValuesToKnobs = stringValuesToKnobs;

package/dist/cjs/Snackbar/Snackbar.cjs

@@ -1,97 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const Slide = require("@mui/material/Slide");
-const Snackbar = require("@mui/material/Snackbar");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const helpers = require("../utils/helpers.cjs");
-const setId = require("../utils/setId.cjs");
-const Snackbar_styles = require("./Snackbar.styles.cjs");
-const SnackbarContent = require("./SnackbarContent/SnackbarContent.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const Slide__default = /* @__PURE__ */ _interopDefault(Slide);
-const Snackbar__default = /* @__PURE__ */ _interopDefault(Snackbar);
-const HvSnackbar = React.forwardRef(function HvSnackbar2(props, ref) {
-  const {
-    classes: classesProp,
-    className,
-    id,
-    title,
-    open = false,
-    onClose,
-    label,
-    anchorOrigin = { vertical: "top", horizontal: "right" },
-    autoHideDuration = 5e3,
-    variant,
-    showIcon,
-    showClose,
-    customIcon,
-    action,
-    actionCallback,
-    // TODO - remove in v6
-    onAction,
-    transitionDuration = 300,
-    transitionDirection = "left",
-    container,
-    offset = 60,
-    snackbarContentProps,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvSnackbar", props);
-  const { classes } = Snackbar_styles.useClasses(classesProp);
-  const anchorOriginOffset = {
-    anchorOriginTop: {
-      top: `${offset}px`
-    },
-    anchorOriginBottom: {
-      bottom: `${offset}px`
-    }
-  };
-  const SlideTransition = React.useCallback(
-    (properties) => /* @__PURE__ */ jsxRuntime.jsx(
-      Slide__default.default,
-      {
-        ...properties,
-        container,
-        direction: transitionDirection
-      }
-    ),
-    [container, transitionDirection]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Snackbar__default.default,
-    {
-      ref,
-      style: anchorOriginOffset[`anchorOrigin${helpers.capitalize(anchorOrigin.vertical)}`],
-      classes,
-      className,
-      id,
-      anchorOrigin,
-      open,
-      onClose,
-      autoHideDuration,
-      transitionDuration,
-      TransitionComponent: SlideTransition,
-      ...others,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        SnackbarContent.HvSnackbarContent,
-        {
-          id: setId.setId(id, "content"),
-          title,
-          label,
-          variant,
-          customIcon,
-          showIcon,
-          showClose,
-          action,
-          actionCallback,
-          onAction,
-          onClose,
-          ...snackbarContentProps
-        }
-      )
-    }
-  );
-});
-exports.snackbarClasses = Snackbar_styles.staticClasses;
-exports.HvSnackbar = HvSnackbar;

package/dist/cjs/Snackbar/Snackbar.styles.cjs

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Snackbar = require("@mui/material/Snackbar");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvSnackbar", {
-  root: {},
-  anchorOriginTopRight: {
-    [`&.${Snackbar.snackbarClasses.anchorOriginTopRight}`]: {
-      top: uikitStyles.theme.space.xs,
-      right: uikitStyles.theme.space.xs
-    }
-  },
-  anchorOriginTopLeft: {
-    [`&.${Snackbar.snackbarClasses.anchorOriginTopLeft}`]: {
-      top: uikitStyles.theme.space.xs,
-      left: uikitStyles.theme.space.xs
-    }
-  },
-  anchorOriginTopCenter: {
-    [`&.${Snackbar.snackbarClasses.anchorOriginTopCenter}`]: {
-      top: uikitStyles.theme.space.xs
-    }
-  },
-  anchorOriginBottomCenter: {
-    [`&.${Snackbar.snackbarClasses.anchorOriginBottomCenter}`]: {
-      bottom: uikitStyles.theme.space.xs
-    }
-  },
-  anchorOriginBottomLeft: {
-    [`&.${Snackbar.snackbarClasses.anchorOriginBottomLeft}`]: {
-      bottom: uikitStyles.theme.space.xs,
-      left: uikitStyles.theme.space.xs
-    }
-  },
-  anchorOriginBottomRight: {
-    [`&.${Snackbar.snackbarClasses.anchorOriginBottomRight}`]: {
-      bottom: uikitStyles.theme.space.xs,
-      right: uikitStyles.theme.space.xs
-    }
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Snackbar/SnackbarContent/SnackbarContent.cjs

@@ -1,55 +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 Callout = require("../../utils/Callout.cjs");
-const SnackbarContent_styles = require("./SnackbarContent.styles.cjs");
-const isActionGeneric = (action) => action && typeof action === "object" && "id" in action && "label" in action;
-const HvSnackbarContent = React.forwardRef(function HvSnackbarContent2(props, ref) {
-  const {
-    className,
-    id,
-    classes: classesProp,
-    label,
-    variant = "default",
-    showIcon,
-    showClose,
-    customIcon,
-    action,
-    actionCallback,
-    // TODO - remove in v6
-    onAction,
-    onClose,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvSnackbarContent", props);
-  const { classes, cx } = SnackbarContent_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Callout.HvCallout,
-    {
-      ref,
-      id,
-      variant,
-      classes: {
-        root: cx(classes.root, classes[variant], className),
-        message: cx(classes.message, classes.messageSpan),
-        messageIcon: classes.iconVariant,
-        messageContent: classes.messageText,
-        action: classes.action
-      },
-      showIcon,
-      showClose,
-      customIcon,
-      actions: isActionGeneric(action) ? [action] : action,
-      onClose,
-      onAction: (evt, action2) => {
-        onAction?.(evt, action2);
-        actionCallback?.(evt, id, action2);
-      },
-      ...others,
-      children: label
-    }
-  );
-});
-exports.snackbarContentClasses = SnackbarContent_styles.staticClasses;
-exports.HvSnackbarContent = HvSnackbarContent;

package/dist/cjs/Snackbar/SnackbarContent/SnackbarContent.styles.cjs

@@ -1,34 +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 name = "HvSnackbarContent";
-const { useClasses, staticClasses } = uikitReactUtils.createClasses(name, {
-  root: {
-    width: "310px",
-    minHeight: "52px",
-    maxHeight: "92px",
-    padding: uikitStyles.theme.space.xs
-  },
-  success: {},
-  error: {},
-  default: {},
-  warning: {},
-  info: {},
-  accent: {},
-  message: {
-    padding: 0,
-    width: "100%",
-    minHeight: "32px"
-  },
-  action: {},
-  messageText: {
-    paddingLeft: uikitStyles.theme.space.xs,
-    maxHeight: "72px"
-  },
-  iconVariant: {},
-  /** @deprecated use `classes.message` instead */
-  messageSpan: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/SnackbarProvider/SnackbarProvider.cjs

@@ -1,108 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const notistack = require("notistack");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const SnackbarProvider_styles = require("./SnackbarProvider.styles.cjs");
-const SnackbarContent = require("../Snackbar/SnackbarContent/SnackbarContent.cjs");
-const HvNotistackSnackMessage = React.forwardRef(function HvNotistackSnackMessage2(props, ref) {
-  const { id, message, variant = "success", snackbarContentProps } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(notistack.SnackbarContent, { ref, children: /* @__PURE__ */ jsxRuntime.jsx(
-    SnackbarContent.HvSnackbarContent,
-    {
-      id,
-      variant,
-      showIcon: true,
-      label: message,
-      role: "none",
-      ...snackbarContentProps
-    }
-  ) });
-});
-const useHvSnackbar = () => {
-  const snackbarContext = notistack.useSnackbar();
-  if (!snackbarContext) {
-    throw new Error("useHvSnackbar must be used within an HvSnackbarProvider");
-  }
-  const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } = snackbarContext;
-  const enqueueSnackbar = React.useCallback(
-    (message, options = {}) => {
-      const {
-        id,
-        variant = "success",
-        snackbarContentProps,
-        className,
-        ...otherOptions
-      } = options;
-      return enqueueNotistackSnackbar(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          HvNotistackSnackMessage,
-          {
-            id,
-            message,
-            variant,
-            snackbarContentProps
-          }
-        ),
-        { ...otherOptions, className }
-      );
-    },
-    [enqueueNotistackSnackbar]
-  );
-  return React.useMemo(
-    () => ({
-      enqueueSnackbar,
-      closeSnackbar
-    }),
-    [enqueueSnackbar, closeSnackbar]
-  );
-};
-const HvSnackbarProvider = (props) => {
-  const {
-    children,
-    notistackClassesOverride,
-    maxSnack = 5,
-    autoHideDuration = 5e3,
-    anchorOrigin = {
-      vertical: "top",
-      horizontal: "right"
-    },
-    classes: classesProp,
-    className,
-    container,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvSnackbarProvider", props);
-  const { classes, css, cx } = SnackbarProvider_styles.useClasses(classesProp);
-  const { containerRoot, ...otherNotistackClasses } = notistackClassesOverride || {};
-  const notistackClasses = {
-    containerRoot: cx(
-      css({
-        pointerEvents: "all",
-        "& > div > div": {
-          // Overrides notistack extra padding
-          padding: "0 !important",
-          transition: "all 0s ease 0s !important"
-        }
-      }),
-      containerRoot
-    ),
-    ...otherNotistackClasses
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    notistack.SnackbarProvider,
-    {
-      classes: notistackClasses,
-      maxSnack,
-      autoHideDuration,
-      anchorOrigin,
-      className: cx(classes.snackItemRoot, className),
-      domRoot: container,
-      ...others,
-      children
-    }
-  );
-};
-exports.snackbarProviderClasses = SnackbarProvider_styles.staticClasses;
-exports.HvSnackbarProvider = HvSnackbarProvider;
-exports.useHvSnackbar = useHvSnackbar;

package/dist/cjs/SnackbarProvider/SnackbarProvider.styles.cjs

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const { useClasses, staticClasses } = uikitReactUtils.createClasses(
-  "HvSnackbarProvider",
-  {
-    snackItemRoot: {
-      backgroundColor: "transparent !important",
-      boxShadow: "none !important",
-      "&&": {
-        color: "inherit",
-        padding: "0",
-        fontSize: "inherit",
-        boxShadow: "none",
-        alignItems: "center",
-        fontFamily: "inherit",
-        fontWeight: "inherit",
-        lineHeight: "inherit",
-        borderRadius: 0,
-        letterSpacing: "inherit",
-        backgroundColor: "inherit"
-      }
-    }
-  }
-);
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Stack/Stack.cjs

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const MuiDivider = require("@mui/material/Divider");
-const styles = require("@mui/material/styles");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const useWidth = require("../hooks/useWidth.cjs");
-const Stack_styles = require("./Stack.styles.cjs");
-const Focus = require("../Focus/Focus.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const MuiDivider__default = /* @__PURE__ */ _interopDefault(MuiDivider);
-const getDirection = (direction, width, breakpoints) => {
-  if (typeof direction === "string") return direction;
-  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {
-    if (direction[breakpoints[i]] !== void 0) {
-      return direction[breakpoints[i]];
-    }
-  }
-  return "column";
-};
-const HvStack = (props) => {
-  const {
-    classes: classesProp,
-    className,
-    children,
-    direction: directionProp = "column",
-    spacing = "sm",
-    divider = false,
-    withNavigation = false,
-    dividerProps = {},
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvStack", props);
-  const { classes, cx } = Stack_styles.useClasses(classesProp);
-  const width = useWidth.useWidth();
-  const containerRef = React.useRef(null);
-  const { breakpoints } = styles.useTheme();
-  const direction = React.useMemo(
-    () => getDirection(directionProp, width, breakpoints.keys),
-    [directionProp, width, breakpoints]
-  );
-  const getDividerComponent = React.useCallback(() => {
-    if (typeof divider === "boolean" && divider) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        MuiDivider__default.default,
-        {
-          orientation: direction === "column" ? "horizontal" : "vertical",
-          flexItem: direction === "row",
-          classes: {
-            root: classes.divider
-          },
-          ...dividerProps
-        }
-      );
-    }
-    return divider;
-  }, [classes.divider, divider, dividerProps, direction]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref: containerRef,
-      className: cx(
-        classes.root,
-        classes[direction],
-        classes[spacing],
-        className
-      ),
-      ...others,
-      children: React.Children.map(children, (child, i) => {
-        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          divider && i !== 0 && getDividerComponent(),
-          withNavigation ? /* @__PURE__ */ jsxRuntime.jsx(
-            Focus.HvFocus,
-            {
-              rootRef: containerRef,
-              focusDisabled: false,
-              strategy: "grid",
-              navigationJump: direction === "column" ? 1 : React.Children.count(children) || 0,
-              filterClass: "child",
-              children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "child", children: child })
-            }
-          ) : child
-        ] });
-      })
-    }
-  );
-};
-exports.stackClasses = Stack_styles.staticClasses;
-exports.HvStack = HvStack;