@hitachivantara/uikit-react-core 5.0.0 → 5.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"Header.styles.cjs","sources":["../../../../src/components/Header/Header.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledAppBar = styled(\n  \"header\",\n  transientOptions\n)(({ $position }: { $position?: string }) => ({\n  height: theme.header.height,\n  backgroundColor: theme.header.backgroundColor,\n  display: \"flex\",\n  flexDirection: \"column\",\n  width: \"100%\",\n  boxSizing: \"border-box\",\n  flexShrink: 0,\n  zIndex: theme.zIndices.banner,\n  color: theme.colors.atmo1,\n  boxShadow: theme.header.shadow,\n  borderTop: `${theme.header.borderTopThickness} solid ${theme.header.borderTopColor}`,\n\n  ...($position === \"fixed\" && {\n    position: \"fixed\",\n    top: 0,\n    left: \"auto\",\n    right: 0,\n  }),\n  ...($position === \"relative\" && { position: \"relative\" }),\n  ...($position === \"absolute\" && { position: \"absolute\" }),\n  ...($position === \"static\" && { position: \"static\" }),\n  ...($position === \"sticky\" && { position: \"sticky\" }),\n}));\n\nexport const StyledHeaderRoot = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  width: \"100%\",\n  height: \"100%\",\n  padding: `0 ${theme.space.sm}`,\n  boxShadow: theme.header.shadow,\n  \"& > *:not(nav)\": {\n    zIndex: 2,\n  },\n});\n"],"names":["StyledAppBar","process","env","NODE_ENV","_extends","target","transientOptions","label","$position","height","theme","header","backgroundColor","display","flexDirection","width","boxSizing","flexShrink","zIndex","zIndices","banner","color","colors","atmo1","boxShadow","shadow","borderTop","borderTopThickness","borderTopColor","position","top","left","right","StyledHeaderRoot","_styled","alignItems","padding","space","sm"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIaA,MAAAA,wDACX,UAAQC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAkC,OAAO;AAAA,EAC5CC,QAAQC,YAAAA,MAAMC,OAAOF;AAAAA,EACrBG,iBAAiBF,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,OAAO;AAAA,EACPC,WAAW;AAAA,EACXC,YAAY;AAAA,EACZC,QAAQR,YAAAA,MAAMS,SAASC;AAAAA,EACvBC,OAAOX,YAAAA,MAAMY,OAAOC;AAAAA,EACpBC,WAAWd,YAAAA,MAAMC,OAAOc;AAAAA,EACxBC,WAAY,GAAEhB,YAAAA,MAAMC,OAAOgB,4BAA4BjB,kBAAMC,OAAOiB;AAAAA,EAEpE,GAAIpB,cAAc,WAAW;AAAA,IAC3BqB,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,MAAM;AAAA,IACNC,OAAO;AAAA,EACT;AAAA,EACA,GAAIxB,cAAc,cAAc;AAAA,IAAEqB,UAAU;AAAA,EAAW;AAAA,EACvD,GAAIrB,cAAc,cAAc;AAAA,IAAEqB,UAAU;AAAA,EAAW;AAAA,EACvD,GAAIrB,cAAc,YAAY;AAAA,IAAEqB,UAAU;AAAA,EAAS;AAAA,EACnD,GAAIrB,cAAc,YAAY;AAAA,IAAEqB,UAAU;AAAA,EAAS;AACrD,IAAE5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,6qEAAA;AAEI,MAAM8B,mBAA0BC,iCAAA,QAAA,OAAKjC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5CM,SAAS;AAAA,EACTsB,YAAY;AAAA,EACZpB,OAAO;AAAA,EACPN,QAAQ;AAAA,EACR2B,SAAU,KAAI1B,YAAAA,MAAM2B,MAAMC;AAAAA,EAC1Bd,WAAWd,YAAAA,MAAMC,OAAOc;AAAAA,EACxB,kBAAkB;AAAA,IAChBP,QAAQ;AAAA,EACV;AACF,GAACjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6qEAAA;;;"}
+{"version":3,"file":"Header.styles.cjs","sources":["../../../../src/components/Header/Header.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"~/utils/transientOptions\";\n\nexport const StyledAppBar = styled(\n  \"header\",\n  transientOptions\n)(({ $position }: { $position?: string }) => ({\n  height: theme.header.height,\n  backgroundColor: theme.header.backgroundColor,\n  display: \"flex\",\n  flexDirection: \"column\",\n  width: \"100%\",\n  boxSizing: \"border-box\",\n  flexShrink: 0,\n  zIndex: theme.zIndices.banner,\n  color: theme.colors.atmo1,\n  boxShadow: theme.header.shadow,\n  borderTop: `${theme.header.borderTopThickness} solid ${theme.header.borderTopColor}`,\n\n  ...($position === \"fixed\" && {\n    position: \"fixed\",\n    top: 0,\n    left: \"auto\",\n    right: 0,\n  }),\n  ...($position === \"relative\" && { position: \"relative\" }),\n  ...($position === \"absolute\" && { position: \"absolute\" }),\n  ...($position === \"static\" && { position: \"static\" }),\n  ...($position === \"sticky\" && { position: \"sticky\" }),\n}));\n\nexport const StyledHeaderRoot = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  width: \"100%\",\n  height: \"100%\",\n  padding: `0 ${theme.space.sm}`,\n  boxShadow: theme.header.shadow,\n  \"& > *:not(nav)\": {\n    zIndex: 2,\n  },\n});\n"],"names":["StyledAppBar","process","env","NODE_ENV","_extends","target","transientOptions","label","$position","height","theme","header","backgroundColor","display","flexDirection","width","boxSizing","flexShrink","zIndex","zIndices","banner","color","colors","atmo1","boxShadow","shadow","borderTop","borderTopThickness","borderTopColor","position","top","left","right","StyledHeaderRoot","_styled","alignItems","padding","space","sm"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIaA,MAAAA,wDACX,UAAQC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAkC,OAAO;AAAA,EAC5CC,QAAQC,YAAAA,MAAMC,OAAOF;AAAAA,EACrBG,iBAAiBF,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,OAAO;AAAA,EACPC,WAAW;AAAA,EACXC,YAAY;AAAA,EACZC,QAAQR,YAAAA,MAAMS,SAASC;AAAAA,EACvBC,OAAOX,YAAAA,MAAMY,OAAOC;AAAAA,EACpBC,WAAWd,YAAAA,MAAMC,OAAOc;AAAAA,EACxBC,WAAY,GAAEhB,YAAAA,MAAMC,OAAOgB,4BAA4BjB,kBAAMC,OAAOiB;AAAAA,EAEpE,GAAIpB,cAAc,WAAW;AAAA,IAC3BqB,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,MAAM;AAAA,IACNC,OAAO;AAAA,EACT;AAAA,EACA,GAAIxB,cAAc,cAAc;AAAA,IAAEqB,UAAU;AAAA,EAAW;AAAA,EACvD,GAAIrB,cAAc,cAAc;AAAA,IAAEqB,UAAU;AAAA,EAAW;AAAA,EACvD,GAAIrB,cAAc,YAAY;AAAA,IAAEqB,UAAU;AAAA,EAAS;AAAA,EACnD,GAAIrB,cAAc,YAAY;AAAA,IAAEqB,UAAU;AAAA,EAAS;AACrD,IAAE5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,6qEAAA;AAEI,MAAM8B,mBAA0BC,iCAAA,QAAA,OAAKjC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5CM,SAAS;AAAA,EACTsB,YAAY;AAAA,EACZpB,OAAO;AAAA,EACPN,QAAQ;AAAA,EACR2B,SAAU,KAAI1B,YAAAA,MAAM2B,MAAMC;AAAAA,EAC1Bd,WAAWd,YAAAA,MAAMC,OAAOc;AAAAA,EACxB,kBAAkB;AAAA,IAChBP,QAAQ;AAAA,EACV;AACF,GAACjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,irEAAA;;;"}

package/dist/cjs/components/Header/Navigation/MenuBar/MenuBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuBar.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuBar/MenuBar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp } from \"components\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { HvMenuItem } from \"../MenuItem\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuBarRoot, MenuBarUl } from \"./MenuBar.styles\";\n\nexport type HvMenuBarProps = HvBaseProps<\"div\", { onClick }> & {\n  data: HvHeaderNavigationItemProp[];\n  type: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n};\n\nexport const HvMenuBar = ({\n  id,\n  data = [],\n  onClick,\n  type = \"menubar\",\n  className,\n}: HvMenuBarProps) => {\n  const selectionPath = useContext(SelectionContext);\n\n  const isMenu = type === \"menu\";\n\n  const isActive =\n    isMenu && data.filter((item) => item.id === selectionPath?.[1]).length > 0;\n\n  return (\n    <MenuBarRoot\n      className={clsx(className, isMenu && \"hidden\", isActive && \"active\")}\n      type={type}\n      hidden={isMenu}\n      active={isActive}\n    >\n      <MenuBarUl id={id} onFocus={() => {}}>\n        {data.map((item: HvHeaderNavigationItemProp) => (\n          <HvMenuItem key={item.id} item={item} type={type} onClick={onClick} />\n        ))}\n      </MenuBarUl>\n    </MenuBarRoot>\n  );\n};\n"],"names":["HvMenuBar","id","data","onClick","type","className","selectionPath","useContext","SelectionContext","isMenu","isActive","filter","item","length","MenuBarRoot","clsx","hidden","active","children","MenuBarUl","onFocus","map","HvMenuItem"],"mappings":";;;;;;;;;;AAcO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC,OAAO;AAAA,EACPC;AACc,MAAM;AACdC,QAAAA,gBAAgBC,iBAAWC,iBAAAA,gBAAgB;AAEjD,QAAMC,SAASL,SAAS;AAElBM,QAAAA,WACJD,UAAUP,KAAKS,OAAQC,CAAAA,SAASA,KAAKX,QAAOK,+CAAgB,GAAE,EAAEO,SAAS;AAE3E,wCACGC,eAAAA,aAAW;AAAA,IACVT,WAAWU,cAAKV,QAAAA,WAAWI,UAAU,UAAUC,YAAY,QAAQ;AAAA,IACnEN;AAAAA,IACAY,QAAQP;AAAAA,IACRQ,QAAQP;AAAAA,IAASQ,yCAEhBC,0BAAS;AAAA,MAAClB;AAAAA,MAAQmB,SAASA,MAAM;AAAA,MAAC;AAAA,MAAEF,UAClChB,KAAKmB,IAAI,CAACT,wCACRU,SAAAA,YAAU;AAAA,QAAeV;AAAAA,QAAYR;AAAAA,QAAYD;AAAAA,MAAAA,GAAjCS,KAAKX,EAAE,CACzB;AAAA,IAAA,CAAC;AAAA,EAAA,CAEQ;AAElB;;"}
+{"version":3,"file":"MenuBar.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuBar/MenuBar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp } from \"~/components\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { HvMenuItem } from \"../MenuItem\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuBarRoot, MenuBarUl } from \"./MenuBar.styles\";\n\nexport type HvMenuBarProps = HvBaseProps<\"div\", { onClick }> & {\n  data: HvHeaderNavigationItemProp[];\n  type: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n};\n\nexport const HvMenuBar = ({\n  id,\n  data = [],\n  onClick,\n  type = \"menubar\",\n  className,\n}: HvMenuBarProps) => {\n  const selectionPath = useContext(SelectionContext);\n\n  const isMenu = type === \"menu\";\n\n  const isActive =\n    isMenu && data.filter((item) => item.id === selectionPath?.[1]).length > 0;\n\n  return (\n    <MenuBarRoot\n      className={clsx(className, isMenu && \"hidden\", isActive && \"active\")}\n      type={type}\n      hidden={isMenu}\n      active={isActive}\n    >\n      <MenuBarUl id={id} onFocus={() => {}}>\n        {data.map((item: HvHeaderNavigationItemProp) => (\n          <HvMenuItem key={item.id} item={item} type={type} onClick={onClick} />\n        ))}\n      </MenuBarUl>\n    </MenuBarRoot>\n  );\n};\n"],"names":["HvMenuBar","id","data","onClick","type","className","selectionPath","useContext","SelectionContext","isMenu","isActive","filter","item","length","MenuBarRoot","clsx","hidden","active","children","MenuBarUl","onFocus","map","HvMenuItem"],"mappings":";;;;;;;;;;AAcO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC,OAAO;AAAA,EACPC;AACc,MAAM;AACdC,QAAAA,gBAAgBC,iBAAWC,iBAAAA,gBAAgB;AAEjD,QAAMC,SAASL,SAAS;AAElBM,QAAAA,WACJD,UAAUP,KAAKS,OAAQC,CAAAA,SAASA,KAAKX,QAAOK,+CAAgB,GAAE,EAAEO,SAAS;AAE3E,wCACGC,eAAAA,aAAW;AAAA,IACVT,WAAWU,cAAKV,QAAAA,WAAWI,UAAU,UAAUC,YAAY,QAAQ;AAAA,IACnEN;AAAAA,IACAY,QAAQP;AAAAA,IACRQ,QAAQP;AAAAA,IAASQ,yCAEhBC,0BAAS;AAAA,MAAClB;AAAAA,MAAQmB,SAASA,MAAM;AAAA,MAAC;AAAA,MAAEF,UAClChB,KAAKmB,IAAI,CAACT,wCACRU,SAAAA,YAAU;AAAA,QAAeV;AAAAA,QAAYR;AAAAA,QAAYD;AAAAA,MAAAA,GAAjCS,KAAKX,EAAE,CACzB;AAAA,IAAA,CAAC;AAAA,EAAA,CAEQ;AAElB;;"}

package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp, HvTypography } from \"components\";\nimport { HvMenuBar } from \"../MenuBar\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { isKeypress, keyboardCodes } from \"utils\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuItemLabel, MenuItemLi, MenuItemLink } from \"./MenuItem.styles\";\n\nexport type MenuItemProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  item: HvHeaderNavigationItemProp;\n  type?: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n};\n\nexport const HvMenuItem = ({ id, item, type, onClick }: MenuItemProps) => {\n  const selectionPath = useContext(SelectionContext);\n  const { dispatch } = useContext(FocusContext);\n\n  const { data } = item;\n  const hasSubLevel = data && data.length;\n  const isMenu = type === \"menu\";\n  const isSelected =\n    (selectionPath && selectionPath[isMenu ? 1 : 0] === item.id) || false;\n  const isCurrent = isSelected\n    ? selectionPath.length > (isMenu ? 2 : 1)\n      ? true\n      : \"page\"\n    : undefined;\n\n  const actionHandler = (event) => {\n    if (\n      event.type === \"click\" ||\n      isKeypress(event, keyboardCodes.Enter) ||\n      isKeypress(event, keyboardCodes.SpaceBar)\n    ) {\n      if (event.type === \"click\") {\n        event.currentTarget.blur();\n      }\n      onClick?.(event, item);\n    }\n  };\n\n  const handleFocus = (event: React.FocusEvent) => {\n    dispatch?.({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n  };\n\n  const itemProps = {\n    onClick: actionHandler,\n    onKeyDown: actionHandler,\n    onFocus: handleFocus,\n  };\n\n  const label = (\n    <HvTypography\n      component=\"span\"\n      variant={isSelected ? \"label\" : \"body\"}\n      data-text={item.label}\n    >\n      {item.label}\n    </HvTypography>\n  );\n\n  let itemHref = item?.href;\n  let itemTarget = item?.target;\n  if (itemHref == null) {\n    // apps should configure the href even on parent items without content\n    // so the fallback logic is theirs, but if not we'll do our best to find a link\n    function traversePreOrder(node: HvHeaderNavigationItemProp) {\n      if (node?.href) {\n        itemHref = node?.href;\n        itemTarget = node?.target;\n      } else if (node?.data != null && node?.data?.length > 0) {\n        let i = 0;\n        while (itemHref == null && i < node.data.length) {\n          traversePreOrder(node?.data[i]);\n          i += 1;\n        }\n      }\n    }\n\n    traversePreOrder(item);\n  }\n\n  return (\n    <MenuItemLi\n      id={id}\n      key={item.label}\n      $selected={!isMenu && isSelected ? \"selectedItem\" : \"notSelectedItem\"}\n    >\n      {itemHref ? (\n        <MenuItemLink\n          href={itemHref}\n          target={itemTarget}\n          {...itemProps}\n          $isSelected={isSelected}\n          aria-current={isCurrent}\n        >\n          {label}\n        </MenuItemLink>\n      ) : (\n        // keeping this code path for backwards compatibility, but\n        // shouldn't really be used as it's not accessible\n        <MenuItemLabel\n          role=\"button\"\n          {...itemProps}\n          tabIndex={0}\n          $isSelected={isSelected}\n          aria-current={isCurrent}\n        >\n          {label}\n        </MenuItemLabel>\n      )}\n      {hasSubLevel && <HvMenuBar data={data} onClick={onClick} type=\"menu\" />}\n    </MenuItemLi>\n  );\n};\n"],"names":["HvMenuItem","id","item","type","onClick","selectionPath","useContext","SelectionContext","dispatch","FocusContext","data","hasSubLevel","length","isMenu","isSelected","isCurrent","undefined","actionHandler","event","isKeypress","keyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","itemProps","onKeyDown","onFocus","label","HvTypography","component","variant","children","itemHref","href","itemTarget","target","traversePreOrder","node","i","MenuItemLi","$selected","_jsx","MenuItemLink","$isSelected","MenuItemLabel","role","tabIndex","HvMenuBar"],"mappings":";;;;;;;;;;;AAeO,MAAMA,aAAaA,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAMC;AAAAA,EAAMC;AAAuB,MAAM;AAClEC,QAAAA,gBAAgBC,iBAAWC,iBAAAA,gBAAgB;AAC3C,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAaF,MAAAA,WAAWG,aAAAA,YAAY;AAEtC,QAAA;AAAA,IAAEC;AAAAA,EAASR,IAAAA;AACXS,QAAAA,cAAcD,QAAQA,KAAKE;AACjC,QAAMC,SAASV,SAAS;AAClBW,QAAAA,aACHT,iBAAiBA,cAAcQ,SAAS,IAAI,CAAC,MAAMX,KAAKD,MAAO;AAC5Dc,QAAAA,YAAYD,aACdT,cAAcO,UAAUC,SAAS,IAAI,KACnC,OACA,SACFG;AAEJ,QAAMC,gBAAiBC,CAAU,UAAA;AAC/B,QACEA,MAAMf,SAAS,WACfgB,SAAAA,WAAWD,OAAOE,cAAAA,cAAcC,KAAK,KACrCF,SAAAA,WAAWD,OAAOE,cAAcE,cAAAA,QAAQ,GACxC;AACIJ,UAAAA,MAAMf,SAAS,SAAS;AAC1Be,cAAMK,cAAcC;MACtB;AACApB,yCAAUc,OAAOhB;AAAAA,IACnB;AAAA,EAAA;AAGIuB,QAAAA,cAAcA,CAACP,UAA4B;AACpC,yCAAA;AAAA,MAAEf,MAAM;AAAA,MAAkBuB,aAAaR,MAAMK;AAAAA,IAAAA;AAAAA,EAAe;AAGzE,QAAMI,YAAY;AAAA,IAChBvB,SAASa;AAAAA,IACTW,WAAWX;AAAAA,IACXY,SAASJ;AAAAA,EAAAA;AAGLK,QAAAA,uCACHC,yBAAY;AAAA,IACXC,WAAU;AAAA,IACVC,SAASnB,aAAa,UAAU;AAAA,IAChC,aAAWZ,KAAK4B;AAAAA,IAAMI,UAErBhC,KAAK4B;AAAAA,EAAAA,CAET;AAED,MAAIK,WAAWjC,6BAAMkC;AACrB,MAAIC,aAAanC,6BAAMoC;AACvB,MAAIH,YAAY,MAAM;AAGXI,QAAAA,mBAAT,SAA0BC,MAAkC;;AAC1D,UAAIA,6BAAMJ,MAAM;AACdD,mBAAWK,6BAAMJ;AACjBC,qBAAaG,6BAAMF;AAAAA,MAAAA,YACVE,6BAAM9B,SAAQ,UAAQ8B,kCAAM9B,SAAN8B,mBAAY5B,UAAS,GAAG;AACvD,YAAI6B,IAAI;AACR,eAAON,YAAY,QAAQM,IAAID,KAAK9B,KAAKE,QAAQ;AAC9B4B,2BAAAA,6BAAM9B,KAAK+B,EAAE;AACzB,eAAA;AAAA,QACP;AAAA,MACF;AAAA,IAAA;AAGFF,qBAAiBrC,IAAI;AAAA,EACvB;AAEA,yCACGwC,gBAAAA,YAAU;AAAA,IACTzC;AAAAA,IAEA0C,WAAW,CAAC9B,UAAUC,aAAa,iBAAiB;AAAA,IAAkBoB,UAErEC,CAAAA,WACCS,2BAAAA,IAACC,8BAAY;AAAA,MACXT,MAAMD;AAAAA,MACNG,QAAQD;AAAAA,MAAW,GACfV;AAAAA,MACJmB,aAAahC;AAAAA,MACb,gBAAcC;AAAAA,MAAUmB,UAEvBJ;AAAAA,IAAAA,CACY;AAAA;AAAA;AAAA,qCAIdiB,gBAAAA,eAAa;AAAA,QACZC,MAAK;AAAA,QAAQ,GACTrB;AAAAA,QACJsB,UAAU;AAAA,QACVH,aAAahC;AAAAA,QACb,gBAAcC;AAAAA,QAAUmB,UAEvBJ;AAAAA,MAAAA,CAAK;AAAA,OAGTnB,8CAAgBuC,mBAAS;AAAA,MAACxC;AAAAA,MAAYN;AAAAA,MAAkBD,MAAK;AAAA,IAAA,CAAS,CAAA;AAAA,EAAA,GA1BlED,KAAK4B,KAAK;AA6BrB;;"}
+{"version":3,"file":"MenuItem.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp, HvTypography } from \"~/components\";\nimport { HvMenuBar } from \"../MenuBar\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { isKeypress, keyboardCodes } from \"~/utils\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuItemLabel, MenuItemLi, MenuItemLink } from \"./MenuItem.styles\";\n\nexport type MenuItemProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  item: HvHeaderNavigationItemProp;\n  type?: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n};\n\nexport const HvMenuItem = ({ id, item, type, onClick }: MenuItemProps) => {\n  const selectionPath = useContext(SelectionContext);\n  const { dispatch } = useContext(FocusContext);\n\n  const { data } = item;\n  const hasSubLevel = data && data.length;\n  const isMenu = type === \"menu\";\n  const isSelected =\n    (selectionPath && selectionPath[isMenu ? 1 : 0] === item.id) || false;\n  const isCurrent = isSelected\n    ? selectionPath.length > (isMenu ? 2 : 1)\n      ? true\n      : \"page\"\n    : undefined;\n\n  const actionHandler = (event) => {\n    if (\n      event.type === \"click\" ||\n      isKeypress(event, keyboardCodes.Enter) ||\n      isKeypress(event, keyboardCodes.SpaceBar)\n    ) {\n      if (event.type === \"click\") {\n        event.currentTarget.blur();\n      }\n      onClick?.(event, item);\n    }\n  };\n\n  const handleFocus = (event: React.FocusEvent) => {\n    dispatch?.({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n  };\n\n  const itemProps = {\n    onClick: actionHandler,\n    onKeyDown: actionHandler,\n    onFocus: handleFocus,\n  };\n\n  const label = (\n    <HvTypography\n      component=\"span\"\n      variant={isSelected ? \"label\" : \"body\"}\n      data-text={item.label}\n    >\n      {item.label}\n    </HvTypography>\n  );\n\n  let itemHref = item?.href;\n  let itemTarget = item?.target;\n  if (itemHref == null) {\n    // apps should configure the href even on parent items without content\n    // so the fallback logic is theirs, but if not we'll do our best to find a link\n    function traversePreOrder(node: HvHeaderNavigationItemProp) {\n      if (node?.href) {\n        itemHref = node?.href;\n        itemTarget = node?.target;\n      } else if (node?.data != null && node?.data?.length > 0) {\n        let i = 0;\n        while (itemHref == null && i < node.data.length) {\n          traversePreOrder(node?.data[i]);\n          i += 1;\n        }\n      }\n    }\n\n    traversePreOrder(item);\n  }\n\n  return (\n    <MenuItemLi\n      id={id}\n      key={item.label}\n      $selected={!isMenu && isSelected ? \"selectedItem\" : \"notSelectedItem\"}\n    >\n      {itemHref ? (\n        <MenuItemLink\n          href={itemHref}\n          target={itemTarget}\n          {...itemProps}\n          $isSelected={isSelected}\n          aria-current={isCurrent}\n        >\n          {label}\n        </MenuItemLink>\n      ) : (\n        // keeping this code path for backwards compatibility, but\n        // shouldn't really be used as it's not accessible\n        <MenuItemLabel\n          role=\"button\"\n          {...itemProps}\n          tabIndex={0}\n          $isSelected={isSelected}\n          aria-current={isCurrent}\n        >\n          {label}\n        </MenuItemLabel>\n      )}\n      {hasSubLevel && <HvMenuBar data={data} onClick={onClick} type=\"menu\" />}\n    </MenuItemLi>\n  );\n};\n"],"names":["HvMenuItem","id","item","type","onClick","selectionPath","useContext","SelectionContext","dispatch","FocusContext","data","hasSubLevel","length","isMenu","isSelected","isCurrent","undefined","actionHandler","event","isKeypress","keyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","itemProps","onKeyDown","onFocus","label","HvTypography","component","variant","children","itemHref","href","itemTarget","target","traversePreOrder","node","i","MenuItemLi","$selected","_jsx","MenuItemLink","$isSelected","MenuItemLabel","role","tabIndex","HvMenuBar"],"mappings":";;;;;;;;;;;AAeO,MAAMA,aAAaA,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAMC;AAAAA,EAAMC;AAAuB,MAAM;AAClEC,QAAAA,gBAAgBC,iBAAWC,iBAAAA,gBAAgB;AAC3C,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAaF,MAAAA,WAAWG,aAAAA,YAAY;AAEtC,QAAA;AAAA,IAAEC;AAAAA,EAASR,IAAAA;AACXS,QAAAA,cAAcD,QAAQA,KAAKE;AACjC,QAAMC,SAASV,SAAS;AAClBW,QAAAA,aACHT,iBAAiBA,cAAcQ,SAAS,IAAI,CAAC,MAAMX,KAAKD,MAAO;AAC5Dc,QAAAA,YAAYD,aACdT,cAAcO,UAAUC,SAAS,IAAI,KACnC,OACA,SACFG;AAEJ,QAAMC,gBAAiBC,CAAU,UAAA;AAC/B,QACEA,MAAMf,SAAS,WACfgB,SAAAA,WAAWD,OAAOE,cAAAA,cAAcC,KAAK,KACrCF,SAAAA,WAAWD,OAAOE,cAAcE,cAAAA,QAAQ,GACxC;AACIJ,UAAAA,MAAMf,SAAS,SAAS;AAC1Be,cAAMK,cAAcC;MACtB;AACApB,yCAAUc,OAAOhB;AAAAA,IACnB;AAAA,EAAA;AAGIuB,QAAAA,cAAcA,CAACP,UAA4B;AACpC,yCAAA;AAAA,MAAEf,MAAM;AAAA,MAAkBuB,aAAaR,MAAMK;AAAAA,IAAAA;AAAAA,EAAe;AAGzE,QAAMI,YAAY;AAAA,IAChBvB,SAASa;AAAAA,IACTW,WAAWX;AAAAA,IACXY,SAASJ;AAAAA,EAAAA;AAGLK,QAAAA,uCACHC,yBAAY;AAAA,IACXC,WAAU;AAAA,IACVC,SAASnB,aAAa,UAAU;AAAA,IAChC,aAAWZ,KAAK4B;AAAAA,IAAMI,UAErBhC,KAAK4B;AAAAA,EAAAA,CAET;AAED,MAAIK,WAAWjC,6BAAMkC;AACrB,MAAIC,aAAanC,6BAAMoC;AACvB,MAAIH,YAAY,MAAM;AAGXI,QAAAA,mBAAT,SAA0BC,MAAkC;;AAC1D,UAAIA,6BAAMJ,MAAM;AACdD,mBAAWK,6BAAMJ;AACjBC,qBAAaG,6BAAMF;AAAAA,MAAAA,YACVE,6BAAM9B,SAAQ,UAAQ8B,kCAAM9B,SAAN8B,mBAAY5B,UAAS,GAAG;AACvD,YAAI6B,IAAI;AACR,eAAON,YAAY,QAAQM,IAAID,KAAK9B,KAAKE,QAAQ;AAC9B4B,2BAAAA,6BAAM9B,KAAK+B,EAAE;AACzB,eAAA;AAAA,QACP;AAAA,MACF;AAAA,IAAA;AAGFF,qBAAiBrC,IAAI;AAAA,EACvB;AAEA,yCACGwC,gBAAAA,YAAU;AAAA,IACTzC;AAAAA,IAEA0C,WAAW,CAAC9B,UAAUC,aAAa,iBAAiB;AAAA,IAAkBoB,UAErEC,CAAAA,WACCS,2BAAAA,IAACC,8BAAY;AAAA,MACXT,MAAMD;AAAAA,MACNG,QAAQD;AAAAA,MAAW,GACfV;AAAAA,MACJmB,aAAahC;AAAAA,MACb,gBAAcC;AAAAA,MAAUmB,UAEvBJ;AAAAA,IAAAA,CACY;AAAA;AAAA;AAAA,qCAIdiB,gBAAAA,eAAa;AAAA,QACZC,MAAK;AAAA,QAAQ,GACTrB;AAAAA,QACJsB,UAAU;AAAA,QACVH,aAAahC;AAAAA,QACb,gBAAcC;AAAAA,QAAUmB,UAEvBJ;AAAAA,MAAAA,CAAK;AAAA,OAGTnB,8CAAgBuC,mBAAS;AAAA,MAACxC;AAAAA,MAAYN;AAAAA,MAAkBD,MAAK;AAAA,IAAA,CAAS,CAAA;AAAA,EAAA,GA1BlED,KAAK4B,KAAK;AA6BrB;;"}

package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.styles.cjs

@@ -58,7 +58,7 @@ const MenuItemLi = /* @__PURE__ */ _styled__default.default("li", process.env.NO
     paddingTop: uikitStyles.theme.header.selectedItemBorderBottomThickness,
     height: `calc(100% - 4px)`
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9IZWFkZXIvTmF2aWdhdGlvbi9NZW51SXRlbS9NZW51SXRlbS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgaG92ZXJDb2xvciA9IHRoZW1lLmhlYWRlci5ob3ZlckNvbG9yO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaSA9IHN0eWxlZChcbiAgXCJsaVwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzZWxlY3RlZCB9OiB7ICRzZWxlY3RlZD86IHN0cmluZyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZVwiLFxuICBcIiYgc3BhblwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvcixcbiAgfSxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwic2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIGJvcmRlclRvcDogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICBib3JkZXJCb3R0b206IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbUNvbG9yfWAsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIFwiJiA+IGRpdiA+IHNwYW5cIjoge1xuICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Db2xvcixcbiAgICB9LFxuICB9KSxcbiAgLi4uKCRzZWxlY3RlZCA9PT0gXCJub3RTZWxlY3RlZEl0ZW1cIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgIGhlaWdodDogYGNhbGMoMTAwJSAtIDRweClgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGFiZWwgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGlzU2VsZWN0ZWQgfTogeyAkaXNTZWxlY3RlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGNvbG9yOiBcImluaGVyaXRcIixcbiAgXCImOmFjdGl2ZVwiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICBcIiYmIHNwYW5cIjoge1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICAgIC4uLigkaXNTZWxlY3RlZCAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1CYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLmZ1bGwsXG4gICAgICBwYWRkaW5nOiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQ29sb3IsXG4gICAgfSksXG4gIH0sXG4gIFwiJiBzcGFuOjphZnRlclwiOiB7XG4gICAgY29udGVudDogXCJhdHRyKGRhdGEtdGV4dClcIixcbiAgICBoZWlnaHQ6IDAsXG4gICAgdmlzaWJpbGl0eTogXCJoaWRkZW5cIixcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB1c2VyU2VsZWN0OiBcIm5vbmVcIixcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICBmb250V2VpZ2h0OiB0aGVtZS5mb250V2VpZ2h0cy5zZW1pYm9sZCxcblxuICAgIFwiQG1lZGlhIHNwZWVjaFwiOiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9LFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaW5rID0gc3R5bGVkKFwiYVwiKShcbiAgKHsgJGlzU2VsZWN0ZWQgfTogeyAkaXNTZWxlY3RlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gICAgLi4uKCRpc1NlbGVjdGVkICYmIHtcbiAgICAgIFwiJiA+IGRpdiA+IHNwYW5cIjogeyBjb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUNvbG9yIH0sXG4gICAgfSksXG4gICAgXCImIHNwYW5cIjoge1xuICAgICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgfSxcbiAgICBcIiYgc3Bhbjo6YWZ0ZXJcIjoge1xuICAgICAgY29udGVudDogXCJhdHRyKGRhdGEtdGV4dClcIixcbiAgICAgIGhlaWdodDogMCxcbiAgICAgIHZpc2liaWxpdHk6IFwiaGlkZGVuXCIsXG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS5mb250V2VpZ2h0cy5zZW1pYm9sZCxcblxuICAgICAgXCJAbWVkaWEgc3BlZWNoXCI6IHtcbiAgICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9IZWFkZXIvTmF2aWdhdGlvbi9NZW51SXRlbS9NZW51SXRlbS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIn4vdXRpbHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwifi91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5oZWFkZXIuaG92ZXJDb2xvcjtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGkgPSBzdHlsZWQoXG4gIFwibGlcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2VsZWN0ZWQgfTogeyAkc2VsZWN0ZWQ/OiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmVcIixcbiAgXCImIHNwYW5cIjoge1xuICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuY29sb3IsXG4gIH0sXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgXCImID4gW3JvbGU9J2J1dHRvbiddXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICB9LFxuICAgIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgXCImID4gW3JvbGU9J2J1dHRvbiddXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxuICAuLi4oJHNlbGVjdGVkID09PSBcInNlbGVjdGVkSXRlbVwiICYmIHtcbiAgICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcENvbG9yfWAsXG4gICAgYm9yZGVyQm90dG9tOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21Db2xvcn1gLFxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBcIiYgPiBkaXYgPiBzcGFuXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQ29sb3IsXG4gICAgfSxcbiAgfSksXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwibm90U2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzcyxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IGBjYWxjKDEwMCUgLSA0cHgpYCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxhYmVsID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpc1NlbGVjdGVkIH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBjb2xvcjogXCJpbmhlcml0XCIsXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgXCImJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQmFja2dyb3VuZENvbG9yLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5mdWxsLFxuICAgICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUNvbG9yLFxuICAgIH0pLFxuICB9LFxuICBcIiYgc3Bhbjo6YWZ0ZXJcIjoge1xuICAgIGNvbnRlbnQ6IFwiYXR0cihkYXRhLXRleHQpXCIsXG4gICAgaGVpZ2h0OiAwLFxuICAgIHZpc2liaWxpdHk6IFwiaGlkZGVuXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgZm9udFdlaWdodDogdGhlbWUuZm9udFdlaWdodHMuc2VtaWJvbGQsXG5cbiAgICBcIkBtZWRpYSBzcGVlY2hcIjoge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGluayA9IHN0eWxlZChcImFcIikoXG4gICh7ICRpc1NlbGVjdGVkIH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuICAgIC4uLigkaXNTZWxlY3RlZCAmJiB7XG4gICAgICBcIiYgPiBkaXYgPiBzcGFuXCI6IHsgY29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Db2xvciB9LFxuICAgIH0pLFxuICAgIFwiJiBzcGFuXCI6IHtcbiAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICAgIH0sXG4gICAgXCImIHNwYW46OmFmdGVyXCI6IHtcbiAgICAgIGNvbnRlbnQ6IFwiYXR0cihkYXRhLXRleHQpXCIsXG4gICAgICBoZWlnaHQ6IDAsXG4gICAgICB2aXNpYmlsaXR5OiBcImhpZGRlblwiLFxuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB1c2VyU2VsZWN0OiBcIm5vbmVcIixcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgICAgZm9udFdlaWdodDogdGhlbWUuZm9udFdlaWdodHMuc2VtaWJvbGQsXG5cbiAgICAgIFwiQG1lZGlhIHNwZWVjaFwiOiB7XG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcbiJdfQ== */");
 const MenuItemLabel = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1elbhu1"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -108,7 +108,7 @@ const MenuItemLabel = /* @__PURE__ */ _styled__default.default("div", process.en
       display: "none"
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQzZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5oZWFkZXIuaG92ZXJDb2xvcjtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGkgPSBzdHlsZWQoXG4gIFwibGlcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2VsZWN0ZWQgfTogeyAkc2VsZWN0ZWQ/OiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmVcIixcbiAgXCImIHNwYW5cIjoge1xuICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuY29sb3IsXG4gIH0sXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgXCImID4gW3JvbGU9J2J1dHRvbiddXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICB9LFxuICAgIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgXCImID4gW3JvbGU9J2J1dHRvbiddXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxuICAuLi4oJHNlbGVjdGVkID09PSBcInNlbGVjdGVkSXRlbVwiICYmIHtcbiAgICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcENvbG9yfWAsXG4gICAgYm9yZGVyQm90dG9tOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21Db2xvcn1gLFxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBcIiYgPiBkaXYgPiBzcGFuXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQ29sb3IsXG4gICAgfSxcbiAgfSksXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwibm90U2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzcyxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IGBjYWxjKDEwMCUgLSA0cHgpYCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxhYmVsID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpc1NlbGVjdGVkIH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBjb2xvcjogXCJpbmhlcml0XCIsXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgXCImJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQmFja2dyb3VuZENvbG9yLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5mdWxsLFxuICAgICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUNvbG9yLFxuICAgIH0pLFxuICB9LFxuICBcIiYgc3Bhbjo6YWZ0ZXJcIjoge1xuICAgIGNvbnRlbnQ6IFwiYXR0cihkYXRhLXRleHQpXCIsXG4gICAgaGVpZ2h0OiAwLFxuICAgIHZpc2liaWxpdHk6IFwiaGlkZGVuXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgZm9udFdlaWdodDogdGhlbWUuZm9udFdlaWdodHMuc2VtaWJvbGQsXG5cbiAgICBcIkBtZWRpYSBzcGVlY2hcIjoge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGluayA9IHN0eWxlZChcImFcIikoXG4gICh7ICRpc1NlbGVjdGVkIH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuICAgIC4uLigkaXNTZWxlY3RlZCAmJiB7XG4gICAgICBcIiYgPiBkaXYgPiBzcGFuXCI6IHsgY29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Db2xvciB9LFxuICAgIH0pLFxuICAgIFwiJiBzcGFuXCI6IHtcbiAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICAgIH0sXG4gICAgXCImIHNwYW46OmFmdGVyXCI6IHtcbiAgICAgIGNvbnRlbnQ6IFwiYXR0cihkYXRhLXRleHQpXCIsXG4gICAgICBoZWlnaHQ6IDAsXG4gICAgICB2aXNpYmlsaXR5OiBcImhpZGRlblwiLFxuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB1c2VyU2VsZWN0OiBcIm5vbmVcIixcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgICAgZm9udFdlaWdodDogdGhlbWUuZm9udFdlaWdodHMuc2VtaWJvbGQsXG5cbiAgICAgIFwiQG1lZGlhIHNwZWVjaFwiOiB7XG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQzZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ+L3V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIn4vdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5jb25zdCBob3ZlckNvbG9yID0gdGhlbWUuaGVhZGVyLmhvdmVyQ29sb3I7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpID0gc3R5bGVkKFxuICBcImxpXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGVkIH06IHsgJHNlbGVjdGVkPzogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lXCIsXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuaGVhZGVyLmNvbG9yLFxuICB9LFxuICBcIiY6aG92ZXJcIjoge1xuICAgIFwiJiA+IFtyb2xlPSdidXR0b24nXVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIFwiJiA+IFtyb2xlPSdidXR0b24nXVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcbiAgLi4uKCRzZWxlY3RlZCA9PT0gXCJzZWxlY3RlZEl0ZW1cIiAmJiB7XG4gICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BDb2xvcn1gLFxuICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tQ29sb3J9YCxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgXCImID4gZGl2ID4gc3BhblwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUNvbG9yLFxuICAgIH0sXG4gIH0pLFxuICAuLi4oJHNlbGVjdGVkID09PSBcIm5vdFNlbGVjdGVkSXRlbVwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3MsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgaGVpZ2h0OiBgY2FsYygxMDAlIC0gNHB4KWAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MYWJlbCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaXNTZWxlY3RlZCB9OiB7ICRpc1NlbGVjdGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICBib3JkZXI6IFwibm9uZVwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIFwiJiYgc3BhblwiOiB7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgLi4uKCRpc1NlbGVjdGVkICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJhY2tncm91bmRDb2xvcixcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkuZnVsbCxcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Db2xvcixcbiAgICB9KSxcbiAgfSxcbiAgXCImIHNwYW46OmFmdGVyXCI6IHtcbiAgICBjb250ZW50OiBcImF0dHIoZGF0YS10ZXh0KVwiLFxuICAgIGhlaWdodDogMCxcbiAgICB2aXNpYmlsaXR5OiBcImhpZGRlblwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLmZvbnRXZWlnaHRzLnNlbWlib2xkLFxuXG4gICAgXCJAbWVkaWEgc3BlZWNoXCI6IHtcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpbmsgPSBzdHlsZWQoXCJhXCIpKFxuICAoeyAkaXNTZWxlY3RlZCB9OiB7ICRpc1NlbGVjdGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICB9LFxuICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgfSxcbiAgICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgICAgXCImID4gZGl2ID4gc3BhblwiOiB7IGNvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQ29sb3IgfSxcbiAgICB9KSxcbiAgICBcIiYgc3BhblwiOiB7XG4gICAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICB9LFxuICAgIFwiJiBzcGFuOjphZnRlclwiOiB7XG4gICAgICBjb250ZW50OiBcImF0dHIoZGF0YS10ZXh0KVwiLFxuICAgICAgaGVpZ2h0OiAwLFxuICAgICAgdmlzaWJpbGl0eTogXCJoaWRkZW5cIixcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICAgIGZvbnRXZWlnaHQ6IHRoZW1lLmZvbnRXZWlnaHRzLnNlbWlib2xkLFxuXG4gICAgICBcIkBtZWRpYSBzcGVlY2hcIjoge1xuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
 const MenuItemLink = /* @__PURE__ */ _styled__default.default("a", process.env.NODE_ENV === "production" ? {
   target: "e1elbhu0"
 } : {
@@ -157,7 +157,7 @@ const MenuItemLink = /* @__PURE__ */ _styled__default.default("a", process.env.N
       display: "none"
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRjRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5oZWFkZXIuaG92ZXJDb2xvcjtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGkgPSBzdHlsZWQoXG4gIFwibGlcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2VsZWN0ZWQgfTogeyAkc2VsZWN0ZWQ/OiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmVcIixcbiAgXCImIHNwYW5cIjoge1xuICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuY29sb3IsXG4gIH0sXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgXCImID4gW3JvbGU9J2J1dHRvbiddXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICB9LFxuICAgIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgXCImID4gW3JvbGU9J2J1dHRvbiddXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxuICAuLi4oJHNlbGVjdGVkID09PSBcInNlbGVjdGVkSXRlbVwiICYmIHtcbiAgICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcENvbG9yfWAsXG4gICAgYm9yZGVyQm90dG9tOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21Db2xvcn1gLFxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBcIiYgPiBkaXYgPiBzcGFuXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQ29sb3IsXG4gICAgfSxcbiAgfSksXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwibm90U2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzcyxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IGBjYWxjKDEwMCUgLSA0cHgpYCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxhYmVsID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpc1NlbGVjdGVkIH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBjb2xvcjogXCJpbmhlcml0XCIsXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgXCImJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQmFja2dyb3VuZENvbG9yLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5mdWxsLFxuICAgICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUNvbG9yLFxuICAgIH0pLFxuICB9LFxuICBcIiYgc3Bhbjo6YWZ0ZXJcIjoge1xuICAgIGNvbnRlbnQ6IFwiYXR0cihkYXRhLXRleHQpXCIsXG4gICAgaGVpZ2h0OiAwLFxuICAgIHZpc2liaWxpdHk6IFwiaGlkZGVuXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgZm9udFdlaWdodDogdGhlbWUuZm9udFdlaWdodHMuc2VtaWJvbGQsXG5cbiAgICBcIkBtZWRpYSBzcGVlY2hcIjoge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGluayA9IHN0eWxlZChcImFcIikoXG4gICh7ICRpc1NlbGVjdGVkIH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuICAgIC4uLigkaXNTZWxlY3RlZCAmJiB7XG4gICAgICBcIiYgPiBkaXYgPiBzcGFuXCI6IHsgY29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Db2xvciB9LFxuICAgIH0pLFxuICAgIFwiJiBzcGFuXCI6IHtcbiAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICAgIH0sXG4gICAgXCImIHNwYW46OmFmdGVyXCI6IHtcbiAgICAgIGNvbnRlbnQ6IFwiYXR0cihkYXRhLXRleHQpXCIsXG4gICAgICBoZWlnaHQ6IDAsXG4gICAgICB2aXNpYmlsaXR5OiBcImhpZGRlblwiLFxuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB1c2VyU2VsZWN0OiBcIm5vbmVcIixcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgICAgZm9udFdlaWdodDogdGhlbWUuZm9udFdlaWdodHMuc2VtaWJvbGQsXG5cbiAgICAgIFwiQG1lZGlhIHNwZWVjaFwiOiB7XG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRjRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ+L3V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIn4vdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5jb25zdCBob3ZlckNvbG9yID0gdGhlbWUuaGVhZGVyLmhvdmVyQ29sb3I7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpID0gc3R5bGVkKFxuICBcImxpXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGVkIH06IHsgJHNlbGVjdGVkPzogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lXCIsXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuaGVhZGVyLmNvbG9yLFxuICB9LFxuICBcIiY6aG92ZXJcIjoge1xuICAgIFwiJiA+IFtyb2xlPSdidXR0b24nXVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIFwiJiA+IFtyb2xlPSdidXR0b24nXVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcbiAgLi4uKCRzZWxlY3RlZCA9PT0gXCJzZWxlY3RlZEl0ZW1cIiAmJiB7XG4gICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BDb2xvcn1gLFxuICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tQ29sb3J9YCxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgXCImID4gZGl2ID4gc3BhblwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUNvbG9yLFxuICAgIH0sXG4gIH0pLFxuICAuLi4oJHNlbGVjdGVkID09PSBcIm5vdFNlbGVjdGVkSXRlbVwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3MsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgaGVpZ2h0OiBgY2FsYygxMDAlIC0gNHB4KWAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MYWJlbCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaXNTZWxlY3RlZCB9OiB7ICRpc1NlbGVjdGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICBib3JkZXI6IFwibm9uZVwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIFwiJiYgc3BhblwiOiB7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgLi4uKCRpc1NlbGVjdGVkICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJhY2tncm91bmRDb2xvcixcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkuZnVsbCxcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Db2xvcixcbiAgICB9KSxcbiAgfSxcbiAgXCImIHNwYW46OmFmdGVyXCI6IHtcbiAgICBjb250ZW50OiBcImF0dHIoZGF0YS10ZXh0KVwiLFxuICAgIGhlaWdodDogMCxcbiAgICB2aXNpYmlsaXR5OiBcImhpZGRlblwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLmZvbnRXZWlnaHRzLnNlbWlib2xkLFxuXG4gICAgXCJAbWVkaWEgc3BlZWNoXCI6IHtcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpbmsgPSBzdHlsZWQoXCJhXCIpKFxuICAoeyAkaXNTZWxlY3RlZCB9OiB7ICRpc1NlbGVjdGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICB9LFxuICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgfSxcbiAgICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgICAgXCImID4gZGl2ID4gc3BhblwiOiB7IGNvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQ29sb3IgfSxcbiAgICB9KSxcbiAgICBcIiYgc3BhblwiOiB7XG4gICAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICB9LFxuICAgIFwiJiBzcGFuOjphZnRlclwiOiB7XG4gICAgICBjb250ZW50OiBcImF0dHIoZGF0YS10ZXh0KVwiLFxuICAgICAgaGVpZ2h0OiAwLFxuICAgICAgdmlzaWJpbGl0eTogXCJoaWRkZW5cIixcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICAgIGZvbnRXZWlnaHQ6IHRoZW1lLmZvbnRXZWlnaHRzLnNlbWlib2xkLFxuXG4gICAgICBcIkBtZWRpYSBzcGVlY2hcIjoge1xuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
 exports.MenuItemLabel = MenuItemLabel;
 exports.MenuItemLi = MenuItemLi;
 exports.MenuItemLink = MenuItemLink;

package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.styles.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nconst hoverColor = theme.header.hoverColor;\n\nexport const MenuItemLi = styled(\n  \"li\",\n  transientOptions\n)(({ $selected }: { $selected?: string }) => ({\n  display: \"inline\",\n  \"& span\": {\n    color: theme.header.color,\n  },\n  \"&:hover\": {\n    \"& > [role='button']\": {\n      backgroundColor: hoverColor,\n    },\n    \"&:focus-within\": {\n      \"& > [role='button']\": {\n        backgroundColor: hoverColor,\n      },\n    },\n  },\n  ...($selected === \"selectedItem\" && {\n    borderTop: `${theme.header.selectedItemBorderTopThickness} solid ${theme.header.selectedItemBorderTopColor}`,\n    borderBottom: `${theme.header.selectedItemBorderBottomThickness} solid ${theme.header.selectedItemBorderBottomColor}`,\n    paddingTop: theme.header.selectedItemBorderBottomThickness,\n    height: \"100%\",\n    \"& > div > span\": {\n      color: theme.header.selectedItemColor,\n    },\n  }),\n  ...($selected === \"notSelectedItem\" && {\n    marginTop: theme.header.selectedItemBorderTopThickness,\n    marginBottom: theme.header.selectedItemBorderBottomThickness,\n    paddingTop: theme.header.selectedItemBorderBottomThickness,\n    height: `calc(100% - 4px)`,\n  }),\n}));\n\nexport const MenuItemLabel = styled(\n  \"div\",\n  transientOptions\n)(({ $isSelected }: { $isSelected?: boolean }) => ({\n  border: \"none\",\n  cursor: \"pointer\",\n  padding: `${theme.space.xs} ${theme.space.sm}`,\n  height: \"100%\",\n  display: \"flex\",\n  alignItems: \"center\",\n  color: \"inherit\",\n  \"&:active\": {\n    outline: \"none\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n    backgroundColor: hoverColor,\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n\n  \"&& span\": {\n    display: \"inline-flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    ...($isSelected && {\n      backgroundColor: theme.header.selectedItemBackgroundColor,\n      borderRadius: theme.radii.full,\n      padding: theme.space.xs,\n      color: theme.header.selectedItemColor,\n    }),\n  },\n  \"& span::after\": {\n    content: \"attr(data-text)\",\n    height: 0,\n    visibility: \"hidden\",\n    overflow: \"hidden\",\n    userSelect: \"none\",\n    pointerEvents: \"none\",\n    fontWeight: theme.fontWeights.semibold,\n\n    \"@media speech\": {\n      display: \"none\",\n    },\n  },\n}));\n\nexport const MenuItemLink = styled(\"a\")(\n  ({ $isSelected }: { $isSelected?: boolean }) => ({\n    border: \"none\",\n    cursor: \"pointer\",\n    padding: `${theme.space.xs} ${theme.space.sm}`,\n    height: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    textDecoration: \"none\",\n    \"&:active\": {\n      outline: \"none\",\n    },\n    \"&:focus\": {\n      outline: \"none\",\n      backgroundColor: hoverColor,\n    },\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n    ...($isSelected && {\n      \"& > div > span\": { color: theme.header.selectedItemColor },\n    }),\n    \"& span\": {\n      display: \"inline-flex\",\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n    },\n    \"& span::after\": {\n      content: \"attr(data-text)\",\n      height: 0,\n      visibility: \"hidden\",\n      overflow: \"hidden\",\n      userSelect: \"none\",\n      pointerEvents: \"none\",\n      fontWeight: theme.fontWeights.semibold,\n\n      \"@media speech\": {\n        display: \"none\",\n      },\n    },\n  })\n);\n"],"names":["hoverColor","theme","header","MenuItemLi","process","env","NODE_ENV","_extends","target","transientOptions","label","$selected","display","color","backgroundColor","borderTop","selectedItemBorderTopThickness","selectedItemBorderTopColor","borderBottom","selectedItemBorderBottomThickness","selectedItemBorderBottomColor","paddingTop","height","selectedItemColor","marginTop","marginBottom","MenuItemLabel","$isSelected","border","cursor","padding","space","xs","sm","alignItems","outline","outlineStyles","flexDirection","justifyContent","selectedItemBackgroundColor","borderRadius","radii","full","content","visibility","overflow","userSelect","pointerEvents","fontWeight","fontWeights","semibold","MenuItemLink","_styled","textDecoration"],"mappings":"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"}
+{"version":3,"file":"MenuItem.styles.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"~/utils\";\nimport { transientOptions } from \"~/utils/transientOptions\";\n\nconst hoverColor = theme.header.hoverColor;\n\nexport const MenuItemLi = styled(\n  \"li\",\n  transientOptions\n)(({ $selected }: { $selected?: string }) => ({\n  display: \"inline\",\n  \"& span\": {\n    color: theme.header.color,\n  },\n  \"&:hover\": {\n    \"& > [role='button']\": {\n      backgroundColor: hoverColor,\n    },\n    \"&:focus-within\": {\n      \"& > [role='button']\": {\n        backgroundColor: hoverColor,\n      },\n    },\n  },\n  ...($selected === \"selectedItem\" && {\n    borderTop: `${theme.header.selectedItemBorderTopThickness} solid ${theme.header.selectedItemBorderTopColor}`,\n    borderBottom: `${theme.header.selectedItemBorderBottomThickness} solid ${theme.header.selectedItemBorderBottomColor}`,\n    paddingTop: theme.header.selectedItemBorderBottomThickness,\n    height: \"100%\",\n    \"& > div > span\": {\n      color: theme.header.selectedItemColor,\n    },\n  }),\n  ...($selected === \"notSelectedItem\" && {\n    marginTop: theme.header.selectedItemBorderTopThickness,\n    marginBottom: theme.header.selectedItemBorderBottomThickness,\n    paddingTop: theme.header.selectedItemBorderBottomThickness,\n    height: `calc(100% - 4px)`,\n  }),\n}));\n\nexport const MenuItemLabel = styled(\n  \"div\",\n  transientOptions\n)(({ $isSelected }: { $isSelected?: boolean }) => ({\n  border: \"none\",\n  cursor: \"pointer\",\n  padding: `${theme.space.xs} ${theme.space.sm}`,\n  height: \"100%\",\n  display: \"flex\",\n  alignItems: \"center\",\n  color: \"inherit\",\n  \"&:active\": {\n    outline: \"none\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n    backgroundColor: hoverColor,\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n\n  \"&& span\": {\n    display: \"inline-flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    ...($isSelected && {\n      backgroundColor: theme.header.selectedItemBackgroundColor,\n      borderRadius: theme.radii.full,\n      padding: theme.space.xs,\n      color: theme.header.selectedItemColor,\n    }),\n  },\n  \"& span::after\": {\n    content: \"attr(data-text)\",\n    height: 0,\n    visibility: \"hidden\",\n    overflow: \"hidden\",\n    userSelect: \"none\",\n    pointerEvents: \"none\",\n    fontWeight: theme.fontWeights.semibold,\n\n    \"@media speech\": {\n      display: \"none\",\n    },\n  },\n}));\n\nexport const MenuItemLink = styled(\"a\")(\n  ({ $isSelected }: { $isSelected?: boolean }) => ({\n    border: \"none\",\n    cursor: \"pointer\",\n    padding: `${theme.space.xs} ${theme.space.sm}`,\n    height: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    textDecoration: \"none\",\n    \"&:active\": {\n      outline: \"none\",\n    },\n    \"&:focus\": {\n      outline: \"none\",\n      backgroundColor: hoverColor,\n    },\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n    ...($isSelected && {\n      \"& > div > span\": { color: theme.header.selectedItemColor },\n    }),\n    \"& span\": {\n      display: \"inline-flex\",\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n    },\n    \"& span::after\": {\n      content: \"attr(data-text)\",\n      height: 0,\n      visibility: \"hidden\",\n      overflow: \"hidden\",\n      userSelect: \"none\",\n      pointerEvents: \"none\",\n      fontWeight: theme.fontWeights.semibold,\n\n      \"@media speech\": {\n        display: \"none\",\n      },\n    },\n  })\n);\n"],"names":["hoverColor","theme","header","MenuItemLi","process","env","NODE_ENV","_extends","target","transientOptions","label","$selected","display","color","backgroundColor","borderTop","selectedItemBorderTopThickness","selectedItemBorderTopColor","borderBottom","selectedItemBorderBottomThickness","selectedItemBorderBottomColor","paddingTop","height","selectedItemColor","marginTop","marginBottom","MenuItemLabel","$isSelected","border","cursor","padding","space","xs","sm","alignItems","outline","outlineStyles","flexDirection","justifyContent","selectedItemBackgroundColor","borderRadius","radii","full","content","visibility","overflow","userSelect","pointerEvents","fontWeight","fontWeights","semibold","MenuItemLink","_styled","textDecoration"],"mappings":"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"}

package/dist/cjs/components/Header/Navigation/Navigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.cjs","sources":["../../../../../src/components/Header/Navigation/Navigation.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { MouseEvent } from \"react\";\nimport { useSelectionPath } from \"hooks\";\nimport { HvBaseProps } from \"../../../types\";\nimport { HvMenuBar } from \"./MenuBar\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { FocusProvider } from \"./utils/FocusContext\";\nimport { SelectionContext } from \"./utils/SelectionContext\";\nimport headerNavigationClasses, {\n  HvHeaderNavigationClasses,\n} from \"./navigationClasses\";\n\nexport interface HvHeaderNavigationItemProp {\n  id: string;\n  label: string;\n  path?: string;\n  href?: string;\n  target?: string;\n  data?: HvHeaderNavigationItemProp[];\n}\n\nexport type HvHeaderNavigationProps = HvBaseProps<\n  HTMLDivElement,\n  { onClick }\n> & {\n  data: HvHeaderNavigationItemProp[];\n  selected?: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n  classes?: HvHeaderNavigationClasses;\n};\n\nexport const HvHeaderNavigation = ({\n  data,\n  selected,\n  onClick,\n  className,\n  classes,\n  ...others\n}: HvHeaderNavigationProps) => {\n  const selectionPath = useSelectionPath(data, selected);\n\n  const handleClick = (event, selection) => {\n    event.preventDefault();\n\n    onClick?.(event, selection);\n  };\n\n  return (\n    <SelectionContext.Provider value={selectionPath}>\n      <FocusProvider>\n        <StyledNav\n          className={clsx(\n            className,\n            headerNavigationClasses.root,\n            classes?.root\n          )}\n          {...others}\n        >\n          <HvMenuBar data={data} type=\"menubar\" onClick={handleClick} />\n        </StyledNav>\n      </FocusProvider>\n    </SelectionContext.Provider>\n  );\n};\n"],"names":["HvHeaderNavigation","data","selected","onClick","className","classes","others","selectionPath","useSelectionPath","handleClick","event","selection","preventDefault","_jsx","SelectionContext","Provider","value","children","FocusProvider","StyledNav","clsx","headerNavigationClasses","root","HvMenuBar","type"],"mappings":";;;;;;;;;;AA+BO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACoB,MAAM;AACvBC,QAAAA,gBAAgBC,iBAAAA,iBAAiBP,MAAMC,QAAQ;AAE/CO,QAAAA,cAAcA,CAACC,OAAOC,cAAc;AACxCD,UAAME,eAAgB;AAEtBT,uCAAUO,OAAOC;AAAAA,EAAS;AAI1BE,SAAAA,2BAAAA,IAACC,kCAAiBC,UAAQ;AAAA,IAACC,OAAOT;AAAAA,IAAcU,yCAC7CC,4BAAa;AAAA,MAAAD,yCACXE,6BAAS;AAAA,QACRf,WAAWgB,KACThB,KAAAA,WACAiB,kBAAwBC,QAAAA,MACxBjB,mCAASiB,IAAI;AAAA,QACb,GACEhB;AAAAA,QAAMW,yCAETM,mBAAS;AAAA,UAACtB;AAAAA,UAAYuB,MAAK;AAAA,UAAUrB,SAASM;AAAAA,QAAAA,CAAY;AAAA,MAAA,CAAG;AAAA,IAAA,CACpD;AAAA,EAAA,CAEY;AAEhC;;"}
+{"version":3,"file":"Navigation.cjs","sources":["../../../../../src/components/Header/Navigation/Navigation.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { MouseEvent } from \"react\";\nimport { useSelectionPath } from \"~/hooks\";\nimport { HvBaseProps } from \"../../../types\";\nimport { HvMenuBar } from \"./MenuBar\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { FocusProvider } from \"./utils/FocusContext\";\nimport { SelectionContext } from \"./utils/SelectionContext\";\nimport headerNavigationClasses, {\n  HvHeaderNavigationClasses,\n} from \"./navigationClasses\";\n\nexport interface HvHeaderNavigationItemProp {\n  id: string;\n  label: string;\n  path?: string;\n  href?: string;\n  target?: string;\n  data?: HvHeaderNavigationItemProp[];\n}\n\nexport type HvHeaderNavigationProps = HvBaseProps<\n  HTMLDivElement,\n  { onClick }\n> & {\n  data: HvHeaderNavigationItemProp[];\n  selected?: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n  classes?: HvHeaderNavigationClasses;\n};\n\nexport const HvHeaderNavigation = ({\n  data,\n  selected,\n  onClick,\n  className,\n  classes,\n  ...others\n}: HvHeaderNavigationProps) => {\n  const selectionPath = useSelectionPath(data, selected);\n\n  const handleClick = (event, selection) => {\n    event.preventDefault();\n\n    onClick?.(event, selection);\n  };\n\n  return (\n    <SelectionContext.Provider value={selectionPath}>\n      <FocusProvider>\n        <StyledNav\n          className={clsx(\n            className,\n            headerNavigationClasses.root,\n            classes?.root\n          )}\n          {...others}\n        >\n          <HvMenuBar data={data} type=\"menubar\" onClick={handleClick} />\n        </StyledNav>\n      </FocusProvider>\n    </SelectionContext.Provider>\n  );\n};\n"],"names":["HvHeaderNavigation","data","selected","onClick","className","classes","others","selectionPath","useSelectionPath","handleClick","event","selection","preventDefault","_jsx","SelectionContext","Provider","value","children","FocusProvider","StyledNav","clsx","headerNavigationClasses","root","HvMenuBar","type"],"mappings":";;;;;;;;;;AA+BO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACoB,MAAM;AACvBC,QAAAA,gBAAgBC,iBAAAA,iBAAiBP,MAAMC,QAAQ;AAE/CO,QAAAA,cAAcA,CAACC,OAAOC,cAAc;AACxCD,UAAME,eAAgB;AAEtBT,uCAAUO,OAAOC;AAAAA,EAAS;AAI1BE,SAAAA,2BAAAA,IAACC,kCAAiBC,UAAQ;AAAA,IAACC,OAAOT;AAAAA,IAAcU,yCAC7CC,4BAAa;AAAA,MAAAD,yCACXE,6BAAS;AAAA,QACRf,WAAWgB,KACThB,KAAAA,WACAiB,kBAAwBC,QAAAA,MACxBjB,mCAASiB,IAAI;AAAA,QACb,GACEhB;AAAAA,QAAMW,yCAETM,mBAAS;AAAA,UAACtB;AAAAA,UAAYuB,MAAK;AAAA,UAAUrB,SAASM;AAAAA,QAAAA,CAAY;AAAA,MAAA,CAAG;AAAA,IAAA,CACpD;AAAA,EAAA,CAEY;AAEhC;;"}

package/dist/cjs/components/Header/Navigation/navigationClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"navigationClasses.cjs","sources":["../../../../../src/components/Header/Navigation/navigationClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvHeaderNavigationClasses = { root?: string };\n\nconst classKeys: string[] = [\"root\"];\n\nconst headerNavigationClasses = getClasses<HvHeaderNavigationClasses>(\n  classKeys,\n  \"HvHeader-Navigation\"\n);\n\nexport default headerNavigationClasses;\n"],"names":["classKeys","headerNavigationClasses","getClasses"],"mappings":";;;AAIA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,0BAA0BC,QAC9BF,WAAAA,WACA,qBAAqB;AAGvB,MAAA,4BAAeC;;"}
+{"version":3,"file":"navigationClasses.cjs","sources":["../../../../../src/components/Header/Navigation/navigationClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport type HvHeaderNavigationClasses = { root?: string };\n\nconst classKeys: string[] = [\"root\"];\n\nconst headerNavigationClasses = getClasses<HvHeaderNavigationClasses>(\n  classKeys,\n  \"HvHeader-Navigation\"\n);\n\nexport default headerNavigationClasses;\n"],"names":["classKeys","headerNavigationClasses","getClasses"],"mappings":";;;AAIA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,0BAA0BC,QAC9BF,WAAAA,WACA,qBAAqB;AAGvB,MAAA,4BAAeC;;"}

package/dist/cjs/components/Header/headerClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"headerClasses.cjs","sources":["../../../../src/components/Header/headerClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvHeaderClasses = {\n  root?: string;\n  header?: string;\n  backgroundColor?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"header\", \"backgroundColor\"];\n\nconst headerClasses = getClasses<HvHeaderClasses>(classKeys, \"HvHeader\");\n\nexport default headerClasses;\n"],"names":["classKeys","headerClasses","getClasses"],"mappings":";;;AAQA,MAAMA,YAAsB,CAAC,QAAQ,UAAU,iBAAiB;AAEhE,MAAMC,gBAAgBC,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}
+{"version":3,"file":"headerClasses.cjs","sources":["../../../../src/components/Header/headerClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport type HvHeaderClasses = {\n  root?: string;\n  header?: string;\n  backgroundColor?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"header\", \"backgroundColor\"];\n\nconst headerClasses = getClasses<HvHeaderClasses>(classKeys, \"HvHeader\");\n\nexport default headerClasses;\n"],"names":["classKeys","headerClasses","getClasses"],"mappings":";;;AAQA,MAAMA,YAAsB,CAAC,QAAQ,UAAU,iBAAiB;AAEhE,MAAMC,gBAAgBC,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}

package/dist/cjs/components/Input/Input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n  HTMLInputTypeAttribute,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport clsx from \"clsx\";\nimport {\n  CloseXS,\n  PreviewOff,\n  Preview,\n  Search,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n  HvBaseProps,\n  HvExtraProps,\n  HvInputLabels,\n  HvInputSuggestion,\n  HvValidationMessages,\n} from \"../../types\";\nimport {\n  StyledFormElement,\n  StyledLabelContainer,\n  StyledLabel,\n  StyledSuggestions,\n  StyledBaseInput,\n  StyledInputExtension,\n  StyledAdornmentsBox,\n  StyledAdornmentButton,\n  StyledSuccess,\n} from \"./Input.styles\";\nimport validationStates, {\n  isValid,\n  isInvalid,\n} from \"../Forms/FormElement/validationStates\";\nimport {\n  DEFAULT_ERROR_MESSAGES,\n  computeValidationType,\n  hasBuiltInValidations,\n  validateInput,\n  computeValidationState,\n  computeValidationMessage,\n  HvInputValidity,\n} from \"../BaseInput/validations\";\nimport { isBrowser, isKeypress, keyboardCodes, setId } from \"../../utils\";\nimport {\n  HvFormStatus,\n  HvInfoMessage,\n  HvSuggestion,\n  HvTooltip,\n  HvTypography,\n  HvWarningText,\n} from \"components\";\nimport {\n  useControlled,\n  useIsMounted,\n  useLabels,\n  useUniqueId,\n} from \"../../hooks\";\nimport inputClasses, { HvInputClasses } from \"./inputClasses\";\nimport { InputBaseComponentProps as MuiInputBaseComponentProps } from \"@mui/material\";\n\nexport type HvInputProps = HvBaseProps<\n  HTMLElement,\n  { onChange; onBlur; onFocus; onKeyDown; color }\n> & {\n  /** The form element name. */\n  name?: string;\n  /** The value of the form element. */\n  value?: string;\n  /** When uncontrolled, defines the initial input value. */\n  defaultValue?: string;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Indicates that the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that the form element is not editable. */\n  readOnly?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status?: HvFormStatus;\n  /** The error message to show when `status` is \"invalid\". */\n  statusMessage?: string;\n  /**\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   */\n  onChange?: (\n    event: React.ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => void;\n  /**\n   * Callback called when the user submits the value by pressing Enter/Return.\n   *\n   * Also called when the search button is clicked (when type is \"search\").\n   */\n  onEnter?: (\n    event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the validation state,\n   * it receives the value and the validation state.\n   */\n  onBlur?: (\n    event: React.FocusEvent<HTMLInputElement>,\n    value: string,\n    validationState: HvInputValidity\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus?: (\n    event: React.FocusEventHandler<HTMLInputElement>,\n    value: string\n  ) => void;\n  /**\n   * The function that will be executed onKeyDown, allows checking the value state,\n   * it receives the event and value.\n   */\n  onKeyDown?: (\n    event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /** The input type. */\n  type?: HTMLInputTypeAttribute;\n  /** The placeholder value of the input. */\n  placeholder?: string;\n  /** Internal labels?. */\n  labels?: HvInputLabels & HvExtraProps;\n  /** An Object containing the various texts associated with the input. */\n  validationMessages?: HvValidationMessages;\n  /** Attributes applied to the input element. */\n  inputProps?: MuiInputBaseComponentProps;\n  /** Allows passing a ref to the underlying input */\n  inputRef?: any;\n  /** The function that will be executed to received an array of objects that has a label and id to create list of suggestion */\n  suggestionListCallback?: (value: string) => HvInputSuggestion[] | null;\n  /**\n   * The custom validation function, it receives the value and must return\n   * either `true` for valid or `false` for invalid, default validations would only\n   * occur if this function is null or undefined\n   */\n  validation?: (value: string) => boolean;\n  /** If `true` it should autofocus. */\n  autoFocus?: boolean;\n  /** If `true` the clear button is disabled. */\n  disableClear?: boolean;\n  /** If `true` the reveal password button is disabled. Valid only when type is \"password\". */\n  disableRevealPassword?: boolean;\n  /** If `true` the search button is disabled. Valid only when type is \"search\". */\n  disableSearchButton?: boolean;\n  /**\n   * If `true` the validation icon adornment is visible. Defaults to `false`.\n   *\n   * Currently, DS specifications define only a positive feedback icon;\n   * errors are signaled through the border style and by displaying the error message.\n   */\n  showValidationIcon?: boolean;\n  /** A custom icon to be added into the input. */\n  endAdornment?: React.ReactNode;\n  /** The maximum allowed length of the characters, if this value is null no check will be performed. */\n  maxCharQuantity?: number;\n  /** The minimum allowed length of the characters, if this value is null no check will be perform. */\n  minCharQuantity?: number;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvInputClasses;\n};\n\nconst DEFAULT_LABELS = {\n  clearButtonLabel: \"Clear the text\",\n  revealPasswordButtonLabel: \"Reveal password\",\n  revealPasswordButtonClickToShowTooltip: \"Click to show password.\",\n  revealPasswordButtonClickToHideTooltip: \"Click to hide password.\",\n  searchButtonLabel: \"Search\",\n};\n\n/**\n * Find the focused element onBlur.\n */\nconst getFocusedElement = (event) =>\n  isBrowser(\"ie\") ? document.activeElement : event.relatedTarget;\n\nfunction eventTargetIsInsideContainer(container, event) {\n  return container != null && container.contains(getFocusedElement(event));\n}\n\n/**\n * A text input box is a graphical control element intended to enable the user to input text information to be used by the software.\n */\nexport const HvInput = ({\n  classes,\n  className,\n  id,\n  name,\n  value: valueProp,\n  defaultValue = \"\",\n  required = false,\n  readOnly = false,\n  disabled = false,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n  onChange,\n  onEnter,\n  status,\n  statusMessage,\n  \"aria-errormessage\": ariaErrorMessage,\n  type = \"text\",\n  placeholder,\n  autoFocus = false,\n  labels: labelsProp,\n  validationMessages,\n  disableClear = false,\n  disableRevealPassword = false,\n  disableSearchButton = false,\n  endAdornment,\n  maxCharQuantity,\n  minCharQuantity,\n  validation,\n  showValidationIcon = false,\n  suggestionListCallback,\n  inputRef: inputRefProp,\n  onBlur,\n  onFocus,\n  onKeyDown,\n  inputProps = {},\n  ...others\n}: HvInputProps) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const elementId = useUniqueId(id, \"hvinput\");\n\n  const inputRef = useRef(inputRefProp || null);\n\n  const [focused, setFocused] = useState(false);\n\n  // signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n\n  // value related state\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n\n  const isEmptyValue = value == null || value === \"\";\n\n  // validation related state\n  const [validationState, setValidationState] = useControlled(\n    status,\n    validationStates.standBy\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\n\n  // validationMessages reference tends to change, as users will not memoize/useState for it;\n  // dependencies must be more explicit so we set\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    [\n      validationMessages?.error,\n      validationMessages?.requiredError,\n      validationMessages?.minCharError,\n      validationMessages?.maxCharError,\n      validationMessages?.typeMismatchError,\n    ]\n  );\n\n  const validationType = useMemo(() => computeValidationType(type), [type]);\n\n  // validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n  // and returns the validity state of the input.\n  const performValidation = useCallback(() => {\n    const inputValidity = validateInput(\n      inputRef.current,\n      value,\n      required,\n      minCharQuantity,\n      maxCharQuantity,\n      validationType,\n      validation\n    );\n\n    // this will only run if status is uncontrolled\n    setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n    // this will only run if statusMessage is uncontrolled\n    setValidationMessage(\n      computeValidationMessage(inputValidity, errorMessages)\n    );\n\n    return inputValidity;\n  }, [\n    errorMessages,\n    isEmptyValue,\n    maxCharQuantity,\n    minCharQuantity,\n    required,\n    setValidationMessage,\n    setValidationState,\n    validation,\n    validationType,\n    value,\n  ]);\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and any of the built-in validations are active\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined &&\n        hasBuiltInValidations(\n          required,\n          validationType,\n          minCharQuantity,\n          maxCharQuantity,\n          validation,\n          inputProps\n        )));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  // input type related state\n  const [revealPassword, setRevealPassword] = useState(false);\n\n  const realType = useMemo(() => {\n    if (type === \"password\") {\n      return revealPassword ? \"text\" : \"password\";\n    }\n\n    if (type === \"search\") {\n      return \"search\";\n    }\n\n    return \"text\";\n  }, [revealPassword, type]);\n\n  // suggestions related state\n  const [suggestionValues, setSuggestionValues] = useState<\n    HvSuggestion[] | null\n  >(null);\n\n  const canShowSuggestions = suggestionListCallback != null;\n  const hasSuggestions = !!suggestionValues;\n\n  const materialInputRef = useRef<HTMLElement | null>(null);\n  const suggestionRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    // TODO Replace with ref\n    suggestionRef.current = document.getElementById(\n      setId(elementId, \"suggestions\") || \"\"\n    );\n  }, [elementId]);\n\n  // miscellaneous state\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  /**\n   * Looks for the node that represent the input inside the material tree and focus it.\n   */\n  const focusInput = () => {\n    materialInputRef.current?.focus();\n  };\n\n  const isMounted = useIsMounted();\n\n  /**\n   * Clears the suggestion array.\n   */\n  const suggestionClearHandler = () => {\n    if (isMounted.current) {\n      setSuggestionValues(null);\n    }\n  };\n\n  /**\n   * Fills of the suggestion array.\n   */\n  const suggestionHandler = (val: string) => {\n    const suggestionsArray = suggestionListCallback?.(val);\n    if (suggestionsArray?.[0]?.label) {\n      setSuggestionValues(suggestionsArray);\n    } else {\n      suggestionClearHandler();\n    }\n  };\n\n  /**\n   * Executes the user callback adds the selection to the state and clears the suggestions.\n   */\n  const suggestionSelectedHandler = (event, item) => {\n    const newValue: string = item.value || item.label;\n\n    // set the input value (only when value is uncontrolled)\n    setValue(newValue);\n\n    onChange?.(event, newValue);\n\n    focusInput();\n    suggestionClearHandler();\n\n    if (type === \"search\") {\n      // trigger the onEnter callback when the user selects an option in a search box\n      onEnter?.(event, newValue);\n    }\n  };\n\n  const onChangeHandler = (event, newValue) => {\n    isDirty.current = true;\n\n    // set the input value (only when value is uncontrolled)\n    setValue(newValue);\n\n    onChange?.(event, newValue);\n\n    if (canShowSuggestions) {\n      // an edge case might be a controlled input whose onChange callback\n      // doesn't change the value (or sets another): the suggestionListCallback\n      // callback will still receive the original rejected value.\n      // a refactor is needed so the suggestionListCallback might be called only\n      // when the input is uncontrolled, providing a way to externally control\n      // the suggestion values.\n      suggestionHandler(newValue);\n    }\n  };\n\n  /**\n   * Validates the input updating the state and modifying the info text, also executes\n   * the user provided onBlur passing the current validation status and value.\n   *\n   * @returns {undefined}\n   */\n  const onInputBlurHandler = (event) => {\n    // If the blur is executed when choosing an suggestion it should be ignored.\n    if (eventTargetIsInsideContainer(suggestionRef?.current, event)) return;\n\n    setFocused(false);\n\n    const inputValidity = performValidation();\n\n    onBlur?.(event, value, inputValidity);\n  };\n\n  /**\n   * Updates the state putting again the value from the state because the input value is\n   * not automatically manage, it also executes the onFocus function from the user passing the value\n   */\n  const onFocusHandler = (event) => {\n    setFocused(true);\n\n    // reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    onFocus?.(event, value);\n  };\n\n  const getSuggestions = (li) => {\n    // TODO Replace with ref\n    const listEl = document.getElementById(\n      setId(elementId, \"suggestions-list\") || \"\"\n    );\n    return li != null ? listEl?.getElementsByTagName(\"li\")?.[li] : listEl;\n  };\n\n  const onSuggestionKeyDown = (event) => {\n    if (isKeypress(event, keyboardCodes.Esc)) {\n      suggestionClearHandler();\n      focusInput();\n    } else if (isKeypress(event, keyboardCodes.Tab)) {\n      suggestionClearHandler();\n    }\n  };\n\n  /**\n   * Focus the suggestion list when the arrow down is pressed.\n   *\n   * @param {Object} event - The event provided by the material ui input\n   */\n  const onKeyDownHandler = (event) => {\n    if (isKeypress(event, keyboardCodes.ArrowDown) && hasSuggestions) {\n      const li = getSuggestions(0);\n      li?.focus();\n    } else if (isKeypress(event, keyboardCodes.Enter)) {\n      onEnter?.(event, value);\n    }\n\n    onKeyDown?.(event, value);\n  };\n\n  /**\n   * Clears the suggestion list on blur.\n   *\n   * @param {Object} event - The event provided by the material ui input.\n   */\n  const onContainerBlurHandler = (event) => {\n    if (event.relatedTarget) {\n      setTimeout(() => {\n        const list = getSuggestions(null);\n        if (!list?.contains(document.activeElement)) suggestionClearHandler();\n      }, 10);\n    }\n  };\n\n  const hasOnEnter = onEnter != null;\n\n  // show the clear button only if the input is enabled, not read-only, disableClear is false and the input is not empty\n  // also, don't show it when the input type is \"search\" and the input is active (standBy)\n  const showClear =\n    !disabled &&\n    !readOnly &&\n    !disableClear &&\n    !isEmptyValue &&\n    (!hasOnEnter ||\n      type !== \"search\" ||\n      disableSearchButton ||\n      validationState !== validationStates.standBy);\n\n  const showSearchIcon = type === \"search\" && !disableSearchButton;\n\n  const showRevealPasswordButton =\n    type === \"password\" && !disableRevealPassword;\n\n  /**\n   * Clears the input value from the state and refocus the input.\n   */\n  const handleClear = useCallback(\n    (event) => {\n      // reset validation status to standBy (only when status is uncontrolled)\n      setValidationState(validationStates.standBy);\n\n      // clear the input value (only when value is uncontrolled)\n      setValue(\"\");\n\n      onChange?.(event, \"\");\n\n      // we wan't to focus the input when clicked and not active\n      setTimeout(focusInput);\n    },\n    [onChange, setValidationState, setValue]\n  );\n\n  const clearButton = useMemo(() => {\n    if (!showClear) {\n      return null;\n    }\n\n    return (\n      <StyledAdornmentButton\n        // don't control visibility when the search icon is enabled\n        className={clsx(\n          inputClasses.adornmentButton,\n          classes?.adornmentButton,\n          !showSearchIcon &&\n            clsx(\"iconClear\", inputClasses.iconClear, classes?.iconClear)\n        )}\n        onClick={handleClear}\n        aria-label={labels?.clearButtonLabel}\n        aria-controls={setId(elementId, \"input\")}\n        icon={<CloseXS />}\n        $iconClear={!showSearchIcon}\n      />\n    );\n  }, [\n    showClear,\n    classes?.adornmentButton,\n    classes?.iconClear,\n    showSearchIcon,\n    handleClear,\n    labels?.clearButtonLabel,\n    elementId,\n  ]);\n\n  /**\n   * Calls the onEnter callback and refocus the input.\n   */\n  const handleSearch = useCallback(\n    (event) => {\n      onEnter?.(event, value);\n    },\n    [onEnter, value]\n  );\n\n  const searchButton = useMemo(() => {\n    // if the search icon is not actionable, only show it when the input is empty or active\n    const reallyShowIt =\n      showSearchIcon &&\n      (isEmptyValue ||\n        (hasOnEnter && validationState === validationStates.standBy));\n\n    if (!reallyShowIt) {\n      return null;\n    }\n\n    return (\n      <StyledAdornmentButton\n        className={clsx(inputClasses.adornmentButton, classes?.adornmentButton)}\n        onClick={hasOnEnter ? handleSearch : undefined}\n        aria-label={labels?.searchButtonLabel}\n        icon={<Search />}\n      />\n    );\n  }, [\n    showSearchIcon,\n    isEmptyValue,\n    hasOnEnter,\n    validationState,\n    classes?.adornmentButton,\n    handleSearch,\n    labels?.searchButtonLabel,\n  ]);\n\n  /**\n   * Changes input type and refocus the input.\n   */\n  const handleRevealPassword = useCallback(() => {\n    setRevealPassword(!revealPassword);\n  }, [revealPassword]);\n\n  const revealPasswordButton = useMemo(() => {\n    if (!showRevealPasswordButton) {\n      return null;\n    }\n\n    return (\n      <HvTooltip\n        disableFocusListener\n        disableTouchListener\n        title={\n          <HvTypography>\n            {revealPassword\n              ? labels?.revealPasswordButtonClickToHideTooltip\n              : labels?.revealPasswordButtonClickToShowTooltip}\n          </HvTypography>\n        }\n      >\n        <StyledAdornmentButton\n          className={clsx(\n            inputClasses.adornmentButton,\n            classes?.adornmentButton\n          )}\n          onClick={handleRevealPassword}\n          aria-label={labels?.revealPasswordButtonLabel}\n          aria-controls={setId(elementId, \"input\")}\n          icon={revealPassword ? <PreviewOff /> : <Preview />}\n        />\n      </HvTooltip>\n    );\n  }, [\n    showRevealPasswordButton,\n    revealPassword,\n    labels?.revealPasswordButtonClickToHideTooltip,\n    labels?.revealPasswordButtonClickToShowTooltip,\n    labels?.revealPasswordButtonLabel,\n    classes?.adornmentButton,\n    handleRevealPassword,\n    elementId,\n  ]);\n\n  const validationIcon = useMemo(() => {\n    if (!showValidationIcon) {\n      return null;\n    }\n\n    if (!isValid(validationState)) {\n      return null;\n    }\n\n    return (\n      <StyledSuccess\n        semantic=\"positive\"\n        className={clsx(inputClasses.icon, classes?.icon)}\n      />\n    );\n  }, [showValidationIcon, validationState, classes?.icon]);\n\n  // useMemo to avoid repetitive cloning of the custom icon\n  const customIconEl = useMemo(\n    () =>\n      isValidElement(endAdornment) &&\n      React.cloneElement(endAdornment as React.ReactElement, {\n        className: clsx(\n          inputClasses.icon,\n          classes?.icon,\n          endAdornment.props.className\n        ),\n      }),\n    [classes?.icon, endAdornment]\n  );\n\n  const adornments = useMemo(() => {\n    if (\n      !clearButton &&\n      !revealPasswordButton &&\n      !searchButton &&\n      !validationIcon &&\n      !customIconEl\n    )\n      return null;\n\n    // note: specification implies that the custom icon should be hidden when\n    // a validation feedback icon is being shown.\n    return (\n      <StyledAdornmentsBox\n        className={clsx(inputClasses.adornmentsBox, classes?.adornmentsBox)}\n        aria-hidden=\"true\"\n      >\n        {clearButton}\n        {revealPasswordButton}\n        {searchButton}\n        {validationIcon || customIconEl}\n      </StyledAdornmentsBox>\n    );\n  }, [\n    classes?.adornmentsBox,\n    clearButton,\n    customIconEl,\n    revealPasswordButton,\n    searchButton,\n    validationIcon,\n  ]);\n\n  // run initial validation after first render\n  // and also when any validation condition changes\n  useEffect(() => {\n    if (focused || (!isDirty.current && isEmptyValue)) {\n      // skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n\n    performValidation();\n  }, [focused, isEmptyValue, performValidation]);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(\n        inputClasses.root,\n        classes?.root,\n        className,\n        hasSuggestions &&\n          clsx(inputClasses.hasSuggestions, classes?.hasSuggestions)\n      )}\n      onBlur={onContainerBlurHandler}\n    >\n      {(hasLabel || hasDescription) && (\n        <StyledLabelContainer\n          className={clsx(inputClasses.labelContainer, classes?.labelContainer)}\n        >\n          {hasLabel && (\n            <StyledLabel\n              id={setId(elementId, \"label\")}\n              className={clsx(inputClasses.label, classes?.label)}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              id={setId(elementId, \"description\")}\n              className={clsx(inputClasses.description, classes?.description)}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </StyledLabelContainer>\n      )}\n      <StyledBaseInput\n        id={\n          hasLabel || showClear || showRevealPasswordButton\n            ? setId(elementId, \"input\")\n            : setId(id, \"input\")\n        }\n        name={name}\n        value={value}\n        required={required}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={onChangeHandler}\n        autoFocus={autoFocus}\n        onKeyDown={onKeyDownHandler}\n        onBlur={onInputBlurHandler}\n        onFocus={onFocusHandler}\n        placeholder={placeholder}\n        type={realType}\n        classes={{\n          input: clsx(inputClasses.input, classes?.input),\n          inputRoot: clsx(inputClasses.inputRoot, classes?.inputRoot),\n          inputRootFocused: clsx(\n            inputClasses.inputRootFocused,\n            classes?.inputRootFocused\n          ),\n          inputRootDisabled: clsx(\n            inputClasses.inputRootDisabled,\n            classes?.inputRootDisabled\n          ),\n          inputRootMultiline: clsx(\n            inputClasses.inputRootMultiline,\n            classes?.inputRootMultiline\n          ),\n          inputBorderContainer: clsx(\n            inputClasses.inputBorderContainer,\n            classes?.inputBorderContainer\n          ),\n        }}\n        invalid={isStateInvalid}\n        inputProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-labelledby\": ariaLabelledBy,\n          \"aria-invalid\": isStateInvalid ? true : undefined,\n          \"aria-errormessage\": errorMessageId,\n          \"aria-describedby\":\n            ariaDescribedBy != null\n              ? ariaDescribedBy\n              : description\n              ? setId(elementId, \"description\")\n              : undefined,\n          \"aria-controls\": canShowSuggestions\n            ? setId(elementId, \"suggestions\")\n            : undefined,\n\n          ref: materialInputRef,\n\n          // prevent browsers auto-fill/suggestions when we have our own\n          autoComplete: canShowSuggestions ? \"off\" : undefined,\n\n          ...inputProps,\n        }}\n        inputRef={inputRefProp || inputRef}\n        endAdornment={adornments}\n        {...others}\n      />\n      {canShowSuggestions && (\n        <>\n          {hasSuggestions && (\n            <StyledInputExtension\n              role=\"presentation\"\n              className={clsx(\n                inputClasses.inputExtension,\n                classes?.inputExtension\n              )}\n            />\n          )}\n          <StyledSuggestions\n            id={setId(elementId, \"suggestions\")}\n            classes={{\n              root: clsx(\n                inputClasses.suggestionsContainer,\n                classes?.suggestionsContainer\n              ),\n              list: clsx(inputClasses.suggestionList, classes?.suggestionList),\n            }}\n            expanded={hasSuggestions}\n            anchorEl={inputRef?.current?.parentElement}\n            onClose={suggestionClearHandler}\n            onKeyDown={onSuggestionKeyDown}\n            onSuggestionSelected={suggestionSelectedHandler}\n            suggestionValues={suggestionValues}\n          />\n        </>\n      )}\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(inputClasses.error, classes?.error)}\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["DEFAULT_LABELS","clearButtonLabel","revealPasswordButtonLabel","revealPasswordButtonClickToShowTooltip","revealPasswordButtonClickToHideTooltip","searchButtonLabel","getFocusedElement","event","isBrowser","document","activeElement","relatedTarget","eventTargetIsInsideContainer","container","contains","HvInput","classes","className","id","name","value","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onEnter","status","statusMessage","ariaErrorMessage","type","placeholder","autoFocus","labels","labelsProp","validationMessages","disableClear","disableRevealPassword","disableSearchButton","endAdornment","maxCharQuantity","minCharQuantity","validation","showValidationIcon","suggestionListCallback","inputRef","inputRefProp","onBlur","onFocus","onKeyDown","inputProps","others","useLabels","elementId","useUniqueId","useRef","focused","setFocused","useState","isDirty","setValue","useControlled","isEmptyValue","validationState","setValidationState","validationStates","standBy","validationMessage","setValidationMessage","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","typeMismatchError","validationType","computeValidationType","performValidation","useCallback","inputValidity","validateInput","current","computeValidationState","computeValidationMessage","canShowError","undefined","hasBuiltInValidations","isStateInvalid","isInvalid","revealPassword","setRevealPassword","realType","suggestionValues","setSuggestionValues","canShowSuggestions","hasSuggestions","materialInputRef","suggestionRef","useEffect","getElementById","setId","hasLabel","hasDescription","focusInput","focus","isMounted","useIsMounted","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","newValue","onChangeHandler","onInputBlurHandler","onFocusHandler","getSuggestions","li","listEl","getElementsByTagName","onSuggestionKeyDown","isKeypress","keyboardCodes","Esc","Tab","onKeyDownHandler","ArrowDown","Enter","onContainerBlurHandler","setTimeout","list","hasOnEnter","showClear","showSearchIcon","showRevealPasswordButton","handleClear","clearButton","_jsx","StyledAdornmentButton","clsx","inputClasses","adornmentButton","iconClear","onClick","icon","CloseXS","$iconClear","handleSearch","searchButton","reallyShowIt","Search","handleRevealPassword","revealPasswordButton","HvTooltip","disableFocusListener","disableTouchListener","title","HvTypography","children","PreviewOff","Preview","validationIcon","isValid","StyledSuccess","semantic","customIconEl","isValidElement","React","cloneElement","props","adornments","StyledAdornmentsBox","adornmentsBox","errorMessageId","StyledFormElement","root","StyledLabelContainer","labelContainer","StyledLabel","htmlFor","HvInfoMessage","StyledBaseInput","input","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","invalid","ref","autoComplete","_jsxs","_Fragment","StyledInputExtension","role","inputExtension","StyledSuggestions","suggestionsContainer","suggestionList","expanded","anchorEl","parentElement","onClose","onSuggestionSelected","HvWarningText","disableBorder"],"mappings":"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"}
+{"version":3,"file":"Input.cjs","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n  HTMLInputTypeAttribute,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport clsx from \"clsx\";\nimport {\n  CloseXS,\n  PreviewOff,\n  Preview,\n  Search,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n  HvBaseProps,\n  HvExtraProps,\n  HvInputLabels,\n  HvInputSuggestion,\n  HvValidationMessages,\n} from \"../../types\";\nimport {\n  StyledFormElement,\n  StyledLabelContainer,\n  StyledLabel,\n  StyledSuggestions,\n  StyledBaseInput,\n  StyledInputExtension,\n  StyledAdornmentsBox,\n  StyledAdornmentButton,\n  StyledSuccess,\n} from \"./Input.styles\";\nimport validationStates, {\n  isValid,\n  isInvalid,\n} from \"../Forms/FormElement/validationStates\";\nimport {\n  DEFAULT_ERROR_MESSAGES,\n  computeValidationType,\n  hasBuiltInValidations,\n  validateInput,\n  computeValidationState,\n  computeValidationMessage,\n  HvInputValidity,\n} from \"../BaseInput/validations\";\nimport { isBrowser, isKeypress, keyboardCodes, setId } from \"../../utils\";\nimport {\n  HvFormStatus,\n  HvInfoMessage,\n  HvSuggestion,\n  HvTooltip,\n  HvTypography,\n  HvWarningText,\n} from \"~/components\";\nimport {\n  useControlled,\n  useIsMounted,\n  useLabels,\n  useUniqueId,\n} from \"../../hooks\";\nimport inputClasses, { HvInputClasses } from \"./inputClasses\";\nimport { InputBaseComponentProps as MuiInputBaseComponentProps } from \"@mui/material\";\n\nexport type HvInputProps = HvBaseProps<\n  HTMLElement,\n  { onChange; onBlur; onFocus; onKeyDown; color }\n> & {\n  /** The form element name. */\n  name?: string;\n  /** The value of the form element. */\n  value?: string;\n  /** When uncontrolled, defines the initial input value. */\n  defaultValue?: string;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Indicates that the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that the form element is not editable. */\n  readOnly?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status?: HvFormStatus;\n  /** The error message to show when `status` is \"invalid\". */\n  statusMessage?: string;\n  /**\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   */\n  onChange?: (\n    event: React.ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => void;\n  /**\n   * Callback called when the user submits the value by pressing Enter/Return.\n   *\n   * Also called when the search button is clicked (when type is \"search\").\n   */\n  onEnter?: (\n    event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the validation state,\n   * it receives the value and the validation state.\n   */\n  onBlur?: (\n    event: React.FocusEvent<HTMLInputElement>,\n    value: string,\n    validationState: HvInputValidity\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus?: (\n    event: React.FocusEventHandler<HTMLInputElement>,\n    value: string\n  ) => void;\n  /**\n   * The function that will be executed onKeyDown, allows checking the value state,\n   * it receives the event and value.\n   */\n  onKeyDown?: (\n    event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /** The input type. */\n  type?: HTMLInputTypeAttribute;\n  /** The placeholder value of the input. */\n  placeholder?: string;\n  /** Internal labels?. */\n  labels?: HvInputLabels & HvExtraProps;\n  /** An Object containing the various texts associated with the input. */\n  validationMessages?: HvValidationMessages;\n  /** Attributes applied to the input element. */\n  inputProps?: MuiInputBaseComponentProps;\n  /** Allows passing a ref to the underlying input */\n  inputRef?: any;\n  /** The function that will be executed to received an array of objects that has a label and id to create list of suggestion */\n  suggestionListCallback?: (value: string) => HvInputSuggestion[] | null;\n  /**\n   * The custom validation function, it receives the value and must return\n   * either `true` for valid or `false` for invalid, default validations would only\n   * occur if this function is null or undefined\n   */\n  validation?: (value: string) => boolean;\n  /** If `true` it should autofocus. */\n  autoFocus?: boolean;\n  /** If `true` the clear button is disabled. */\n  disableClear?: boolean;\n  /** If `true` the reveal password button is disabled. Valid only when type is \"password\". */\n  disableRevealPassword?: boolean;\n  /** If `true` the search button is disabled. Valid only when type is \"search\". */\n  disableSearchButton?: boolean;\n  /**\n   * If `true` the validation icon adornment is visible. Defaults to `false`.\n   *\n   * Currently, DS specifications define only a positive feedback icon;\n   * errors are signaled through the border style and by displaying the error message.\n   */\n  showValidationIcon?: boolean;\n  /** A custom icon to be added into the input. */\n  endAdornment?: React.ReactNode;\n  /** The maximum allowed length of the characters, if this value is null no check will be performed. */\n  maxCharQuantity?: number;\n  /** The minimum allowed length of the characters, if this value is null no check will be perform. */\n  minCharQuantity?: number;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvInputClasses;\n};\n\nconst DEFAULT_LABELS = {\n  clearButtonLabel: \"Clear the text\",\n  revealPasswordButtonLabel: \"Reveal password\",\n  revealPasswordButtonClickToShowTooltip: \"Click to show password.\",\n  revealPasswordButtonClickToHideTooltip: \"Click to hide password.\",\n  searchButtonLabel: \"Search\",\n};\n\n/**\n * Find the focused element onBlur.\n */\nconst getFocusedElement = (event) =>\n  isBrowser(\"ie\") ? document.activeElement : event.relatedTarget;\n\nfunction eventTargetIsInsideContainer(container, event) {\n  return container != null && container.contains(getFocusedElement(event));\n}\n\n/**\n * A text input box is a graphical control element intended to enable the user to input text information to be used by the software.\n */\nexport const HvInput = ({\n  classes,\n  className,\n  id,\n  name,\n  value: valueProp,\n  defaultValue = \"\",\n  required = false,\n  readOnly = false,\n  disabled = false,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n  onChange,\n  onEnter,\n  status,\n  statusMessage,\n  \"aria-errormessage\": ariaErrorMessage,\n  type = \"text\",\n  placeholder,\n  autoFocus = false,\n  labels: labelsProp,\n  validationMessages,\n  disableClear = false,\n  disableRevealPassword = false,\n  disableSearchButton = false,\n  endAdornment,\n  maxCharQuantity,\n  minCharQuantity,\n  validation,\n  showValidationIcon = false,\n  suggestionListCallback,\n  inputRef: inputRefProp,\n  onBlur,\n  onFocus,\n  onKeyDown,\n  inputProps = {},\n  ...others\n}: HvInputProps) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const elementId = useUniqueId(id, \"hvinput\");\n\n  const inputRef = useRef(inputRefProp || null);\n\n  const [focused, setFocused] = useState(false);\n\n  // signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n\n  // value related state\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n\n  const isEmptyValue = value == null || value === \"\";\n\n  // validation related state\n  const [validationState, setValidationState] = useControlled(\n    status,\n    validationStates.standBy\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\n\n  // validationMessages reference tends to change, as users will not memoize/useState for it;\n  // dependencies must be more explicit so we set\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    [\n      validationMessages?.error,\n      validationMessages?.requiredError,\n      validationMessages?.minCharError,\n      validationMessages?.maxCharError,\n      validationMessages?.typeMismatchError,\n    ]\n  );\n\n  const validationType = useMemo(() => computeValidationType(type), [type]);\n\n  // validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n  // and returns the validity state of the input.\n  const performValidation = useCallback(() => {\n    const inputValidity = validateInput(\n      inputRef.current,\n      value,\n      required,\n      minCharQuantity,\n      maxCharQuantity,\n      validationType,\n      validation\n    );\n\n    // this will only run if status is uncontrolled\n    setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n    // this will only run if statusMessage is uncontrolled\n    setValidationMessage(\n      computeValidationMessage(inputValidity, errorMessages)\n    );\n\n    return inputValidity;\n  }, [\n    errorMessages,\n    isEmptyValue,\n    maxCharQuantity,\n    minCharQuantity,\n    required,\n    setValidationMessage,\n    setValidationState,\n    validation,\n    validationType,\n    value,\n  ]);\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and any of the built-in validations are active\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined &&\n        hasBuiltInValidations(\n          required,\n          validationType,\n          minCharQuantity,\n          maxCharQuantity,\n          validation,\n          inputProps\n        )));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  // input type related state\n  const [revealPassword, setRevealPassword] = useState(false);\n\n  const realType = useMemo(() => {\n    if (type === \"password\") {\n      return revealPassword ? \"text\" : \"password\";\n    }\n\n    if (type === \"search\") {\n      return \"search\";\n    }\n\n    return \"text\";\n  }, [revealPassword, type]);\n\n  // suggestions related state\n  const [suggestionValues, setSuggestionValues] = useState<\n    HvSuggestion[] | null\n  >(null);\n\n  const canShowSuggestions = suggestionListCallback != null;\n  const hasSuggestions = !!suggestionValues;\n\n  const materialInputRef = useRef<HTMLElement | null>(null);\n  const suggestionRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    // TODO Replace with ref\n    suggestionRef.current = document.getElementById(\n      setId(elementId, \"suggestions\") || \"\"\n    );\n  }, [elementId]);\n\n  // miscellaneous state\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  /**\n   * Looks for the node that represent the input inside the material tree and focus it.\n   */\n  const focusInput = () => {\n    materialInputRef.current?.focus();\n  };\n\n  const isMounted = useIsMounted();\n\n  /**\n   * Clears the suggestion array.\n   */\n  const suggestionClearHandler = () => {\n    if (isMounted.current) {\n      setSuggestionValues(null);\n    }\n  };\n\n  /**\n   * Fills of the suggestion array.\n   */\n  const suggestionHandler = (val: string) => {\n    const suggestionsArray = suggestionListCallback?.(val);\n    if (suggestionsArray?.[0]?.label) {\n      setSuggestionValues(suggestionsArray);\n    } else {\n      suggestionClearHandler();\n    }\n  };\n\n  /**\n   * Executes the user callback adds the selection to the state and clears the suggestions.\n   */\n  const suggestionSelectedHandler = (event, item) => {\n    const newValue: string = item.value || item.label;\n\n    // set the input value (only when value is uncontrolled)\n    setValue(newValue);\n\n    onChange?.(event, newValue);\n\n    focusInput();\n    suggestionClearHandler();\n\n    if (type === \"search\") {\n      // trigger the onEnter callback when the user selects an option in a search box\n      onEnter?.(event, newValue);\n    }\n  };\n\n  const onChangeHandler = (event, newValue) => {\n    isDirty.current = true;\n\n    // set the input value (only when value is uncontrolled)\n    setValue(newValue);\n\n    onChange?.(event, newValue);\n\n    if (canShowSuggestions) {\n      // an edge case might be a controlled input whose onChange callback\n      // doesn't change the value (or sets another): the suggestionListCallback\n      // callback will still receive the original rejected value.\n      // a refactor is needed so the suggestionListCallback might be called only\n      // when the input is uncontrolled, providing a way to externally control\n      // the suggestion values.\n      suggestionHandler(newValue);\n    }\n  };\n\n  /**\n   * Validates the input updating the state and modifying the info text, also executes\n   * the user provided onBlur passing the current validation status and value.\n   *\n   * @returns {undefined}\n   */\n  const onInputBlurHandler = (event) => {\n    // If the blur is executed when choosing an suggestion it should be ignored.\n    if (eventTargetIsInsideContainer(suggestionRef?.current, event)) return;\n\n    setFocused(false);\n\n    const inputValidity = performValidation();\n\n    onBlur?.(event, value, inputValidity);\n  };\n\n  /**\n   * Updates the state putting again the value from the state because the input value is\n   * not automatically manage, it also executes the onFocus function from the user passing the value\n   */\n  const onFocusHandler = (event) => {\n    setFocused(true);\n\n    // reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    onFocus?.(event, value);\n  };\n\n  const getSuggestions = (li) => {\n    // TODO Replace with ref\n    const listEl = document.getElementById(\n      setId(elementId, \"suggestions-list\") || \"\"\n    );\n    return li != null ? listEl?.getElementsByTagName(\"li\")?.[li] : listEl;\n  };\n\n  const onSuggestionKeyDown = (event) => {\n    if (isKeypress(event, keyboardCodes.Esc)) {\n      suggestionClearHandler();\n      focusInput();\n    } else if (isKeypress(event, keyboardCodes.Tab)) {\n      suggestionClearHandler();\n    }\n  };\n\n  /**\n   * Focus the suggestion list when the arrow down is pressed.\n   *\n   * @param {Object} event - The event provided by the material ui input\n   */\n  const onKeyDownHandler = (event) => {\n    if (isKeypress(event, keyboardCodes.ArrowDown) && hasSuggestions) {\n      const li = getSuggestions(0);\n      li?.focus();\n    } else if (isKeypress(event, keyboardCodes.Enter)) {\n      onEnter?.(event, value);\n    }\n\n    onKeyDown?.(event, value);\n  };\n\n  /**\n   * Clears the suggestion list on blur.\n   *\n   * @param {Object} event - The event provided by the material ui input.\n   */\n  const onContainerBlurHandler = (event) => {\n    if (event.relatedTarget) {\n      setTimeout(() => {\n        const list = getSuggestions(null);\n        if (!list?.contains(document.activeElement)) suggestionClearHandler();\n      }, 10);\n    }\n  };\n\n  const hasOnEnter = onEnter != null;\n\n  // show the clear button only if the input is enabled, not read-only, disableClear is false and the input is not empty\n  // also, don't show it when the input type is \"search\" and the input is active (standBy)\n  const showClear =\n    !disabled &&\n    !readOnly &&\n    !disableClear &&\n    !isEmptyValue &&\n    (!hasOnEnter ||\n      type !== \"search\" ||\n      disableSearchButton ||\n      validationState !== validationStates.standBy);\n\n  const showSearchIcon = type === \"search\" && !disableSearchButton;\n\n  const showRevealPasswordButton =\n    type === \"password\" && !disableRevealPassword;\n\n  /**\n   * Clears the input value from the state and refocus the input.\n   */\n  const handleClear = useCallback(\n    (event) => {\n      // reset validation status to standBy (only when status is uncontrolled)\n      setValidationState(validationStates.standBy);\n\n      // clear the input value (only when value is uncontrolled)\n      setValue(\"\");\n\n      onChange?.(event, \"\");\n\n      // we wan't to focus the input when clicked and not active\n      setTimeout(focusInput);\n    },\n    [onChange, setValidationState, setValue]\n  );\n\n  const clearButton = useMemo(() => {\n    if (!showClear) {\n      return null;\n    }\n\n    return (\n      <StyledAdornmentButton\n        // don't control visibility when the search icon is enabled\n        className={clsx(\n          inputClasses.adornmentButton,\n          classes?.adornmentButton,\n          !showSearchIcon &&\n            clsx(\"iconClear\", inputClasses.iconClear, classes?.iconClear)\n        )}\n        onClick={handleClear}\n        aria-label={labels?.clearButtonLabel}\n        aria-controls={setId(elementId, \"input\")}\n        icon={<CloseXS />}\n        $iconClear={!showSearchIcon}\n      />\n    );\n  }, [\n    showClear,\n    classes?.adornmentButton,\n    classes?.iconClear,\n    showSearchIcon,\n    handleClear,\n    labels?.clearButtonLabel,\n    elementId,\n  ]);\n\n  /**\n   * Calls the onEnter callback and refocus the input.\n   */\n  const handleSearch = useCallback(\n    (event) => {\n      onEnter?.(event, value);\n    },\n    [onEnter, value]\n  );\n\n  const searchButton = useMemo(() => {\n    // if the search icon is not actionable, only show it when the input is empty or active\n    const reallyShowIt =\n      showSearchIcon &&\n      (isEmptyValue ||\n        (hasOnEnter && validationState === validationStates.standBy));\n\n    if (!reallyShowIt) {\n      return null;\n    }\n\n    return (\n      <StyledAdornmentButton\n        className={clsx(inputClasses.adornmentButton, classes?.adornmentButton)}\n        onClick={hasOnEnter ? handleSearch : undefined}\n        aria-label={labels?.searchButtonLabel}\n        icon={<Search />}\n      />\n    );\n  }, [\n    showSearchIcon,\n    isEmptyValue,\n    hasOnEnter,\n    validationState,\n    classes?.adornmentButton,\n    handleSearch,\n    labels?.searchButtonLabel,\n  ]);\n\n  /**\n   * Changes input type and refocus the input.\n   */\n  const handleRevealPassword = useCallback(() => {\n    setRevealPassword(!revealPassword);\n  }, [revealPassword]);\n\n  const revealPasswordButton = useMemo(() => {\n    if (!showRevealPasswordButton) {\n      return null;\n    }\n\n    return (\n      <HvTooltip\n        disableFocusListener\n        disableTouchListener\n        title={\n          <HvTypography>\n            {revealPassword\n              ? labels?.revealPasswordButtonClickToHideTooltip\n              : labels?.revealPasswordButtonClickToShowTooltip}\n          </HvTypography>\n        }\n      >\n        <StyledAdornmentButton\n          className={clsx(\n            inputClasses.adornmentButton,\n            classes?.adornmentButton\n          )}\n          onClick={handleRevealPassword}\n          aria-label={labels?.revealPasswordButtonLabel}\n          aria-controls={setId(elementId, \"input\")}\n          icon={revealPassword ? <PreviewOff /> : <Preview />}\n        />\n      </HvTooltip>\n    );\n  }, [\n    showRevealPasswordButton,\n    revealPassword,\n    labels?.revealPasswordButtonClickToHideTooltip,\n    labels?.revealPasswordButtonClickToShowTooltip,\n    labels?.revealPasswordButtonLabel,\n    classes?.adornmentButton,\n    handleRevealPassword,\n    elementId,\n  ]);\n\n  const validationIcon = useMemo(() => {\n    if (!showValidationIcon) {\n      return null;\n    }\n\n    if (!isValid(validationState)) {\n      return null;\n    }\n\n    return (\n      <StyledSuccess\n        semantic=\"positive\"\n        className={clsx(inputClasses.icon, classes?.icon)}\n      />\n    );\n  }, [showValidationIcon, validationState, classes?.icon]);\n\n  // useMemo to avoid repetitive cloning of the custom icon\n  const customIconEl = useMemo(\n    () =>\n      isValidElement(endAdornment) &&\n      React.cloneElement(endAdornment as React.ReactElement, {\n        className: clsx(\n          inputClasses.icon,\n          classes?.icon,\n          endAdornment.props.className\n        ),\n      }),\n    [classes?.icon, endAdornment]\n  );\n\n  const adornments = useMemo(() => {\n    if (\n      !clearButton &&\n      !revealPasswordButton &&\n      !searchButton &&\n      !validationIcon &&\n      !customIconEl\n    )\n      return null;\n\n    // note: specification implies that the custom icon should be hidden when\n    // a validation feedback icon is being shown.\n    return (\n      <StyledAdornmentsBox\n        className={clsx(inputClasses.adornmentsBox, classes?.adornmentsBox)}\n        aria-hidden=\"true\"\n      >\n        {clearButton}\n        {revealPasswordButton}\n        {searchButton}\n        {validationIcon || customIconEl}\n      </StyledAdornmentsBox>\n    );\n  }, [\n    classes?.adornmentsBox,\n    clearButton,\n    customIconEl,\n    revealPasswordButton,\n    searchButton,\n    validationIcon,\n  ]);\n\n  // run initial validation after first render\n  // and also when any validation condition changes\n  useEffect(() => {\n    if (focused || (!isDirty.current && isEmptyValue)) {\n      // skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n\n    performValidation();\n  }, [focused, isEmptyValue, performValidation]);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(\n        inputClasses.root,\n        classes?.root,\n        className,\n        hasSuggestions &&\n          clsx(inputClasses.hasSuggestions, classes?.hasSuggestions)\n      )}\n      onBlur={onContainerBlurHandler}\n    >\n      {(hasLabel || hasDescription) && (\n        <StyledLabelContainer\n          className={clsx(inputClasses.labelContainer, classes?.labelContainer)}\n        >\n          {hasLabel && (\n            <StyledLabel\n              id={setId(elementId, \"label\")}\n              className={clsx(inputClasses.label, classes?.label)}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              id={setId(elementId, \"description\")}\n              className={clsx(inputClasses.description, classes?.description)}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </StyledLabelContainer>\n      )}\n      <StyledBaseInput\n        id={\n          hasLabel || showClear || showRevealPasswordButton\n            ? setId(elementId, \"input\")\n            : setId(id, \"input\")\n        }\n        name={name}\n        value={value}\n        required={required}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={onChangeHandler}\n        autoFocus={autoFocus}\n        onKeyDown={onKeyDownHandler}\n        onBlur={onInputBlurHandler}\n        onFocus={onFocusHandler}\n        placeholder={placeholder}\n        type={realType}\n        classes={{\n          input: clsx(inputClasses.input, classes?.input),\n          inputRoot: clsx(inputClasses.inputRoot, classes?.inputRoot),\n          inputRootFocused: clsx(\n            inputClasses.inputRootFocused,\n            classes?.inputRootFocused\n          ),\n          inputRootDisabled: clsx(\n            inputClasses.inputRootDisabled,\n            classes?.inputRootDisabled\n          ),\n          inputRootMultiline: clsx(\n            inputClasses.inputRootMultiline,\n            classes?.inputRootMultiline\n          ),\n          inputBorderContainer: clsx(\n            inputClasses.inputBorderContainer,\n            classes?.inputBorderContainer\n          ),\n        }}\n        invalid={isStateInvalid}\n        inputProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-labelledby\": ariaLabelledBy,\n          \"aria-invalid\": isStateInvalid ? true : undefined,\n          \"aria-errormessage\": errorMessageId,\n          \"aria-describedby\":\n            ariaDescribedBy != null\n              ? ariaDescribedBy\n              : description\n              ? setId(elementId, \"description\")\n              : undefined,\n          \"aria-controls\": canShowSuggestions\n            ? setId(elementId, \"suggestions\")\n            : undefined,\n\n          ref: materialInputRef,\n\n          // prevent browsers auto-fill/suggestions when we have our own\n          autoComplete: canShowSuggestions ? \"off\" : undefined,\n\n          ...inputProps,\n        }}\n        inputRef={inputRefProp || inputRef}\n        endAdornment={adornments}\n        {...others}\n      />\n      {canShowSuggestions && (\n        <>\n          {hasSuggestions && (\n            <StyledInputExtension\n              role=\"presentation\"\n              className={clsx(\n                inputClasses.inputExtension,\n                classes?.inputExtension\n              )}\n            />\n          )}\n          <StyledSuggestions\n            id={setId(elementId, \"suggestions\")}\n            classes={{\n              root: clsx(\n                inputClasses.suggestionsContainer,\n                classes?.suggestionsContainer\n              ),\n              list: clsx(inputClasses.suggestionList, classes?.suggestionList),\n            }}\n            expanded={hasSuggestions}\n            anchorEl={inputRef?.current?.parentElement}\n            onClose={suggestionClearHandler}\n            onKeyDown={onSuggestionKeyDown}\n            onSuggestionSelected={suggestionSelectedHandler}\n            suggestionValues={suggestionValues}\n          />\n        </>\n      )}\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(inputClasses.error, classes?.error)}\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["DEFAULT_LABELS","clearButtonLabel","revealPasswordButtonLabel","revealPasswordButtonClickToShowTooltip","revealPasswordButtonClickToHideTooltip","searchButtonLabel","getFocusedElement","event","isBrowser","document","activeElement","relatedTarget","eventTargetIsInsideContainer","container","contains","HvInput","classes","className","id","name","value","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onEnter","status","statusMessage","ariaErrorMessage","type","placeholder","autoFocus","labels","labelsProp","validationMessages","disableClear","disableRevealPassword","disableSearchButton","endAdornment","maxCharQuantity","minCharQuantity","validation","showValidationIcon","suggestionListCallback","inputRef","inputRefProp","onBlur","onFocus","onKeyDown","inputProps","others","useLabels","elementId","useUniqueId","useRef","focused","setFocused","useState","isDirty","setValue","useControlled","isEmptyValue","validationState","setValidationState","validationStates","standBy","validationMessage","setValidationMessage","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","typeMismatchError","validationType","computeValidationType","performValidation","useCallback","inputValidity","validateInput","current","computeValidationState","computeValidationMessage","canShowError","undefined","hasBuiltInValidations","isStateInvalid","isInvalid","revealPassword","setRevealPassword","realType","suggestionValues","setSuggestionValues","canShowSuggestions","hasSuggestions","materialInputRef","suggestionRef","useEffect","getElementById","setId","hasLabel","hasDescription","focusInput","focus","isMounted","useIsMounted","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","newValue","onChangeHandler","onInputBlurHandler","onFocusHandler","getSuggestions","li","listEl","getElementsByTagName","onSuggestionKeyDown","isKeypress","keyboardCodes","Esc","Tab","onKeyDownHandler","ArrowDown","Enter","onContainerBlurHandler","setTimeout","list","hasOnEnter","showClear","showSearchIcon","showRevealPasswordButton","handleClear","clearButton","_jsx","StyledAdornmentButton","clsx","inputClasses","adornmentButton","iconClear","onClick","icon","CloseXS","$iconClear","handleSearch","searchButton","reallyShowIt","Search","handleRevealPassword","revealPasswordButton","HvTooltip","disableFocusListener","disableTouchListener","title","HvTypography","children","PreviewOff","Preview","validationIcon","isValid","StyledSuccess","semantic","customIconEl","isValidElement","React","cloneElement","props","adornments","StyledAdornmentsBox","adornmentsBox","errorMessageId","StyledFormElement","root","StyledLabelContainer","labelContainer","StyledLabel","htmlFor","HvInfoMessage","StyledBaseInput","input","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","invalid","ref","autoComplete","_jsxs","_Fragment","StyledInputExtension","role","inputExtension","StyledSuggestions","suggestionsContainer","suggestionList","expanded","anchorEl","parentElement","onClose","onSuggestionSelected","HvWarningText","disableBorder"],"mappings":"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"}