@hitachivantara/uikit-react-core 5.0.0-next.9 → 5.0.1

package/dist/cjs/components/Dropdown/Dropdown.cjs

@@ -1,12 +1,12 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const clsx = require("clsx");
 const validationStates = require("../Forms/FormElement/validationStates.cjs");
 const utils = require("./utils.cjs");
 const dropdownClasses = require("./dropdownClasses.cjs");
 const Dropdown_styles = require("./Dropdown.styles.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useUniqueId = require("../../hooks/useUniqueId.cjs");
 const List = require("./List/List.cjs");
 const useLabels = require("../../hooks/useLabels.cjs");
@@ -152,10 +152,22 @@ const HvDropdown = (props) => {
   const buildHeaderLabel = () => {
     var _a, _b, _c, _d;
     const hasSelection = utils.getSelected(internalValues).length > 0;
-    return (labels == null ? void 0 : labels.select) || !multiSelect ? /* @__PURE__ */ jsxRuntime.jsx(Dropdown_styles.StyledTypography, { component: "div", $selectionDisabled: disabled, $isOpen: isOpen || hasSelection, variant: "body", className: clsx__default.default((_a = dropdownClasses.default) == null ? void 0 : _a.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx__default.default((_b = dropdownClasses.default) == null ? void 0 : _b.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)), children: selectionLabel.selected }) : /* @__PURE__ */ jsxRuntime.jsxs(Dropdown_styles.StyledTypography, { component: "div", $selectionDisabled: disabled, className: clsx__default.default((_c = dropdownClasses.default) == null ? void 0 : _c.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx__default.default((_d = dropdownClasses.default) == null ? void 0 : _d.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)), variant: "body", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("b", { children: selectionLabel.selected }),
-      ` ${labels == null ? void 0 : labels.multiSelectionConjunction} ${selectionLabel.total}`
-    ] });
+    return (labels == null ? void 0 : labels.select) || !multiSelect ? /* @__PURE__ */ jsxRuntime.jsx(Dropdown_styles.StyledTypography, {
+      component: "div",
+      $selectionDisabled: disabled,
+      $isOpen: isOpen || hasSelection,
+      variant: "body",
+      className: clsx__default.default((_a = dropdownClasses.default) == null ? void 0 : _a.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx__default.default((_b = dropdownClasses.default) == null ? void 0 : _b.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)),
+      children: selectionLabel.selected
+    }) : /* @__PURE__ */ jsxRuntime.jsxs(Dropdown_styles.StyledTypography, {
+      component: "div",
+      $selectionDisabled: disabled,
+      className: clsx__default.default((_c = dropdownClasses.default) == null ? void 0 : _c.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx__default.default((_d = dropdownClasses.default) == null ? void 0 : _d.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)),
+      variant: "body",
+      children: [/* @__PURE__ */ jsxRuntime.jsx("b", {
+        children: selectionLabel.selected
+      }), ` ${labels == null ? void 0 : labels.multiSelectionConjunction} ${selectionLabel.total}`]
+    });
   };
   const hasLabel = label != null;
   const hasDescription = description != null;
@@ -165,22 +177,86 @@ const HvDropdown = (props) => {
   if (isStateInvalid) {
     errorMessageId = canShowError ? setId.setId(elementId, "error") : ariaErrorMessage;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(Dropdown_styles.StyledHvFormElement, { id, name, status: validationState, disabled, readOnly, required, className: clsx__default.default(className, dropdownClasses.default.root, classes == null ? void 0 : classes.root), $selectionDisabled: disabled, ...others, children: [
-    (hasLabel || hasDescription) && /* @__PURE__ */ jsxRuntime.jsxs(Dropdown_styles.StyledLabelContainer, { className: clsx__default.default(dropdownClasses.default.labelContainer, classes == null ? void 0 : classes.labelContainer), children: [
-      hasLabel && /* @__PURE__ */ jsxRuntime.jsx(Dropdown_styles.StyledLabel, { id: setId.setId(elementId, "label"), label, className: clsx__default.default(classes == null ? void 0 : classes.label, dropdownClasses.default.label) }),
-      hasDescription && /* @__PURE__ */ jsxRuntime.jsx(InfoMessage.HvInfoMessage, { id: setId.setId(elementId, "description"), className: clsx__default.default(classes == null ? void 0 : classes.description, dropdownClasses.default.description), children: description })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(Dropdown_styles.StyledDropdown, { id: setId.setId(id, "dropdown"), classes: {
-      root: clsx__default.default(classes == null ? void 0 : classes.dropdown, dropdownClasses.default.dropdown),
-      arrow: clsx__default.default(classes == null ? void 0 : classes.arrow, dropdownClasses.default.arrow),
-      header: clsx__default.default(dropdownClasses.default.dropdownHeader, classes == null ? void 0 : classes.dropdownHeader, isStateInvalid && clsx__default.default(dropdownClasses.default.dropdownHeaderInvalid, classes == null ? void 0 : classes.dropdownHeaderInvalid)),
-      headerOpen: clsx__default.default(dropdownClasses.default.dropdownHeaderOpen, classes == null ? void 0 : classes.dropdownHeaderOpen)
-    }, $dropdownHeaderInvalid: isStateInvalid, $readOnly: readOnly, expanded: isOpen, disabled, readOnly, disablePortal, placement, popperProps, placeholder: buildHeaderLabel(), onToggle: handleToggle, onClickOutside: handleClickOutside, onContainerCreation: setFocusToContent, role: "combobox", variableWidth, "aria-label": ariaLabel, "aria-labelledby": [label && setId.setId(elementId, "label"), ariaLabelledBy].join(" ").trim() || void 0, "aria-invalid": isStateInvalid ? true : void 0, "aria-errormessage": errorMessageId, "aria-describedby": [description && setId.setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || void 0, onFocus, onBlur, dropdownHeaderRef, ...baseDropdownProps, children: /* @__PURE__ */ jsxRuntime.jsx(List.HvDropdownList, { id: setId.setId(elementId, "values"), classes: {
-      rootList: clsx__default.default(dropdownClasses.default.rootList, classes == null ? void 0 : classes.rootList),
-      dropdownListContainer: clsx__default.default(dropdownClasses.default.dropdownListContainer, classes == null ? void 0 : classes.dropdownListContainer)
-    }, values: internalValues, multiSelect, showSearch, onChange: handleSelection, onCancel: handleCancel, labels, notifyChangesOnFirstRender, hasTooltips, singleSelectionToggle, "aria-labelledby": hasLabel ? setId.setId(elementId, "label") : void 0, height, maxHeight, virtualized, ...listProps }) }),
-    canShowError && /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, { id: setId.setId(elementId, "error"), disableBorder: true, className: clsx__default.default(dropdownClasses.default.error, classes == null ? void 0 : classes.error), children: validationMessage })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Dropdown_styles.StyledHvFormElement, {
+    id,
+    name,
+    status: validationState,
+    disabled,
+    readOnly,
+    required,
+    className: clsx__default.default(className, dropdownClasses.default.root, classes == null ? void 0 : classes.root),
+    $selectionDisabled: disabled,
+    ...others,
+    children: [(hasLabel || hasDescription) && /* @__PURE__ */ jsxRuntime.jsxs(Dropdown_styles.StyledLabelContainer, {
+      className: clsx__default.default(dropdownClasses.default.labelContainer, classes == null ? void 0 : classes.labelContainer),
+      children: [hasLabel && /* @__PURE__ */ jsxRuntime.jsx(Dropdown_styles.StyledLabel, {
+        id: setId.setId(elementId, "label"),
+        label,
+        className: clsx__default.default(classes == null ? void 0 : classes.label, dropdownClasses.default.label)
+      }), hasDescription && /* @__PURE__ */ jsxRuntime.jsx(InfoMessage.HvInfoMessage, {
+        id: setId.setId(elementId, "description"),
+        className: clsx__default.default(classes == null ? void 0 : classes.description, dropdownClasses.default.description),
+        children: description
+      })]
+    }), /* @__PURE__ */ jsxRuntime.jsx(Dropdown_styles.StyledDropdown, {
+      id: setId.setId(id, "dropdown"),
+      classes: {
+        root: clsx__default.default(classes == null ? void 0 : classes.dropdown, dropdownClasses.default.dropdown),
+        arrow: clsx__default.default(classes == null ? void 0 : classes.arrow, dropdownClasses.default.arrow),
+        header: clsx__default.default(dropdownClasses.default.dropdownHeader, classes == null ? void 0 : classes.dropdownHeader, isStateInvalid && clsx__default.default(dropdownClasses.default.dropdownHeaderInvalid, classes == null ? void 0 : classes.dropdownHeaderInvalid)),
+        headerOpen: clsx__default.default(dropdownClasses.default.dropdownHeaderOpen, classes == null ? void 0 : classes.dropdownHeaderOpen)
+      },
+      $dropdownHeaderInvalid: isStateInvalid,
+      $readOnly: readOnly,
+      expanded: isOpen,
+      disabled,
+      readOnly,
+      disablePortal,
+      placement,
+      popperProps,
+      placeholder: buildHeaderLabel(),
+      onToggle: handleToggle,
+      onClickOutside: handleClickOutside,
+      onContainerCreation: setFocusToContent,
+      role: "combobox",
+      variableWidth,
+      "aria-label": ariaLabel,
+      "aria-labelledby": [label && setId.setId(elementId, "label"), ariaLabelledBy].join(" ").trim() || void 0,
+      "aria-invalid": isStateInvalid ? true : void 0,
+      "aria-errormessage": errorMessageId,
+      "aria-describedby": [description && setId.setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || void 0,
+      onFocus,
+      onBlur,
+      dropdownHeaderRef,
+      ...baseDropdownProps,
+      children: /* @__PURE__ */ jsxRuntime.jsx(List.HvDropdownList, {
+        id: setId.setId(elementId, "values"),
+        classes: {
+          rootList: clsx__default.default(dropdownClasses.default.rootList, classes == null ? void 0 : classes.rootList),
+          dropdownListContainer: clsx__default.default(dropdownClasses.default.dropdownListContainer, classes == null ? void 0 : classes.dropdownListContainer)
+        },
+        values: internalValues,
+        multiSelect,
+        showSearch,
+        onChange: handleSelection,
+        onCancel: handleCancel,
+        labels,
+        notifyChangesOnFirstRender,
+        hasTooltips,
+        singleSelectionToggle,
+        "aria-labelledby": hasLabel ? setId.setId(elementId, "label") : void 0,
+        height,
+        maxHeight,
+        virtualized,
+        ...listProps
+      })
+    }), canShowError && /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, {
+      id: setId.setId(elementId, "error"),
+      disableBorder: true,
+      className: clsx__default.default(dropdownClasses.default.error, classes == null ? void 0 : classes.error),
+      children: validationMessage
+    })]
+  });
 };
 exports.HvDropdown = HvDropdown;
 //# sourceMappingURL=Dropdown.cjs.map

package/dist/cjs/components/Dropdown/Dropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.cjs","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","jsx","StyledTypography","clsx","dropdownClasses","selectionDisabled","jsxs","total","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","setId","StyledHvFormElement","root","StyledLabelContainer","labelContainer","StyledLabel","HvInfoMessage","StyledDropdown","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","join","trim","HvDropdownList","rootList","dropdownListContainer","HvWarningText"],"mappings":"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"}
+{"version":3,"file":"Dropdown.cjs","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/cjs/components/Dropdown/Dropdown.styles.cjs

@@ -1,10 +1,10 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const transientOptions = require("../../utils/transientOptions.cjs");
 const dropdownClasses = require("./dropdownClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const FormElement = require("../Forms/FormElement/FormElement.cjs");
 const BaseDropdown = require("../BaseDropdown/BaseDropdown.cjs");
 const Label = require("../Forms/Label/Label.cjs");
@@ -28,7 +28,9 @@ function _extends() {
   };
   return _extends.apply(this, arguments);
 }
-const StyledHvFormElement = /* @__PURE__ */ _styled__default.default(FormElement.HvFormElement, process.env.NODE_ENV === "production" ? _extends({}, {
+const StyledHvFormElement = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(FormElement.HvFormElement, {
+  ...props
+}), process.env.NODE_ENV === "production" ? _extends({}, {
   target: "etta2py4"
 }, transientOptions.transientOptions) : _extends({}, {
   target: "etta2py4",
@@ -42,8 +44,10 @@ const StyledHvFormElement = /* @__PURE__ */ _styled__default.default(FormElement
   ...$selectionDisabled && {
     color: uikitStyles.theme.dropdown.disabledColor
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBIdkJhc2VEcm9wZG93bixcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZMYWJlbCxcbiAgSHZUeXBvZ3JhcGh5LFxufSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZHJvcGRvd25DbGFzc2VzIGZyb20gXCIuL2Ryb3Bkb3duQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSHZGb3JtRWxlbWVudCA9IHN0eWxlZChcbiAgSHZGb3JtRWxlbWVudCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2VsZWN0aW9uRGlzYWJsZWQgfTogeyAkc2VsZWN0aW9uRGlzYWJsZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuXG4gIC4uLigkc2VsZWN0aW9uRGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5kaXNhYmxlZENvbG9yLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3Bkb3duID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdkJhc2VEcm9wZG93biB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRkcm9wZG93bkhlYWRlckludmFsaWQsXG4gICAgJHJlYWRPbmx5LFxuICB9OiB7XG4gICAgJGRyb3Bkb3duSGVhZGVySW52YWxpZD86IGJvb2xlYW47XG4gICAgJHJlYWRPbmx5PzogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYm9yZGVyUmFkaXVzOiAyLFxuXG4gICAgW2AmIC4ke2Ryb3Bkb3duQ2xhc3Nlcy5kcm9wZG93bkhlYWRlcn1gXToge1xuICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5oZWFkZXJCb3JkZXIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYWNjZTR9YCxcbiAgICAgIH0sXG4gICAgICAuLi4oJGRyb3Bkb3duSGVhZGVySW52YWxpZCAmJiB7XG4gICAgICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRyZWFkT25seSAmJiB7XG4gICAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24ucmVhZE9ubHlCb3JkZXIsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZHJvcGRvd24ucmVhZE9ubHlCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bkb3duQ2xhc3Nlcy5kcm9wZG93bkhlYWRlckludmFsaWR9YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJJbnZhbGlkQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlckludmFsaWRCb3JkZXIsXG4gICAgICB9LFxuICAgIH0sXG5cbiAgICBbYCYgLiR7ZHJvcGRvd25DbGFzc2VzLmRyb3Bkb3duSGVhZGVyT3Blbn1gXToge1xuICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlck9wZW5Cb3JkZXIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVyT3BlbkJvcmRlcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxuICBkaXNwbGF5OiBcImJsb2NrXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQsXG4gICAgJGlzT3BlbixcbiAgfToge1xuICAgICRzZWxlY3Rpb25EaXNhYmxlZD86IGJvb2xlYW47XG4gICAgJGlzT3Blbj86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICAuLi4oISRpc09wZW4gJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmRyb3Bkb3duLnBsYWNlaG9sZGVyQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCRzZWxlY3Rpb25EaXNhYmxlZCAmJiB7XG4gICAgICBsaW5lSGVpZ2h0OiB0aGVtZS5zcGFjZS5tZCxcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5kaXNhYmxlZENvbG9yLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
-const StyledDropdown = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown.HvBaseDropdown, { ...props }), process.env.NODE_ENV === "production" ? _extends({}, {
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBIdkJhc2VEcm9wZG93bixcbiAgSHZCYXNlRHJvcGRvd25Qcm9wcyxcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZGb3JtRWxlbWVudFByb3BzLFxuICBIdkxhYmVsLFxuICBIdlR5cG9ncmFwaHksXG59IGZyb20gXCJ+L2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwifi91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZHJvcGRvd25DbGFzc2VzIGZyb20gXCIuL2Ryb3Bkb3duQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSHZGb3JtRWxlbWVudCA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkZvcm1FbGVtZW50UHJvcHMpID0+IDxIdkZvcm1FbGVtZW50IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGlvbkRpc2FibGVkIH06IHsgJHNlbGVjdGlvbkRpc2FibGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJHNlbGVjdGlvbkRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkJhc2VEcm9wZG93blByb3BzKSA9PiA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWFkZXJJbnZhbGlkLFxuICAgICRyZWFkT25seSxcbiAgfToge1xuICAgICRkcm9wZG93bkhlYWRlckludmFsaWQ/OiBib29sZWFuO1xuICAgICRyZWFkT25seT86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogMixcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJ9YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uaGVhZGVyQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeV84MH1gLFxuICAgICAgfSxcbiAgICAgIC4uLigkZHJvcGRvd25IZWFkZXJJbnZhbGlkICYmIHtcbiAgICAgICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJHJlYWRPbmx5ICYmIHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5yZWFkT25seUJvcmRlcixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5kcm9wZG93bi5yZWFkT25seUJhY2tncm91bmRDb2xvcixcbiAgICAgIH0pLFxuICAgIH0sXG5cbiAgICBbYCYgLiR7ZHJvcGRvd25DbGFzc2VzLmRyb3Bkb3duSGVhZGVySW52YWxpZH1gXToge1xuICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlckludmFsaWRCb3JkZXIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVySW52YWxpZEJvcmRlcixcbiAgICAgIH0sXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJPcGVufWBdOiB7XG4gICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVyT3BlbkJvcmRlcixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJPcGVuQm9yZGVyLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZChIdkxhYmVsKSh7XG4gIHBhZGRpbmdCb3R0b206IFwiNnB4XCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRzZWxlY3Rpb25EaXNhYmxlZCxcbiAgICAkaXNPcGVuLFxuICB9OiB7XG4gICAgJHNlbGVjdGlvbkRpc2FibGVkPzogYm9vbGVhbjtcbiAgICAkaXNPcGVuPzogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIC4uLighJGlzT3BlbiAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24ucGxhY2Vob2xkZXJDb2xvcixcbiAgICB9KSxcbiAgICAuLi4oJHNlbGVjdGlvbkRpc2FibGVkICYmIHtcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnNwYWNlLm1kLFxuICAgICAgY29sb3I6IHRoZW1lLmRyb3Bkb3duLmRpc2FibGVkQ29sb3IsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+const StyledDropdown = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown.HvBaseDropdown, {
+  ...props
+}), process.env.NODE_ENV === "production" ? _extends({}, {
   target: "etta2py3"
 }, transientOptions.transientOptions) : _extends({}, {
   target: "etta2py3",
@@ -57,7 +61,7 @@ const StyledDropdown = /* @__PURE__ */ _styled__default.default((props) => /* @_
   [`& .${dropdownClasses.default.dropdownHeader}`]: {
     border: uikitStyles.theme.dropdown.headerBorder,
     "&:hover": {
-      border: `1px solid ${uikitStyles.theme.colors.acce4}`
+      border: `1px solid ${uikitStyles.theme.colors.secondary_80}`
     },
     ...$dropdownHeaderInvalid && {
       border: "none",
@@ -82,7 +86,7 @@ const StyledDropdown = /* @__PURE__ */ _styled__default.default((props) => /* @_
       border: uikitStyles.theme.dropdown.dropdownHeaderOpenBorder
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QjhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZCYXNlRHJvcGRvd24sXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2TGFiZWwsXG4gIEh2VHlwb2dyYXBoeSxcbn0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IGRyb3Bkb3duQ2xhc3NlcyBmcm9tIFwiLi9kcm9wZG93bkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEh2Rm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGlvbkRpc2FibGVkIH06IHsgJHNlbGVjdGlvbkRpc2FibGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJHNlbGVjdGlvbkRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZChcbiAgKHByb3BzKSA9PiA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWFkZXJJbnZhbGlkLFxuICAgICRyZWFkT25seSxcbiAgfToge1xuICAgICRkcm9wZG93bkhlYWRlckludmFsaWQ/OiBib29sZWFuO1xuICAgICRyZWFkT25seT86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogMixcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJ9YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uaGVhZGVyQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2U0fWAsXG4gICAgICB9LFxuICAgICAgLi4uKCRkcm9wZG93bkhlYWRlckludmFsaWQgJiYge1xuICAgICAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkcmVhZE9ubHkgJiYge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLnJlYWRPbmx5Qm9yZGVyLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRyb3Bkb3duLnJlYWRPbmx5QmFja2dyb3VuZENvbG9yLFxuICAgICAgfSksXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJJbnZhbGlkfWBdOiB7XG4gICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVySW52YWxpZEJvcmRlcixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJJbnZhbGlkQm9yZGVyLFxuICAgICAgfSxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bkb3duQ2xhc3Nlcy5kcm9wZG93bkhlYWRlck9wZW59YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJPcGVuQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlck9wZW5Cb3JkZXIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHNlbGVjdGlvbkRpc2FibGVkLFxuICAgICRpc09wZW4sXG4gIH06IHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQ/OiBib29sZWFuO1xuICAgICRpc09wZW4/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgLi4uKCEkaXNPcGVuICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5wbGFjZWhvbGRlckNvbG9yLFxuICAgIH0pLFxuICAgIC4uLigkc2VsZWN0aW9uRGlzYWJsZWQgJiYge1xuICAgICAgbGluZUhlaWdodDogdGhlbWUuc3BhY2UubWQsXG4gICAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZCYXNlRHJvcGRvd24sXG4gIEh2QmFzZURyb3Bkb3duUHJvcHMsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbiAgSHZMYWJlbCxcbiAgSHZUeXBvZ3JhcGh5LFxufSBmcm9tIFwifi9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIn4vdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IGRyb3Bkb3duQ2xhc3NlcyBmcm9tIFwiLi9kcm9wZG93bkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEh2Rm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIChwcm9wczogSHZGb3JtRWxlbWVudFByb3BzKSA9PiA8SHZGb3JtRWxlbWVudCB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzZWxlY3Rpb25EaXNhYmxlZCB9OiB7ICRzZWxlY3Rpb25EaXNhYmxlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG5cbiAgLi4uKCRzZWxlY3Rpb25EaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmRyb3Bkb3duLmRpc2FibGVkQ29sb3IsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcGRvd24gPSBzdHlsZWQoXG4gIChwcm9wczogSHZCYXNlRHJvcGRvd25Qcm9wcykgPT4gPEh2QmFzZURyb3Bkb3duIHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGRyb3Bkb3duSGVhZGVySW52YWxpZCxcbiAgICAkcmVhZE9ubHksXG4gIH06IHtcbiAgICAkZHJvcGRvd25IZWFkZXJJbnZhbGlkPzogYm9vbGVhbjtcbiAgICAkcmVhZE9ubHk/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBib3JkZXJSYWRpdXM6IDIsXG5cbiAgICBbYCYgLiR7ZHJvcGRvd25DbGFzc2VzLmRyb3Bkb3duSGVhZGVyfWBdOiB7XG4gICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmhlYWRlckJvcmRlcixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnlfODB9YCxcbiAgICAgIH0sXG4gICAgICAuLi4oJGRyb3Bkb3duSGVhZGVySW52YWxpZCAmJiB7XG4gICAgICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRyZWFkT25seSAmJiB7XG4gICAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24ucmVhZE9ubHlCb3JkZXIsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZHJvcGRvd24ucmVhZE9ubHlCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bkb3duQ2xhc3Nlcy5kcm9wZG93bkhlYWRlckludmFsaWR9YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJJbnZhbGlkQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlckludmFsaWRCb3JkZXIsXG4gICAgICB9LFxuICAgIH0sXG5cbiAgICBbYCYgLiR7ZHJvcGRvd25DbGFzc2VzLmRyb3Bkb3duSGVhZGVyT3Blbn1gXToge1xuICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlck9wZW5Cb3JkZXIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVyT3BlbkJvcmRlcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxuICBkaXNwbGF5OiBcImJsb2NrXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQsXG4gICAgJGlzT3BlbixcbiAgfToge1xuICAgICRzZWxlY3Rpb25EaXNhYmxlZD86IGJvb2xlYW47XG4gICAgJGlzT3Blbj86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICAuLi4oISRpc09wZW4gJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmRyb3Bkb3duLnBsYWNlaG9sZGVyQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCRzZWxlY3Rpb25EaXNhYmxlZCAmJiB7XG4gICAgICBsaW5lSGVpZ2h0OiB0aGVtZS5zcGFjZS5tZCxcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5kaXNhYmxlZENvbG9yLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
 const StyledLabelContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
   target: "etta2py2"
 } : {
@@ -94,7 +98,7 @@ const StyledLabelContainer = /* @__PURE__ */ _styled__default.default("div", pro
 } : {
   name: "1o129hd",
   styles: "display:flex;align-items:flex-start",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RW9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZCYXNlRHJvcGRvd24sXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2TGFiZWwsXG4gIEh2VHlwb2dyYXBoeSxcbn0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IGRyb3Bkb3duQ2xhc3NlcyBmcm9tIFwiLi9kcm9wZG93bkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEh2Rm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGlvbkRpc2FibGVkIH06IHsgJHNlbGVjdGlvbkRpc2FibGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJHNlbGVjdGlvbkRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZChcbiAgKHByb3BzKSA9PiA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWFkZXJJbnZhbGlkLFxuICAgICRyZWFkT25seSxcbiAgfToge1xuICAgICRkcm9wZG93bkhlYWRlckludmFsaWQ/OiBib29sZWFuO1xuICAgICRyZWFkT25seT86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogMixcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJ9YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uaGVhZGVyQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2U0fWAsXG4gICAgICB9LFxuICAgICAgLi4uKCRkcm9wZG93bkhlYWRlckludmFsaWQgJiYge1xuICAgICAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkcmVhZE9ubHkgJiYge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLnJlYWRPbmx5Qm9yZGVyLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRyb3Bkb3duLnJlYWRPbmx5QmFja2dyb3VuZENvbG9yLFxuICAgICAgfSksXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJJbnZhbGlkfWBdOiB7XG4gICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVySW52YWxpZEJvcmRlcixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJJbnZhbGlkQm9yZGVyLFxuICAgICAgfSxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bkb3duQ2xhc3Nlcy5kcm9wZG93bkhlYWRlck9wZW59YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJPcGVuQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlck9wZW5Cb3JkZXIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHNlbGVjdGlvbkRpc2FibGVkLFxuICAgICRpc09wZW4sXG4gIH06IHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQ/OiBib29sZWFuO1xuICAgICRpc09wZW4/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgLi4uKCEkaXNPcGVuICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5wbGFjZWhvbGRlckNvbG9yLFxuICAgIH0pLFxuICAgIC4uLigkc2VsZWN0aW9uRGlzYWJsZWQgJiYge1xuICAgICAgbGluZUhlaWdodDogdGhlbWUuc3BhY2UubWQsXG4gICAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRW9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZCYXNlRHJvcGRvd24sXG4gIEh2QmFzZURyb3Bkb3duUHJvcHMsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbiAgSHZMYWJlbCxcbiAgSHZUeXBvZ3JhcGh5LFxufSBmcm9tIFwifi9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIn4vdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IGRyb3Bkb3duQ2xhc3NlcyBmcm9tIFwiLi9kcm9wZG93bkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEh2Rm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIChwcm9wczogSHZGb3JtRWxlbWVudFByb3BzKSA9PiA8SHZGb3JtRWxlbWVudCB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzZWxlY3Rpb25EaXNhYmxlZCB9OiB7ICRzZWxlY3Rpb25EaXNhYmxlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG5cbiAgLi4uKCRzZWxlY3Rpb25EaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmRyb3Bkb3duLmRpc2FibGVkQ29sb3IsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcGRvd24gPSBzdHlsZWQoXG4gIChwcm9wczogSHZCYXNlRHJvcGRvd25Qcm9wcykgPT4gPEh2QmFzZURyb3Bkb3duIHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGRyb3Bkb3duSGVhZGVySW52YWxpZCxcbiAgICAkcmVhZE9ubHksXG4gIH06IHtcbiAgICAkZHJvcGRvd25IZWFkZXJJbnZhbGlkPzogYm9vbGVhbjtcbiAgICAkcmVhZE9ubHk/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBib3JkZXJSYWRpdXM6IDIsXG5cbiAgICBbYCYgLiR7ZHJvcGRvd25DbGFzc2VzLmRyb3Bkb3duSGVhZGVyfWBdOiB7XG4gICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmhlYWRlckJvcmRlcixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnlfODB9YCxcbiAgICAgIH0sXG4gICAgICAuLi4oJGRyb3Bkb3duSGVhZGVySW52YWxpZCAmJiB7XG4gICAgICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRyZWFkT25seSAmJiB7XG4gICAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24ucmVhZE9ubHlCb3JkZXIsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZHJvcGRvd24ucmVhZE9ubHlCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bkb3duQ2xhc3Nlcy5kcm9wZG93bkhlYWRlckludmFsaWR9YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJJbnZhbGlkQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlckludmFsaWRCb3JkZXIsXG4gICAgICB9LFxuICAgIH0sXG5cbiAgICBbYCYgLiR7ZHJvcGRvd25DbGFzc2VzLmRyb3Bkb3duSGVhZGVyT3Blbn1gXToge1xuICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlck9wZW5Cb3JkZXIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVyT3BlbkJvcmRlcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxuICBkaXNwbGF5OiBcImJsb2NrXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQsXG4gICAgJGlzT3BlbixcbiAgfToge1xuICAgICRzZWxlY3Rpb25EaXNhYmxlZD86IGJvb2xlYW47XG4gICAgJGlzT3Blbj86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICAuLi4oISRpc09wZW4gJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmRyb3Bkb3duLnBsYWNlaG9sZGVyQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCRzZWxlY3Rpb25EaXNhYmxlZCAmJiB7XG4gICAgICBsaW5lSGVpZ2h0OiB0aGVtZS5zcGFjZS5tZCxcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5kaXNhYmxlZENvbG9yLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledLabel = /* @__PURE__ */ _styled__default.default(Label.HvLabel, process.env.NODE_ENV === "production" ? {
@@ -108,7 +112,7 @@ const StyledLabel = /* @__PURE__ */ _styled__default.default(Label.HvLabel, proc
 } : {
   name: "1iuk9zt",
   styles: "padding-bottom:6px;display:block",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RTJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZCYXNlRHJvcGRvd24sXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2TGFiZWwsXG4gIEh2VHlwb2dyYXBoeSxcbn0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IGRyb3Bkb3duQ2xhc3NlcyBmcm9tIFwiLi9kcm9wZG93bkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEh2Rm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGlvbkRpc2FibGVkIH06IHsgJHNlbGVjdGlvbkRpc2FibGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJHNlbGVjdGlvbkRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZChcbiAgKHByb3BzKSA9PiA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWFkZXJJbnZhbGlkLFxuICAgICRyZWFkT25seSxcbiAgfToge1xuICAgICRkcm9wZG93bkhlYWRlckludmFsaWQ/OiBib29sZWFuO1xuICAgICRyZWFkT25seT86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogMixcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJ9YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uaGVhZGVyQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2U0fWAsXG4gICAgICB9LFxuICAgICAgLi4uKCRkcm9wZG93bkhlYWRlckludmFsaWQgJiYge1xuICAgICAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkcmVhZE9ubHkgJiYge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLnJlYWRPbmx5Qm9yZGVyLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRyb3Bkb3duLnJlYWRPbmx5QmFja2dyb3VuZENvbG9yLFxuICAgICAgfSksXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJJbnZhbGlkfWBdOiB7XG4gICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVySW52YWxpZEJvcmRlcixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJJbnZhbGlkQm9yZGVyLFxuICAgICAgfSxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bkb3duQ2xhc3Nlcy5kcm9wZG93bkhlYWRlck9wZW59YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJPcGVuQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlck9wZW5Cb3JkZXIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHNlbGVjdGlvbkRpc2FibGVkLFxuICAgICRpc09wZW4sXG4gIH06IHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQ/OiBib29sZWFuO1xuICAgICRpc09wZW4/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgLi4uKCEkaXNPcGVuICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5wbGFjZWhvbGRlckNvbG9yLFxuICAgIH0pLFxuICAgIC4uLigkc2VsZWN0aW9uRGlzYWJsZWQgJiYge1xuICAgICAgbGluZUhlaWdodDogdGhlbWUuc3BhY2UubWQsXG4gICAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRTJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZCYXNlRHJvcGRvd24sXG4gIEh2QmFzZURyb3Bkb3duUHJvcHMsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbiAgSHZMYWJlbCxcbiAgSHZUeXBvZ3JhcGh5LFxufSBmcm9tIFwifi9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIn4vdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IGRyb3Bkb3duQ2xhc3NlcyBmcm9tIFwiLi9kcm9wZG93bkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEh2Rm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIChwcm9wczogSHZGb3JtRWxlbWVudFByb3BzKSA9PiA8SHZGb3JtRWxlbWVudCB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzZWxlY3Rpb25EaXNhYmxlZCB9OiB7ICRzZWxlY3Rpb25EaXNhYmxlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG5cbiAgLi4uKCRzZWxlY3Rpb25EaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmRyb3Bkb3duLmRpc2FibGVkQ29sb3IsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcGRvd24gPSBzdHlsZWQoXG4gIChwcm9wczogSHZCYXNlRHJvcGRvd25Qcm9wcykgPT4gPEh2QmFzZURyb3Bkb3duIHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGRyb3Bkb3duSGVhZGVySW52YWxpZCxcbiAgICAkcmVhZE9ubHksXG4gIH06IHtcbiAgICAkZHJvcGRvd25IZWFkZXJJbnZhbGlkPzogYm9vbGVhbjtcbiAgICAkcmVhZE9ubHk/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBib3JkZXJSYWRpdXM6IDIsXG5cbiAgICBbYCYgLiR7ZHJvcGRvd25DbGFzc2VzLmRyb3Bkb3duSGVhZGVyfWBdOiB7XG4gICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmhlYWRlckJvcmRlcixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnlfODB9YCxcbiAgICAgIH0sXG4gICAgICAuLi4oJGRyb3Bkb3duSGVhZGVySW52YWxpZCAmJiB7XG4gICAgICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRyZWFkT25seSAmJiB7XG4gICAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24ucmVhZE9ubHlCb3JkZXIsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZHJvcGRvd24ucmVhZE9ubHlCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bkb3duQ2xhc3Nlcy5kcm9wZG93bkhlYWRlckludmFsaWR9YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJJbnZhbGlkQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlckludmFsaWRCb3JkZXIsXG4gICAgICB9LFxuICAgIH0sXG5cbiAgICBbYCYgLiR7ZHJvcGRvd25DbGFzc2VzLmRyb3Bkb3duSGVhZGVyT3Blbn1gXToge1xuICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlck9wZW5Cb3JkZXIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVyT3BlbkJvcmRlcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxuICBkaXNwbGF5OiBcImJsb2NrXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQsXG4gICAgJGlzT3BlbixcbiAgfToge1xuICAgICRzZWxlY3Rpb25EaXNhYmxlZD86IGJvb2xlYW47XG4gICAgJGlzT3Blbj86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICAuLi4oISRpc09wZW4gJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmRyb3Bkb3duLnBsYWNlaG9sZGVyQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCRzZWxlY3Rpb25EaXNhYmxlZCAmJiB7XG4gICAgICBsaW5lSGVpZ2h0OiB0aGVtZS5zcGFjZS5tZCxcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5kaXNhYmxlZENvbG9yLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
@@ -130,7 +134,7 @@ const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvT
     lineHeight: uikitStyles.theme.space.md,
     color: uikitStyles.theme.dropdown.disabledColor
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRmdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZCYXNlRHJvcGRvd24sXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2TGFiZWwsXG4gIEh2VHlwb2dyYXBoeSxcbn0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IGRyb3Bkb3duQ2xhc3NlcyBmcm9tIFwiLi9kcm9wZG93bkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEh2Rm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGlvbkRpc2FibGVkIH06IHsgJHNlbGVjdGlvbkRpc2FibGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJHNlbGVjdGlvbkRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZChcbiAgKHByb3BzKSA9PiA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWFkZXJJbnZhbGlkLFxuICAgICRyZWFkT25seSxcbiAgfToge1xuICAgICRkcm9wZG93bkhlYWRlckludmFsaWQ/OiBib29sZWFuO1xuICAgICRyZWFkT25seT86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogMixcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJ9YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uaGVhZGVyQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2U0fWAsXG4gICAgICB9LFxuICAgICAgLi4uKCRkcm9wZG93bkhlYWRlckludmFsaWQgJiYge1xuICAgICAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkcmVhZE9ubHkgJiYge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLnJlYWRPbmx5Qm9yZGVyLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRyb3Bkb3duLnJlYWRPbmx5QmFja2dyb3VuZENvbG9yLFxuICAgICAgfSksXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJJbnZhbGlkfWBdOiB7XG4gICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVySW52YWxpZEJvcmRlcixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJJbnZhbGlkQm9yZGVyLFxuICAgICAgfSxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bkb3duQ2xhc3Nlcy5kcm9wZG93bkhlYWRlck9wZW59YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJPcGVuQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlck9wZW5Cb3JkZXIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHNlbGVjdGlvbkRpc2FibGVkLFxuICAgICRpc09wZW4sXG4gIH06IHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQ/OiBib29sZWFuO1xuICAgICRpc09wZW4/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgLi4uKCEkaXNPcGVuICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5wbGFjZWhvbGRlckNvbG9yLFxuICAgIH0pLFxuICAgIC4uLigkc2VsZWN0aW9uRGlzYWJsZWQgJiYge1xuICAgICAgbGluZUhlaWdodDogdGhlbWUuc3BhY2UubWQsXG4gICAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRmdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZCYXNlRHJvcGRvd24sXG4gIEh2QmFzZURyb3Bkb3duUHJvcHMsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbiAgSHZMYWJlbCxcbiAgSHZUeXBvZ3JhcGh5LFxufSBmcm9tIFwifi9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIn4vdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IGRyb3Bkb3duQ2xhc3NlcyBmcm9tIFwiLi9kcm9wZG93bkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEh2Rm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIChwcm9wczogSHZGb3JtRWxlbWVudFByb3BzKSA9PiA8SHZGb3JtRWxlbWVudCB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzZWxlY3Rpb25EaXNhYmxlZCB9OiB7ICRzZWxlY3Rpb25EaXNhYmxlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG5cbiAgLi4uKCRzZWxlY3Rpb25EaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmRyb3Bkb3duLmRpc2FibGVkQ29sb3IsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcGRvd24gPSBzdHlsZWQoXG4gIChwcm9wczogSHZCYXNlRHJvcGRvd25Qcm9wcykgPT4gPEh2QmFzZURyb3Bkb3duIHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGRyb3Bkb3duSGVhZGVySW52YWxpZCxcbiAgICAkcmVhZE9ubHksXG4gIH06IHtcbiAgICAkZHJvcGRvd25IZWFkZXJJbnZhbGlkPzogYm9vbGVhbjtcbiAgICAkcmVhZE9ubHk/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBib3JkZXJSYWRpdXM6IDIsXG5cbiAgICBbYCYgLiR7ZHJvcGRvd25DbGFzc2VzLmRyb3Bkb3duSGVhZGVyfWBdOiB7XG4gICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmhlYWRlckJvcmRlcixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnlfODB9YCxcbiAgICAgIH0sXG4gICAgICAuLi4oJGRyb3Bkb3duSGVhZGVySW52YWxpZCAmJiB7XG4gICAgICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRyZWFkT25seSAmJiB7XG4gICAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24ucmVhZE9ubHlCb3JkZXIsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZHJvcGRvd24ucmVhZE9ubHlCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bkb3duQ2xhc3Nlcy5kcm9wZG93bkhlYWRlckludmFsaWR9YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJJbnZhbGlkQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlckludmFsaWRCb3JkZXIsXG4gICAgICB9LFxuICAgIH0sXG5cbiAgICBbYCYgLiR7ZHJvcGRvd25DbGFzc2VzLmRyb3Bkb3duSGVhZGVyT3Blbn1gXToge1xuICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlck9wZW5Cb3JkZXIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVyT3BlbkJvcmRlcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxuICBkaXNwbGF5OiBcImJsb2NrXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQsXG4gICAgJGlzT3BlbixcbiAgfToge1xuICAgICRzZWxlY3Rpb25EaXNhYmxlZD86IGJvb2xlYW47XG4gICAgJGlzT3Blbj86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICAuLi4oISRpc09wZW4gJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmRyb3Bkb3duLnBsYWNlaG9sZGVyQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCRzZWxlY3Rpb25EaXNhYmxlZCAmJiB7XG4gICAgICBsaW5lSGVpZ2h0OiB0aGVtZS5zcGFjZS5tZCxcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5kaXNhYmxlZENvbG9yLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
 exports.StyledDropdown = StyledDropdown;
 exports.StyledHvFormElement = StyledHvFormElement;
 exports.StyledLabel = StyledLabel;

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.styles.cjs","sources":["../../../../src/components/Dropdown/Dropdown.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n  HvBaseDropdown,\n  HvFormElement,\n  HvLabel,\n  HvTypography,\n} from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport dropdownClasses from \"./dropdownClasses\";\n\nexport const StyledHvFormElement = styled(\n  HvFormElement,\n  transientOptions\n)(({ $selectionDisabled }: { $selectionDisabled?: boolean }) => ({\n  width: \"100%\",\n\n  position: \"relative\",\n  display: \"inline-block\",\n\n  ...($selectionDisabled && {\n    color: theme.dropdown.disabledColor,\n  }),\n}));\n\nexport const StyledDropdown = styled(\n  (props) => <HvBaseDropdown {...props} />,\n  transientOptions\n)(\n  ({\n    $dropdownHeaderInvalid,\n    $readOnly,\n  }: {\n    $dropdownHeaderInvalid?: boolean;\n    $readOnly?: boolean;\n  }) => ({\n    width: \"100%\",\n    borderRadius: 2,\n\n    [`& .${dropdownClasses.dropdownHeader}`]: {\n      border: theme.dropdown.headerBorder,\n      \"&:hover\": {\n        border: `1px solid ${theme.colors.acce4}`,\n      },\n      ...($dropdownHeaderInvalid && {\n        border: \"none\",\n        \"&:hover\": {\n          border: \"none\",\n        },\n      }),\n      ...($readOnly && {\n        border: theme.dropdown.readOnlyBorder,\n        backgroundColor: theme.dropdown.readOnlyBackgroundColor,\n      }),\n    },\n\n    [`& .${dropdownClasses.dropdownHeaderInvalid}`]: {\n      border: theme.dropdown.dropdownHeaderInvalidBorder,\n      \"&:hover\": {\n        border: theme.dropdown.dropdownHeaderInvalidBorder,\n      },\n    },\n\n    [`& .${dropdownClasses.dropdownHeaderOpen}`]: {\n      border: theme.dropdown.dropdownHeaderOpenBorder,\n      \"&:hover\": {\n        border: theme.dropdown.dropdownHeaderOpenBorder,\n      },\n    },\n  })\n);\n\nexport const StyledLabelContainer = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled(HvLabel)({\n  paddingBottom: \"6px\",\n  display: \"block\",\n});\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(\n  ({\n    $selectionDisabled,\n    $isOpen,\n  }: {\n    $selectionDisabled?: boolean;\n    $isOpen?: boolean;\n  }) => ({\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    ...(!$isOpen && {\n      color: theme.dropdown.placeholderColor,\n    }),\n    ...($selectionDisabled && {\n      lineHeight: theme.space.md,\n      color: theme.dropdown.disabledColor,\n    }),\n  })\n);\n"],"names":["StyledHvFormElement","HvFormElement","process","env","NODE_ENV","_extends","target","transientOptions","label","$selectionDisabled","width","position","display","color","theme","dropdown","disabledColor","StyledDropdown","_styled","props","jsx","HvBaseDropdown","$dropdownHeaderInvalid","$readOnly","borderRadius","dropdownClasses","dropdownHeader","border","headerBorder","colors","acce4","readOnlyBorder","backgroundColor","readOnlyBackgroundColor","dropdownHeaderInvalid","dropdownHeaderInvalidBorder","dropdownHeaderOpen","dropdownHeaderOpenBorder","StyledLabelContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","StyledTypography","HvTypography","$isOpen","overflow","textOverflow","whiteSpace","placeholderColor","lineHeight","space","md"],"mappings":"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"}
+{"version":3,"file":"Dropdown.styles.cjs","sources":["../../../../src/components/Dropdown/Dropdown.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n  HvBaseDropdown,\n  HvBaseDropdownProps,\n  HvFormElement,\n  HvFormElementProps,\n  HvLabel,\n  HvTypography,\n} from \"~/components\";\nimport { transientOptions } from \"~/utils/transientOptions\";\nimport dropdownClasses from \"./dropdownClasses\";\n\nexport const StyledHvFormElement = styled(\n  (props: HvFormElementProps) => <HvFormElement {...props} />,\n  transientOptions\n)(({ $selectionDisabled }: { $selectionDisabled?: boolean }) => ({\n  width: \"100%\",\n\n  position: \"relative\",\n  display: \"inline-block\",\n\n  ...($selectionDisabled && {\n    color: theme.dropdown.disabledColor,\n  }),\n}));\n\nexport const StyledDropdown = styled(\n  (props: HvBaseDropdownProps) => <HvBaseDropdown {...props} />,\n  transientOptions\n)(\n  ({\n    $dropdownHeaderInvalid,\n    $readOnly,\n  }: {\n    $dropdownHeaderInvalid?: boolean;\n    $readOnly?: boolean;\n  }) => ({\n    width: \"100%\",\n    borderRadius: 2,\n\n    [`& .${dropdownClasses.dropdownHeader}`]: {\n      border: theme.dropdown.headerBorder,\n      \"&:hover\": {\n        border: `1px solid ${theme.colors.secondary_80}`,\n      },\n      ...($dropdownHeaderInvalid && {\n        border: \"none\",\n        \"&:hover\": {\n          border: \"none\",\n        },\n      }),\n      ...($readOnly && {\n        border: theme.dropdown.readOnlyBorder,\n        backgroundColor: theme.dropdown.readOnlyBackgroundColor,\n      }),\n    },\n\n    [`& .${dropdownClasses.dropdownHeaderInvalid}`]: {\n      border: theme.dropdown.dropdownHeaderInvalidBorder,\n      \"&:hover\": {\n        border: theme.dropdown.dropdownHeaderInvalidBorder,\n      },\n    },\n\n    [`& .${dropdownClasses.dropdownHeaderOpen}`]: {\n      border: theme.dropdown.dropdownHeaderOpenBorder,\n      \"&:hover\": {\n        border: theme.dropdown.dropdownHeaderOpenBorder,\n      },\n    },\n  })\n);\n\nexport const StyledLabelContainer = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled(HvLabel)({\n  paddingBottom: \"6px\",\n  display: \"block\",\n});\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(\n  ({\n    $selectionDisabled,\n    $isOpen,\n  }: {\n    $selectionDisabled?: boolean;\n    $isOpen?: boolean;\n  }) => ({\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    ...(!$isOpen && {\n      color: theme.dropdown.placeholderColor,\n    }),\n    ...($selectionDisabled && {\n      lineHeight: theme.space.md,\n      color: theme.dropdown.disabledColor,\n    }),\n  })\n);\n"],"names":["StyledHvFormElement","_styled","props","HvFormElement","process","env","NODE_ENV","_extends","target","transientOptions","label","$selectionDisabled","width","position","display","color","theme","dropdown","disabledColor","StyledDropdown","HvBaseDropdown","$dropdownHeaderInvalid","$readOnly","borderRadius","dropdownClasses","dropdownHeader","border","headerBorder","colors","secondary_80","readOnlyBorder","backgroundColor","readOnlyBackgroundColor","dropdownHeaderInvalid","dropdownHeaderInvalidBorder","dropdownHeaderOpen","dropdownHeaderOpenBorder","StyledLabelContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","StyledTypography","HvTypography","$isOpen","overflow","textOverflow","whiteSpace","placeholderColor","lineHeight","space","md"],"mappings":"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"}