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

package/dist/esm/components/BaseDropdown/BaseDropdown.js

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import React__default, { useContext, useState, useCallback, useMemo } from "react";
 import { createPortal } from "react-dom";
 import clsx from "clsx";
@@ -7,7 +8,6 @@ import { StyledHeaderRoot, StyledSelection, StyledPlaceholder, StyledDropUpXS, S
 import { usePopper } from "react-popper";
 import { detectOverflow } from "@popperjs/core";
 import baseDropdownClasses from "./baseDropdownClasses.js";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { HvThemeContext } from "../../providers/ThemeProvider.js";
 import useForkRef from "../../hooks/useForkRef.js";
 import useUniqueId from "../../hooks/useUniqueId.js";
@@ -176,41 +176,32 @@ const HvBaseDropdown = ({
         ref: handleDropdownHeaderRef
       });
     }
-    return /* @__PURE__ */ jsxs(StyledHeaderRoot, {
-      id: setId(id, "header"),
-      className: clsx(baseDropdownClasses.header, classes == null ? void 0 : classes.header, disabled && clsx(baseDropdownClasses.headerDisabled, classes == null ? void 0 : classes.headerDisabled), readOnly && clsx(baseDropdownClasses.headerReadOnly, classes == null ? void 0 : classes.headerReadOnly), isOpen && clsx(baseDropdownClasses.headerOpen, classes == null ? void 0 : classes.headerOpen), isOpen && popperPlacement.includes("top") && clsx(baseDropdownClasses.headerOpenUp, classes == null ? void 0 : classes.headerOpenUp), isOpen && popperPlacement.includes("bottom") && clsx(baseDropdownClasses.headerOpenDown, classes == null ? void 0 : classes.headerOpenDown)),
-      $disabled: disabled,
-      $readOnly: readOnly,
-      $opened: isOpen,
-      $openedUp: isOpen && popperPlacement.includes("top"),
-      $openedDown: isOpen && popperPlacement.includes("bottom"),
-      role: ariaRole === "combobox" ? "textbox" : void 0,
-      style: disabled || readOnly ? {
-        pointerEvents: "none"
-      } : void 0,
-      "aria-controls": isOpen ? setId(elementId, "children-container") : void 0,
-      "aria-label": (_a = others["aria-label"]) != null ? _a : void 0,
-      "aria-labelledby": (_b = others["aria-labelledby"]) != null ? _b : void 0,
-      tabIndex: disabled ? -1 : 0,
-      ref: handleDropdownHeaderRef,
-      ...dropdownHeaderProps,
-      children: [/* @__PURE__ */ jsx(StyledSelection, {
-        className: clsx(baseDropdownClasses.selection, classes == null ? void 0 : classes.selection),
-        children: placeholder && typeof placeholder === "string" ? /* @__PURE__ */ jsx(StyledPlaceholder, {
-          className: clsx(baseDropdownClasses.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx(baseDropdownClasses.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)),
-          $disabled: disabled,
-          variant: "body",
-          children: placeholder
-        }) : placeholder
-      }), adornment || (isOpen ? /* @__PURE__ */ jsx(StyledDropUpXS, {
-        iconSize: "XS",
-        className: clsx(baseDropdownClasses.arrow, classes == null ? void 0 : classes.arrow)
-      }) : /* @__PURE__ */ jsx(StyledDropDownXS, {
-        iconSize: "XS",
-        className: clsx(baseDropdownClasses.arrow, classes == null ? void 0 : classes.arrow),
-        $disabled: disabled
-      }))]
-    });
+    return /* @__PURE__ */ jsxs(
+      StyledHeaderRoot,
+      {
+        id: setId(id, "header"),
+        className: clsx(baseDropdownClasses.header, classes == null ? void 0 : classes.header, disabled && clsx(baseDropdownClasses.headerDisabled, classes == null ? void 0 : classes.headerDisabled), readOnly && clsx(baseDropdownClasses.headerReadOnly, classes == null ? void 0 : classes.headerReadOnly), isOpen && clsx(baseDropdownClasses.headerOpen, classes == null ? void 0 : classes.headerOpen), isOpen && popperPlacement.includes("top") && clsx(baseDropdownClasses.headerOpenUp, classes == null ? void 0 : classes.headerOpenUp), isOpen && popperPlacement.includes("bottom") && clsx(baseDropdownClasses.headerOpenDown, classes == null ? void 0 : classes.headerOpenDown)),
+        $disabled: disabled,
+        $readOnly: readOnly,
+        $opened: isOpen,
+        $openedUp: isOpen && popperPlacement.includes("top"),
+        $openedDown: isOpen && popperPlacement.includes("bottom"),
+        role: ariaRole === "combobox" ? "textbox" : void 0,
+        style: disabled || readOnly ? {
+          pointerEvents: "none"
+        } : void 0,
+        "aria-controls": isOpen ? setId(elementId, "children-container") : void 0,
+        "aria-label": (_a = others["aria-label"]) != null ? _a : void 0,
+        "aria-labelledby": (_b = others["aria-labelledby"]) != null ? _b : void 0,
+        tabIndex: disabled ? -1 : 0,
+        ref: handleDropdownHeaderRef,
+        ...dropdownHeaderProps,
+        children: [
+          /* @__PURE__ */ jsx(StyledSelection, { className: clsx(baseDropdownClasses.selection, classes == null ? void 0 : classes.selection), children: placeholder && typeof placeholder === "string" ? /* @__PURE__ */ jsx(StyledPlaceholder, { className: clsx(baseDropdownClasses.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx(baseDropdownClasses.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)), $disabled: disabled, variant: "body", children: placeholder }) : placeholder }),
+          adornment || (isOpen ? /* @__PURE__ */ jsx(StyledDropUpXS, { iconSize: "XS", className: clsx(baseDropdownClasses.arrow, classes == null ? void 0 : classes.arrow) }) : /* @__PURE__ */ jsx(StyledDropDownXS, { iconSize: "XS", className: clsx(baseDropdownClasses.arrow, classes == null ? void 0 : classes.arrow), $disabled: disabled }))
+        ]
+      }
+    );
   })();
   const containerComponent = (() => {
     const handleContainerKeyDown = (event) => {
@@ -234,67 +225,40 @@ const HvBaseDropdown = ({
         onToggle == null ? void 0 : onToggle(event, false);
       }
     };
-    const container = /* @__PURE__ */ jsx(StyledContainer, {
-      role: "tooltip",
-      ref: setPopperElement,
-      className: clsx(baseDropdownClasses.container, classes == null ? void 0 : classes.container),
-      style: popperStyles.popper,
-      ...attributes.popper,
-      children: /* @__PURE__ */ jsx(ClickAwayListener, {
-        onClickAway: handleOutside,
-        children: /* @__PURE__ */ jsxs("div", {
-          onKeyDown: handleContainerKeyDown,
-          children: [popperPlacement.includes("bottom") && /* @__PURE__ */ jsx(StyledExtension, {
-            style: {
-              width: extensionWidth
-            },
-            className: clsx(baseDropdownClasses.inputExtensionOpen, classes == null ? void 0 : classes.inputExtensionOpen, popperPlacement.includes("end") && clsx(baseDropdownClasses.inputExtensionLeftPosition, classes == null ? void 0 : classes.inputExtensionLeftPosition)),
-            $leftPosition: popperPlacement.includes("end"),
-            $openShadow: false,
-            $floatLeft: false,
-            $floatRight: false
-          }), /* @__PURE__ */ jsx(BaseDropdownContext.Provider, {
-            value: popperMaxSize,
-            children: /* @__PURE__ */ jsx(StyledPanel, {
-              id: setId(elementId, "children-container"),
-              className: clsx(baseDropdownClasses.panel, classes == null ? void 0 : classes.panel),
-              children
-            })
-          }), popperPlacement.includes("top") && /* @__PURE__ */ jsx(StyledExtension, {
-            style: {
-              width: extensionWidth
-            },
-            className: clsx(baseDropdownClasses.inputExtensionOpen, classes == null ? void 0 : classes.inputExtensionOpen, baseDropdownClasses.inputExtensionOpenShadow, classes == null ? void 0 : classes.inputExtensionOpenShadow, popperPlacement.includes("end") && clsx(baseDropdownClasses.inputExtensionFloatRight, classes == null ? void 0 : classes.inputExtensionFloatRight), popperPlacement.includes("start") && clsx(baseDropdownClasses.inputExtensionFloatLeft, classes == null ? void 0 : classes.inputExtensionFloatLeft)),
-            $leftPosition: false,
-            $openShadow: true,
-            $floatLeft: popperPlacement.includes("start"),
-            $floatRight: popperPlacement.includes("end")
-          })]
-        })
-      })
-    });
+    const container = /* @__PURE__ */ jsx(StyledContainer, { role: "tooltip", ref: setPopperElement, className: clsx(baseDropdownClasses.container, classes == null ? void 0 : classes.container), style: popperStyles.popper, ...attributes.popper, children: /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: handleOutside, children: /* @__PURE__ */ jsxs("div", { onKeyDown: handleContainerKeyDown, children: [
+      popperPlacement.includes("bottom") && /* @__PURE__ */ jsx(StyledExtension, { style: {
+        width: extensionWidth
+      }, className: clsx(baseDropdownClasses.inputExtensionOpen, classes == null ? void 0 : classes.inputExtensionOpen, popperPlacement.includes("end") && clsx(baseDropdownClasses.inputExtensionLeftPosition, classes == null ? void 0 : classes.inputExtensionLeftPosition)), $leftPosition: popperPlacement.includes("end"), $openShadow: false, $floatLeft: false, $floatRight: false }),
+      /* @__PURE__ */ jsx(BaseDropdownContext.Provider, { value: popperMaxSize, children: /* @__PURE__ */ jsx(StyledPanel, { id: setId(elementId, "children-container"), className: clsx(baseDropdownClasses.panel, classes == null ? void 0 : classes.panel), children }) }),
+      popperPlacement.includes("top") && /* @__PURE__ */ jsx(StyledExtension, { style: {
+        width: extensionWidth
+      }, className: clsx(baseDropdownClasses.inputExtensionOpen, classes == null ? void 0 : classes.inputExtensionOpen, baseDropdownClasses.inputExtensionOpenShadow, classes == null ? void 0 : classes.inputExtensionOpenShadow, popperPlacement.includes("end") && clsx(baseDropdownClasses.inputExtensionFloatRight, classes == null ? void 0 : classes.inputExtensionFloatRight), popperPlacement.includes("start") && clsx(baseDropdownClasses.inputExtensionFloatLeft, classes == null ? void 0 : classes.inputExtensionFloatLeft)), $leftPosition: false, $openShadow: true, $floatLeft: popperPlacement.includes("start"), $floatRight: popperPlacement.includes("end") })
+    ] }) }) });
     if (disablePortal)
       return container;
     return createPortal(container, document.getElementById(rootId || "") || document.body);
   })();
-  return /* @__PURE__ */ jsxs(StyledRoot, {
-    className: clsx(baseDropdownClasses.root, classes == null ? void 0 : classes.root),
-    children: [/* @__PURE__ */ jsx(StyledAnchor, {
-      id,
-      role: ariaRole,
-      "aria-expanded": !!isOpen,
-      "aria-owns": isOpen ? setId(elementId, "children-container") : void 0,
-      className: clsx(className, baseDropdownClasses.anchor, classes == null ? void 0 : classes.anchor, disabled && clsx(baseDropdownClasses.rootDisabled, classes == null ? void 0 : classes.rootDisabled)),
-      $disabled: disabled,
-      ...!readOnly && {
-        onKeyDown: handleToggle,
-        onClick: handleToggle
-      },
-      tabIndex: -1,
-      ...others,
-      children: headerComponent
-    }), isOpen && containerComponent]
-  });
+  return /* @__PURE__ */ jsxs(StyledRoot, { className: clsx(baseDropdownClasses.root, classes == null ? void 0 : classes.root), children: [
+    /* @__PURE__ */ jsx(
+      StyledAnchor,
+      {
+        id,
+        role: ariaRole,
+        "aria-expanded": !!isOpen,
+        "aria-owns": isOpen ? setId(elementId, "children-container") : void 0,
+        className: clsx(className, baseDropdownClasses.anchor, classes == null ? void 0 : classes.anchor, disabled && clsx(baseDropdownClasses.rootDisabled, classes == null ? void 0 : classes.rootDisabled)),
+        $disabled: disabled,
+        ...!readOnly && {
+          onKeyDown: handleToggle,
+          onClick: handleToggle
+        },
+        tabIndex: -1,
+        ...others,
+        children: headerComponent
+      }
+    ),
+    isOpen && containerComponent
+  ] });
 };
 export {
   HvBaseDropdown

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

@@ -1 +1 @@
-{"version":3,"file":"BaseDropdown.js","sources":["../../../../src/components/BaseDropdown/BaseDropdown.tsx"],"sourcesContent":["import React, { useMemo, useState, useCallback, useContext } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport clsx from \"clsx\";\nimport BaseDropdownContext from \"./BaseDropdownContext\";\nimport {\n  ClickAwayListener,\n  PopperPlacementType,\n  PopperProps,\n} from \"@mui/material\";\nimport { useControlled, useForkRef, useUniqueId } from \"hooks\";\nimport { isKeypress, keyboardCodes, setId } from \"utils\";\nimport { getFirstAndLastFocus } from \"utils/focusableElementFinder\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledAnchor,\n  StyledContainer,\n  StyledDropDownXS,\n  StyledDropUpXS,\n  StyledExtension,\n  StyledHeaderRoot,\n  StyledPanel,\n  StyledPlaceholder,\n  StyledRoot,\n  StyledSelection,\n} from \"./BaseDropdown.styles\";\nimport { usePopper } from \"react-popper\";\nimport { detectOverflow, ModifierArguments, Options } from \"@popperjs/core\";\nimport { HvThemeContext } from \"providers\";\nimport baseDropdownClasses, {\n  HvBaseDropdownClasses,\n} from \"./baseDropdownClasses\";\n\nconst { Tab, Enter, Esc, Space, ArrowDown } = keyboardCodes;\n\nexport type HvBaseDropdownProps = HvBaseProps<\n  HTMLDivElement,\n  { placeholder }\n> & {\n  /**\n   * The role of the element that triggers the popup.\n   *\n   * Defaults to \"combobox\" if `component` and the default\n   * \"textbox\" header is used, undefined otherwise.\n   */\n  role?: string;\n  /**\n   * Header placeholder.\n   */\n  placeholder?: string | React.ReactNode;\n  /**\n   * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n   */\n  disabled?: boolean;\n  /**\n   * If `true` the dropdown will be in read only mode, unable to be interacted.\n   */\n  readOnly?: 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` 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   * An object containing props to be wired to the popper component.\n   */\n  popperProps?: Partial<PopperProps>;\n  /**\n   * Placement of the dropdown.\n   */\n  placement?: \"left\" | \"right\";\n  /**\n   * Replacement for the header component.\n   */\n  component?: React.ReactNode;\n  /**\n   * Adornment to replace the default arrows.\n   */\n  adornment?: React.ReactNode;\n  /**\n   * When dropdown changes the expanded state.\n   */\n  onToggle?: (event: Event, open: boolean) => void;\n  /**\n   * When user click outside the open container.\n   */\n  onClickOutside?: (event: Event) => void;\n  /**\n   * Callback called when the dropdown is opened and ready,\n   * commonly used to set focus to the content.\n   */\n  onContainerCreation?: (container: HTMLElement | null) => void;\n  /**\n   * Attributes applied to the dropdown header element.\n   */\n  dropdownHeaderProps?: React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLDivElement>,\n    HTMLDivElement\n  >;\n  /**\n   * Pass a ref to the dropdown header element.\n   */\n  dropdownHeaderRef?: React.Ref<any>;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvBaseDropdownClasses;\n};\n\nexport const HvBaseDropdown = ({\n  id,\n  className,\n  classes,\n  children,\n  role,\n  placeholder,\n  component,\n  adornment,\n  expanded,\n  dropdownHeaderProps,\n  defaultExpanded = false,\n  disabled = false,\n  readOnly = false,\n  disablePortal = false,\n  variableWidth = false,\n  placement = \"right\",\n  popperProps = {},\n  dropdownHeaderRef: dropdownHeaderRefProp,\n  onToggle,\n  onClickOutside,\n  onContainerCreation,\n  ...others\n}: HvBaseDropdownProps) => {\n  const { rootId } = useContext(HvThemeContext);\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(\n    null\n  );\n  const [popperElement, setPopperElement] = useState<HTMLElement | null>(null);\n  const [popperMaxSize, setPopperMaxSize] = useState<{\n    width?: number;\n    height?: number;\n  }>({});\n\n  const handleDropdownHeaderRefProp = useForkRef(\n    dropdownHeaderRefProp,\n    dropdownHeaderProps?.ref\n  );\n  const handleDropdownHeaderRef = useForkRef(\n    setReferenceElement,\n    handleDropdownHeaderRefProp\n  );\n\n  const ariaRole = role || (component == null ? \"combobox\" : undefined);\n\n  const elementId = useUniqueId(id, \"hvbasedropdown\");\n\n  const bottom: PopperPlacementType =\n    placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n  const extensionWidth = referenceElement\n    ? referenceElement?.offsetWidth\n    : \"inherit\";\n\n  const { modifiers: popperPropsModifiers = [], ...otherPopperProps } =\n    popperProps;\n\n  const onFirstUpdate = useCallback(() => {\n    if (onContainerCreation) onContainerCreation(popperElement);\n  }, [onContainerCreation, popperElement]);\n\n  const widthCalculator = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      state.styles.popper.width = `${state.rects.reference.width}px`;\n    },\n    []\n  );\n\n  const widthCalculatorEffect = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      state.elements.popper.style.width = `${\n        (state.elements.reference as any).offsetWidth\n      }px`;\n    },\n    []\n  );\n\n  const applyMaxSizeCalculator = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      // The `maxSize` modifier provides this data\n      const { width, height } = state.modifiersData.maxSize;\n      if (width !== popperMaxSize?.width || height !== popperMaxSize?.height) {\n        setPopperMaxSize({ width, height });\n      }\n\n      state.styles.popper = {\n        ...state.styles.popper,\n        maxWidth: `${width}px`,\n        maxHeight: `${height}px`,\n      };\n    },\n    [popperMaxSize]\n  );\n\n  const maxSizeCalculator = useCallback(\n    ({ state, name, options }: ModifierArguments<Options>) => {\n      const overflow = detectOverflow(state, options);\n\n      const x = state.modifiersData.preventOverflow?.x || 0;\n      const y = state.modifiersData.preventOverflow?.y || 0;\n\n      const popperWidth = state.rects.popper.width;\n      const popperHeight = state.rects.popper.height;\n\n      const basePlacement = state.placement.split(\"-\")[0];\n\n      const widthProp = basePlacement === \"left\" ? \"left\" : \"right\";\n      const heightProp = basePlacement === \"top\" ? \"top\" : \"bottom\";\n\n      state.modifiersData[name] = {\n        width: popperWidth - overflow[widthProp] - x,\n        height: popperHeight - overflow[heightProp] - y,\n      };\n    },\n    []\n  );\n\n  const modifiers: any = useMemo(\n    () => [\n      {\n        name: \"variableWidth\",\n        enabled: !variableWidth,\n        phase: \"beforeWrite\",\n        requires: [\"computeStyles\"],\n        fn: widthCalculator,\n        effect: widthCalculatorEffect,\n      },\n      {\n        name: \"maxSize\",\n        enabled: true,\n        phase: \"main\",\n        requiresIfExists: [\"offset\", \"preventOverflow\", \"flip\"],\n        fn: maxSizeCalculator,\n      },\n      {\n        name: \"applyMaxSize\",\n        enabled: true,\n        phase: \"beforeWrite\",\n        requires: [\"maxSize\"],\n        fn: applyMaxSizeCalculator,\n      },\n      ...popperPropsModifiers,\n    ],\n    [\n      maxSizeCalculator,\n      applyMaxSizeCalculator,\n      popperPropsModifiers,\n      variableWidth,\n      widthCalculator,\n      widthCalculatorEffect,\n    ]\n  );\n\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      placement: bottom,\n      modifiers,\n      onFirstUpdate,\n      ...otherPopperProps,\n    }\n  );\n\n  let popperPlacement = \"bottom\";\n  if (attributes.popper) {\n    popperPlacement = attributes.popper[\"data-popper-placement\"];\n  }\n\n  const handleToggle = useCallback(\n    (event) => {\n      if (event && !isKeypress(event, Tab)) {\n        event.preventDefault();\n      }\n\n      // We are checking specifically for false because if \"isKeypress\" returns true or undefined it should continue\n      const notControlKey = [Tab, Enter, Esc, ArrowDown, Space].every(\n        (key) => isKeypress(event, key) === false\n      );\n\n      const ignoredCombinations =\n        (isKeypress(event, Esc) && !isOpen) ||\n        (isKeypress(event, ArrowDown) && isOpen) ||\n        (isKeypress(event, Tab) && !isOpen);\n\n      if (disabled || notControlKey || ignoredCombinations) return;\n\n      const newOpen = !isOpen;\n\n      /* If about to close focus on the header component. */\n      const focusHeader = () => {\n        if (!newOpen) {\n          // Focus-ring won't be visible even if using the keyboard:\n          // https://github.com/WICG/focus-visible/issues/88\n          referenceElement?.focus({ preventScroll: true });\n        }\n\n        return newOpen;\n      };\n      setIsOpen(focusHeader());\n\n      onToggle?.(event, newOpen);\n    },\n    [isOpen, disabled, setIsOpen, onToggle, referenceElement]\n  );\n\n  const headerComponent = (() => {\n    if (component) {\n      return React.cloneElement(component as React.ReactElement, {\n        ref: handleDropdownHeaderRef,\n      });\n    }\n\n    return (\n      <StyledHeaderRoot\n        id={setId(id, \"header\")}\n        className={clsx(\n          baseDropdownClasses.header,\n          classes?.header,\n          disabled &&\n            clsx(baseDropdownClasses.headerDisabled, classes?.headerDisabled),\n          readOnly &&\n            clsx(baseDropdownClasses.headerReadOnly, classes?.headerReadOnly),\n          isOpen && clsx(baseDropdownClasses.headerOpen, classes?.headerOpen),\n          isOpen &&\n            popperPlacement.includes(\"top\") &&\n            clsx(baseDropdownClasses.headerOpenUp, classes?.headerOpenUp),\n          isOpen &&\n            popperPlacement.includes(\"bottom\") &&\n            clsx(baseDropdownClasses.headerOpenDown, classes?.headerOpenDown)\n        )}\n        $disabled={disabled}\n        $readOnly={readOnly}\n        $opened={isOpen}\n        $openedUp={isOpen && popperPlacement.includes(\"top\")}\n        $openedDown={isOpen && popperPlacement.includes(\"bottom\")}\n        role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n        style={disabled || readOnly ? { pointerEvents: \"none\" } : undefined}\n        aria-controls={\n          isOpen ? setId(elementId, \"children-container\") : undefined\n        }\n        aria-label={others[\"aria-label\"] ?? undefined}\n        aria-labelledby={others[\"aria-labelledby\"] ?? undefined}\n        // Removes the element from the navigation sequence for keyboard focus if disabled\n        tabIndex={disabled ? -1 : 0}\n        ref={handleDropdownHeaderRef}\n        {...dropdownHeaderProps}\n      >\n        <StyledSelection\n          className={clsx(baseDropdownClasses.selection, classes?.selection)}\n        >\n          {placeholder && typeof placeholder === \"string\" ? (\n            <StyledPlaceholder\n              className={clsx(\n                baseDropdownClasses.placeholder,\n                classes?.placeholder,\n                disabled &&\n                  clsx(\n                    baseDropdownClasses.selectionDisabled,\n                    classes?.selectionDisabled\n                  )\n              )}\n              $disabled={disabled}\n              variant=\"body\"\n            >\n              {placeholder}\n            </StyledPlaceholder>\n          ) : (\n            placeholder\n          )}\n        </StyledSelection>\n        {adornment ||\n          (isOpen ? (\n            <StyledDropUpXS\n              iconSize=\"XS\"\n              className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n            />\n          ) : (\n            <StyledDropDownXS\n              iconSize=\"XS\"\n              className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n              $disabled={disabled}\n            />\n          ))}\n      </StyledHeaderRoot>\n    );\n  })();\n\n  const containerComponent = (() => {\n    /**\n     *  Handle keyboard inside children container.\n     */\n    const handleContainerKeyDown = (event) => {\n      if (isKeypress(event, Esc)) {\n        handleToggle(event);\n      }\n      if (isKeypress(event, Tab) && !event.shiftKey) {\n        const focusList = getFirstAndLastFocus(popperElement);\n        if (document.activeElement === focusList?.last) {\n          event.preventDefault();\n          focusList?.first?.focus();\n        }\n      }\n    };\n\n    const handleOutside = (event) => {\n      const isButtonClick = referenceElement?.contains(event.target);\n      if (!isButtonClick) {\n        onClickOutside?.(event);\n        setIsOpen(false);\n        onToggle?.(event, false);\n      }\n    };\n\n    const container = (\n      <StyledContainer\n        role=\"tooltip\"\n        ref={setPopperElement}\n        className={clsx(baseDropdownClasses.container, classes?.container)}\n        style={popperStyles.popper}\n        {...attributes.popper}\n      >\n        <ClickAwayListener onClickAway={handleOutside}>\n          <div onKeyDown={handleContainerKeyDown}>\n            {popperPlacement.includes(\"bottom\") && (\n              <StyledExtension\n                style={{ width: extensionWidth }}\n                className={clsx(\n                  baseDropdownClasses.inputExtensionOpen,\n                  classes?.inputExtensionOpen,\n                  popperPlacement.includes(\"end\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionLeftPosition,\n                      classes?.inputExtensionLeftPosition\n                    )\n                )}\n                $leftPosition={popperPlacement.includes(\"end\")}\n                $openShadow={false}\n                $floatLeft={false}\n                $floatRight={false}\n              />\n            )}\n            <BaseDropdownContext.Provider value={popperMaxSize}>\n              <StyledPanel\n                id={setId(elementId, \"children-container\")}\n                className={clsx(baseDropdownClasses.panel, classes?.panel)}\n              >\n                {children}\n              </StyledPanel>\n            </BaseDropdownContext.Provider>\n            {popperPlacement.includes(\"top\") && (\n              <StyledExtension\n                style={{ width: extensionWidth }}\n                className={clsx(\n                  baseDropdownClasses.inputExtensionOpen,\n                  classes?.inputExtensionOpen,\n                  baseDropdownClasses.inputExtensionOpenShadow,\n                  classes?.inputExtensionOpenShadow,\n                  popperPlacement.includes(\"end\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionFloatRight,\n                      classes?.inputExtensionFloatRight\n                    ),\n                  popperPlacement.includes(\"start\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionFloatLeft,\n                      classes?.inputExtensionFloatLeft\n                    )\n                )}\n                $leftPosition={false}\n                $openShadow={true}\n                $floatLeft={popperPlacement.includes(\"start\")}\n                $floatRight={popperPlacement.includes(\"end\")}\n              />\n            )}\n          </div>\n        </ClickAwayListener>\n      </StyledContainer>\n    );\n\n    if (disablePortal) return container;\n\n    return createPortal(\n      container,\n      document.getElementById(rootId || \"\") || document.body\n    );\n  })();\n\n  return (\n    <StyledRoot className={clsx(baseDropdownClasses.root, classes?.root)}>\n      <StyledAnchor\n        id={id}\n        role={ariaRole}\n        aria-expanded={!!isOpen}\n        aria-owns={isOpen ? setId(elementId, \"children-container\") : undefined}\n        className={clsx(\n          className,\n          baseDropdownClasses.anchor,\n          classes?.anchor,\n          disabled &&\n            clsx(baseDropdownClasses.rootDisabled, classes?.rootDisabled)\n        )}\n        $disabled={disabled}\n        {...(!readOnly && {\n          onKeyDown: handleToggle,\n          onClick: handleToggle,\n        })}\n        // Removes the element from the navigation sequence for keyboard focus\n        tabIndex={-1}\n        {...others}\n      >\n        {headerComponent}\n      </StyledAnchor>\n      {isOpen && containerComponent}\n    </StyledRoot>\n  );\n};\n"],"names":["Tab","Enter","Esc","Space","ArrowDown","keyboardCodes","HvBaseDropdown","id","className","classes","children","role","placeholder","component","adornment","expanded","dropdownHeaderProps","defaultExpanded","disabled","readOnly","disablePortal","variableWidth","placement","popperProps","dropdownHeaderRef","dropdownHeaderRefProp","onToggle","onClickOutside","onContainerCreation","others","rootId","useContext","HvThemeContext","isOpen","setIsOpen","useControlled","Boolean","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","useForkRef","ref","handleDropdownHeaderRef","ariaRole","undefined","elementId","useUniqueId","bottom","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","useCallback","widthCalculator","state","styles","popper","width","rects","reference","widthCalculatorEffect","elements","style","applyMaxSizeCalculator","height","modifiersData","maxSize","maxWidth","maxHeight","maxSizeCalculator","name","options","overflow","detectOverflow","x","preventOverflow","y","popperWidth","popperHeight","basePlacement","split","widthProp","heightProp","useMemo","enabled","phase","requires","fn","effect","requiresIfExists","popperStyles","attributes","usePopper","popperPlacement","handleToggle","event","isKeypress","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","React","cloneElement","StyledHeaderRoot","setId","clsx","baseDropdownClasses","header","headerDisabled","headerReadOnly","headerOpen","includes","headerOpenUp","headerOpenDown","$disabled","$readOnly","$opened","$openedUp","$openedDown","pointerEvents","tabIndex","_jsx","StyledSelection","selection","StyledPlaceholder","selectionDisabled","variant","StyledDropUpXS","iconSize","arrow","StyledDropDownXS","containerComponent","handleContainerKeyDown","shiftKey","focusList","getFirstAndLastFocus","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","StyledContainer","ClickAwayListener","onClickAway","onKeyDown","StyledExtension","inputExtensionOpen","inputExtensionLeftPosition","$leftPosition","$openShadow","$floatLeft","$floatRight","BaseDropdownContext","Provider","value","StyledPanel","panel","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","getElementById","body","StyledRoot","root","StyledAnchor","anchor","rootDisabled","onClick"],"mappings":"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"}
+{"version":3,"file":"BaseDropdown.js","sources":["../../../../src/components/BaseDropdown/BaseDropdown.tsx"],"sourcesContent":["import React, { useMemo, useState, useCallback, useContext } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport clsx from \"clsx\";\nimport BaseDropdownContext from \"./BaseDropdownContext\";\nimport {\n  ClickAwayListener,\n  PopperPlacementType,\n  PopperProps,\n} from \"@mui/material\";\nimport { useControlled, useForkRef, useUniqueId } from \"hooks\";\nimport { isKeypress, keyboardCodes, setId } from \"utils\";\nimport { getFirstAndLastFocus } from \"utils/focusableElementFinder\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledAnchor,\n  StyledContainer,\n  StyledDropDownXS,\n  StyledDropUpXS,\n  StyledExtension,\n  StyledHeaderRoot,\n  StyledPanel,\n  StyledPlaceholder,\n  StyledRoot,\n  StyledSelection,\n} from \"./BaseDropdown.styles\";\nimport { usePopper } from \"react-popper\";\nimport { detectOverflow, ModifierArguments, Options } from \"@popperjs/core\";\nimport { HvThemeContext } from \"providers\";\nimport baseDropdownClasses, {\n  HvBaseDropdownClasses,\n} from \"./baseDropdownClasses\";\n\nconst { Tab, Enter, Esc, Space, ArrowDown } = keyboardCodes;\n\nexport type HvBaseDropdownProps = HvBaseProps<\n  HTMLDivElement,\n  { placeholder }\n> & {\n  /**\n   * The role of the element that triggers the popup.\n   *\n   * Defaults to \"combobox\" if `component` and the default\n   * \"textbox\" header is used, undefined otherwise.\n   */\n  role?: string;\n  /**\n   * Header placeholder.\n   */\n  placeholder?: string | React.ReactNode;\n  /**\n   * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n   */\n  disabled?: boolean;\n  /**\n   * If `true` the dropdown will be in read only mode, unable to be interacted.\n   */\n  readOnly?: 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` 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   * An object containing props to be wired to the popper component.\n   */\n  popperProps?: Partial<PopperProps>;\n  /**\n   * Placement of the dropdown.\n   */\n  placement?: \"left\" | \"right\";\n  /**\n   * Replacement for the header component.\n   */\n  component?: React.ReactNode;\n  /**\n   * Adornment to replace the default arrows.\n   */\n  adornment?: React.ReactNode;\n  /**\n   * When dropdown changes the expanded state.\n   */\n  onToggle?: (event: Event, open: boolean) => void;\n  /**\n   * When user click outside the open container.\n   */\n  onClickOutside?: (event: Event) => void;\n  /**\n   * Callback called when the dropdown is opened and ready,\n   * commonly used to set focus to the content.\n   */\n  onContainerCreation?: (container: HTMLElement | null) => void;\n  /**\n   * Attributes applied to the dropdown header element.\n   */\n  dropdownHeaderProps?: React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLDivElement>,\n    HTMLDivElement\n  >;\n  /**\n   * Pass a ref to the dropdown header element.\n   */\n  dropdownHeaderRef?: React.Ref<any>;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvBaseDropdownClasses;\n};\n\nexport const HvBaseDropdown = ({\n  id,\n  className,\n  classes,\n  children,\n  role,\n  placeholder,\n  component,\n  adornment,\n  expanded,\n  dropdownHeaderProps,\n  defaultExpanded = false,\n  disabled = false,\n  readOnly = false,\n  disablePortal = false,\n  variableWidth = false,\n  placement = \"right\",\n  popperProps = {},\n  dropdownHeaderRef: dropdownHeaderRefProp,\n  onToggle,\n  onClickOutside,\n  onContainerCreation,\n  ...others\n}: HvBaseDropdownProps) => {\n  const { rootId } = useContext(HvThemeContext);\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(\n    null\n  );\n  const [popperElement, setPopperElement] = useState<HTMLElement | null>(null);\n  const [popperMaxSize, setPopperMaxSize] = useState<{\n    width?: number;\n    height?: number;\n  }>({});\n\n  const handleDropdownHeaderRefProp = useForkRef(\n    dropdownHeaderRefProp,\n    dropdownHeaderProps?.ref\n  );\n  const handleDropdownHeaderRef = useForkRef(\n    setReferenceElement,\n    handleDropdownHeaderRefProp\n  );\n\n  const ariaRole = role || (component == null ? \"combobox\" : undefined);\n\n  const elementId = useUniqueId(id, \"hvbasedropdown\");\n\n  const bottom: PopperPlacementType =\n    placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n  const extensionWidth = referenceElement\n    ? referenceElement?.offsetWidth\n    : \"inherit\";\n\n  const { modifiers: popperPropsModifiers = [], ...otherPopperProps } =\n    popperProps;\n\n  const onFirstUpdate = useCallback(() => {\n    if (onContainerCreation) onContainerCreation(popperElement);\n  }, [onContainerCreation, popperElement]);\n\n  const widthCalculator = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      state.styles.popper.width = `${state.rects.reference.width}px`;\n    },\n    []\n  );\n\n  const widthCalculatorEffect = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      state.elements.popper.style.width = `${\n        (state.elements.reference as any).offsetWidth\n      }px`;\n    },\n    []\n  );\n\n  const applyMaxSizeCalculator = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      // The `maxSize` modifier provides this data\n      const { width, height } = state.modifiersData.maxSize;\n      if (width !== popperMaxSize?.width || height !== popperMaxSize?.height) {\n        setPopperMaxSize({ width, height });\n      }\n\n      state.styles.popper = {\n        ...state.styles.popper,\n        maxWidth: `${width}px`,\n        maxHeight: `${height}px`,\n      };\n    },\n    [popperMaxSize]\n  );\n\n  const maxSizeCalculator = useCallback(\n    ({ state, name, options }: ModifierArguments<Options>) => {\n      const overflow = detectOverflow(state, options);\n\n      const x = state.modifiersData.preventOverflow?.x || 0;\n      const y = state.modifiersData.preventOverflow?.y || 0;\n\n      const popperWidth = state.rects.popper.width;\n      const popperHeight = state.rects.popper.height;\n\n      const basePlacement = state.placement.split(\"-\")[0];\n\n      const widthProp = basePlacement === \"left\" ? \"left\" : \"right\";\n      const heightProp = basePlacement === \"top\" ? \"top\" : \"bottom\";\n\n      state.modifiersData[name] = {\n        width: popperWidth - overflow[widthProp] - x,\n        height: popperHeight - overflow[heightProp] - y,\n      };\n    },\n    []\n  );\n\n  const modifiers: any = useMemo(\n    () => [\n      {\n        name: \"variableWidth\",\n        enabled: !variableWidth,\n        phase: \"beforeWrite\",\n        requires: [\"computeStyles\"],\n        fn: widthCalculator,\n        effect: widthCalculatorEffect,\n      },\n      {\n        name: \"maxSize\",\n        enabled: true,\n        phase: \"main\",\n        requiresIfExists: [\"offset\", \"preventOverflow\", \"flip\"],\n        fn: maxSizeCalculator,\n      },\n      {\n        name: \"applyMaxSize\",\n        enabled: true,\n        phase: \"beforeWrite\",\n        requires: [\"maxSize\"],\n        fn: applyMaxSizeCalculator,\n      },\n      ...popperPropsModifiers,\n    ],\n    [\n      maxSizeCalculator,\n      applyMaxSizeCalculator,\n      popperPropsModifiers,\n      variableWidth,\n      widthCalculator,\n      widthCalculatorEffect,\n    ]\n  );\n\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      placement: bottom,\n      modifiers,\n      onFirstUpdate,\n      ...otherPopperProps,\n    }\n  );\n\n  let popperPlacement = \"bottom\";\n  if (attributes.popper) {\n    popperPlacement = attributes.popper[\"data-popper-placement\"];\n  }\n\n  const handleToggle = useCallback(\n    (event) => {\n      if (event && !isKeypress(event, Tab)) {\n        event.preventDefault();\n      }\n\n      // We are checking specifically for false because if \"isKeypress\" returns true or undefined it should continue\n      const notControlKey = [Tab, Enter, Esc, ArrowDown, Space].every(\n        (key) => isKeypress(event, key) === false\n      );\n\n      const ignoredCombinations =\n        (isKeypress(event, Esc) && !isOpen) ||\n        (isKeypress(event, ArrowDown) && isOpen) ||\n        (isKeypress(event, Tab) && !isOpen);\n\n      if (disabled || notControlKey || ignoredCombinations) return;\n\n      const newOpen = !isOpen;\n\n      /* If about to close focus on the header component. */\n      const focusHeader = () => {\n        if (!newOpen) {\n          // Focus-ring won't be visible even if using the keyboard:\n          // https://github.com/WICG/focus-visible/issues/88\n          referenceElement?.focus({ preventScroll: true });\n        }\n\n        return newOpen;\n      };\n      setIsOpen(focusHeader());\n\n      onToggle?.(event, newOpen);\n    },\n    [isOpen, disabled, setIsOpen, onToggle, referenceElement]\n  );\n\n  const headerComponent = (() => {\n    if (component) {\n      return React.cloneElement(component as React.ReactElement, {\n        ref: handleDropdownHeaderRef,\n      });\n    }\n\n    return (\n      <StyledHeaderRoot\n        id={setId(id, \"header\")}\n        className={clsx(\n          baseDropdownClasses.header,\n          classes?.header,\n          disabled &&\n            clsx(baseDropdownClasses.headerDisabled, classes?.headerDisabled),\n          readOnly &&\n            clsx(baseDropdownClasses.headerReadOnly, classes?.headerReadOnly),\n          isOpen && clsx(baseDropdownClasses.headerOpen, classes?.headerOpen),\n          isOpen &&\n            popperPlacement.includes(\"top\") &&\n            clsx(baseDropdownClasses.headerOpenUp, classes?.headerOpenUp),\n          isOpen &&\n            popperPlacement.includes(\"bottom\") &&\n            clsx(baseDropdownClasses.headerOpenDown, classes?.headerOpenDown)\n        )}\n        $disabled={disabled}\n        $readOnly={readOnly}\n        $opened={isOpen}\n        $openedUp={isOpen && popperPlacement.includes(\"top\")}\n        $openedDown={isOpen && popperPlacement.includes(\"bottom\")}\n        role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n        style={disabled || readOnly ? { pointerEvents: \"none\" } : undefined}\n        aria-controls={\n          isOpen ? setId(elementId, \"children-container\") : undefined\n        }\n        aria-label={others[\"aria-label\"] ?? undefined}\n        aria-labelledby={others[\"aria-labelledby\"] ?? undefined}\n        // Removes the element from the navigation sequence for keyboard focus if disabled\n        tabIndex={disabled ? -1 : 0}\n        ref={handleDropdownHeaderRef}\n        {...dropdownHeaderProps}\n      >\n        <StyledSelection\n          className={clsx(baseDropdownClasses.selection, classes?.selection)}\n        >\n          {placeholder && typeof placeholder === \"string\" ? (\n            <StyledPlaceholder\n              className={clsx(\n                baseDropdownClasses.placeholder,\n                classes?.placeholder,\n                disabled &&\n                  clsx(\n                    baseDropdownClasses.selectionDisabled,\n                    classes?.selectionDisabled\n                  )\n              )}\n              $disabled={disabled}\n              variant=\"body\"\n            >\n              {placeholder}\n            </StyledPlaceholder>\n          ) : (\n            placeholder\n          )}\n        </StyledSelection>\n        {adornment ||\n          (isOpen ? (\n            <StyledDropUpXS\n              iconSize=\"XS\"\n              className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n            />\n          ) : (\n            <StyledDropDownXS\n              iconSize=\"XS\"\n              className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n              $disabled={disabled}\n            />\n          ))}\n      </StyledHeaderRoot>\n    );\n  })();\n\n  const containerComponent = (() => {\n    /**\n     *  Handle keyboard inside children container.\n     */\n    const handleContainerKeyDown = (event) => {\n      if (isKeypress(event, Esc)) {\n        handleToggle(event);\n      }\n      if (isKeypress(event, Tab) && !event.shiftKey) {\n        const focusList = getFirstAndLastFocus(popperElement);\n        if (document.activeElement === focusList?.last) {\n          event.preventDefault();\n          focusList?.first?.focus();\n        }\n      }\n    };\n\n    const handleOutside = (event) => {\n      const isButtonClick = referenceElement?.contains(event.target);\n      if (!isButtonClick) {\n        onClickOutside?.(event);\n        setIsOpen(false);\n        onToggle?.(event, false);\n      }\n    };\n\n    const container = (\n      <StyledContainer\n        role=\"tooltip\"\n        ref={setPopperElement}\n        className={clsx(baseDropdownClasses.container, classes?.container)}\n        style={popperStyles.popper}\n        {...attributes.popper}\n      >\n        <ClickAwayListener onClickAway={handleOutside}>\n          <div onKeyDown={handleContainerKeyDown}>\n            {popperPlacement.includes(\"bottom\") && (\n              <StyledExtension\n                style={{ width: extensionWidth }}\n                className={clsx(\n                  baseDropdownClasses.inputExtensionOpen,\n                  classes?.inputExtensionOpen,\n                  popperPlacement.includes(\"end\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionLeftPosition,\n                      classes?.inputExtensionLeftPosition\n                    )\n                )}\n                $leftPosition={popperPlacement.includes(\"end\")}\n                $openShadow={false}\n                $floatLeft={false}\n                $floatRight={false}\n              />\n            )}\n            <BaseDropdownContext.Provider value={popperMaxSize}>\n              <StyledPanel\n                id={setId(elementId, \"children-container\")}\n                className={clsx(baseDropdownClasses.panel, classes?.panel)}\n              >\n                {children}\n              </StyledPanel>\n            </BaseDropdownContext.Provider>\n            {popperPlacement.includes(\"top\") && (\n              <StyledExtension\n                style={{ width: extensionWidth }}\n                className={clsx(\n                  baseDropdownClasses.inputExtensionOpen,\n                  classes?.inputExtensionOpen,\n                  baseDropdownClasses.inputExtensionOpenShadow,\n                  classes?.inputExtensionOpenShadow,\n                  popperPlacement.includes(\"end\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionFloatRight,\n                      classes?.inputExtensionFloatRight\n                    ),\n                  popperPlacement.includes(\"start\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionFloatLeft,\n                      classes?.inputExtensionFloatLeft\n                    )\n                )}\n                $leftPosition={false}\n                $openShadow={true}\n                $floatLeft={popperPlacement.includes(\"start\")}\n                $floatRight={popperPlacement.includes(\"end\")}\n              />\n            )}\n          </div>\n        </ClickAwayListener>\n      </StyledContainer>\n    );\n\n    if (disablePortal) return container;\n\n    return createPortal(\n      container,\n      document.getElementById(rootId || \"\") || document.body\n    );\n  })();\n\n  return (\n    <StyledRoot className={clsx(baseDropdownClasses.root, classes?.root)}>\n      <StyledAnchor\n        id={id}\n        role={ariaRole}\n        aria-expanded={!!isOpen}\n        aria-owns={isOpen ? setId(elementId, \"children-container\") : undefined}\n        className={clsx(\n          className,\n          baseDropdownClasses.anchor,\n          classes?.anchor,\n          disabled &&\n            clsx(baseDropdownClasses.rootDisabled, classes?.rootDisabled)\n        )}\n        $disabled={disabled}\n        {...(!readOnly && {\n          onKeyDown: handleToggle,\n          onClick: handleToggle,\n        })}\n        // Removes the element from the navigation sequence for keyboard focus\n        tabIndex={-1}\n        {...others}\n      >\n        {headerComponent}\n      </StyledAnchor>\n      {isOpen && containerComponent}\n    </StyledRoot>\n  );\n};\n"],"names":["Tab","Enter","Esc","Space","ArrowDown","keyboardCodes","HvBaseDropdown","id","className","classes","children","role","placeholder","component","adornment","expanded","dropdownHeaderProps","defaultExpanded","disabled","readOnly","disablePortal","variableWidth","placement","popperProps","dropdownHeaderRef","dropdownHeaderRefProp","onToggle","onClickOutside","onContainerCreation","others","rootId","useContext","HvThemeContext","isOpen","setIsOpen","useControlled","Boolean","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","useForkRef","ref","handleDropdownHeaderRef","ariaRole","undefined","elementId","useUniqueId","bottom","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","useCallback","widthCalculator","state","styles","popper","width","rects","reference","widthCalculatorEffect","elements","style","applyMaxSizeCalculator","height","modifiersData","maxSize","maxWidth","maxHeight","maxSizeCalculator","name","options","overflow","detectOverflow","x","preventOverflow","y","popperWidth","popperHeight","basePlacement","split","widthProp","heightProp","useMemo","enabled","phase","requires","fn","effect","requiresIfExists","popperStyles","attributes","usePopper","popperPlacement","handleToggle","event","isKeypress","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","React","cloneElement","setId","clsx","baseDropdownClasses","header","headerDisabled","headerReadOnly","headerOpen","includes","headerOpenUp","headerOpenDown","pointerEvents","selection","selectionDisabled","arrow","containerComponent","handleContainerKeyDown","shiftKey","focusList","getFirstAndLastFocus","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","inputExtensionOpen","inputExtensionLeftPosition","panel","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","getElementById","body","root","anchor","rootDisabled","onKeyDown","onClick"],"mappings":"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"}

package/dist/esm/components/BaseInput/BaseInput.js

@@ -1,14 +1,14 @@
+import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import { useContext } from "react";
 import { StyledRoot, StyledInput, StyledInputBorderContainer } from "./BaseInput.styles.js";
 import clsx from "clsx";
 import baseInputClasses from "./baseInputClasses.js";
 import { css, Global } from "@emotion/react";
 import { theme } from "@hitachivantara/uikit-styles";
-import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import { buildFormElementPropsFromContext, buildAriaPropsFromContext } from "../Forms/FormElement/utils/FormUtils.js";
 import { HvFormElementContext } from "../Forms/FormElement/context/FormElementContext.js";
 import { HvFormElementDescriptorsContext } from "../Forms/FormElement/context/FormElementDescriptorsContext.js";
-const baseInputStyles = /* @__PURE__ */ css('"input:-webkit-autofill":{"-webkit-box-shadow":0 0 0px 1000px ', theme.colors.atmo1, ' inset,"-webkit-text-fill-color":', theme.colors.acce1, ',;},"input[type=search]::-ms-clear":{display:"none",width:0,height:0,;},"input[type=search]::-ms-reveal":{display:"none",width:0,height:0,;},"input[type=search]::-webkit-search-decoration":{display:"none";},"input[type=search]::-webkit-search-cancel-button":{display:"none";},"input[type=search]::-webkit-search-results-button":{display:"none",;},"input[type=search]::-webkit-search-results-decoration":{display:"none",;}' + (process.env.NODE_ENV === "production" ? "" : ";label:baseInputStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUlucHV0L0Jhc2VJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUIyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhc2VJbnB1dC9CYXNlSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVmT2JqZWN0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQge1xuICBJbnB1dEJhc2VDb21wb25lbnRQcm9wcyBhcyBNdWlJbnB1dEJhc2VDb21wb25lbnRQcm9wcyxcbiAgSW5wdXRQcm9wcyBhcyBNdWlJbnB1dFByb3BzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgSHZCYXNlUHJvcHMgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcbmltcG9ydCB7XG4gIFN0eWxlZFJvb3QsXG4gIFN0eWxlZElucHV0Qm9yZGVyQ29udGFpbmVyLFxuICBTdHlsZWRJbnB1dCxcbn0gZnJvbSBcIi4vQmFzZUlucHV0LnN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZGb3JtRWxlbWVudENvbnRleHQsXG4gIEh2Rm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHQsXG4gIGJ1aWxkRm9ybUVsZW1lbnRQcm9wc0Zyb21Db250ZXh0LFxuICBidWlsZEFyaWFQcm9wc0Zyb21Db250ZXh0LFxufSBmcm9tIFwiLi4vRm9ybXMvRm9ybUVsZW1lbnRcIjtcbmltcG9ydCBjbHN4IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgYmFzZUlucHV0Q2xhc3NlcywgeyBIdkJhc2VJbnB1dENsYXNzZXMgfSBmcm9tIFwiLi9iYXNlSW5wdXRDbGFzc2VzXCI7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG4vLyBHbG9iYWwgc3R5bGVzIGZvciB0aGUgYmFzZSBpbnB1dC5cbmNvbnN0IGJhc2VJbnB1dFN0eWxlcyA9IGNzc2BcbiAgXCJpbnB1dDotd2Via2l0LWF1dG9maWxsXCI6IHtcbiAgICBcIi13ZWJraXQtYm94LXNoYWRvd1wiOiAwIDAgMHB4IDEwMDBweCAke3RoZW1lLmNvbG9ycy5hdG1vMX0gaW5zZXQsXG4gICAgXCItd2Via2l0LXRleHQtZmlsbC1jb2xvclwiOiAke3RoZW1lLmNvbG9ycy5hY2NlMX0sXG4gIH0sXG5cbiAgLyogQ2xlYXJzIGlucHV0J3MgY2xlYXIgYW5kIHJldmVhbCBidXR0b25zIGZyb20gSUUgKi9cbiAgXCJpbnB1dFt0eXBlPXNlYXJjaF06Oi1tcy1jbGVhclwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgd2lkdGg6IDAsXG4gICAgaGVpZ2h0OiAwLFxuICB9LFxuICBcImlucHV0W3R5cGU9c2VhcmNoXTo6LW1zLXJldmVhbFwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgd2lkdGg6IDAsXG4gICAgaGVpZ2h0OiAwLFxuICB9LFxuXG4gIC8qIENsZWFycyBpbnB1dCdzIGNsZWFyIGJ1dHRvbiBmcm9tIENocm9tZSAqL1xuICBcImlucHV0W3R5cGU9c2VhcmNoXTo6LXdlYmtpdC1zZWFyY2gtZGVjb3JhdGlvblwiOiB7IGRpc3BsYXk6IFwibm9uZVwiIH0sXG4gIFwiaW5wdXRbdHlwZT1zZWFyY2hdOjotd2Via2l0LXNlYXJjaC1jYW5jZWwtYnV0dG9uXCI6IHsgZGlzcGxheTogXCJub25lXCIgfSxcbiAgXCJpbnB1dFt0eXBlPXNlYXJjaF06Oi13ZWJraXQtc2VhcmNoLXJlc3VsdHMtYnV0dG9uXCI6IHtcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgfSxcbiAgXCJpbnB1dFt0eXBlPXNlYXJjaF06Oi13ZWJraXQtc2VhcmNoLXJlc3VsdHMtZGVjb3JhdGlvblwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0sXG59YDtcblxuZXhwb3J0IHR5cGUgSHZCYXNlSW5wdXRQcm9wcyA9IE9taXQ8TXVpSW5wdXRQcm9wcywgXCJvbkNoYW5nZVwiPiAmXG4gIEh2QmFzZVByb3BzPEhUTUxEaXZFbGVtZW50LCB7IG9uQ2hhbmdlIH0+ICYge1xuICAgIC8qKiBUaGUgaW5wdXQgbmFtZS4gKi9cbiAgICBuYW1lPzogc3RyaW5nO1xuICAgIC8qKiBUaGUgdmFsdWUgb2YgdGhlIGlucHV0LCB3aGVuIGNvbnRyb2xsZWQuICovXG4gICAgdmFsdWU/OiBzdHJpbmc7XG4gICAgLyoqIFRoZSBpbml0aWFsIHZhbHVlIG9mIHRoZSBpbnB1dCwgd2hlbiB1bmNvbnRyb2xsZWQuICovXG4gICAgZGVmYXVsdFZhbHVlPzogc3RyaW5nO1xuICAgIC8qKiBJZiBgdHJ1ZWAgdGhlIGlucHV0IGlzIGRpc2FibGVkLiAqL1xuICAgIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgICAvKiogSW5kaWNhdGVzIHRoYXQgdGhlIGlucHV0IGlzIG5vdCBlZGl0YWJsZS4gKi9cbiAgICByZWFkT25seT86IGJvb2xlYW47XG4gICAgLyoqIElmIHRydWUsIHRoZSBpbnB1dCBlbGVtZW50IHdpbGwgYmUgcmVxdWlyZWQuICovXG4gICAgcmVxdWlyZWQ/OiBib29sZWFuO1xuICAgIC8qKiBUaGUgZnVuY3Rpb24gdGhhdCB3aWxsIGJlIGV4ZWN1dGVkIG9uQ2hhbmdlLCBhbGxvd3MgbW9kaWZpY2F0aW9uIG9mIHRoZSBpbnB1dCxcbiAgICAgKiBpdCByZWNlaXZlcyB0aGUgdmFsdWUuIElmIGEgbmV3IHZhbHVlIHNob3VsZCBiZSBwcmVzZW50ZWQgaXQgbXVzdCByZXR1cm5lZCBpdC4gKi9cbiAgICBvbkNoYW5nZT86IChcbiAgICAgIGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50IHwgSFRNTFRleHRBcmVhRWxlbWVudD4sXG4gICAgICB2YWx1ZTogc3RyaW5nXG4gICAgKSA9PiB2b2lkO1xuICAgIC8qKiBUaGUgaW5wdXQgdHlwZS4gKi9cbiAgICB0eXBlPzogc3RyaW5nO1xuICAgIC8qKiBMYWJlbCBpbnNpZGUgdGhlIGlucHV0IHVzZWQgdG8gaGVscCB1c2VyLiAqL1xuICAgIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAgIC8qKiBJZiB0cnVlLCBhIHRleHRhcmVhIGVsZW1lbnQgd2lsbCBiZSByZW5kZXJlZC4gKi9cbiAgICBtdWx0aWxpbmU/OiBib29sZWFuO1xuICAgIC8qKiBJZiB0cnVlIGFuZCBtdWx0aWxpbmUgaXMgYWxzbyB0cnVlIHRoZSB0ZXh0YXJlYSBlbGVtZW50IHdpbGwgYmUgcmVzaXphYmxlLiAqL1xuICAgIHJlc2l6YWJsZT86IGJvb2xlYW47XG4gICAgLyoqIERlbm90ZXMgaWYgdGhlIGlucHV0IGlzIGluIGFuIGludmFsaWQgc3RhdGUuICovXG4gICAgaW52YWxpZD86IGJvb2xlYW47XG4gICAgLyoqIEF0dHJpYnV0ZXMgYXBwbGllZCB0byB0aGUgaW5wdXQgZWxlbWVudC4gKi9cbiAgICBpbnB1dFByb3BzPzogTXVpSW5wdXRCYXNlQ29tcG9uZW50UHJvcHM7XG4gICAgLyoqIEFsbG93cyBwYXNzaW5nIGEgcmVmIHRvIHRoZSB1bmRlcmx5aW5nIGlucHV0ICovXG4gICAgaW5wdXRSZWY/OiBSZWZPYmplY3Q8SFRNTEVsZW1lbnQ+O1xuICAgIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gICAgY2xhc3Nlcz86IEh2QmFzZUlucHV0Q2xhc3NlcztcbiAgfTtcblxuLyoqXG4gKiBBbiBJbnB1dCBjb21wb25lbnQgdGhhdCBvbmx5IHBvc3NlcyB0aGUgbW9zdCBiYXNpYyBmdW5jdGlvbmFsaXRpZXMuXG4gKiBJdCBzaG91bGQgYmUgdXNlZCBhbG9uZ3NpZGUgdGhlIG90aGVyIGZvcm0gZWxlbWVudHMgdG8gY29uc3RydWN0IGEgcHJvcGVyIGFjY2Vzc2libGUgZm9ybS5cbiAqL1xuZXhwb3J0IGNvbnN0IEh2QmFzZUlucHV0ID0gKHtcbiAgY2xhc3NlcyxcbiAgY2xhc3NOYW1lID0gXCJcIixcbiAgaWQsXG4gIG5hbWUsXG4gIHZhbHVlLFxuICBkZWZhdWx0VmFsdWUsXG4gIHJlcXVpcmVkLFxuICByZWFkT25seSxcbiAgZGlzYWJsZWQsXG4gIG9uQ2hhbmdlLFxuICB0eXBlID0gXCJ0ZXh0XCIsXG4gIHBsYWNlaG9sZGVyLFxuICBtdWx0aWxpbmUgPSBmYWxzZSxcbiAgcmVzaXphYmxlID0gZmFsc2UsXG4gIGludmFsaWQgPSBmYWxzZSxcbiAgaW5wdXRSZWYsXG4gIGlucHV0UHJvcHMgPSB7fSxcbiAgLi4ub3RoZXJzXG59OiBIdkJhc2VJbnB1dFByb3BzKSA9PiB7XG4gIGNvbnN0IGZvcm1FbGVtZW50Q29udGV4dCA9IHVzZUNvbnRleHQoSHZGb3JtRWxlbWVudENvbnRleHQpO1xuICBjb25zdCBmb3JtRWxlbWVudFByb3BzID0gYnVpbGRGb3JtRWxlbWVudFByb3BzRnJvbUNvbnRleHQoXG4gICAgbmFtZSxcbiAgICBkaXNhYmxlZCxcbiAgICByZWFkT25seSxcbiAgICByZXF1aXJlZCxcbiAgICBzdGF0dXMsXG4gICAgZm9ybUVsZW1lbnRDb250ZXh0XG4gICk7XG5cbiAgY29uc3QgbG9jYWxJbnZhbGlkID0gaW52YWxpZCB8fCBmb3JtRWxlbWVudFByb3BzLnN0YXR1cyA9PT0gXCJpbnZhbGlkXCI7XG5cbiAgY29uc3QgZm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHQgPSB1c2VDb250ZXh0KFxuICAgIEh2Rm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHRcbiAgKTtcbiAgY29uc3QgYXJpYVByb3BzID0gYnVpbGRBcmlhUHJvcHNGcm9tQ29udGV4dChcbiAgICBpbnB1dFByb3BzLFxuICAgIGZvcm1FbGVtZW50RGVzY3JpcHRvcnNDb250ZXh0LFxuICAgIGxvY2FsSW52YWxpZCxcbiAgICBpZFxuICApO1xuXG4gIGNvbnN0IG9uQ2hhbmdlSGFuZGxlciA9IChcbiAgICBldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudCB8IEhUTUxUZXh0QXJlYUVsZW1lbnQ+XG4gICkgPT4ge1xuICAgIG9uQ2hhbmdlPy4oZXZlbnQsIGV2ZW50LnRhcmdldC52YWx1ZSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEdsb2JhbCBzdHlsZXM9e2Jhc2VJbnB1dFN0eWxlc30gLz5cbiAgICAgIDxTdHlsZWRSb290XG4gICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLnJvb3QsXG4gICAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJlxuICAgICAgICAgICAgY2xzeChiYXNlSW5wdXRDbGFzc2VzLmRpc2FibGVkLCBjbGFzc2VzPy5kaXNhYmxlZCksXG4gICAgICAgICAgbG9jYWxJbnZhbGlkICYmIGNsc3goYmFzZUlucHV0Q2xhc3Nlcy5pbnZhbGlkLCBjbGFzc2VzPy5pbnZhbGlkKSxcbiAgICAgICAgICBtdWx0aWxpbmUgJiZcbiAgICAgICAgICAgIHJlc2l6YWJsZSAmJlxuICAgICAgICAgICAgY2xzeChiYXNlSW5wdXRDbGFzc2VzLnJlc2l6YWJsZSwgY2xhc3Nlcz8ucmVzaXphYmxlKSxcbiAgICAgICAgICByZWFkT25seSAmJiBjbHN4KGJhc2VJbnB1dENsYXNzZXMucmVhZE9ubHksIGNsYXNzZXM/LnJlYWRPbmx5KVxuICAgICAgICApfVxuICAgICAgICAkZGlzYWJsZWQ9e2Zvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWR9XG4gICAgICAgICRpbnZhbGlkPXtsb2NhbEludmFsaWR9XG4gICAgICAgICRyZXNpemFibGU9e211bHRpbGluZSAmJiByZXNpemFibGV9XG4gICAgICAgICRyZWFkT25seT17ISFyZWFkT25seX1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgIG5hbWU9e2Zvcm1FbGVtZW50UHJvcHMubmFtZX1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgZGVmYXVsdFZhbHVlPXtkZWZhdWx0VmFsdWV9XG4gICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgcmVhZE9ubHk9eyEhZm9ybUVsZW1lbnRQcm9wcy5yZWFkT25seX1cbiAgICAgICAgICBkaXNhYmxlZD17Zm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZH1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2VIYW5kbGVyfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgIGxvY2FsSW52YWxpZCAmJiBiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdEludmFsaWQsXG4gICAgICAgICAgICByZWFkT25seSAmJiBiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdFJlYWRPbmx5XG4gICAgICAgICAgKX1cbiAgICAgICAgICBjbGFzc2VzPXt7XG4gICAgICAgICAgICByb290OiBjbHN4KGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290LCBjbGFzc2VzPy5pbnB1dFJvb3QpLFxuICAgICAgICAgICAgZm9jdXNlZDogY2xzeChcbiAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RGb2N1c2VkLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3RGb2N1c2VkXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgZGlzYWJsZWQ6IGNsc3goXG4gICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290RGlzYWJsZWQsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Um9vdERpc2FibGVkXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgbXVsdGlsaW5lOiBjbHN4KFxuICAgICAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdE11bHRpbGluZSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRSb290TXVsdGlsaW5lXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgaW5wdXQ6IGNsc3goXG4gICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXQsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0LFxuICAgICAgICAgICAgICAhZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJlxuICAgICAgICAgICAgICAgIHJlc2l6YWJsZSAmJlxuICAgICAgICAgICAgICAgIGNsc3goYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJlc2l6YWJsZSwgY2xhc3Nlcz8uaW5wdXRSZXNpemFibGUpLFxuICAgICAgICAgICAgICBkaXNhYmxlZCAmJlxuICAgICAgICAgICAgICAgIGNsc3goYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dERpc2FibGVkLCBjbGFzc2VzPy5pbnB1dERpc2FibGVkKSxcbiAgICAgICAgICAgICAgcmVhZE9ubHkgJiZcbiAgICAgICAgICAgICAgICBjbHN4KGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSZWFkT25seSwgY2xhc3Nlcz8ucmVhZE9ubHkpXG4gICAgICAgICAgICApLFxuICAgICAgICAgIH19XG4gICAgICAgICAgaW5wdXRQcm9wcz17e1xuICAgICAgICAgICAgLy8gQXZvaWQgdGhlIHJlcXVpcmVkIGF0dHJpYnV0ZSBhdCB0aGUgcm9vdCBub2RlXG4gICAgICAgICAgICByZXF1aXJlZDogZm9ybUVsZW1lbnRQcm9wcy5yZXF1aXJlZCxcbiAgICAgICAgICAgIC4uLmlucHV0UHJvcHMsXG4gICAgICAgICAgICAuLi5hcmlhUHJvcHMsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBpbnB1dFJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgbXVsdGlsaW5lPXttdWx0aWxpbmV9XG4gICAgICAgICAgcm93cz17MTB9XG4gICAgICAgICAgJHJlc2l6YWJsZT17IWZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiYgcmVzaXphYmxlfVxuICAgICAgICAgICRkaXNhYmxlZD17ISFkaXNhYmxlZH1cbiAgICAgICAgICAkcmVhZE9ubHk9eyEhcmVhZE9ubHl9XG4gICAgICAgICAgJGludmFsaWQ9e2xvY2FsSW52YWxpZH1cbiAgICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgICAvPlxuICAgICAgICB7IW11bHRpbGluZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZElucHV0Qm9yZGVyQ29udGFpbmVyXG4gICAgICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dEJvcmRlckNvbnRhaW5lcixcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRCb3JkZXJDb250YWluZXJcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkUm9vdD5cbiAgICA8Lz5cbiAgKTtcbn07XG4iXX0= */");
+const baseInputStyles = /* @__PURE__ */ css('"input:-webkit-autofill":{"-webkit-box-shadow":0 0 0px 1000px ', theme.colors.atmo1, ' inset,"-webkit-text-fill-color":', theme.colors.acce1, ',;},"input[type=search]::-ms-clear":{display:"none",width:0,height:0,;},"input[type=search]::-ms-reveal":{display:"none",width:0,height:0,;},"input[type=search]::-webkit-search-decoration":{display:"none";},"input[type=search]::-webkit-search-cancel-button":{display:"none";},"input[type=search]::-webkit-search-results-button":{display:"none",;},"input[type=search]::-webkit-search-results-decoration":{display:"none",;}' + (process.env.NODE_ENV === "production" ? "" : ";label:baseInputStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUlucHV0L0Jhc2VJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUIyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhc2VJbnB1dC9CYXNlSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVmT2JqZWN0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQge1xuICBJbnB1dEJhc2VDb21wb25lbnRQcm9wcyBhcyBNdWlJbnB1dEJhc2VDb21wb25lbnRQcm9wcyxcbiAgSW5wdXRQcm9wcyBhcyBNdWlJbnB1dFByb3BzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgSHZCYXNlUHJvcHMgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcbmltcG9ydCB7XG4gIFN0eWxlZFJvb3QsXG4gIFN0eWxlZElucHV0Qm9yZGVyQ29udGFpbmVyLFxuICBTdHlsZWRJbnB1dCxcbn0gZnJvbSBcIi4vQmFzZUlucHV0LnN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZGb3JtRWxlbWVudENvbnRleHQsXG4gIEh2Rm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHQsXG4gIGJ1aWxkRm9ybUVsZW1lbnRQcm9wc0Zyb21Db250ZXh0LFxuICBidWlsZEFyaWFQcm9wc0Zyb21Db250ZXh0LFxufSBmcm9tIFwiLi4vRm9ybXMvRm9ybUVsZW1lbnRcIjtcbmltcG9ydCBjbHN4IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgYmFzZUlucHV0Q2xhc3NlcywgeyBIdkJhc2VJbnB1dENsYXNzZXMgfSBmcm9tIFwiLi9iYXNlSW5wdXRDbGFzc2VzXCI7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG4vLyBHbG9iYWwgc3R5bGVzIGZvciB0aGUgYmFzZSBpbnB1dC5cbmNvbnN0IGJhc2VJbnB1dFN0eWxlcyA9IGNzc2BcbiAgXCJpbnB1dDotd2Via2l0LWF1dG9maWxsXCI6IHtcbiAgICBcIi13ZWJraXQtYm94LXNoYWRvd1wiOiAwIDAgMHB4IDEwMDBweCAke3RoZW1lLmNvbG9ycy5hdG1vMX0gaW5zZXQsXG4gICAgXCItd2Via2l0LXRleHQtZmlsbC1jb2xvclwiOiAke3RoZW1lLmNvbG9ycy5hY2NlMX0sXG4gIH0sXG5cbiAgLyogQ2xlYXJzIGlucHV0J3MgY2xlYXIgYW5kIHJldmVhbCBidXR0b25zIGZyb20gSUUgKi9cbiAgXCJpbnB1dFt0eXBlPXNlYXJjaF06Oi1tcy1jbGVhclwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgd2lkdGg6IDAsXG4gICAgaGVpZ2h0OiAwLFxuICB9LFxuICBcImlucHV0W3R5cGU9c2VhcmNoXTo6LW1zLXJldmVhbFwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgd2lkdGg6IDAsXG4gICAgaGVpZ2h0OiAwLFxuICB9LFxuXG4gIC8qIENsZWFycyBpbnB1dCdzIGNsZWFyIGJ1dHRvbiBmcm9tIENocm9tZSAqL1xuICBcImlucHV0W3R5cGU9c2VhcmNoXTo6LXdlYmtpdC1zZWFyY2gtZGVjb3JhdGlvblwiOiB7IGRpc3BsYXk6IFwibm9uZVwiIH0sXG4gIFwiaW5wdXRbdHlwZT1zZWFyY2hdOjotd2Via2l0LXNlYXJjaC1jYW5jZWwtYnV0dG9uXCI6IHsgZGlzcGxheTogXCJub25lXCIgfSxcbiAgXCJpbnB1dFt0eXBlPXNlYXJjaF06Oi13ZWJraXQtc2VhcmNoLXJlc3VsdHMtYnV0dG9uXCI6IHtcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgfSxcbiAgXCJpbnB1dFt0eXBlPXNlYXJjaF06Oi13ZWJraXQtc2VhcmNoLXJlc3VsdHMtZGVjb3JhdGlvblwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0sXG59YDtcblxuZXhwb3J0IHR5cGUgSHZCYXNlSW5wdXRQcm9wcyA9IE9taXQ8TXVpSW5wdXRQcm9wcywgXCJvbkNoYW5nZVwiIHwgXCJjbGFzc2VzXCI+ICZcbiAgSHZCYXNlUHJvcHM8SFRNTERpdkVsZW1lbnQsIHsgb25DaGFuZ2UgfT4gJiB7XG4gICAgLyoqIFRoZSBpbnB1dCBuYW1lLiAqL1xuICAgIG5hbWU/OiBzdHJpbmc7XG4gICAgLyoqIFRoZSB2YWx1ZSBvZiB0aGUgaW5wdXQsIHdoZW4gY29udHJvbGxlZC4gKi9cbiAgICB2YWx1ZT86IHN0cmluZztcbiAgICAvKiogVGhlIGluaXRpYWwgdmFsdWUgb2YgdGhlIGlucHV0LCB3aGVuIHVuY29udHJvbGxlZC4gKi9cbiAgICBkZWZhdWx0VmFsdWU/OiBzdHJpbmc7XG4gICAgLyoqIElmIGB0cnVlYCB0aGUgaW5wdXQgaXMgZGlzYWJsZWQuICovXG4gICAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAgIC8qKiBJbmRpY2F0ZXMgdGhhdCB0aGUgaW5wdXQgaXMgbm90IGVkaXRhYmxlLiAqL1xuICAgIHJlYWRPbmx5PzogYm9vbGVhbjtcbiAgICAvKiogSWYgdHJ1ZSwgdGhlIGlucHV0IGVsZW1lbnQgd2lsbCBiZSByZXF1aXJlZC4gKi9cbiAgICByZXF1aXJlZD86IGJvb2xlYW47XG4gICAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IHdpbGwgYmUgZXhlY3V0ZWQgb25DaGFuZ2UsIGFsbG93cyBtb2RpZmljYXRpb24gb2YgdGhlIGlucHV0LFxuICAgICAqIGl0IHJlY2VpdmVzIHRoZSB2YWx1ZS4gSWYgYSBuZXcgdmFsdWUgc2hvdWxkIGJlIHByZXNlbnRlZCBpdCBtdXN0IHJldHVybmVkIGl0LiAqL1xuICAgIG9uQ2hhbmdlPzogKFxuICAgICAgZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PixcbiAgICAgIHZhbHVlOiBzdHJpbmdcbiAgICApID0+IHZvaWQ7XG4gICAgLyoqIFRoZSBpbnB1dCB0eXBlLiAqL1xuICAgIHR5cGU/OiBzdHJpbmc7XG4gICAgLyoqIExhYmVsIGluc2lkZSB0aGUgaW5wdXQgdXNlZCB0byBoZWxwIHVzZXIuICovXG4gICAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gICAgLyoqIElmIHRydWUsIGEgdGV4dGFyZWEgZWxlbWVudCB3aWxsIGJlIHJlbmRlcmVkLiAqL1xuICAgIG11bHRpbGluZT86IGJvb2xlYW47XG4gICAgLyoqIElmIHRydWUgYW5kIG11bHRpbGluZSBpcyBhbHNvIHRydWUgdGhlIHRleHRhcmVhIGVsZW1lbnQgd2lsbCBiZSByZXNpemFibGUuICovXG4gICAgcmVzaXphYmxlPzogYm9vbGVhbjtcbiAgICAvKiogRGVub3RlcyBpZiB0aGUgaW5wdXQgaXMgaW4gYW4gaW52YWxpZCBzdGF0ZS4gKi9cbiAgICBpbnZhbGlkPzogYm9vbGVhbjtcbiAgICAvKiogQXR0cmlidXRlcyBhcHBsaWVkIHRvIHRoZSBpbnB1dCBlbGVtZW50LiAqL1xuICAgIGlucHV0UHJvcHM/OiBNdWlJbnB1dEJhc2VDb21wb25lbnRQcm9wcztcbiAgICAvKiogQWxsb3dzIHBhc3NpbmcgYSByZWYgdG8gdGhlIHVuZGVybHlpbmcgaW5wdXQgKi9cbiAgICBpbnB1dFJlZj86IFJlZk9iamVjdDxIVE1MRWxlbWVudD47XG4gICAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgICBjbGFzc2VzPzogSHZCYXNlSW5wdXRDbGFzc2VzO1xuICB9O1xuXG4vKipcbiAqIEFuIElucHV0IGNvbXBvbmVudCB0aGF0IG9ubHkgcG9zc2VzIHRoZSBtb3N0IGJhc2ljIGZ1bmN0aW9uYWxpdGllcy5cbiAqIEl0IHNob3VsZCBiZSB1c2VkIGFsb25nc2lkZSB0aGUgb3RoZXIgZm9ybSBlbGVtZW50cyB0byBjb25zdHJ1Y3QgYSBwcm9wZXIgYWNjZXNzaWJsZSBmb3JtLlxuICovXG5leHBvcnQgY29uc3QgSHZCYXNlSW5wdXQgPSAoe1xuICBjbGFzc2VzLFxuICBjbGFzc05hbWUgPSBcIlwiLFxuICBpZCxcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIGRlZmF1bHRWYWx1ZSxcbiAgcmVxdWlyZWQsXG4gIHJlYWRPbmx5LFxuICBkaXNhYmxlZCxcbiAgb25DaGFuZ2UsXG4gIHR5cGUgPSBcInRleHRcIixcbiAgcGxhY2Vob2xkZXIsXG4gIG11bHRpbGluZSA9IGZhbHNlLFxuICByZXNpemFibGUgPSBmYWxzZSxcbiAgaW52YWxpZCA9IGZhbHNlLFxuICBpbnB1dFJlZixcbiAgaW5wdXRQcm9wcyA9IHt9LFxuICAuLi5vdGhlcnNcbn06IEh2QmFzZUlucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgZm9ybUVsZW1lbnRDb250ZXh0ID0gdXNlQ29udGV4dChIdkZvcm1FbGVtZW50Q29udGV4dCk7XG4gIGNvbnN0IGZvcm1FbGVtZW50UHJvcHMgPSBidWlsZEZvcm1FbGVtZW50UHJvcHNGcm9tQ29udGV4dChcbiAgICBuYW1lLFxuICAgIGRpc2FibGVkLFxuICAgIHJlYWRPbmx5LFxuICAgIHJlcXVpcmVkLFxuICAgIHN0YXR1cyxcbiAgICBmb3JtRWxlbWVudENvbnRleHRcbiAgKTtcblxuICBjb25zdCBsb2NhbEludmFsaWQgPSBpbnZhbGlkIHx8IGZvcm1FbGVtZW50UHJvcHMuc3RhdHVzID09PSBcImludmFsaWRcIjtcblxuICBjb25zdCBmb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dCA9IHVzZUNvbnRleHQoXG4gICAgSHZGb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dFxuICApO1xuICBjb25zdCBhcmlhUHJvcHMgPSBidWlsZEFyaWFQcm9wc0Zyb21Db250ZXh0KFxuICAgIGlucHV0UHJvcHMsXG4gICAgZm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHQsXG4gICAgbG9jYWxJbnZhbGlkLFxuICAgIGlkXG4gICk7XG5cbiAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gKFxuICAgIGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50IHwgSFRNTFRleHRBcmVhRWxlbWVudD5cbiAgKSA9PiB7XG4gICAgb25DaGFuZ2U/LihldmVudCwgZXZlbnQudGFyZ2V0LnZhbHVlKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8R2xvYmFsIHN0eWxlcz17YmFzZUlucHV0U3R5bGVzfSAvPlxuICAgICAgPFN0eWxlZFJvb3RcbiAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMucm9vdCxcbiAgICAgICAgICBjbGFzc2VzPy5yb290LFxuICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmXG4gICAgICAgICAgICBjbHN4KGJhc2VJbnB1dENsYXNzZXMuZGlzYWJsZWQsIGNsYXNzZXM/LmRpc2FibGVkKSxcbiAgICAgICAgICBsb2NhbEludmFsaWQgJiYgY2xzeChiYXNlSW5wdXRDbGFzc2VzLmludmFsaWQsIGNsYXNzZXM/LmludmFsaWQpLFxuICAgICAgICAgIG11bHRpbGluZSAmJlxuICAgICAgICAgICAgcmVzaXphYmxlICYmXG4gICAgICAgICAgICBjbHN4KGJhc2VJbnB1dENsYXNzZXMucmVzaXphYmxlLCBjbGFzc2VzPy5yZXNpemFibGUpLFxuICAgICAgICAgIHJlYWRPbmx5ICYmIGNsc3goYmFzZUlucHV0Q2xhc3Nlcy5yZWFkT25seSwgY2xhc3Nlcz8ucmVhZE9ubHkpXG4gICAgICAgICl9XG4gICAgICAgICRkaXNhYmxlZD17Zm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZH1cbiAgICAgICAgJGludmFsaWQ9e2xvY2FsSW52YWxpZH1cbiAgICAgICAgJHJlc2l6YWJsZT17bXVsdGlsaW5lICYmIHJlc2l6YWJsZX1cbiAgICAgICAgJHJlYWRPbmx5PXshIXJlYWRPbmx5fVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgbmFtZT17Zm9ybUVsZW1lbnRQcm9wcy5uYW1lfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZX1cbiAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICByZWFkT25seT17ISFmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5fVxuICAgICAgICAgIGRpc2FibGVkPXtmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgbG9jYWxJbnZhbGlkICYmXG4gICAgICAgICAgICAgIGNsc3goXG4gICAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RJbnZhbGlkLFxuICAgICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Um9vdEludmFsaWRcbiAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHJlYWRPbmx5ICYmXG4gICAgICAgICAgICAgIGNsc3goXG4gICAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RSZWFkT25seSxcbiAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3RSZWFkT25seVxuICAgICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgICBjbGFzc2VzPXt7XG4gICAgICAgICAgICByb290OiBjbHN4KGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290LCBjbGFzc2VzPy5pbnB1dFJvb3QpLFxuICAgICAgICAgICAgZm9jdXNlZDogY2xzeChcbiAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RGb2N1c2VkLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3RGb2N1c2VkXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgZGlzYWJsZWQ6IGNsc3goXG4gICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290RGlzYWJsZWQsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Um9vdERpc2FibGVkXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgbXVsdGlsaW5lOiBjbHN4KFxuICAgICAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdE11bHRpbGluZSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRSb290TXVsdGlsaW5lXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgaW5wdXQ6IGNsc3goXG4gICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXQsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0LFxuICAgICAgICAgICAgICAhZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJlxuICAgICAgICAgICAgICAgIHJlc2l6YWJsZSAmJlxuICAgICAgICAgICAgICAgIGNsc3goYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJlc2l6YWJsZSwgY2xhc3Nlcz8uaW5wdXRSZXNpemFibGUpLFxuICAgICAgICAgICAgICBkaXNhYmxlZCAmJlxuICAgICAgICAgICAgICAgIGNsc3goYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dERpc2FibGVkLCBjbGFzc2VzPy5pbnB1dERpc2FibGVkKSxcbiAgICAgICAgICAgICAgcmVhZE9ubHkgJiZcbiAgICAgICAgICAgICAgICBjbHN4KGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSZWFkT25seSwgY2xhc3Nlcz8ucmVhZE9ubHkpXG4gICAgICAgICAgICApLFxuICAgICAgICAgIH19XG4gICAgICAgICAgaW5wdXRQcm9wcz17e1xuICAgICAgICAgICAgLy8gQXZvaWQgdGhlIHJlcXVpcmVkIGF0dHJpYnV0ZSBhdCB0aGUgcm9vdCBub2RlXG4gICAgICAgICAgICByZXF1aXJlZDogZm9ybUVsZW1lbnRQcm9wcy5yZXF1aXJlZCxcbiAgICAgICAgICAgIC4uLmlucHV0UHJvcHMsXG4gICAgICAgICAgICAuLi5hcmlhUHJvcHMsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBpbnB1dFJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgbXVsdGlsaW5lPXttdWx0aWxpbmV9XG4gICAgICAgICAgcm93cz17MTB9XG4gICAgICAgICAgJHJlc2l6YWJsZT17IWZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiYgcmVzaXphYmxlfVxuICAgICAgICAgICRkaXNhYmxlZD17ISFkaXNhYmxlZH1cbiAgICAgICAgICAkcmVhZE9ubHk9eyEhcmVhZE9ubHl9XG4gICAgICAgICAgJGludmFsaWQ9e2xvY2FsSW52YWxpZH1cbiAgICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgICAvPlxuICAgICAgICB7IW11bHRpbGluZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZElucHV0Qm9yZGVyQ29udGFpbmVyXG4gICAgICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dEJvcmRlckNvbnRhaW5lcixcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRCb3JkZXJDb250YWluZXJcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkUm9vdD5cbiAgICA8Lz5cbiAgKTtcbn07XG4iXX0= */");
 const HvBaseInput = ({
   classes,
   className = "",
@@ -37,52 +37,23 @@ const HvBaseInput = ({
   const onChangeHandler = (event) => {
     onChange == null ? void 0 : onChange(event, event.target.value);
   };
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsx(Global, {
-      styles: baseInputStyles
-    }), /* @__PURE__ */ jsxs(StyledRoot, {
-      className: clsx(baseInputClasses.root, classes == null ? void 0 : classes.root, className, formElementProps.disabled && clsx(baseInputClasses.disabled, classes == null ? void 0 : classes.disabled), localInvalid && clsx(baseInputClasses.invalid, classes == null ? void 0 : classes.invalid), multiline && resizable && clsx(baseInputClasses.resizable, classes == null ? void 0 : classes.resizable), readOnly && clsx(baseInputClasses.readOnly, classes == null ? void 0 : classes.readOnly)),
-      $disabled: formElementProps.disabled,
-      $invalid: localInvalid,
-      $resizable: multiline && resizable,
-      $readOnly: !!readOnly,
-      children: [/* @__PURE__ */ jsx(StyledInput, {
-        id,
-        name: formElementProps.name,
-        value,
-        defaultValue,
-        type,
-        placeholder,
-        readOnly: !!formElementProps.readOnly,
-        disabled: formElementProps.disabled,
-        onChange: onChangeHandler,
-        className: clsx(localInvalid && baseInputClasses.inputRootInvalid, readOnly && baseInputClasses.inputRootReadOnly),
-        classes: {
-          root: clsx(baseInputClasses.inputRoot, classes == null ? void 0 : classes.inputRoot),
-          focused: clsx(baseInputClasses.inputRootFocused, classes == null ? void 0 : classes.inputRootFocused),
-          disabled: clsx(baseInputClasses.inputRootDisabled, classes == null ? void 0 : classes.inputRootDisabled),
-          multiline: clsx(baseInputClasses.inputRootMultiline, classes == null ? void 0 : classes.inputRootMultiline),
-          input: clsx(baseInputClasses.input, classes == null ? void 0 : classes.input, !formElementProps.disabled && resizable && clsx(baseInputClasses.inputResizable, classes == null ? void 0 : classes.inputResizable), disabled && clsx(baseInputClasses.inputDisabled, classes == null ? void 0 : classes.inputDisabled), readOnly && clsx(baseInputClasses.inputReadOnly, classes == null ? void 0 : classes.readOnly))
-        },
-        inputProps: {
-          required: formElementProps.required,
-          ...inputProps,
-          ...ariaProps
-        },
-        inputRef,
-        multiline,
-        rows: 10,
-        $resizable: !formElementProps.disabled && resizable,
-        $disabled: !!disabled,
-        $readOnly: !!readOnly,
-        $invalid: localInvalid,
-        ...others
-      }), !multiline && /* @__PURE__ */ jsx(StyledInputBorderContainer, {
-        role: "presentation",
-        className: clsx(baseInputClasses.inputBorderContainer, classes == null ? void 0 : classes.inputBorderContainer)
-      })]
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Global, { styles: baseInputStyles }),
+    /* @__PURE__ */ jsxs(StyledRoot, { className: clsx(baseInputClasses.root, classes == null ? void 0 : classes.root, className, formElementProps.disabled && clsx(baseInputClasses.disabled, classes == null ? void 0 : classes.disabled), localInvalid && clsx(baseInputClasses.invalid, classes == null ? void 0 : classes.invalid), multiline && resizable && clsx(baseInputClasses.resizable, classes == null ? void 0 : classes.resizable), readOnly && clsx(baseInputClasses.readOnly, classes == null ? void 0 : classes.readOnly)), $disabled: formElementProps.disabled, $invalid: localInvalid, $resizable: multiline && resizable, $readOnly: !!readOnly, children: [
+      /* @__PURE__ */ jsx(StyledInput, { id, name: formElementProps.name, value, defaultValue, type, placeholder, readOnly: !!formElementProps.readOnly, disabled: formElementProps.disabled, onChange: onChangeHandler, className: clsx(localInvalid && clsx(baseInputClasses.inputRootInvalid, classes == null ? void 0 : classes.inputRootInvalid), readOnly && clsx(baseInputClasses.inputRootReadOnly, classes == null ? void 0 : classes.inputRootReadOnly)), classes: {
+        root: clsx(baseInputClasses.inputRoot, classes == null ? void 0 : classes.inputRoot),
+        focused: clsx(baseInputClasses.inputRootFocused, classes == null ? void 0 : classes.inputRootFocused),
+        disabled: clsx(baseInputClasses.inputRootDisabled, classes == null ? void 0 : classes.inputRootDisabled),
+        multiline: clsx(baseInputClasses.inputRootMultiline, classes == null ? void 0 : classes.inputRootMultiline),
+        input: clsx(baseInputClasses.input, classes == null ? void 0 : classes.input, !formElementProps.disabled && resizable && clsx(baseInputClasses.inputResizable, classes == null ? void 0 : classes.inputResizable), disabled && clsx(baseInputClasses.inputDisabled, classes == null ? void 0 : classes.inputDisabled), readOnly && clsx(baseInputClasses.inputReadOnly, classes == null ? void 0 : classes.readOnly))
+      }, inputProps: {
+        required: formElementProps.required,
+        ...inputProps,
+        ...ariaProps
+      }, inputRef, multiline, rows: 10, $resizable: !formElementProps.disabled && resizable, $disabled: !!disabled, $readOnly: !!readOnly, $invalid: localInvalid, ...others }),
+      !multiline && /* @__PURE__ */ jsx(StyledInputBorderContainer, { role: "presentation", className: clsx(baseInputClasses.inputBorderContainer, classes == null ? void 0 : classes.inputBorderContainer) })
+    ] })
+  ] });
 };
 export {
   HvBaseInput

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

@@ -1 +1 @@
-{"version":3,"file":"BaseInput.js","sources":["../../../../src/components/BaseInput/BaseInput.tsx"],"sourcesContent":["import { RefObject, useContext } from \"react\";\nimport {\n  InputBaseComponentProps as MuiInputBaseComponentProps,\n  InputProps as MuiInputProps,\n} from \"@mui/material\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledRoot,\n  StyledInputBorderContainer,\n  StyledInput,\n} from \"./BaseInput.styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n} from \"../Forms/FormElement\";\nimport clsx from \"clsx\";\nimport baseInputClasses, { HvBaseInputClasses } from \"./baseInputClasses\";\nimport { css, Global } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\n// Global styles for the base input.\nconst baseInputStyles = css`\n  \"input:-webkit-autofill\": {\n    \"-webkit-box-shadow\": 0 0 0px 1000px ${theme.colors.atmo1} inset,\n    \"-webkit-text-fill-color\": ${theme.colors.acce1},\n  },\n\n  /* Clears input's clear and reveal buttons from IE */\n  \"input[type=search]::-ms-clear\": {\n    display: \"none\",\n    width: 0,\n    height: 0,\n  },\n  \"input[type=search]::-ms-reveal\": {\n    display: \"none\",\n    width: 0,\n    height: 0,\n  },\n\n  /* Clears input's clear button from Chrome */\n  \"input[type=search]::-webkit-search-decoration\": { display: \"none\" },\n  \"input[type=search]::-webkit-search-cancel-button\": { display: \"none\" },\n  \"input[type=search]::-webkit-search-results-button\": {\n    display: \"none\",\n  },\n  \"input[type=search]::-webkit-search-results-decoration\": {\n    display: \"none\",\n  },\n}`;\n\nexport type HvBaseInputProps = Omit<MuiInputProps, \"onChange\"> &\n  HvBaseProps<HTMLDivElement, { onChange }> & {\n    /** The input name. */\n    name?: string;\n    /** The value of the input, when controlled. */\n    value?: string;\n    /** The initial value of the input, when uncontrolled. */\n    defaultValue?: string;\n    /** If `true` the input is disabled. */\n    disabled?: boolean;\n    /** Indicates that the input is not editable. */\n    readOnly?: boolean;\n    /** If true, the input element will be required. */\n    required?: boolean;\n    /** The function that will be executed onChange, allows modification of the input,\n     * it receives the value. If a new value should be presented it must returned it. */\n    onChange?: (\n      event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n      value: string\n    ) => void;\n    /** The input type. */\n    type?: string;\n    /** Label inside the input used to help user. */\n    placeholder?: string;\n    /** If true, a textarea element will be rendered. */\n    multiline?: boolean;\n    /** If true and multiline is also true the textarea element will be resizable. */\n    resizable?: boolean;\n    /** Denotes if the input is in an invalid state. */\n    invalid?: boolean;\n    /** Attributes applied to the input element. */\n    inputProps?: MuiInputBaseComponentProps;\n    /** Allows passing a ref to the underlying input */\n    inputRef?: RefObject<HTMLElement>;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvBaseInputClasses;\n  };\n\n/**\n * An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nexport const HvBaseInput = ({\n  classes,\n  className = \"\",\n  id,\n  name,\n  value,\n  defaultValue,\n  required,\n  readOnly,\n  disabled,\n  onChange,\n  type = \"text\",\n  placeholder,\n  multiline = false,\n  resizable = false,\n  invalid = false,\n  inputRef,\n  inputProps = {},\n  ...others\n}: HvBaseInputProps) => {\n  const formElementContext = useContext(HvFormElementContext);\n  const formElementProps = buildFormElementPropsFromContext(\n    name,\n    disabled,\n    readOnly,\n    required,\n    status,\n    formElementContext\n  );\n\n  const localInvalid = invalid || formElementProps.status === \"invalid\";\n\n  const formElementDescriptorsContext = useContext(\n    HvFormElementDescriptorsContext\n  );\n  const ariaProps = buildAriaPropsFromContext(\n    inputProps,\n    formElementDescriptorsContext,\n    localInvalid,\n    id\n  );\n\n  const onChangeHandler = (\n    event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ) => {\n    onChange?.(event, event.target.value);\n  };\n\n  return (\n    <>\n      <Global styles={baseInputStyles} />\n      <StyledRoot\n        className={clsx(\n          baseInputClasses.root,\n          classes?.root,\n          className,\n          formElementProps.disabled &&\n            clsx(baseInputClasses.disabled, classes?.disabled),\n          localInvalid && clsx(baseInputClasses.invalid, classes?.invalid),\n          multiline &&\n            resizable &&\n            clsx(baseInputClasses.resizable, classes?.resizable),\n          readOnly && clsx(baseInputClasses.readOnly, classes?.readOnly)\n        )}\n        $disabled={formElementProps.disabled}\n        $invalid={localInvalid}\n        $resizable={multiline && resizable}\n        $readOnly={!!readOnly}\n      >\n        <StyledInput\n          id={id}\n          name={formElementProps.name}\n          value={value}\n          defaultValue={defaultValue}\n          type={type}\n          placeholder={placeholder}\n          readOnly={!!formElementProps.readOnly}\n          disabled={formElementProps.disabled}\n          onChange={onChangeHandler}\n          className={clsx(\n            localInvalid && baseInputClasses.inputRootInvalid,\n            readOnly && baseInputClasses.inputRootReadOnly\n          )}\n          classes={{\n            root: clsx(baseInputClasses.inputRoot, classes?.inputRoot),\n            focused: clsx(\n              baseInputClasses.inputRootFocused,\n              classes?.inputRootFocused\n            ),\n            disabled: clsx(\n              baseInputClasses.inputRootDisabled,\n              classes?.inputRootDisabled\n            ),\n            multiline: clsx(\n              baseInputClasses.inputRootMultiline,\n              classes?.inputRootMultiline\n            ),\n            input: clsx(\n              baseInputClasses.input,\n              classes?.input,\n              !formElementProps.disabled &&\n                resizable &&\n                clsx(baseInputClasses.inputResizable, classes?.inputResizable),\n              disabled &&\n                clsx(baseInputClasses.inputDisabled, classes?.inputDisabled),\n              readOnly &&\n                clsx(baseInputClasses.inputReadOnly, classes?.readOnly)\n            ),\n          }}\n          inputProps={{\n            // Avoid the required attribute at the root node\n            required: formElementProps.required,\n            ...inputProps,\n            ...ariaProps,\n          }}\n          inputRef={inputRef}\n          multiline={multiline}\n          rows={10}\n          $resizable={!formElementProps.disabled && resizable}\n          $disabled={!!disabled}\n          $readOnly={!!readOnly}\n          $invalid={localInvalid}\n          {...others}\n        />\n        {!multiline && (\n          <StyledInputBorderContainer\n            role=\"presentation\"\n            className={clsx(\n              baseInputClasses.inputBorderContainer,\n              classes?.inputBorderContainer\n            )}\n          />\n        )}\n      </StyledRoot>\n    </>\n  );\n};\n"],"names":["baseInputStyles","theme","colors","atmo1","acce1","process","env","NODE_ENV","HvBaseInput","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","status","localInvalid","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","_Fragment","children","_jsx","Global","styles","_jsxs","StyledRoot","clsx","baseInputClasses","root","$disabled","$invalid","$resizable","$readOnly","StyledInput","inputRootInvalid","inputRootReadOnly","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputReadOnly","rows","StyledInputBorderContainer","role","inputBorderContainer"],"mappings":"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"}
+{"version":3,"file":"BaseInput.js","sources":["../../../../src/components/BaseInput/BaseInput.tsx"],"sourcesContent":["import { RefObject, useContext } from \"react\";\nimport {\n  InputBaseComponentProps as MuiInputBaseComponentProps,\n  InputProps as MuiInputProps,\n} from \"@mui/material\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledRoot,\n  StyledInputBorderContainer,\n  StyledInput,\n} from \"./BaseInput.styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n} from \"../Forms/FormElement\";\nimport clsx from \"clsx\";\nimport baseInputClasses, { HvBaseInputClasses } from \"./baseInputClasses\";\nimport { css, Global } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\n// Global styles for the base input.\nconst baseInputStyles = css`\n  \"input:-webkit-autofill\": {\n    \"-webkit-box-shadow\": 0 0 0px 1000px ${theme.colors.atmo1} inset,\n    \"-webkit-text-fill-color\": ${theme.colors.acce1},\n  },\n\n  /* Clears input's clear and reveal buttons from IE */\n  \"input[type=search]::-ms-clear\": {\n    display: \"none\",\n    width: 0,\n    height: 0,\n  },\n  \"input[type=search]::-ms-reveal\": {\n    display: \"none\",\n    width: 0,\n    height: 0,\n  },\n\n  /* Clears input's clear button from Chrome */\n  \"input[type=search]::-webkit-search-decoration\": { display: \"none\" },\n  \"input[type=search]::-webkit-search-cancel-button\": { display: \"none\" },\n  \"input[type=search]::-webkit-search-results-button\": {\n    display: \"none\",\n  },\n  \"input[type=search]::-webkit-search-results-decoration\": {\n    display: \"none\",\n  },\n}`;\n\nexport type HvBaseInputProps = Omit<MuiInputProps, \"onChange\" | \"classes\"> &\n  HvBaseProps<HTMLDivElement, { onChange }> & {\n    /** The input name. */\n    name?: string;\n    /** The value of the input, when controlled. */\n    value?: string;\n    /** The initial value of the input, when uncontrolled. */\n    defaultValue?: string;\n    /** If `true` the input is disabled. */\n    disabled?: boolean;\n    /** Indicates that the input is not editable. */\n    readOnly?: boolean;\n    /** If true, the input element will be required. */\n    required?: boolean;\n    /** The function that will be executed onChange, allows modification of the input,\n     * it receives the value. If a new value should be presented it must returned it. */\n    onChange?: (\n      event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n      value: string\n    ) => void;\n    /** The input type. */\n    type?: string;\n    /** Label inside the input used to help user. */\n    placeholder?: string;\n    /** If true, a textarea element will be rendered. */\n    multiline?: boolean;\n    /** If true and multiline is also true the textarea element will be resizable. */\n    resizable?: boolean;\n    /** Denotes if the input is in an invalid state. */\n    invalid?: boolean;\n    /** Attributes applied to the input element. */\n    inputProps?: MuiInputBaseComponentProps;\n    /** Allows passing a ref to the underlying input */\n    inputRef?: RefObject<HTMLElement>;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvBaseInputClasses;\n  };\n\n/**\n * An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nexport const HvBaseInput = ({\n  classes,\n  className = \"\",\n  id,\n  name,\n  value,\n  defaultValue,\n  required,\n  readOnly,\n  disabled,\n  onChange,\n  type = \"text\",\n  placeholder,\n  multiline = false,\n  resizable = false,\n  invalid = false,\n  inputRef,\n  inputProps = {},\n  ...others\n}: HvBaseInputProps) => {\n  const formElementContext = useContext(HvFormElementContext);\n  const formElementProps = buildFormElementPropsFromContext(\n    name,\n    disabled,\n    readOnly,\n    required,\n    status,\n    formElementContext\n  );\n\n  const localInvalid = invalid || formElementProps.status === \"invalid\";\n\n  const formElementDescriptorsContext = useContext(\n    HvFormElementDescriptorsContext\n  );\n  const ariaProps = buildAriaPropsFromContext(\n    inputProps,\n    formElementDescriptorsContext,\n    localInvalid,\n    id\n  );\n\n  const onChangeHandler = (\n    event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ) => {\n    onChange?.(event, event.target.value);\n  };\n\n  return (\n    <>\n      <Global styles={baseInputStyles} />\n      <StyledRoot\n        className={clsx(\n          baseInputClasses.root,\n          classes?.root,\n          className,\n          formElementProps.disabled &&\n            clsx(baseInputClasses.disabled, classes?.disabled),\n          localInvalid && clsx(baseInputClasses.invalid, classes?.invalid),\n          multiline &&\n            resizable &&\n            clsx(baseInputClasses.resizable, classes?.resizable),\n          readOnly && clsx(baseInputClasses.readOnly, classes?.readOnly)\n        )}\n        $disabled={formElementProps.disabled}\n        $invalid={localInvalid}\n        $resizable={multiline && resizable}\n        $readOnly={!!readOnly}\n      >\n        <StyledInput\n          id={id}\n          name={formElementProps.name}\n          value={value}\n          defaultValue={defaultValue}\n          type={type}\n          placeholder={placeholder}\n          readOnly={!!formElementProps.readOnly}\n          disabled={formElementProps.disabled}\n          onChange={onChangeHandler}\n          className={clsx(\n            localInvalid &&\n              clsx(\n                baseInputClasses.inputRootInvalid,\n                classes?.inputRootInvalid\n              ),\n            readOnly &&\n              clsx(\n                baseInputClasses.inputRootReadOnly,\n                classes?.inputRootReadOnly\n              )\n          )}\n          classes={{\n            root: clsx(baseInputClasses.inputRoot, classes?.inputRoot),\n            focused: clsx(\n              baseInputClasses.inputRootFocused,\n              classes?.inputRootFocused\n            ),\n            disabled: clsx(\n              baseInputClasses.inputRootDisabled,\n              classes?.inputRootDisabled\n            ),\n            multiline: clsx(\n              baseInputClasses.inputRootMultiline,\n              classes?.inputRootMultiline\n            ),\n            input: clsx(\n              baseInputClasses.input,\n              classes?.input,\n              !formElementProps.disabled &&\n                resizable &&\n                clsx(baseInputClasses.inputResizable, classes?.inputResizable),\n              disabled &&\n                clsx(baseInputClasses.inputDisabled, classes?.inputDisabled),\n              readOnly &&\n                clsx(baseInputClasses.inputReadOnly, classes?.readOnly)\n            ),\n          }}\n          inputProps={{\n            // Avoid the required attribute at the root node\n            required: formElementProps.required,\n            ...inputProps,\n            ...ariaProps,\n          }}\n          inputRef={inputRef}\n          multiline={multiline}\n          rows={10}\n          $resizable={!formElementProps.disabled && resizable}\n          $disabled={!!disabled}\n          $readOnly={!!readOnly}\n          $invalid={localInvalid}\n          {...others}\n        />\n        {!multiline && (\n          <StyledInputBorderContainer\n            role=\"presentation\"\n            className={clsx(\n              baseInputClasses.inputBorderContainer,\n              classes?.inputBorderContainer\n            )}\n          />\n        )}\n      </StyledRoot>\n    </>\n  );\n};\n"],"names":["baseInputStyles","theme","colors","atmo1","acce1","process","env","NODE_ENV","HvBaseInput","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","status","localInvalid","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","clsx","baseInputClasses","root","inputRootInvalid","inputRootReadOnly","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputReadOnly","inputBorderContainer"],"mappings":"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"}

package/dist/esm/components/BaseRadio/BaseRadio.js

@@ -1,9 +1,9 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import { useState, useCallback } from "react";
 import clsx from "clsx";
 import { RadioButtonUnselected, RadioButtonSelected } from "@hitachivantara/uikit-react-icons";
 import { StyledRadio } from "./BaseRadio.styles.js";
 import baseRadioClasses from "./baseRadioClasses.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 const getSelectorIcons = (options, classes) => {
   const {
     disabled,
@@ -12,14 +12,8 @@ const getSelectorIcons = (options, classes) => {
   const color = disabled && ["atmo3", "atmo5"] || semantic && ["base1", "base2"] || void 0;
   const checkedColor = disabled && ["atmo3", "atmo5"] || semantic && ["base2", "base1"] || void 0;
   return {
-    radio: /* @__PURE__ */ jsx(RadioButtonUnselected, {
-      color,
-      className: clsx(baseRadioClasses.icon, classes == null ? void 0 : classes.icon)
-    }),
-    radioChecked: /* @__PURE__ */ jsx(RadioButtonSelected, {
-      color: checkedColor,
-      className: clsx(baseRadioClasses.icon, classes == null ? void 0 : classes.icon)
-    })
+    radio: /* @__PURE__ */ jsx(RadioButtonUnselected, { color, className: clsx(baseRadioClasses.icon, classes == null ? void 0 : classes.icon) }),
+    radioChecked: /* @__PURE__ */ jsx(RadioButtonSelected, { color: checkedColor, className: clsx(baseRadioClasses.icon, classes == null ? void 0 : classes.icon) })
   };
 };
 const HvBaseRadio = (props) => {
@@ -60,27 +54,7 @@ const HvBaseRadio = (props) => {
     }
     onChange == null ? void 0 : onChange(evt, evt.target.checked, value);
   }, [onChange, readOnly, value]);
-  return /* @__PURE__ */ jsx(StyledRadio, {
-    id,
-    name,
-    className: clsx(className, baseRadioClasses.root, classes == null ? void 0 : classes.root, disabled && clsx(baseRadioClasses.disabled, classes == null ? void 0 : classes.disabled), focusVisible && clsx(baseRadioClasses.focusVisible, classes == null ? void 0 : classes.focusVisible)),
-    $focusVisible: focusVisible,
-    icon: icons.radio,
-    checkedIcon: icons.radioChecked,
-    color: "default",
-    disabled,
-    required,
-    readOnly,
-    disableRipple: true,
-    onChange: onLocalChange,
-    value,
-    checked,
-    defaultChecked,
-    inputProps,
-    onFocusVisible: onFocusVisibleCallback,
-    onBlur: onBlurCallback,
-    ...others
-  });
+  return /* @__PURE__ */ jsx(StyledRadio, { id, name, className: clsx(className, baseRadioClasses.root, classes == null ? void 0 : classes.root, disabled && clsx(baseRadioClasses.disabled, classes == null ? void 0 : classes.disabled), focusVisible && clsx(baseRadioClasses.focusVisible, classes == null ? void 0 : classes.focusVisible)), $focusVisible: focusVisible, icon: icons.radio, checkedIcon: icons.radioChecked, color: "default", disabled, required, readOnly, disableRipple: true, onChange: onLocalChange, value, checked, defaultChecked, inputProps, onFocusVisible: onFocusVisibleCallback, onBlur: onBlurCallback, ...others });
 };
 export {
   HvBaseRadio,