@hitachivantara/uikit-react-core 6.8.1 → 6.9.0

package/dist/Slider/utils.js

@@ -1,245 +1,259 @@
-import { theme } from "@hitachivantara/uikit-styles";
 import { sliderStyles } from "./Slider.styles.js";
-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;
+import { theme } from "@hitachivantara/uikit-styles";
+//#region src/Slider/utils.ts
+/**
+* Transform the scaled values into knobs positions.
+*
+* @param {*} sliderValue - he value of the slider to be scaled
+* @param {*} minPointVlue - The value of the first point in the slider from left to right.
+* @param {*} stepVlue - The calculated separation between the values of the slider.
+*/
+var knobsPositionToScaledValue = (sliderValue, minPointValue, stepValue) => minPointValue + stepValue * sliderValue;
+/**
+* Transform the scaled values into knobs positions.
+*
+* @param {*} scaledValue - The value of the slider to be scaled
+* @param {*} minPointValue - The value of the first point in
+* the slider from left to right.
+* @param {*} inverseStepValue - The inverse of calculated separation between
+* the value of the points that compose the slider.
+*/
+var scaledValueToKnobsPositionValue = (scaledValue, minPointValue, inverseStepValue) => typeof scaledValue === "number" ? Math.floor((scaledValue - minPointValue) * inverseStepValue) : NaN;
+/**
+* Transform the received knobs values into knob positions
+*
+* @param {Object} values - The values of the slider.
+* @param {Number} inverseStepValue - The inverse of calculated separation between
+* the value of the points that compose the slider.
+* @param {Integer} minPointValue - The value of the first point in the slider from
+* left to right.
+* @returns {Array} - The position of the knobs.
+*/
+var knobsValuesToKnobsPositions = (values, inverseStepValue, minPointValue) => {
+	const knobsPositions = [];
+	values.forEach((value, index) => {
+		knobsPositions[index] = scaledValueToKnobsPositionValue(value, minPointValue, inverseStepValue);
+	});
+	return knobsPositions;
 };
-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: {
-            ...sliderStyles.disabledMark
-          }
-        } : {
-          label: `${markProperty.label}`,
-          style: {
-            ...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: {
-          ...sliderStyles.disabledMark
-        }
-      } : {
-        label: `${labelValue}`,
-        style: {
-          ...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: {
-          ...sliderStyles.disabledMark
-        }
-      } : {
-        label: `${lastMarkLabel}`,
-        style: {
-          ...sliderStyles.mark
-        }
-      };
-    }
-  }
-  return marks;
+/**
+* Transform the received knobs positions into knob values
+*
+* @param {Object} knobPositions - The values of the slider.
+* @param {Number} stepValue - The calculated separation between
+* the value of the points that compose the slider.
+* @param {Integer} minPointValue - The value of the first point in the slider from
+* left to right.
+* @returns {Array} - The position of the knobs.
+*/
+var knobsPositionsToKnobsValues = (knobPositions, stepValue, minPointValue) => {
+	const knobsValues = [];
+	knobPositions.forEach((value, index) => {
+		knobsValues[index] = knobsPositionToScaledValue(value, minPointValue, stepValue);
+	});
+	return knobsValues;
 };
-const createTrackStyles = (knobProperties) => {
-  const trackStyles = [];
-  if (knobProperties.length > 0) {
-    knobProperties.forEach((knobProperty, index) => {
-      trackStyles[index] = { ...sliderStyles.track };
-      if (knobProperty.color) {
-        trackStyles[index].backgroundColor = knobProperty.trackColor;
-      }
-    });
-  }
-  return trackStyles;
+/**
+* Calculates the separation between each value in the slider.
+*
+* @param {*} maxPointValue - The value of the last point in the slider from left to right.
+* @param {*} minPointValue - The value of the first point in the slider from left to right.
+* @param {*} divisionQuantity - How many subdivisions there are in the slider.
+*/
+var calculateStepValue = (maxPointValue, minPointValue, divisionQuantity) => Math.abs(maxPointValue - minPointValue) / divisionQuantity;
+/**
+* Generates the inline styles used for the track of each knob, applying colors if necessary.
+*
+* @param {Object} markProperties - The object provided by the user with
+* the desired configuration for the marks.
+* @param {Integer} markStep - The separation between marks.
+* @param {Integer} divisionQuantity - How many subdivisions there are in the slider.
+* @param {Integer} minPointValue - The value of the first point in the slider from
+* left to right.
+* @param {Integer} stepValue - The calculated separation between the values of the slider.
+* @param {Integer} markDigits - How many decimals the mark will show.
+* @param {Function} formatMark - A function provided by the user that is going to
+* be executed to format the mark text.
+* @param {Object} styles - the default styles for the marks.
+* @returns {Object} - An object with the for the marks.
+* @memberof HvSlider
+*/
+var 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: { ...sliderStyles.disabledMark }
+		} : {
+			label: `${markProperty.label}`,
+			style: { ...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: { ...sliderStyles.disabledMark }
+			} : {
+				label: `${labelValue}`,
+				style: { ...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: { ...sliderStyles.disabledMark }
+			} : {
+				label: `${lastMarkLabel}`,
+				style: { ...sliderStyles.mark }
+			};
+		}
+	}
+	return marks;
 };
-const createKnobStyles = (knobProperties) => {
-  const knobInner = [];
-  const knobOuterStyle = [];
-  const lastItem = knobProperties.length - 1;
-  if (knobProperties.length > 0) {
-    knobProperties.forEach((knobProperty, index) => {
-      knobInner[index] = { ...sliderStyles.knobInner };
-      knobOuterStyle[index] = { ...sliderStyles.knobOuter };
-      if (knobProperty.color) {
-        knobInner[index].backgroundColor = knobProperty.color;
-        knobOuterStyle[index].backgroundColor = "transparent";
-      }
-      if (knobProperty.hidden) {
-        knobInner[index] = sliderStyles.knobHidden;
-        if (index === lastItem) {
-          knobInner[index] = { ...sliderStyles.knobHiddenLast };
-          knobInner[index].backgroundColor = knobProperty.color;
-          knobOuterStyle[index] = { ...sliderStyles.knobHidden };
-          knobOuterStyle[index].backgroundColor = knobProperty.color;
-        }
-      }
-    });
-  }
-  return {
-    knobInner,
-    knobOuterStyle
-  };
+/**
+* Generates the inline styles used for the track of each knob, applying colors if necessary.
+*
+* @param {Object} knobProperties - The object provided by the user with
+* the desired configuration for the knobs.
+* @param {Object} styles - the default styles for the tracks.
+* @returns {Object} - An object with the style for each track.
+* @memberof HvSlider
+*/
+var createTrackStyles = (knobProperties) => {
+	const trackStyles = [];
+	if (knobProperties.length > 0) knobProperties.forEach((knobProperty, index) => {
+		trackStyles[index] = { ...sliderStyles.track };
+		if (knobProperty.color) trackStyles[index].backgroundColor = knobProperty.trackColor;
+	});
+	return trackStyles;
 };
-const isSingleSlider = (values, defaultValues) => {
-  if (!(values?.length > 1)) {
-    return defaultValues.length === 1;
-  }
-  return values.length === 1;
+/**
+* Generates the inline styles used for each knob, applying colors if specified.
+*
+* @param {Object} knobProperties - The object provided by the user with
+* the desired configuration for the knobs.
+* @param {Object} styles - the default styles for the knobs.
+* @returns {Object} - An object with both the inner and outer styles for the knob.
+* @memberof HvSlider
+*/
+var createKnobStyles = (knobProperties) => {
+	const knobInner = [];
+	const knobOuterStyle = [];
+	const lastItem = knobProperties.length - 1;
+	if (knobProperties.length > 0) knobProperties.forEach((knobProperty, index) => {
+		knobInner[index] = { ...sliderStyles.knobInner };
+		knobOuterStyle[index] = { ...sliderStyles.knobOuter };
+		if (knobProperty.color) {
+			knobInner[index].backgroundColor = knobProperty.color;
+			knobOuterStyle[index].backgroundColor = "transparent";
+		}
+		if (knobProperty.hidden) {
+			knobInner[index] = sliderStyles.knobHidden;
+			if (index === lastItem) {
+				knobInner[index] = { ...sliderStyles.knobHiddenLast };
+				knobInner[index].backgroundColor = knobProperty.color;
+				knobOuterStyle[index] = { ...sliderStyles.knobHidden };
+				knobOuterStyle[index].backgroundColor = knobProperty.color;
+			}
+		}
+	});
+	return {
+		knobInner,
+		knobOuterStyle
+	};
 };
-const generateDefaultKnobProperties = (numberOfKnobs = 1, disabled = false, knobPropertiesProp) => {
-  let knobProperties = knobPropertiesProp || [];
-  const defaultKnobStyles = {
-    color: theme.colors.text,
-    hoverColor: theme.colors.text,
-    trackColor: theme.colors.text,
-    dragColor: theme.colors.text,
-    knobRingColor: theme.colors.textDimmed
-  };
-  const disabledKnobStyles = {
-    color: theme.colors.textDisabled,
-    hoverColor: theme.colors.textDisabled,
-    trackColor: theme.colors.textDisabled,
-    dragColor: theme.colors.textDisabled,
-    knobRingColor: 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;
+/**
+* Analyzes both the values and the default values to determine whether the slider is working in single mode.
+*
+* @param {Array} values - the values where the knobs are positioned when controlled.
+* @param {Array} defaultValues - the values where the knobs start when uncontrolled.
+* @returns {Boolean} - if true the slider should work as single slider
+*/
+var isSingleSlider = (values, defaultValues) => {
+	if (!(values?.length > 1)) return defaultValues.length === 1;
+	return values.length === 1;
 };
-const pushSlider = (index, inputIndex, inputValue) => {
-  const difference = index - inputIndex;
-  return inputValue + difference;
+/**
+* Generates the default knob styles for each knob
+*
+* @param {Object} knobProperties - The object provided by the user with
+* the desired configuration for the knobs.
+* @param {Integer} numberOfKnobs - the default styles for the knobs.
+* @param {Object} theme - The theme to extract the colors.
+*
+* @returns {Object} - An object with both the inner and outer styles for the knob.
+* @memberof HvSlider
+*/
+var generateDefaultKnobProperties = (numberOfKnobs = 1, disabled = false, knobPropertiesProp) => {
+	let knobProperties = knobPropertiesProp || [];
+	const defaultKnobStyles = {
+		color: theme.colors.text,
+		hoverColor: theme.colors.text,
+		trackColor: theme.colors.text,
+		dragColor: theme.colors.text,
+		knobRingColor: theme.colors.textDimmed
+	};
+	const disabledKnobStyles = {
+		color: theme.colors.textDisabled,
+		hoverColor: theme.colors.textDisabled,
+		trackColor: theme.colors.textDisabled,
+		dragColor: theme.colors.textDisabled,
+		knobRingColor: 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 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;
+var pushSlider = (index, inputIndex, inputValue) => {
+	return inputValue + (index - inputIndex);
 };
-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;
+var 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 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";
+var 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 knobsValuesToString = (knobsValues, markDigits) => knobsValues.map(
-  (knobValue) => Number.isNaN(knobValue) ? "" : knobValue.toFixed(markDigits)
-);
-const stringValuesToKnobs = (inputsValues) => inputsValues.map((inputValue) => Number.parseFloat(inputValue));
-export {
-  calculateStepValue,
-  convertStatusToArray,
-  createKnobStyles,
-  createMark,
-  createTrackStyles,
-  ensureValuesConsistency,
-  generateDefaultKnobProperties,
-  isSingleSlider,
-  knobsPositionToScaledValue,
-  knobsPositionsToKnobsValues,
-  knobsValuesToKnobsPositions,
-  knobsValuesToString,
-  scaledValueToKnobsPositionValue,
-  statusArrayToFormStatus,
-  stringValuesToKnobs
+var statusArrayToFormStatus = (arrayStatus) => {
+	if (arrayStatus.some((status) => status === "invalid")) return "invalid";
+	if (arrayStatus.some((status) => status === "valid")) return "valid";
+	return "standBy";
 };
+var knobsValuesToString = (knobsValues, markDigits) => knobsValues.map((knobValue) => Number.isNaN(knobValue) ? "" : knobValue.toFixed(markDigits));
+var stringValuesToKnobs = (inputsValues) => inputsValues.map((inputValue) => Number.parseFloat(inputValue));
+//#endregion
+export { calculateStepValue, convertStatusToArray, createKnobStyles, createMark, createTrackStyles, ensureValuesConsistency, generateDefaultKnobProperties, isSingleSlider, knobsPositionToScaledValue, knobsPositionsToKnobsValues, knobsValuesToKnobsPositions, knobsValuesToString, scaledValueToKnobsPositionValue, statusArrayToFormStatus, stringValuesToKnobs };

package/dist/Snackbar/Snackbar.js

@@ -1,92 +1,63 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef, useCallback } from "react";
-import Slide from "@mui/material/Slide";
-import Snackbar from "@mui/material/Snackbar";
-import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { capitalize } from "../utils/helpers.js";
 import { useClasses } from "./Snackbar.styles.js";
-import { staticClasses } from "./Snackbar.styles.js";
 import { HvSnackbarContent } from "./SnackbarContent/SnackbarContent.js";
-const HvSnackbar = 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,
-    onAction,
-    transitionDuration = 300,
-    transitionDirection = "left",
-    container,
-    offset = 60,
-    snackbarContentProps,
-    size,
-    ...others
-  } = useDefaultProps("HvSnackbar", props);
-  const { classes } = useClasses(classesProp);
-  const anchorOriginOffset = {
-    anchorOriginTop: {
-      top: `${offset}px`
-    },
-    anchorOriginBottom: {
-      bottom: `${offset}px`
-    }
-  };
-  const SlideTransition = useCallback(
-    (properties) => /* @__PURE__ */ jsx(
-      Slide,
-      {
-        ...properties,
-        container,
-        direction: transitionDirection
-      }
-    ),
-    [container, transitionDirection]
-  );
-  return /* @__PURE__ */ jsx(
-    Snackbar,
-    {
-      ref,
-      style: anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`],
-      classes,
-      className,
-      id,
-      anchorOrigin,
-      open,
-      onClose,
-      autoHideDuration,
-      transitionDuration,
-      TransitionComponent: SlideTransition,
-      ...others,
-      children: /* @__PURE__ */ jsx(
-        HvSnackbarContent,
-        {
-          title,
-          label,
-          variant,
-          customIcon,
-          showIcon,
-          showClose,
-          action,
-          onAction,
-          onClose,
-          size,
-          ...snackbarContentProps
-        }
-      )
-    }
-  );
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { forwardRef, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+import Slide from "@mui/material/Slide";
+import MuiSnackbar from "@mui/material/Snackbar";
+//#region src/Snackbar/Snackbar.tsx
+/**
+* A Snackbar displays brief messages about app processes and dismisses automatically after a set time.
+*
+* You can build a Snackbar using:
+*
+* - `HvSnackbar` – handles positioning, transitions, auto-hide, and more.
+* - `HvSnackbarContent` – offers fine-grained control over the content and appearance.
+*
+*/
+var HvSnackbar = forwardRef(function HvSnackbar(props, ref) {
+	const { classes: classesProp, className, id, title, open = false, onClose, label, anchorOrigin = {
+		vertical: "top",
+		horizontal: "right"
+	}, autoHideDuration = 5e3, variant, showIcon, showClose, customIcon, action, onAction, transitionDuration = 300, transitionDirection = "left", container, offset = 60, snackbarContentProps, size, ...others } = useDefaultProps("HvSnackbar", props);
+	const { classes } = useClasses(classesProp);
+	const anchorOriginOffset = {
+		anchorOriginTop: { top: `${offset}px` },
+		anchorOriginBottom: { bottom: `${offset}px` }
+	};
+	const SlideTransition = useCallback((properties) => /* @__PURE__ */ jsx(Slide, {
+		...properties,
+		container,
+		direction: transitionDirection
+	}), [container, transitionDirection]);
+	return /* @__PURE__ */ jsx(MuiSnackbar, {
+		ref,
+		style: anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`],
+		classes,
+		className,
+		id,
+		anchorOrigin,
+		open,
+		onClose,
+		autoHideDuration,
+		transitionDuration,
+		TransitionComponent: SlideTransition,
+		...others,
+		children: /* @__PURE__ */ jsx(HvSnackbarContent, {
+			title,
+			label,
+			variant,
+			customIcon,
+			showIcon,
+			showClose,
+			action,
+			onAction,
+			onClose,
+			size,
+			...snackbarContentProps
+		})
+	});
 });
-export {
-  HvSnackbar,
-  staticClasses as snackbarClasses
-};
+//#endregion
+export { HvSnackbar };