@hitachivantara/uikit-react-core 5.0.0-next.2 → 5.0.0-next.20

package/dist/cjs/components/SelectionList/SelectionList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionList.cjs","sources":["../../../../src/components/SelectionList/SelectionList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types/index\";\nimport {\n  StyledListContainer,\n  StyledFormElement,\n  StyledLabel,\n  StyledInfoMessage,\n  StyledError,\n} from \"./SelectionList.styles\";\nimport {\n  isKeypress,\n  keyboardCodes,\n  setId,\n  multiSelectionEventHandler,\n} from \"utils\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { HvFormStatus } from \"components\";\nimport selectionListClasses, {\n  HvSelectionListClasses,\n} from \"./selectionListClasses\";\n\nexport type HvSelectionListProps = HvBaseProps<\n  HTMLUListElement,\n  { onChange }\n> & {\n  /** The form element name. */\n  name?: string;\n  /**\n   * The value of the form element. It must be represented in the child list items.\n   *\n   * Can either be a single value (when multiple = false) or an\n   * array of values (when multiple = true).\n   *\n   * When defined the selection list state becomes controlled.\n   */\n  value?: any | any[];\n  /** When uncontrolled, defines the initial value. */\n  defaultValue?: any | any[];\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Indicates that the form element is disabled. If `true` the state is propagated to the children list items. */\n  disabled?: boolean;\n  /** Indicates that the form element is not editable. */\n  readOnly?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage?: string;\n  /** Indicates that the user may select more than one item from the current selectable list items. */\n  multiple?: boolean;\n  /** If `true`, selection can be toggled when single selection. */\n  singleSelectionToggle?: boolean;\n  /** Indicates whether the list orientation is horizontal or vertical. Defaults to vertical. */\n  orientation?: \"vertical\" | \"horizontal\";\n  /** The callback fired when the value changes. */\n  onChange?: Function;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvSelectionListClasses;\n};\n\nconst getValueFromSelectedChildren = (children, multiple) => {\n  const selectedValues = React.Children.toArray(children)\n    .map((child: any) => {\n      const childIsControlled = child?.props?.selected !== undefined;\n      const childIsSelected =\n        child && childIsControlled\n          ? child.props?.selected\n          : child.props?.defaultSelected;\n\n      return childIsSelected ? child?.props.value : undefined;\n    })\n    .filter((v) => v !== undefined);\n\n  return multiple ? selectedValues : selectedValues?.[0];\n};\n\n/**\n * Allows the user to select one or more items from a list of choices.\n *\n * Although it supports multi-selection, DS recommends the use of a selection list\n * when it’s clear that the user can only select just one option from the range provided.\n */\nexport const HvSelectionList = ({\n  id,\n  classes,\n  className,\n  children,\n  name,\n  value: valueProp,\n  defaultValue,\n  required = false,\n  readOnly = false,\n  disabled = false,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n  onChange,\n  status,\n  statusMessage,\n  \"aria-errormessage\": ariaErrorMessage,\n  orientation = \"vertical\",\n  multiple = false,\n  singleSelectionToggle = false,\n  ...others\n}: HvSelectionListProps) => {\n  const elementId = useUniqueId(id, \"hvselectionlist\");\n\n  const [value, setValue] = useControlled(\n    valueProp,\n    defaultValue !== undefined\n      ? defaultValue\n      : // when uncontrolled and no default value is given,\n        // extract the initial selected values from the children own state\n        () => getValueFromSelectedChildren(children, multiple)\n  );\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [allValues, selectedState] = useMemo(() => {\n    const childValues: any[] = [];\n    const childSelectedState: boolean[] = [];\n\n    React.Children.toArray(children).forEach((child: any, i: number) => {\n      const childValue = child?.props?.value;\n      const childIsSelected = multiple\n        ? value.indexOf(childValue) !== -1\n        : value === childValue;\n\n      childValues[i] = childValue;\n      childSelectedState[i] = childIsSelected;\n    });\n\n    return [childValues, childSelectedState];\n  }, [children, multiple, value]);\n\n  const selectionAnchor = useRef(undefined);\n\n  const listContainer = useRef<any>(null);\n\n  const { ArrowUp, ArrowDown } = keyboardCodes;\n\n  useEffect(() => {\n    const handleMeta = (event) => {\n      const tempArray: any[] = [];\n      if (\n        (isKeypress(event, ArrowUp) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target)) ||\n        (isKeypress(event, ArrowDown) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target))\n      ) {\n        selectedState.forEach((isSelected, i) => {\n          if (i === event.target.value - 1) {\n            if (!isSelected) {\n              tempArray.push(allValues[i]);\n            }\n          } else if (isSelected) {\n            tempArray.push(allValues[i]);\n          }\n        });\n        setValue(tempArray);\n      }\n    };\n    window.addEventListener(\"keyup\", handleMeta);\n\n    return () => {\n      window.removeEventListener(\"keyup\", handleMeta);\n    };\n  }, [allValues, selectedState, setValue, ArrowUp, ArrowDown]);\n\n  const onChildChangeInterceptor = useCallback(\n    (index, childOnClick, evt) => {\n      childOnClick?.(evt);\n      if (!readOnly && !disabled) {\n        let newValue;\n        if (multiple) {\n          newValue = multiSelectionEventHandler(\n            evt,\n            index,\n            selectionAnchor,\n            allValues,\n            selectedState,\n            undefined\n          );\n        } else {\n          newValue =\n            singleSelectionToggle && selectedState[index]\n              ? null\n              : allValues[index];\n        }\n\n        onChange?.(evt, newValue);\n\n        setValue(() => {\n          // this will only run if uncontrolled\n\n          if (required && newValue.length === 0) {\n            setValidationState(\"invalid\");\n          } else {\n            setValidationState(\"valid\");\n          }\n\n          return newValue;\n        });\n      }\n    },\n    [\n      allValues,\n      disabled,\n      multiple,\n      onChange,\n      readOnly,\n      required,\n      selectedState,\n      setValidationState,\n      setValue,\n      singleSelectionToggle,\n      selectionAnchor,\n    ]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return React.Children.map(children, (child: any, i) => {\n      const childIsSelected = selectedState[i];\n\n      return React.cloneElement(child, {\n        role: \"option\",\n        selected: childIsSelected,\n        onClick: (evt) =>\n          onChildChangeInterceptor(i, child?.props?.onClick, evt),\n        disabled: disabled || child?.props?.disabled,\n      });\n    });\n  }, [children, disabled, onChildChangeInterceptor, selectedState]);\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const errorMessageId = canShowError\n    ? setId(elementId, \"error\")\n    : ariaErrorMessage;\n\n  const listId = (label && setId(elementId, \"listbox\")) || \"\";\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, selectionListClasses.root, classes?.root)}\n    >\n      {label && (\n        <StyledLabel\n          id={setId(elementId, \"label\")}\n          label={label}\n          className={clsx(selectionListClasses.label, classes?.label)}\n        />\n      )}\n      {description && (\n        <StyledInfoMessage\n          id={setId(elementId, \"description\")}\n          className={clsx(\n            selectionListClasses.description,\n            classes?.description\n          )}\n        >\n          {description}\n        </StyledInfoMessage>\n      )}\n\n      <StyledListContainer\n        id={listId}\n        interactive\n        condensed\n        role=\"listbox\"\n        aria-multiselectable={multiple || undefined}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        aria-invalid={validationState === \"invalid\" ? true : undefined}\n        aria-errormessage={\n          validationState === \"invalid\" ? errorMessageId : undefined\n        }\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        className={clsx(\n          classes?.listbox,\n          selectionListClasses.listbox,\n          orientation === \"vertical\" &&\n            clsx(selectionListClasses.vertical, classes?.vertical),\n          orientation === \"horizontal\" &&\n            clsx(selectionListClasses.horizontal, classes?.horizontal),\n          validationState === \"invalid\" &&\n            clsx(selectionListClasses.invalid, classes?.invalid)\n        )}\n        ref={listContainer}\n        $orientation={orientation}\n        $validationState={validationState}\n        {...others}\n      >\n        {modifiedChildren}\n      </StyledListContainer>\n\n      {canShowError && (\n        <StyledError\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(selectionListClasses.error, classes?.error)}\n        >\n          {validationMessage}\n        </StyledError>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["getValueFromSelectedChildren","children","multiple","selectedValues","React","Children","toArray","map","child","childIsControlled","props","selected","undefined","childIsSelected","defaultSelected","value","filter","v","HvSelectionList","id","classes","className","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","orientation","singleSelectionToggle","others","elementId","useUniqueId","setValue","useControlled","validationState","setValidationState","validationMessage","allValues","selectedState","useMemo","childValues","childSelectedState","forEach","i","childValue","indexOf","selectionAnchor","useRef","listContainer","ArrowUp","ArrowDown","keyboardCodes","useEffect","handleMeta","event","tempArray","isKeypress","shiftKey","current","contains","target","isSelected","push","addEventListener","removeEventListener","onChildChangeInterceptor","useCallback","index","childOnClick","evt","newValue","multiSelectionEventHandler","length","modifiedChildren","cloneElement","role","onClick","canShowError","errorMessageId","setId","listId","StyledFormElement","clsx","selectionListClasses","root","_jsx","StyledLabel","StyledInfoMessage","StyledListContainer","interactive","condensed","join","trim","listbox","vertical","horizontal","invalid","ref","$orientation","$validationState","StyledError","disableBorder","error"],"mappings":"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"}
+{"version":3,"file":"SelectionList.cjs","sources":["../../../../src/components/SelectionList/SelectionList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledListContainer,\n  StyledFormElement,\n  StyledLabel,\n  StyledInfoMessage,\n  StyledError,\n} from \"./SelectionList.styles\";\nimport {\n  isKeypress,\n  keyboardCodes,\n  setId,\n  multiSelectionEventHandler,\n} from \"../../utils\";\nimport { useControlled, useUniqueId } from \"../../hooks\";\nimport { HvFormStatus } from \"../Forms/FormElement\";\nimport selectionListClasses, {\n  HvSelectionListClasses,\n} from \"./selectionListClasses\";\n\nexport type HvSelectionListProps = HvBaseProps<\n  HTMLUListElement,\n  { onChange }\n> & {\n  /** The form element name. */\n  name?: string;\n  /**\n   * The value of the form element. It must be represented in the child list items.\n   *\n   * Can either be a single value (when multiple = false) or an\n   * array of values (when multiple = true).\n   *\n   * When defined the selection list state becomes controlled.\n   */\n  value?: any | any[];\n  /** When uncontrolled, defines the initial value. */\n  defaultValue?: any | any[];\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Indicates that the form element is disabled. If `true` the state is propagated to the children list items. */\n  disabled?: boolean;\n  /** Indicates that the form element is not editable. */\n  readOnly?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage?: string;\n  /** Indicates that the user may select more than one item from the current selectable list items. */\n  multiple?: boolean;\n  /** If `true`, selection can be toggled when single selection. */\n  singleSelectionToggle?: boolean;\n  /** Indicates whether the list orientation is horizontal or vertical. Defaults to vertical. */\n  orientation?: \"vertical\" | \"horizontal\";\n  /** The callback fired when the value changes. */\n  onChange?: (event: React.MouseEvent, value: any) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSelectionListClasses;\n};\n\nconst getValueFromSelectedChildren = (children, multiple) => {\n  const selectedValues = React.Children.toArray(children)\n    .map((child: any) => {\n      const childIsControlled = child?.props?.selected !== undefined;\n      const childIsSelected =\n        child && childIsControlled\n          ? child.props?.selected\n          : child.props?.defaultSelected;\n\n      return childIsSelected ? child?.props.value : undefined;\n    })\n    .filter((v) => v !== undefined);\n\n  return multiple ? selectedValues : selectedValues?.[0];\n};\n\n/**\n * Allows the user to select one or more items from a list of choices.\n *\n * Although it supports multi-selection, DS recommends the use of a selection list\n * when it’s clear that the user can only select just one option from the range provided.\n */\nexport const HvSelectionList = ({\n  id,\n  classes,\n  className,\n  children,\n  name,\n  value: valueProp,\n  defaultValue,\n  required = false,\n  readOnly = false,\n  disabled = false,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n  onChange,\n  status,\n  statusMessage,\n  \"aria-errormessage\": ariaErrorMessage,\n  orientation = \"vertical\",\n  multiple = false,\n  singleSelectionToggle = false,\n  ...others\n}: HvSelectionListProps) => {\n  const elementId = useUniqueId(id, \"hvselectionlist\");\n\n  const [value, setValue] = useControlled(\n    valueProp,\n    defaultValue !== undefined\n      ? defaultValue\n      : // when uncontrolled and no default value is given,\n        // extract the initial selected values from the children own state\n        () => getValueFromSelectedChildren(children, multiple)\n  );\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [allValues, selectedState] = useMemo(() => {\n    const childValues: any[] = [];\n    const childSelectedState: boolean[] = [];\n\n    React.Children.toArray(children).forEach((child: any, i: number) => {\n      const childValue = child?.props?.value;\n      const childIsSelected = multiple\n        ? value.indexOf(childValue) !== -1\n        : value === childValue;\n\n      childValues[i] = childValue;\n      childSelectedState[i] = childIsSelected;\n    });\n\n    return [childValues, childSelectedState];\n  }, [children, multiple, value]);\n\n  const selectionAnchor = useRef(undefined);\n\n  const listContainer = useRef<any>(null);\n\n  const { ArrowUp, ArrowDown } = keyboardCodes;\n\n  useEffect(() => {\n    const handleMeta = (event) => {\n      const tempArray: any[] = [];\n      if (\n        (isKeypress(event, ArrowUp) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target)) ||\n        (isKeypress(event, ArrowDown) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target))\n      ) {\n        selectedState.forEach((isSelected, i) => {\n          if (i === event.target.value - 1) {\n            if (!isSelected) {\n              tempArray.push(allValues[i]);\n            }\n          } else if (isSelected) {\n            tempArray.push(allValues[i]);\n          }\n        });\n        setValue(tempArray);\n      }\n    };\n    window.addEventListener(\"keyup\", handleMeta);\n\n    return () => {\n      window.removeEventListener(\"keyup\", handleMeta);\n    };\n  }, [allValues, selectedState, setValue, ArrowUp, ArrowDown]);\n\n  const onChildChangeInterceptor = useCallback(\n    (\n      index: number,\n      childOnClick: (e: React.MouseEvent) => void,\n      evt: React.MouseEvent\n    ) => {\n      childOnClick?.(evt);\n\n      if (!readOnly && !disabled) {\n        let newValue: any;\n        if (multiple) {\n          newValue = multiSelectionEventHandler(\n            evt,\n            index,\n            selectionAnchor,\n            allValues,\n            selectedState,\n            undefined\n          );\n        } else {\n          newValue =\n            singleSelectionToggle && selectedState[index]\n              ? null\n              : allValues[index];\n        }\n\n        onChange?.(evt, newValue);\n\n        setValue(() => {\n          // This will only run if uncontrolled\n\n          if (required && newValue.length === 0) {\n            setValidationState(\"invalid\");\n          } else {\n            setValidationState(\"valid\");\n          }\n\n          return newValue;\n        });\n      }\n    },\n    [\n      allValues,\n      disabled,\n      multiple,\n      onChange,\n      readOnly,\n      required,\n      selectedState,\n      setValidationState,\n      setValue,\n      singleSelectionToggle,\n      selectionAnchor,\n    ]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return React.Children.map(children, (child: any, i: number) => {\n      const childIsSelected = selectedState[i];\n\n      return React.cloneElement(child, {\n        role: \"option\",\n        selected: childIsSelected,\n        onClick: (evt) =>\n          onChildChangeInterceptor(i, child?.props?.onClick, evt),\n        disabled: disabled || child?.props?.disabled,\n      });\n    });\n  }, [children, disabled, onChildChangeInterceptor, selectedState]);\n\n  // The error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const errorMessageId = canShowError\n    ? setId(elementId, \"error\")\n    : ariaErrorMessage;\n\n  const listId = (label && setId(elementId, \"listbox\")) || \"\";\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, selectionListClasses.root, classes?.root)}\n    >\n      {label && (\n        <StyledLabel\n          id={setId(elementId, \"label\")}\n          label={label}\n          className={clsx(selectionListClasses.label, classes?.label)}\n        />\n      )}\n      {description && (\n        <StyledInfoMessage\n          id={setId(elementId, \"description\")}\n          className={clsx(\n            selectionListClasses.description,\n            classes?.description\n          )}\n        >\n          {description}\n        </StyledInfoMessage>\n      )}\n\n      <StyledListContainer\n        id={listId}\n        interactive\n        condensed\n        role=\"listbox\"\n        aria-multiselectable={multiple || undefined}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        aria-invalid={validationState === \"invalid\" ? true : undefined}\n        aria-errormessage={\n          validationState === \"invalid\" ? errorMessageId : undefined\n        }\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        className={clsx(\n          classes?.listbox,\n          selectionListClasses.listbox,\n          orientation === \"vertical\" &&\n            clsx(selectionListClasses.vertical, classes?.vertical),\n          orientation === \"horizontal\" &&\n            clsx(selectionListClasses.horizontal, classes?.horizontal),\n          validationState === \"invalid\" &&\n            clsx(selectionListClasses.invalid, classes?.invalid)\n        )}\n        ref={listContainer}\n        $orientation={orientation}\n        $validationState={validationState}\n        {...others}\n      >\n        {modifiedChildren}\n      </StyledListContainer>\n\n      {canShowError && (\n        <StyledError\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(selectionListClasses.error, classes?.error)}\n        >\n          {validationMessage}\n        </StyledError>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["getValueFromSelectedChildren","children","multiple","selectedValues","React","Children","toArray","map","child","childIsControlled","props","selected","undefined","childIsSelected","defaultSelected","value","filter","v","HvSelectionList","id","classes","className","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","orientation","singleSelectionToggle","others","elementId","useUniqueId","setValue","useControlled","validationState","setValidationState","validationMessage","allValues","selectedState","useMemo","childValues","childSelectedState","forEach","i","childValue","indexOf","selectionAnchor","useRef","listContainer","ArrowUp","ArrowDown","keyboardCodes","useEffect","handleMeta","event","tempArray","isKeypress","shiftKey","current","contains","target","isSelected","push","addEventListener","removeEventListener","onChildChangeInterceptor","useCallback","index","childOnClick","evt","newValue","multiSelectionEventHandler","length","modifiedChildren","cloneElement","role","onClick","canShowError","errorMessageId","setId","listId","StyledFormElement","clsx","selectionListClasses","root","_jsx","StyledLabel","StyledInfoMessage","StyledListContainer","interactive","condensed","join","trim","listbox","vertical","horizontal","invalid","ref","$orientation","$validationState","StyledError","disableBorder","error"],"mappings":"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"}

package/dist/cjs/components/SelectionList/SelectionList.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const transientOptions = require("../../utils/transientOptions.cjs");
@@ -101,12 +101,14 @@ const StyledListContainer = /* @__PURE__ */ _styled__default.default(ListContain
   paddingBottom: uikitStyles.theme.space.xs,
   ...$orientation === "vertical" && {
     flexDirection: "column",
+    // Prevent the focus ring to be hidden by sibling hover background
     "&>*": {
       zIndex: 0
     },
     "&>*:focus-within": {
       zIndex: 1
     },
+    // IE fallback code (using focus-within-polyfill)
     "&>*.focus-within": {
       zIndex: 1
     }

package/dist/cjs/components/SelectionList/SelectionList.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionList.styles.cjs","sources":["../../../../src/components/SelectionList/SelectionList.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n  HvListContainer,\n  HvFormElement,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n} from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledFormElement = styled(HvFormElement)({\n  display: \"inline-block\",\n  padding: 0,\n  margin: 0,\n});\n\nexport const StyledLabel = styled((props) => <HvLabel {...props} />)({\n  marginBottom: theme.space.xs,\n  float: \"left\",\n});\n\nexport const StyledInfoMessage = styled((props) => (\n  <HvInfoMessage {...props} />\n))({\n  float: \"left\",\n});\n\nexport const StyledError = styled((props) => <HvWarningText {...props} />)({\n  width: \"100%\",\n  float: \"left\",\n  clear: \"both\",\n});\n\nexport const StyledListContainer = styled(\n  HvListContainer,\n  transientOptions\n)(\n  ({\n    $orientation,\n    $validationState,\n  }: {\n    $orientation: string;\n    $validationState: string;\n  }) => ({\n    display: \"flex\",\n    float: \"left\",\n    clear: \"both\",\n    width: \"100%\",\n    paddingBottom: theme.space.xs,\n    ...($orientation === \"vertical\" && {\n      flexDirection: \"column\",\n\n      // Prevent the focus ring to be hidden by sibling hover background\n      \"&>*\": {\n        zIndex: 0,\n      },\n      \"&>*:focus-within\": {\n        zIndex: 1,\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&>*.focus-within\": {\n        zIndex: 1,\n      },\n    }),\n    ...($orientation === \"horizontal\" && {\n      flexDirection: \"row\",\n      flexWrap: \"wrap\",\n      marginLeft: -theme.space.sm,\n      \"&>*\": {\n        marginLeft: theme.space.sm,\n      },\n    }),\n    ...($validationState === \"invalid\" && {\n      borderBottom: `1px solid ${theme.colors.sema4}`,\n    }),\n  })\n);\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","_styled","props","_jsx","HvLabel","marginBottom","theme","space","xs","float","StyledInfoMessage","HvInfoMessage","StyledError","HvWarningText","StyledListContainer","HvListContainer","_extends","transientOptions","$orientation","$validationState","display","clear","width","paddingBottom","flexDirection","zIndex","flexWrap","marginLeft","sm","borderBottom","colors","sema4"],"mappings":"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"}
+{"version":3,"file":"SelectionList.styles.cjs","sources":["../../../../src/components/SelectionList/SelectionList.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n  HvListContainer,\n  HvFormElement,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n} from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledFormElement = styled(HvFormElement)({\n  display: \"inline-block\",\n  padding: 0,\n  margin: 0,\n});\n\nexport const StyledLabel = styled((props) => <HvLabel {...props} />)({\n  marginBottom: theme.space.xs,\n  float: \"left\",\n});\n\nexport const StyledInfoMessage = styled((props) => (\n  <HvInfoMessage {...props} />\n))({\n  float: \"left\",\n});\n\nexport const StyledError = styled((props) => <HvWarningText {...props} />)({\n  width: \"100%\",\n  float: \"left\",\n  clear: \"both\",\n});\n\nexport const StyledListContainer = styled(\n  HvListContainer,\n  transientOptions\n)(\n  ({\n    $orientation,\n    $validationState,\n  }: {\n    $orientation: string;\n    $validationState: string;\n  }) => ({\n    display: \"flex\",\n    float: \"left\",\n    clear: \"both\",\n    width: \"100%\",\n    paddingBottom: theme.space.xs,\n    ...($orientation === \"vertical\" && {\n      flexDirection: \"column\",\n\n      // Prevent the focus ring to be hidden by sibling hover background\n      \"&>*\": {\n        zIndex: 0,\n      },\n      \"&>*:focus-within\": {\n        zIndex: 1,\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&>*.focus-within\": {\n        zIndex: 1,\n      },\n    }),\n    ...($orientation === \"horizontal\" && {\n      flexDirection: \"row\",\n      flexWrap: \"wrap\",\n      marginLeft: -theme.space.sm,\n      \"&>*\": {\n        marginLeft: theme.space.sm,\n      },\n    }),\n    ...($validationState === \"invalid\" && {\n      borderBottom: `1px solid ${theme.colors.sema4}`,\n    }),\n  })\n);\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","_styled","props","_jsx","HvLabel","marginBottom","theme","space","xs","float","StyledInfoMessage","HvInfoMessage","StyledError","HvWarningText","StyledListContainer","HvListContainer","_extends","transientOptions","$orientation","$validationState","display","clear","width","paddingBottom","flexDirection","zIndex","flexWrap","marginLeft","sm","borderBottom","colors","sema4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAMA,oBAA2BC,iCAAAA,QAAAA,YAAAA,eAAaC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIpD;AAEK,MAAMC,cAAcC,iCAAAA,QAAQC,CAAUC,UAAAA,2BAAAA,IAACC,MAAAA,SAAO;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIZ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACnEW,cAAcC,YAAAA,MAAMC,MAAMC;AAAAA,EAC1BC,OAAO;AACT,GAACnB,QAAAC,IAAAC,aAAC,eAAA,KAAA,66FAAA;AAEK,MAAMkB,oBAAoBT,iCAAAA,QAAQC,CACvCC,UAAAA,2BAAAA,IAACQ,YAAAA,eAAa;AAAA,EAAA,GAAKT;AAAK,CAAA,GACzBZ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEA;AAEK,MAAMa,cAAcX,iCAAAA,QAAQC,CAAUC,UAAAA,2BAAAA,IAACU,YAAAA,eAAa;AAAA,EAAA,GAAKX;AAAK,CAAA,GAAIZ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIxE;AAEWe,MAAAA,+DACXC,cAAAA,iBAAezB,QAAAC,IAAAC,4BAAAwB,SAAA,IAAA;AAAA,EAAAvB,QAAA;AAAA,GACfwB,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAvB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBuB,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTX,OAAO;AAAA,EACPY,OAAO;AAAA,EACPC,OAAO;AAAA,EACPC,eAAejB,YAAAA,MAAMC,MAAMC;AAAAA,EAC3B,GAAIU,iBAAiB,cAAc;AAAA,IACjCM,eAAe;AAAA;AAAA,IAGf,OAAO;AAAA,MACLC,QAAQ;AAAA,IACV;AAAA,IACA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA;AAAA,IAEA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,GAAIP,iBAAiB,gBAAgB;AAAA,IACnCM,eAAe;AAAA,IACfE,UAAU;AAAA,IACVC,YAAY,CAACrB,kBAAMC,MAAMqB;AAAAA,IACzB,OAAO;AAAA,MACLD,YAAYrB,YAAAA,MAAMC,MAAMqB;AAAAA,IAC1B;AAAA,EACF;AAAA,EACA,GAAIT,qBAAqB,aAAa;AAAA,IACpCU,cAAe,aAAYvB,YAAAA,MAAMwB,OAAOC;AAAAA,EAC1C;AACF,IAAEzC,QAAAC,IAAAC,aACH,eAAA,KAAA,66FAAA;;;;;;"}

package/dist/cjs/components/SimpleGrid/SimpleGrid.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const SimpleGrid_styles = require("./SimpleGrid.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const HvSimpleGrid = ({

package/dist/cjs/components/SimpleGrid/SimpleGrid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleGrid.cjs","sources":["../../../../src/components/SimpleGrid/SimpleGrid.tsx"],"sourcesContent":["import { HvBaseProps } from \"index\";\nimport { StyledContainer } from \"./SimpleGrid.styles\";\n\nexport const HvSimpleGrid = ({\n  children,\n  breakpoints,\n  spacing = \"sm\",\n  cols,\n  ...others\n}: HvSimpleGridProps) => {\n  return (\n    <StyledContainer\n      spacing={spacing}\n      cols={cols}\n      breakpoints={breakpoints}\n      {...others}\n    >\n      {children}\n    </StyledContainer>\n  );\n};\n\nexport type Spacing = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport type Breakpoint = {\n  cols?: number;\n  maxWidth?: number;\n  minWidth?: number;\n  spacing?: Spacing;\n};\n\nexport type HvSimpleGridProps = HvBaseProps & {\n  /**\n   * -\n   */\n  children: JSX.Element | JSX.Element[];\n  /**\n   * Spacing with pre-defined values according the values defined in the theme\n   */\n  spacing?: Spacing;\n  /**\n   * Provide an array to define responsive behavior:\n   *\n   *    maxWidth or minWidth: max-width or min-width at which media query will work\n   *\n   *    cols: number of columns per row at given max-width\n   *\n   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead\n   */\n  breakpoints?: Breakpoint[];\n  /**\n   * Number of how many columns the content will be displayed\n   */\n  cols?: number;\n};\n"],"names":["HvSimpleGrid","children","breakpoints","spacing","cols","others","StyledContainer"],"mappings":";;;;AAGO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,KACGC;AACc,MAAM;AACvB,wCACGC,kBAAAA,iBAAe;AAAA,IACdH;AAAAA,IACAC;AAAAA,IACAF;AAAAA,IAAyB,GACrBG;AAAAA,IAAMJ;AAAAA,EAAAA,CAGM;AAEtB;;"}
+{"version":3,"file":"SimpleGrid.cjs","sources":["../../../../src/components/SimpleGrid/SimpleGrid.tsx"],"sourcesContent":["import { HvBaseProps } from \"../../types\";\nimport { StyledContainer } from \"./SimpleGrid.styles\";\n\nexport type Spacing = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport type Breakpoint = {\n  cols?: number;\n  maxWidth?: number;\n  minWidth?: number;\n  spacing?: Spacing;\n};\n\nexport type HvSimpleGridProps = HvBaseProps & {\n  /**\n   * Spacing with pre-defined values according the values defined in the theme\n   */\n  spacing?: Spacing;\n  /**\n   * Provide an array to define responsive behavior:\n   *\n   *    maxWidth or minWidth: max-width or min-width at which media query will work\n   *\n   *    cols: number of columns per row at given max-width\n   *\n   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead\n   */\n  breakpoints?: Breakpoint[];\n  /**\n   * Number of how many columns the content will be displayed\n   */\n  cols?: number;\n};\n\nexport const HvSimpleGrid = ({\n  children,\n  breakpoints,\n  spacing = \"sm\",\n  cols,\n  ...others\n}: HvSimpleGridProps) => {\n  return (\n    <StyledContainer\n      spacing={spacing}\n      cols={cols}\n      breakpoints={breakpoints}\n      {...others}\n    >\n      {children}\n    </StyledContainer>\n  );\n};\n"],"names":["HvSimpleGrid","children","breakpoints","spacing","cols","others","StyledContainer"],"mappings":";;;;AAiCO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACA,GAAGC;AACc,MAAM;AACvB,wCACGC,kBAAAA,iBAAe;AAAA,IACdH;AAAAA,IACAC;AAAAA,IACAF;AAAAA,IAAyB,GACrBG;AAAAA,IAAMJ;AAAAA,EAAAA,CAGM;AAEtB;;"}

package/dist/cjs/components/SimpleGrid/SimpleGrid.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -50,6 +50,6 @@ const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.
     };
     return acc;
   }, {})
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2ltcGxlR3JpZC9TaW1wbGVHcmlkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkIrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1NpbXBsZUdyaWQvU2ltcGxlR3JpZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBTcGFjaW5nIH0gZnJvbSBcIi4vU2ltcGxlR3JpZFwiO1xuXG5mdW5jdGlvbiBzaXplKHByb3BzKSB7XG4gIGlmICh0eXBlb2YgcHJvcHMuc2l6ZSA9PT0gXCJudW1iZXJcIikge1xuICAgIHJldHVybiBwcm9wcy5zaXplO1xuICB9XG5cbiAgcmV0dXJuIHByb3BzLnNpemVzW3Byb3BzLnNpemVdIHx8IHByb3BzLnNpemUgfHwgcHJvcHMuc2l6ZXMubWQ7XG59XG5cbmZ1bmN0aW9uIGdldFNvcnRlZEJyZWFrcG9pbnRzKGJyZWFrcG9pbnRzKSB7XG4gIGlmIChicmVha3BvaW50cy5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gYnJlYWtwb2ludHM7XG4gIH1cblxuICBjb25zdCBwcm9wZXJ0eSA9IFwibWF4V2lkdGhcIiBpbiBicmVha3BvaW50c1swXSA/IFwibWF4V2lkdGhcIiA6IFwibWluV2lkdGhcIjtcbiAgY29uc3Qgc29ydGVkID0gWy4uLmJyZWFrcG9pbnRzXS5zb3J0KFxuICAgIChhLCBiKSA9PlxuICAgICAgc2l6ZSh7IHNpemU6IGJbcHJvcGVydHldLCBzaXplczogdGhlbWUuYnJlYWtwb2ludHMgfSkgLVxuICAgICAgc2l6ZSh7IHNpemU6IGFbcHJvcGVydHldLCBzaXplczogdGhlbWUuYnJlYWtwb2ludHMgfSlcbiAgKTtcblxuICByZXR1cm4gcHJvcGVydHkgPT09IFwibWluV2lkdGhcIiA/IHNvcnRlZC5yZXZlcnNlKCkgOiBzb3J0ZWQ7XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoXG4gICh7XG4gICAgYnJlYWtwb2ludHMsXG4gICAgc3BhY2luZyxcbiAgICBjb2xzLFxuICB9OiB7XG4gICAgYnJlYWtwb2ludHM/OiBhbnk7XG4gICAgc3BhY2luZzogU3BhY2luZztcbiAgICBjb2xzPzogbnVtYmVyO1xuICB9KSA9PiAoe1xuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgZGlzcGxheTogXCJncmlkXCIsXG4gICAgZ3JpZFRlbXBsYXRlQ29sdW1uczogYHJlcGVhdCgke2NvbHN9LCBtaW5tYXgoMCwgMWZyKSlgLFxuICAgIGdhcDogdGhlbWUuc3BhY2Vbc3BhY2luZ10sXG4gICAgLi4uKGJyZWFrcG9pbnRzICYmXG4gICAgICBnZXRTb3J0ZWRCcmVha3BvaW50cyhicmVha3BvaW50cykucmVkdWNlKChhY2MsIGJyZWFrcG9pbnQpID0+IHtcbiAgICAgICAgY29uc3QgcHJvcGVydHkgPSBcIm1heFdpZHRoXCIgaW4gYnJlYWtwb2ludCA/IFwibWF4LXdpZHRoXCIgOiBcIm1pbi13aWR0aFwiO1xuICAgICAgICBjb25zdCBicmVha3BvaW50U2l6ZSA9IHNpemUoe1xuICAgICAgICAgIHNpemU6XG4gICAgICAgICAgICBwcm9wZXJ0eSA9PT0gXCJtYXgtd2lkdGhcIlxuICAgICAgICAgICAgICA/IGJyZWFrcG9pbnQubWF4V2lkdGhcbiAgICAgICAgICAgICAgOiBicmVha3BvaW50Lm1pbldpZHRoLFxuICAgICAgICAgIHNpemVzOiB0aGVtZS5icmVha3BvaW50cyxcbiAgICAgICAgfSk7XG5cbiAgICAgICAgYWNjW1xuICAgICAgICAgIGBAbWVkaWEgKCR7cHJvcGVydHl9OiAke1xuICAgICAgICAgICAgYnJlYWtwb2ludFNpemUgKyAocHJvcGVydHkgPT09IFwibWF4LXdpZHRoXCIgPyAwIDogMSlcbiAgICAgICAgICB9cHgpYFxuICAgICAgICBdID0ge1xuICAgICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM6IGByZXBlYXQoJHticmVha3BvaW50LmNvbHN9LCBtaW5tYXgoMCwgMWZyKSlgLFxuICAgICAgICAgIGdhcDogdGhlbWUuc3BhY2Vbc3BhY2luZ10sXG4gICAgICAgIH07XG5cbiAgICAgICAgcmV0dXJuIGFjYztcbiAgICAgIH0sIHt9KSksXG4gIH0pXG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2ltcGxlR3JpZC9TaW1wbGVHcmlkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkIrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1NpbXBsZUdyaWQvU2ltcGxlR3JpZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBTcGFjaW5nLCBCcmVha3BvaW50IH0gZnJvbSBcIi4vU2ltcGxlR3JpZFwiO1xuXG5mdW5jdGlvbiBzaXplKHByb3BzKSB7XG4gIGlmICh0eXBlb2YgcHJvcHMuc2l6ZSA9PT0gXCJudW1iZXJcIikge1xuICAgIHJldHVybiBwcm9wcy5zaXplO1xuICB9XG5cbiAgcmV0dXJuIHByb3BzLnNpemVzW3Byb3BzLnNpemVdIHx8IHByb3BzLnNpemUgfHwgcHJvcHMuc2l6ZXMubWQ7XG59XG5cbmZ1bmN0aW9uIGdldFNvcnRlZEJyZWFrcG9pbnRzKGJyZWFrcG9pbnRzKSB7XG4gIGlmIChicmVha3BvaW50cy5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gYnJlYWtwb2ludHM7XG4gIH1cblxuICBjb25zdCBwcm9wZXJ0eSA9IFwibWF4V2lkdGhcIiBpbiBicmVha3BvaW50c1swXSA/IFwibWF4V2lkdGhcIiA6IFwibWluV2lkdGhcIjtcbiAgY29uc3Qgc29ydGVkID0gWy4uLmJyZWFrcG9pbnRzXS5zb3J0KFxuICAgIChhLCBiKSA9PlxuICAgICAgc2l6ZSh7IHNpemU6IGJbcHJvcGVydHldLCBzaXplczogdGhlbWUuYnJlYWtwb2ludHMgfSkgLVxuICAgICAgc2l6ZSh7IHNpemU6IGFbcHJvcGVydHldLCBzaXplczogdGhlbWUuYnJlYWtwb2ludHMgfSlcbiAgKTtcblxuICByZXR1cm4gcHJvcGVydHkgPT09IFwibWluV2lkdGhcIiA/IHNvcnRlZC5yZXZlcnNlKCkgOiBzb3J0ZWQ7XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoXG4gICh7XG4gICAgYnJlYWtwb2ludHMsXG4gICAgc3BhY2luZyxcbiAgICBjb2xzLFxuICB9OiB7XG4gICAgYnJlYWtwb2ludHM/OiBCcmVha3BvaW50W107XG4gICAgc3BhY2luZzogU3BhY2luZztcbiAgICBjb2xzPzogbnVtYmVyO1xuICB9KSA9PiAoe1xuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgZGlzcGxheTogXCJncmlkXCIsXG4gICAgZ3JpZFRlbXBsYXRlQ29sdW1uczogYHJlcGVhdCgke2NvbHN9LCBtaW5tYXgoMCwgMWZyKSlgLFxuICAgIGdhcDogdGhlbWUuc3BhY2Vbc3BhY2luZ10sXG4gICAgLi4uKGJyZWFrcG9pbnRzICYmXG4gICAgICBnZXRTb3J0ZWRCcmVha3BvaW50cyhicmVha3BvaW50cykucmVkdWNlKChhY2MsIGJyZWFrcG9pbnQpID0+IHtcbiAgICAgICAgY29uc3QgcHJvcGVydHkgPSBcIm1heFdpZHRoXCIgaW4gYnJlYWtwb2ludCA/IFwibWF4LXdpZHRoXCIgOiBcIm1pbi13aWR0aFwiO1xuICAgICAgICBjb25zdCBicmVha3BvaW50U2l6ZSA9IHNpemUoe1xuICAgICAgICAgIHNpemU6XG4gICAgICAgICAgICBwcm9wZXJ0eSA9PT0gXCJtYXgtd2lkdGhcIlxuICAgICAgICAgICAgICA/IGJyZWFrcG9pbnQubWF4V2lkdGhcbiAgICAgICAgICAgICAgOiBicmVha3BvaW50Lm1pbldpZHRoLFxuICAgICAgICAgIHNpemVzOiB0aGVtZS5icmVha3BvaW50cyxcbiAgICAgICAgfSk7XG5cbiAgICAgICAgYWNjW1xuICAgICAgICAgIGBAbWVkaWEgKCR7cHJvcGVydHl9OiAke1xuICAgICAgICAgICAgYnJlYWtwb2ludFNpemUgKyAocHJvcGVydHkgPT09IFwibWF4LXdpZHRoXCIgPyAwIDogMSlcbiAgICAgICAgICB9cHgpYFxuICAgICAgICBdID0ge1xuICAgICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM6IGByZXBlYXQoJHticmVha3BvaW50LmNvbHN9LCBtaW5tYXgoMCwgMWZyKSlgLFxuICAgICAgICAgIGdhcDogdGhlbWUuc3BhY2Vbc3BhY2luZ10sXG4gICAgICAgIH07XG5cbiAgICAgICAgcmV0dXJuIGFjYztcbiAgICAgIH0sIHt9KSksXG4gIH0pXG4pO1xuIl19 */");
 exports.StyledContainer = StyledContainer;
 //# sourceMappingURL=SimpleGrid.styles.cjs.map

package/dist/cjs/components/SimpleGrid/SimpleGrid.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleGrid.styles.cjs","sources":["../../../../src/components/SimpleGrid/SimpleGrid.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Spacing } from \"./SimpleGrid\";\n\nfunction size(props) {\n  if (typeof props.size === \"number\") {\n    return props.size;\n  }\n\n  return props.sizes[props.size] || props.size || props.sizes.md;\n}\n\nfunction getSortedBreakpoints(breakpoints) {\n  if (breakpoints.length === 0) {\n    return breakpoints;\n  }\n\n  const property = \"maxWidth\" in breakpoints[0] ? \"maxWidth\" : \"minWidth\";\n  const sorted = [...breakpoints].sort(\n    (a, b) =>\n      size({ size: b[property], sizes: theme.breakpoints }) -\n      size({ size: a[property], sizes: theme.breakpoints })\n  );\n\n  return property === \"minWidth\" ? sorted.reverse() : sorted;\n}\n\nexport const StyledContainer = styled(\"div\")(\n  ({\n    breakpoints,\n    spacing,\n    cols,\n  }: {\n    breakpoints?: any;\n    spacing: Spacing;\n    cols?: number;\n  }) => ({\n    boxSizing: \"border-box\",\n    display: \"grid\",\n    gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\n    gap: theme.space[spacing],\n    ...(breakpoints &&\n      getSortedBreakpoints(breakpoints).reduce((acc, breakpoint) => {\n        const property = \"maxWidth\" in breakpoint ? \"max-width\" : \"min-width\";\n        const breakpointSize = size({\n          size:\n            property === \"max-width\"\n              ? breakpoint.maxWidth\n              : breakpoint.minWidth,\n          sizes: theme.breakpoints,\n        });\n\n        acc[\n          `@media (${property}: ${\n            breakpointSize + (property === \"max-width\" ? 0 : 1)\n          }px)`\n        ] = {\n          gridTemplateColumns: `repeat(${breakpoint.cols}, minmax(0, 1fr))`,\n          gap: theme.space[spacing],\n        };\n\n        return acc;\n      }, {})),\n  })\n);\n"],"names":["size","props","sizes","md","getSortedBreakpoints","breakpoints","length","property","sorted","sort","a","b","theme","reverse","StyledContainer","_styled","process","env","NODE_ENV","target","label","spacing","cols","boxSizing","display","gridTemplateColumns","gap","space","reduce","acc","breakpoint","breakpointSize","maxWidth","minWidth"],"mappings":";;;;;;AAIA,SAASA,KAAKC,OAAO;AACf,MAAA,OAAOA,MAAMD,SAAS,UAAU;AAClC,WAAOC,MAAMD;AAAAA,EACf;AAEA,SAAOC,MAAMC,MAAMD,MAAMD,SAASC,MAAMD,QAAQC,MAAMC,MAAMC;AAC9D;AAEA,SAASC,qBAAqBC,aAAa;AACrCA,MAAAA,YAAYC,WAAW,GAAG;AACrBD,WAAAA;AAAAA,EACT;AAEA,QAAME,WAAW,cAAcF,YAAY,KAAK,aAAa;AACvDG,QAAAA,SAAS,CAAC,GAAGH,WAAW,EAAEI,KAC9B,CAACC,GAAGC,MACFX,KAAK;AAAA,IAAEA,MAAMW,EAAEJ;AAAAA,IAAWL,OAAOU,YAAMP,MAAAA;AAAAA,EAAa,CAAA,IACpDL,KAAK;AAAA,IAAEA,MAAMU,EAAEH;AAAAA,IAAWL,OAAOU,YAAMP,MAAAA;AAAAA,EAAa,CAAA,CAAC;AAGzD,SAAOE,aAAa,aAAaC,OAAOK,QAAAA,IAAYL;AACtD;AAEO,MAAMM,kBAAyBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACzC,CAAC;AAAA,EACCf;AAAAA,EACAgB;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,WAAW;AAAA,EACXC,SAAS;AAAA,EACTC,qBAAsB,UAASH;AAAAA,EAC/BI,KAAKd,YAAAA,MAAMe,MAAMN;AAAAA,EACjB,GAAIhB,eACFD,qBAAqBC,WAAW,EAAEuB,OAAO,CAACC,KAAKC,eAAe;AACtDvB,UAAAA,WAAW,cAAcuB,aAAa,cAAc;AAC1D,UAAMC,iBAAiB/B,KAAK;AAAA,MAC1BA,MACEO,aAAa,cACTuB,WAAWE,WACXF,WAAWG;AAAAA,MACjB/B,OAAOU,YAAMP,MAAAA;AAAAA,IAAAA,CACd;AAEDwB,QACG,WAAUtB,aACTwB,kBAAkBxB,aAAa,cAAc,IAAI,WAEjD;AAAA,MACFkB,qBAAsB,UAASK,WAAWR;AAAAA,MAC1CI,KAAKd,YAAAA,MAAMe,MAAMN;AAAAA,IAAAA;AAGZQ,WAAAA;AAAAA,EACT,GAAG,EAAE;AACT,IAAEb,QAAAC,IAAAC,aACH,eAAA,KAAA,y2FAAA;;"}
+{"version":3,"file":"SimpleGrid.styles.cjs","sources":["../../../../src/components/SimpleGrid/SimpleGrid.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Spacing, Breakpoint } from \"./SimpleGrid\";\n\nfunction size(props) {\n  if (typeof props.size === \"number\") {\n    return props.size;\n  }\n\n  return props.sizes[props.size] || props.size || props.sizes.md;\n}\n\nfunction getSortedBreakpoints(breakpoints) {\n  if (breakpoints.length === 0) {\n    return breakpoints;\n  }\n\n  const property = \"maxWidth\" in breakpoints[0] ? \"maxWidth\" : \"minWidth\";\n  const sorted = [...breakpoints].sort(\n    (a, b) =>\n      size({ size: b[property], sizes: theme.breakpoints }) -\n      size({ size: a[property], sizes: theme.breakpoints })\n  );\n\n  return property === \"minWidth\" ? sorted.reverse() : sorted;\n}\n\nexport const StyledContainer = styled(\"div\")(\n  ({\n    breakpoints,\n    spacing,\n    cols,\n  }: {\n    breakpoints?: Breakpoint[];\n    spacing: Spacing;\n    cols?: number;\n  }) => ({\n    boxSizing: \"border-box\",\n    display: \"grid\",\n    gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\n    gap: theme.space[spacing],\n    ...(breakpoints &&\n      getSortedBreakpoints(breakpoints).reduce((acc, breakpoint) => {\n        const property = \"maxWidth\" in breakpoint ? \"max-width\" : \"min-width\";\n        const breakpointSize = size({\n          size:\n            property === \"max-width\"\n              ? breakpoint.maxWidth\n              : breakpoint.minWidth,\n          sizes: theme.breakpoints,\n        });\n\n        acc[\n          `@media (${property}: ${\n            breakpointSize + (property === \"max-width\" ? 0 : 1)\n          }px)`\n        ] = {\n          gridTemplateColumns: `repeat(${breakpoint.cols}, minmax(0, 1fr))`,\n          gap: theme.space[spacing],\n        };\n\n        return acc;\n      }, {})),\n  })\n);\n"],"names":["size","props","sizes","md","getSortedBreakpoints","breakpoints","length","property","sorted","sort","a","b","theme","reverse","StyledContainer","_styled","process","env","NODE_ENV","target","label","spacing","cols","boxSizing","display","gridTemplateColumns","gap","space","reduce","acc","breakpoint","breakpointSize","maxWidth","minWidth"],"mappings":";;;;;;AAIA,SAASA,KAAKC,OAAO;AACf,MAAA,OAAOA,MAAMD,SAAS,UAAU;AAClC,WAAOC,MAAMD;AAAAA,EACf;AAEOC,SAAAA,MAAMC,MAAMD,MAAMD,IAAI,KAAKC,MAAMD,QAAQC,MAAMC,MAAMC;AAC9D;AAEA,SAASC,qBAAqBC,aAAa;AACrCA,MAAAA,YAAYC,WAAW,GAAG;AACrBD,WAAAA;AAAAA,EACT;AAEA,QAAME,WAAW,cAAcF,YAAY,CAAC,IAAI,aAAa;AACvDG,QAAAA,SAAS,CAAC,GAAGH,WAAW,EAAEI,KAC9B,CAACC,GAAGC,MACFX,KAAK;AAAA,IAAEA,MAAMW,EAAEJ,QAAQ;AAAA,IAAGL,OAAOU,YAAMP,MAAAA;AAAAA,EAAa,CAAA,IACpDL,KAAK;AAAA,IAAEA,MAAMU,EAAEH,QAAQ;AAAA,IAAGL,OAAOU,YAAMP,MAAAA;AAAAA,EAAa,CAAA,CAAC;AAGzD,SAAOE,aAAa,aAAaC,OAAOK,QAAAA,IAAYL;AACtD;AAEO,MAAMM,kBAAyBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACzC,CAAC;AAAA,EACCf;AAAAA,EACAgB;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,WAAW;AAAA,EACXC,SAAS;AAAA,EACTC,qBAAsB,UAASH;AAAAA,EAC/BI,KAAKd,YAAAA,MAAMe,MAAMN,OAAO;AAAA,EACxB,GAAIhB,eACFD,qBAAqBC,WAAW,EAAEuB,OAAO,CAACC,KAAKC,eAAe;AACtDvB,UAAAA,WAAW,cAAcuB,aAAa,cAAc;AAC1D,UAAMC,iBAAiB/B,KAAK;AAAA,MAC1BA,MACEO,aAAa,cACTuB,WAAWE,WACXF,WAAWG;AAAAA,MACjB/B,OAAOU,YAAMP,MAAAA;AAAAA,IAAAA,CACd;AAEDwB,QACG,WAAUtB,aACTwB,kBAAkBxB,aAAa,cAAc,IAAI,OAC9C,IACH;AAAA,MACFkB,qBAAsB,UAASK,WAAWR;AAAAA,MAC1CI,KAAKd,YAAAA,MAAMe,MAAMN,OAAO;AAAA,IAAA;AAGnBQ,WAAAA;AAAAA,EACT,GAAG,EAAE;AACT,IAAEb,QAAAC,IAAAC,aACH,eAAA,KAAA,q4FAAA;;"}

package/dist/cjs/components/Snackbar/Snackbar.cjs

@@ -1,13 +1,16 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Slide = require("@mui/material/Slide");
 const Snackbar_styles = require("./Snackbar.styles.cjs");
+const snackbarClasses = require("./snackbarClasses.cjs");
 const lodash = require("lodash");
+const clsx = require("clsx");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const SnackbarContentWrapper = require("./SnackbarContentWrapper/SnackbarContentWrapper.cjs");
 const setId = require("../../utils/setId.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const Slide__default = /* @__PURE__ */ _interopDefault(Slide);
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const transLeft = (props) => /* @__PURE__ */ jsxRuntime.jsx(Slide__default.default, {
   ...props,
   direction: "left"
@@ -70,7 +73,15 @@ const HvSnackbar = ({
   };
   return /* @__PURE__ */ jsxRuntime.jsx(Snackbar_styles.StyledSnackbar, {
     style: anchorOriginOffset[`anchorOrigin${lodash.capitalize(anchorOrigin.vertical)}`],
-    classes,
+    classes: {
+      root: clsx__default.default(classes == null ? void 0 : classes.root, snackbarClasses.default.root),
+      anchorOriginBottomCenter: clsx__default.default(classes == null ? void 0 : classes.anchorOriginBottomCenter, snackbarClasses.default.anchorOriginBottomCenter),
+      anchorOriginBottomLeft: clsx__default.default(classes == null ? void 0 : classes.anchorOriginBottomLeft, snackbarClasses.default.anchorOriginBottomLeft),
+      anchorOriginBottomRight: clsx__default.default(classes == null ? void 0 : classes.anchorOriginBottomRight, snackbarClasses.default.anchorOriginBottomRight),
+      anchorOriginTopCenter: clsx__default.default(classes == null ? void 0 : classes.anchorOriginTopCenter, snackbarClasses.default.anchorOriginTopCenter),
+      anchorOriginTopLeft: clsx__default.default(classes == null ? void 0 : classes.anchorOriginTopLeft, snackbarClasses.default.anchorOriginTopLeft),
+      anchorOriginTopRight: clsx__default.default(classes == null ? void 0 : classes.anchorOriginTopRight, snackbarClasses.default.anchorOriginTopRight)
+    },
     className,
     id,
     anchorOrigin,

package/dist/cjs/components/Snackbar/Snackbar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.cjs","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarCloseReason,\n  SnackbarOrigin,\n  SnackbarProps as MuiSnackbarProps,\n} from \"@mui/material/Snackbar\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledSnackbar } from \"./Snackbar.styles\";\nimport { HvSnackbarClasses } from \"./snackbarClasses\";\nimport { capitalize } from \"lodash\";\nimport { SyntheticEvent } from \"react\";\nimport HvSnackBarContentWrapper from \"./SnackbarContentWrapper\";\nimport { setId } from \"utils\";\nimport { HvActionGeneric } from \"components\";\n\nexport type HvSnackbarVariant = \"default\" | \"success\" | \"warning\" | \"error\";\n\nexport type HvSnackbarProps = Omit<MuiSnackbarProps, \"action\"> &\n  HvBaseProps & {\n    /** If true, Snackbar is open. */\n    open?: boolean;\n    /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n    onClose?:\n      | ((\n          event: Event | SyntheticEvent<any, Event>,\n          reason: SnackbarCloseReason\n        ) => void)\n      | undefined;\n    /** The message to display. */\n    label?: React.ReactNode;\n    /** The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation */\n    anchorOrigin?: SnackbarOrigin;\n    /** The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar */\n    autoHideDuration?: number;\n    /** Variant of the snackbar. */\n    variant?: HvSnackbarVariant;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Action to display. */\n    action?: React.ReactNode | HvActionGeneric;\n    /** The callback function ran when an action is triggered, receiving `action` as param */\n    actionCallback?: (\n      event: Event,\n      id: string,\n      action: HvActionGeneric\n    ) => void;\n    /** Duration of transition in milliseconds. */\n    transitionDuration?: number;\n    /** Direction of slide transition. */\n    transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n    /** Custom offset from top/bottom of the page, in px. */\n    offset?: number;\n    /** Others applied to the content of the snackbar. */\n    snackbarContentProps?: object;\n    /** A Jss Object used to override or extend the styles applied to the empty state component. */\n    classes?: HvSnackbarClasses;\n  };\n\nconst transLeft = (props) => <Slide {...props} direction=\"left\" />;\nconst transRight = (props) => <Slide {...props} direction=\"right\" />;\nconst transUp = (props) => <Slide {...props} direction=\"up\" />;\nconst transDown = (props) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction) => {\n  switch (direction) {\n    default:\n    case \"left\":\n      return transLeft;\n    case \"right\":\n      return transRight;\n    case \"up\":\n      return transUp;\n    case \"down\":\n      return transDown;\n  }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nexport const HvSnackbar = ({\n  classes,\n  className,\n  id,\n  open = false,\n  onClose,\n  label = \"\",\n  anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n  autoHideDuration = 5000,\n  variant = \"default\",\n  showIcon = false,\n  customIcon = null,\n  action = null,\n  actionCallback,\n  transitionDuration = 300,\n  transitionDirection = \"left\",\n  offset = 60,\n  snackbarContentProps,\n  ...others\n}: HvSnackbarProps) => {\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset}px`,\n    },\n  };\n\n  return (\n    <StyledSnackbar\n      style={\n        anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]\n      }\n      classes={classes}\n      className={className}\n      id={id}\n      anchorOrigin={anchorOrigin}\n      open={open}\n      onClose={onClose}\n      autoHideDuration={autoHideDuration}\n      transitionDuration={transitionDuration}\n      TransitionComponent={snackBarDirComponent(transitionDirection)}\n      {...others}\n    >\n      <HvSnackBarContentWrapper\n        id={setId(id, \"content\")}\n        label={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        action={action}\n        actionCallback={actionCallback}\n        {...snackbarContentProps}\n      />\n    </StyledSnackbar>\n  );\n};\n"],"names":["transLeft","props","_jsx","Slide","direction","transRight","transUp","transDown","snackBarDirComponent","HvSnackbar","classes","className","id","open","onClose","label","anchorOrigin","vertical","horizontal","autoHideDuration","variant","showIcon","customIcon","action","actionCallback","transitionDuration","transitionDirection","offset","snackbarContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","StyledSnackbar","style","capitalize","TransitionComponent","children","HvSnackBarContentWrapper","setId"],"mappings":";;;;;;;;;;AA4DA,MAAMA,YAAaC,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAG;AAClE,MAAMC,aAAcJ,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAO,CAAG;AACpE,MAAME,UAAWL,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAI,CAAG;AAC9D,MAAMG,YAAaN,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAG;AAElE,MAAMI,uBAAwBJ,CAAc,cAAA;AAC1C,UAAQA,WAAS;AAAA,IACf;AAAA,IACA,KAAK;AACIJ,aAAAA;AAAAA,IACT,KAAK;AACIK,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,EAAU;AAEvB;AAUO,MAAME,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC,QAAQ;AAAA,EACRC,eAAe;AAAA,IAAEC,UAAU;AAAA,IAAOC,YAAY;AAAA,EAAQ;AAAA,EACtDC,mBAAmB;AAAA,EACnBC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC;AAAAA,EACAC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,SAAS;AAAA,EACTC;AAAAA,KACGC;AACY,MAAM;AACrB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL;AAAAA,IACV;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP;AAAAA,IACb;AAAA,EAAA;AAGF,wCACGQ,gBAAAA,gBAAc;AAAA,IACbC,OACEN,mBAAoB,eAAcO,OAAAA,WAAWrB,aAAaC,QAAQ;AAAA,IAEpEP;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAH;AAAAA,IACAC;AAAAA,IACAK;AAAAA,IACAM;AAAAA,IACAa,qBAAqB9B,qBAAqBkB,mBAAmB;AAAA,IAAE,GAC3DG;AAAAA,IAAMU,yCAETC,gCAAwB;AAAA,MACvB5B,IAAI6B,MAAAA,MAAM7B,IAAI,SAAS;AAAA,MACvBG;AAAAA,MACAK;AAAAA,MACAE;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MAA+B,GAC3BI;AAAAA,IAAAA,CAAoB;AAAA,EAAA,CAEX;AAErB;;"}
+{"version":3,"file":"Snackbar.cjs","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarCloseReason,\n  SnackbarOrigin,\n  SnackbarProps as MuiSnackbarProps,\n} from \"@mui/material/Snackbar\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledSnackbar } from \"./Snackbar.styles\";\nimport snackbarClasses, { HvSnackbarClasses } from \"./snackbarClasses\";\nimport { capitalize } from \"lodash\";\nimport { SyntheticEvent } from \"react\";\nimport { setId } from \"utils\";\nimport { HvActionGeneric } from \"components\";\nimport {\n  HvSnackbarContentProps,\n  HvSnackbarContent,\n} from \"./SnackbarContentWrapper\";\nimport clsx from \"clsx\";\n\nexport type HvSnackbarVariant = \"default\" | \"success\" | \"warning\" | \"error\";\n\nexport type HvSnackbarProps = Omit<MuiSnackbarProps, \"action\" | \"classes\"> &\n  HvBaseProps & {\n    /** If true, Snackbar is open. */\n    open?: boolean;\n    /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n    onClose?:\n      | ((\n          event: Event | SyntheticEvent<any, Event>,\n          reason: SnackbarCloseReason\n        ) => void)\n      | undefined;\n    /** The message to display. */\n    label?: React.ReactNode;\n    /** The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation */\n    anchorOrigin?: SnackbarOrigin;\n    /** The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar */\n    autoHideDuration?: number;\n    /** Variant of the snackbar. */\n    variant?: HvSnackbarVariant;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Action to display. */\n    action?: React.ReactNode | HvActionGeneric;\n    /** The callback function ran when an action is triggered, receiving `action` as param */\n    actionCallback?: (\n      event: React.SyntheticEvent,\n      id: string,\n      action: HvActionGeneric\n    ) => void;\n    /** Duration of transition in milliseconds. */\n    transitionDuration?: number;\n    /** Direction of slide transition. */\n    transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n    /** Custom offset from top/bottom of the page, in px. */\n    offset?: number;\n    /** Others applied to the content of the snackbar. */\n    snackbarContentProps?: HvSnackbarContentProps;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvSnackbarClasses;\n  };\n\nconst transLeft = (props) => <Slide {...props} direction=\"left\" />;\nconst transRight = (props) => <Slide {...props} direction=\"right\" />;\nconst transUp = (props) => <Slide {...props} direction=\"up\" />;\nconst transDown = (props) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction) => {\n  switch (direction) {\n    default:\n    case \"left\":\n      return transLeft;\n    case \"right\":\n      return transRight;\n    case \"up\":\n      return transUp;\n    case \"down\":\n      return transDown;\n  }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nexport const HvSnackbar = ({\n  classes,\n  className,\n  id,\n  open = false,\n  onClose,\n  label = \"\",\n  anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n  autoHideDuration = 5000,\n  variant = \"default\",\n  showIcon = false,\n  customIcon = null,\n  action = null,\n  actionCallback,\n  transitionDuration = 300,\n  transitionDirection = \"left\",\n  offset = 60,\n  snackbarContentProps,\n  ...others\n}: HvSnackbarProps) => {\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset}px`,\n    },\n  };\n\n  return (\n    <StyledSnackbar\n      style={\n        anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]\n      }\n      classes={{\n        root: clsx(classes?.root, snackbarClasses.root),\n        anchorOriginBottomCenter: clsx(\n          classes?.anchorOriginBottomCenter,\n          snackbarClasses.anchorOriginBottomCenter\n        ),\n        anchorOriginBottomLeft: clsx(\n          classes?.anchorOriginBottomLeft,\n          snackbarClasses.anchorOriginBottomLeft\n        ),\n        anchorOriginBottomRight: clsx(\n          classes?.anchorOriginBottomRight,\n          snackbarClasses.anchorOriginBottomRight\n        ),\n        anchorOriginTopCenter: clsx(\n          classes?.anchorOriginTopCenter,\n          snackbarClasses.anchorOriginTopCenter\n        ),\n        anchorOriginTopLeft: clsx(\n          classes?.anchorOriginTopLeft,\n          snackbarClasses.anchorOriginTopLeft\n        ),\n        anchorOriginTopRight: clsx(\n          classes?.anchorOriginTopRight,\n          snackbarClasses.anchorOriginTopRight\n        ),\n      }}\n      className={className}\n      id={id}\n      anchorOrigin={anchorOrigin}\n      open={open}\n      onClose={onClose}\n      autoHideDuration={autoHideDuration}\n      transitionDuration={transitionDuration}\n      TransitionComponent={snackBarDirComponent(transitionDirection)}\n      {...others}\n    >\n      <HvSnackbarContent\n        id={setId(id, \"content\")}\n        label={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        action={action}\n        actionCallback={actionCallback}\n        {...snackbarContentProps}\n      />\n    </StyledSnackbar>\n  );\n};\n"],"names":["transLeft","props","_jsx","Slide","direction","transRight","transUp","transDown","snackBarDirComponent","HvSnackbar","classes","className","id","open","onClose","label","anchorOrigin","vertical","horizontal","autoHideDuration","variant","showIcon","customIcon","action","actionCallback","transitionDuration","transitionDirection","offset","snackbarContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","StyledSnackbar","style","capitalize","root","clsx","snackbarClasses","anchorOriginBottomCenter","anchorOriginBottomLeft","anchorOriginBottomRight","anchorOriginTopCenter","anchorOriginTopLeft","anchorOriginTopRight","TransitionComponent","children","HvSnackbarContent","setId"],"mappings":";;;;;;;;;;;;;AAgEA,MAAMA,YAAaC,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAG;AAClE,MAAMC,aAAcJ,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAO,CAAG;AACpE,MAAME,UAAWL,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAI,CAAG;AAC9D,MAAMG,YAAaN,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAG;AAElE,MAAMI,uBAAwBJ,CAAc,cAAA;AAC1C,UAAQA,WAAS;AAAA,IACf;AAAA,IACA,KAAK;AACIJ,aAAAA;AAAAA,IACT,KAAK;AACIK,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,EAAU;AAEvB;AAUO,MAAME,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC,QAAQ;AAAA,EACRC,eAAe;AAAA,IAAEC,UAAU;AAAA,IAAOC,YAAY;AAAA,EAAQ;AAAA,EACtDC,mBAAmB;AAAA,EACnBC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC;AAAAA,EACAC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACY,MAAM;AACrB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL;AAAAA,IACV;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP;AAAAA,IACb;AAAA,EAAA;AAGF,wCACGQ,gBAAAA,gBAAc;AAAA,IACbC,OACEN,mBAAoB,eAAcO,OAAWrB,WAAAA,aAAaC,QAAQ,GAAG;AAAA,IAEvEP,SAAS;AAAA,MACP4B,MAAMC,cAAAA,QAAK7B,mCAAS4B,MAAME,gBAAAA,QAAgBF,IAAI;AAAA,MAC9CG,0BAA0BF,cAAAA,QACxB7B,mCAAS+B,0BACTD,gBAAAA,QAAgBC,wBAAwB;AAAA,MAE1CC,wBAAwBH,cAAAA,QACtB7B,mCAASgC,wBACTF,gBAAAA,QAAgBE,sBAAsB;AAAA,MAExCC,yBAAyBJ,cAAAA,QACvB7B,mCAASiC,yBACTH,gBAAAA,QAAgBG,uBAAuB;AAAA,MAEzCC,uBAAuBL,cAAAA,QACrB7B,mCAASkC,uBACTJ,gBAAAA,QAAgBI,qBAAqB;AAAA,MAEvCC,qBAAqBN,cAAAA,QACnB7B,mCAASmC,qBACTL,gBAAAA,QAAgBK,mBAAmB;AAAA,MAErCC,sBAAsBP,cAAAA,QACpB7B,mCAASoC,sBACTN,gBAAAA,QAAgBM,oBAAoB;AAAA,IAExC;AAAA,IACAnC;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAH;AAAAA,IACAC;AAAAA,IACAK;AAAAA,IACAM;AAAAA,IACAsB,qBAAqBvC,qBAAqBkB,mBAAmB;AAAA,IAAE,GAC3DG;AAAAA,IAAMmB,yCAETC,gCAAiB;AAAA,MAChBrC,IAAIsC,MAAAA,MAAMtC,IAAI,SAAS;AAAA,MACvBG;AAAAA,MACAK;AAAAA,MACAE;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MAA+B,GAC3BI;AAAAA,IAAAA,CAAoB;AAAA,EAAA,CAEX;AAErB;;"}

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

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const Snackbar = require("@mui/material/Snackbar");
 const uikitStyles = require("@hitachivantara/uikit-styles");

package/dist/cjs/components/Snackbar/Snackbar.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.styles.cjs","sources":["../../../../src/components/Snackbar/Snackbar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport Snackbar, { snackbarClasses } from \"@mui/material/Snackbar\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledSnackbar = styled(Snackbar)({\n  [`&.${snackbarClasses.anchorOriginTopRight}`]: {\n    top: theme.space.xs,\n    right: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginTopLeft}`]: {\n    top: theme.space.xs,\n    left: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginTopCenter}`]: {\n    top: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomCenter}`]: {\n    bottom: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomLeft}`]: {\n    bottom: theme.space.xs,\n    left: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomRight}`]: {\n    bottom: theme.space.xs,\n    right: theme.space.xs,\n  },\n});\n"],"names":["StyledSnackbar","Snackbar","process","env","NODE_ENV","target","label","snackbarClasses","anchorOriginTopRight","top","theme","space","xs","right","anchorOriginTopLeft","left","anchorOriginTopCenter","anchorOriginBottomCenter","bottom","anchorOriginBottomLeft","anchorOriginBottomRight"],"mappings":";;;;;;;;AAIO,MAAMA,iBAAwBC,iCAAAA,QAAAA,kBAAAA,SAAQC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7C,CAAE,KAAIC,yBAAgBC,yBAAyB;AAAA,IAC7CC,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,IACjBC,OAAOH,YAAAA,MAAMC,MAAMC;AAAAA,EACrB;AAAA,EACA,CAAE,KAAIL,yBAAgBO,wBAAwB;AAAA,IAC5CL,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,IACjBG,MAAML,YAAAA,MAAMC,MAAMC;AAAAA,EACpB;AAAA,EACA,CAAE,KAAIL,yBAAgBS,0BAA0B;AAAA,IAC9CP,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,EACnB;AAAA,EACA,CAAE,KAAIL,yBAAgBU,6BAA6B;AAAA,IACjDC,QAAQR,YAAAA,MAAMC,MAAMC;AAAAA,EACtB;AAAA,EACA,CAAE,KAAIL,yBAAgBY,2BAA2B;AAAA,IAC/CD,QAAQR,YAAAA,MAAMC,MAAMC;AAAAA,IACpBG,MAAML,YAAAA,MAAMC,MAAMC;AAAAA,EACpB;AAAA,EACA,CAAE,KAAIL,yBAAgBa,4BAA4B;AAAA,IAChDF,QAAQR,YAAAA,MAAMC,MAAMC;AAAAA,IACpBC,OAAOH,YAAAA,MAAMC,MAAMC;AAAAA,EACrB;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,6kDAAA;;"}
+{"version":3,"file":"Snackbar.styles.cjs","sources":["../../../../src/components/Snackbar/Snackbar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport Snackbar, { snackbarClasses } from \"@mui/material/Snackbar\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledSnackbar = styled(Snackbar)({\n  [`&.${snackbarClasses.anchorOriginTopRight}`]: {\n    top: theme.space.xs,\n    right: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginTopLeft}`]: {\n    top: theme.space.xs,\n    left: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginTopCenter}`]: {\n    top: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomCenter}`]: {\n    bottom: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomLeft}`]: {\n    bottom: theme.space.xs,\n    left: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomRight}`]: {\n    bottom: theme.space.xs,\n    right: theme.space.xs,\n  },\n});\n"],"names":["StyledSnackbar","Snackbar","process","env","NODE_ENV","target","label","snackbarClasses","anchorOriginTopRight","top","theme","space","xs","right","anchorOriginTopLeft","left","anchorOriginTopCenter","anchorOriginBottomCenter","bottom","anchorOriginBottomLeft","anchorOriginBottomRight"],"mappings":";;;;;;;;AAIO,MAAMA,iBAAwBC,iCAAAA,QAAAA,kBAAAA,SAAQC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7C,CAAE,KAAIC,yBAAgBC,sBAAsB,GAAG;AAAA,IAC7CC,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,IACjBC,OAAOH,YAAAA,MAAMC,MAAMC;AAAAA,EACrB;AAAA,EACA,CAAE,KAAIL,yBAAgBO,qBAAqB,GAAG;AAAA,IAC5CL,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,IACjBG,MAAML,YAAAA,MAAMC,MAAMC;AAAAA,EACpB;AAAA,EACA,CAAE,KAAIL,yBAAgBS,uBAAuB,GAAG;AAAA,IAC9CP,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,EACnB;AAAA,EACA,CAAE,KAAIL,yBAAgBU,0BAA0B,GAAG;AAAA,IACjDC,QAAQR,YAAAA,MAAMC,MAAMC;AAAAA,EACtB;AAAA,EACA,CAAE,KAAIL,yBAAgBY,wBAAwB,GAAG;AAAA,IAC/CD,QAAQR,YAAAA,MAAMC,MAAMC;AAAAA,IACpBG,MAAML,YAAAA,MAAMC,MAAMC;AAAAA,EACpB;AAAA,EACA,CAAE,KAAIL,yBAAgBa,yBAAyB,GAAG;AAAA,IAChDF,QAAQR,YAAAA,MAAMC,MAAMC;AAAAA,IACpBC,OAAOH,YAAAA,MAAMC,MAAMC;AAAAA,EACrB;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,6kDAAA;;"}

package/dist/cjs/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.cjs

@@ -3,14 +3,15 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const clsx = require("clsx");
 const React = require("react");
 const SnackbarContentWrapper_styles = require("./SnackbarContentWrapper.styles.cjs");
+const snackbarContentWrapperClasses = require("./snackbarContentWrapperClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const iconVariant = require("../../../utils/iconVariant.cjs");
-const snackbarContentWrapperClasses = require("./snackbarContentWrapperClasses.cjs");
 const setId = require("../../../utils/setId.cjs");
 const ActionsGeneric = require("../../ActionsGeneric/ActionsGeneric.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
-const HvSnackbarContentWrapper = React.forwardRef(({
+const HvSnackbarContent = React.forwardRef(({
+  className,
   id,
   classes,
   label,
@@ -30,6 +31,7 @@ const HvSnackbarContentWrapper = React.forwardRef(({
       root: clsx__default.default(snackbarContentWrapperClasses.default.root, classes == null ? void 0 : classes.root),
       message: clsx__default.default(snackbarContentWrapperClasses.default.message, classes == null ? void 0 : classes.message)
     },
+    className: clsx__default.default(className, classes == null ? void 0 : classes[variant], snackbarContentWrapperClasses.default[variant]),
     message: /* @__PURE__ */ jsxRuntime.jsxs(SnackbarContentWrapper_styles.StyledMessageSpan, {
       id: setId.setId(id, "message"),
       className: clsx__default.default(snackbarContentWrapperClasses.default.messageSpan, classes == null ? void 0 : classes.messageSpan),
@@ -54,6 +56,6 @@ const HvSnackbarContentWrapper = React.forwardRef(({
     ...others
   });
 });
-const HvSnackBarContentWrapper = HvSnackbarContentWrapper;
-exports.default = HvSnackBarContentWrapper;
+const HvSnackbarContent$1 = HvSnackbarContent;
+exports.default = HvSnackbarContent$1;
 //# sourceMappingURL=SnackbarContentWrapper.cjs.map

package/dist/cjs/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarContentWrapper.cjs","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { SnackbarContentProps as MuiSnackbarContentProps } from \"@mui/material/SnackbarContent\";\nimport { iconVariant, setId } from \"utils\";\nimport { forwardRef, isValidElement } from \"react\";\nimport { HvBaseProps } from \"../../../types\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport {\n  StyledMessageSpan,\n  StyledSnackbarContent,\n  StyledMessageText,\n  StyledAction,\n} from \"./SnackbarContentWrapper.styles\";\nimport {\n  snackbarContentWrapperClasses,\n  HvSnackbarContentWrapperClasses,\n} from \".\";\nimport { HvActionsGeneric, HvActionGeneric } from \"components\";\n\nexport type HvSnackbarContentWrapperProps = Omit<\n  MuiSnackbarContentProps,\n  \"variant\" | \"action\"\n> &\n  HvBaseProps & {\n    /** The message to display. */\n    label?: React.ReactNode;\n    /** Variant of the snackbar. */\n    variant: HvSnackbarVariant;\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    /** Action to display. */\n    action?: React.ReactNode | HvActionGeneric;\n    /** The callback function ran when an action is triggered, receiving `action` as param */\n    actionCallback?: (\n      event: Event,\n      id: string,\n      action: HvActionGeneric\n    ) => void;\n    /** A Jss Object used to override or extend the styles applied to the empty state component. */\n    classes?: HvSnackbarContentWrapperClasses;\n  };\n\nconst HvSnackbarContentWrapper = forwardRef<\n  HTMLDivElement,\n  HvSnackbarContentWrapperProps\n>(\n  (\n    {\n      id,\n      classes,\n      label,\n      variant,\n      showIcon,\n      customIcon,\n      action,\n      actionCallback,\n      ...others\n    },\n    ref\n  ) => {\n    const icon =\n      customIcon || (showIcon && iconVariant(variant, \"base2\", undefined));\n    const innerAction: any = isValidElement(action) ? action : [action];\n\n    return (\n      <StyledSnackbarContent\n        ref={ref}\n        id={id}\n        classes={{\n          root: clsx(snackbarContentWrapperClasses.root, classes?.root),\n          message: clsx(\n            snackbarContentWrapperClasses.message,\n            classes?.message\n          ),\n        }}\n        message={\n          <StyledMessageSpan\n            id={setId(id, \"message\")}\n            className={clsx(\n              snackbarContentWrapperClasses.messageSpan,\n              classes?.messageSpan\n            )}\n          >\n            {icon && (\n              <div\n                className={clsx(\n                  snackbarContentWrapperClasses.iconVariant,\n                  classes?.iconVariant\n                )}\n              >\n                {icon}\n              </div>\n            )}\n            <StyledMessageText\n              className={clsx(\n                snackbarContentWrapperClasses.messageText,\n                classes?.messageText\n              )}\n            >\n              {label}\n            </StyledMessageText>\n            {action && (\n              <StyledAction\n                id={setId(id, \"action\")}\n                className={clsx(\n                  snackbarContentWrapperClasses.action,\n                  classes?.action\n                )}\n              >\n                <HvActionsGeneric\n                  id={id}\n                  category=\"secondaryGhost\"\n                  actions={innerAction}\n                  actionsCallback={actionCallback}\n                />\n              </StyledAction>\n            )}\n          </StyledMessageSpan>\n        }\n        $variant={variant}\n        {...others}\n      />\n    );\n  }\n);\n\nexport default HvSnackbarContentWrapper;\n"],"names":["HvSnackbarContentWrapper","forwardRef","id","classes","label","variant","showIcon","customIcon","action","actionCallback","others","ref","icon","iconVariant","undefined","innerAction","isValidElement","StyledSnackbarContent","root","clsx","snackbarContentWrapperClasses","message","StyledMessageSpan","setId","className","messageSpan","children","_jsx","StyledMessageText","messageText","StyledAction","HvActionsGeneric","category","actions","actionsCallback","$variant"],"mappings":";;;;;;;;;;;;AA2CA,MAAMA,2BAA2BC,iBAI/B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACL,GACAC,QACG;AACH,QAAMC,OACJL,cAAeD,YAAYO,YAAAA,QAAYR,SAAS,SAASS,MAAS;AACpE,QAAMC,cAAmBC,MAAAA,eAAeR,MAAM,IAAIA,SAAS,CAACA,MAAM;AAElE,wCACGS,8BAAAA,uBAAqB;AAAA,IACpBN;AAAAA,IACAT;AAAAA,IACAC,SAAS;AAAA,MACPe,MAAMC,cAAAA,QAAKC,8BAAAA,QAA8BF,MAAMf,mCAASe,IAAI;AAAA,MAC5DG,SAASF,cAAAA,QACPC,8BAAAA,QAA8BC,SAC9BlB,mCAASkB,OAAO;AAAA,IAEpB;AAAA,IACAA,yCACGC,iDAAiB;AAAA,MAChBpB,IAAIqB,MAAAA,MAAMrB,IAAI,SAAS;AAAA,MACvBsB,WAAWL,cAAAA,QACTC,8BAAAA,QAA8BK,aAC9BtB,mCAASsB,WAAW;AAAA,MACpBC,UAAA,CAEDd,QACCe,2BAAAA,IAAA,OAAA;AAAA,QACEH,WAAWL,cAAAA,QACTC,8BAAAA,QAA8BP,aAC9BV,mCAASU,WAAW;AAAA,QACpBa,UAEDd;AAAAA,MAAAA,CAEJ,GACDe,2BAAAA,IAACC,iDAAiB;AAAA,QAChBJ,WAAWL,cAAAA,QACTC,8BAAAA,QAA8BS,aAC9B1B,mCAAS0B,WAAW;AAAA,QACpBH,UAEDtB;AAAAA,MAAAA,CAAK,GAEPI,UACCmB,2BAAAA,IAACG,4CAAY;AAAA,QACX5B,IAAIqB,MAAAA,MAAMrB,IAAI,QAAQ;AAAA,QACtBsB,WAAWL,cAAAA,QACTC,8BAAAA,QAA8BZ,QAC9BL,mCAASK,MAAM;AAAA,QACfkB,yCAEDK,iCAAgB;AAAA,UACf7B;AAAAA,UACA8B,UAAS;AAAA,UACTC,SAASlB;AAAAA,UACTmB,iBAAiBzB;AAAAA,QAAAA,CAAe;AAAA,MAAA,CAGrC,CAAA;AAAA,IAAA,CAEJ;AAAA,IACD0B,UAAU9B;AAAAA,IAAQ,GACdK;AAAAA,EAAAA,CACJ;AAEN,CAAC;AAGH,MAAA,2BAAeV;;"}
+{"version":3,"file":"SnackbarContentWrapper.cjs","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { SnackbarContentProps as MuiSnackbarContentProps } from \"@mui/material/SnackbarContent\";\nimport { iconVariant, setId } from \"utils\";\nimport { forwardRef, isValidElement } from \"react\";\nimport { HvBaseProps } from \"../../../types\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport {\n  StyledMessageSpan,\n  StyledSnackbarContent,\n  StyledMessageText,\n  StyledAction,\n} from \"./SnackbarContentWrapper.styles\";\nimport snackbarContentClasses, {\n  HvSnackbarContentClasses,\n} from \"./snackbarContentWrapperClasses\";\nimport { HvActionsGeneric, HvActionGeneric } from \"components\";\n\nexport type HvSnackbarContentProps = Omit<\n  MuiSnackbarContentProps,\n  \"variant\" | \"action\" | \"classes\"\n> &\n  HvBaseProps & {\n    /** The message to display. */\n    label?: React.ReactNode;\n    /** Variant of the snackbar. */\n    variant: HvSnackbarVariant;\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    /** Action to display. */\n    action?: React.ReactNode | HvActionGeneric;\n    /** The callback function ran when an action is triggered, receiving `action` as param */\n    actionCallback?: (\n      event: React.SyntheticEvent,\n      id: string,\n      action: HvActionGeneric\n    ) => void;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvSnackbarContentClasses;\n  };\n\nconst HvSnackbarContent = forwardRef<HTMLDivElement, HvSnackbarContentProps>(\n  (\n    {\n      className,\n      id,\n      classes,\n      label,\n      variant,\n      showIcon,\n      customIcon,\n      action,\n      actionCallback,\n      ...others\n    },\n    ref\n  ) => {\n    const icon =\n      customIcon || (showIcon && iconVariant(variant, \"base2\", undefined));\n    const innerAction: any = isValidElement(action) ? action : [action];\n\n    return (\n      <StyledSnackbarContent\n        ref={ref}\n        id={id}\n        classes={{\n          root: clsx(snackbarContentClasses.root, classes?.root),\n          message: clsx(snackbarContentClasses.message, classes?.message),\n        }}\n        className={clsx(\n          className,\n          classes?.[variant],\n          snackbarContentClasses[variant]\n        )}\n        message={\n          <StyledMessageSpan\n            id={setId(id, \"message\")}\n            className={clsx(\n              snackbarContentClasses.messageSpan,\n              classes?.messageSpan\n            )}\n          >\n            {icon && (\n              <div\n                className={clsx(\n                  snackbarContentClasses.iconVariant,\n                  classes?.iconVariant\n                )}\n              >\n                {icon}\n              </div>\n            )}\n            <StyledMessageText\n              className={clsx(\n                snackbarContentClasses.messageText,\n                classes?.messageText\n              )}\n            >\n              {label}\n            </StyledMessageText>\n            {action && (\n              <StyledAction\n                id={setId(id, \"action\")}\n                className={clsx(snackbarContentClasses.action, classes?.action)}\n              >\n                <HvActionsGeneric\n                  id={id}\n                  category=\"secondaryGhost\"\n                  actions={innerAction}\n                  actionsCallback={actionCallback}\n                />\n              </StyledAction>\n            )}\n          </StyledMessageSpan>\n        }\n        $variant={variant}\n        {...others}\n      />\n    );\n  }\n);\n\nexport default HvSnackbarContent;\n"],"names":["HvSnackbarContent","forwardRef","className","id","classes","label","variant","showIcon","customIcon","action","actionCallback","others","ref","icon","iconVariant","undefined","innerAction","isValidElement","StyledSnackbarContent","root","clsx","snackbarContentClasses","message","StyledMessageSpan","setId","messageSpan","children","_jsx","StyledMessageText","messageText","StyledAction","HvActionsGeneric","category","actions","actionsCallback","$variant"],"mappings":";;;;;;;;;;;;AA0CA,MAAMA,oBAAoBC,iBACxB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACL,GACAC,QACG;AACH,QAAMC,OACJL,cAAeD,YAAYO,YAAAA,QAAYR,SAAS,SAASS,MAAS;AACpE,QAAMC,cAAmBC,MAAAA,eAAeR,MAAM,IAAIA,SAAS,CAACA,MAAM;AAElE,wCACGS,8BAAAA,uBAAqB;AAAA,IACpBN;AAAAA,IACAT;AAAAA,IACAC,SAAS;AAAA,MACPe,MAAMC,cAAAA,QAAKC,8BAAAA,QAAuBF,MAAMf,mCAASe,IAAI;AAAA,MACrDG,SAASF,cAAAA,QAAKC,8BAAAA,QAAuBC,SAASlB,mCAASkB,OAAO;AAAA,IAChE;AAAA,IACApB,WAAWkB,sBACTlB,WACAE,mCAAUE,UACVe,8BAAAA,QAAuBf,OAAO,CAAC;AAAA,IAEjCgB,yCACGC,iDAAiB;AAAA,MAChBpB,IAAIqB,MAAAA,MAAMrB,IAAI,SAAS;AAAA,MACvBD,WAAWkB,cAAAA,QACTC,8BAAAA,QAAuBI,aACvBrB,mCAASqB,WAAW;AAAA,MACpBC,UAAA,CAEDb,QACCc,2BAAAA,IAAA,OAAA;AAAA,QACEzB,WAAWkB,cAAAA,QACTC,8BAAAA,QAAuBP,aACvBV,mCAASU,WAAW;AAAA,QACpBY,UAEDb;AAAAA,MAAAA,CAEJ,GACDc,2BAAAA,IAACC,iDAAiB;AAAA,QAChB1B,WAAWkB,cAAAA,QACTC,8BAAAA,QAAuBQ,aACvBzB,mCAASyB,WAAW;AAAA,QACpBH,UAEDrB;AAAAA,MAAAA,CAAK,GAEPI,UACCkB,2BAAAA,IAACG,4CAAY;AAAA,QACX3B,IAAIqB,MAAAA,MAAMrB,IAAI,QAAQ;AAAA,QACtBD,WAAWkB,cAAAA,QAAKC,8BAAAA,QAAuBZ,QAAQL,mCAASK,MAAM;AAAA,QAAEiB,yCAE/DK,iCAAgB;AAAA,UACf5B;AAAAA,UACA6B,UAAS;AAAA,UACTC,SAASjB;AAAAA,UACTkB,iBAAiBxB;AAAAA,QAAAA,CAAe;AAAA,MAAA,CAGrC,CAAA;AAAA,IAAA,CAEJ;AAAA,IACDyB,UAAU7B;AAAAA,IAAQ,GACdK;AAAAA,EAAAA,CACJ;AAEN,CAAC;AAGH,MAAA,sBAAeX;;"}

package/dist/cjs/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const SnackbarContent = require("@mui/material/SnackbarContent");

package/dist/cjs/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarContentWrapper.styles.cjs","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport SnackbarContent, {\n  snackbarContentClasses,\n} from \"@mui/material/SnackbarContent\";\nimport { CSSProperties } from \"react\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledSnackbarContent = styled(\n  SnackbarContent,\n  transientOptions\n)(({ $variant }: { $variant: string }) => ({\n  ...($variant === \"success\" && {\n    backgroundColor: theme.colors.sema8,\n  }),\n  ...($variant === \"error\" && {\n    backgroundColor: theme.colors.sema9,\n  }),\n  ...($variant === \"default\" && {\n    backgroundColor: theme.colors.sema7,\n  }),\n  ...($variant === \"warning\" && {\n    backgroundColor: theme.colors.sema20,\n  }),\n  [`&.${snackbarContentClasses.root}`]: {\n    width: \"310px\",\n    minHeight: \"52px\",\n    maxHeight: \"92px\",\n    padding: theme.space.xs,\n    boxShadow: \"none\",\n  },\n  [`& .${snackbarContentClasses.message}`]: {\n    padding: 0,\n    width: \"100%\",\n  },\n}));\n\nexport const StyledMessageSpan = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  minHeight: \"32px\",\n});\n\nexport const StyledMessageText = styled(\"div\")({\n  ...(theme.typography.body as CSSProperties),\n  padding: `0 ${theme.space.xs}`,\n  color: theme.colors.base2,\n  fontFamily: theme.fontFamily.body,\n  maxHeight: \"72px\",\n  wordBreak: \"break-word\",\n});\n\nexport const StyledAction = styled(\"div\")({\n  textAlign: \"right\",\n});\n"],"names":["StyledSnackbarContent","SnackbarContent","process","env","NODE_ENV","_extends","target","transientOptions","label","$variant","backgroundColor","theme","colors","sema8","sema9","sema7","sema20","snackbarContentClasses","root","width","minHeight","maxHeight","padding","space","xs","boxShadow","message","StyledMessageSpan","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledMessageText","typography","body","color","base2","fontFamily","wordBreak","StyledAction"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQaA,MAAAA,iEACXC,yBAAAA,SAAeC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACfC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA+B,OAAO;AAAA,EACzC,GAAIA,aAAa,aAAa;AAAA,IAC5BC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAIJ,aAAa,WAAW;AAAA,IAC1BC,iBAAiBC,YAAAA,MAAMC,OAAOE;AAAAA,EAChC;AAAA,EACA,GAAIL,aAAa,aAAa;AAAA,IAC5BC,iBAAiBC,YAAAA,MAAMC,OAAOG;AAAAA,EAChC;AAAA,EACA,GAAIN,aAAa,aAAa;AAAA,IAC5BC,iBAAiBC,YAAAA,MAAMC,OAAOI;AAAAA,EAChC;AAAA,EACA,CAAE,KAAIC,uCAAuBC,SAAS;AAAA,IACpCC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,SAASX,YAAAA,MAAMY,MAAMC;AAAAA,IACrBC,WAAW;AAAA,EACb;AAAA,EACA,CAAE,MAAKR,uCAAuBS,YAAY;AAAA,IACxCJ,SAAS;AAAA,IACTH,OAAO;AAAA,EACT;AACF,IAAEjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ijFAAA;AAEI,MAAMuB,oBAA2BC,iCAAA,QAAA,OAAK1B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAyB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAI5C;AAEK,MAAMC,oBAA2BN,iCAAA,QAAA,OAAK1B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7C,GAAIG,YAAAA,MAAMwB,WAAWC;AAAAA,EACrBd,SAAU,KAAIX,YAAAA,MAAMY,MAAMC;AAAAA,EAC1Ba,OAAO1B,YAAAA,MAAMC,OAAO0B;AAAAA,EACpBC,YAAY5B,YAAAA,MAAM4B,WAAWH;AAAAA,EAC7Bf,WAAW;AAAA,EACXmB,WAAW;AACb,GAACtC,QAAAC,IAAAC,aAAC,eAAA,KAAA,ijFAAA;AAEK,MAAMqC,eAAsBb,iCAAA,QAAA,OAAK1B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAyB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEvC;;;;;"}
+{"version":3,"file":"SnackbarContentWrapper.styles.cjs","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport SnackbarContent, {\n  snackbarContentClasses,\n} from \"@mui/material/SnackbarContent\";\nimport { CSSProperties } from \"react\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledSnackbarContent = styled(\n  SnackbarContent,\n  transientOptions\n)(({ $variant }: { $variant: string }) => ({\n  ...($variant === \"success\" && {\n    backgroundColor: theme.colors.sema8,\n  }),\n  ...($variant === \"error\" && {\n    backgroundColor: theme.colors.sema9,\n  }),\n  ...($variant === \"default\" && {\n    backgroundColor: theme.colors.sema7,\n  }),\n  ...($variant === \"warning\" && {\n    backgroundColor: theme.colors.sema20,\n  }),\n  [`&.${snackbarContentClasses.root}`]: {\n    width: \"310px\",\n    minHeight: \"52px\",\n    maxHeight: \"92px\",\n    padding: theme.space.xs,\n    boxShadow: \"none\",\n  },\n  [`& .${snackbarContentClasses.message}`]: {\n    padding: 0,\n    width: \"100%\",\n  },\n}));\n\nexport const StyledMessageSpan = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  minHeight: \"32px\",\n});\n\nexport const StyledMessageText = styled(\"div\")({\n  ...(theme.typography.body as CSSProperties),\n  padding: `0 ${theme.space.xs}`,\n  color: theme.colors.base2,\n  fontFamily: theme.fontFamily.body,\n  maxHeight: \"72px\",\n  wordBreak: \"break-word\",\n});\n\nexport const StyledAction = styled(\"div\")({\n  textAlign: \"right\",\n});\n"],"names":["StyledSnackbarContent","SnackbarContent","process","env","NODE_ENV","_extends","target","transientOptions","label","$variant","backgroundColor","theme","colors","sema8","sema9","sema7","sema20","snackbarContentClasses","root","width","minHeight","maxHeight","padding","space","xs","boxShadow","message","StyledMessageSpan","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledMessageText","typography","body","color","base2","fontFamily","wordBreak","StyledAction"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQaA,MAAAA,iEACXC,yBAAAA,SAAeC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACfC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA+B,OAAO;AAAA,EACzC,GAAIA,aAAa,aAAa;AAAA,IAC5BC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAIJ,aAAa,WAAW;AAAA,IAC1BC,iBAAiBC,YAAAA,MAAMC,OAAOE;AAAAA,EAChC;AAAA,EACA,GAAIL,aAAa,aAAa;AAAA,IAC5BC,iBAAiBC,YAAAA,MAAMC,OAAOG;AAAAA,EAChC;AAAA,EACA,GAAIN,aAAa,aAAa;AAAA,IAC5BC,iBAAiBC,YAAAA,MAAMC,OAAOI;AAAAA,EAChC;AAAA,EACA,CAAE,KAAIC,uCAAuBC,MAAM,GAAG;AAAA,IACpCC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,SAASX,YAAAA,MAAMY,MAAMC;AAAAA,IACrBC,WAAW;AAAA,EACb;AAAA,EACA,CAAE,MAAKR,uCAAuBS,SAAS,GAAG;AAAA,IACxCJ,SAAS;AAAA,IACTH,OAAO;AAAA,EACT;AACF,IAAEjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ijFAAA;AAEI,MAAMuB,oBAA2BC,iCAAA,QAAA,OAAK1B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAyB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAI5C;AAEK,MAAMC,oBAA2BN,iCAAA,QAAA,OAAK1B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7C,GAAIG,YAAAA,MAAMwB,WAAWC;AAAAA,EACrBd,SAAU,KAAIX,YAAAA,MAAMY,MAAMC;AAAAA,EAC1Ba,OAAO1B,YAAAA,MAAMC,OAAO0B;AAAAA,EACpBC,YAAY5B,YAAAA,MAAM4B,WAAWH;AAAAA,EAC7Bf,WAAW;AAAA,EACXmB,WAAW;AACb,GAACtC,QAAAC,IAAAC,aAAC,eAAA,KAAA,ijFAAA;AAEK,MAAMqC,eAAsBb,iCAAA,QAAA,OAAK1B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAyB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEvC;;;;;"}

package/dist/cjs/components/Snackbar/SnackbarContentWrapper/snackbarContentWrapperClasses.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const classes = require("../../../utils/classes.cjs");
-const classKeys = ["root", "message", "messageSpan", "iconVariant", "messageText", "action"];
-const snackbarContentWrapperClasses = classes.getClasses(classKeys, "HvSnackbar-ContentWrapper");
-const snackbarContentWrapperClasses$1 = snackbarContentWrapperClasses;
-exports.default = snackbarContentWrapperClasses$1;
+const classKeys = ["root", "message", "messageSpan", "iconVariant", "messageText", "action", "default", "success", "warning", "error"];
+const snackbarContentClasses = classes.getClasses(classKeys, "HvSnackbar-Content");
+const snackbarContentClasses$1 = snackbarContentClasses;
+exports.default = snackbarContentClasses$1;
 //# sourceMappingURL=snackbarContentWrapperClasses.cjs.map

package/dist/cjs/components/Snackbar/SnackbarContentWrapper/snackbarContentWrapperClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"snackbarContentWrapperClasses.cjs","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/snackbarContentWrapperClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvSnackbarContentWrapperClasses = {\n  root?: string;\n  message?: string;\n  messageSpan?: string;\n  iconVariant?: string;\n  messageText?: string;\n  action?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"message\",\n  \"messageSpan\",\n  \"iconVariant\",\n  \"messageText\",\n  \"action\",\n];\n\nconst snackbarContentWrapperClasses =\n  getClasses<HvSnackbarContentWrapperClasses>(\n    classKeys,\n    \"HvSnackbar-ContentWrapper\"\n  );\n\nexport default snackbarContentWrapperClasses;\n"],"names":["classKeys","snackbarContentWrapperClasses","getClasses"],"mappings":";;;AAWA,MAAMA,YAAsB,CAC1B,QACA,WACA,eACA,eACA,eACA,QAAQ;AAGV,MAAMC,gCACJC,QACEF,WAAAA,WACA,2BAA2B;AAG/B,MAAA,kCAAeC;;"}
+{"version":3,"file":"snackbarContentWrapperClasses.cjs","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/snackbarContentWrapperClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvSnackbarContentClasses = {\n  root?: string;\n  message?: string;\n  messageSpan?: string;\n  iconVariant?: string;\n  messageText?: string;\n  action?: string;\n  default?: string;\n  success?: string;\n  warning?: string;\n  error?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"message\",\n  \"messageSpan\",\n  \"iconVariant\",\n  \"messageText\",\n  \"action\",\n  \"default\",\n  \"success\",\n  \"warning\",\n  \"error\",\n];\n\nconst snackbarContentClasses = getClasses<HvSnackbarContentClasses>(\n  classKeys,\n  \"HvSnackbar-Content\"\n);\n\nexport default snackbarContentClasses;\n"],"names":["classKeys","snackbarContentClasses","getClasses"],"mappings":";;;AAeA,MAAMA,YAAsB,CAC1B,QACA,WACA,eACA,eACA,eACA,UACA,WACA,WACA,WACA,OAAO;AAGT,MAAMC,yBAAyBC,QAC7BF,WAAAA,WACA,oBAAoB;AAGtB,MAAA,2BAAeC;;"}

package/dist/cjs/components/Snackbar/SnackbarProvider/SnackbarProvider.cjs

@@ -55,12 +55,13 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
   "& .SnackbarContainer-root": {
     pointerEvents: "all",
     "& > div > div": {
+      // Overrides notistack extra padding
       padding: "0 !important",
       transition: "all 0s ease 0s !important"
     }
   },
   ...$notistackClassesOverride
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRG1CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIHVzZUNhbGxiYWNrLCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTbmFja2JhckNvbnRlbnQsIFNuYWNrYmFyUHJvdmlkZXIsIHVzZVNuYWNrYmFyIH0gZnJvbSBcIm5vdGlzdGFja1wiO1xuaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IEh2U25hY2tiYXJDb250ZW50V3JhcHBlciBmcm9tIFwiLi4vU25hY2tiYXJDb250ZW50V3JhcHBlclwiO1xuaW1wb3J0IHsgU25hY2tiYXJPcmlnaW4gfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9TbmFja2JhclwiO1xuaW1wb3J0IHsgSHZTbmFja2JhclZhcmlhbnQgfSBmcm9tIFwiLi4vU25hY2tiYXJcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgdHlwZSBIdlNuYWNrYmFyUHJvdmlkZXJQcm9wcyA9IHtcbiAgLyoqIFlvdXIgY29tcG9uZW50IHRyZWUuICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKiBNYXggdmlzaWJsZSBzbmFja2JhcnMuICovXG4gIG1heFNuYWNrPzogbnVtYmVyO1xuICAvKiogSG93IG11Y2ggdGltZSB0aGUgc25hY2tiYXIgcmVtYWlucyB2aXNpYmxlIGluIG1pbGxpc2Vjb25kcy4gKi9cbiAgYXV0b0hpZGVEdXJhdGlvbj86IG51bWJlcjtcbiAgLyoqIFdoZXJlIGlzIHRoZSBzbmFja2JhciBwbGFjZWQuICovXG4gIGFuY2hvck9yaWdpbj86IFNuYWNrYmFyT3JpZ2luO1xuICAvKiogQ2xhc3Mgb2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgbm90aXN0YWNrIGNsYXNzZXMuICovXG4gIG5vdGlzdGFja0NsYXNzZXNPdmVycmlkZT86IG9iamVjdDtcbn07XG5cbmV4cG9ydCB0eXBlIEh2Tm90aXN0YWNrU25hY2tNZXNzYWdlUHJvcHMgPSB7XG4gIC8qKiBJZCB0byBiZSBhcHBsaWVkIHRvIHRoZSByb290IG5vZGUuICovXG4gIGlkPzogc3RyaW5nO1xuICAvKiogQ2xhc3NuYW1lIHRvIGFwcGx5IG9uIHRoZSByb290IG5vZGUgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAvKiogWW91ciBjb21wb25lbnQgdHJlZS4gKi9cbiAgbWVzc2FnZT86IHN0cmluZztcbiAgLyoqIFZhcmlhbnQgb2YgdGhlIHNuYWNrYmFyLiAqL1xuICB2YXJpYW50PzogSHZTbmFja2JhclZhcmlhbnQ7XG4gIC8qKiBFeHRyYSB2YWx1ZXMgdG8gcGFzcyB0byB0aGUgc25hY2tiYXIuICovXG4gIHNuYWNrYmFyQ29udGVudFByb3BzPzogb2JqZWN0O1xufTtcblxuY29uc3QgSHZOb3Rpc3RhY2tTbmFja01lc3NhZ2UgPSBmb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgSHZOb3Rpc3RhY2tTbmFja01lc3NhZ2VQcm9wc1xuPigoeyBpZCwgbWVzc2FnZSwgdmFyaWFudCA9IFwic3VjY2Vzc1wiLCBzbmFja2JhckNvbnRlbnRQcm9wcyB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U25hY2tiYXJDb250ZW50IHJlZj17cmVmfT5cbiAgICAgIDxIdlNuYWNrYmFyQ29udGVudFdyYXBwZXJcbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBzaG93SWNvblxuICAgICAgICBsYWJlbD17bWVzc2FnZX1cbiAgICAgICAgey4uLnNuYWNrYmFyQ29udGVudFByb3BzfVxuICAgICAgLz5cbiAgICA8L1NuYWNrYmFyQ29udGVudD5cbiAgKTtcbn0pO1xuXG5jb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGUgfTogeyAkbm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlOiBvYmplY3QgfSkgPT4gKHtcbiAgXCImIC5TbmFja2JhckNvbnRhaW5lci1yb290XCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcImFsbFwiLFxuICAgIFwiJiA+IGRpdiA+IGRpdlwiOiB7XG4gICAgICAvLyBPdmVycmlkZXMgbm90aXN0YWNrIGV4dHJhIHBhZGRpbmdcbiAgICAgIHBhZGRpbmc6IFwiMCAhaW1wb3J0YW50XCIsXG4gICAgICB0cmFuc2l0aW9uOiBcImFsbCAwcyBlYXNlIDBzICFpbXBvcnRhbnRcIixcbiAgICB9LFxuICB9LFxuICAuLi4kbm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlLFxufSkpO1xuXG5jb25zdCBTdHlsZWRTbmFja2JhclByb3ZpZGVyID0gc3R5bGVkKFNuYWNrYmFyUHJvdmlkZXIpKHtcbiAgLy8gXCImLlNuYWNrYmFyQ29udGVudC1yb290XCI6IHtcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50ICFpbXBvcnRhbnRcIixcbiAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICBcIiYmXCI6IHtcbiAgICBjb2xvcjogXCJpbmhlcml0XCIsXG4gICAgcGFkZGluZzogXCIwXCIsXG4gICAgZm9udFNpemU6IFwiaW5oZXJpdFwiLFxuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBmb250RmFtaWx5OiBcImluaGVyaXRcIixcbiAgICBmb250V2VpZ2h0OiBcImluaGVyaXRcIixcbiAgICBsaW5lSGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiMFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiaW5oZXJpdFwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJpbmhlcml0XCIsXG4gIH0sXG59KTtcblxuLy8gV2Ugb3ZlcnJpZGUgbm90aXN0YWNrIGhvb2sgdG8gYmUgYWJsZSB0byBjdXN0b21pemUgdGhlIHNuYWNrYmFyIHRoYXQgc2hvdWxkIGJlIGNhbGxlZC5cbmNvbnN0IHVzZUh2U25hY2tiYXIgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZW5xdWV1ZVNuYWNrYmFyOiBlbnF1ZXVlTm90aXN0YWNrU25hY2tiYXIsIGNsb3NlU25hY2tiYXIgfSA9XG4gICAgdXNlU25hY2tiYXIoKTtcbiAgY29uc3QgZW5xdWV1ZVNuYWNrYmFyID0gdXNlQ2FsbGJhY2soXG4gICAgKG1lc3NhZ2UsIG9wdGlvbnMgPSB7fSkgPT4ge1xuICAgICAgY29uc3Qge1xuICAgICAgICBpZCxcbiAgICAgICAgdmFyaWFudCA9IFwic3VjY2Vzc1wiLFxuICAgICAgICBzbmFja2JhckNvbnRlbnRQcm9wcyxcbiAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAuLi5vdGhlck9wdGlvbnNcbiAgICAgIH06IEh2Tm90aXN0YWNrU25hY2tNZXNzYWdlUHJvcHMgPSBvcHRpb25zO1xuXG4gICAgICByZXR1cm4gZW5xdWV1ZU5vdGlzdGFja1NuYWNrYmFyKFxuICAgICAgICA8SHZOb3Rpc3RhY2tTbmFja01lc3NhZ2VcbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgbWVzc2FnZT17bWVzc2FnZX1cbiAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgIHNuYWNrYmFyQ29udGVudFByb3BzPXtzbmFja2JhckNvbnRlbnRQcm9wc31cbiAgICAgICAgLz4sXG4gICAgICAgIHsgLi4ub3RoZXJPcHRpb25zLCBjbGFzc05hbWU6IGNsc3goY2xhc3NOYW1lKSB9XG4gICAgICApO1xuICAgIH0sXG4gICAgW2VucXVldWVOb3Rpc3RhY2tTbmFja2Jhcl1cbiAgKTtcbiAgcmV0dXJuIHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIGVucXVldWVTbmFja2JhcixcbiAgICAgIGNsb3NlU25hY2tiYXIsXG4gICAgfSksXG4gICAgW2VucXVldWVTbmFja2JhciwgY2xvc2VTbmFja2Jhcl1cbiAgKTtcbn07XG5cbmNvbnN0IEh2U25hY2tiYXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGUgPSB7fSxcbiAgbWF4U25hY2sgPSA1LFxuICBhdXRvSGlkZUR1cmF0aW9uID0gNTAwMCxcbiAgYW5jaG9yT3JpZ2luID0ge1xuICAgIHZlcnRpY2FsOiBcInRvcFwiLFxuICAgIGhvcml6b250YWw6IFwicmlnaHRcIixcbiAgfSxcbiAgLi4ub3RoZXJzXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFJvb3QgJG5vdGlzdGFja0NsYXNzZXNPdmVycmlkZT17bm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlfT5cbiAgICAgIDxTdHlsZWRTbmFja2JhclByb3ZpZGVyXG4gICAgICAgIG1heFNuYWNrPXttYXhTbmFja31cbiAgICAgICAgYXV0b0hpZGVEdXJhdGlvbj17YXV0b0hpZGVEdXJhdGlvbn1cbiAgICAgICAgYW5jaG9yT3JpZ2luPXthbmNob3JPcmlnaW4gYXMgU25hY2tiYXJPcmlnaW59XG4gICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkU25hY2tiYXJQcm92aWRlcj5cbiAgICA8L1N0eWxlZFJvb3Q+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBIdlNuYWNrYmFyUHJvdmlkZXI7XG5leHBvcnQgeyB1c2VIdlNuYWNrYmFyIH07XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRG1CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIHVzZUNhbGxiYWNrLCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTbmFja2JhckNvbnRlbnQsIFNuYWNrYmFyUHJvdmlkZXIsIHVzZVNuYWNrYmFyIH0gZnJvbSBcIm5vdGlzdGFja1wiO1xuaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZTbmFja2JhckNvbnRlbnQgfSBmcm9tIFwiLi4vU25hY2tiYXJDb250ZW50V3JhcHBlclwiO1xuaW1wb3J0IHsgU25hY2tiYXJPcmlnaW4gfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9TbmFja2JhclwiO1xuaW1wb3J0IHsgSHZTbmFja2JhclZhcmlhbnQgfSBmcm9tIFwiLi4vU25hY2tiYXJcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZTbmFja2JhckNvbnRlbnRQcm9wcyB9IGZyb20gXCIuLi9TbmFja2JhckNvbnRlbnRXcmFwcGVyL1NuYWNrYmFyQ29udGVudFdyYXBwZXJcIjtcblxuZXhwb3J0IHR5cGUgSHZTbmFja2JhclByb3ZpZGVyUHJvcHMgPSB7XG4gIC8qKiBZb3VyIGNvbXBvbmVudCB0cmVlLiAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICAvKiogTWF4IHZpc2libGUgc25hY2tiYXJzLiAqL1xuICBtYXhTbmFjaz86IG51bWJlcjtcbiAgLyoqIEhvdyBtdWNoIHRpbWUgdGhlIHNuYWNrYmFyIHJlbWFpbnMgdmlzaWJsZSBpbiBtaWxsaXNlY29uZHMuICovXG4gIGF1dG9IaWRlRHVyYXRpb24/OiBudW1iZXI7XG4gIC8qKiBXaGVyZSBpcyB0aGUgc25hY2tiYXIgcGxhY2VkLiAqL1xuICBhbmNob3JPcmlnaW4/OiBTbmFja2Jhck9yaWdpbjtcbiAgLyoqIENsYXNzIG9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG5vdGlzdGFjayBjbGFzc2VzLiAqL1xuICBub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGU/OiBvYmplY3Q7XG59O1xuXG5leHBvcnQgdHlwZSBIdk5vdGlzdGFja1NuYWNrTWVzc2FnZVByb3BzID0ge1xuICAvKiogSWQgdG8gYmUgYXBwbGllZCB0byB0aGUgcm9vdCBub2RlLiAqL1xuICBpZD86IHN0cmluZztcbiAgLyoqIENsYXNzbmFtZSB0byBhcHBseSBvbiB0aGUgcm9vdCBub2RlICovXG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgLyoqIFlvdXIgY29tcG9uZW50IHRyZWUuICovXG4gIG1lc3NhZ2U/OiBzdHJpbmc7XG4gIC8qKiBWYXJpYW50IG9mIHRoZSBzbmFja2Jhci4gKi9cbiAgdmFyaWFudD86IEh2U25hY2tiYXJWYXJpYW50O1xuICAvKiogRXh0cmEgdmFsdWVzIHRvIHBhc3MgdG8gdGhlIHNuYWNrYmFyLiAqL1xuICBzbmFja2JhckNvbnRlbnRQcm9wcz86IEh2U25hY2tiYXJDb250ZW50UHJvcHM7XG59O1xuXG5jb25zdCBIdk5vdGlzdGFja1NuYWNrTWVzc2FnZSA9IGZvcndhcmRSZWY8XG4gIEhUTUxEaXZFbGVtZW50LFxuICBIdk5vdGlzdGFja1NuYWNrTWVzc2FnZVByb3BzXG4+KCh7IGlkLCBtZXNzYWdlLCB2YXJpYW50ID0gXCJzdWNjZXNzXCIsIHNuYWNrYmFyQ29udGVudFByb3BzIH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTbmFja2JhckNvbnRlbnQgcmVmPXtyZWZ9PlxuICAgICAgPEh2U25hY2tiYXJDb250ZW50XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgc2hvd0ljb25cbiAgICAgICAgbGFiZWw9e21lc3NhZ2V9XG4gICAgICAgIHsuLi5zbmFja2JhckNvbnRlbnRQcm9wc31cbiAgICAgIC8+XG4gICAgPC9TbmFja2JhckNvbnRlbnQ+XG4gICk7XG59KTtcblxuY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkbm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlIH06IHsgJG5vdGlzdGFja0NsYXNzZXNPdmVycmlkZTogb2JqZWN0IH0pID0+ICh7XG4gIFwiJiAuU25hY2tiYXJDb250YWluZXItcm9vdFwiOiB7XG4gICAgcG9pbnRlckV2ZW50czogXCJhbGxcIixcbiAgICBcIiYgPiBkaXYgPiBkaXZcIjoge1xuICAgICAgLy8gT3ZlcnJpZGVzIG5vdGlzdGFjayBleHRyYSBwYWRkaW5nXG4gICAgICBwYWRkaW5nOiBcIjAgIWltcG9ydGFudFwiLFxuICAgICAgdHJhbnNpdGlvbjogXCJhbGwgMHMgZWFzZSAwcyAhaW1wb3J0YW50XCIsXG4gICAgfSxcbiAgfSxcbiAgLi4uJG5vdGlzdGFja0NsYXNzZXNPdmVycmlkZSxcbn0pKTtcblxuY29uc3QgU3R5bGVkU25hY2tiYXJQcm92aWRlciA9IHN0eWxlZChTbmFja2JhclByb3ZpZGVyKSh7XG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudCAhaW1wb3J0YW50XCIsXG4gIGJveFNoYWRvdzogXCJub25lICFpbXBvcnRhbnRcIixcbiAgXCImJlwiOiB7XG4gICAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICAgIHBhZGRpbmc6IFwiMFwiLFxuICAgIGZvbnRTaXplOiBcImluaGVyaXRcIixcbiAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgZm9udEZhbWlseTogXCJpbmhlcml0XCIsXG4gICAgZm9udFdlaWdodDogXCJpbmhlcml0XCIsXG4gICAgbGluZUhlaWdodDogXCJpbmhlcml0XCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjBcIixcbiAgICBsZXR0ZXJTcGFjaW5nOiBcImluaGVyaXRcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiaW5oZXJpdFwiLFxuICB9LFxufSk7XG5cbi8vIFdlIG92ZXJyaWRlIG5vdGlzdGFjayBob29rIHRvIGJlIGFibGUgdG8gY3VzdG9taXplIHRoZSBzbmFja2JhciB0aGF0IHNob3VsZCBiZSBjYWxsZWQuXG5jb25zdCB1c2VIdlNuYWNrYmFyID0gKCkgPT4ge1xuICBjb25zdCB7IGVucXVldWVTbmFja2JhcjogZW5xdWV1ZU5vdGlzdGFja1NuYWNrYmFyLCBjbG9zZVNuYWNrYmFyIH0gPVxuICAgIHVzZVNuYWNrYmFyKCk7XG4gIGNvbnN0IGVucXVldWVTbmFja2JhciA9IHVzZUNhbGxiYWNrKFxuICAgIChtZXNzYWdlLCBvcHRpb25zID0ge30pID0+IHtcbiAgICAgIGNvbnN0IHtcbiAgICAgICAgaWQsXG4gICAgICAgIHZhcmlhbnQgPSBcInN1Y2Nlc3NcIixcbiAgICAgICAgc25hY2tiYXJDb250ZW50UHJvcHMsXG4gICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgLi4ub3RoZXJPcHRpb25zXG4gICAgICB9OiBIdk5vdGlzdGFja1NuYWNrTWVzc2FnZVByb3BzID0gb3B0aW9ucztcblxuICAgICAgcmV0dXJuIGVucXVldWVOb3Rpc3RhY2tTbmFja2JhcihcbiAgICAgICAgPEh2Tm90aXN0YWNrU25hY2tNZXNzYWdlXG4gICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgIG1lc3NhZ2U9e21lc3NhZ2V9XG4gICAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgICBzbmFja2JhckNvbnRlbnRQcm9wcz17c25hY2tiYXJDb250ZW50UHJvcHN9XG4gICAgICAgIC8+LFxuICAgICAgICB7IC4uLm90aGVyT3B0aW9ucywgY2xhc3NOYW1lOiBjbHN4KGNsYXNzTmFtZSkgfVxuICAgICAgKTtcbiAgICB9LFxuICAgIFtlbnF1ZXVlTm90aXN0YWNrU25hY2tiYXJdXG4gICk7XG4gIHJldHVybiB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBlbnF1ZXVlU25hY2tiYXIsXG4gICAgICBjbG9zZVNuYWNrYmFyLFxuICAgIH0pLFxuICAgIFtlbnF1ZXVlU25hY2tiYXIsIGNsb3NlU25hY2tiYXJdXG4gICk7XG59O1xuXG5jb25zdCBIdlNuYWNrYmFyUHJvdmlkZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgbm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlID0ge30sXG4gIG1heFNuYWNrID0gNSxcbiAgYXV0b0hpZGVEdXJhdGlvbiA9IDUwMDAsXG4gIGFuY2hvck9yaWdpbiA9IHtcbiAgICB2ZXJ0aWNhbDogXCJ0b3BcIixcbiAgICBob3Jpem9udGFsOiBcInJpZ2h0XCIsXG4gIH0sXG4gIC4uLm90aGVyc1xufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRSb290ICRub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGU9e25vdGlzdGFja0NsYXNzZXNPdmVycmlkZX0+XG4gICAgICA8U3R5bGVkU25hY2tiYXJQcm92aWRlclxuICAgICAgICBtYXhTbmFjaz17bWF4U25hY2t9XG4gICAgICAgIGF1dG9IaWRlRHVyYXRpb249e2F1dG9IaWRlRHVyYXRpb259XG4gICAgICAgIGFuY2hvck9yaWdpbj17YW5jaG9yT3JpZ2luIGFzIFNuYWNrYmFyT3JpZ2lufVxuICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZFNuYWNrYmFyUHJvdmlkZXI+XG4gICAgPC9TdHlsZWRSb290PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgSHZTbmFja2JhclByb3ZpZGVyO1xuZXhwb3J0IHsgdXNlSHZTbmFja2JhciB9O1xuIl19 */");
 const StyledSnackbarProvider = /* @__PURE__ */ _styled__default.default(notistack.SnackbarProvider, process.env.NODE_ENV === "production" ? {
   target: "e1959n0j0"
 } : {
@@ -72,7 +73,7 @@ const StyledSnackbarProvider = /* @__PURE__ */ _styled__default.default(notistac
 } : {
   name: "2s4j95",
   styles: "background-color:transparent !important;box-shadow:none !important;&&{color:inherit;padding:0;font-size:inherit;box-shadow:none;align-items:center;font-family:inherit;font-weight:inherit;line-height:inherit;border-radius:0;letter-spacing:inherit;background-color:inherit;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIHVzZUNhbGxiYWNrLCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTbmFja2JhckNvbnRlbnQsIFNuYWNrYmFyUHJvdmlkZXIsIHVzZVNuYWNrYmFyIH0gZnJvbSBcIm5vdGlzdGFja1wiO1xuaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IEh2U25hY2tiYXJDb250ZW50V3JhcHBlciBmcm9tIFwiLi4vU25hY2tiYXJDb250ZW50V3JhcHBlclwiO1xuaW1wb3J0IHsgU25hY2tiYXJPcmlnaW4gfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9TbmFja2JhclwiO1xuaW1wb3J0IHsgSHZTbmFja2JhclZhcmlhbnQgfSBmcm9tIFwiLi4vU25hY2tiYXJcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgdHlwZSBIdlNuYWNrYmFyUHJvdmlkZXJQcm9wcyA9IHtcbiAgLyoqIFlvdXIgY29tcG9uZW50IHRyZWUuICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKiBNYXggdmlzaWJsZSBzbmFja2JhcnMuICovXG4gIG1heFNuYWNrPzogbnVtYmVyO1xuICAvKiogSG93IG11Y2ggdGltZSB0aGUgc25hY2tiYXIgcmVtYWlucyB2aXNpYmxlIGluIG1pbGxpc2Vjb25kcy4gKi9cbiAgYXV0b0hpZGVEdXJhdGlvbj86IG51bWJlcjtcbiAgLyoqIFdoZXJlIGlzIHRoZSBzbmFja2JhciBwbGFjZWQuICovXG4gIGFuY2hvck9yaWdpbj86IFNuYWNrYmFyT3JpZ2luO1xuICAvKiogQ2xhc3Mgb2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgbm90aXN0YWNrIGNsYXNzZXMuICovXG4gIG5vdGlzdGFja0NsYXNzZXNPdmVycmlkZT86IG9iamVjdDtcbn07XG5cbmV4cG9ydCB0eXBlIEh2Tm90aXN0YWNrU25hY2tNZXNzYWdlUHJvcHMgPSB7XG4gIC8qKiBJZCB0byBiZSBhcHBsaWVkIHRvIHRoZSByb290IG5vZGUuICovXG4gIGlkPzogc3RyaW5nO1xuICAvKiogQ2xhc3NuYW1lIHRvIGFwcGx5IG9uIHRoZSByb290IG5vZGUgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAvKiogWW91ciBjb21wb25lbnQgdHJlZS4gKi9cbiAgbWVzc2FnZT86IHN0cmluZztcbiAgLyoqIFZhcmlhbnQgb2YgdGhlIHNuYWNrYmFyLiAqL1xuICB2YXJpYW50PzogSHZTbmFja2JhclZhcmlhbnQ7XG4gIC8qKiBFeHRyYSB2YWx1ZXMgdG8gcGFzcyB0byB0aGUgc25hY2tiYXIuICovXG4gIHNuYWNrYmFyQ29udGVudFByb3BzPzogb2JqZWN0O1xufTtcblxuY29uc3QgSHZOb3Rpc3RhY2tTbmFja01lc3NhZ2UgPSBmb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgSHZOb3Rpc3RhY2tTbmFja01lc3NhZ2VQcm9wc1xuPigoeyBpZCwgbWVzc2FnZSwgdmFyaWFudCA9IFwic3VjY2Vzc1wiLCBzbmFja2JhckNvbnRlbnRQcm9wcyB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U25hY2tiYXJDb250ZW50IHJlZj17cmVmfT5cbiAgICAgIDxIdlNuYWNrYmFyQ29udGVudFdyYXBwZXJcbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBzaG93SWNvblxuICAgICAgICBsYWJlbD17bWVzc2FnZX1cbiAgICAgICAgey4uLnNuYWNrYmFyQ29udGVudFByb3BzfVxuICAgICAgLz5cbiAgICA8L1NuYWNrYmFyQ29udGVudD5cbiAgKTtcbn0pO1xuXG5jb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGUgfTogeyAkbm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlOiBvYmplY3QgfSkgPT4gKHtcbiAgXCImIC5TbmFja2JhckNvbnRhaW5lci1yb290XCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcImFsbFwiLFxuICAgIFwiJiA+IGRpdiA+IGRpdlwiOiB7XG4gICAgICAvLyBPdmVycmlkZXMgbm90aXN0YWNrIGV4dHJhIHBhZGRpbmdcbiAgICAgIHBhZGRpbmc6IFwiMCAhaW1wb3J0YW50XCIsXG4gICAgICB0cmFuc2l0aW9uOiBcImFsbCAwcyBlYXNlIDBzICFpbXBvcnRhbnRcIixcbiAgICB9LFxuICB9LFxuICAuLi4kbm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlLFxufSkpO1xuXG5jb25zdCBTdHlsZWRTbmFja2JhclByb3ZpZGVyID0gc3R5bGVkKFNuYWNrYmFyUHJvdmlkZXIpKHtcbiAgLy8gXCImLlNuYWNrYmFyQ29udGVudC1yb290XCI6IHtcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50ICFpbXBvcnRhbnRcIixcbiAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICBcIiYmXCI6IHtcbiAgICBjb2xvcjogXCJpbmhlcml0XCIsXG4gICAgcGFkZGluZzogXCIwXCIsXG4gICAgZm9udFNpemU6IFwiaW5oZXJpdFwiLFxuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBmb250RmFtaWx5OiBcImluaGVyaXRcIixcbiAgICBmb250V2VpZ2h0OiBcImluaGVyaXRcIixcbiAgICBsaW5lSGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiMFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiaW5oZXJpdFwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJpbmhlcml0XCIsXG4gIH0sXG59KTtcblxuLy8gV2Ugb3ZlcnJpZGUgbm90aXN0YWNrIGhvb2sgdG8gYmUgYWJsZSB0byBjdXN0b21pemUgdGhlIHNuYWNrYmFyIHRoYXQgc2hvdWxkIGJlIGNhbGxlZC5cbmNvbnN0IHVzZUh2U25hY2tiYXIgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZW5xdWV1ZVNuYWNrYmFyOiBlbnF1ZXVlTm90aXN0YWNrU25hY2tiYXIsIGNsb3NlU25hY2tiYXIgfSA9XG4gICAgdXNlU25hY2tiYXIoKTtcbiAgY29uc3QgZW5xdWV1ZVNuYWNrYmFyID0gdXNlQ2FsbGJhY2soXG4gICAgKG1lc3NhZ2UsIG9wdGlvbnMgPSB7fSkgPT4ge1xuICAgICAgY29uc3Qge1xuICAgICAgICBpZCxcbiAgICAgICAgdmFyaWFudCA9IFwic3VjY2Vzc1wiLFxuICAgICAgICBzbmFja2JhckNvbnRlbnRQcm9wcyxcbiAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAuLi5vdGhlck9wdGlvbnNcbiAgICAgIH06IEh2Tm90aXN0YWNrU25hY2tNZXNzYWdlUHJvcHMgPSBvcHRpb25zO1xuXG4gICAgICByZXR1cm4gZW5xdWV1ZU5vdGlzdGFja1NuYWNrYmFyKFxuICAgICAgICA8SHZOb3Rpc3RhY2tTbmFja01lc3NhZ2VcbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgbWVzc2FnZT17bWVzc2FnZX1cbiAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgIHNuYWNrYmFyQ29udGVudFByb3BzPXtzbmFja2JhckNvbnRlbnRQcm9wc31cbiAgICAgICAgLz4sXG4gICAgICAgIHsgLi4ub3RoZXJPcHRpb25zLCBjbGFzc05hbWU6IGNsc3goY2xhc3NOYW1lKSB9XG4gICAgICApO1xuICAgIH0sXG4gICAgW2VucXVldWVOb3Rpc3RhY2tTbmFja2Jhcl1cbiAgKTtcbiAgcmV0dXJuIHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIGVucXVldWVTbmFja2JhcixcbiAgICAgIGNsb3NlU25hY2tiYXIsXG4gICAgfSksXG4gICAgW2VucXVldWVTbmFja2JhciwgY2xvc2VTbmFja2Jhcl1cbiAgKTtcbn07XG5cbmNvbnN0IEh2U25hY2tiYXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGUgPSB7fSxcbiAgbWF4U25hY2sgPSA1LFxuICBhdXRvSGlkZUR1cmF0aW9uID0gNTAwMCxcbiAgYW5jaG9yT3JpZ2luID0ge1xuICAgIHZlcnRpY2FsOiBcInRvcFwiLFxuICAgIGhvcml6b250YWw6IFwicmlnaHRcIixcbiAgfSxcbiAgLi4ub3RoZXJzXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFJvb3QgJG5vdGlzdGFja0NsYXNzZXNPdmVycmlkZT17bm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlfT5cbiAgICAgIDxTdHlsZWRTbmFja2JhclByb3ZpZGVyXG4gICAgICAgIG1heFNuYWNrPXttYXhTbmFja31cbiAgICAgICAgYXV0b0hpZGVEdXJhdGlvbj17YXV0b0hpZGVEdXJhdGlvbn1cbiAgICAgICAgYW5jaG9yT3JpZ2luPXthbmNob3JPcmlnaW4gYXMgU25hY2tiYXJPcmlnaW59XG4gICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkU25hY2tiYXJQcm92aWRlcj5cbiAgICA8L1N0eWxlZFJvb3Q+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBIdlNuYWNrYmFyUHJvdmlkZXI7XG5leHBvcnQgeyB1c2VIdlNuYWNrYmFyIH07XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIHVzZUNhbGxiYWNrLCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTbmFja2JhckNvbnRlbnQsIFNuYWNrYmFyUHJvdmlkZXIsIHVzZVNuYWNrYmFyIH0gZnJvbSBcIm5vdGlzdGFja1wiO1xuaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZTbmFja2JhckNvbnRlbnQgfSBmcm9tIFwiLi4vU25hY2tiYXJDb250ZW50V3JhcHBlclwiO1xuaW1wb3J0IHsgU25hY2tiYXJPcmlnaW4gfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9TbmFja2JhclwiO1xuaW1wb3J0IHsgSHZTbmFja2JhclZhcmlhbnQgfSBmcm9tIFwiLi4vU25hY2tiYXJcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZTbmFja2JhckNvbnRlbnRQcm9wcyB9IGZyb20gXCIuLi9TbmFja2JhckNvbnRlbnRXcmFwcGVyL1NuYWNrYmFyQ29udGVudFdyYXBwZXJcIjtcblxuZXhwb3J0IHR5cGUgSHZTbmFja2JhclByb3ZpZGVyUHJvcHMgPSB7XG4gIC8qKiBZb3VyIGNvbXBvbmVudCB0cmVlLiAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICAvKiogTWF4IHZpc2libGUgc25hY2tiYXJzLiAqL1xuICBtYXhTbmFjaz86IG51bWJlcjtcbiAgLyoqIEhvdyBtdWNoIHRpbWUgdGhlIHNuYWNrYmFyIHJlbWFpbnMgdmlzaWJsZSBpbiBtaWxsaXNlY29uZHMuICovXG4gIGF1dG9IaWRlRHVyYXRpb24/OiBudW1iZXI7XG4gIC8qKiBXaGVyZSBpcyB0aGUgc25hY2tiYXIgcGxhY2VkLiAqL1xuICBhbmNob3JPcmlnaW4/OiBTbmFja2Jhck9yaWdpbjtcbiAgLyoqIENsYXNzIG9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG5vdGlzdGFjayBjbGFzc2VzLiAqL1xuICBub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGU/OiBvYmplY3Q7XG59O1xuXG5leHBvcnQgdHlwZSBIdk5vdGlzdGFja1NuYWNrTWVzc2FnZVByb3BzID0ge1xuICAvKiogSWQgdG8gYmUgYXBwbGllZCB0byB0aGUgcm9vdCBub2RlLiAqL1xuICBpZD86IHN0cmluZztcbiAgLyoqIENsYXNzbmFtZSB0byBhcHBseSBvbiB0aGUgcm9vdCBub2RlICovXG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgLyoqIFlvdXIgY29tcG9uZW50IHRyZWUuICovXG4gIG1lc3NhZ2U/OiBzdHJpbmc7XG4gIC8qKiBWYXJpYW50IG9mIHRoZSBzbmFja2Jhci4gKi9cbiAgdmFyaWFudD86IEh2U25hY2tiYXJWYXJpYW50O1xuICAvKiogRXh0cmEgdmFsdWVzIHRvIHBhc3MgdG8gdGhlIHNuYWNrYmFyLiAqL1xuICBzbmFja2JhckNvbnRlbnRQcm9wcz86IEh2U25hY2tiYXJDb250ZW50UHJvcHM7XG59O1xuXG5jb25zdCBIdk5vdGlzdGFja1NuYWNrTWVzc2FnZSA9IGZvcndhcmRSZWY8XG4gIEhUTUxEaXZFbGVtZW50LFxuICBIdk5vdGlzdGFja1NuYWNrTWVzc2FnZVByb3BzXG4+KCh7IGlkLCBtZXNzYWdlLCB2YXJpYW50ID0gXCJzdWNjZXNzXCIsIHNuYWNrYmFyQ29udGVudFByb3BzIH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTbmFja2JhckNvbnRlbnQgcmVmPXtyZWZ9PlxuICAgICAgPEh2U25hY2tiYXJDb250ZW50XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgc2hvd0ljb25cbiAgICAgICAgbGFiZWw9e21lc3NhZ2V9XG4gICAgICAgIHsuLi5zbmFja2JhckNvbnRlbnRQcm9wc31cbiAgICAgIC8+XG4gICAgPC9TbmFja2JhckNvbnRlbnQ+XG4gICk7XG59KTtcblxuY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkbm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlIH06IHsgJG5vdGlzdGFja0NsYXNzZXNPdmVycmlkZTogb2JqZWN0IH0pID0+ICh7XG4gIFwiJiAuU25hY2tiYXJDb250YWluZXItcm9vdFwiOiB7XG4gICAgcG9pbnRlckV2ZW50czogXCJhbGxcIixcbiAgICBcIiYgPiBkaXYgPiBkaXZcIjoge1xuICAgICAgLy8gT3ZlcnJpZGVzIG5vdGlzdGFjayBleHRyYSBwYWRkaW5nXG4gICAgICBwYWRkaW5nOiBcIjAgIWltcG9ydGFudFwiLFxuICAgICAgdHJhbnNpdGlvbjogXCJhbGwgMHMgZWFzZSAwcyAhaW1wb3J0YW50XCIsXG4gICAgfSxcbiAgfSxcbiAgLi4uJG5vdGlzdGFja0NsYXNzZXNPdmVycmlkZSxcbn0pKTtcblxuY29uc3QgU3R5bGVkU25hY2tiYXJQcm92aWRlciA9IHN0eWxlZChTbmFja2JhclByb3ZpZGVyKSh7XG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudCAhaW1wb3J0YW50XCIsXG4gIGJveFNoYWRvdzogXCJub25lICFpbXBvcnRhbnRcIixcbiAgXCImJlwiOiB7XG4gICAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICAgIHBhZGRpbmc6IFwiMFwiLFxuICAgIGZvbnRTaXplOiBcImluaGVyaXRcIixcbiAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgZm9udEZhbWlseTogXCJpbmhlcml0XCIsXG4gICAgZm9udFdlaWdodDogXCJpbmhlcml0XCIsXG4gICAgbGluZUhlaWdodDogXCJpbmhlcml0XCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjBcIixcbiAgICBsZXR0ZXJTcGFjaW5nOiBcImluaGVyaXRcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiaW5oZXJpdFwiLFxuICB9LFxufSk7XG5cbi8vIFdlIG92ZXJyaWRlIG5vdGlzdGFjayBob29rIHRvIGJlIGFibGUgdG8gY3VzdG9taXplIHRoZSBzbmFja2JhciB0aGF0IHNob3VsZCBiZSBjYWxsZWQuXG5jb25zdCB1c2VIdlNuYWNrYmFyID0gKCkgPT4ge1xuICBjb25zdCB7IGVucXVldWVTbmFja2JhcjogZW5xdWV1ZU5vdGlzdGFja1NuYWNrYmFyLCBjbG9zZVNuYWNrYmFyIH0gPVxuICAgIHVzZVNuYWNrYmFyKCk7XG4gIGNvbnN0IGVucXVldWVTbmFja2JhciA9IHVzZUNhbGxiYWNrKFxuICAgIChtZXNzYWdlLCBvcHRpb25zID0ge30pID0+IHtcbiAgICAgIGNvbnN0IHtcbiAgICAgICAgaWQsXG4gICAgICAgIHZhcmlhbnQgPSBcInN1Y2Nlc3NcIixcbiAgICAgICAgc25hY2tiYXJDb250ZW50UHJvcHMsXG4gICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgLi4ub3RoZXJPcHRpb25zXG4gICAgICB9OiBIdk5vdGlzdGFja1NuYWNrTWVzc2FnZVByb3BzID0gb3B0aW9ucztcblxuICAgICAgcmV0dXJuIGVucXVldWVOb3Rpc3RhY2tTbmFja2JhcihcbiAgICAgICAgPEh2Tm90aXN0YWNrU25hY2tNZXNzYWdlXG4gICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgIG1lc3NhZ2U9e21lc3NhZ2V9XG4gICAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgICBzbmFja2JhckNvbnRlbnRQcm9wcz17c25hY2tiYXJDb250ZW50UHJvcHN9XG4gICAgICAgIC8+LFxuICAgICAgICB7IC4uLm90aGVyT3B0aW9ucywgY2xhc3NOYW1lOiBjbHN4KGNsYXNzTmFtZSkgfVxuICAgICAgKTtcbiAgICB9LFxuICAgIFtlbnF1ZXVlTm90aXN0YWNrU25hY2tiYXJdXG4gICk7XG4gIHJldHVybiB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBlbnF1ZXVlU25hY2tiYXIsXG4gICAgICBjbG9zZVNuYWNrYmFyLFxuICAgIH0pLFxuICAgIFtlbnF1ZXVlU25hY2tiYXIsIGNsb3NlU25hY2tiYXJdXG4gICk7XG59O1xuXG5jb25zdCBIdlNuYWNrYmFyUHJvdmlkZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgbm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlID0ge30sXG4gIG1heFNuYWNrID0gNSxcbiAgYXV0b0hpZGVEdXJhdGlvbiA9IDUwMDAsXG4gIGFuY2hvck9yaWdpbiA9IHtcbiAgICB2ZXJ0aWNhbDogXCJ0b3BcIixcbiAgICBob3Jpem9udGFsOiBcInJpZ2h0XCIsXG4gIH0sXG4gIC4uLm90aGVyc1xufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRSb290ICRub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGU9e25vdGlzdGFja0NsYXNzZXNPdmVycmlkZX0+XG4gICAgICA8U3R5bGVkU25hY2tiYXJQcm92aWRlclxuICAgICAgICBtYXhTbmFjaz17bWF4U25hY2t9XG4gICAgICAgIGF1dG9IaWRlRHVyYXRpb249e2F1dG9IaWRlRHVyYXRpb259XG4gICAgICAgIGFuY2hvck9yaWdpbj17YW5jaG9yT3JpZ2luIGFzIFNuYWNrYmFyT3JpZ2lufVxuICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZFNuYWNrYmFyUHJvdmlkZXI+XG4gICAgPC9TdHlsZWRSb290PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgSHZTbmFja2JhclByb3ZpZGVyO1xuZXhwb3J0IHsgdXNlSHZTbmFja2JhciB9O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const useHvSnackbar = () => {

package/dist/cjs/components/Snackbar/SnackbarProvider/SnackbarProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarProvider.cjs","sources":["../../../../../src/components/Snackbar/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["import { forwardRef, useCallback, useMemo } from \"react\";\nimport { SnackbarContent, SnackbarProvider, useSnackbar } from \"notistack\";\nimport clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport HvSnackbarContentWrapper from \"../SnackbarContentWrapper\";\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport type HvSnackbarProviderProps = {\n  /** Your component tree. */\n  children: React.ReactNode;\n  /** Max visible snackbars. */\n  maxSnack?: number;\n  /** How much time the snackbar remains visible in milliseconds. */\n  autoHideDuration?: number;\n  /** Where is the snackbar placed. */\n  anchorOrigin?: SnackbarOrigin;\n  /** Class object used to override notistack classes. */\n  notistackClassesOverride?: object;\n};\n\nexport type HvNotistackSnackMessageProps = {\n  /** Id to be applied to the root node. */\n  id?: string;\n  /** Classname to apply on the root node */\n  className?: string;\n  /** Your component tree. */\n  message?: string;\n  /** Variant of the snackbar. */\n  variant?: HvSnackbarVariant;\n  /** Extra values to pass to the snackbar. */\n  snackbarContentProps?: object;\n};\n\nconst HvNotistackSnackMessage = forwardRef<\n  HTMLDivElement,\n  HvNotistackSnackMessageProps\n>(({ id, message, variant = \"success\", snackbarContentProps }, ref) => {\n  return (\n    <SnackbarContent ref={ref}>\n      <HvSnackbarContentWrapper\n        id={id}\n        variant={variant}\n        showIcon\n        label={message}\n        {...snackbarContentProps}\n      />\n    </SnackbarContent>\n  );\n});\n\nconst StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(({ $notistackClassesOverride }: { $notistackClassesOverride: object }) => ({\n  \"& .SnackbarContainer-root\": {\n    pointerEvents: \"all\",\n    \"& > div > div\": {\n      // Overrides notistack extra padding\n      padding: \"0 !important\",\n      transition: \"all 0s ease 0s !important\",\n    },\n  },\n  ...$notistackClassesOverride,\n}));\n\nconst StyledSnackbarProvider = styled(SnackbarProvider)({\n  // \"&.SnackbarContent-root\": {\n  backgroundColor: \"transparent !important\",\n  boxShadow: \"none !important\",\n  \"&&\": {\n    color: \"inherit\",\n    padding: \"0\",\n    fontSize: \"inherit\",\n    boxShadow: \"none\",\n    alignItems: \"center\",\n    fontFamily: \"inherit\",\n    fontWeight: \"inherit\",\n    lineHeight: \"inherit\",\n    borderRadius: \"0\",\n    letterSpacing: \"inherit\",\n    backgroundColor: \"inherit\",\n  },\n});\n\n// We override notistack hook to be able to customize the snackbar that should be called.\nconst useHvSnackbar = () => {\n  const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } =\n    useSnackbar();\n  const enqueueSnackbar = useCallback(\n    (message, options = {}) => {\n      const {\n        id,\n        variant = \"success\",\n        snackbarContentProps,\n        className,\n        ...otherOptions\n      }: HvNotistackSnackMessageProps = options;\n\n      return enqueueNotistackSnackbar(\n        <HvNotistackSnackMessage\n          id={id}\n          message={message}\n          variant={variant}\n          snackbarContentProps={snackbarContentProps}\n        />,\n        { ...otherOptions, className: clsx(className) }\n      );\n    },\n    [enqueueNotistackSnackbar]\n  );\n  return useMemo(\n    () => ({\n      enqueueSnackbar,\n      closeSnackbar,\n    }),\n    [enqueueSnackbar, closeSnackbar]\n  );\n};\n\nconst HvSnackbarProvider = ({\n  children,\n  notistackClassesOverride = {},\n  maxSnack = 5,\n  autoHideDuration = 5000,\n  anchorOrigin = {\n    vertical: \"top\",\n    horizontal: \"right\",\n  },\n  ...others\n}) => {\n  return (\n    <StyledRoot $notistackClassesOverride={notistackClassesOverride}>\n      <StyledSnackbarProvider\n        maxSnack={maxSnack}\n        autoHideDuration={autoHideDuration}\n        anchorOrigin={anchorOrigin as SnackbarOrigin}\n        {...others}\n      >\n        {children}\n      </StyledSnackbarProvider>\n    </StyledRoot>\n  );\n};\n\nexport default HvSnackbarProvider;\nexport { useHvSnackbar };\n"],"names":["HvNotistackSnackMessage","forwardRef","id","message","variant","snackbarContentProps","ref","SnackbarContent","children","HvSnackbarContentWrapper","showIcon","label","StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","$notistackClassesOverride","pointerEvents","padding","transition","StyledSnackbarProvider","SnackbarProvider","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","useHvSnackbar","enqueueSnackbar","enqueueNotistackSnackbar","closeSnackbar","useSnackbar","useCallback","options","className","otherOptions","clsx","useMemo","HvSnackbarProvider","notistackClassesOverride","maxSnack","autoHideDuration","anchorOrigin","vertical","horizontal","others"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAMA,0BAA0BC,iBAG9B,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAASC,UAAU;AAAA,EAAWC;AAAqB,GAAGC,QAAQ;AACrE,wCACGC,UAAAA,iBAAe;AAAA,IAACD;AAAAA,IAASE,yCACvBC,gCAAwB;AAAA,MACvBP;AAAAA,MACAE;AAAAA,MACAM,UAAQ;AAAA,MACRC,OAAOR;AAAAA,MAAQ,GACXE;AAAAA,IAAAA,CAAoB;AAAA,EAAA,CAEV;AAEtB,CAAC;AAED,MAAMO,sDACJ,OAAKC,QAAAC,IAAAC,aAAA,eAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAN,OAAA;AAAA,GAAhBO,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAiE,OAAO;AAAA,EAC3E,6BAA6B;AAAA,IAC3BC,eAAe;AAAA,IACf,iBAAiB;AAAA,MAEfC,SAAS;AAAA,MACTC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,GAAGH;AACL,IAAEN,QAAAC,IAAAC,aAAC,eAAA,KAAA,q/LAAA;AAEH,MAAMQ,yBAAgCC,iCAAAA,QAAAA,UAAAA,kBAAgBX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAN,OAAA;AAAA,CAAA,EAACE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAU,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAiBrD;AAGF,MAAMC,gBAAgBA,MAAM;AACpB,QAAA;AAAA,IAAEC,iBAAiBC;AAAAA,IAA0BC;AAAAA,MACjDC,UAAa,YAAA;AACf,QAAMH,kBAAkBI,MACtB,YAAA,CAAChC,SAASiC,UAAU,CAAA,MAAO;AACnB,UAAA;AAAA,MACJlC;AAAAA,MACAE,UAAU;AAAA,MACVC;AAAAA,MACAgC;AAAAA,SACGC;AAAAA,IAC6BF,IAAAA;AAE3BJ,WAAAA,wDACJhC,yBAAuB;AAAA,MACtBE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,IAAAA,CAA2C,GAE7C;AAAA,MAAE,GAAGiC;AAAAA,MAAcD,WAAWE,sBAAKF,SAAS;AAAA,IAAA,CAAG;AAAA,EAAA,GAGnD,CAACL,wBAAwB,CAAC;AAE5B,SAAOQ,cACL,OAAO;AAAA,IACLT;AAAAA,IACAE;AAAAA,EAEF,IAAA,CAACF,iBAAiBE,aAAa,CAAC;AAEpC;AAEA,MAAMQ,qBAAqBA,CAAC;AAAA,EAC1BjC;AAAAA,EACAkC,2BAA2B,CAAC;AAAA,EAC5BC,WAAW;AAAA,EACXC,mBAAmB;AAAA,EACnBC,eAAe;AAAA,IACbC,UAAU;AAAA,IACVC,YAAY;AAAA,EACd;AAAA,KACGC;AACL,MAAM;AACJ,wCACGpC,YAAU;AAAA,IAACO,2BAA2BuB;AAAAA,IAAyBlC,yCAC7De,wBAAsB;AAAA,MACrBoB;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MAA6C,GACzCG;AAAAA,MAAMxC;AAAAA,IAAAA,CAED;AAAA,EAAA,CAEA;AAEjB;AAEA,MAAA,uBAAeiC;;;"}
+{"version":3,"file":"SnackbarProvider.cjs","sources":["../../../../../src/components/Snackbar/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["import { forwardRef, useCallback, useMemo } from \"react\";\nimport { SnackbarContent, SnackbarProvider, useSnackbar } from \"notistack\";\nimport clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvSnackbarContent } from \"../SnackbarContentWrapper\";\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvSnackbarContentProps } from \"../SnackbarContentWrapper/SnackbarContentWrapper\";\n\nexport type HvSnackbarProviderProps = {\n  /** Your component tree. */\n  children: React.ReactNode;\n  /** Max visible snackbars. */\n  maxSnack?: number;\n  /** How much time the snackbar remains visible in milliseconds. */\n  autoHideDuration?: number;\n  /** Where is the snackbar placed. */\n  anchorOrigin?: SnackbarOrigin;\n  /** Class object used to override notistack classes. */\n  notistackClassesOverride?: object;\n};\n\nexport type HvNotistackSnackMessageProps = {\n  /** Id to be applied to the root node. */\n  id?: string;\n  /** Classname to apply on the root node */\n  className?: string;\n  /** Your component tree. */\n  message?: string;\n  /** Variant of the snackbar. */\n  variant?: HvSnackbarVariant;\n  /** Extra values to pass to the snackbar. */\n  snackbarContentProps?: HvSnackbarContentProps;\n};\n\nconst HvNotistackSnackMessage = forwardRef<\n  HTMLDivElement,\n  HvNotistackSnackMessageProps\n>(({ id, message, variant = \"success\", snackbarContentProps }, ref) => {\n  return (\n    <SnackbarContent ref={ref}>\n      <HvSnackbarContent\n        id={id}\n        variant={variant}\n        showIcon\n        label={message}\n        {...snackbarContentProps}\n      />\n    </SnackbarContent>\n  );\n});\n\nconst StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(({ $notistackClassesOverride }: { $notistackClassesOverride: object }) => ({\n  \"& .SnackbarContainer-root\": {\n    pointerEvents: \"all\",\n    \"& > div > div\": {\n      // Overrides notistack extra padding\n      padding: \"0 !important\",\n      transition: \"all 0s ease 0s !important\",\n    },\n  },\n  ...$notistackClassesOverride,\n}));\n\nconst StyledSnackbarProvider = styled(SnackbarProvider)({\n  backgroundColor: \"transparent !important\",\n  boxShadow: \"none !important\",\n  \"&&\": {\n    color: \"inherit\",\n    padding: \"0\",\n    fontSize: \"inherit\",\n    boxShadow: \"none\",\n    alignItems: \"center\",\n    fontFamily: \"inherit\",\n    fontWeight: \"inherit\",\n    lineHeight: \"inherit\",\n    borderRadius: \"0\",\n    letterSpacing: \"inherit\",\n    backgroundColor: \"inherit\",\n  },\n});\n\n// We override notistack hook to be able to customize the snackbar that should be called.\nconst useHvSnackbar = () => {\n  const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } =\n    useSnackbar();\n  const enqueueSnackbar = useCallback(\n    (message, options = {}) => {\n      const {\n        id,\n        variant = \"success\",\n        snackbarContentProps,\n        className,\n        ...otherOptions\n      }: HvNotistackSnackMessageProps = options;\n\n      return enqueueNotistackSnackbar(\n        <HvNotistackSnackMessage\n          id={id}\n          message={message}\n          variant={variant}\n          snackbarContentProps={snackbarContentProps}\n        />,\n        { ...otherOptions, className: clsx(className) }\n      );\n    },\n    [enqueueNotistackSnackbar]\n  );\n  return useMemo(\n    () => ({\n      enqueueSnackbar,\n      closeSnackbar,\n    }),\n    [enqueueSnackbar, closeSnackbar]\n  );\n};\n\nconst HvSnackbarProvider = ({\n  children,\n  notistackClassesOverride = {},\n  maxSnack = 5,\n  autoHideDuration = 5000,\n  anchorOrigin = {\n    vertical: \"top\",\n    horizontal: \"right\",\n  },\n  ...others\n}) => {\n  return (\n    <StyledRoot $notistackClassesOverride={notistackClassesOverride}>\n      <StyledSnackbarProvider\n        maxSnack={maxSnack}\n        autoHideDuration={autoHideDuration}\n        anchorOrigin={anchorOrigin as SnackbarOrigin}\n        {...others}\n      >\n        {children}\n      </StyledSnackbarProvider>\n    </StyledRoot>\n  );\n};\n\nexport default HvSnackbarProvider;\nexport { useHvSnackbar };\n"],"names":["HvNotistackSnackMessage","forwardRef","id","message","variant","snackbarContentProps","ref","SnackbarContent","children","HvSnackbarContent","showIcon","label","StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","$notistackClassesOverride","pointerEvents","padding","transition","StyledSnackbarProvider","SnackbarProvider","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","useHvSnackbar","enqueueSnackbar","enqueueNotistackSnackbar","closeSnackbar","useSnackbar","useCallback","options","className","otherOptions","clsx","useMemo","HvSnackbarProvider","notistackClassesOverride","maxSnack","autoHideDuration","anchorOrigin","vertical","horizontal","others"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAMA,0BAA0BC,iBAG9B,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAASC,UAAU;AAAA,EAAWC;AAAqB,GAAGC,QAAQ;AACrE,wCACGC,UAAAA,iBAAe;AAAA,IAACD;AAAAA,IAASE,yCACvBC,gCAAiB;AAAA,MAChBP;AAAAA,MACAE;AAAAA,MACAM,UAAQ;AAAA,MACRC,OAAOR;AAAAA,MAAQ,GACXE;AAAAA,IAAAA,CAAoB;AAAA,EAAA,CAEV;AAEtB,CAAC;AAED,MAAMO,sDACJ,OAAKC,QAAAC,IAAAC,aAAA,eAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAN,OAAA;AAAA,GAAhBO,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAiE,OAAO;AAAA,EAC3E,6BAA6B;AAAA,IAC3BC,eAAe;AAAA,IACf,iBAAiB;AAAA;AAAA,MAEfC,SAAS;AAAA,MACTC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,GAAGH;AACL,IAAEN,QAAAC,IAAAC,aAAC,eAAA,KAAA,ykMAAA;AAEH,MAAMQ,yBAAgCC,iCAAAA,QAAAA,UAAAA,kBAAgBX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAN,OAAA;AAAA,CAAA,EAACE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAU,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAgBrD;AAGF,MAAMC,gBAAgBA,MAAM;AACpB,QAAA;AAAA,IAAEC,iBAAiBC;AAAAA,IAA0BC;AAAAA,MACjDC,UAAa,YAAA;AACf,QAAMH,kBAAkBI,MACtB,YAAA,CAAChC,SAASiC,UAAU,CAAA,MAAO;AACnB,UAAA;AAAA,MACJlC;AAAAA,MACAE,UAAU;AAAA,MACVC;AAAAA,MACAgC;AAAAA,MACA,GAAGC;AAAAA,IAC6BF,IAAAA;AAE3BJ,WAAAA,wDACJhC,yBAAuB;AAAA,MACtBE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,IAAAA,CAA2C,GAE7C;AAAA,MAAE,GAAGiC;AAAAA,MAAcD,WAAWE,sBAAKF,SAAS;AAAA,IAAA,CAAG;AAAA,EAAA,GAGnD,CAACL,wBAAwB,CAAC;AAE5B,SAAOQ,cACL,OAAO;AAAA,IACLT;AAAAA,IACAE;AAAAA,EAEF,IAAA,CAACF,iBAAiBE,aAAa,CAAC;AAEpC;AAEA,MAAMQ,qBAAqBA,CAAC;AAAA,EAC1BjC;AAAAA,EACAkC,2BAA2B,CAAC;AAAA,EAC5BC,WAAW;AAAA,EACXC,mBAAmB;AAAA,EACnBC,eAAe;AAAA,IACbC,UAAU;AAAA,IACVC,YAAY;AAAA,EACd;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,wCACGpC,YAAU;AAAA,IAACO,2BAA2BuB;AAAAA,IAAyBlC,yCAC7De,wBAAsB;AAAA,MACrBoB;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MAA6C,GACzCG;AAAAA,MAAMxC;AAAAA,IAAAA,CAED;AAAA,EAAA,CAEA;AAEjB;AAEA,MAAA,uBAAeiC;;;"}

package/dist/cjs/components/Snackbar/snackbarClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../utils/classes.cjs");
+const classKeys = ["root", "anchorOriginTopRight", "anchorOriginTopLeft", "anchorOriginTopCenter", "anchorOriginBottomCenter", "anchorOriginBottomLeft", "anchorOriginBottomRight"];
+const snackbarClasses = classes.getClasses(classKeys, "HvSnackbar");
+const snackbarClasses$1 = snackbarClasses;
+exports.default = snackbarClasses$1;
+//# sourceMappingURL=snackbarClasses.cjs.map