@hitachivantara/uikit-react-core 5.0.0-next.7 → 5.0.0-next.8

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { PopperProps } from \"@mui/material\";\nimport clsx from \"clsx\";\nimport { setId } from \"utils\";\nimport { useLabels, useUniqueId, useControlled } from \"hooks\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport dropdownClasses, { HvDropdownClasses } from \"./dropdownClasses\";\nimport { HvDropdownList, HvDropdownListProps } from \"./List\";\nimport {\n  StyledDropdown,\n  StyledHvFormElement,\n  StyledLabel,\n  StyledLabelContainer,\n  StyledTypography,\n} from \"./Dropdown.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  HvBaseDropdownProps,\n  HvInfoMessage,\n  HvListValue,\n  HvWarningText,\n} from \"components\";\n\nexport type HvDropdownLabelsProps = {\n  /**\n   * Label for overwrite the default header behavior.\n   */\n  select?: string;\n  /**\n   * Label used for the All checkbox action.\n   */\n  selectAll?: string;\n  /**\n   * Cancel button label.\n   */\n  cancelLabel?: string;\n  /**\n   * Apply button label.\n   */\n  applyLabel?: string;\n  /**\n   * The label used in the middle of the multiSelection count.\n   */\n  multiSelectionConjunction?: string;\n  /**\n   * The label used in search.\n   */\n  searchPlaceholder?: string;\n};\n\nexport type HvDropdownStatus = \"standBy\" | \"valid\" | \"invalid\";\n\nexport type HvDropdownProps = HvBaseProps<HTMLDivElement, { onChange }> & {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvDropdownClasses;\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id?: string;\n  /**\n   * The form element name.\n   */\n  name?: string;\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?: any;\n  /**\n   * @ignore\n   */\n  \"aria-label\"?: string;\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\"?: string;\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description?: any;\n  /**\n   * @ignore\n   */\n  \"aria-describedby\"?: string;\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder?: string;\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the form element is in read only mode.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user input is required on the form element.\n   */\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?: HvDropdownStatus;\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?: any;\n  /**\n   * Identifies the element that provides an error message for the dropdown.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\"?: string;\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange?: (selected: HvListValue | HvListValue[] | undefined) => void;\n\n  /**\n   * The list to be rendered by the dropdown.\n   */\n  values?: HvListValue[];\n  /**\n   * If `true` the dropdown is multiSelect, if `false` the dropdown is single select.\n   */\n  multiSelect?: boolean;\n  /**\n   * If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.\n   */\n  showSearch?: boolean;\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender?: boolean;\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels?: HvDropdownLabelsProps;\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips?: boolean;\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal?: boolean;\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth?: boolean;\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle?: boolean;\n  /**\n   * Placement of the dropdown.\n   */\n  placement?: \"left\" | \"right\";\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps?: Partial<PopperProps>;\n\n  /**\n   * Callback called when the user cancels the changes.\n   *\n   * Called when the cancel button is used and when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onCancel?: (event: Event) => void;\n  /**\n   * Callback called when dropdown changes the expanded state.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n   */\n  onToggle?: (event: Event, open: boolean) => void;\n  /**\n   * Callback called when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onClickOutside?: (event: Event) => void;\n  /**\n   * @ignore\n   */\n  onFocus?: React.FocusEventHandler<any>;\n  /**\n   * @ignore\n   */\n  onBlur?: React.FocusEventHandler<any>;\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height?: number;\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  maxHeight?: number;\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized?: boolean;\n  /**\n   * Extra props passed to the dropdown.\n   */\n  baseDropdownProps?: HvBaseDropdownProps;\n  /**\n   * Extra props passed to the list.\n   */\n  listProps?: HvDropdownListProps;\n};\n\nconst DEFAULT_LABELS: HvDropdownLabelsProps = {\n  select: undefined,\n  selectAll: \"All\",\n  cancelLabel: \"Cancel\",\n  applyLabel: \"Apply\",\n  searchPlaceholder: \"Search\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n */\nexport const HvDropdown = (props: HvDropdownProps) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n    readOnly = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    placeholder = \"Select...\",\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    onCancel,\n    onToggle,\n    onClickOutside,\n\n    onFocus,\n    onBlur,\n\n    values,\n    multiSelect = false,\n    showSearch = false,\n    expanded,\n    defaultExpanded = false,\n    notifyChangesOnFirstRender = false,\n    labels: labelsProp,\n    hasTooltips = false,\n    disablePortal = false,\n    singleSelectionToggle = true,\n    placement,\n    variableWidth = false,\n    popperProps = {},\n    height,\n    maxHeight,\n    virtualized = false,\n    baseDropdownProps = {},\n    listProps = {},\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdropdown\");\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [selectionLabel, setSelectionLabel] = useState(\n    getSelectionLabel(labels, placeholder, multiSelect, values)\n  );\n  const [internalValues, setInternalValues] = useState(values);\n\n  useEffect(() => {\n    setInternalValues(values);\n  }, [values]);\n\n  useEffect(() => {\n    setSelectionLabel(\n      getSelectionLabel(labels, placeholder, multiSelect, values)\n    );\n  }, [labels, multiSelect, placeholder, values]);\n\n  if (virtualized && !height && process.env.NODE_ENV !== \"production\") {\n    // eslint-disable-next-line no-console\n    console.error(\n      \"Dropdown/List in virtualized mode requires a height. Please define it.\"\n    );\n  }\n\n  const dropdownHeaderRef = useRef<HTMLDivElement>();\n\n  const handleToggle = (_e, open) => {\n    onToggle?.(_e, open);\n\n    setIsOpen(open);\n\n    if (!open) {\n      // also run built-in validation when closing without changes\n      // as the user \"touched\" the input\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required) {\n          const hasSelection = getSelected(internalValues).length > 0;\n\n          if (!hasSelection) {\n            return \"invalid\";\n          }\n        }\n\n        return \"valid\";\n      });\n    }\n  };\n\n  /**\n   * Applies the selected values to the state\n   *\n   * @param {Array} listValues - An array containing the selected values.\n   * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n   * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n   * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n   */\n  const handleSelection = (\n    listValues,\n    commitChanges,\n    toggle,\n    notifyChanges = true\n  ) => {\n    const selected = getSelected(listValues);\n\n    if (commitChanges) {\n      setInternalValues(listValues);\n      setSelectionLabel(\n        getSelectionLabel(labels, placeholder, multiSelect, listValues)\n      );\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && selected.length === 0) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n    }\n    if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);\n    if (toggle) {\n      handleToggle(undefined, false);\n\n      // focus-ring won't be visible even if using the keyboard:\n      // https://github.com/WICG/focus-visible/issues/88\n      dropdownHeaderRef.current?.focus({ preventScroll: true });\n    }\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = (evt) => {\n    onCancel?.(evt);\n\n    handleToggle(evt, false);\n\n    // focus-ring won't be visible even if using the keyboard:\n    // https://github.com/WICG/focus-visible/issues/88\n    dropdownHeaderRef.current?.focus({ preventScroll: true });\n  };\n\n  const handleClickOutside = (evt) => {\n    onClickOutside?.(evt);\n    onCancel?.(evt);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const inputs = containerRef?.getElementsByTagName(\"input\");\n    if (inputs?.length > 0) {\n      inputs[0].focus();\n      return;\n    }\n    const listItems =\n      containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  const buildHeaderLabel = () => {\n    const hasSelection = getSelected(internalValues).length > 0;\n    return labels?.select || !multiSelect ? (\n      <StyledTypography\n        component=\"div\"\n        $selectionDisabled={disabled}\n        $isOpen={isOpen || hasSelection}\n        variant=\"body\"\n        className={clsx(\n          dropdownClasses?.placeholder,\n          classes?.placeholder,\n          disabled &&\n            clsx(dropdownClasses?.selectionDisabled, classes?.selectionDisabled)\n        )}\n      >\n        {selectionLabel.selected}\n      </StyledTypography>\n    ) : (\n      <StyledTypography\n        component=\"div\"\n        $selectionDisabled={disabled}\n        className={clsx(\n          dropdownClasses?.placeholder,\n          classes?.placeholder,\n          disabled &&\n            clsx(dropdownClasses?.selectionDisabled, classes?.selectionDisabled)\n        )}\n        variant=\"body\"\n      >\n        <b>{selectionLabel.selected}</b>\n        {` ${labels?.multiSelectionConjunction} ${selectionLabel.total}`}\n      </StyledTypography>\n    );\n  };\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\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 isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledHvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      className={clsx(dropdownClasses.root, className, classes?.root)}\n      $selectionDisabled={disabled}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <StyledLabelContainer\n          className={clsx(\n            dropdownClasses.labelContainer,\n            classes?.labelContainer\n          )}\n        >\n          {hasLabel && (\n            <StyledLabel\n              id={setId(elementId, \"label\")}\n              label={label}\n              className={clsx(classes?.label, dropdownClasses.label)}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              id={setId(elementId, \"description\")}\n              className={clsx(\n                classes?.description,\n                dropdownClasses.description\n              )}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </StyledLabelContainer>\n      )}\n      <StyledDropdown\n        id={setId(id, \"dropdown\")}\n        classes={{\n          root: clsx(classes?.dropdown, dropdownClasses.dropdown),\n          arrow: clsx(classes?.arrow, dropdownClasses.arrow),\n          header: clsx(\n            dropdownClasses.dropdownHeader,\n            classes?.dropdownHeader,\n            isStateInvalid &&\n              clsx(\n                dropdownClasses.dropdownHeaderInvalid,\n                classes?.dropdownHeaderInvalid\n              )\n          ),\n          headerOpen: clsx(\n            dropdownClasses.dropdownHeaderOpen,\n            classes?.dropdownHeaderOpen\n          ),\n        }}\n        $dropdownHeaderInvalid={isStateInvalid}\n        $readOnly={readOnly}\n        expanded={isOpen}\n        disabled={disabled}\n        readOnly={readOnly}\n        disablePortal={disablePortal}\n        placement={placement}\n        popperProps={popperProps}\n        placeholder={buildHeaderLabel()}\n        onToggle={handleToggle}\n        onClickOutside={handleClickOutside}\n        onContainerCreation={setFocusToContent}\n        role=\"combobox\"\n        variableWidth={variableWidth}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        onFocus={onFocus}\n        onBlur={onBlur}\n        dropdownHeaderRef={dropdownHeaderRef}\n        {...baseDropdownProps}\n      >\n        <HvDropdownList\n          id={setId(elementId, \"values\")}\n          classes={{\n            rootList: clsx(dropdownClasses.rootList, classes?.rootList),\n            dropdownListContainer: clsx(\n              dropdownClasses.dropdownListContainer,\n              classes?.dropdownListContainer\n            ),\n          }}\n          values={internalValues}\n          multiSelect={multiSelect}\n          showSearch={showSearch}\n          onChange={handleSelection}\n          onCancel={handleCancel}\n          labels={labels}\n          notifyChangesOnFirstRender={notifyChangesOnFirstRender}\n          hasTooltips={hasTooltips}\n          singleSelectionToggle={singleSelectionToggle}\n          aria-labelledby={hasLabel ? setId(elementId, \"label\") : undefined}\n          height={height}\n          maxHeight={maxHeight}\n          virtualized={virtualized}\n          {...listProps}\n        />\n      </StyledDropdown>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(dropdownClasses.error, classes?.error)}\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledHvFormElement>\n  );\n};\n"],"names":["DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labels","labelsProp","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","maxHeight","virtualized","baseDropdownProps","listProps","others","useLabels","elementId","useUniqueId","validationState","setValidationState","useControlled","validationMessage","isOpen","setIsOpen","Boolean","selectionLabel","setSelectionLabel","useState","getSelectionLabel","internalValues","setInternalValues","useEffect","process","env","NODE_ENV","console","error","dropdownHeaderRef","useRef","handleToggle","_e","open","hasSelection","getSelected","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","StyledTypography","component","$selectionDisabled","$isOpen","variant","clsx","dropdownClasses","selectionDisabled","children","_jsxs","_jsx","total","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","setId","StyledHvFormElement","root","StyledLabelContainer","labelContainer","StyledLabel","HvInfoMessage","StyledDropdown","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","$dropdownHeaderInvalid","$readOnly","onContainerCreation","role","join","trim","HvDropdownList","rootList","dropdownListContainer","HvWarningText","disableBorder"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { PopperProps } from \"@mui/material\";\nimport clsx from \"clsx\";\nimport { setId } from \"utils\";\nimport { useLabels, useUniqueId, useControlled } from \"hooks\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport dropdownClasses, { HvDropdownClasses } from \"./dropdownClasses\";\nimport { HvDropdownList, HvDropdownListProps } from \"./List\";\nimport {\n  StyledDropdown,\n  StyledHvFormElement,\n  StyledLabel,\n  StyledLabelContainer,\n  StyledTypography,\n} from \"./Dropdown.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  HvBaseDropdownProps,\n  HvInfoMessage,\n  HvListValue,\n  HvWarningText,\n} from \"components\";\n\nexport type HvDropdownLabelsProps = {\n  /**\n   * Label for overwrite the default header behavior.\n   */\n  select?: string;\n  /**\n   * Label used for the All checkbox action.\n   */\n  selectAll?: string;\n  /**\n   * Cancel button label.\n   */\n  cancelLabel?: string;\n  /**\n   * Apply button label.\n   */\n  applyLabel?: string;\n  /**\n   * The label used in the middle of the multiSelection count.\n   */\n  multiSelectionConjunction?: string;\n  /**\n   * The label used in search.\n   */\n  searchPlaceholder?: string;\n};\n\nexport type HvDropdownStatus = \"standBy\" | \"valid\" | \"invalid\";\n\nexport type HvDropdownProps = HvBaseProps<HTMLDivElement, { onChange }> & {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvDropdownClasses;\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id?: string;\n  /**\n   * The form element name.\n   */\n  name?: string;\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?: any;\n  /**\n   * @ignore\n   */\n  \"aria-label\"?: string;\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\"?: string;\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description?: any;\n  /**\n   * @ignore\n   */\n  \"aria-describedby\"?: string;\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder?: string;\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the form element is in read only mode.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user input is required on the form element.\n   */\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?: HvDropdownStatus;\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?: any;\n  /**\n   * Identifies the element that provides an error message for the dropdown.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\"?: string;\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange?: (selected: HvListValue | HvListValue[] | undefined) => void;\n\n  /**\n   * The list to be rendered by the dropdown.\n   */\n  values?: HvListValue[];\n  /**\n   * If `true` the dropdown is multiSelect, if `false` the dropdown is single select.\n   */\n  multiSelect?: boolean;\n  /**\n   * If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.\n   */\n  showSearch?: boolean;\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender?: boolean;\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels?: HvDropdownLabelsProps;\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips?: boolean;\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal?: boolean;\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth?: boolean;\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle?: boolean;\n  /**\n   * Placement of the dropdown.\n   */\n  placement?: \"left\" | \"right\";\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps?: Partial<PopperProps>;\n\n  /**\n   * Callback called when the user cancels the changes.\n   *\n   * Called when the cancel button is used and when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onCancel?: (event: Event) => void;\n  /**\n   * Callback called when dropdown changes the expanded state.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n   */\n  onToggle?: (event: Event, open: boolean) => void;\n  /**\n   * Callback called when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onClickOutside?: (event: Event) => void;\n  /**\n   * @ignore\n   */\n  onFocus?: React.FocusEventHandler<any>;\n  /**\n   * @ignore\n   */\n  onBlur?: React.FocusEventHandler<any>;\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height?: number;\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  maxHeight?: number;\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized?: boolean;\n  /**\n   * Extra props passed to the dropdown.\n   */\n  baseDropdownProps?: HvBaseDropdownProps;\n  /**\n   * Extra props passed to the list.\n   */\n  listProps?: HvDropdownListProps;\n};\n\nconst DEFAULT_LABELS: HvDropdownLabelsProps = {\n  select: undefined,\n  selectAll: \"All\",\n  cancelLabel: \"Cancel\",\n  applyLabel: \"Apply\",\n  searchPlaceholder: \"Search\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n */\nexport const HvDropdown = (props: HvDropdownProps) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n    readOnly = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    placeholder = \"Select...\",\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    onCancel,\n    onToggle,\n    onClickOutside,\n\n    onFocus,\n    onBlur,\n\n    values,\n    multiSelect = false,\n    showSearch = false,\n    expanded,\n    defaultExpanded = false,\n    notifyChangesOnFirstRender = false,\n    labels: labelsProp,\n    hasTooltips = false,\n    disablePortal = false,\n    singleSelectionToggle = true,\n    placement,\n    variableWidth = false,\n    popperProps = {},\n    height,\n    maxHeight,\n    virtualized = false,\n    baseDropdownProps = {},\n    listProps = {},\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdropdown\");\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [selectionLabel, setSelectionLabel] = useState(\n    getSelectionLabel(labels, placeholder, multiSelect, values)\n  );\n  const [internalValues, setInternalValues] = useState(values);\n\n  useEffect(() => {\n    setInternalValues(values);\n  }, [values]);\n\n  useEffect(() => {\n    setSelectionLabel(\n      getSelectionLabel(labels, placeholder, multiSelect, values)\n    );\n  }, [labels, multiSelect, placeholder, values]);\n\n  if (virtualized && !height && process.env.NODE_ENV !== \"production\") {\n    // eslint-disable-next-line no-console\n    console.error(\n      \"Dropdown/List in virtualized mode requires a height. Please define it.\"\n    );\n  }\n\n  const dropdownHeaderRef = useRef<HTMLDivElement>();\n\n  const handleToggle = (_e, open) => {\n    onToggle?.(_e, open);\n\n    setIsOpen(open);\n\n    if (!open) {\n      // also run built-in validation when closing without changes\n      // as the user \"touched\" the input\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required) {\n          const hasSelection = getSelected(internalValues).length > 0;\n\n          if (!hasSelection) {\n            return \"invalid\";\n          }\n        }\n\n        return \"valid\";\n      });\n    }\n  };\n\n  /**\n   * Applies the selected values to the state\n   *\n   * @param {Array} listValues - An array containing the selected values.\n   * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n   * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n   * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n   */\n  const handleSelection = (\n    listValues,\n    commitChanges,\n    toggle,\n    notifyChanges = true\n  ) => {\n    const selected = getSelected(listValues);\n\n    if (commitChanges) {\n      setInternalValues(listValues);\n      setSelectionLabel(\n        getSelectionLabel(labels, placeholder, multiSelect, listValues)\n      );\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && selected.length === 0) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n    }\n    if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);\n    if (toggle) {\n      handleToggle(undefined, false);\n\n      // focus-ring won't be visible even if using the keyboard:\n      // https://github.com/WICG/focus-visible/issues/88\n      dropdownHeaderRef.current?.focus({ preventScroll: true });\n    }\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = (evt) => {\n    onCancel?.(evt);\n\n    handleToggle(evt, false);\n\n    // focus-ring won't be visible even if using the keyboard:\n    // https://github.com/WICG/focus-visible/issues/88\n    dropdownHeaderRef.current?.focus({ preventScroll: true });\n  };\n\n  const handleClickOutside = (evt) => {\n    onClickOutside?.(evt);\n    onCancel?.(evt);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const inputs = containerRef?.getElementsByTagName(\"input\");\n    if (inputs?.length > 0) {\n      inputs[0].focus();\n      return;\n    }\n    const listItems =\n      containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  const buildHeaderLabel = () => {\n    const hasSelection = getSelected(internalValues).length > 0;\n    return labels?.select || !multiSelect ? (\n      <StyledTypography\n        component=\"div\"\n        $selectionDisabled={disabled}\n        $isOpen={isOpen || hasSelection}\n        variant=\"body\"\n        className={clsx(\n          dropdownClasses?.placeholder,\n          classes?.placeholder,\n          disabled &&\n            clsx(dropdownClasses?.selectionDisabled, classes?.selectionDisabled)\n        )}\n      >\n        {selectionLabel.selected}\n      </StyledTypography>\n    ) : (\n      <StyledTypography\n        component=\"div\"\n        $selectionDisabled={disabled}\n        className={clsx(\n          dropdownClasses?.placeholder,\n          classes?.placeholder,\n          disabled &&\n            clsx(dropdownClasses?.selectionDisabled, classes?.selectionDisabled)\n        )}\n        variant=\"body\"\n      >\n        <b>{selectionLabel.selected}</b>\n        {` ${labels?.multiSelectionConjunction} ${selectionLabel.total}`}\n      </StyledTypography>\n    );\n  };\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\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 isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledHvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      className={clsx(className, dropdownClasses.root, classes?.root)}\n      $selectionDisabled={disabled}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <StyledLabelContainer\n          className={clsx(\n            dropdownClasses.labelContainer,\n            classes?.labelContainer\n          )}\n        >\n          {hasLabel && (\n            <StyledLabel\n              id={setId(elementId, \"label\")}\n              label={label}\n              className={clsx(classes?.label, dropdownClasses.label)}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              id={setId(elementId, \"description\")}\n              className={clsx(\n                classes?.description,\n                dropdownClasses.description\n              )}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </StyledLabelContainer>\n      )}\n      <StyledDropdown\n        id={setId(id, \"dropdown\")}\n        classes={{\n          root: clsx(classes?.dropdown, dropdownClasses.dropdown),\n          arrow: clsx(classes?.arrow, dropdownClasses.arrow),\n          header: clsx(\n            dropdownClasses.dropdownHeader,\n            classes?.dropdownHeader,\n            isStateInvalid &&\n              clsx(\n                dropdownClasses.dropdownHeaderInvalid,\n                classes?.dropdownHeaderInvalid\n              )\n          ),\n          headerOpen: clsx(\n            dropdownClasses.dropdownHeaderOpen,\n            classes?.dropdownHeaderOpen\n          ),\n        }}\n        $dropdownHeaderInvalid={isStateInvalid}\n        $readOnly={readOnly}\n        expanded={isOpen}\n        disabled={disabled}\n        readOnly={readOnly}\n        disablePortal={disablePortal}\n        placement={placement}\n        popperProps={popperProps}\n        placeholder={buildHeaderLabel()}\n        onToggle={handleToggle}\n        onClickOutside={handleClickOutside}\n        onContainerCreation={setFocusToContent}\n        role=\"combobox\"\n        variableWidth={variableWidth}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        onFocus={onFocus}\n        onBlur={onBlur}\n        dropdownHeaderRef={dropdownHeaderRef}\n        {...baseDropdownProps}\n      >\n        <HvDropdownList\n          id={setId(elementId, \"values\")}\n          classes={{\n            rootList: clsx(dropdownClasses.rootList, classes?.rootList),\n            dropdownListContainer: clsx(\n              dropdownClasses.dropdownListContainer,\n              classes?.dropdownListContainer\n            ),\n          }}\n          values={internalValues}\n          multiSelect={multiSelect}\n          showSearch={showSearch}\n          onChange={handleSelection}\n          onCancel={handleCancel}\n          labels={labels}\n          notifyChangesOnFirstRender={notifyChangesOnFirstRender}\n          hasTooltips={hasTooltips}\n          singleSelectionToggle={singleSelectionToggle}\n          aria-labelledby={hasLabel ? setId(elementId, \"label\") : undefined}\n          height={height}\n          maxHeight={maxHeight}\n          virtualized={virtualized}\n          {...listProps}\n        />\n      </StyledDropdown>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(dropdownClasses.error, classes?.error)}\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledHvFormElement>\n  );\n};\n"],"names":["DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labels","labelsProp","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","maxHeight","virtualized","baseDropdownProps","listProps","others","useLabels","elementId","useUniqueId","validationState","setValidationState","useControlled","validationMessage","isOpen","setIsOpen","Boolean","selectionLabel","setSelectionLabel","useState","getSelectionLabel","internalValues","setInternalValues","useEffect","process","env","NODE_ENV","console","error","dropdownHeaderRef","useRef","handleToggle","_e","open","hasSelection","getSelected","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","StyledTypography","component","$selectionDisabled","$isOpen","variant","clsx","dropdownClasses","selectionDisabled","children","_jsxs","_jsx","total","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","setId","StyledHvFormElement","root","StyledLabelContainer","labelContainer","StyledLabel","HvInfoMessage","StyledDropdown","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","$dropdownHeaderInvalid","$readOnly","onContainerCreation","role","join","trim","HvDropdownList","rootList","dropdownListContainer","HvWarningText","disableBorder"],"mappings":"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"}

package/dist/esm/components/EmptyState/EmptyState.js

@@ -1,12 +1,17 @@
 import { useTheme } from "@mui/material/styles";
 import clsx from "clsx";
+import { useContext } from "react";
 import emptyStateClasses from "./emptyStateClasses.js";
-import { StyledRoot, StyledContainer, StyledIconContainer, StyledTextContainer, StyledTypography } from "./EmptyState.styles.js";
+import { StyledRoot, StyledContainer, StyledTextContainer, StyledTypography } from "./EmptyState.styles.js";
+import "@hitachivantara/uikit-styles";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { HvThemeContext } from "../../providers/ThemeProvider.js";
 const HvEmptyState = (props) => {
+  const {
+    activeTheme
+  } = useContext(HvThemeContext);
   const muiTheme = useTheme();
-  const renderNode = (node, className2, type, variant) => node && /* @__PURE__ */ jsx(StyledTypography, {
-    $breakpoints: muiTheme.breakpoints,
+  const renderNode = (type, variant, node, className2) => node && /* @__PURE__ */ jsx(StyledTypography, {
     $type: type,
     variant,
     className: className2,
@@ -25,15 +30,16 @@ const HvEmptyState = (props) => {
     className: clsx(className, emptyStateClasses.root, classes == null ? void 0 : classes.root),
     ...others,
     children: /* @__PURE__ */ jsxs(StyledContainer, {
+      className: clsx(emptyStateClasses.container, classes == null ? void 0 : classes.container, !!(message && !(title || action)) && clsx(emptyStateClasses.containerMessageOnly, classes == null ? void 0 : classes.containerMessageOnly)),
       $breakpoints: muiTheme.breakpoints,
       $messageOnly: !!(message && !(title || action)),
-      children: [/* @__PURE__ */ jsx(StyledIconContainer, {
+      children: [/* @__PURE__ */ jsx("div", {
         className: clsx(emptyStateClasses.iconContainer, classes == null ? void 0 : classes.iconContainer),
         children: icon
       }), /* @__PURE__ */ jsxs(StyledTextContainer, {
         $breakpoints: muiTheme.breakpoints,
         className: clsx(emptyStateClasses.textContainer, classes == null ? void 0 : classes.textContainer),
-        children: [renderNode(title, clsx(emptyStateClasses.titleContainer, classes == null ? void 0 : classes.titleContainer), "title", "title4"), renderNode(message, clsx(emptyStateClasses.messageContainer, classes == null ? void 0 : classes.messageContainer), "message", "body"), renderNode(action, clsx(emptyStateClasses.actionContainer, classes == null ? void 0 : classes.actionContainer), "action", "body")]
+        children: [renderNode("title", activeTheme == null ? void 0 : activeTheme.emptyState.titleVariant, title, clsx(emptyStateClasses.titleContainer, classes == null ? void 0 : classes.titleContainer)), renderNode("message", "body", message, clsx(emptyStateClasses.messageContainer, classes == null ? void 0 : classes.messageContainer)), renderNode("action", "body", action, clsx(emptyStateClasses.actionContainer, classes == null ? void 0 : classes.actionContainer))]
       })]
     })
   });

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport React from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport emptyStateClasses, { HvEmptyStateClasses } from \"./emptyStateClasses\";\nimport {\n  StyledContainer,\n  StyledIconContainer,\n  StyledRoot,\n  StyledTextContainer,\n  StyledTypography,\n} from \"./EmptyState.styles\";\n\nexport type HvEmptyStateProps = HvBaseProps<HTMLDivElement, { title }> & {\n  /** Icon to be presented. */\n  icon: React.ReactNode;\n  /** The title to be shown. */\n  title?: string | React.ReactNode;\n  /** The message to be shown. */\n  message?: string | React.ReactNode;\n  /** The action message to be shown. */\n  action?: string | React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvEmptyStateClasses;\n};\n\n/**\n * Empty states communicate that there’s no information, data or values to display in a given context.\n */\nexport const HvEmptyState = (props: HvEmptyStateProps) => {\n  const muiTheme = useTheme();\n\n  const renderNode = (node, className, type, variant) =>\n    node && (\n      <StyledTypography\n        $breakpoints={muiTheme.breakpoints}\n        $type={type}\n        variant={variant}\n        className={className}\n      >\n        {node}\n      </StyledTypography>\n    );\n\n  const { action, icon, title, message, classes, className, ...others } = props;\n\n  return (\n    <StyledRoot\n      className={clsx(className, emptyStateClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledContainer\n        $breakpoints={muiTheme.breakpoints}\n        $messageOnly={!!(message && !(title || action))}\n      >\n        <StyledIconContainer\n          className={clsx(\n            emptyStateClasses.iconContainer,\n            classes?.iconContainer\n          )}\n        >\n          {icon}\n        </StyledIconContainer>\n        <StyledTextContainer\n          $breakpoints={muiTheme.breakpoints}\n          className={clsx(\n            emptyStateClasses.textContainer,\n            classes?.textContainer\n          )}\n        >\n          {renderNode(\n            title,\n            clsx(emptyStateClasses.titleContainer, classes?.titleContainer),\n            \"title\",\n            \"title4\"\n          )}\n          {renderNode(\n            message,\n            clsx(emptyStateClasses.messageContainer, classes?.messageContainer),\n            \"message\",\n            \"body\"\n          )}\n          {renderNode(\n            action,\n            clsx(emptyStateClasses.actionContainer, classes?.actionContainer),\n            \"action\",\n            \"body\"\n          )}\n        </StyledTextContainer>\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvEmptyState","props","muiTheme","useTheme","renderNode","node","className","type","variant","StyledTypography","$breakpoints","breakpoints","$type","children","action","icon","title","message","classes","others","StyledRoot","clsx","emptyStateClasses","root","StyledContainer","$messageOnly","_jsx","StyledIconContainer","iconContainer","_jsxs","StyledTextContainer","textContainer","titleContainer","messageContainer","actionContainer"],"mappings":";;;;;AA6BaA,MAAAA,eAAeA,CAACC,UAA6B;AACxD,QAAMC,WAAWC;AAEXC,QAAAA,aAAaA,CAACC,MAAMC,YAAWC,MAAMC,YACzCH,4BACGI,kBAAgB;AAAA,IACfC,cAAcR,SAASS;AAAAA,IACvBC,OAAOL;AAAAA,IACPC;AAAAA,IACAF,WAAWA;AAAAA,IAAUO,UAEpBR;AAAAA,EAAAA,CAEJ;AAEG,QAAA;AAAA,IAAES;AAAAA,IAAQC;AAAAA,IAAMC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAASZ;AAAAA,OAAca;AAAAA,EAAWlB,IAAAA;AAExE,6BACGmB,YAAU;AAAA,IACTd,WAAWe,KAAKf,WAAWgB,kBAAkBC,MAAML,mCAASK,IAAI;AAAA,IAAE,GAC9DJ;AAAAA,IAAMN,+BAETW,iBAAe;AAAA,MACdd,cAAcR,SAASS;AAAAA,MACvBc,cAAc,CAAC,EAAER,WAAW,EAAED,SAASF;AAAAA,MAASD,UAAA,CAEhDa,oBAACC,qBAAmB;AAAA,QAClBrB,WAAWe,KACTC,kBAAkBM,eAClBV,mCAASU,aAAa;AAAA,QACtBf,UAEDE;AAAAA,MAAAA,CACmB,GACtBc,qBAACC,qBAAmB;AAAA,QAClBpB,cAAcR,SAASS;AAAAA,QACvBL,WAAWe,KACTC,kBAAkBS,eAClBb,mCAASa,aAAa;AAAA,QACtBlB,UAAA,CAEDT,WACCY,OACAK,KAAKC,kBAAkBU,gBAAgBd,mCAASc,cAAc,GAC9D,SACA,QAAQ,GAET5B,WACCa,SACAI,KAAKC,kBAAkBW,kBAAkBf,mCAASe,gBAAgB,GAClE,WACA,MAAM,GAEP7B,WACCU,QACAO,KAAKC,kBAAkBY,iBAAiBhB,mCAASgB,eAAe,GAChE,UACA,MAAM,CACP;AAAA,MAAA,CACmB,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEb;AAEjB;"}
+{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport React, { useContext } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport emptyStateClasses, { HvEmptyStateClasses } from \"./emptyStateClasses\";\nimport {\n  StyledContainer,\n  StyledRoot,\n  StyledTextContainer,\n  StyledTypography,\n} from \"./EmptyState.styles\";\nimport { HvTypographyProps } from \"components\";\nimport { HvThemeContext } from \"index\";\n\nexport type HvEmptyStateProps = HvBaseProps<HTMLDivElement, { title }> & {\n  /** Icon to be presented. */\n  icon: React.ReactNode;\n  /** The title to be shown. */\n  title?: string | React.ReactNode;\n  /** The message to be shown. */\n  message?: string | React.ReactNode;\n  /** The action message to be shown. */\n  action?: string | React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvEmptyStateClasses;\n};\n\n/**\n * Empty states communicate that there’s no information, data or values to display in a given context.\n */\nexport const HvEmptyState = (props: HvEmptyStateProps) => {\n  const { activeTheme } = useContext(HvThemeContext);\n\n  const muiTheme = useTheme();\n\n  const renderNode = (\n    type: \"action\" | \"message\" | \"title\",\n    variant?: HvTypographyProps[\"variant\"],\n    node?: string | React.ReactNode,\n    className?: string\n  ) =>\n    node && (\n      <StyledTypography $type={type} variant={variant} className={className}>\n        {node}\n      </StyledTypography>\n    );\n\n  const { action, icon, title, message, classes, className, ...others } = props;\n\n  return (\n    <StyledRoot\n      className={clsx(className, emptyStateClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledContainer\n        className={clsx(\n          emptyStateClasses.container,\n          classes?.container,\n          !!(message && !(title || action)) &&\n            clsx(\n              emptyStateClasses.containerMessageOnly,\n              classes?.containerMessageOnly\n            )\n        )}\n        $breakpoints={muiTheme.breakpoints}\n        $messageOnly={!!(message && !(title || action))}\n      >\n        <div\n          className={clsx(\n            emptyStateClasses.iconContainer,\n            classes?.iconContainer\n          )}\n        >\n          {icon}\n        </div>\n        <StyledTextContainer\n          $breakpoints={muiTheme.breakpoints}\n          className={clsx(\n            emptyStateClasses.textContainer,\n            classes?.textContainer\n          )}\n        >\n          {renderNode(\n            \"title\",\n            activeTheme?.emptyState.titleVariant,\n            title,\n            clsx(emptyStateClasses.titleContainer, classes?.titleContainer)\n          )}\n          {renderNode(\n            \"message\",\n            \"body\",\n            message,\n            clsx(emptyStateClasses.messageContainer, classes?.messageContainer)\n          )}\n          {renderNode(\n            \"action\",\n            \"body\",\n            action,\n            clsx(emptyStateClasses.actionContainer, classes?.actionContainer)\n          )}\n        </StyledTextContainer>\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvEmptyState","props","activeTheme","useContext","HvThemeContext","muiTheme","useTheme","renderNode","type","variant","node","className","StyledTypography","$type","children","action","icon","title","message","classes","others","StyledRoot","clsx","emptyStateClasses","root","StyledContainer","container","containerMessageOnly","$breakpoints","breakpoints","$messageOnly","_jsx","iconContainer","_jsxs","StyledTextContainer","textContainer","emptyState","titleVariant","titleContainer","messageContainer","actionContainer"],"mappings":";;;;;;;;AA8BaA,MAAAA,eAAeA,CAACC,UAA6B;AAClD,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAgBC,WAAWC,cAAc;AAEjD,QAAMC,WAAWC;AAEXC,QAAAA,aAAaA,CACjBC,MACAC,SACAC,MACAC,eAEAD,4BACGE,kBAAgB;AAAA,IAACC,OAAOL;AAAAA,IAAMC;AAAAA,IAAkBE,WAAWA;AAAAA,IAAUG,UACnEJ;AAAAA,EAAAA,CAEJ;AAEG,QAAA;AAAA,IAAEK;AAAAA,IAAQC;AAAAA,IAAMC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAASR;AAAAA,OAAcS;AAAAA,EAAWnB,IAAAA;AAExE,6BACGoB,YAAU;AAAA,IACTV,WAAWW,KAAKX,WAAWY,kBAAkBC,MAAML,mCAASK,IAAI;AAAA,IAAE,GAC9DJ;AAAAA,IAAMN,+BAETW,iBAAe;AAAA,MACdd,WAAWW,KACTC,kBAAkBG,WAClBP,mCAASO,WACT,CAAC,EAAER,WAAW,EAAED,SAASF,YACvBO,KACEC,kBAAkBI,sBAClBR,mCAASQ,oBAAoB,CAC9B;AAAA,MAELC,cAAcvB,SAASwB;AAAAA,MACvBC,cAAc,CAAC,EAAEZ,WAAW,EAAED,SAASF;AAAAA,MAASD,WAEhDiB,oBAAA,OAAA;AAAA,QACEpB,WAAWW,KACTC,kBAAkBS,eAClBb,mCAASa,aAAa;AAAA,QACtBlB,UAEDE;AAAAA,MAAAA,CACG,GACNiB,qBAACC,qBAAmB;AAAA,QAClBN,cAAcvB,SAASwB;AAAAA,QACvBlB,WAAWW,KACTC,kBAAkBY,eAClBhB,mCAASgB,aAAa;AAAA,QACtBrB,UAEDP,CAAAA,WACC,SACAL,2CAAakC,WAAWC,cACxBpB,OACAK,KAAKC,kBAAkBe,gBAAgBnB,mCAASmB,cAAc,CAAC,GAEhE/B,WACC,WACA,QACAW,SACAI,KAAKC,kBAAkBgB,kBAAkBpB,mCAASoB,gBAAgB,CAAC,GAEpEhC,WACC,UACA,QACAQ,QACAO,KAAKC,kBAAkBiB,iBAAiBrB,mCAASqB,eAAe,CAAC,CAClE;AAAA,MAAA,CACmB,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEb;AAEjB;"}

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

@@ -21,9 +21,9 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1r2ohw14"
+  target: "e1r2ohw13"
 } : {
-  target: "e1r2ohw14",
+  target: "e1r2ohw13",
   label: "StyledRoot"
 })(process.env.NODE_ENV === "production" ? {
   name: "zcbaso",
@@ -31,13 +31,13 @@ const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "prod
 } : {
   name: "zcbaso",
   styles: "width:100%;height:100%;display:flex;justify-content:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBlbXB0eVN0YXRlQ2xhc3NlcyBmcm9tIFwiLi9lbXB0eVN0YXRlQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJG1lc3NhZ2VPbmx5LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRtZXNzYWdlT25seTogYm9vbGVhbjtcbiAgICAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgWyRicmVha3BvaW50cy5vbmx5KFwieHNcIildOiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9LFxuICAgIC4uLigkbWVzc2FnZU9ubHkgJiYge1xuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgfSxcbiAgICAgIFtgJiAuJHtlbXB0eVN0YXRlQ2xhc3Nlcy50ZXh0Q29udGFpbmVyfWBdOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe30pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgbWF4V2lkdGg6IFwiNTEwcHhcIixcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgWyRicmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBcIiYgYVwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHR5cGUsXG4gICAgJGJyZWFrcG9pbnRzLFxuICB9OiB7XG4gICAgJHR5cGU6IHN0cmluZztcbiAgICAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzO1xuICB9KSA9PiAoe1xuICAgIC4uLigkdHlwZSA9PT0gXCJ0aXRsZVwiICYmIHtcbiAgICAgIG1hcmdpblRvcDogNCxcbiAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gICAgfSksXG4gICAgLi4uKCR0eXBlID09PSBcInRleHRcIiAmJiB7XG4gICAgICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBtYXhXaWR0aDogXCI1MTBweFwiLFxuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gICAgICBbJGJyZWFrcG9pbnRzLnVwKFwic21cIildOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgfSxcbiAgICAgIFwiJiBhXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICAgICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oJHR5cGUgPT09IFwiYWN0aW9uXCIgJiYge1xuICAgICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBlbXB0eVN0YXRlQ2xhc3NlcyBmcm9tIFwiLi9lbXB0eVN0YXRlQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJG1lc3NhZ2VPbmx5LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRtZXNzYWdlT25seTogYm9vbGVhbjtcbiAgICAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgWyRicmVha3BvaW50cy5vbmx5KFwieHNcIildOiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9LFxuICAgIC4uLigkbWVzc2FnZU9ubHkgJiYge1xuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgfSxcbiAgICAgIFtgJiAuJHtlbXB0eVN0YXRlQ2xhc3Nlcy50ZXh0Q29udGFpbmVyfWBdOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIG1heFdpZHRoOiBcIjUxMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIFskYnJlYWtwb2ludHMudXAoXCJzbVwiKV06IHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbiAgXCImIGFcIjoge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR0eXBlIH06IHsgJHR5cGU6IFwidGl0bGVcIiB8IFwibWVzc2FnZVwiIHwgXCJhY3Rpb25cIiB9KSA9PiAoe1xuICAuLi4oJHR5cGUgPT09IFwidGl0bGVcIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5lbXB0eVN0YXRlLnRpdGxlTWFyZ2luVG9wLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2Uuc20sXG4gIH0pLFxuICAuLi4oJHR5cGUgPT09IFwiYWN0aW9uXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1r2ohw13"
+  target: "e1r2ohw12"
 }, transientOptions) : _extends({}, {
-  target: "e1r2ohw13",
+  target: "e1r2ohw12",
   label: "StyledContainer"
 }, transientOptions))(({
   $messageOnly,
@@ -59,21 +59,7 @@ const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV ===
       marginLeft: 0
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYytCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBlbXB0eVN0YXRlQ2xhc3NlcyBmcm9tIFwiLi9lbXB0eVN0YXRlQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJG1lc3NhZ2VPbmx5LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRtZXNzYWdlT25seTogYm9vbGVhbjtcbiAgICAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgWyRicmVha3BvaW50cy5vbmx5KFwieHNcIildOiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9LFxuICAgIC4uLigkbWVzc2FnZU9ubHkgJiYge1xuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgfSxcbiAgICAgIFtgJiAuJHtlbXB0eVN0YXRlQ2xhc3Nlcy50ZXh0Q29udGFpbmVyfWBdOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe30pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgbWF4V2lkdGg6IFwiNTEwcHhcIixcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgWyRicmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBcIiYgYVwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHR5cGUsXG4gICAgJGJyZWFrcG9pbnRzLFxuICB9OiB7XG4gICAgJHR5cGU6IHN0cmluZztcbiAgICAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzO1xuICB9KSA9PiAoe1xuICAgIC4uLigkdHlwZSA9PT0gXCJ0aXRsZVwiICYmIHtcbiAgICAgIG1hcmdpblRvcDogNCxcbiAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gICAgfSksXG4gICAgLi4uKCR0eXBlID09PSBcInRleHRcIiAmJiB7XG4gICAgICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBtYXhXaWR0aDogXCI1MTBweFwiLFxuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gICAgICBbJGJyZWFrcG9pbnRzLnVwKFwic21cIildOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgfSxcbiAgICAgIFwiJiBhXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICAgICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oJHR5cGUgPT09IFwiYWN0aW9uXCIgJiYge1xuICAgICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
-const StyledIconContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1r2ohw12"
-} : {
-  target: "e1r2ohw12",
-  label: "StyledIconContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "0",
-  styles: ""
-} : {
-  name: "0",
-  styles: "",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZW1wdHlTdGF0ZUNsYXNzZXMgZnJvbSBcIi4vZW1wdHlTdGF0ZUNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRtZXNzYWdlT25seSxcbiAgICAkYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICAkbWVzc2FnZU9ubHk6IGJvb2xlYW47XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSxcbiAgICAuLi4oJG1lc3NhZ2VPbmx5ICYmIHtcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBbJGJyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIH0sXG4gICAgICBbYCYgLiR7ZW1wdHlTdGF0ZUNsYXNzZXMudGV4dENvbnRhaW5lcn1gXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHt9KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIG1heFdpZHRoOiBcIjUxMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIFskYnJlYWtwb2ludHMudXAoXCJzbVwiKV06IHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbiAgXCImIGFcIjoge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR0eXBlLFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICR0eXBlOiBzdHJpbmc7XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICAuLi4oJHR5cGUgPT09IFwidGl0bGVcIiAmJiB7XG4gICAgICBtYXJnaW5Ub3A6IDQsXG4gICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgIH0pLFxuICAgIC4uLigkdHlwZSA9PT0gXCJ0ZXh0XCIgJiYge1xuICAgICAgYmFja2dyb3VuZDogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgbWF4V2lkdGg6IFwiNTEwcHhcIixcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICAgICAgWyRicmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIH0sXG4gICAgICBcIiYgYVwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2UueHMsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYytCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBlbXB0eVN0YXRlQ2xhc3NlcyBmcm9tIFwiLi9lbXB0eVN0YXRlQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJG1lc3NhZ2VPbmx5LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRtZXNzYWdlT25seTogYm9vbGVhbjtcbiAgICAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgWyRicmVha3BvaW50cy5vbmx5KFwieHNcIildOiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9LFxuICAgIC4uLigkbWVzc2FnZU9ubHkgJiYge1xuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgfSxcbiAgICAgIFtgJiAuJHtlbXB0eVN0YXRlQ2xhc3Nlcy50ZXh0Q29udGFpbmVyfWBdOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIG1heFdpZHRoOiBcIjUxMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIFskYnJlYWtwb2ludHMudXAoXCJzbVwiKV06IHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbiAgXCImIGFcIjoge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR0eXBlIH06IHsgJHR5cGU6IFwidGl0bGVcIiB8IFwibWVzc2FnZVwiIHwgXCJhY3Rpb25cIiB9KSA9PiAoe1xuICAuLi4oJHR5cGUgPT09IFwidGl0bGVcIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5lbXB0eVN0YXRlLnRpdGxlTWFyZ2luVG9wLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2Uuc20sXG4gIH0pLFxuICAuLi4oJHR5cGUgPT09IFwiYWN0aW9uXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIH0pLFxufSkpO1xuIl19 */");
 const StyledTextContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1r2ohw11"
 }, transientOptions) : _extends({}, {
@@ -93,40 +79,25 @@ const StyledTextContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV
     color: theme.colors.acce2,
     textDecoration: "none"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZW1wdHlTdGF0ZUNsYXNzZXMgZnJvbSBcIi4vZW1wdHlTdGF0ZUNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRtZXNzYWdlT25seSxcbiAgICAkYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICAkbWVzc2FnZU9ubHk6IGJvb2xlYW47XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSxcbiAgICAuLi4oJG1lc3NhZ2VPbmx5ICYmIHtcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBbJGJyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIH0sXG4gICAgICBbYCYgLiR7ZW1wdHlTdGF0ZUNsYXNzZXMudGV4dENvbnRhaW5lcn1gXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHt9KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIG1heFdpZHRoOiBcIjUxMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIFskYnJlYWtwb2ludHMudXAoXCJzbVwiKV06IHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbiAgXCImIGFcIjoge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR0eXBlLFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICR0eXBlOiBzdHJpbmc7XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICAuLi4oJHR5cGUgPT09IFwidGl0bGVcIiAmJiB7XG4gICAgICBtYXJnaW5Ub3A6IDQsXG4gICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgIH0pLFxuICAgIC4uLigkdHlwZSA9PT0gXCJ0ZXh0XCIgJiYge1xuICAgICAgYmFja2dyb3VuZDogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgbWF4V2lkdGg6IFwiNTEwcHhcIixcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICAgICAgWyRicmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIH0sXG4gICAgICBcIiYgYVwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2UueHMsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZW1wdHlTdGF0ZUNsYXNzZXMgZnJvbSBcIi4vZW1wdHlTdGF0ZUNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRtZXNzYWdlT25seSxcbiAgICAkYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICAkbWVzc2FnZU9ubHk6IGJvb2xlYW47XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSxcbiAgICAuLi4oJG1lc3NhZ2VPbmx5ICYmIHtcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBbJGJyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIH0sXG4gICAgICBbYCYgLiR7ZW1wdHlTdGF0ZUNsYXNzZXMudGV4dENvbnRhaW5lcn1gXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXhXaWR0aDogXCI1MTBweFwiLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICBbJGJyZWFrcG9pbnRzLnVwKFwic21cIildOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIFwiJiBhXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdHlwZSB9OiB7ICR0eXBlOiBcInRpdGxlXCIgfCBcIm1lc3NhZ2VcIiB8IFwiYWN0aW9uXCIgfSkgPT4gKHtcbiAgLi4uKCR0eXBlID09PSBcInRpdGxlXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuZW1wdHlTdGF0ZS50aXRsZU1hcmdpblRvcCxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnNtLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
 const StyledTypography = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1r2ohw10"
 }, transientOptions) : _extends({}, {
   target: "e1r2ohw10",
   label: "StyledTypography"
 }, transientOptions))(({
-  $type,
-  $breakpoints
+  $type
 }) => ({
   ...$type === "title" && {
-    marginTop: 4,
-    marginBottom: theme.space.xs
-  },
-  ...$type === "text" && {
-    background: "transparent",
-    maxWidth: "510px",
-    overflow: "hidden",
-    fontFamily: theme.fontFamily.body,
-    [$breakpoints.up("sm")]: {
-      marginLeft: theme.space.xs
-    },
-    "& a": {
-      color: theme.colors.acce2,
-      textDecoration: "none"
-    }
+    marginTop: theme.emptyState.titleMarginTop,
+    marginBottom: theme.space.sm
   },
   ...$type === "action" && {
-    marginTop: theme.space.xs
+    marginTop: theme.space.sm
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0RnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZW1wdHlTdGF0ZUNsYXNzZXMgZnJvbSBcIi4vZW1wdHlTdGF0ZUNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRtZXNzYWdlT25seSxcbiAgICAkYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICAkbWVzc2FnZU9ubHk6IGJvb2xlYW47XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSxcbiAgICAuLi4oJG1lc3NhZ2VPbmx5ICYmIHtcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBbJGJyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIH0sXG4gICAgICBbYCYgLiR7ZW1wdHlTdGF0ZUNsYXNzZXMudGV4dENvbnRhaW5lcn1gXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHt9KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIG1heFdpZHRoOiBcIjUxMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIFskYnJlYWtwb2ludHMudXAoXCJzbVwiKV06IHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbiAgXCImIGFcIjoge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR0eXBlLFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICR0eXBlOiBzdHJpbmc7XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICAuLi4oJHR5cGUgPT09IFwidGl0bGVcIiAmJiB7XG4gICAgICBtYXJnaW5Ub3A6IDQsXG4gICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgIH0pLFxuICAgIC4uLigkdHlwZSA9PT0gXCJ0ZXh0XCIgJiYge1xuICAgICAgYmFja2dyb3VuZDogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgbWF4V2lkdGg6IFwiNTEwcHhcIixcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICAgICAgWyRicmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIH0sXG4gICAgICBcIiYgYVwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2UueHMsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkRnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZW1wdHlTdGF0ZUNsYXNzZXMgZnJvbSBcIi4vZW1wdHlTdGF0ZUNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRtZXNzYWdlT25seSxcbiAgICAkYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICAkbWVzc2FnZU9ubHk6IGJvb2xlYW47XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSxcbiAgICAuLi4oJG1lc3NhZ2VPbmx5ICYmIHtcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBbJGJyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIH0sXG4gICAgICBbYCYgLiR7ZW1wdHlTdGF0ZUNsYXNzZXMudGV4dENvbnRhaW5lcn1gXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXhXaWR0aDogXCI1MTBweFwiLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICBbJGJyZWFrcG9pbnRzLnVwKFwic21cIildOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIFwiJiBhXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdHlwZSB9OiB7ICR0eXBlOiBcInRpdGxlXCIgfCBcIm1lc3NhZ2VcIiB8IFwiYWN0aW9uXCIgfSkgPT4gKHtcbiAgLi4uKCR0eXBlID09PSBcInRpdGxlXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuZW1wdHlTdGF0ZS50aXRsZU1hcmdpblRvcCxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnNtLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
 export {
   StyledContainer,
-  StyledIconContainer,
   StyledRoot,
   StyledTextContainer,
   StyledTypography

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.styles.js","sources":["../../../../src/components/EmptyState/EmptyState.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Breakpoints as MuiBreakpoints } from \"@mui/material\";\nimport { HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport emptyStateClasses from \"./emptyStateClasses\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  height: \"100%\",\n  display: \"flex\",\n  justifyContent: \"center\",\n});\n\nexport const StyledContainer = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $messageOnly,\n    $breakpoints,\n  }: {\n    $messageOnly: boolean;\n    $breakpoints: MuiBreakpoints;\n  }) => ({\n    display: \"flex\",\n    flexDirection: \"row\",\n    [$breakpoints.only(\"xs\")]: {\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      textAlign: \"center\",\n    },\n    ...($messageOnly && {\n      alignItems: \"center\",\n      [$breakpoints.only(\"xs\")]: {\n        flexDirection: \"row\",\n      },\n      [`& .${emptyStateClasses.textContainer}`]: {\n        marginLeft: 0,\n      },\n    }),\n  })\n);\n\nexport const StyledIconContainer = styled(\"div\")({});\n\nexport const StyledTextContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n  background: \"transparent\",\n  maxWidth: \"510px\",\n  overflow: \"hidden\",\n  fontFamily: theme.fontFamily.body,\n  [$breakpoints.up(\"sm\")]: {\n    marginLeft: theme.space.xs,\n  },\n  \"& a\": {\n    color: theme.colors.acce2,\n    textDecoration: \"none\",\n  },\n}));\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(\n  ({\n    $type,\n    $breakpoints,\n  }: {\n    $type: string;\n    $breakpoints: MuiBreakpoints;\n  }) => ({\n    ...($type === \"title\" && {\n      marginTop: 4,\n      marginBottom: theme.space.xs,\n    }),\n    ...($type === \"text\" && {\n      background: \"transparent\",\n      maxWidth: \"510px\",\n      overflow: \"hidden\",\n      fontFamily: theme.fontFamily.body,\n      [$breakpoints.up(\"sm\")]: {\n        marginLeft: theme.space.xs,\n      },\n      \"& a\": {\n        color: theme.colors.acce2,\n        textDecoration: \"none\",\n      },\n    }),\n    ...($type === \"action\" && {\n      marginTop: theme.space.xs,\n    }),\n  })\n);\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","_extends","transientOptions","$messageOnly","$breakpoints","display","flexDirection","only","alignItems","textAlign","emptyStateClasses","textContainer","marginLeft","StyledIconContainer","StyledTextContainer","background","maxWidth","overflow","fontFamily","theme","body","up","space","xs","color","colors","acce2","textDecoration","StyledTypography","HvTypography","$type","marginTop","marginBottom"],"mappings":"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"}
+{"version":3,"file":"EmptyState.styles.js","sources":["../../../../src/components/EmptyState/EmptyState.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Breakpoints as MuiBreakpoints } from \"@mui/material\";\nimport { HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport emptyStateClasses from \"./emptyStateClasses\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  height: \"100%\",\n  display: \"flex\",\n  justifyContent: \"center\",\n});\n\nexport const StyledContainer = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $messageOnly,\n    $breakpoints,\n  }: {\n    $messageOnly: boolean;\n    $breakpoints: MuiBreakpoints;\n  }) => ({\n    display: \"flex\",\n    flexDirection: \"row\",\n    [$breakpoints.only(\"xs\")]: {\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      textAlign: \"center\",\n    },\n    ...($messageOnly && {\n      alignItems: \"center\",\n      [$breakpoints.only(\"xs\")]: {\n        flexDirection: \"row\",\n      },\n      [`& .${emptyStateClasses.textContainer}`]: {\n        marginLeft: 0,\n      },\n    }),\n  })\n);\n\nexport const StyledTextContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n  background: \"transparent\",\n  maxWidth: \"510px\",\n  overflow: \"hidden\",\n  fontFamily: theme.fontFamily.body,\n  [$breakpoints.up(\"sm\")]: {\n    marginLeft: theme.space.xs,\n  },\n  \"& a\": {\n    color: theme.colors.acce2,\n    textDecoration: \"none\",\n  },\n}));\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(({ $type }: { $type: \"title\" | \"message\" | \"action\" }) => ({\n  ...($type === \"title\" && {\n    marginTop: theme.emptyState.titleMarginTop,\n    marginBottom: theme.space.sm,\n  }),\n  ...($type === \"action\" && {\n    marginTop: theme.space.sm,\n  }),\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","_extends","transientOptions","$messageOnly","$breakpoints","display","flexDirection","only","alignItems","textAlign","emptyStateClasses","textContainer","marginLeft","StyledTextContainer","background","maxWidth","overflow","fontFamily","theme","body","up","space","xs","color","colors","acce2","textDecoration","StyledTypography","HvTypography","$type","marginTop","emptyState","titleMarginTop","marginBottom","sm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,aAAoB,wBAAA,OAAKC,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,CAKrC;AAEWC,MAAAA,0CACX,OAAKV,QAAAC,IAAAC,4BAAAS,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,GACLS,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBQ,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,eAAe;AAAA,EACf,CAACF,aAAaG,KAAK,IAAI,IAAI;AAAA,IACzBD,eAAe;AAAA,IACfE,YAAY;AAAA,IACZC,WAAW;AAAA,EACb;AAAA,EACA,GAAIN,gBAAgB;AAAA,IAClBK,YAAY;AAAA,IACZ,CAACJ,aAAaG,KAAK,IAAI,IAAI;AAAA,MACzBD,eAAe;AAAA,IACjB;AAAA,IACA,CAAE,MAAKI,kBAAkBC,kBAAkB;AAAA,MACzCC,YAAY;AAAA,IACd;AAAA,EACF;AACF,IAAEtB,QAAAC,IAAAC,aACH,eAAA,KAAA,i7FAAA;AAEYqB,MAAAA,8CACX,OAAKvB,QAAAC,IAAAC,4BAAAS,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,GACLS,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBQ,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA+C,OAAO;AAAA,EACzDU,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,UAAU;AAAA,EACVC,YAAYC,MAAMD,WAAWE;AAAAA,EAC7B,CAACf,aAAagB,GAAG,IAAI,IAAI;AAAA,IACvBR,YAAYM,MAAMG,MAAMC;AAAAA,EAC1B;AAAA,EACA,OAAO;AAAA,IACLC,OAAOL,MAAMM,OAAOC;AAAAA,IACpBC,gBAAgB;AAAA,EAClB;AACF,IAAEpC,QAAAC,IAAAC,aAAC,eAAA,KAAA,q7FAAA;AAEUmC,MAAAA,2CACXC,cAAYtC,QAAAC,IAAAC,4BAAAS,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,GACZS,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBQ,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAE2B;AAAiD,OAAO;AAAA,EAC3D,GAAIA,UAAU,WAAW;AAAA,IACvBC,WAAWZ,MAAMa,WAAWC;AAAAA,IAC5BC,cAAcf,MAAMG,MAAMa;AAAAA,EAC5B;AAAA,EACA,GAAIL,UAAU,YAAY;AAAA,IACxBC,WAAWZ,MAAMG,MAAMa;AAAAA,EACzB;AACF,IAAE5C,QAAAC,IAAAC,aAAC,eAAA,KAAA,q7FAAA;"}

package/dist/esm/components/FileUploader/Preview/Preview.js

@@ -4,6 +4,7 @@ import fileUploaderPreviewClasses from "./previewClasses.js";
 import { StyledButton, StyledOverlay, StyledPreviewIcon } from "./Preview.styles.js";
 import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 const HvFileUploaderPreview = ({
+  className,
   children,
   classes,
   disableOverlay = false,
@@ -19,7 +20,7 @@ const HvFileUploaderPreview = ({
   if (onClick) {
     return /* @__PURE__ */ jsxs(StyledButton, {
       icon: true,
-      className: clsx(classes == null ? void 0 : classes.previewButton, fileUploaderPreviewClasses.previewButton),
+      className: clsx(className, classes == null ? void 0 : classes.previewButton, fileUploaderPreviewClasses.previewButton),
       onClick,
       variant: "secondaryGhost",
       ...others,

package/dist/esm/components/FileUploader/Preview/Preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.js","sources":["../../../../../src/components/FileUploader/Preview/Preview.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvButtonProps } from \"components\";\nimport { useEffect } from \"react\";\nimport fileUploaderPreviewClasses, {\n  HvFileUploaderPreviewClasses,\n} from \"./previewClasses\";\nimport {\n  StyledButton,\n  StyledOverlay,\n  StyledPreviewIcon,\n} from \"./Preview.styles\";\n\nexport type HvFileUploaderPreviewProps = Omit<HvButtonProps, \"children\"> & {\n  /**\n   * Content that represents the preview of an uploaded file.\n   */\n  children: React.ReactElement;\n  /**\n   * Callback executed when the preview is unmounted.\n   *\n   * Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.\n   */\n  onUnload?: () => void;\n  /**\n   * If `true`, doesn't show an overlay on top of the preview when hovering.\n   *\n   * Only applies when `onClick` is set.\n   */\n  disableOverlay?: boolean;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileUploaderPreviewClasses;\n};\n\n/**\n * The `HvFileUploaderPreview` component is available to facilitate the styling\n * of the button (when clickable) and the detection of image unloading.\n */\nexport const HvFileUploaderPreview = ({\n  children,\n  classes,\n  disableOverlay = false,\n  onUnload,\n  onClick,\n  ...others\n}: HvFileUploaderPreviewProps) => {\n  useEffect(() => {\n    return () => {\n      onUnload?.();\n    };\n  }, [onUnload]);\n\n  if (onClick) {\n    return (\n      <StyledButton\n        icon\n        className={clsx(\n          classes?.previewButton,\n          fileUploaderPreviewClasses.previewButton\n        )}\n        onClick={onClick}\n        variant=\"secondaryGhost\"\n        {...others}\n      >\n        {children}\n        {!disableOverlay && (\n          <>\n            <StyledOverlay\n              className={clsx(\n                classes?.overlay,\n                fileUploaderPreviewClasses.overlay\n              )}\n              aria-hidden=\"true\"\n            />\n            <StyledPreviewIcon />\n          </>\n        )}\n      </StyledButton>\n    );\n  }\n\n  return children;\n};\n"],"names":["HvFileUploaderPreview","children","classes","disableOverlay","onUnload","onClick","others","useEffect","StyledButton","icon","className","clsx","previewButton","fileUploaderPreviewClasses","variant","_Fragment","_jsx","StyledOverlay","overlay","StyledPreviewIcon"],"mappings":";;;;;AAuCO,MAAMA,wBAAwBA,CAAC;AAAA,EACpCC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjBC;AAAAA,EACAC;AAAAA,KACGC;AACuB,MAAM;AAChCC,YAAU,MAAM;AACd,WAAO,MAAM;AACC;AAAA,IAAA;AAAA,EACd,GACC,CAACH,QAAQ,CAAC;AAEb,MAAIC,SAAS;AACX,gCACGG,cAAY;AAAA,MACXC,MAAI;AAAA,MACJC,WAAWC,KACTT,mCAASU,eACTC,2BAA2BD,aAAa;AAAA,MAE1CP;AAAAA,MACAS,SAAQ;AAAA,MAAgB,GACpBR;AAAAA,MAAML,UAAA,CAETA,UACA,CAACE,uCACAY,UAAA;AAAA,QAAAd,UAAA,CACEe,oBAACC,eAAa;AAAA,UACZP,WAAWC,KACTT,mCAASgB,SACTL,2BAA2BK,OAAO;AAAA,UAEpC,eAAY;AAAA,QAAM,CAAA,GAEpBF,oBAACG,mBAAoB,CAAA,CAAA,CAAA;AAAA,MAAA,CAExB,CAAA;AAAA,IAAA,CACY;AAAA,EAEnB;AAEOlB,SAAAA;AACT;"}
+{"version":3,"file":"Preview.js","sources":["../../../../../src/components/FileUploader/Preview/Preview.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvButtonProps } from \"components\";\nimport { useEffect } from \"react\";\nimport fileUploaderPreviewClasses, {\n  HvFileUploaderPreviewClasses,\n} from \"./previewClasses\";\nimport {\n  StyledButton,\n  StyledOverlay,\n  StyledPreviewIcon,\n} from \"./Preview.styles\";\n\nexport type HvFileUploaderPreviewProps = Omit<\n  HvButtonProps,\n  \"children\" | \"classes\"\n> & {\n  /**\n   * Content that represents the preview of an uploaded file.\n   */\n  children: React.ReactElement;\n  /**\n   * Callback executed when the preview is unmounted.\n   *\n   * Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.\n   */\n  onUnload?: () => void;\n  /**\n   * If `true`, doesn't show an overlay on top of the preview when hovering.\n   *\n   * Only applies when `onClick` is set.\n   */\n  disableOverlay?: boolean;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileUploaderPreviewClasses;\n};\n\n/**\n * The `HvFileUploaderPreview` component is available to facilitate the styling\n * of the button (when clickable) and the detection of image unloading.\n */\nexport const HvFileUploaderPreview = ({\n  className,\n  children,\n  classes,\n  disableOverlay = false,\n  onUnload,\n  onClick,\n  ...others\n}: HvFileUploaderPreviewProps) => {\n  useEffect(() => {\n    return () => {\n      onUnload?.();\n    };\n  }, [onUnload]);\n\n  if (onClick) {\n    return (\n      <StyledButton\n        icon\n        className={clsx(\n          className,\n          classes?.previewButton,\n          fileUploaderPreviewClasses.previewButton\n        )}\n        onClick={onClick}\n        variant=\"secondaryGhost\"\n        {...others}\n      >\n        {children}\n        {!disableOverlay && (\n          <>\n            <StyledOverlay\n              className={clsx(\n                classes?.overlay,\n                fileUploaderPreviewClasses.overlay\n              )}\n              aria-hidden=\"true\"\n            />\n            <StyledPreviewIcon />\n          </>\n        )}\n      </StyledButton>\n    );\n  }\n\n  return children;\n};\n"],"names":["HvFileUploaderPreview","className","children","classes","disableOverlay","onUnload","onClick","others","useEffect","StyledButton","icon","clsx","previewButton","fileUploaderPreviewClasses","variant","_Fragment","_jsx","StyledOverlay","overlay","StyledPreviewIcon"],"mappings":";;;;;AA0CO,MAAMA,wBAAwBA,CAAC;AAAA,EACpCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjBC;AAAAA,EACAC;AAAAA,KACGC;AACuB,MAAM;AAChCC,YAAU,MAAM;AACd,WAAO,MAAM;AACC;AAAA,IAAA;AAAA,EACd,GACC,CAACH,QAAQ,CAAC;AAEb,MAAIC,SAAS;AACX,gCACGG,cAAY;AAAA,MACXC,MAAI;AAAA,MACJT,WAAWU,KACTV,WACAE,mCAASS,eACTC,2BAA2BD,aAAa;AAAA,MAE1CN;AAAAA,MACAQ,SAAQ;AAAA,MAAgB,GACpBP;AAAAA,MAAML,UAAA,CAETA,UACA,CAACE,uCACAW,UAAA;AAAA,QAAAb,UAAA,CACEc,oBAACC,eAAa;AAAA,UACZhB,WAAWU,KACTR,mCAASe,SACTL,2BAA2BK,OAAO;AAAA,UAEpC,eAAY;AAAA,QAAM,CAAA,GAEpBF,oBAACG,mBAAoB,CAAA,CAAA,CAAA;AAAA,MAAA,CAExB,CAAA;AAAA,IAAA,CACY;AAAA,EAEnB;AAEOjB,SAAAA;AACT;"}

package/dist/esm/components/Focus/Focus.js

@@ -18,7 +18,7 @@ const focusStyles = process.env.NODE_ENV === "production" ? {
 } : {
   name: "1ahoc7i-focusStyles",
   styles: ".HvFocus-focused{outline-color:#52a8ec;outline-style:solid;outline-width:0px;outline-offset:-1px;box-shadow:0 0 0 1px #52a8ec,0 0 0 4px rgba(29, 155, 209, 0.3);@media (-webkit-min-device-pixel-ratio: 0){outline-color:#52a8ec;outline-style:solid;outline-width:0px;outline-offset:-1px;box-shadow:0 0 0 1px #52a8ec,0 0 0 4px rgba(29, 155, 209, 0.3);}}.HvFocus-focusDisabled{outline:none;box-shadow:none;}.HvFocus-focusDisabled *:focus{outline:none;box-shadow:none;}.HvFocus-focusDisabled *{outline:none!important;box-shadow:none!important;};label:focusStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9jdXMvRm9jdXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd1QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZvY3VzL0ZvY3VzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjbHN4IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgeyBpc05pbCB9IGZyb20gXCJsb2Rhc2hcIjtcbmltcG9ydCBSZWFjdCwgeyBSZWZPYmplY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsga2V5Ym9hcmRDb2RlcywgaXNCcm93c2VyIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgQ29uZGl0aW9uYWxXcmFwcGVyIGZyb20gXCJ1dGlscy9Db25kaXRpb25hbFdyYXBwZXJcIjtcbmltcG9ydCB7IFN0eWxlZEZvY3VzV3JhcHBlciwgU3R5bGVkRmFsc2VGb2N1cyB9IGZyb20gXCIuL0ZvY3VzLnN0eWxlc1wiO1xuaW1wb3J0IHsgZ2V0Rm9jdXNhYmxlQ2hpbGRyZW4sIGlzS2V5LCBpc09uZU9mS2V5cywgc2V0Rm9jdXNUbyB9IGZyb20gXCIuL3V0aWxzXCI7XG5pbXBvcnQgZm9jdXNDbGFzc2VzLCB7IEh2Rm9jdXNDbGFzc2VzIH0gZnJvbSBcIi4vZm9jdXNDbGFzc2VzXCI7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5jb25zdCBmb2N1c1N0eWxlcyA9IGNzc2BcbiAgLkh2Rm9jdXMtZm9jdXNlZCB7XG4gICAgb3V0bGluZS1jb2xvcjogIzUyYThlYztcbiAgICBvdXRsaW5lLXN0eWxlOiBzb2xpZDtcbiAgICBvdXRsaW5lLXdpZHRoOiAwcHg7XG4gICAgb3V0bGluZS1vZmZzZXQ6IC0xcHg7XG4gICAgYm94LXNoYWRvdzogMCAwIDAgMXB4ICM1MmE4ZWMsIDAgMCAwIDRweCByZ2JhKDI5LCAxNTUsIDIwOSwgMC4zKTtcblxuICAgIEBtZWRpYSAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOiAwKSB7XG4gICAgICBvdXRsaW5lLWNvbG9yOiAjNTJhOGVjO1xuICAgICAgb3V0bGluZS1zdHlsZTogc29saWQ7XG4gICAgICBvdXRsaW5lLXdpZHRoOiAwcHg7XG4gICAgICBvdXRsaW5lLW9mZnNldDogLTFweDtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDFweCAjNTJhOGVjLCAwIDAgMCA0cHggcmdiYSgyOSwgMTU1LCAyMDksIDAuMyk7XG4gICAgfVxuICB9XG5cbiAgLkh2Rm9jdXMtZm9jdXNEaXNhYmxlZCB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG4gIC5IdkZvY3VzLWZvY3VzRGlzYWJsZWQgKjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG4gIC5IdkZvY3VzLWZvY3VzRGlzYWJsZWQgKiB7XG4gICAgb3V0bGluZTogbm9uZSAhaW1wb3J0YW50O1xuICAgIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgSHZGb2N1c1Byb3BzID0gSHZCYXNlUHJvcHM8SFRNTEVsZW1lbnQsIHsgY2hpbGRyZW4gfT4gJiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIC8qKiBFeHRyYSBjb25maWd1cmF0aW9uIGZvciB0aGUgY2hpbGQgZWxlbWVudC4gKi9cbiAgY29uZmlndXJhdGlvbj86IHtcbiAgICB0YWJJbmRleD86IG51bWJlcjtcbiAgfTtcbiAgLyoqIEluZGljYXRlcyB0aGF0IHRoZSBkaXNhYmxlZCBjbGFzcyBzaG91bGQgYmUgYXBwbGllZC4gKi9cbiAgZGlzYWJsZWRDbGFzcz86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSBmb2N1cyBpcyBzZWxlY3RlZC4gKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICAvKiogV2hldGhlciB0aGUgZm9jdXMgaXMgZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIFRoZSByZWZlcmVuY2UgdG8gdGhlIHJvb3QgZWxlbWVudCB0byBob2xkIGFsbCBGb2N1cycgY29udGV4dC4gKi9cbiAgcm9vdFJlZj86IFJlZk9iamVjdDxIVE1MRWxlbWVudD47XG4gIC8qKiBTaG93IGZvY3VzIHdoZW4gY2xpY2sgZWxlbWVudC4gdiovXG4gIGZvY3VzT25DbGljaz86IGJvb2xlYW47XG4gIC8qKiBTaG93IGZvY3VzIHdoZW4gY2xpY2sgZWxlbWVudC4gdiovXG4gIGZvY3VzRGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogVXNlIHVwLyBkb3duIGtleWJvYXJkIGFycm93cyB0byBjb250cm9sIGZvY3VzLiAqL1xuICB1c2VBcnJvd3M/OiBib29sZWFuO1xuICAvKiogRm9jdXMgYW5kIG5hdmlnYXRpb24gc3RyYXRlZ3kgdG8gYmUgdXNlZC4gdiovXG4gIHN0cmF0ZWd5PzogXCJsaXN0Ym94XCIgfCBcIm1lbnVcIiB8IFwiY2FyZFwiIHwgXCJncmlkXCI7XG4gIC8qKiBVc2VzIGFuIGFic29sdXRlIHBvc2l0aW9uZWQgZGl2IGFzIGEgZm9jdXMuIHYqL1xuICB1c2VGYWxzZUZvY3VzPzogYm9vbGVhbjtcbiAgLyoqIE5hcnJvd3MgdGhlIHJlc3VsdHMgb2YgdGhlIGZvY3VzIHRvIG9ubHkgdGhlc2VzIGNsYXNzIHYqL1xuICBmaWx0ZXJDbGFzcz86IHN0cmluZztcbiAgLyoqIEhvdyBtdWNoIHRoZSBuYXZpZ2F0aW9uIHdpbGwgc2tpcCB3aGVuIHVzaW5nIHRoZSBhcnJvd3MuIHYqL1xuICBuYXZpZ2F0aW9uSnVtcD86IG51bWJlcjtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgY2xhc3Nlcz86IEh2Rm9jdXNDbGFzc2VzO1xufTtcblxuZXhwb3J0IGNvbnN0IEh2Rm9jdXMgPSAoe1xuICBjbGFzc2VzLFxuICBjaGlsZHJlbixcbiAgY29uZmlndXJhdGlvbiA9IHt9LFxuICBkaXNhYmxlZENsYXNzID0gZmFsc2UsXG4gIHNlbGVjdGVkID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIHJvb3RSZWYgPSB1bmRlZmluZWQsXG4gIGZvY3VzT25DbGljayA9IGZhbHNlLFxuICBmb2N1c0Rpc2FibGVkID0gdHJ1ZSxcbiAgc3RyYXRlZ3kgPSBcImxpc3Rib3hcIixcbiAgdXNlRmFsc2VGb2N1cyA9IGZhbHNlLFxuICBmaWx0ZXJDbGFzcyxcbiAgbmF2aWdhdGlvbkp1bXAgPSA0LFxufTogSHZGb2N1c1Byb3BzKSA9PiB7XG4gIGNvbnN0IFtzaG93Rm9jdXMsIHNldFNob3dGb2N1c10gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gIGNvbnN0IFtjaGlsZEZvY3VzLCBzZXRDaGlsZEZvY3VzXSA9IHVzZVN0YXRlPGFueT4oKTtcbiAgY29uc3QgW2hhc1J1bkNvbmZpZywgc2V0SGFzUnVuQ29uZmlnXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBnZXRGb2N1c2VzID0gKCkgPT4ge1xuICAgIGNvbnN0IGZvY3VzZXMgPSByb290UmVmPy5jdXJyZW50XG4gICAgICA/IEFycmF5LmZyb20oXG4gICAgICAgICAgcm9vdFJlZi5jdXJyZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoXG4gICAgICAgICAgICBmaWx0ZXJDbGFzcyB8fCBmb2N1c0NsYXNzZXMucm9vdCB8fCBcInJvb3RcIlxuICAgICAgICAgIClcbiAgICAgICAgKVxuICAgICAgOiBbXTtcbiAgICByZXR1cm4gZm9jdXNlcztcbiAgfTtcblxuICBjb25zdCBzZXRUYWJJbmRleCA9IChlbCwgdGFiSW5kZXggPSAwKSA9PiB7XG4gICAgY29uc3QgZWxDaGlsZEZvY3VzID0gZ2V0Rm9jdXNhYmxlQ2hpbGRyZW4oZWwpWzBdO1xuICAgIGlmIChlbENoaWxkRm9jdXMpIHtcbiAgICAgIGVsLnRhYkluZGV4ID0gLTE7XG4gICAgICBlbENoaWxkRm9jdXMudGFiSW5kZXggPSB0YWJJbmRleDtcbiAgICB9IGVsc2Uge1xuICAgICAgZWwudGFiSW5kZXggPSB0YWJJbmRleDtcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgc2V0U2VsZWN0ZWRUYWJJbmRleCA9ICgpID0+IHtcbiAgICBjb25zdCBmb2N1c2VzID0gZ2V0Rm9jdXNlcygpO1xuICAgIGNvbnN0IGZpcnN0U2VsZWN0ZWQgPSBmb2N1c2VzLmZpbmQoKGZvY3VzKSA9PlxuICAgICAgZm9jdXMuY2xhc3NMaXN0LmNvbnRhaW5zKGZvY3VzQ2xhc3Nlcy5zZWxlY3RlZCB8fCBcInNlbGVjdGVkXCIpXG4gICAgKTtcblxuICAgIGlmICghZmlyc3RTZWxlY3RlZCkgcmV0dXJuO1xuICAgIGZvY3VzZXMuZm9yRWFjaCgoZm9jdXMpID0+IHNldFRhYkluZGV4KGZvY3VzLCAtMSkpO1xuICAgIHNldFRhYkluZGV4KGZpcnN0U2VsZWN0ZWQsIDApO1xuICB9O1xuXG4gIGNvbnN0IGNsZWFyVGFiU2libGluZ3MgPSAoZWwpID0+IHtcbiAgICBnZXRGb2N1c2VzKCkuZm9yRWFjaCgoZm9jdXMpID0+IHNldFRhYkluZGV4KGZvY3VzLCAtMSkpO1xuICAgIHNldFRhYkluZGV4KGVsLCAwKTtcbiAgfTtcblxuICBjb25zdCBvbkZvY3VzU3RyYXRlZ3kgPSAoZXZ0KSA9PiB7XG4gICAgaWYgKHN0cmF0ZWd5ID09PSBcImxpc3Rib3hcIikge1xuICAgICAgY2xlYXJUYWJTaWJsaW5ncyhldnQuY3VycmVudFRhcmdldCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uQmx1clN0cmF0ZWd5ID0gKCkgPT4ge1xuICAgIGlmIChcbiAgICAgIHN0cmF0ZWd5ID09PSBcImxpc3Rib3hcIiAmJlxuICAgICAgcm9vdFJlZiAmJlxuICAgICAgcm9vdFJlZi5jdXJyZW50ICYmXG4gICAgICAhcm9vdFJlZi5jdXJyZW50LmNvbnRhaW5zKGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQpXG4gICAgKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgc2V0U2VsZWN0ZWRUYWJJbmRleCgpO1xuICAgICAgfSwgMTApO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBjb25maWcgPSAoZWwpID0+IHtcbiAgICBjb25zdCB7IHRhYkluZGV4IH0gPSBjb25maWd1cmF0aW9uO1xuICAgIGlmICghZWwgfHwgaGFzUnVuQ29uZmlnKSByZXR1cm47XG4gICAgaWYgKHN0cmF0ZWd5ID09PSBcImNhcmRcIikge1xuICAgICAgc2V0Q2hpbGRGb2N1cyhjaGlsZHJlbik7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKHN0cmF0ZWd5ID09PSBcImdyaWRcIikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGZvY3VzYWJsZUNoaWxkcmVuID0gZ2V0Rm9jdXNhYmxlQ2hpbGRyZW4oZWwpO1xuICAgIGlmIChmb2N1c2FibGVDaGlsZHJlbi5sZW5ndGgpIHtcbiAgICAgIGZvY3VzYWJsZUNoaWxkcmVuLmZvckVhY2goKGNoaWxkKSA9PiBzZXRUYWJJbmRleChjaGlsZCwgLTEpKTtcbiAgICAgIHNldENoaWxkRm9jdXMoZm9jdXNhYmxlQ2hpbGRyZW5bMF0pO1xuICAgIH1cblxuICAgIGlmICghaXNOaWwodGFiSW5kZXgpKSBzZXRUYWJJbmRleChlbCwgdGFiSW5kZXgpO1xuICAgIHNldEhhc1J1bkNvbmZpZyh0cnVlKTtcbiAgfTtcblxuICBjb25zdCBhZGRGb2N1c0NsYXNzID0gKGV2dCkgPT4ge1xuICAgIGlmICghdXNlRmFsc2VGb2N1cykge1xuICAgICAgZXZ0LmN1cnJlbnRUYXJnZXQuY2xhc3NMaXN0LmFkZChmb2N1c0NsYXNzZXMuZm9jdXNlZCk7XG4gICAgICAvLyBhZGQgZ2xvYmFsIGNsYXNzIEh2SXNGb2N1c2VkIGFzIGEgbWFya2VyXG4gICAgICAvLyBub3QgdG8gYmUgc3R5bGVkIGRpcmVjdGx5LCBvbmx5IGFzIGhlbHBlciBpbiBzcGVjaWZpYyBjc3MgcXVlcmllc1xuICAgICAgZXZ0LmN1cnJlbnRUYXJnZXQuY2xhc3NMaXN0LmFkZChcIkh2SXNGb2N1c2VkXCIpO1xuICAgICAgY2xhc3Nlcz8uZm9jdXNcbiAgICAgICAgPy5zcGxpdChcIiBcIilcbiAgICAgICAgLmZvckVhY2goKGMpID0+IGV2dC5jdXJyZW50VGFyZ2V0LmNsYXNzTGlzdC5hZGQoYykpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCByZW1vdmVGb2N1c0NsYXNzID0gKCkgPT4ge1xuICAgIGlmICghdXNlRmFsc2VGb2N1cykge1xuICAgICAgZ2V0Rm9jdXNlcygpLmZvckVhY2goKGVsZW1lbnQpID0+IHtcbiAgICAgICAgaWYgKGZvY3VzQ2xhc3Nlcy5mb2N1c2VkKSB7XG4gICAgICAgICAgZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKGZvY3VzQ2xhc3Nlcy5mb2N1c2VkKTtcbiAgICAgICAgfVxuICAgICAgICAvLyByZW1vdmUgdGhlIGdsb2JhbCBjbGFzcyBIdklzRm9jdXNlZFxuICAgICAgICBlbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoXCJIdklzRm9jdXNlZFwiKTtcbiAgICAgICAgY2xhc3Nlcz8uZm9jdXM/LnNwbGl0KFwiIFwiKS5mb3JFYWNoKChjKSA9PiBlbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoYykpO1xuICAgICAgfSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uRm9jdXMgPSAoZXZ0KSA9PiB7XG4gICAgYWRkRm9jdXNDbGFzcyhldnQpO1xuICAgIHNldFNob3dGb2N1cyh0cnVlKTtcbiAgICAvLyBnaXZlIGZvY3VzIHRvIGNoaWxkIGVsZW1lbnQgaWYgYW55IGZvY3VzYWJsZVxuXG4gICAgaWYgKGNoaWxkRm9jdXMgJiYgY2hpbGRGb2N1cy5mb2N1cykgY2hpbGRGb2N1cy5mb2N1cygpO1xuICAgIG9uRm9jdXNTdHJhdGVneShldnQpO1xuICB9O1xuXG4gIGNvbnN0IG9uQmx1ciA9ICgpID0+IHtcbiAgICBzZXRTaG93Rm9jdXMoZmFsc2UpO1xuICAgIHJlbW92ZUZvY3VzQ2xhc3MoKTtcbiAgICBvbkJsdXJTdHJhdGVneSgpO1xuICB9O1xuXG4gIGNvbnN0IG9uTW91c2VEb3duID0gKGV2dCkgPT4ge1xuICAgIGNvbnN0IGhhc0NhcmQgPSAhIWV2dC5jdXJyZW50VGFyZ2V0Py5xdWVyeVNlbGVjdG9yKFwiLkh2SXNDYXJkR3JpZEVsZW1lbnRcIik7XG4gICAgaWYgKHN0cmF0ZWd5ID09PSBcImdyaWRcIiAmJiBoYXNDYXJkKSByZXR1cm47XG5cbiAgICBzZXRGb2N1c1RvKGV2dC5jdXJyZW50VGFyZ2V0KTtcbiAgICBzZXRUYWJJbmRleChldnQuY3VycmVudFRhcmdldCwgMCk7XG4gICAgLy8gcmVtb3ZlIGZvY3VzIG91dGxpbmUgdW5sZXNzIGV4cGxpY2l0bHkgZW5hYmxlZFxuICAgIGlmICghZm9jdXNPbkNsaWNrKSB7XG4gICAgICAvLyBUT0RPIHRoaXMgcGllY2Ugb2YgY29kZSB3b3JrcyBvbmx5IGJlY2F1c2Ugb25Nb3VzZURvd24gaXMgaGFwcGVuaW5nIGFmdGVyIHRoZSBmb2N1cyBldmVudFxuICAgICAgLy8gVGhlcmUgaXMgbm90aGluZyBpbiBoZXJlIHRoYXQgZ3VhcmFudGVlcyB0aGUgb3JkZXIgb2YgdGhlc2UgZXZlbnRzLCBzbyBpdCBtYXkgcHJlc2VudCBhIHByb2JsZW0gaW4gdGhlIGZ1dHVyZVxuICAgICAgcmVtb3ZlRm9jdXNDbGFzcygpO1xuICAgICAgc2V0U2hvd0ZvY3VzKGZhbHNlKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgZm9jdXNBbmRVcGRhdGVJbmRleCA9IChuZXh0Rm9jdXMsIHByZXZpb3VzRm9jdXMsIGZvY3VzZXNMaXN0KSA9PiB7XG4gICAgaWYgKGZvY3VzZXNMaXN0Py5pbmNsdWRlcyhwcmV2aW91c0ZvY3VzKSkge1xuICAgICAgc2V0VGFiSW5kZXgocHJldmlvdXNGb2N1cywgLTEpO1xuICAgIH1cbiAgICBzZXRUYWJJbmRleChuZXh0Rm9jdXMsIDApO1xuICAgIHNldEZvY3VzVG8obmV4dEZvY3VzKTtcbiAgfTtcblxuICBjb25zdCBnZXRFbmFibGVkS2V5cyA9IChjdXJyZW50Rm9jdXNJbmRleCwganVtcCwgbGlzdFNpemUpID0+ICh7XG4gICAgcmlnaHQ6XG4gICAgICAoY3VycmVudEZvY3VzSW5kZXggKyAxKSAlIGp1bXAgPT09IDAgfHxcbiAgICAgIGN1cnJlbnRGb2N1c0luZGV4ICsgMSA+IGxpc3RTaXplIC0gMSxcbiAgICBsZWZ0OiBjdXJyZW50Rm9jdXNJbmRleCAlIGp1bXAgPT09IDAsXG4gICAgdXA6IGN1cnJlbnRGb2N1c0luZGV4IC0ganVtcCA8IDAsXG4gICAgZG93bjpcbiAgICAgIGN1cnJlbnRGb2N1c0luZGV4ICsganVtcCA+IGxpc3RTaXplIHx8XG4gICAgICBjdXJyZW50Rm9jdXNJbmRleCArIGp1bXAgPiBsaXN0U2l6ZSAtIDEsXG4gIH0pO1xuXG4gIGNvbnN0IG9uR3JpZEtleURvd25IYW5kbGVyID0gKFxuICAgIGV2dCxcbiAgICBmb2N1c2VzLFxuICAgIGZvY3VzZXNMaXN0LFxuICAgIGN1cnJlbnRGb2N1c0luZGV4LFxuICAgIGp1bXBcbiAgKSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgQXJyb3dVcCxcbiAgICAgIEFycm93RG93bixcbiAgICAgIEhvbWUsXG4gICAgICBFbmQsXG4gICAgICBBcnJvd0xlZnQsXG4gICAgICBBcnJvd1JpZ2h0LFxuICAgICAgRW50ZXIsXG4gICAgICBTcGFjZUJhcixcbiAgICB9ID0ga2V5Ym9hcmRDb2RlcztcblxuICAgIGNvbnN0IGNoaWxkRm9jdXNJc0lucHV0ID0gY2hpbGRGb2N1cyAmJiBjaGlsZEZvY3VzLm5vZGVOYW1lID09PSBcIklOUFVUXCI7XG5cbiAgICBpZiAoXG4gICAgICAhaXNPbmVPZktleXMoZXZ0LCBbXG4gICAgICAgIEFycm93VXAsXG4gICAgICAgIEFycm93RG93bixcbiAgICAgICAgQXJyb3dMZWZ0LFxuICAgICAgICBBcnJvd1JpZ2h0LFxuICAgICAgICBIb21lLFxuICAgICAgICBFbmQsXG4gICAgICAgIFNwYWNlQmFyLFxuICAgICAgICBFbnRlcixcbiAgICAgIF0pIHx8XG4gICAgICAoY2hpbGRGb2N1c0lzSW5wdXQgJiYgaXNLZXkoZXZ0LCBFbnRlcikpXG4gICAgKSB7XG4gICAgICAvLyBub3RoaW5nIHRvIGRvXG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gd2UnbGwgZG8gc29tZXRoaW5nIHdpdGggdGhlIGtleSBzbyBwcmV2ZW50IGRlZmF1bHQgYW5kIHN0b3AgcHJvcGFnYXRpb25cbiAgICAvLyBleGNlcHQgZm9yIEVudGVyIGFuZCBTcGFjZUJhclxuICAgIGlmICghaXNPbmVPZktleXMoZXZ0LCBbRW50ZXIsIFNwYWNlQmFyXSkpIHtcbiAgICAgIGV2dC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZXZ0LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH1cblxuICAgIGNvbnN0IGJsb2NrZWRLZXlzID0gZ2V0RW5hYmxlZEtleXMoXG4gICAgICBjdXJyZW50Rm9jdXNJbmRleCxcbiAgICAgIGp1bXAsXG4gICAgICBmb2N1c2VzTGlzdC5sZW5ndGhcbiAgICApO1xuXG4gICAgc3dpdGNoIChldnQua2V5Q29kZSkge1xuICAgICAgY2FzZSBTcGFjZUJhcjpcbiAgICAgIGNhc2UgRW50ZXI6XG4gICAgICAgIGlmIChpc0Jyb3dzZXIoXCJmaXJlZm94XCIpKSB7XG4gICAgICAgICAgZXZ0LnRhcmdldC5jbGljaygpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGV2dC5jdXJyZW50VGFyZ2V0LmNsaWNrKCk7XG4gICAgICAgIH1cbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIEFycm93VXA6XG4gICAgICAgIGlmICghYmxvY2tlZEtleXMudXApIHtcbiAgICAgICAgICBmb2N1c0FuZFVwZGF0ZUluZGV4KFxuICAgICAgICAgICAgZm9jdXNlcy5qdW1wIHx8IGZvY3VzZXMubGFzdCxcbiAgICAgICAgICAgIGV2dC5jdXJyZW50LFxuICAgICAgICAgICAgZm9jdXNlc0xpc3RcbiAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBBcnJvd0Rvd246XG4gICAgICAgIGlmICghYmxvY2tlZEtleXMuZG93bikge1xuICAgICAgICAgIGZvY3VzQW5kVXBkYXRlSW5kZXgoXG4gICAgICAgICAgICBmb2N1c2VzLmZhbGwgfHwgZm9jdXNlcy5maXJzdCxcbiAgICAgICAgICAgIGV2dC5jdXJyZW50LFxuICAgICAgICAgICAgZm9jdXNlc0xpc3RcbiAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBBcnJvd0xlZnQ6XG4gICAgICAgIGlmICghYmxvY2tlZEtleXMubGVmdCkge1xuICAgICAgICAgIGZvY3VzQW5kVXBkYXRlSW5kZXgoXG4gICAgICAgICAgICBmb2N1c2VzLnByZXZpb3VzIHx8IGZvY3VzZXMubGFzdCxcbiAgICAgICAgICAgIGV2dC5jdXJyZW50LFxuICAgICAgICAgICAgZm9jdXNlc0xpc3RcbiAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBBcnJvd1JpZ2h0OlxuICAgICAgICBpZiAoIWJsb2NrZWRLZXlzLnJpZ2h0KSB7XG4gICAgICAgICAgZm9jdXNBbmRVcGRhdGVJbmRleChcbiAgICAgICAgICAgIGZvY3VzZXMubmV4dCB8fCBmb2N1c2VzLmZpcnN0LFxuICAgICAgICAgICAgZXZ0LmN1cnJlbnQsXG4gICAgICAgICAgICBmb2N1c2VzTGlzdFxuICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIEhvbWU6XG4gICAgICAgIGZvY3VzQW5kVXBkYXRlSW5kZXgoZm9jdXNlcy5maXJzdCwgZXZ0LmN1cnJlbnQsIGZvY3VzZXNMaXN0KTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIEVuZDpcbiAgICAgICAgZm9jdXNBbmRVcGRhdGVJbmRleChmb2N1c2VzLmxhc3QsIGV2dC5jdXJyZW50LCBmb2N1c2VzTGlzdCk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgZGVmYXVsdDpcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgb25WZXJ0aWNhbEFycmFuZ2VtZW50SGFuZGxlciA9IChldnQsIGZvY3VzZXMsIGZvY3VzZXNMaXN0KSA9PiB7XG4gICAgY29uc3QgeyBBcnJvd1VwLCBBcnJvd0Rvd24sIEhvbWUsIEVuZCwgRW50ZXIsIFNwYWNlQmFyIH0gPSBrZXlib2FyZENvZGVzO1xuICAgIGNvbnN0IGNoaWxkRm9jdXNJc0lucHV0ID0gY2hpbGRGb2N1cyAmJiBjaGlsZEZvY3VzLm5vZGVOYW1lID09PSBcIklOUFVUXCI7XG5cbiAgICBpZiAoXG4gICAgICAhaXNPbmVPZktleXMoZXZ0LCBbQXJyb3dVcCwgQXJyb3dEb3duLCBIb21lLCBFbmQsIFNwYWNlQmFyLCBFbnRlcl0pIHx8XG4gICAgICAoY2hpbGRGb2N1c0lzSW5wdXQgJiYgaXNLZXkoZXZ0LCBFbnRlcikpXG4gICAgKSB7XG4gICAgICAvLyBub3RoaW5nIHRvIGRvXG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gd2UnbGwgZG8gc29tZXRoaW5nIHdpdGggdGhlIGtleSBzbyBwcmV2ZW50IGRlZmF1bHQgYW5kIHN0b3AgcHJvcGFnYXRpb25cbiAgICBldnQucHJldmVudERlZmF1bHQoKTtcbiAgICBldnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICBzd2l0Y2ggKGV2dC5rZXlDb2RlKSB7XG4gICAgICBjYXNlIFNwYWNlQmFyOlxuICAgICAgY2FzZSBFbnRlcjpcbiAgICAgICAgZXZ0LnRhcmdldC5jbGljaygpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgQXJyb3dVcDpcbiAgICAgICAgZm9jdXNBbmRVcGRhdGVJbmRleChcbiAgICAgICAgICBmb2N1c2VzLnByZXZpb3VzIHx8IGZvY3VzZXMubGFzdCxcbiAgICAgICAgICBldnQuY3VycmVudCxcbiAgICAgICAgICBmb2N1c2VzTGlzdFxuICAgICAgICApO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgQXJyb3dEb3duOlxuICAgICAgICBmb2N1c0FuZFVwZGF0ZUluZGV4KFxuICAgICAgICAgIGZvY3VzZXMubmV4dCB8fCBmb2N1c2VzLmZpcnN0LFxuICAgICAgICAgIGV2dC5jdXJyZW50LFxuICAgICAgICAgIGZvY3VzZXNMaXN0XG4gICAgICAgICk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBIb21lOlxuICAgICAgICBmb2N1c0FuZFVwZGF0ZUluZGV4KGZvY3VzZXMuZmlyc3QsIGV2dC5jdXJyZW50LCBmb2N1c2VzTGlzdCk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBFbmQ6XG4gICAgICAgIGZvY3VzQW5kVXBkYXRlSW5kZXgoZm9jdXNlcy5sYXN0LCBldnQuY3VycmVudCwgZm9jdXNlc0xpc3QpO1xuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uU2luZ2xlSGFuZGxlciA9IChldnQpID0+IHtcbiAgICBjb25zdCB7IEVudGVyLCBTcGFjZUJhciB9ID0ga2V5Ym9hcmRDb2RlcztcbiAgICBjb25zdCBjaGlsZEZvY3VzSXNJbnB1dCA9IGNoaWxkRm9jdXMgJiYgY2hpbGRGb2N1cy5ub2RlTmFtZSA9PT0gXCJJTlBVVFwiO1xuXG4gICAgaWYgKFxuICAgICAgIWlzT25lT2ZLZXlzKGV2dCwgW1NwYWNlQmFyLCBFbnRlcl0pIHx8XG4gICAgICAoY2hpbGRGb2N1c0lzSW5wdXQgJiYgaXNLZXkoZXZ0LCBFbnRlcikpXG4gICAgKSB7XG4gICAgICAvLyBub3RoaW5nIHRvIGRvXG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gd2UnbGwgZG8gc29tZXRoaW5nIHdpdGggdGhlIGtleSBzbyBwcmV2ZW50IGRlZmF1bHQgYW5kIHN0b3AgcHJvcGFnYXRpb25cbiAgICBldnQucHJldmVudERlZmF1bHQoKTtcbiAgICBldnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICBldnQuY3VycmVudFRhcmdldC5jbGljaygpO1xuICB9O1xuXG4gIGNvbnN0IG9uS2V5RG93biA9IChldnQpID0+IHtcbiAgICBpZiAocm9vdFJlZj8uY3VycmVudCA9PSBudWxsKSB7XG4gICAgICAvLyBvcGVyYXRpbmcgb3V0c2lkZSBvZiBhIGNvbXBvc2l0ZSB3aWRnZXRcbiAgICAgIC8vIG5vdGhpbmcgdG8gbWFuYWdlLCBqdXN0IHN0eWxlIGFuZCB0cmlnZ2VyIGNsaWNrc1xuICAgICAgb25TaW5nbGVIYW5kbGVyKGV2dCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gVE9ETyBrZWVwIHRoZSBzbWFydCBkZWZhdWx0LCBidXQgYWxsb3cgdG8gZXhwbGljaXRseSBvdmVycmlkZSBpZiBkaXNhYmxlZCBlbGVtZW50cyBzaG91bGQgYmUgZm9jdXNhYmxlXG4gICAgY29uc3QgaXNEaXNhYmxlZEZvY3VzYWJsZSA9IHN0cmF0ZWd5ID09PSBcIm1lbnVcIjtcbiAgICBjb25zdCBmb2N1c2VzTGlzdCA9IGdldEZvY3VzZXMoKS5maWx0ZXIoXG4gICAgICAoZWwpID0+XG4gICAgICAgIGlzRGlzYWJsZWRGb2N1c2FibGUgfHxcbiAgICAgICAgIWVsLmNsYXNzTGlzdC5jb250YWlucyhjbGFzc2VzPy5kaXNhYmxlZCBhcyBzdHJpbmcpXG4gICAgKTtcblxuICAgIGNvbnN0IGN1cnJlbnRGb2N1cyA9IGZvY3VzZXNMaXN0LmluZGV4T2YoZXZ0LmN1cnJlbnRUYXJnZXQpO1xuXG4gICAgY29uc3QgZm9jdXNlcyA9IHtcbiAgICAgIGZpcnN0OiBmb2N1c2VzTGlzdFswXSxcbiAgICAgIGxhc3Q6IGZvY3VzZXNMaXN0W2ZvY3VzZXNMaXN0Lmxlbmd0aCAtIDFdLFxuICAgICAgcHJldmlvdXM6IGZvY3VzZXNMaXN0W2N1cnJlbnRGb2N1cyAtIDFdLFxuICAgICAgbmV4dDogZm9jdXNlc0xpc3RbY3VycmVudEZvY3VzICsgMV0sXG4gICAgICBmYWxsOiBmb2N1c2VzTGlzdFtjdXJyZW50Rm9jdXMgKyBuYXZpZ2F0aW9uSnVtcF0sXG4gICAgICBqdW1wOiBmb2N1c2VzTGlzdFtjdXJyZW50Rm9jdXMgLSBuYXZpZ2F0aW9uSnVtcF0sXG4gICAgfTtcblxuICAgIGlmIChzdHJhdGVneSA9PT0gXCJncmlkXCIpIHtcbiAgICAgIG9uR3JpZEtleURvd25IYW5kbGVyKFxuICAgICAgICBldnQsXG4gICAgICAgIGZvY3VzZXMsXG4gICAgICAgIGZvY3VzZXNMaXN0LFxuICAgICAgICBjdXJyZW50Rm9jdXMsXG4gICAgICAgIG5hdmlnYXRpb25KdW1wXG4gICAgICApO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIFRPRE8gYWRkIHByb3BlcnR5IGZvciBzcGVjaWZ5aW5nIHRoZSBjb21wb3NpdGUgd2lkZ2V0IG9yaWVudGF0aW9uXG4gICAgLy8gVE9ETyBpbXBsZW1lbnQgaGFuZGxlciBmb3IgaG9yaXpvbnRhbCBvcmllbnRhdGlvblxuICAgIG9uVmVydGljYWxBcnJhbmdlbWVudEhhbmRsZXIoZXZ0LCBmb2N1c2VzLCBmb2N1c2VzTGlzdCk7XG4gIH07XG5cbiAgY29uc3Qgb25LZXlVcCA9IChldnQpID0+IHtcbiAgICBpZiAoaXNCcm93c2VyKFwiZmlyZWZveFwiKSkgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gIH07XG5cbiAgaWYgKGRpc2FibGVkKSByZXR1cm4gY2hpbGRyZW47XG5cbiAgY29uc3QgZm9jdXNXcmFwcGVyID0gKGNoaWxkcmVuVG9XcmFwKSA9PiAoXG4gICAgPFN0eWxlZEZvY3VzV3JhcHBlclxuICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICBjbGFzc2VzPy5leHRlcm5hbFJlZmVyZW5jZSxcbiAgICAgICAgZm9jdXNDbGFzc2VzLmV4dGVybmFsUmVmZXJlbmNlXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlblRvV3JhcH1cbiAgICAgIHtzaG93Rm9jdXMgJiYgKFxuICAgICAgICA8U3R5bGVkRmFsc2VGb2N1c1xuICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChjbGFzc2VzPy5mYWxzZUZvY3VzLCBmb2N1c0NsYXNzZXMuZmFsc2VGb2N1cyl9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvU3R5bGVkRm9jdXNXcmFwcGVyPlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPENvbmRpdGlvbmFsV3JhcHBlciBjb25kaXRpb249e3VzZUZhbHNlRm9jdXN9IHdyYXBwZXI9e2ZvY3VzV3JhcHBlcn0+XG4gICAgICA8R2xvYmFsIHN0eWxlcz17Zm9jdXNTdHlsZXN9IC8+XG4gICAgICB7UmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkcmVuLCB7XG4gICAgICAgIGNsYXNzTmFtZTogY2xzeChcbiAgICAgICAgICBjaGlsZHJlbi5wcm9wcy5jbGFzc05hbWUsXG4gICAgICAgICAgZm9jdXNDbGFzc2VzLnJvb3QsXG4gICAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgICBmaWx0ZXJDbGFzcyxcbiAgICAgICAgICBzZWxlY3RlZCAmJiBjbHN4KGZvY3VzQ2xhc3Nlcy5zZWxlY3RlZCwgY2xhc3Nlcz8uc2VsZWN0ZWQpLFxuICAgICAgICAgIGRpc2FibGVkQ2xhc3MgJiYgY2xzeChmb2N1c0NsYXNzZXMuZGlzYWJsZWQsIGNsYXNzZXM/LmRpc2FibGVkKSxcbiAgICAgICAgICBmb2N1c0Rpc2FibGVkICYmXG4gICAgICAgICAgICBjbHN4KGZvY3VzQ2xhc3Nlcy5mb2N1c0Rpc2FibGVkLCBjbGFzc2VzPy5mb2N1c0Rpc2FibGVkKVxuICAgICAgICApLFxuICAgICAgICByZWY6IGNvbmZpZyxcbiAgICAgICAgb25Gb2N1cyxcbiAgICAgICAgb25CbHVyLFxuICAgICAgICBvbk1vdXNlRG93bixcbiAgICAgICAgb25LZXlEb3duLFxuICAgICAgICBvbktleVVwLFxuICAgICAgICBzZWxlY3RlZCxcbiAgICAgIH0pfVxuICAgIDwvQ29uZGl0aW9uYWxXcmFwcGVyPlxuICApO1xufTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9jdXMvRm9jdXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd1QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZvY3VzL0ZvY3VzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjbHN4IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgeyBpc05pbCB9IGZyb20gXCJsb2Rhc2hcIjtcbmltcG9ydCBSZWFjdCwgeyBSZWZPYmplY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsga2V5Ym9hcmRDb2RlcywgaXNCcm93c2VyIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgQ29uZGl0aW9uYWxXcmFwcGVyIGZyb20gXCJ1dGlscy9Db25kaXRpb25hbFdyYXBwZXJcIjtcbmltcG9ydCB7IFN0eWxlZEZvY3VzV3JhcHBlciwgU3R5bGVkRmFsc2VGb2N1cyB9IGZyb20gXCIuL0ZvY3VzLnN0eWxlc1wiO1xuaW1wb3J0IHsgZ2V0Rm9jdXNhYmxlQ2hpbGRyZW4sIGlzS2V5LCBpc09uZU9mS2V5cywgc2V0Rm9jdXNUbyB9IGZyb20gXCIuL3V0aWxzXCI7XG5pbXBvcnQgZm9jdXNDbGFzc2VzLCB7IEh2Rm9jdXNDbGFzc2VzIH0gZnJvbSBcIi4vZm9jdXNDbGFzc2VzXCI7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5jb25zdCBmb2N1c1N0eWxlcyA9IGNzc2BcbiAgLkh2Rm9jdXMtZm9jdXNlZCB7XG4gICAgb3V0bGluZS1jb2xvcjogIzUyYThlYztcbiAgICBvdXRsaW5lLXN0eWxlOiBzb2xpZDtcbiAgICBvdXRsaW5lLXdpZHRoOiAwcHg7XG4gICAgb3V0bGluZS1vZmZzZXQ6IC0xcHg7XG4gICAgYm94LXNoYWRvdzogMCAwIDAgMXB4ICM1MmE4ZWMsIDAgMCAwIDRweCByZ2JhKDI5LCAxNTUsIDIwOSwgMC4zKTtcblxuICAgIEBtZWRpYSAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOiAwKSB7XG4gICAgICBvdXRsaW5lLWNvbG9yOiAjNTJhOGVjO1xuICAgICAgb3V0bGluZS1zdHlsZTogc29saWQ7XG4gICAgICBvdXRsaW5lLXdpZHRoOiAwcHg7XG4gICAgICBvdXRsaW5lLW9mZnNldDogLTFweDtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDFweCAjNTJhOGVjLCAwIDAgMCA0cHggcmdiYSgyOSwgMTU1LCAyMDksIDAuMyk7XG4gICAgfVxuICB9XG5cbiAgLkh2Rm9jdXMtZm9jdXNEaXNhYmxlZCB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG4gIC5IdkZvY3VzLWZvY3VzRGlzYWJsZWQgKjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG4gIC5IdkZvY3VzLWZvY3VzRGlzYWJsZWQgKiB7XG4gICAgb3V0bGluZTogbm9uZSAhaW1wb3J0YW50O1xuICAgIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgSHZGb2N1c1Byb3BzID0gSHZCYXNlUHJvcHM8SFRNTEVsZW1lbnQsIHsgY2hpbGRyZW4gfT4gJiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIC8qKiBFeHRyYSBjb25maWd1cmF0aW9uIGZvciB0aGUgY2hpbGQgZWxlbWVudC4gKi9cbiAgY29uZmlndXJhdGlvbj86IHtcbiAgICB0YWJJbmRleD86IG51bWJlcjtcbiAgfTtcbiAgLyoqIEluZGljYXRlcyB0aGF0IHRoZSBkaXNhYmxlZCBjbGFzcyBzaG91bGQgYmUgYXBwbGllZC4gKi9cbiAgZGlzYWJsZWRDbGFzcz86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSBmb2N1cyBpcyBzZWxlY3RlZC4gKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICAvKiogV2hldGhlciB0aGUgZm9jdXMgaXMgZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIFRoZSByZWZlcmVuY2UgdG8gdGhlIHJvb3QgZWxlbWVudCB0byBob2xkIGFsbCBGb2N1cycgY29udGV4dC4gKi9cbiAgcm9vdFJlZj86IFJlZk9iamVjdDxIVE1MRWxlbWVudD47XG4gIC8qKiBTaG93IGZvY3VzIHdoZW4gY2xpY2sgZWxlbWVudC4gdiovXG4gIGZvY3VzT25DbGljaz86IGJvb2xlYW47XG4gIC8qKiBTaG93IGZvY3VzIHdoZW4gY2xpY2sgZWxlbWVudC4gdiovXG4gIGZvY3VzRGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogVXNlIHVwLyBkb3duIGtleWJvYXJkIGFycm93cyB0byBjb250cm9sIGZvY3VzLiAqL1xuICB1c2VBcnJvd3M/OiBib29sZWFuO1xuICAvKiogRm9jdXMgYW5kIG5hdmlnYXRpb24gc3RyYXRlZ3kgdG8gYmUgdXNlZC4gdiovXG4gIHN0cmF0ZWd5PzogXCJsaXN0Ym94XCIgfCBcIm1lbnVcIiB8IFwiY2FyZFwiIHwgXCJncmlkXCI7XG4gIC8qKiBVc2VzIGFuIGFic29sdXRlIHBvc2l0aW9uZWQgZGl2IGFzIGEgZm9jdXMuIHYqL1xuICB1c2VGYWxzZUZvY3VzPzogYm9vbGVhbjtcbiAgLyoqIE5hcnJvd3MgdGhlIHJlc3VsdHMgb2YgdGhlIGZvY3VzIHRvIG9ubHkgdGhlc2VzIGNsYXNzIHYqL1xuICBmaWx0ZXJDbGFzcz86IHN0cmluZztcbiAgLyoqIEhvdyBtdWNoIHRoZSBuYXZpZ2F0aW9uIHdpbGwgc2tpcCB3aGVuIHVzaW5nIHRoZSBhcnJvd3MuIHYqL1xuICBuYXZpZ2F0aW9uSnVtcD86IG51bWJlcjtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgY2xhc3Nlcz86IEh2Rm9jdXNDbGFzc2VzO1xufTtcblxuZXhwb3J0IGNvbnN0IEh2Rm9jdXMgPSAoe1xuICBjbGFzc2VzLFxuICBjaGlsZHJlbixcbiAgY29uZmlndXJhdGlvbiA9IHt9LFxuICBkaXNhYmxlZENsYXNzID0gZmFsc2UsXG4gIHNlbGVjdGVkID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIHJvb3RSZWYgPSB1bmRlZmluZWQsXG4gIGZvY3VzT25DbGljayA9IGZhbHNlLFxuICBmb2N1c0Rpc2FibGVkID0gdHJ1ZSxcbiAgc3RyYXRlZ3kgPSBcImxpc3Rib3hcIixcbiAgdXNlRmFsc2VGb2N1cyA9IGZhbHNlLFxuICBmaWx0ZXJDbGFzcyxcbiAgbmF2aWdhdGlvbkp1bXAgPSA0LFxufTogSHZGb2N1c1Byb3BzKSA9PiB7XG4gIGNvbnN0IFtzaG93Rm9jdXMsIHNldFNob3dGb2N1c10gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gIGNvbnN0IFtjaGlsZEZvY3VzLCBzZXRDaGlsZEZvY3VzXSA9IHVzZVN0YXRlPGFueT4oKTtcbiAgY29uc3QgW2hhc1J1bkNvbmZpZywgc2V0SGFzUnVuQ29uZmlnXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBnZXRGb2N1c2VzID0gKCkgPT4ge1xuICAgIGNvbnN0IGZvY3VzZXMgPSByb290UmVmPy5jdXJyZW50XG4gICAgICA/IEFycmF5LmZyb20oXG4gICAgICAgICAgcm9vdFJlZi5jdXJyZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoXG4gICAgICAgICAgICBmaWx0ZXJDbGFzcyB8fCBmb2N1c0NsYXNzZXMucm9vdCB8fCBjbGFzc2VzPy5yb290IHx8IFwicm9vdFwiXG4gICAgICAgICAgKVxuICAgICAgICApXG4gICAgICA6IFtdO1xuICAgIHJldHVybiBmb2N1c2VzO1xuICB9O1xuXG4gIGNvbnN0IHNldFRhYkluZGV4ID0gKGVsLCB0YWJJbmRleCA9IDApID0+IHtcbiAgICBjb25zdCBlbENoaWxkRm9jdXMgPSBnZXRGb2N1c2FibGVDaGlsZHJlbihlbClbMF07XG4gICAgaWYgKGVsQ2hpbGRGb2N1cykge1xuICAgICAgZWwudGFiSW5kZXggPSAtMTtcbiAgICAgIGVsQ2hpbGRGb2N1cy50YWJJbmRleCA9IHRhYkluZGV4O1xuICAgIH0gZWxzZSB7XG4gICAgICBlbC50YWJJbmRleCA9IHRhYkluZGV4O1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBzZXRTZWxlY3RlZFRhYkluZGV4ID0gKCkgPT4ge1xuICAgIGNvbnN0IGZvY3VzZXMgPSBnZXRGb2N1c2VzKCk7XG4gICAgY29uc3QgZmlyc3RTZWxlY3RlZCA9IGZvY3VzZXMuZmluZCgoZm9jdXMpID0+XG4gICAgICBmb2N1cy5jbGFzc0xpc3QuY29udGFpbnMoXG4gICAgICAgIGZvY3VzQ2xhc3Nlcy5zZWxlY3RlZCB8fCBjbGFzc2VzPy5zZWxlY3RlZCB8fCBcInNlbGVjdGVkXCJcbiAgICAgIClcbiAgICApO1xuXG4gICAgaWYgKCFmaXJzdFNlbGVjdGVkKSByZXR1cm47XG4gICAgZm9jdXNlcy5mb3JFYWNoKChmb2N1cykgPT4gc2V0VGFiSW5kZXgoZm9jdXMsIC0xKSk7XG4gICAgc2V0VGFiSW5kZXgoZmlyc3RTZWxlY3RlZCwgMCk7XG4gIH07XG5cbiAgY29uc3QgY2xlYXJUYWJTaWJsaW5ncyA9IChlbCkgPT4ge1xuICAgIGdldEZvY3VzZXMoKS5mb3JFYWNoKChmb2N1cykgPT4gc2V0VGFiSW5kZXgoZm9jdXMsIC0xKSk7XG4gICAgc2V0VGFiSW5kZXgoZWwsIDApO1xuICB9O1xuXG4gIGNvbnN0IG9uRm9jdXNTdHJhdGVneSA9IChldnQpID0+IHtcbiAgICBpZiAoc3RyYXRlZ3kgPT09IFwibGlzdGJveFwiKSB7XG4gICAgICBjbGVhclRhYlNpYmxpbmdzKGV2dC5jdXJyZW50VGFyZ2V0KTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgb25CbHVyU3RyYXRlZ3kgPSAoKSA9PiB7XG4gICAgaWYgKFxuICAgICAgc3RyYXRlZ3kgPT09IFwibGlzdGJveFwiICYmXG4gICAgICByb290UmVmICYmXG4gICAgICByb290UmVmLmN1cnJlbnQgJiZcbiAgICAgICFyb290UmVmLmN1cnJlbnQuY29udGFpbnMoZG9jdW1lbnQuYWN0aXZlRWxlbWVudClcbiAgICApIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBzZXRTZWxlY3RlZFRhYkluZGV4KCk7XG4gICAgICB9LCAxMCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGNvbmZpZyA9IChlbCkgPT4ge1xuICAgIGNvbnN0IHsgdGFiSW5kZXggfSA9IGNvbmZpZ3VyYXRpb247XG4gICAgaWYgKCFlbCB8fCBoYXNSdW5Db25maWcpIHJldHVybjtcbiAgICBpZiAoc3RyYXRlZ3kgPT09IFwiY2FyZFwiKSB7XG4gICAgICBzZXRDaGlsZEZvY3VzKGNoaWxkcmVuKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAoc3RyYXRlZ3kgPT09IFwiZ3JpZFwiKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgZm9jdXNhYmxlQ2hpbGRyZW4gPSBnZXRGb2N1c2FibGVDaGlsZHJlbihlbCk7XG4gICAgaWYgKGZvY3VzYWJsZUNoaWxkcmVuLmxlbmd0aCkge1xuICAgICAgZm9jdXNhYmxlQ2hpbGRyZW4uZm9yRWFjaCgoY2hpbGQpID0+IHNldFRhYkluZGV4KGNoaWxkLCAtMSkpO1xuICAgICAgc2V0Q2hpbGRGb2N1cyhmb2N1c2FibGVDaGlsZHJlblswXSk7XG4gICAgfVxuXG4gICAgaWYgKCFpc05pbCh0YWJJbmRleCkpIHNldFRhYkluZGV4KGVsLCB0YWJJbmRleCk7XG4gICAgc2V0SGFzUnVuQ29uZmlnKHRydWUpO1xuICB9O1xuXG4gIGNvbnN0IGFkZEZvY3VzQ2xhc3MgPSAoZXZ0KSA9PiB7XG4gICAgaWYgKCF1c2VGYWxzZUZvY3VzKSB7XG4gICAgICBldnQuY3VycmVudFRhcmdldC5jbGFzc0xpc3QuYWRkKGZvY3VzQ2xhc3Nlcy5mb2N1c2VkKTtcbiAgICAgIGlmIChjbGFzc2VzPy5mb2N1c2VkKSB7XG4gICAgICAgIGV2dC5jdXJyZW50VGFyZ2V0LmNsYXNzTGlzdC5hZGQoY2xhc3Nlcy5mb2N1c2VkKTtcbiAgICAgIH1cbiAgICAgIC8vIGFkZCBnbG9iYWwgY2xhc3MgSHZJc0ZvY3VzZWQgYXMgYSBtYXJrZXJcbiAgICAgIC8vIG5vdCB0byBiZSBzdHlsZWQgZGlyZWN0bHksIG9ubHkgYXMgaGVscGVyIGluIHNwZWNpZmljIGNzcyBxdWVyaWVzXG4gICAgICBldnQuY3VycmVudFRhcmdldC5jbGFzc0xpc3QuYWRkKFwiSHZJc0ZvY3VzZWRcIik7XG4gICAgICBjbGFzc2VzPy5mb2N1c1xuICAgICAgICA/LnNwbGl0KFwiIFwiKVxuICAgICAgICAuZm9yRWFjaCgoYykgPT4gZXZ0LmN1cnJlbnRUYXJnZXQuY2xhc3NMaXN0LmFkZChjKSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IHJlbW92ZUZvY3VzQ2xhc3MgPSAoKSA9PiB7XG4gICAgaWYgKCF1c2VGYWxzZUZvY3VzKSB7XG4gICAgICBnZXRGb2N1c2VzKCkuZm9yRWFjaCgoZWxlbWVudCkgPT4ge1xuICAgICAgICBpZiAoZm9jdXNDbGFzc2VzLmZvY3VzZWQpIHtcbiAgICAgICAgICBlbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoZm9jdXNDbGFzc2VzLmZvY3VzZWQpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChjbGFzc2VzPy5mb2N1c2VkKSB7XG4gICAgICAgICAgZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKGNsYXNzZXMuZm9jdXNlZCk7XG4gICAgICAgIH1cbiAgICAgICAgLy8gcmVtb3ZlIHRoZSBnbG9iYWwgY2xhc3MgSHZJc0ZvY3VzZWRcbiAgICAgICAgZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKFwiSHZJc0ZvY3VzZWRcIik7XG4gICAgICAgIGNsYXNzZXM/LmZvY3VzPy5zcGxpdChcIiBcIikuZm9yRWFjaCgoYykgPT4gZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKGMpKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvbkZvY3VzID0gKGV2dCkgPT4ge1xuICAgIGFkZEZvY3VzQ2xhc3MoZXZ0KTtcbiAgICBzZXRTaG93Rm9jdXModHJ1ZSk7XG4gICAgLy8gZ2l2ZSBmb2N1cyB0byBjaGlsZCBlbGVtZW50IGlmIGFueSBmb2N1c2FibGVcblxuICAgIGlmIChjaGlsZEZvY3VzICYmIGNoaWxkRm9jdXMuZm9jdXMpIGNoaWxkRm9jdXMuZm9jdXMoKTtcbiAgICBvbkZvY3VzU3RyYXRlZ3koZXZ0KTtcbiAgfTtcblxuICBjb25zdCBvbkJsdXIgPSAoKSA9PiB7XG4gICAgc2V0U2hvd0ZvY3VzKGZhbHNlKTtcbiAgICByZW1vdmVGb2N1c0NsYXNzKCk7XG4gICAgb25CbHVyU3RyYXRlZ3koKTtcbiAgfTtcblxuICBjb25zdCBvbk1vdXNlRG93biA9IChldnQpID0+IHtcbiAgICBjb25zdCBoYXNDYXJkID0gISFldnQuY3VycmVudFRhcmdldD8ucXVlcnlTZWxlY3RvcihcIi5IdklzQ2FyZEdyaWRFbGVtZW50XCIpO1xuICAgIGlmIChzdHJhdGVneSA9PT0gXCJncmlkXCIgJiYgaGFzQ2FyZCkgcmV0dXJuO1xuXG4gICAgc2V0Rm9jdXNUbyhldnQuY3VycmVudFRhcmdldCk7XG4gICAgc2V0VGFiSW5kZXgoZXZ0LmN1cnJlbnRUYXJnZXQsIDApO1xuICAgIC8vIHJlbW92ZSBmb2N1cyBvdXRsaW5lIHVubGVzcyBleHBsaWNpdGx5IGVuYWJsZWRcbiAgICBpZiAoIWZvY3VzT25DbGljaykge1xuICAgICAgLy8gVE9ETyB0aGlzIHBpZWNlIG9mIGNvZGUgd29ya3Mgb25seSBiZWNhdXNlIG9uTW91c2VEb3duIGlzIGhhcHBlbmluZyBhZnRlciB0aGUgZm9jdXMgZXZlbnRcbiAgICAgIC8vIFRoZXJlIGlzIG5vdGhpbmcgaW4gaGVyZSB0aGF0IGd1YXJhbnRlZXMgdGhlIG9yZGVyIG9mIHRoZXNlIGV2ZW50cywgc28gaXQgbWF5IHByZXNlbnQgYSBwcm9ibGVtIGluIHRoZSBmdXR1cmVcbiAgICAgIHJlbW92ZUZvY3VzQ2xhc3MoKTtcbiAgICAgIHNldFNob3dGb2N1cyhmYWxzZSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGZvY3VzQW5kVXBkYXRlSW5kZXggPSAobmV4dEZvY3VzLCBwcmV2aW91c0ZvY3VzLCBmb2N1c2VzTGlzdCkgPT4ge1xuICAgIGlmIChmb2N1c2VzTGlzdD8uaW5jbHVkZXMocHJldmlvdXNGb2N1cykpIHtcbiAgICAgIHNldFRhYkluZGV4KHByZXZpb3VzRm9jdXMsIC0xKTtcbiAgICB9XG4gICAgc2V0VGFiSW5kZXgobmV4dEZvY3VzLCAwKTtcbiAgICBzZXRGb2N1c1RvKG5leHRGb2N1cyk7XG4gIH07XG5cbiAgY29uc3QgZ2V0RW5hYmxlZEtleXMgPSAoY3VycmVudEZvY3VzSW5kZXgsIGp1bXAsIGxpc3RTaXplKSA9PiAoe1xuICAgIHJpZ2h0OlxuICAgICAgKGN1cnJlbnRGb2N1c0luZGV4ICsgMSkgJSBqdW1wID09PSAwIHx8XG4gICAgICBjdXJyZW50Rm9jdXNJbmRleCArIDEgPiBsaXN0U2l6ZSAtIDEsXG4gICAgbGVmdDogY3VycmVudEZvY3VzSW5kZXggJSBqdW1wID09PSAwLFxuICAgIHVwOiBjdXJyZW50Rm9jdXNJbmRleCAtIGp1bXAgPCAwLFxuICAgIGRvd246XG4gICAgICBjdXJyZW50Rm9jdXNJbmRleCArIGp1bXAgPiBsaXN0U2l6ZSB8fFxuICAgICAgY3VycmVudEZvY3VzSW5kZXggKyBqdW1wID4gbGlzdFNpemUgLSAxLFxuICB9KTtcblxuICBjb25zdCBvbkdyaWRLZXlEb3duSGFuZGxlciA9IChcbiAgICBldnQsXG4gICAgZm9jdXNlcyxcbiAgICBmb2N1c2VzTGlzdCxcbiAgICBjdXJyZW50Rm9jdXNJbmRleCxcbiAgICBqdW1wXG4gICkgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIEFycm93VXAsXG4gICAgICBBcnJvd0Rvd24sXG4gICAgICBIb21lLFxuICAgICAgRW5kLFxuICAgICAgQXJyb3dMZWZ0LFxuICAgICAgQXJyb3dSaWdodCxcbiAgICAgIEVudGVyLFxuICAgICAgU3BhY2VCYXIsXG4gICAgfSA9IGtleWJvYXJkQ29kZXM7XG5cbiAgICBjb25zdCBjaGlsZEZvY3VzSXNJbnB1dCA9IGNoaWxkRm9jdXMgJiYgY2hpbGRGb2N1cy5ub2RlTmFtZSA9PT0gXCJJTlBVVFwiO1xuXG4gICAgaWYgKFxuICAgICAgIWlzT25lT2ZLZXlzKGV2dCwgW1xuICAgICAgICBBcnJvd1VwLFxuICAgICAgICBBcnJvd0Rvd24sXG4gICAgICAgIEFycm93TGVmdCxcbiAgICAgICAgQXJyb3dSaWdodCxcbiAgICAgICAgSG9tZSxcbiAgICAgICAgRW5kLFxuICAgICAgICBTcGFjZUJhcixcbiAgICAgICAgRW50ZXIsXG4gICAgICBdKSB8fFxuICAgICAgKGNoaWxkRm9jdXNJc0lucHV0ICYmIGlzS2V5KGV2dCwgRW50ZXIpKVxuICAgICkge1xuICAgICAgLy8gbm90aGluZyB0byBkb1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIHdlJ2xsIGRvIHNvbWV0aGluZyB3aXRoIHRoZSBrZXkgc28gcHJldmVudCBkZWZhdWx0IGFuZCBzdG9wIHByb3BhZ2F0aW9uXG4gICAgLy8gZXhjZXB0IGZvciBFbnRlciBhbmQgU3BhY2VCYXJcbiAgICBpZiAoIWlzT25lT2ZLZXlzKGV2dCwgW0VudGVyLCBTcGFjZUJhcl0pKSB7XG4gICAgICBldnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2dC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB9XG5cbiAgICBjb25zdCBibG9ja2VkS2V5cyA9IGdldEVuYWJsZWRLZXlzKFxuICAgICAgY3VycmVudEZvY3VzSW5kZXgsXG4gICAgICBqdW1wLFxuICAgICAgZm9jdXNlc0xpc3QubGVuZ3RoXG4gICAgKTtcblxuICAgIHN3aXRjaCAoZXZ0LmtleUNvZGUpIHtcbiAgICAgIGNhc2UgU3BhY2VCYXI6XG4gICAgICBjYXNlIEVudGVyOlxuICAgICAgICBpZiAoaXNCcm93c2VyKFwiZmlyZWZveFwiKSkge1xuICAgICAgICAgIGV2dC50YXJnZXQuY2xpY2soKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBldnQuY3VycmVudFRhcmdldC5jbGljaygpO1xuICAgICAgICB9XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBBcnJvd1VwOlxuICAgICAgICBpZiAoIWJsb2NrZWRLZXlzLnVwKSB7XG4gICAgICAgICAgZm9jdXNBbmRVcGRhdGVJbmRleChcbiAgICAgICAgICAgIGZvY3VzZXMuanVtcCB8fCBmb2N1c2VzLmxhc3QsXG4gICAgICAgICAgICBldnQuY3VycmVudCxcbiAgICAgICAgICAgIGZvY3VzZXNMaXN0XG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgQXJyb3dEb3duOlxuICAgICAgICBpZiAoIWJsb2NrZWRLZXlzLmRvd24pIHtcbiAgICAgICAgICBmb2N1c0FuZFVwZGF0ZUluZGV4KFxuICAgICAgICAgICAgZm9jdXNlcy5mYWxsIHx8IGZvY3VzZXMuZmlyc3QsXG4gICAgICAgICAgICBldnQuY3VycmVudCxcbiAgICAgICAgICAgIGZvY3VzZXNMaXN0XG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgQXJyb3dMZWZ0OlxuICAgICAgICBpZiAoIWJsb2NrZWRLZXlzLmxlZnQpIHtcbiAgICAgICAgICBmb2N1c0FuZFVwZGF0ZUluZGV4KFxuICAgICAgICAgICAgZm9jdXNlcy5wcmV2aW91cyB8fCBmb2N1c2VzLmxhc3QsXG4gICAgICAgICAgICBldnQuY3VycmVudCxcbiAgICAgICAgICAgIGZvY3VzZXNMaXN0XG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgQXJyb3dSaWdodDpcbiAgICAgICAgaWYgKCFibG9ja2VkS2V5cy5yaWdodCkge1xuICAgICAgICAgIGZvY3VzQW5kVXBkYXRlSW5kZXgoXG4gICAgICAgICAgICBmb2N1c2VzLm5leHQgfHwgZm9jdXNlcy5maXJzdCxcbiAgICAgICAgICAgIGV2dC5jdXJyZW50LFxuICAgICAgICAgICAgZm9jdXNlc0xpc3RcbiAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBIb21lOlxuICAgICAgICBmb2N1c0FuZFVwZGF0ZUluZGV4KGZvY3VzZXMuZmlyc3QsIGV2dC5jdXJyZW50LCBmb2N1c2VzTGlzdCk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBFbmQ6XG4gICAgICAgIGZvY3VzQW5kVXBkYXRlSW5kZXgoZm9jdXNlcy5sYXN0LCBldnQuY3VycmVudCwgZm9jdXNlc0xpc3QpO1xuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uVmVydGljYWxBcnJhbmdlbWVudEhhbmRsZXIgPSAoZXZ0LCBmb2N1c2VzLCBmb2N1c2VzTGlzdCkgPT4ge1xuICAgIGNvbnN0IHsgQXJyb3dVcCwgQXJyb3dEb3duLCBIb21lLCBFbmQsIEVudGVyLCBTcGFjZUJhciB9ID0ga2V5Ym9hcmRDb2RlcztcbiAgICBjb25zdCBjaGlsZEZvY3VzSXNJbnB1dCA9IGNoaWxkRm9jdXMgJiYgY2hpbGRGb2N1cy5ub2RlTmFtZSA9PT0gXCJJTlBVVFwiO1xuXG4gICAgaWYgKFxuICAgICAgIWlzT25lT2ZLZXlzKGV2dCwgW0Fycm93VXAsIEFycm93RG93biwgSG9tZSwgRW5kLCBTcGFjZUJhciwgRW50ZXJdKSB8fFxuICAgICAgKGNoaWxkRm9jdXNJc0lucHV0ICYmIGlzS2V5KGV2dCwgRW50ZXIpKVxuICAgICkge1xuICAgICAgLy8gbm90aGluZyB0byBkb1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIHdlJ2xsIGRvIHNvbWV0aGluZyB3aXRoIHRoZSBrZXkgc28gcHJldmVudCBkZWZhdWx0IGFuZCBzdG9wIHByb3BhZ2F0aW9uXG4gICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gICAgZXZ0LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgc3dpdGNoIChldnQua2V5Q29kZSkge1xuICAgICAgY2FzZSBTcGFjZUJhcjpcbiAgICAgIGNhc2UgRW50ZXI6XG4gICAgICAgIGV2dC50YXJnZXQuY2xpY2soKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIEFycm93VXA6XG4gICAgICAgIGZvY3VzQW5kVXBkYXRlSW5kZXgoXG4gICAgICAgICAgZm9jdXNlcy5wcmV2aW91cyB8fCBmb2N1c2VzLmxhc3QsXG4gICAgICAgICAgZXZ0LmN1cnJlbnQsXG4gICAgICAgICAgZm9jdXNlc0xpc3RcbiAgICAgICAgKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIEFycm93RG93bjpcbiAgICAgICAgZm9jdXNBbmRVcGRhdGVJbmRleChcbiAgICAgICAgICBmb2N1c2VzLm5leHQgfHwgZm9jdXNlcy5maXJzdCxcbiAgICAgICAgICBldnQuY3VycmVudCxcbiAgICAgICAgICBmb2N1c2VzTGlzdFxuICAgICAgICApO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgSG9tZTpcbiAgICAgICAgZm9jdXNBbmRVcGRhdGVJbmRleChmb2N1c2VzLmZpcnN0LCBldnQuY3VycmVudCwgZm9jdXNlc0xpc3QpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgRW5kOlxuICAgICAgICBmb2N1c0FuZFVwZGF0ZUluZGV4KGZvY3VzZXMubGFzdCwgZXZ0LmN1cnJlbnQsIGZvY3VzZXNMaXN0KTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBkZWZhdWx0OlxuICAgIH1cbiAgfTtcblxuICBjb25zdCBvblNpbmdsZUhhbmRsZXIgPSAoZXZ0KSA9PiB7XG4gICAgY29uc3QgeyBFbnRlciwgU3BhY2VCYXIgfSA9IGtleWJvYXJkQ29kZXM7XG4gICAgY29uc3QgY2hpbGRGb2N1c0lzSW5wdXQgPSBjaGlsZEZvY3VzICYmIGNoaWxkRm9jdXMubm9kZU5hbWUgPT09IFwiSU5QVVRcIjtcblxuICAgIGlmIChcbiAgICAgICFpc09uZU9mS2V5cyhldnQsIFtTcGFjZUJhciwgRW50ZXJdKSB8fFxuICAgICAgKGNoaWxkRm9jdXNJc0lucHV0ICYmIGlzS2V5KGV2dCwgRW50ZXIpKVxuICAgICkge1xuICAgICAgLy8gbm90aGluZyB0byBkb1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIHdlJ2xsIGRvIHNvbWV0aGluZyB3aXRoIHRoZSBrZXkgc28gcHJldmVudCBkZWZhdWx0IGFuZCBzdG9wIHByb3BhZ2F0aW9uXG4gICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gICAgZXZ0LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgZXZ0LmN1cnJlbnRUYXJnZXQuY2xpY2soKTtcbiAgfTtcblxuICBjb25zdCBvbktleURvd24gPSAoZXZ0KSA9PiB7XG4gICAgaWYgKHJvb3RSZWY/LmN1cnJlbnQgPT0gbnVsbCkge1xuICAgICAgLy8gb3BlcmF0aW5nIG91dHNpZGUgb2YgYSBjb21wb3NpdGUgd2lkZ2V0XG4gICAgICAvLyBub3RoaW5nIHRvIG1hbmFnZSwganVzdCBzdHlsZSBhbmQgdHJpZ2dlciBjbGlja3NcbiAgICAgIG9uU2luZ2xlSGFuZGxlcihldnQpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIFRPRE8ga2VlcCB0aGUgc21hcnQgZGVmYXVsdCwgYnV0IGFsbG93IHRvIGV4cGxpY2l0bHkgb3ZlcnJpZGUgaWYgZGlzYWJsZWQgZWxlbWVudHMgc2hvdWxkIGJlIGZvY3VzYWJsZVxuICAgIGNvbnN0IGlzRGlzYWJsZWRGb2N1c2FibGUgPSBzdHJhdGVneSA9PT0gXCJtZW51XCI7XG4gICAgY29uc3QgZm9jdXNlc0xpc3QgPSBnZXRGb2N1c2VzKCkuZmlsdGVyKFxuICAgICAgKGVsKSA9PlxuICAgICAgICBpc0Rpc2FibGVkRm9jdXNhYmxlIHx8XG4gICAgICAgICFlbC5jbGFzc0xpc3QuY29udGFpbnMoY2xhc3Nlcz8uZGlzYWJsZWQgYXMgc3RyaW5nKVxuICAgICk7XG5cbiAgICBjb25zdCBjdXJyZW50Rm9jdXMgPSBmb2N1c2VzTGlzdC5pbmRleE9mKGV2dC5jdXJyZW50VGFyZ2V0KTtcblxuICAgIGNvbnN0IGZvY3VzZXMgPSB7XG4gICAgICBmaXJzdDogZm9jdXNlc0xpc3RbMF0sXG4gICAgICBsYXN0OiBmb2N1c2VzTGlzdFtmb2N1c2VzTGlzdC5sZW5ndGggLSAxXSxcbiAgICAgIHByZXZpb3VzOiBmb2N1c2VzTGlzdFtjdXJyZW50Rm9jdXMgLSAxXSxcbiAgICAgIG5leHQ6IGZvY3VzZXNMaXN0W2N1cnJlbnRGb2N1cyArIDFdLFxuICAgICAgZmFsbDogZm9jdXNlc0xpc3RbY3VycmVudEZvY3VzICsgbmF2aWdhdGlvbkp1bXBdLFxuICAgICAganVtcDogZm9jdXNlc0xpc3RbY3VycmVudEZvY3VzIC0gbmF2aWdhdGlvbkp1bXBdLFxuICAgIH07XG5cbiAgICBpZiAoc3RyYXRlZ3kgPT09IFwiZ3JpZFwiKSB7XG4gICAgICBvbkdyaWRLZXlEb3duSGFuZGxlcihcbiAgICAgICAgZXZ0LFxuICAgICAgICBmb2N1c2VzLFxuICAgICAgICBmb2N1c2VzTGlzdCxcbiAgICAgICAgY3VycmVudEZvY3VzLFxuICAgICAgICBuYXZpZ2F0aW9uSnVtcFxuICAgICAgKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyBUT0RPIGFkZCBwcm9wZXJ0eSBmb3Igc3BlY2lmeWluZyB0aGUgY29tcG9zaXRlIHdpZGdldCBvcmllbnRhdGlvblxuICAgIC8vIFRPRE8gaW1wbGVtZW50IGhhbmRsZXIgZm9yIGhvcml6b250YWwgb3JpZW50YXRpb25cbiAgICBvblZlcnRpY2FsQXJyYW5nZW1lbnRIYW5kbGVyKGV2dCwgZm9jdXNlcywgZm9jdXNlc0xpc3QpO1xuICB9O1xuXG4gIGNvbnN0IG9uS2V5VXAgPSAoZXZ0KSA9PiB7XG4gICAgaWYgKGlzQnJvd3NlcihcImZpcmVmb3hcIikpIGV2dC5wcmV2ZW50RGVmYXVsdCgpO1xuICB9O1xuXG4gIGlmIChkaXNhYmxlZCkgcmV0dXJuIGNoaWxkcmVuO1xuXG4gIGNvbnN0IGZvY3VzV3JhcHBlciA9IChjaGlsZHJlblRvV3JhcCkgPT4gKFxuICAgIDxTdHlsZWRGb2N1c1dyYXBwZXJcbiAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgY2xhc3Nlcz8uZXh0ZXJuYWxSZWZlcmVuY2UsXG4gICAgICAgIGZvY3VzQ2xhc3Nlcy5leHRlcm5hbFJlZmVyZW5jZVxuICAgICAgKX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW5Ub1dyYXB9XG4gICAgICB7c2hvd0ZvY3VzICYmIChcbiAgICAgICAgPFN0eWxlZEZhbHNlRm9jdXNcbiAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goY2xhc3Nlcz8uZmFsc2VGb2N1cywgZm9jdXNDbGFzc2VzLmZhbHNlRm9jdXMpfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZEZvY3VzV3JhcHBlcj5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxDb25kaXRpb25hbFdyYXBwZXIgY29uZGl0aW9uPXt1c2VGYWxzZUZvY3VzfSB3cmFwcGVyPXtmb2N1c1dyYXBwZXJ9PlxuICAgICAgPEdsb2JhbCBzdHlsZXM9e2ZvY3VzU3R5bGVzfSAvPlxuICAgICAge1JlYWN0LmNsb25lRWxlbWVudChjaGlsZHJlbiwge1xuICAgICAgICBjbGFzc05hbWU6IGNsc3goXG4gICAgICAgICAgY2hpbGRyZW4ucHJvcHMuY2xhc3NOYW1lLFxuICAgICAgICAgIGZvY3VzQ2xhc3Nlcy5yb290LFxuICAgICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgICAgZmlsdGVyQ2xhc3MsXG4gICAgICAgICAgc2VsZWN0ZWQgJiYgY2xzeChmb2N1c0NsYXNzZXMuc2VsZWN0ZWQsIGNsYXNzZXM/LnNlbGVjdGVkKSxcbiAgICAgICAgICBkaXNhYmxlZENsYXNzICYmIGNsc3goZm9jdXNDbGFzc2VzLmRpc2FibGVkLCBjbGFzc2VzPy5kaXNhYmxlZCksXG4gICAgICAgICAgZm9jdXNEaXNhYmxlZCAmJlxuICAgICAgICAgICAgY2xzeChmb2N1c0NsYXNzZXMuZm9jdXNEaXNhYmxlZCwgY2xhc3Nlcz8uZm9jdXNEaXNhYmxlZClcbiAgICAgICAgKSxcbiAgICAgICAgcmVmOiBjb25maWcsXG4gICAgICAgIG9uRm9jdXMsXG4gICAgICAgIG9uQmx1cixcbiAgICAgICAgb25Nb3VzZURvd24sXG4gICAgICAgIG9uS2V5RG93bixcbiAgICAgICAgb25LZXlVcCxcbiAgICAgICAgc2VsZWN0ZWQsXG4gICAgICB9KX1cbiAgICA8L0NvbmRpdGlvbmFsV3JhcHBlcj5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const HvFocus = ({
@@ -40,7 +40,7 @@ const HvFocus = ({
   const [childFocus, setChildFocus] = useState();
   const [hasRunConfig, setHasRunConfig] = useState(false);
   const getFocuses = () => {
-    const focuses = (rootRef == null ? void 0 : rootRef.current) ? Array.from(rootRef.current.getElementsByClassName(filterClass || focusClasses.root || "root")) : [];
+    const focuses = (rootRef == null ? void 0 : rootRef.current) ? Array.from(rootRef.current.getElementsByClassName(filterClass || focusClasses.root || (classes == null ? void 0 : classes.root) || "root")) : [];
     return focuses;
   };
   const setTabIndex = (el, tabIndex = 0) => {
@@ -54,7 +54,7 @@ const HvFocus = ({
   };
   const setSelectedTabIndex = () => {
     const focuses = getFocuses();
-    const firstSelected = focuses.find((focus) => focus.classList.contains(focusClasses.selected || "selected"));
+    const firstSelected = focuses.find((focus) => focus.classList.contains(focusClasses.selected || (classes == null ? void 0 : classes.selected) || "selected"));
     if (!firstSelected)
       return;
     focuses.forEach((focus) => setTabIndex(focus, -1));
@@ -102,6 +102,9 @@ const HvFocus = ({
     var _a;
     if (!useFalseFocus) {
       evt.currentTarget.classList.add(focusClasses.focused);
+      if (classes == null ? void 0 : classes.focused) {
+        evt.currentTarget.classList.add(classes.focused);
+      }
       evt.currentTarget.classList.add("HvIsFocused");
       (_a = classes == null ? void 0 : classes.focus) == null ? void 0 : _a.split(" ").forEach((c) => evt.currentTarget.classList.add(c));
     }
@@ -113,6 +116,9 @@ const HvFocus = ({
         if (focusClasses.focused) {
           element.classList.remove(focusClasses.focused);
         }
+        if (classes == null ? void 0 : classes.focused) {
+          element.classList.remove(classes.focused);
+        }
         element.classList.remove("HvIsFocused");
         (_a = classes == null ? void 0 : classes.focus) == null ? void 0 : _a.split(" ").forEach((c) => element.classList.remove(c));
       });