@hitachivantara/uikit-react-core 5.5.0 → 5.7.0

package/dist/esm/components/Footer/footerClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerClasses.js","sources":["../../../../src/components/Footer/footerClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvFooterClasses {\n  root?: string;\n  name?: string;\n  copyright?: string;\n  separator?: string;\n  rightContainer?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"name\",\n  \"copyright\",\n  \"separator\",\n  \"rightContainer\",\n];\n\nconst footerClasses = getClasses<HvFooterClasses>(classKeys, \"HvFooter\");\n\nexport default footerClasses;\n"],"names":["classKeys","footerClasses","getClasses"],"mappings":";AAUA,MAAMA,YAAsB,CAC1B,QACA,QACA,aACA,aACA,gBAAgB;AAGlB,MAAMC,gBAAgBC,WAA4BF,WAAW,UAAU;AAEvE,MAAA,kBAAeC;"}
+{"version":3,"file":"footerClasses.js","sources":["../../../../src/components/Footer/footerClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvFooterClasses {\n  root?: string;\n  name?: string;\n  copyright?: string;\n  separator?: string;\n  rightContainer?: string;\n}\n\nconst classKeys: (keyof HvFooterClasses)[] = [\n  \"root\",\n  \"name\",\n  \"copyright\",\n  \"separator\",\n  \"rightContainer\",\n];\n\nconst footerClasses = getClasses(classKeys, \"HvFooter\");\n\nexport default footerClasses;\n"],"names":["classKeys","footerClasses","getClasses"],"mappings":";AAUA,MAAMA,YAAuC,CAC3C,QACA,QACA,aACA,aACA,gBAAgB;AAGlB,MAAMC,gBAAgBC,WAAWF,WAAW,UAAU;AAEtD,MAAA,kBAAeC;"}

package/dist/esm/components/Forms/Adornment/Adornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"Adornment.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.tsx"],"sourcesContent":["import { useContext, forwardRef, MouseEventHandler, ForwardedRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledRoot, StyledIcon, StyledButton } from \"./Adornment.styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  HvFormStatus,\n} from \"../FormElement\";\nimport adornmentClasses, { HvAdornmentClasses } from \"./adornmentClasses\";\n\nconst preventDefault = (event) => event.preventDefault();\nconst noop = () => {};\n\nexport interface HvAdornmentProps\n  extends HvBaseProps<\n    HTMLDivElement | HTMLButtonElement,\n    { onMouseDown; onKeyDown }\n  > {\n  /** The icon to be added into the input. */\n  icon: React.ReactNode;\n  /** When the adornment should be displayed. */\n  showWhen?: HvFormStatus;\n  /** Function to be executed when this element is clicked. */\n  onClick?: MouseEventHandler<HTMLButtonElement> | undefined;\n  /** If this property is defined the adornment visibility will be exclusively controlled by this value. */\n  isVisible?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAdornmentClasses;\n}\n\n/**\n * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.\n * E.g., the reveal password button.\n *\n * In addition to the showWhen feature, which uses the form element's context validation state to determine\n * its visibility, this component also ensures that it does not steal focus from the input and that it is\n * not accessible using the keyboard.\n *\n * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,\n * or by using a regular icon button or toggle button instead.\n */\nexport const HvAdornment = forwardRef<\n  HTMLDivElement | HTMLButtonElement,\n  HvAdornmentProps\n>(\n  (\n    {\n      id,\n      classes,\n      className,\n      icon,\n      showWhen = undefined,\n      onClick,\n      isVisible = undefined,\n      ...others\n    },\n    ref\n  ) => {\n    const { elementStatus = \"\" } = useContext(HvFormElementContext);\n\n    const { input } = useContext(HvFormElementDescriptorsContext);\n\n    const displayIcon =\n      isVisible ?? (showWhen === undefined || elementStatus === showWhen);\n\n    const isClickable = !!onClick;\n\n    return isClickable ? (\n      <StyledButton\n        id={id}\n        ref={ref as ForwardedRef<HTMLButtonElement>}\n        type=\"button\"\n        tabIndex={-1}\n        aria-controls={input?.[0]?.id}\n        className={clsx(\n          className,\n          adornmentClasses.root,\n          classes?.root,\n          adornmentClasses.adornment,\n          classes?.adornment,\n          adornmentClasses.adornmentButton,\n          classes?.adornmentButton,\n          !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n        )}\n        onClick={onClick}\n        onMouseDown={preventDefault}\n        onKeyDown={noop}\n        $hideIcon={!displayIcon}\n        {...others}\n      >\n        <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n          {icon}\n        </StyledIcon>\n      </StyledButton>\n    ) : (\n      <StyledRoot\n        id={id}\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        className={clsx(\n          className,\n          adornmentClasses.root,\n          classes?.root,\n          adornmentClasses.adornment,\n          classes?.adornment,\n          adornmentClasses.adornmentIcon,\n          classes?.adornmentIcon,\n          !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n        )}\n        $hideIcon={!displayIcon}\n        role=\"presentation\"\n        {...others}\n      >\n        <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n          {icon}\n        </StyledIcon>\n      </StyledRoot>\n    );\n  }\n);\n"],"names":["preventDefault","event","noop","HvAdornment","forwardRef","id","classes","className","icon","showWhen","undefined","onClick","isVisible","others","ref","elementStatus","useContext","HvFormElementContext","input","HvFormElementDescriptorsContext","displayIcon","isClickable","StyledButton","type","tabIndex","clsx","adornmentClasses","root","adornment","adornmentButton","hideIcon","onMouseDown","onKeyDown","$hideIcon","children","StyledIcon","_jsx","StyledRoot","adornmentIcon","role"],"mappings":";;;;;;;AAWA,MAAMA,iBAAkBC,CAAUA,UAAAA,MAAMD,eAAgB;AACxD,MAAME,OAAOA,MAAM;AAAC;AA8BPC,MAAAA,cAAcC,WAIzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAWC;AAAAA,EACXC;AAAAA,EACAC,YAAYF;AAAAA,EACZ,GAAGG;AACL,GACAC,QACG;;AACG,QAAA;AAAA,IAAEC,gBAAgB;AAAA,EAAA,IAAOC,WAAWC,oBAAoB;AAExD,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAUF,WAAWG,+BAA+B;AAE5D,QAAMC,cACJR,cAAcH,aAAaC,UAAaK,kBAAkBN;AAEtDY,QAAAA,cAAc,CAAC,CAACV;AAEfU,SAAAA,kCACJC,cAAY;AAAA,IACXjB;AAAAA,IACAS;AAAAA,IACAS,MAAK;AAAA,IACLC,UAAU;AAAA,IACV,kBAAeN,oCAAQ,OAARA,mBAAYb;AAAAA,IAC3BE,WAAWkB,KACTlB,WACAmB,iBAAiBC,MACjBrB,mCAASqB,MACTD,iBAAiBE,WACjBtB,mCAASsB,WACTF,iBAAiBG,iBACjBvB,mCAASuB,iBACT,CAACT,eAAeK,KAAKC,iBAAiBI,UAAUxB,mCAASwB,QAAQ,CAAC;AAAA,IAEpEnB;AAAAA,IACAoB,aAAa/B;AAAAA,IACbgC,WAAW9B;AAAAA,IACX+B,WAAW,CAACb;AAAAA,IAAY,GACpBP;AAAAA,IAAMqB,8BAETC,YAAU;AAAA,MAAC5B,WAAWkB,KAAKC,iBAAiBlB,MAAMF,mCAASE,IAAI;AAAA,MAAE0B,UAC/D1B;AAAAA,IAAAA,CAAI;AAAA,EAAA,CAEM,IAEf4B,oBAACC,YAAU;AAAA,IACThC;AAAAA,IACAS;AAAAA,IACAP,WAAWkB,KACTlB,WACAmB,iBAAiBC,MACjBrB,mCAASqB,MACTD,iBAAiBE,WACjBtB,mCAASsB,WACTF,iBAAiBY,eACjBhC,mCAASgC,eACT,CAAClB,eAAeK,KAAKC,iBAAiBI,UAAUxB,mCAASwB,QAAQ,CAAC;AAAA,IAEpEG,WAAW,CAACb;AAAAA,IACZmB,MAAK;AAAA,IAAc,GACf1B;AAAAA,IAAMqB,8BAETC,YAAU;AAAA,MAAC5B,WAAWkB,KAAKC,iBAAiBlB,MAAMF,mCAASE,IAAI;AAAA,MAAE0B,UAC/D1B;AAAAA,IAAAA,CAAI;AAAA,EAAA,CAGV;AACH,CAAC;"}
+{"version":3,"file":"Adornment.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.tsx"],"sourcesContent":["import { useContext, forwardRef, MouseEventHandler, ForwardedRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledRoot, StyledIcon, StyledButton } from \"./Adornment.styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  HvFormStatus,\n} from \"../FormElement\";\nimport adornmentClasses, { HvAdornmentClasses } from \"./adornmentClasses\";\n\nconst preventDefault = (event) => event.preventDefault();\nconst noop = () => {};\n\nexport interface HvAdornmentProps\n  extends HvBaseProps<\n    HTMLDivElement | HTMLButtonElement,\n    \"onMouseDown\" | \"onKeyDown\"\n  > {\n  /** The icon to be added into the input. */\n  icon: React.ReactNode;\n  /** When the adornment should be displayed. */\n  showWhen?: HvFormStatus;\n  /** Function to be executed when this element is clicked. */\n  onClick?: MouseEventHandler<HTMLButtonElement> | undefined;\n  /** If this property is defined the adornment visibility will be exclusively controlled by this value. */\n  isVisible?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAdornmentClasses;\n}\n\n/**\n * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.\n * E.g., the reveal password button.\n *\n * In addition to the showWhen feature, which uses the form element's context validation state to determine\n * its visibility, this component also ensures that it does not steal focus from the input and that it is\n * not accessible using the keyboard.\n *\n * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,\n * or by using a regular icon button or toggle button instead.\n */\nexport const HvAdornment = forwardRef<\n  HTMLDivElement | HTMLButtonElement,\n  HvAdornmentProps\n>(\n  (\n    {\n      id,\n      classes,\n      className,\n      icon,\n      showWhen = undefined,\n      onClick,\n      isVisible = undefined,\n      ...others\n    },\n    ref\n  ) => {\n    const { elementStatus = \"\" } = useContext(HvFormElementContext);\n\n    const { input } = useContext(HvFormElementDescriptorsContext);\n\n    const displayIcon =\n      isVisible ?? (showWhen === undefined || elementStatus === showWhen);\n\n    const isClickable = !!onClick;\n\n    return isClickable ? (\n      <StyledButton\n        id={id}\n        ref={ref as ForwardedRef<HTMLButtonElement>}\n        type=\"button\"\n        tabIndex={-1}\n        aria-controls={input?.[0]?.id}\n        className={clsx(\n          className,\n          adornmentClasses.root,\n          classes?.root,\n          adornmentClasses.adornment,\n          classes?.adornment,\n          adornmentClasses.adornmentButton,\n          classes?.adornmentButton,\n          !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n        )}\n        onClick={onClick}\n        onMouseDown={preventDefault}\n        onKeyDown={noop}\n        $hideIcon={!displayIcon}\n        {...others}\n      >\n        <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n          {icon}\n        </StyledIcon>\n      </StyledButton>\n    ) : (\n      <StyledRoot\n        id={id}\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        className={clsx(\n          className,\n          adornmentClasses.root,\n          classes?.root,\n          adornmentClasses.adornment,\n          classes?.adornment,\n          adornmentClasses.adornmentIcon,\n          classes?.adornmentIcon,\n          !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n        )}\n        $hideIcon={!displayIcon}\n        role=\"presentation\"\n        {...others}\n      >\n        <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n          {icon}\n        </StyledIcon>\n      </StyledRoot>\n    );\n  }\n);\n"],"names":["preventDefault","event","noop","HvAdornment","forwardRef","id","classes","className","icon","showWhen","undefined","onClick","isVisible","others","ref","elementStatus","useContext","HvFormElementContext","input","HvFormElementDescriptorsContext","displayIcon","isClickable","StyledButton","type","tabIndex","clsx","adornmentClasses","root","adornment","adornmentButton","hideIcon","onMouseDown","onKeyDown","$hideIcon","children","StyledIcon","_jsx","StyledRoot","adornmentIcon","role"],"mappings":";;;;;;;AAWA,MAAMA,iBAAkBC,CAAUA,UAAAA,MAAMD,eAAgB;AACxD,MAAME,OAAOA,MAAM;AAAC;AA8BPC,MAAAA,cAAcC,WAIzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAWC;AAAAA,EACXC;AAAAA,EACAC,YAAYF;AAAAA,EACZ,GAAGG;AACL,GACAC,QACG;;AACG,QAAA;AAAA,IAAEC,gBAAgB;AAAA,EAAA,IAAOC,WAAWC,oBAAoB;AAExD,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAUF,WAAWG,+BAA+B;AAE5D,QAAMC,cACJR,cAAcH,aAAaC,UAAaK,kBAAkBN;AAEtDY,QAAAA,cAAc,CAAC,CAACV;AAEfU,SAAAA,kCACJC,cAAY;AAAA,IACXjB;AAAAA,IACAS;AAAAA,IACAS,MAAK;AAAA,IACLC,UAAU;AAAA,IACV,kBAAeN,oCAAQ,OAARA,mBAAYb;AAAAA,IAC3BE,WAAWkB,KACTlB,WACAmB,iBAAiBC,MACjBrB,mCAASqB,MACTD,iBAAiBE,WACjBtB,mCAASsB,WACTF,iBAAiBG,iBACjBvB,mCAASuB,iBACT,CAACT,eAAeK,KAAKC,iBAAiBI,UAAUxB,mCAASwB,QAAQ,CAAC;AAAA,IAEpEnB;AAAAA,IACAoB,aAAa/B;AAAAA,IACbgC,WAAW9B;AAAAA,IACX+B,WAAW,CAACb;AAAAA,IAAY,GACpBP;AAAAA,IAAMqB,8BAETC,YAAU;AAAA,MAAC5B,WAAWkB,KAAKC,iBAAiBlB,MAAMF,mCAASE,IAAI;AAAA,MAAE0B,UAC/D1B;AAAAA,IAAAA,CAAI;AAAA,EAAA,CAEM,IAEf4B,oBAACC,YAAU;AAAA,IACThC;AAAAA,IACAS;AAAAA,IACAP,WAAWkB,KACTlB,WACAmB,iBAAiBC,MACjBrB,mCAASqB,MACTD,iBAAiBE,WACjBtB,mCAASsB,WACTF,iBAAiBY,eACjBhC,mCAASgC,eACT,CAAClB,eAAeK,KAAKC,iBAAiBI,UAAUxB,mCAASwB,QAAQ,CAAC;AAAA,IAEpEG,WAAW,CAACb;AAAAA,IACZmB,MAAK;AAAA,IAAc,GACf1B;AAAAA,IAAMqB,8BAETC,YAAU;AAAA,MAAC5B,WAAWkB,KAAKC,iBAAiBlB,MAAMF,mCAASE,IAAI;AAAA,MAAE0B,UAC/D1B;AAAAA,IAAAA,CAAI;AAAA,EAAA,CAGV;AACH,CAAC;"}

package/dist/esm/components/Forms/Adornment/adornmentClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"adornmentClasses.js","sources":["../../../../../src/components/Forms/Adornment/adornmentClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvAdornmentClasses {\n  root?: string;\n  icon?: string;\n  adornment?: string;\n  adornmentIcon?: string;\n  hideIcon?: string;\n  adornmentButton?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"icon\",\n  \"adornment\",\n  \"adornmentIcon\",\n  \"hideIcon\",\n  \"adornmentButton\",\n];\n\nconst adornmentClasses = getClasses<HvAdornmentClasses>(\n  classKeys,\n  \"HvAdornment\"\n);\n\nexport default adornmentClasses;\n"],"names":["classKeys","adornmentClasses","getClasses"],"mappings":";AAWA,MAAMA,YAAsB,CAC1B,QACA,QACA,aACA,iBACA,YACA,iBAAiB;AAGnB,MAAMC,mBAAmBC,WACvBF,WACA,aAAa;AAGf,MAAA,qBAAeC;"}
+{"version":3,"file":"adornmentClasses.js","sources":["../../../../../src/components/Forms/Adornment/adornmentClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvAdornmentClasses {\n  root?: string;\n  icon?: string;\n  adornment?: string;\n  adornmentIcon?: string;\n  hideIcon?: string;\n  adornmentButton?: string;\n}\n\nconst classKeys: (keyof HvAdornmentClasses)[] = [\n  \"root\",\n  \"icon\",\n  \"adornment\",\n  \"adornmentIcon\",\n  \"hideIcon\",\n  \"adornmentButton\",\n];\n\nconst adornmentClasses = getClasses(classKeys, \"HvAdornment\");\n\nexport default adornmentClasses;\n"],"names":["classKeys","adornmentClasses","getClasses"],"mappings":";AAWA,MAAMA,YAA0C,CAC9C,QACA,QACA,aACA,iBACA,YACA,iBAAiB;AAGnB,MAAMC,mBAAmBC,WAAWF,WAAW,aAAa;AAE5D,MAAA,qBAAeC;"}

package/dist/esm/components/Forms/CharCounter/charCounterClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"charCounterClasses.js","sources":["../../../../../src/components/Forms/CharCounter/charCounterClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvCharCounterClasses {\n  root?: string;\n  counterDisabled?: string;\n  gutter?: string;\n  overloaded?: string;\n}\n\nconst classKeys: string[] = [\"root\", \"counterDisabled\", \"gutter\", \"overloaded\"];\n\nconst charCounterClasses = getClasses<HvCharCounterClasses>(\n  classKeys,\n  \"HvCharCounter\"\n);\n\nexport default charCounterClasses;\n"],"names":["classKeys","charCounterClasses","getClasses"],"mappings":";AASA,MAAMA,YAAsB,CAAC,QAAQ,mBAAmB,UAAU,YAAY;AAE9E,MAAMC,qBAAqBC,WACzBF,WACA,eAAe;AAGjB,MAAA,uBAAeC;"}
+{"version":3,"file":"charCounterClasses.js","sources":["../../../../../src/components/Forms/CharCounter/charCounterClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvCharCounterClasses {\n  root?: string;\n  counterDisabled?: string;\n  gutter?: string;\n  overloaded?: string;\n}\n\nconst classKeys: (keyof HvCharCounterClasses)[] = [\n  \"root\",\n  \"counterDisabled\",\n  \"gutter\",\n  \"overloaded\",\n];\n\nconst charCounterClasses = getClasses(classKeys, \"HvCharCounter\");\n\nexport default charCounterClasses;\n"],"names":["classKeys","charCounterClasses","getClasses"],"mappings":";AASA,MAAMA,YAA4C,CAChD,QACA,mBACA,UACA,YAAY;AAGd,MAAMC,qBAAqBC,WAAWF,WAAW,eAAe;AAEhE,MAAA,uBAAeC;"}

package/dist/esm/components/Forms/FormElement/FormElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElement.js","sources":["../../../../../src/components/Forms/FormElement/FormElement.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { useUniqueId } from \"@core/hooks\";\nimport { findDescriptors } from \"./utils/FormUtils\";\nimport { HvFormElementContextProvider } from \"./context/FormElementContext\";\nimport { HvFormElementValueContextProvider } from \"./context/FormElementValueContext\";\nimport { HvFormElementDescriptorsContextProvider } from \"./context/FormElementDescriptorsContext\";\nimport formElementClasses, { HvFormElementClasses } from \"./formElementClasses\";\n\nexport type HvFormStatus = \"standBy\" | \"valid\" | \"invalid\" | \"empty\";\n\nexport interface HvFormElementProps\n  extends HvBaseProps<HTMLDivElement, { onChange }> {\n  /**\n   * Name of the form element.\n   *\n   * Part of a name/value pair, should be the name property of the underling native input.\n   */\n  name?: string;\n  /**\n   * Current value of the form element.\n   *\n   * Part of a name/value pair, should be the value property of the underling native input.\n   */\n  value?: any;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Whether 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 the state.\n   */\n  status?: HvFormStatus;\n  /** The error message to show when `status` is \"invalid\". */\n  statusMessage?: string;\n  /** The callback fired when the value changes. */\n  onChange?: (event: React.FormEvent<HTMLDivElement>) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFormElementClasses;\n}\n\nexport const HvFormElement = ({\n  classes,\n  className,\n  children,\n  id,\n  name,\n  value,\n  disabled = false,\n  required = false,\n  readOnly = false,\n  status = \"standBy\",\n  ...others\n}: HvFormElementProps) => {\n  const elementId = useUniqueId(id, \"hvformelement\");\n\n  const contextValue = useMemo(\n    () => ({\n      elementId,\n      elementName: name,\n      elementStatus: status,\n      elementDisabled: disabled,\n      elementRequired: required,\n      elementReadOnly: readOnly,\n    }),\n    [disabled, elementId, name, readOnly, required, status]\n  );\n\n  const descriptors = useMemo(() => findDescriptors(children), [children]);\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, formElementClasses.root, classes?.root)}\n      {...others}\n    >\n      <HvFormElementContextProvider value={contextValue}>\n        <HvFormElementValueContextProvider value={value}>\n          <HvFormElementDescriptorsContextProvider value={descriptors}>\n            {children}\n          </HvFormElementDescriptorsContextProvider>\n        </HvFormElementValueContextProvider>\n      </HvFormElementContextProvider>\n    </div>\n  );\n};\n\nHvFormElement.formElementType = \"formelement\";\n"],"names":["HvFormElement","classes","className","children","id","name","value","disabled","required","readOnly","status","others","elementId","useUniqueId","contextValue","useMemo","elementName","elementStatus","elementDisabled","elementRequired","elementReadOnly","descriptors","findDescriptors","clsx","formElementClasses","root","HvFormElementContextProvider","HvFormElementValueContextProvider","HvFormElementDescriptorsContextProvider","formElementType"],"mappings":";;;;;;;;;AA0DO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,SAAS;AAAA,EACT,GAAGC;AACe,MAAM;AAClBC,QAAAA,YAAYC,YAAYT,IAAI,eAAe;AAE3CU,QAAAA,eAAeC,QACnB,OAAO;AAAA,IACLH;AAAAA,IACAI,aAAaX;AAAAA,IACbY,eAAeP;AAAAA,IACfQ,iBAAiBX;AAAAA,IACjBY,iBAAiBX;AAAAA,IACjBY,iBAAiBX;AAAAA,EAAAA,IAEnB,CAACF,UAAUK,WAAWP,MAAMI,UAAUD,UAAUE,MAAM,CAAC;AAGnDW,QAAAA,cAAcN,QAAQ,MAAMO,gBAAgBnB,QAAQ,GAAG,CAACA,QAAQ,CAAC;AAEvE,6BACE,OAAA;AAAA,IACEC;AAAAA,IACAF,WAAWqB,KAAKrB,WAAWsB,mBAAmBC,MAAMxB,mCAASwB,IAAI;AAAA,IAAE,GAC/Dd;AAAAA,IAAMR,8BAETuB,8BAA4B;AAAA,MAACpB,OAAOQ;AAAAA,MAAaX,8BAC/CwB,mCAAiC;AAAA,QAACrB;AAAAA,QAAaH,8BAC7CyB,yCAAuC;AAAA,UAACtB,OAAOe;AAAAA,UAAYlB;AAAAA,QAAAA,CACjD;AAAA,MAAA,CAC+B;AAAA,IAAA,CACR;AAAA,EAAA,CAElC;AAEV;AAEAH,cAAc6B,kBAAkB;"}
+{"version":3,"file":"FormElement.js","sources":["../../../../../src/components/Forms/FormElement/FormElement.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { useUniqueId } from \"@core/hooks\";\nimport { findDescriptors } from \"./utils/FormUtils\";\nimport { HvFormElementContextProvider } from \"./context/FormElementContext\";\nimport { HvFormElementValueContextProvider } from \"./context/FormElementValueContext\";\nimport { HvFormElementDescriptorsContextProvider } from \"./context/FormElementDescriptorsContext\";\nimport formElementClasses, { HvFormElementClasses } from \"./formElementClasses\";\n\nexport type HvFormStatus = \"standBy\" | \"valid\" | \"invalid\" | \"empty\";\n\nexport interface HvFormElementProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n  /**\n   * Name of the form element.\n   *\n   * Part of a name/value pair, should be the name property of the underling native input.\n   */\n  name?: string;\n  /**\n   * Current value of the form element.\n   *\n   * Part of a name/value pair, should be the value property of the underling native input.\n   */\n  value?: any;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Whether 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 the state.\n   */\n  status?: HvFormStatus;\n  /** The error message to show when `status` is \"invalid\". */\n  statusMessage?: string;\n  /** The callback fired when the value changes. */\n  onChange?: (event: React.FormEvent<HTMLDivElement>) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFormElementClasses;\n}\n\nexport const HvFormElement = ({\n  classes,\n  className,\n  children,\n  id,\n  name,\n  value,\n  disabled = false,\n  required = false,\n  readOnly = false,\n  status = \"standBy\",\n  ...others\n}: HvFormElementProps) => {\n  const elementId = useUniqueId(id, \"hvformelement\");\n\n  const contextValue = useMemo(\n    () => ({\n      elementId,\n      elementName: name,\n      elementStatus: status,\n      elementDisabled: disabled,\n      elementRequired: required,\n      elementReadOnly: readOnly,\n    }),\n    [disabled, elementId, name, readOnly, required, status]\n  );\n\n  const descriptors = useMemo(() => findDescriptors(children), [children]);\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, formElementClasses.root, classes?.root)}\n      {...others}\n    >\n      <HvFormElementContextProvider value={contextValue}>\n        <HvFormElementValueContextProvider value={value}>\n          <HvFormElementDescriptorsContextProvider value={descriptors}>\n            {children}\n          </HvFormElementDescriptorsContextProvider>\n        </HvFormElementValueContextProvider>\n      </HvFormElementContextProvider>\n    </div>\n  );\n};\n\nHvFormElement.formElementType = \"formelement\";\n"],"names":["HvFormElement","classes","className","children","id","name","value","disabled","required","readOnly","status","others","elementId","useUniqueId","contextValue","useMemo","elementName","elementStatus","elementDisabled","elementRequired","elementReadOnly","descriptors","findDescriptors","clsx","formElementClasses","root","HvFormElementContextProvider","HvFormElementValueContextProvider","HvFormElementDescriptorsContextProvider","formElementType"],"mappings":";;;;;;;;;AA0DO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,SAAS;AAAA,EACT,GAAGC;AACe,MAAM;AAClBC,QAAAA,YAAYC,YAAYT,IAAI,eAAe;AAE3CU,QAAAA,eAAeC,QACnB,OAAO;AAAA,IACLH;AAAAA,IACAI,aAAaX;AAAAA,IACbY,eAAeP;AAAAA,IACfQ,iBAAiBX;AAAAA,IACjBY,iBAAiBX;AAAAA,IACjBY,iBAAiBX;AAAAA,EAAAA,IAEnB,CAACF,UAAUK,WAAWP,MAAMI,UAAUD,UAAUE,MAAM,CAAC;AAGnDW,QAAAA,cAAcN,QAAQ,MAAMO,gBAAgBnB,QAAQ,GAAG,CAACA,QAAQ,CAAC;AAEvE,6BACE,OAAA;AAAA,IACEC;AAAAA,IACAF,WAAWqB,KAAKrB,WAAWsB,mBAAmBC,MAAMxB,mCAASwB,IAAI;AAAA,IAAE,GAC/Dd;AAAAA,IAAMR,8BAETuB,8BAA4B;AAAA,MAACpB,OAAOQ;AAAAA,MAAaX,8BAC/CwB,mCAAiC;AAAA,QAACrB;AAAAA,QAAaH,8BAC7CyB,yCAAuC;AAAA,UAACtB,OAAOe;AAAAA,UAAYlB;AAAAA,QAAAA,CACjD;AAAA,MAAA,CAC+B;AAAA,IAAA,CACR;AAAA,EAAA,CAElC;AAEV;AAEAH,cAAc6B,kBAAkB;"}

package/dist/esm/components/Forms/FormElement/formElementClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"formElementClasses.js","sources":["../../../../../src/components/Forms/FormElement/formElementClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvFormElementClasses {\n  root?: string;\n}\n\nconst classKeys: string[] = [\"root\"];\n\nconst formElementClasses = getClasses<HvFormElementClasses>(\n  classKeys,\n  \"HvFormElement\"\n);\n\nexport default formElementClasses;\n"],"names":["classKeys","formElementClasses","getClasses"],"mappings":";AAMA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,qBAAqBC,WACzBF,WACA,eAAe;AAGjB,MAAA,uBAAeC;"}
+{"version":3,"file":"formElementClasses.js","sources":["../../../../../src/components/Forms/FormElement/formElementClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvFormElementClasses {\n  root?: string;\n}\n\nconst classKeys: (keyof HvFormElementClasses)[] = [\"root\"];\n\nconst formElementClasses = getClasses(classKeys, \"HvFormElement\");\n\nexport default formElementClasses;\n"],"names":["classKeys","formElementClasses","getClasses"],"mappings":";AAMA,MAAMA,YAA4C,CAAC,MAAM;AAEzD,MAAMC,qBAAqBC,WAAWF,WAAW,eAAe;AAEhE,MAAA,uBAAeC;"}

package/dist/esm/components/Forms/InfoMessage/infoMessageClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"infoMessageClasses.js","sources":["../../../../../src/components/Forms/InfoMessage/infoMessageClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvInfoMessageClasses {\n  root?: string;\n  infoDisabled?: string;\n  gutter?: string;\n}\n\nconst classKeys: string[] = [\"root\", \"infoDisabled\", \"gutter\"];\n\nconst infoMessageClasses = getClasses<HvInfoMessageClasses>(\n  classKeys,\n  \"HvInfoMessage\"\n);\n\nexport default infoMessageClasses;\n"],"names":["classKeys","infoMessageClasses","getClasses"],"mappings":";AAQA,MAAMA,YAAsB,CAAC,QAAQ,gBAAgB,QAAQ;AAE7D,MAAMC,qBAAqBC,WACzBF,WACA,eAAe;AAGjB,MAAA,uBAAeC;"}
+{"version":3,"file":"infoMessageClasses.js","sources":["../../../../../src/components/Forms/InfoMessage/infoMessageClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvInfoMessageClasses {\n  root?: string;\n  infoDisabled?: string;\n  gutter?: string;\n}\n\nconst classKeys: (keyof HvInfoMessageClasses)[] = [\n  \"root\",\n  \"infoDisabled\",\n  \"gutter\",\n];\n\nconst infoMessageClasses = getClasses(classKeys, \"HvInfoMessage\");\n\nexport default infoMessageClasses;\n"],"names":["classKeys","infoMessageClasses","getClasses"],"mappings":";AAQA,MAAMA,YAA4C,CAChD,QACA,gBACA,QAAQ;AAGV,MAAMC,qBAAqBC,WAAWF,WAAW,eAAe;AAEhE,MAAA,uBAAeC;"}

package/dist/esm/components/Forms/Label/labelClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"labelClasses.js","sources":["../../../../../src/components/Forms/Label/labelClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvLabelClasses {\n  root?: string;\n  labelDisabled?: string;\n  childGutter?: string;\n}\n\nconst classKeys: string[] = [\"root\", \"labelDisabled\", \"childGutter\"];\n\nconst labelClasses = getClasses<HvLabelClasses>(classKeys, \"HvLabel\");\n\nexport default labelClasses;\n"],"names":["classKeys","labelClasses","getClasses"],"mappings":";AAQA,MAAMA,YAAsB,CAAC,QAAQ,iBAAiB,aAAa;AAEnE,MAAMC,eAAeC,WAA2BF,WAAW,SAAS;AAEpE,MAAA,iBAAeC;"}
+{"version":3,"file":"labelClasses.js","sources":["../../../../../src/components/Forms/Label/labelClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvLabelClasses {\n  root?: string;\n  labelDisabled?: string;\n  childGutter?: string;\n}\n\nconst classKeys: (keyof HvLabelClasses)[] = [\n  \"root\",\n  \"labelDisabled\",\n  \"childGutter\",\n];\n\nconst labelClasses = getClasses(classKeys, \"HvLabel\");\n\nexport default labelClasses;\n"],"names":["classKeys","labelClasses","getClasses"],"mappings":";AAQA,MAAMA,YAAsC,CAC1C,QACA,iBACA,aAAa;AAGf,MAAMC,eAAeC,WAAWF,WAAW,SAAS;AAEpD,MAAA,iBAAeC;"}

package/dist/esm/components/Forms/Suggestions/suggestionsClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"suggestionsClasses.js","sources":["../../../../../src/components/Forms/Suggestions/suggestionsClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvSuggestionsClasses {\n  root?: string;\n  list?: string;\n  popper?: string;\n}\n\nconst classKeys: string[] = [\"root\", \"list\", \"popper\"];\n\nconst suggestionsClasses = getClasses<HvSuggestionsClasses>(\n  classKeys,\n  \"HvSuggestions\"\n);\n\nexport default suggestionsClasses;\n"],"names":["classKeys","suggestionsClasses","getClasses"],"mappings":";AAQA,MAAMA,YAAsB,CAAC,QAAQ,QAAQ,QAAQ;AAErD,MAAMC,qBAAqBC,WACzBF,WACA,eAAe;AAGjB,MAAA,uBAAeC;"}
+{"version":3,"file":"suggestionsClasses.js","sources":["../../../../../src/components/Forms/Suggestions/suggestionsClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvSuggestionsClasses {\n  root?: string;\n  list?: string;\n  popper?: string;\n}\n\nconst classKeys: (keyof HvSuggestionsClasses)[] = [\"root\", \"list\", \"popper\"];\n\nconst suggestionsClasses = getClasses(classKeys, \"HvSuggestions\");\n\nexport default suggestionsClasses;\n"],"names":["classKeys","suggestionsClasses","getClasses"],"mappings":";AAQA,MAAMA,YAA4C,CAAC,QAAQ,QAAQ,QAAQ;AAE3E,MAAMC,qBAAqBC,WAAWF,WAAW,eAAe;AAEhE,MAAA,uBAAeC;"}

package/dist/esm/components/Forms/WarningText/warningTextClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"warningTextClasses.js","sources":["../../../../../src/components/Forms/WarningText/warningTextClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvWarningTextClasses {\n  root?: string;\n  defaultIcon?: string;\n  warningText?: string;\n  show?: string;\n  topGutter?: string;\n  hideText?: string;\n  topBorder?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"defaultIcon\",\n  \"warningText\",\n  \"show\",\n  \"topGutter\",\n  \"hideText\",\n  \"topBorder\",\n];\n\nconst warningTextClasses = getClasses<HvWarningTextClasses>(\n  classKeys,\n  \"HvWarningText\"\n);\n\nexport default warningTextClasses;\n"],"names":["classKeys","warningTextClasses","getClasses"],"mappings":";AAYA,MAAMA,YAAsB,CAC1B,QACA,eACA,eACA,QACA,aACA,YACA,WAAW;AAGb,MAAMC,qBAAqBC,WACzBF,WACA,eAAe;AAGjB,MAAA,uBAAeC;"}
+{"version":3,"file":"warningTextClasses.js","sources":["../../../../../src/components/Forms/WarningText/warningTextClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvWarningTextClasses {\n  root?: string;\n  defaultIcon?: string;\n  warningText?: string;\n  show?: string;\n  topGutter?: string;\n  hideText?: string;\n  topBorder?: string;\n}\n\nconst classKeys: (keyof HvWarningTextClasses)[] = [\n  \"root\",\n  \"defaultIcon\",\n  \"warningText\",\n  \"show\",\n  \"topGutter\",\n  \"hideText\",\n  \"topBorder\",\n];\n\nconst warningTextClasses = getClasses(classKeys, \"HvWarningText\");\n\nexport default warningTextClasses;\n"],"names":["classKeys","warningTextClasses","getClasses"],"mappings":";AAYA,MAAMA,YAA4C,CAChD,QACA,eACA,eACA,QACA,aACA,YACA,WAAW;AAGb,MAAMC,qBAAqBC,WAAWF,WAAW,eAAe;AAEhE,MAAA,uBAAeC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalActions.js","sources":["../../../../src/components/GlobalActions/GlobalActions.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport isString from \"lodash/isString\";\nimport { HvTypography } from \"@core/components\";\nimport {\n  StyledActions,\n  StyledBackButton,\n  StyledRoot,\n  StyledWrapper,\n} from \"./GlobalActions.styles\";\nimport globalActionsClasses, {\n  HvGlobalActionsClasses,\n} from \"./globalActionsClasses\";\nimport { useTheme as useHvTheme } from \"@core/hooks\";\nimport { useTheme } from \"@mui/material/styles\";\n\nexport type HvGlobalActionsVariant = \"global\" | \"section\";\n\nexport type HvGlobalActionsPosition = \"sticky\" | \"fixed\" | \"relative\";\n\nexport type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface HvGlobalActionsProps\n  extends HvBaseProps<HTMLDivElement, { title }> {\n  /** Text to display in the component. */\n  title?: React.ReactNode;\n  /** Denotes if this is a global or section component. */\n  variant?: HvGlobalActionsVariant;\n  /** User can pass in a fully customized button or false for when the back button should not be rendered. */\n  backButton?: React.ReactNode;\n  /** Heading Level to apply to Title Area. */\n  headingLevel?: HvGlobalActionsHeadingLevel;\n  /**\n   * Position of the Global Actions.\n   * Defaults to `sticky` when it is a global title and `relative` when it's a section title.\n   */\n  position?: HvGlobalActionsPosition;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvGlobalActionsClasses;\n}\n\n/**\n * Global Actions are actions that affect the entire page they live in.\n * They should persist while scrolling down the screen.\n */\nexport const HvGlobalActions = ({\n  children,\n  classes,\n  className,\n  title,\n  variant = \"global\",\n  backButton,\n  headingLevel,\n  position: positionProp,\n  ...others\n}: HvGlobalActionsProps) => {\n  const { activeTheme } = useHvTheme();\n\n  const muiTheme = useTheme();\n\n  const headingLevelToApply = headingLevel || (variant === \"global\" ? 1 : 2);\n\n  const backButtonRenderer = () => {\n    if (backButton) {\n      return (\n        <StyledBackButton\n          className={clsx(globalActionsClasses.backButton, classes?.backButton)}\n        >\n          {backButton}\n        </StyledBackButton>\n      );\n    }\n  };\n\n  const position =\n    positionProp || (variant === \"global\" ? \"sticky\" : \"relative\");\n\n  return (\n    <StyledRoot\n      $variant={variant}\n      $position={position}\n      className={clsx(\n        className,\n        globalActionsClasses.root,\n        classes?.root,\n        position === \"sticky\" &&\n          clsx(classes?.positionSticky, globalActionsClasses.positionSticky),\n        position === \"fixed\" &&\n          clsx(classes?.positionFixed, globalActionsClasses.positionFixed),\n        variant === \"global\" &&\n          clsx(classes?.global, globalActionsClasses.global)\n      )}\n      $breakpoints={muiTheme.breakpoints}\n      {...others}\n    >\n      <StyledWrapper\n        className={clsx(\n          globalActionsClasses.wrapper,\n          classes?.wrapper,\n          variant === \"global\" &&\n            clsx(\n              classes?.globalWrapperComplement,\n              globalActionsClasses.globalWrapperComplement\n            ),\n          variant === \"section\" &&\n            clsx(\n              classes?.globalSectionArea,\n              globalActionsClasses.globalSectionArea\n            )\n        )}\n        $variant={variant}\n      >\n        {variant === \"global\" && backButtonRenderer()}\n        {!isString(title) ? (\n          title\n        ) : (\n          <HvTypography\n            variant={\n              variant === \"global\"\n                ? \"title3\"\n                : activeTheme?.globalActions.sectionVariant\n            }\n            component={`h${headingLevelToApply}`}\n            className={clsx(globalActionsClasses.name, classes?.name)}\n          >\n            {title}\n          </HvTypography>\n        )}\n        {children && (\n          <StyledActions\n            className={clsx(globalActionsClasses.actions, classes?.actions)}\n          >\n            {children}\n          </StyledActions>\n        )}\n      </StyledWrapper>\n    </StyledRoot>\n  );\n};\n"],"names":["HvGlobalActions","children","classes","className","title","variant","backButton","headingLevel","position","positionProp","others","activeTheme","useHvTheme","muiTheme","useTheme","headingLevelToApply","backButtonRenderer","StyledBackButton","clsx","globalActionsClasses","StyledRoot","$variant","$position","root","positionSticky","positionFixed","global","$breakpoints","breakpoints","StyledWrapper","wrapper","globalWrapperComplement","globalSectionArea","isString","_jsx","HvTypography","globalActions","sectionVariant","component","name","StyledActions","actions"],"mappings":";;;;;;;;AA6CO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC,UAAUC;AAAAA,EACV,GAAGC;AACiB,MAAM;AACpB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAY;AAEpC,QAAMC,WAAWC;AAEjB,QAAMC,sBAAsBR,iBAAiBF,YAAY,WAAW,IAAI;AAExE,QAAMW,qBAAqBA,MAAM;AAC/B,QAAIV,YAAY;AACd,iCACGW,kBAAgB;AAAA,QACfd,WAAWe,KAAKC,qBAAqBb,YAAYJ,mCAASI,UAAU;AAAA,QAAEL,UAErEK;AAAAA,MAAAA,CACgB;AAAA,IAEvB;AAAA,EAAA;AAGF,QAAME,WACJC,iBAAiBJ,YAAY,WAAW,WAAW;AAErD,6BACGe,YAAU;AAAA,IACTC,UAAUhB;AAAAA,IACViB,WAAWd;AAAAA,IACXL,WAAWe,KACTf,WACAgB,qBAAqBI,MACrBrB,mCAASqB,MACTf,aAAa,YACXU,KAAKhB,mCAASsB,gBAAgBL,qBAAqBK,cAAc,GACnEhB,aAAa,WACXU,KAAKhB,mCAASuB,eAAeN,qBAAqBM,aAAa,GACjEpB,YAAY,YACVa,KAAKhB,mCAASwB,QAAQP,qBAAqBO,MAAM,CAAC;AAAA,IAEtDC,cAAcd,SAASe;AAAAA,IAAY,GAC/BlB;AAAAA,IAAMT,+BAET4B,eAAa;AAAA,MACZ1B,WAAWe,KACTC,qBAAqBW,SACrB5B,mCAAS4B,SACTzB,YAAY,YACVa,KACEhB,mCAAS6B,yBACTZ,qBAAqBY,uBAAuB,GAEhD1B,YAAY,aACVa,KACEhB,mCAAS8B,mBACTb,qBAAqBa,iBAAiB,CACvC;AAAA,MAELX,UAAUhB;AAAAA,MAAQJ,WAEjBI,YAAY,YAAYW,sBACxB,CAACiB,SAAS7B,KAAK,IACdA,QAEA8B,oBAACC,cAAY;AAAA,QACX9B,SACEA,YAAY,WACR,WACAM,2CAAayB,cAAcC;AAAAA,QAEjCC,WAAY,IAAGvB;AAAAA,QACfZ,WAAWe,KAAKC,qBAAqBoB,MAAMrC,mCAASqC,IAAI;AAAA,QAAEtC,UAEzDG;AAAAA,MAAAA,CAAK,GAGTH,YACCiC,oBAACM,eAAa;AAAA,QACZrC,WAAWe,KAAKC,qBAAqBsB,SAASvC,mCAASuC,OAAO;AAAA,QAAExC;AAAAA,MAAAA,CAInE,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEQ;AAEjB;"}
+{"version":3,"file":"GlobalActions.js","sources":["../../../../src/components/GlobalActions/GlobalActions.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport isString from \"lodash/isString\";\nimport { HvTypography } from \"@core/components\";\nimport {\n  StyledActions,\n  StyledBackButton,\n  StyledRoot,\n  StyledWrapper,\n} from \"./GlobalActions.styles\";\nimport globalActionsClasses, {\n  HvGlobalActionsClasses,\n} from \"./globalActionsClasses\";\nimport { useTheme as useHvTheme } from \"@core/hooks\";\nimport { useTheme } from \"@mui/material/styles\";\n\nexport type HvGlobalActionsVariant = \"global\" | \"section\";\n\nexport type HvGlobalActionsPosition = \"sticky\" | \"fixed\" | \"relative\";\n\nexport type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface HvGlobalActionsProps\n  extends HvBaseProps<HTMLDivElement, \"title\"> {\n  /** Text to display in the component. */\n  title?: React.ReactNode;\n  /** Denotes if this is a global or section component. */\n  variant?: HvGlobalActionsVariant;\n  /** User can pass in a fully customized button or false for when the back button should not be rendered. */\n  backButton?: React.ReactNode;\n  /** Heading Level to apply to Title Area. */\n  headingLevel?: HvGlobalActionsHeadingLevel;\n  /**\n   * Position of the Global Actions.\n   * Defaults to `sticky` when it is a global title and `relative` when it's a section title.\n   */\n  position?: HvGlobalActionsPosition;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvGlobalActionsClasses;\n}\n\n/**\n * Global Actions are actions that affect the entire page they live in.\n * They should persist while scrolling down the screen.\n */\nexport const HvGlobalActions = ({\n  children,\n  classes,\n  className,\n  title,\n  variant = \"global\",\n  backButton,\n  headingLevel,\n  position: positionProp,\n  ...others\n}: HvGlobalActionsProps) => {\n  const { activeTheme } = useHvTheme();\n\n  const muiTheme = useTheme();\n\n  const headingLevelToApply = headingLevel || (variant === \"global\" ? 1 : 2);\n\n  const backButtonRenderer = () => {\n    if (backButton) {\n      return (\n        <StyledBackButton\n          className={clsx(globalActionsClasses.backButton, classes?.backButton)}\n        >\n          {backButton}\n        </StyledBackButton>\n      );\n    }\n  };\n\n  const position =\n    positionProp || (variant === \"global\" ? \"sticky\" : \"relative\");\n\n  return (\n    <StyledRoot\n      $variant={variant}\n      $position={position}\n      className={clsx(\n        className,\n        globalActionsClasses.root,\n        classes?.root,\n        position === \"sticky\" &&\n          clsx(classes?.positionSticky, globalActionsClasses.positionSticky),\n        position === \"fixed\" &&\n          clsx(classes?.positionFixed, globalActionsClasses.positionFixed),\n        variant === \"global\" &&\n          clsx(classes?.global, globalActionsClasses.global)\n      )}\n      $breakpoints={muiTheme.breakpoints}\n      {...others}\n    >\n      <StyledWrapper\n        className={clsx(\n          globalActionsClasses.wrapper,\n          classes?.wrapper,\n          variant === \"global\" &&\n            clsx(\n              classes?.globalWrapperComplement,\n              globalActionsClasses.globalWrapperComplement\n            ),\n          variant === \"section\" &&\n            clsx(\n              classes?.globalSectionArea,\n              globalActionsClasses.globalSectionArea\n            )\n        )}\n        $variant={variant}\n      >\n        {variant === \"global\" && backButtonRenderer()}\n        {!isString(title) ? (\n          title\n        ) : (\n          <HvTypography\n            variant={\n              variant === \"global\"\n                ? \"title3\"\n                : activeTheme?.globalActions.sectionVariant\n            }\n            component={`h${headingLevelToApply}`}\n            className={clsx(globalActionsClasses.name, classes?.name)}\n          >\n            {title}\n          </HvTypography>\n        )}\n        {children && (\n          <StyledActions\n            className={clsx(globalActionsClasses.actions, classes?.actions)}\n          >\n            {children}\n          </StyledActions>\n        )}\n      </StyledWrapper>\n    </StyledRoot>\n  );\n};\n"],"names":["HvGlobalActions","children","classes","className","title","variant","backButton","headingLevel","position","positionProp","others","activeTheme","useHvTheme","muiTheme","useTheme","headingLevelToApply","backButtonRenderer","StyledBackButton","clsx","globalActionsClasses","StyledRoot","$variant","$position","root","positionSticky","positionFixed","global","$breakpoints","breakpoints","StyledWrapper","wrapper","globalWrapperComplement","globalSectionArea","isString","_jsx","HvTypography","globalActions","sectionVariant","component","name","StyledActions","actions"],"mappings":";;;;;;;;AA6CO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC,UAAUC;AAAAA,EACV,GAAGC;AACiB,MAAM;AACpB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAY;AAEpC,QAAMC,WAAWC;AAEjB,QAAMC,sBAAsBR,iBAAiBF,YAAY,WAAW,IAAI;AAExE,QAAMW,qBAAqBA,MAAM;AAC/B,QAAIV,YAAY;AACd,iCACGW,kBAAgB;AAAA,QACfd,WAAWe,KAAKC,qBAAqBb,YAAYJ,mCAASI,UAAU;AAAA,QAAEL,UAErEK;AAAAA,MAAAA,CACgB;AAAA,IAEvB;AAAA,EAAA;AAGF,QAAME,WACJC,iBAAiBJ,YAAY,WAAW,WAAW;AAErD,6BACGe,YAAU;AAAA,IACTC,UAAUhB;AAAAA,IACViB,WAAWd;AAAAA,IACXL,WAAWe,KACTf,WACAgB,qBAAqBI,MACrBrB,mCAASqB,MACTf,aAAa,YACXU,KAAKhB,mCAASsB,gBAAgBL,qBAAqBK,cAAc,GACnEhB,aAAa,WACXU,KAAKhB,mCAASuB,eAAeN,qBAAqBM,aAAa,GACjEpB,YAAY,YACVa,KAAKhB,mCAASwB,QAAQP,qBAAqBO,MAAM,CAAC;AAAA,IAEtDC,cAAcd,SAASe;AAAAA,IAAY,GAC/BlB;AAAAA,IAAMT,+BAET4B,eAAa;AAAA,MACZ1B,WAAWe,KACTC,qBAAqBW,SACrB5B,mCAAS4B,SACTzB,YAAY,YACVa,KACEhB,mCAAS6B,yBACTZ,qBAAqBY,uBAAuB,GAEhD1B,YAAY,aACVa,KACEhB,mCAAS8B,mBACTb,qBAAqBa,iBAAiB,CACvC;AAAA,MAELX,UAAUhB;AAAAA,MAAQJ,WAEjBI,YAAY,YAAYW,sBACxB,CAACiB,SAAS7B,KAAK,IACdA,QAEA8B,oBAACC,cAAY;AAAA,QACX9B,SACEA,YAAY,WACR,WACAM,2CAAayB,cAAcC;AAAAA,QAEjCC,WAAY,IAAGvB;AAAAA,QACfZ,WAAWe,KAAKC,qBAAqBoB,MAAMrC,mCAASqC,IAAI;AAAA,QAAEtC,UAEzDG;AAAAA,MAAAA,CAAK,GAGTH,YACCiC,oBAACM,eAAa;AAAA,QACZrC,WAAWe,KAAKC,qBAAqBsB,SAASvC,mCAASuC,OAAO;AAAA,QAAExC;AAAAA,MAAAA,CAInE,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEQ;AAEjB;"}

package/dist/esm/components/GlobalActions/globalActionsClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"globalActionsClasses.js","sources":["../../../../src/components/GlobalActions/globalActionsClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvGlobalActionsClasses {\n  root?: string;\n  global?: string;\n  backButton?: string;\n  globalSectionArea?: string;\n  actions?: string;\n  wrapper?: string;\n  name?: string;\n  positionFixed?: string;\n  positionSticky?: string;\n  globalWrapperComplement?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"global\",\n  \"backButton\",\n  \"globalSectionArea\",\n  \"actions\",\n  \"wrapper\",\n  \"name\",\n  \"positionFixed\",\n  \"positionSticky\",\n  \"globalWrapperComplement\",\n];\n\nconst globalActionsClasses = getClasses<HvGlobalActionsClasses>(\n  classKeys,\n  \"HvGlobalActions\"\n);\n\nexport default globalActionsClasses;\n"],"names":["classKeys","globalActionsClasses","getClasses"],"mappings":";AAeA,MAAMA,YAAsB,CAC1B,QACA,UACA,cACA,qBACA,WACA,WACA,QACA,iBACA,kBACA,yBAAyB;AAG3B,MAAMC,uBAAuBC,WAC3BF,WACA,iBAAiB;AAGnB,MAAA,yBAAeC;"}
+{"version":3,"file":"globalActionsClasses.js","sources":["../../../../src/components/GlobalActions/globalActionsClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvGlobalActionsClasses {\n  root?: string;\n  global?: string;\n  backButton?: string;\n  globalSectionArea?: string;\n  actions?: string;\n  wrapper?: string;\n  name?: string;\n  positionFixed?: string;\n  positionSticky?: string;\n  globalWrapperComplement?: string;\n}\n\nconst classKeys: (keyof HvGlobalActionsClasses)[] = [\n  \"root\",\n  \"global\",\n  \"backButton\",\n  \"globalSectionArea\",\n  \"actions\",\n  \"wrapper\",\n  \"name\",\n  \"positionFixed\",\n  \"positionSticky\",\n  \"globalWrapperComplement\",\n];\n\nconst globalActionsClasses = getClasses(classKeys, \"HvGlobalActions\");\n\nexport default globalActionsClasses;\n"],"names":["classKeys","globalActionsClasses","getClasses"],"mappings":";AAeA,MAAMA,YAA8C,CAClD,QACA,UACA,cACA,qBACA,WACA,WACA,QACA,iBACA,kBACA,yBAAyB;AAG3B,MAAMC,uBAAuBC,WAAWF,WAAW,iBAAiB;AAEpE,MAAA,yBAAeC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from \"@mui/material\";\nimport isString from \"lodash/isString\";\nimport { forwardRef } from \"react\";\nimport { useWidth } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvGridClasses } from \"./gridClasses\";\n\nconst BREAKPOINT_GUTTERS = {\n  xs: 2,\n  sm: 2,\n  md: 4,\n  lg: 4,\n  xl: 4,\n};\n\nexport type HvGridDirection =\n  | \"row\"\n  | \"row-reverse\"\n  | \"column\"\n  | \"column-reverse\";\n\nexport type HvGridSpacing =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"auto\"\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10;\n\nexport interface HvGridProps\n  extends Omit<MuiGridProps, \"classes\">,\n    HvBaseProps<HTMLDivElement, { color }> {\n  /**\n   * If `true`, the component will have the flex *container* behavior.\n   * You should be wrapping *items* with a *container*.\n   */\n  container?: boolean;\n  /**\n   * If `true`, the component will have the flex *item* behavior.\n   * You should be wrapping *items* with a *container*.\n   */\n  item?: boolean;\n  /**\n   * Defines the space between the type item component. It can only be used on a type container component.\n   * Based in the 8x factor defined in the theme, it allows the definition of this factor based on the factor\n   * (number between 0 and 10), breakpoint or auto.\n   */\n  spacing?: HvGridSpacing | number;\n  /**\n   * Defines the `flex-direction` style property.\n   * It is applied for all screen sizes.\n   */\n  direction?: HvGridDirection;\n  /**\n   * Defines the `justify-content` style property.\n   * It is applied for all screen sizes.\n   */\n  justify?:\n    | \"flex-start\"\n    | \"center\"\n    | \"flex-end\"\n    | \"space-between\"\n    | \"space-around\"\n    | \"space-evenly\";\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for all the screen sizes with the lowest priority.\n   */\n  xs?: number | boolean;\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `sm` breakpoint and wider screens if not overridden.\n   */\n  sm?: number | boolean;\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `md` breakpoint and wider screens if not overridden.\n   */\n  md?: number | boolean;\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `lg` breakpoint and wider screens if not overridden.\n   */\n  lg?: number | boolean;\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `xl` breakpoint and wider screens.\n   */\n  xl?: number | boolean;\n  /**\n   * Defines the `flex-wrap` style property.\n   * It's applied for all screen sizes.\n   */\n  wrap?: \"nowrap\" | \"wrap\" | \"wrap-reverse\";\n  /**\n   * If `true`, it sets `min-width: 0` on the item.\n   * Refer to the limitations section of the documentation to better understand the use case.\n   */\n  zeroMinWidth?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvGridClasses;\n}\n\n/**\n * The grid creates visual consistency between layouts while allowing flexibility\n * across a wide variety of designs. This component is based in a 12-column grid layout.\n *\n * It is is based in the [Material UI Grid](https://mui.com/material-ui/react-grid/).\n *\n * The definitions were set following the Design System directives:\n *\n * | Breakpoint | Width (in px) | Gutters (in px) | Number of columns |\n * | ---------- | ------------- | --------------- | ----------------- |\n * | xs         | [0-575[       | 16              | 4                 |\n * | sm         | [576-767[     | 16              | 8                 |\n * | md         | [768-991[     | 32              | 12                |\n * | lg         | [992-1199[    | 32              | 12                |\n * | xl         | [1200-...[    | 32              | 12                |\n *\n */\nexport const HvGrid = forwardRef<HTMLDivElement, HvGridProps>(\n  ({ container, spacing = \"auto\", ...others }, ref) => {\n    const width = useWidth();\n    let gridSpacing = spacing;\n\n    if (isString(spacing)) {\n      if (spacing === \"auto\") {\n        gridSpacing = BREAKPOINT_GUTTERS[width];\n      } else {\n        gridSpacing = BREAKPOINT_GUTTERS[spacing];\n      }\n    }\n\n    return (\n      <MuiGrid\n        ref={ref}\n        {...(container && { container, spacing: gridSpacing })}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["BREAKPOINT_GUTTERS","xs","sm","md","lg","xl","HvGrid","forwardRef","container","spacing","others","ref","width","useWidth","gridSpacing","isString","MuiGrid"],"mappings":";;;;;AAOA,MAAMA,qBAAqB;AAAA,EACzBC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAqHaC,MAAAA,SAASC,WACpB,CAAC;AAAA,EAAEC;AAAAA,EAAWC,UAAU;AAAA,EAAQ,GAAGC;AAAO,GAAGC,QAAQ;AACnD,QAAMC,QAAQC;AACd,MAAIC,cAAcL;AAEdM,MAAAA,SAASN,OAAO,GAAG;AACrB,QAAIA,YAAY,QAAQ;AACtBK,oBAAcd,mBAAmBY,KAAK;AAAA,IAAA,OACjC;AACLE,oBAAcd,mBAAmBS,OAAO;AAAA,IAC1C;AAAA,EACF;AAEA,6BACGO,MAAO;AAAA,IACNL;AAAAA,IAAS,GACJH,aAAa;AAAA,MAAEA;AAAAA,MAAWC,SAASK;AAAAA,IAAY;AAAA,IAAC,GACjDJ;AAAAA,EAAAA,CACJ;AAEN,CAAC;"}
+{"version":3,"file":"Grid.js","sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from \"@mui/material\";\nimport isString from \"lodash/isString\";\nimport { forwardRef } from \"react\";\nimport { useWidth } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvGridClasses } from \"./gridClasses\";\n\nconst BREAKPOINT_GUTTERS = {\n  xs: 2,\n  sm: 2,\n  md: 4,\n  lg: 4,\n  xl: 4,\n};\n\nexport type HvGridDirection =\n  | \"row\"\n  | \"row-reverse\"\n  | \"column\"\n  | \"column-reverse\";\n\nexport type HvGridSpacing =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"auto\"\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10;\n\nexport interface HvGridProps\n  extends Omit<MuiGridProps, \"classes\">,\n    HvBaseProps<HTMLDivElement, \"color\"> {\n  /**\n   * If `true`, the component will have the flex *container* behavior.\n   * You should be wrapping *items* with a *container*.\n   */\n  container?: boolean;\n  /**\n   * If `true`, the component will have the flex *item* behavior.\n   * You should be wrapping *items* with a *container*.\n   */\n  item?: boolean;\n  /**\n   * Defines the space between the type item component. It can only be used on a type container component.\n   * Based in the 8x factor defined in the theme, it allows the definition of this factor based on the factor\n   * (number between 0 and 10), breakpoint or auto.\n   */\n  spacing?: HvGridSpacing | number;\n  /**\n   * Defines the `flex-direction` style property.\n   * It is applied for all screen sizes.\n   */\n  direction?: HvGridDirection;\n  /**\n   * Defines the `justify-content` style property.\n   * It is applied for all screen sizes.\n   */\n  justify?:\n    | \"flex-start\"\n    | \"center\"\n    | \"flex-end\"\n    | \"space-between\"\n    | \"space-around\"\n    | \"space-evenly\";\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for all the screen sizes with the lowest priority.\n   */\n  xs?: number | boolean;\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `sm` breakpoint and wider screens if not overridden.\n   */\n  sm?: number | boolean;\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `md` breakpoint and wider screens if not overridden.\n   */\n  md?: number | boolean;\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `lg` breakpoint and wider screens if not overridden.\n   */\n  lg?: number | boolean;\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `xl` breakpoint and wider screens.\n   */\n  xl?: number | boolean;\n  /**\n   * Defines the `flex-wrap` style property.\n   * It's applied for all screen sizes.\n   */\n  wrap?: \"nowrap\" | \"wrap\" | \"wrap-reverse\";\n  /**\n   * If `true`, it sets `min-width: 0` on the item.\n   * Refer to the limitations section of the documentation to better understand the use case.\n   */\n  zeroMinWidth?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvGridClasses;\n}\n\n/**\n * The grid creates visual consistency between layouts while allowing flexibility\n * across a wide variety of designs. This component is based in a 12-column grid layout.\n *\n * It is is based in the [Material UI Grid](https://mui.com/material-ui/react-grid/).\n *\n * The definitions were set following the Design System directives:\n *\n * | Breakpoint | Width (in px) | Gutters (in px) | Number of columns |\n * | ---------- | ------------- | --------------- | ----------------- |\n * | xs         | [0-575[       | 16              | 4                 |\n * | sm         | [576-767[     | 16              | 8                 |\n * | md         | [768-991[     | 32              | 12                |\n * | lg         | [992-1199[    | 32              | 12                |\n * | xl         | [1200-...[    | 32              | 12                |\n *\n */\nexport const HvGrid = forwardRef<HTMLDivElement, HvGridProps>(\n  ({ container, spacing = \"auto\", ...others }, ref) => {\n    const width = useWidth();\n    let gridSpacing = spacing;\n\n    if (isString(spacing)) {\n      if (spacing === \"auto\") {\n        gridSpacing = BREAKPOINT_GUTTERS[width];\n      } else {\n        gridSpacing = BREAKPOINT_GUTTERS[spacing];\n      }\n    }\n\n    return (\n      <MuiGrid\n        ref={ref}\n        {...(container && { container, spacing: gridSpacing })}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["BREAKPOINT_GUTTERS","xs","sm","md","lg","xl","HvGrid","forwardRef","container","spacing","others","ref","width","useWidth","gridSpacing","isString","MuiGrid"],"mappings":";;;;;AAOA,MAAMA,qBAAqB;AAAA,EACzBC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAqHaC,MAAAA,SAASC,WACpB,CAAC;AAAA,EAAEC;AAAAA,EAAWC,UAAU;AAAA,EAAQ,GAAGC;AAAO,GAAGC,QAAQ;AACnD,QAAMC,QAAQC;AACd,MAAIC,cAAcL;AAEdM,MAAAA,SAASN,OAAO,GAAG;AACrB,QAAIA,YAAY,QAAQ;AACtBK,oBAAcd,mBAAmBY,KAAK;AAAA,IAAA,OACjC;AACLE,oBAAcd,mBAAmBS,OAAO;AAAA,IAC1C;AAAA,EACF;AAEA,6BACGO,MAAO;AAAA,IACNL;AAAAA,IAAS,GACJH,aAAa;AAAA,MAAEA;AAAAA,MAAWC,SAASK;AAAAA,IAAY;AAAA,IAAC,GACjDJ;AAAAA,EAAAA,CACJ;AAEN,CAAC;"}

package/dist/esm/components/Grid/gridClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"gridClasses.js","sources":["../../../../src/components/Grid/gridClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvGridClasses {\n  root?: string;\n  container?: string;\n  item?: string;\n  zeroMinWidth?: string;\n  \"direction-xs-column\"?: string;\n  \"direction-xs-reverse\"?: string;\n  \"direction-xs-row-reverse\"?: string;\n  \"wrap-xs-nowrap\"?: string;\n  \"wrap-xs-wrap-reverse\"?: string;\n  \"spacing-xs-1\"?: string;\n  \"spacing-xs-2\"?: string;\n  \"spacing-xs-3\"?: string;\n  \"spacing-xs-4\"?: string;\n  \"spacing-xs-5\"?: string;\n  \"spacing-xs-6\"?: string;\n  \"spacing-xs-7\"?: string;\n  \"spacing-xs-8\"?: string;\n  \"spacing-xs-9\"?: string;\n  \"spacing-xs-10\"?: string;\n  \"grid-xs-auto\"?: string;\n  \"grid-xs-true\"?: string;\n  \"grid-xs-1\"?: string;\n  \"grid-xs-2\"?: string;\n  \"grid-xs-3\"?: string;\n  \"grid-xs-4\"?: string;\n  \"grid-xs-5\"?: string;\n  \"grid-xs-6\"?: string;\n  \"grid-xs-7\"?: string;\n  \"grid-xs-8\"?: string;\n  \"grid-xs-9\"?: string;\n  \"grid-xs-10\"?: string;\n  \"grid-xs-11\"?: string;\n  \"grid-xs-12\"?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"container\",\n  \"item\",\n  \"zeroMinWidth\",\n  \"direction-xs-column\",\n  \"direction-xs-reverse\",\n  \"direction-xs-row-reverse\",\n  \"wrap-xs-nowrap\",\n  \"wrap-xs-wrap-reverse\",\n  \"spacing-xs-1\",\n  \"spacing-xs-2\",\n  \"spacing-xs-3\",\n  \"spacing-xs-4\",\n  \"spacing-xs-5\",\n  \"spacing-xs-6\",\n  \"spacing-xs-7\",\n  \"spacing-xs-8\",\n  \"spacing-xs-9\",\n  \"spacing-xs-10\",\n  \"grid-xs-auto\",\n  \"grid-xs-true\",\n  \"grid-xs-1\",\n  \"grid-xs-2\",\n  \"grid-xs-3\",\n  \"grid-xs-4\",\n  \"grid-xs-5\",\n  \"grid-xs-6\",\n  \"grid-xs-7\",\n  \"grid-xs-8\",\n  \"grid-xs-9\",\n  \"grid-xs-10\",\n  \"grid-xs-11\",\n  \"grid-xs-12\",\n];\n\nconst gridClasses = getClasses<HvGridClasses>(classKeys, \"HvGrid\");\n\nexport default gridClasses;\n"],"names":["classKeys","gridClasses","getClasses"],"mappings":";AAsCA,MAAMA,YAAsB,CAC1B,QACA,aACA,QACA,gBACA,uBACA,wBACA,4BACA,kBACA,wBACA,gBACA,gBACA,gBACA,gBACA,gBACA,gBACA,gBACA,gBACA,gBACA,iBACA,gBACA,gBACA,aACA,aACA,aACA,aACA,aACA,aACA,aACA,aACA,aACA,cACA,cACA,YAAY;AAGd,MAAMC,cAAcC,WAA0BF,WAAW,QAAQ;AAEjE,MAAA,gBAAeC;"}
+{"version":3,"file":"gridClasses.js","sources":["../../../../src/components/Grid/gridClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvGridClasses {\n  root?: string;\n  container?: string;\n  item?: string;\n  zeroMinWidth?: string;\n  \"direction-xs-column\"?: string;\n  \"direction-xs-reverse\"?: string;\n  \"direction-xs-row-reverse\"?: string;\n  \"wrap-xs-nowrap\"?: string;\n  \"wrap-xs-wrap-reverse\"?: string;\n  \"spacing-xs-1\"?: string;\n  \"spacing-xs-2\"?: string;\n  \"spacing-xs-3\"?: string;\n  \"spacing-xs-4\"?: string;\n  \"spacing-xs-5\"?: string;\n  \"spacing-xs-6\"?: string;\n  \"spacing-xs-7\"?: string;\n  \"spacing-xs-8\"?: string;\n  \"spacing-xs-9\"?: string;\n  \"spacing-xs-10\"?: string;\n  \"grid-xs-auto\"?: string;\n  \"grid-xs-true\"?: string;\n  \"grid-xs-1\"?: string;\n  \"grid-xs-2\"?: string;\n  \"grid-xs-3\"?: string;\n  \"grid-xs-4\"?: string;\n  \"grid-xs-5\"?: string;\n  \"grid-xs-6\"?: string;\n  \"grid-xs-7\"?: string;\n  \"grid-xs-8\"?: string;\n  \"grid-xs-9\"?: string;\n  \"grid-xs-10\"?: string;\n  \"grid-xs-11\"?: string;\n  \"grid-xs-12\"?: string;\n}\n\nconst classKeys: (keyof HvGridClasses)[] = [\n  \"root\",\n  \"container\",\n  \"item\",\n  \"zeroMinWidth\",\n  \"direction-xs-column\",\n  \"direction-xs-reverse\",\n  \"direction-xs-row-reverse\",\n  \"wrap-xs-nowrap\",\n  \"wrap-xs-wrap-reverse\",\n  \"spacing-xs-1\",\n  \"spacing-xs-2\",\n  \"spacing-xs-3\",\n  \"spacing-xs-4\",\n  \"spacing-xs-5\",\n  \"spacing-xs-6\",\n  \"spacing-xs-7\",\n  \"spacing-xs-8\",\n  \"spacing-xs-9\",\n  \"spacing-xs-10\",\n  \"grid-xs-auto\",\n  \"grid-xs-true\",\n  \"grid-xs-1\",\n  \"grid-xs-2\",\n  \"grid-xs-3\",\n  \"grid-xs-4\",\n  \"grid-xs-5\",\n  \"grid-xs-6\",\n  \"grid-xs-7\",\n  \"grid-xs-8\",\n  \"grid-xs-9\",\n  \"grid-xs-10\",\n  \"grid-xs-11\",\n  \"grid-xs-12\",\n];\n\nconst gridClasses = getClasses(classKeys, \"HvGrid\");\n\nexport default gridClasses;\n"],"names":["classKeys","gridClasses","getClasses"],"mappings":";AAsCA,MAAMA,YAAqC,CACzC,QACA,aACA,QACA,gBACA,uBACA,wBACA,4BACA,kBACA,wBACA,gBACA,gBACA,gBACA,gBACA,gBACA,gBACA,gBACA,gBACA,gBACA,iBACA,gBACA,gBACA,aACA,aACA,aACA,aACA,aACA,aACA,aACA,aACA,aACA,cACA,cACA,YAAY;AAGd,MAAMC,cAAcC,WAAWF,WAAW,QAAQ;AAElD,MAAA,gBAAeC;"}

package/dist/esm/components/Header/Actions/actionsClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"actionsClasses.js","sources":["../../../../../src/components/Header/Actions/actionsClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvHeaderActionsClasses {\n  root?: string;\n}\n\nconst classKeys: string[] = [\"root\"];\n\nconst headerActionsClasses = getClasses<HvHeaderActionsClasses>(\n  classKeys,\n  \"HvHeader-Actions\"\n);\n\nexport default headerActionsClasses;\n"],"names":["classKeys","headerActionsClasses","getClasses"],"mappings":";AAMA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,uBAAuBC,WAC3BF,WACA,kBAAkB;AAGpB,MAAA,yBAAeC;"}
+{"version":3,"file":"actionsClasses.js","sources":["../../../../../src/components/Header/Actions/actionsClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvHeaderActionsClasses {\n  root?: string;\n}\n\nconst classKeys: (keyof HvHeaderActionsClasses)[] = [\"root\"];\n\nconst headerActionsClasses = getClasses(classKeys, \"HvHeader-Actions\");\n\nexport default headerActionsClasses;\n"],"names":["classKeys","headerActionsClasses","getClasses"],"mappings":";AAMA,MAAMA,YAA8C,CAAC,MAAM;AAE3D,MAAMC,uBAAuBC,WAAWF,WAAW,kBAAkB;AAErE,MAAA,yBAAeC;"}

package/dist/esm/components/Header/Brand/brandClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"brandClasses.js","sources":["../../../../../src/components/Header/Brand/brandClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvHeaderBrandClasses {\n  root?: string;\n  separator?: string;\n}\n\nconst classKeys: string[] = [\"root\", \"separator\"];\n\nconst headerBrandClasses = getClasses<HvHeaderBrandClasses>(\n  classKeys,\n  \"HvHeader-Brand\"\n);\n\nexport default headerBrandClasses;\n"],"names":["classKeys","headerBrandClasses","getClasses"],"mappings":";AAOA,MAAMA,YAAsB,CAAC,QAAQ,WAAW;AAEhD,MAAMC,qBAAqBC,WACzBF,WACA,gBAAgB;AAGlB,MAAA,uBAAeC;"}
+{"version":3,"file":"brandClasses.js","sources":["../../../../../src/components/Header/Brand/brandClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvHeaderBrandClasses {\n  root?: string;\n  separator?: string;\n}\n\nconst classKeys: (keyof HvHeaderBrandClasses)[] = [\"root\", \"separator\"];\n\nconst headerBrandClasses = getClasses(classKeys, \"HvHeader-Brand\");\n\nexport default headerBrandClasses;\n"],"names":["classKeys","headerBrandClasses","getClasses"],"mappings":";AAOA,MAAMA,YAA4C,CAAC,QAAQ,WAAW;AAEtE,MAAMC,qBAAqBC,WAAWF,WAAW,gBAAgB;AAEjE,MAAA,uBAAeC;"}

package/dist/esm/components/Header/Navigation/MenuBar/MenuBar.js

@@ -2,6 +2,7 @@ import { clsx } from "clsx";
 import { useContext } from "react";
 import { SelectionContext } from "../utils/SelectionContext.js";
 import { MenuBarRoot, MenuBarUl } from "./MenuBar.styles.js";
+import headerMenuBarClasses from "./menuBarClasses.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 import { HvMenuItem } from "../MenuItem/MenuItem.js";
 const HvMenuBar = ({
@@ -15,10 +16,10 @@ const HvMenuBar = ({
   const isMenu = type === "menu";
   const isActive = isMenu && data.filter((item) => item.id === (selectionPath == null ? void 0 : selectionPath[1])).length > 0;
   return /* @__PURE__ */ jsx(MenuBarRoot, {
-    className: clsx(className, isMenu && "hidden", isActive && "active"),
-    type,
-    hidden: isMenu,
-    active: isActive,
+    className: clsx(className, isMenu && headerMenuBarClasses.hidden, isActive && headerMenuBarClasses.active),
+    $type: type,
+    $hidden: isMenu,
+    $active: isActive,
     children: /* @__PURE__ */ jsx(MenuBarUl, {
       id,
       onFocus: () => {

package/dist/esm/components/Header/Navigation/MenuBar/MenuBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuBar.js","sources":["../../../../../../src/components/Header/Navigation/MenuBar/MenuBar.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvMenuItem } from \"../MenuItem\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuBarRoot, MenuBarUl } from \"./MenuBar.styles\";\n\nexport interface HvMenuBarProps extends 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,WAAWC,gBAAgB;AAEjD,QAAMC,SAASL,SAAS;AAElBM,QAAAA,WACJD,UAAUP,KAAKS,OAAQC,CAAAA,SAASA,KAAKX,QAAOK,+CAAgB,GAAE,EAAEO,SAAS;AAE3E,6BACGC,aAAW;AAAA,IACVT,WAAWU,KAAKV,WAAWI,UAAU,UAAUC,YAAY,QAAQ;AAAA,IACnEN;AAAAA,IACAY,QAAQP;AAAAA,IACRQ,QAAQP;AAAAA,IAASQ,8BAEhBC,WAAS;AAAA,MAAClB;AAAAA,MAAQmB,SAASA,MAAM;AAAA,MAAC;AAAA,MAAEF,UAClChB,KAAKmB,IAAI,CAACT,6BACRU,YAAU;AAAA,QAAeV;AAAAA,QAAYR;AAAAA,QAAYD;AAAAA,MAAAA,GAAjCS,KAAKX,EAAE,CACzB;AAAA,IAAA,CAAC;AAAA,EAAA,CAEQ;AAElB;"}
+{"version":3,"file":"MenuBar.js","sources":["../../../../../../src/components/Header/Navigation/MenuBar/MenuBar.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvMenuItem } from \"../MenuItem\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuBarRoot, MenuBarUl } from \"./MenuBar.styles\";\nimport headerMenuBarClasses from \"./menuBarClasses\";\n\nexport interface HvMenuBarProps extends HvBaseProps<HTMLDivElement, \"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(\n        className,\n        isMenu && headerMenuBarClasses.hidden,\n        isActive && headerMenuBarClasses.active\n      )}\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","headerMenuBarClasses","hidden","active","$type","$hidden","$active","children","MenuBarUl","onFocus","map","HvMenuItem"],"mappings":";;;;;;;AAeO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC,OAAO;AAAA,EACPC;AACc,MAAM;AACdC,QAAAA,gBAAgBC,WAAWC,gBAAgB;AAEjD,QAAMC,SAASL,SAAS;AAElBM,QAAAA,WACJD,UAAUP,KAAKS,OAAQC,CAAAA,SAASA,KAAKX,QAAOK,+CAAgB,GAAE,EAAEO,SAAS;AAE3E,6BACGC,aAAW;AAAA,IACVT,WAAWU,KACTV,WACAI,UAAUO,qBAAqBC,QAC/BP,YAAYM,qBAAqBE,MAAM;AAAA,IAEzCC,OAAOf;AAAAA,IACPgB,SAASX;AAAAA,IACTY,SAASX;AAAAA,IAASY,8BAEjBC,WAAS;AAAA,MAACtB;AAAAA,MAAQuB,SAASA,MAAM;AAAA,MAAC;AAAA,MAAEF,UAClCpB,KAAKuB,IAAI,CAACb,6BACRc,YAAU;AAAA,QAAed;AAAAA,QAAYR;AAAAA,QAAYD;AAAAA,MAAAA,GAAjCS,KAAKX,EAAE,CACzB;AAAA,IAAA,CAAC;AAAA,EAAA,CAEQ;AAElB;"}

package/dist/esm/components/Header/Navigation/MenuBar/MenuBar.styles.js

@@ -1,5 +1,21 @@
 import _styled from "@emotion/styled/base";
+import { transientOptions } from "../../../../utils/transientOptions.js";
 import { theme } from "@hitachivantara/uikit-styles";
+import headerMenuBarClasses from "./menuBarClasses.js";
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
 const show = {
   top: `calc(${theme.header.height} - ${theme.header.borderTopThickness})`,
   transition: ["top"],
@@ -13,15 +29,15 @@ const hide = {
   boxShadow: "none",
   transitionDuration: "300ms"
 };
-const MenuBarRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+const MenuBarRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "etcfm7y1"
-} : {
+}, transientOptions) : _extends({}, {
   target: "etcfm7y1",
   label: "MenuBarRoot"
-})(({
-  type,
-  hidden,
-  active
+}, transientOptions))(({
+  $type,
+  $hidden,
+  $active
 }) => ({
   left: 0,
   width: "100%",
@@ -29,26 +45,26 @@ const MenuBarRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "pro
   display: "flex",
   justifyContent: "center",
   alignItems: "center",
-  ...type === "menubar" && {
+  ...$type === "menubar" && {
     position: "relative",
     backgroundColor: theme.header.backgroundColor
   },
-  ...type === "menu" && {
+  ...$type === "menu" && {
     position: "absolute",
-    paddingTop: theme.header.selectedItemBorderBottomThickness,
     zIndex: -2,
+    height: theme.header.secondLevelHeight,
     backgroundColor: theme.header.secondLevelBackgroundColor,
     "& li > div": {
       marginTop: 0
     }
   },
-  ...hidden && {
+  ...$hidden && {
     ...hide
   },
-  ...active && {
+  ...$active && {
     ...show
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9NZW51QmFyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0IyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9OYXZpZ2F0aW9uL01lbnVCYXIvTWVudUJhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUJhclJvb3RQcm9wcyB7XG4gIHR5cGU6IHN0cmluZztcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxufTtcblxuZXhwb3J0IGNvbnN0IGhpZGUgPSB7XG4gIHRvcDogMCxcbiAgdHJhbnNpdGlvbjogW1widG9wXCJdLFxuICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IFwiMzAwbXNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyUm9vdCA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdHlwZSwgaGlkZGVuLCBhY3RpdmUgfTogTWVudUJhclJvb3RQcm9wcykgPT4gKHtcbiAgICBsZWZ0OiAwLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgLi4uKHR5cGUgPT09IFwibWVudWJhclwiICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKHR5cGUgPT09IFwibWVudVwiICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgICAgekluZGV4OiAtMixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxuICAgICAgXCImIGxpID4gZGl2XCI6IHtcbiAgICAgICAgbWFyZ2luVG9wOiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oaGlkZGVuICYmIHsgLi4uaGlkZSB9KSxcbiAgICAuLi4oYWN0aXZlICYmIHsgLi4uc2hvdyB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyVWwgPSBzdHlsZWQoXCJ1bFwiKSh7XG4gIG1hcmdpbjogMCxcbiAgcGFkZGluZzogMCxcbiAgZGlzcGxheTogXCJpbmhlcml0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIFwiJjpob3ZlciAuYWN0aXZlXCI6IHtcbiAgICAuLi5oaWRlLFxuICB9LFxuICBcIiYgbGk6aG92ZXIgPiAuaGlkZGVuXCI6IHtcbiAgICAuLi5zaG93LFxuICB9LFxuXG4gIFwiJjpmb2N1cy13aXRoaW4gLmFjdGl2ZVwiOiB7XG4gICAgLi4uaGlkZSxcbiAgICB6SW5kZXg6IC0yLFxuICB9LFxuICBcIiYgbGk6Zm9jdXMtd2l0aGluID4gLmhpZGRlblwiOiB7XG4gICAgLi4uc2hvdyxcbiAgICB6SW5kZXg6IC0xLFxuICB9LFxufSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9NZW51QmFyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEIyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9OYXZpZ2F0aW9uL01lbnVCYXIvTWVudUJhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBoZWFkZXJNZW51QmFyQ2xhc3NlcyBmcm9tIFwiLi9tZW51QmFyQ2xhc3Nlc1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVCYXJSb290UHJvcHMge1xuICAkdHlwZTogc3RyaW5nO1xuICAkaGlkZGVuPzogYm9vbGVhbjtcbiAgJGFjdGl2ZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IHNob3cgPSB7XG4gIHRvcDogYGNhbGMoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSAtICR7dGhlbWUuaGVhZGVyLmJvcmRlclRvcFRoaWNrbmVzc30pYCxcbiAgdHJhbnNpdGlvbjogW1widG9wXCJdLFxuICBib3hTaGFkb3c6IHRoZW1lLmhlYWRlci5zaGFkb3csXG4gIHRyYW5zaXRpb25EdXJhdGlvbjogXCI1MDBtc1wiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEJhY2tncm91bmRDb2xvcixcbn07XG5cbmV4cG9ydCBjb25zdCBoaWRlID0ge1xuICB0b3A6IDAsXG4gIHRyYW5zaXRpb246IFtcInRvcFwiXSxcbiAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjMwMG1zXCIsXG59O1xuXG5leHBvcnQgY29uc3QgTWVudUJhclJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHR5cGUsICRoaWRkZW4sICRhY3RpdmUgfTogTWVudUJhclJvb3RQcm9wcykgPT4gKHtcbiAgbGVmdDogMCxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIC4uLigkdHlwZSA9PT0gXCJtZW51YmFyXCIgJiYge1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuYmFja2dyb3VuZENvbG9yLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcIm1lbnVcIiAmJiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXg6IC0yLFxuICAgIGhlaWdodDogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsSGVpZ2h0LFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxuICAgIFwiJiBsaSA+IGRpdlwiOiB7XG4gICAgICBtYXJnaW5Ub3A6IDAsXG4gICAgfSxcbiAgfSksXG4gIC4uLigkaGlkZGVuICYmIHsgLi4uaGlkZSB9KSxcbiAgLi4uKCRhY3RpdmUgJiYgeyAuLi5zaG93IH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVudUJhclVsID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIGRpc3BsYXk6IFwiaW5oZXJpdFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBbYCY6aG92ZXIgLiR7aGVhZGVyTWVudUJhckNsYXNzZXMuYWN0aXZlfWBdOiB7XG4gICAgLi4uaGlkZSxcbiAgfSxcbiAgW2AmIGxpOmhvdmVyID4gLiR7aGVhZGVyTWVudUJhckNsYXNzZXMuaGlkZGVufWBdOiB7XG4gICAgLi4uc2hvdyxcbiAgfSxcblxuICBbYCY6Zm9jdXMtd2l0aGluIC4ke2hlYWRlck1lbnVCYXJDbGFzc2VzLmFjdGl2ZX1gXToge1xuICAgIC4uLmhpZGUsXG4gICAgekluZGV4OiAtMixcbiAgfSxcbiAgW2AmIGxpOmZvY3VzLXdpdGhpbiA+IC4ke2hlYWRlck1lbnVCYXJDbGFzc2VzLmhpZGRlbn1gXToge1xuICAgIC4uLnNob3csXG4gICAgekluZGV4OiAtMSxcbiAgfSxcbn0pO1xuIl19 */");
 const MenuBarUl = /* @__PURE__ */ _styled("ul", process.env.NODE_ENV === "production" ? {
   target: "etcfm7y0"
 } : {
@@ -60,21 +76,21 @@ const MenuBarUl = /* @__PURE__ */ _styled("ul", process.env.NODE_ENV === "produc
   display: "inherit",
   alignItems: "center",
   height: "100%",
-  "&:hover .active": {
+  [`&:hover .${headerMenuBarClasses.active}`]: {
     ...hide
   },
-  "& li:hover > .hidden": {
+  [`& li:hover > .${headerMenuBarClasses.hidden}`]: {
     ...show
   },
-  "&:focus-within .active": {
+  [`&:focus-within .${headerMenuBarClasses.active}`]: {
     ...hide,
     zIndex: -2
   },
-  "& li:focus-within > .hidden": {
+  [`& li:focus-within > .${headerMenuBarClasses.hidden}`]: {
     ...show,
     zIndex: -1
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9NZW51QmFyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0R5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9OYXZpZ2F0aW9uL01lbnVCYXIvTWVudUJhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUJhclJvb3RQcm9wcyB7XG4gIHR5cGU6IHN0cmluZztcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxufTtcblxuZXhwb3J0IGNvbnN0IGhpZGUgPSB7XG4gIHRvcDogMCxcbiAgdHJhbnNpdGlvbjogW1widG9wXCJdLFxuICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IFwiMzAwbXNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyUm9vdCA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdHlwZSwgaGlkZGVuLCBhY3RpdmUgfTogTWVudUJhclJvb3RQcm9wcykgPT4gKHtcbiAgICBsZWZ0OiAwLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgLi4uKHR5cGUgPT09IFwibWVudWJhclwiICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKHR5cGUgPT09IFwibWVudVwiICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgICAgekluZGV4OiAtMixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxuICAgICAgXCImIGxpID4gZGl2XCI6IHtcbiAgICAgICAgbWFyZ2luVG9wOiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oaGlkZGVuICYmIHsgLi4uaGlkZSB9KSxcbiAgICAuLi4oYWN0aXZlICYmIHsgLi4uc2hvdyB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyVWwgPSBzdHlsZWQoXCJ1bFwiKSh7XG4gIG1hcmdpbjogMCxcbiAgcGFkZGluZzogMCxcbiAgZGlzcGxheTogXCJpbmhlcml0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIFwiJjpob3ZlciAuYWN0aXZlXCI6IHtcbiAgICAuLi5oaWRlLFxuICB9LFxuICBcIiYgbGk6aG92ZXIgPiAuaGlkZGVuXCI6IHtcbiAgICAuLi5zaG93LFxuICB9LFxuXG4gIFwiJjpmb2N1cy13aXRoaW4gLmFjdGl2ZVwiOiB7XG4gICAgLi4uaGlkZSxcbiAgICB6SW5kZXg6IC0yLFxuICB9LFxuICBcIiYgbGk6Zm9jdXMtd2l0aGluID4gLmhpZGRlblwiOiB7XG4gICAgLi4uc2hvdyxcbiAgICB6SW5kZXg6IC0xLFxuICB9LFxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9NZW51QmFyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUR5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9OYXZpZ2F0aW9uL01lbnVCYXIvTWVudUJhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBoZWFkZXJNZW51QmFyQ2xhc3NlcyBmcm9tIFwiLi9tZW51QmFyQ2xhc3Nlc1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVCYXJSb290UHJvcHMge1xuICAkdHlwZTogc3RyaW5nO1xuICAkaGlkZGVuPzogYm9vbGVhbjtcbiAgJGFjdGl2ZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IHNob3cgPSB7XG4gIHRvcDogYGNhbGMoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSAtICR7dGhlbWUuaGVhZGVyLmJvcmRlclRvcFRoaWNrbmVzc30pYCxcbiAgdHJhbnNpdGlvbjogW1widG9wXCJdLFxuICBib3hTaGFkb3c6IHRoZW1lLmhlYWRlci5zaGFkb3csXG4gIHRyYW5zaXRpb25EdXJhdGlvbjogXCI1MDBtc1wiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEJhY2tncm91bmRDb2xvcixcbn07XG5cbmV4cG9ydCBjb25zdCBoaWRlID0ge1xuICB0b3A6IDAsXG4gIHRyYW5zaXRpb246IFtcInRvcFwiXSxcbiAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjMwMG1zXCIsXG59O1xuXG5leHBvcnQgY29uc3QgTWVudUJhclJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHR5cGUsICRoaWRkZW4sICRhY3RpdmUgfTogTWVudUJhclJvb3RQcm9wcykgPT4gKHtcbiAgbGVmdDogMCxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIC4uLigkdHlwZSA9PT0gXCJtZW51YmFyXCIgJiYge1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuYmFja2dyb3VuZENvbG9yLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcIm1lbnVcIiAmJiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXg6IC0yLFxuICAgIGhlaWdodDogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsSGVpZ2h0LFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxuICAgIFwiJiBsaSA+IGRpdlwiOiB7XG4gICAgICBtYXJnaW5Ub3A6IDAsXG4gICAgfSxcbiAgfSksXG4gIC4uLigkaGlkZGVuICYmIHsgLi4uaGlkZSB9KSxcbiAgLi4uKCRhY3RpdmUgJiYgeyAuLi5zaG93IH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVudUJhclVsID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIGRpc3BsYXk6IFwiaW5oZXJpdFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBbYCY6aG92ZXIgLiR7aGVhZGVyTWVudUJhckNsYXNzZXMuYWN0aXZlfWBdOiB7XG4gICAgLi4uaGlkZSxcbiAgfSxcbiAgW2AmIGxpOmhvdmVyID4gLiR7aGVhZGVyTWVudUJhckNsYXNzZXMuaGlkZGVufWBdOiB7XG4gICAgLi4uc2hvdyxcbiAgfSxcblxuICBbYCY6Zm9jdXMtd2l0aGluIC4ke2hlYWRlck1lbnVCYXJDbGFzc2VzLmFjdGl2ZX1gXToge1xuICAgIC4uLmhpZGUsXG4gICAgekluZGV4OiAtMixcbiAgfSxcbiAgW2AmIGxpOmZvY3VzLXdpdGhpbiA+IC4ke2hlYWRlck1lbnVCYXJDbGFzc2VzLmhpZGRlbn1gXToge1xuICAgIC4uLnNob3csXG4gICAgekluZGV4OiAtMSxcbiAgfSxcbn0pO1xuIl19 */");
 export {
   MenuBarRoot,
   MenuBarUl,

package/dist/esm/components/Header/Navigation/MenuBar/MenuBar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuBar.styles.js","sources":["../../../../../../src/components/Header/Navigation/MenuBar/MenuBar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport interface MenuBarRootProps {\n  type: string;\n  hidden?: boolean;\n  active?: boolean;\n}\n\nconst show = {\n  top: `calc(${theme.header.height} - ${theme.header.borderTopThickness})`,\n  transition: [\"top\"],\n  boxShadow: theme.header.shadow,\n  transitionDuration: \"500ms\",\n  backgroundColor: theme.header.secondLevelBackgroundColor,\n};\n\nexport const hide = {\n  top: 0,\n  transition: [\"top\"],\n  boxShadow: \"none\",\n  transitionDuration: \"300ms\",\n};\n\nexport const MenuBarRoot = styled(\"div\")(\n  ({ type, hidden, active }: MenuBarRootProps) => ({\n    left: 0,\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...(type === \"menubar\" && {\n      position: \"relative\",\n      backgroundColor: theme.header.backgroundColor,\n    }),\n    ...(type === \"menu\" && {\n      position: \"absolute\",\n      paddingTop: theme.header.selectedItemBorderBottomThickness,\n      zIndex: -2,\n      backgroundColor: theme.header.secondLevelBackgroundColor,\n      \"& li > div\": {\n        marginTop: 0,\n      },\n    }),\n    ...(hidden && { ...hide }),\n    ...(active && { ...show }),\n  })\n);\n\nexport const MenuBarUl = styled(\"ul\")({\n  margin: 0,\n  padding: 0,\n  display: \"inherit\",\n  alignItems: \"center\",\n  height: \"100%\",\n  \"&:hover .active\": {\n    ...hide,\n  },\n  \"& li:hover > .hidden\": {\n    ...show,\n  },\n\n  \"&:focus-within .active\": {\n    ...hide,\n    zIndex: -2,\n  },\n  \"& li:focus-within > .hidden\": {\n    ...show,\n    zIndex: -1,\n  },\n});\n"],"names":["show","top","theme","header","height","borderTopThickness","transition","boxShadow","shadow","transitionDuration","backgroundColor","secondLevelBackgroundColor","hide","MenuBarRoot","process","env","NODE_ENV","target","label","type","hidden","active","left","width","display","justifyContent","alignItems","position","paddingTop","selectedItemBorderBottomThickness","zIndex","marginTop","MenuBarUl","margin","padding"],"mappings":";;AASA,MAAMA,OAAO;AAAA,EACXC,KAAM,QAAOC,MAAMC,OAAOC,YAAYF,MAAMC,OAAOE;AAAAA,EACnDC,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAWL,MAAMC,OAAOK;AAAAA,EACxBC,oBAAoB;AAAA,EACpBC,iBAAiBR,MAAMC,OAAOQ;AAChC;AAEO,MAAMC,OAAO;AAAA,EAClBX,KAAK;AAAA,EACLK,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAW;AAAA,EACXE,oBAAoB;AACtB;AAEO,MAAMI,cAAqB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACrC,CAAC;AAAA,EAAEC;AAAAA,EAAMC;AAAAA,EAAQC;AAAyB,OAAO;AAAA,EAC/CC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPnB,QAAQ;AAAA,EACRoB,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZ,GAAIP,SAAS,aAAa;AAAA,IACxBQ,UAAU;AAAA,IACVjB,iBAAiBR,MAAMC,OAAOO;AAAAA,EAChC;AAAA,EACA,GAAIS,SAAS,UAAU;AAAA,IACrBQ,UAAU;AAAA,IACVC,YAAY1B,MAAMC,OAAO0B;AAAAA,IACzBC,QAAQ;AAAA,IACRpB,iBAAiBR,MAAMC,OAAOQ;AAAAA,IAC9B,cAAc;AAAA,MACZoB,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,GAAIX,UAAU;AAAA,IAAE,GAAGR;AAAAA,EAAK;AAAA,EACxB,GAAIS,UAAU;AAAA,IAAE,GAAGrB;AAAAA,EAAK;AAC1B,IAAEc,QAAAC,IAAAC,aACH,eAAA,KAAA,quFAAA;AAEM,MAAMgB,YAAmB,wBAAA,MAAIlB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACpCe,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTV,SAAS;AAAA,EACTE,YAAY;AAAA,EACZtB,QAAQ;AAAA,EACR,mBAAmB;AAAA,IACjB,GAAGQ;AAAAA,EACL;AAAA,EACA,wBAAwB;AAAA,IACtB,GAAGZ;AAAAA,EACL;AAAA,EAEA,0BAA0B;AAAA,IACxB,GAAGY;AAAAA,IACHkB,QAAQ;AAAA,EACV;AAAA,EACA,+BAA+B;AAAA,IAC7B,GAAG9B;AAAAA,IACH8B,QAAQ;AAAA,EACV;AACF,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,quFAAA;"}
+{"version":3,"file":"MenuBar.styles.js","sources":["../../../../../../src/components/Header/Navigation/MenuBar/MenuBar.styles.tsx"],"sourcesContent":["import { transientOptions } from \"@core/utils/transientOptions\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport headerMenuBarClasses from \"./menuBarClasses\";\n\nexport interface MenuBarRootProps {\n  $type: string;\n  $hidden?: boolean;\n  $active?: boolean;\n}\n\nconst show = {\n  top: `calc(${theme.header.height} - ${theme.header.borderTopThickness})`,\n  transition: [\"top\"],\n  boxShadow: theme.header.shadow,\n  transitionDuration: \"500ms\",\n  backgroundColor: theme.header.secondLevelBackgroundColor,\n};\n\nexport const hide = {\n  top: 0,\n  transition: [\"top\"],\n  boxShadow: \"none\",\n  transitionDuration: \"300ms\",\n};\n\nexport const MenuBarRoot = styled(\n  \"div\",\n  transientOptions\n)(({ $type, $hidden, $active }: MenuBarRootProps) => ({\n  left: 0,\n  width: \"100%\",\n  height: \"100%\",\n  display: \"flex\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  ...($type === \"menubar\" && {\n    position: \"relative\",\n    backgroundColor: theme.header.backgroundColor,\n  }),\n  ...($type === \"menu\" && {\n    position: \"absolute\",\n    zIndex: -2,\n    height: theme.header.secondLevelHeight,\n    backgroundColor: theme.header.secondLevelBackgroundColor,\n    \"& li > div\": {\n      marginTop: 0,\n    },\n  }),\n  ...($hidden && { ...hide }),\n  ...($active && { ...show }),\n}));\n\nexport const MenuBarUl = styled(\"ul\")({\n  margin: 0,\n  padding: 0,\n  display: \"inherit\",\n  alignItems: \"center\",\n  height: \"100%\",\n  [`&:hover .${headerMenuBarClasses.active}`]: {\n    ...hide,\n  },\n  [`& li:hover > .${headerMenuBarClasses.hidden}`]: {\n    ...show,\n  },\n\n  [`&:focus-within .${headerMenuBarClasses.active}`]: {\n    ...hide,\n    zIndex: -2,\n  },\n  [`& li:focus-within > .${headerMenuBarClasses.hidden}`]: {\n    ...show,\n    zIndex: -1,\n  },\n});\n"],"names":["show","top","theme","header","height","borderTopThickness","transition","boxShadow","shadow","transitionDuration","backgroundColor","secondLevelBackgroundColor","hide","MenuBarRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$type","$hidden","$active","left","width","display","justifyContent","alignItems","position","zIndex","secondLevelHeight","marginTop","MenuBarUl","margin","padding","headerMenuBarClasses","active","hidden"],"mappings":";;;;;;;;;;;;;;;;;;AAWA,MAAMA,OAAO;AAAA,EACXC,KAAM,QAAOC,MAAMC,OAAOC,YAAYF,MAAMC,OAAOE;AAAAA,EACnDC,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAWL,MAAMC,OAAOK;AAAAA,EACxBC,oBAAoB;AAAA,EACpBC,iBAAiBR,MAAMC,OAAOQ;AAChC;AAEO,MAAMC,OAAO;AAAA,EAClBX,KAAK;AAAA,EACLK,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAW;AAAA,EACXE,oBAAoB;AACtB;AAEaI,MAAAA,sCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAAA,EAAOC;AAAAA,EAASC;AAA0B,OAAO;AAAA,EACpDC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPrB,QAAQ;AAAA,EACRsB,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZ,GAAIP,UAAU,aAAa;AAAA,IACzBQ,UAAU;AAAA,IACVnB,iBAAiBR,MAAMC,OAAOO;AAAAA,EAChC;AAAA,EACA,GAAIW,UAAU,UAAU;AAAA,IACtBQ,UAAU;AAAA,IACVC,QAAQ;AAAA,IACR1B,QAAQF,MAAMC,OAAO4B;AAAAA,IACrBrB,iBAAiBR,MAAMC,OAAOQ;AAAAA,IAC9B,cAAc;AAAA,MACZqB,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,GAAIV,WAAW;AAAA,IAAE,GAAGV;AAAAA,EAAK;AAAA,EACzB,GAAIW,WAAW;AAAA,IAAE,GAAGvB;AAAAA,EAAK;AAC3B,IAAEc,QAAAC,IAAAC,aAAC,eAAA,KAAA,69FAAA;AAEI,MAAMiB,YAAmB,wBAAA,MAAInB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACpCc,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTT,SAAS;AAAA,EACTE,YAAY;AAAA,EACZxB,QAAQ;AAAA,EACR,CAAE,YAAWgC,qBAAqBC,QAAQ,GAAG;AAAA,IAC3C,GAAGzB;AAAAA,EACL;AAAA,EACA,CAAE,iBAAgBwB,qBAAqBE,QAAQ,GAAG;AAAA,IAChD,GAAGtC;AAAAA,EACL;AAAA,EAEA,CAAE,mBAAkBoC,qBAAqBC,QAAQ,GAAG;AAAA,IAClD,GAAGzB;AAAAA,IACHkB,QAAQ;AAAA,EACV;AAAA,EACA,CAAE,wBAAuBM,qBAAqBE,QAAQ,GAAG;AAAA,IACvD,GAAGtC;AAAAA,IACH8B,QAAQ;AAAA,EACV;AACF,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,69FAAA;"}

package/dist/esm/components/Header/Navigation/MenuBar/menuBarClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../../utils/classes.js";
+const classKeys = ["hidden", "active"];
+const headerMenuBarClasses = getClasses(classKeys, "HvHeader-MenuBar");
+const headerMenuBarClasses$1 = headerMenuBarClasses;
+export {
+  headerMenuBarClasses$1 as default
+};
+//# sourceMappingURL=menuBarClasses.js.map

package/dist/esm/components/Header/Navigation/MenuBar/menuBarClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuBarClasses.js","sources":["../../../../../../src/components/Header/Navigation/MenuBar/menuBarClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvHeaderMenuBarClasses {\n  hidden?: string;\n  active?: string;\n}\n\nconst classKeys: (keyof HvHeaderMenuBarClasses)[] = [\"hidden\", \"active\"];\n\nconst headerMenuBarClasses = getClasses(classKeys, \"HvHeader-MenuBar\");\n\nexport default headerMenuBarClasses;\n"],"names":["classKeys","headerMenuBarClasses","getClasses"],"mappings":";AAOA,MAAMA,YAA8C,CAAC,UAAU,QAAQ;AAEvE,MAAMC,uBAAuBC,WAAWF,WAAW,kBAAkB;AAErE,MAAA,yBAAeC;"}

package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js

@@ -69,7 +69,8 @@ const HvMenuItem = ({
   }
   return /* @__PURE__ */ jsxs(MenuItemLi, {
     id,
-    $selected: !isMenu && isSelected ? "selectedItem" : "notSelectedItem",
+    $selected: isSelected ? true : false,
+    $isMenu: isMenu,
     children: [itemHref ? /* @__PURE__ */ jsx(MenuItemLink, {
       href: itemHref,
       target: itemTarget,

package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp, HvTypography } from \"@core/components\";\nimport { HvMenuBar } from \"../MenuBar\";\nimport { HvBaseProps } from \"@core/types\";\nimport { isKeypress, keyboardCodes } from \"@core/utils\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuItemLabel, MenuItemLi, MenuItemLink } from \"./MenuItem.styles\";\n\nexport interface MenuItemProps\n  extends 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":";;;;;;;;;AAgBO,MAAMA,aAAaA,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAMC;AAAAA,EAAMC;AAAuB,MAAM;AAClEC,QAAAA,gBAAgBC,WAAWC,gBAAgB;AAC3C,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAaF,WAAWG,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,WAAWD,OAAOE,cAAcC,KAAK,KACrCF,WAAWD,OAAOE,cAAcE,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,4BACHC,cAAY;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,8BACGwC,YAAU;AAAA,IACTzC;AAAAA,IAEA0C,WAAW,CAAC9B,UAAUC,aAAa,iBAAiB;AAAA,IAAkBoB,UAErEC,CAAAA,WACCS,oBAACC,cAAY;AAAA,MACXT,MAAMD;AAAAA,MACNG,QAAQD;AAAAA,MAAW,GACfV;AAAAA,MACJmB,aAAahC;AAAAA,MACb,gBAAcC;AAAAA,MAAUmB,UAEvBJ;AAAAA,IAAAA,CACY;AAAA;AAAA;AAAA,0BAIdiB,eAAa;AAAA,QACZC,MAAK;AAAA,QAAQ,GACTrB;AAAAA,QACJsB,UAAU;AAAA,QACVH,aAAahC;AAAAA,QACb,gBAAcC;AAAAA,QAAUmB,UAEvBJ;AAAAA,MAAAA,CAAK;AAAA,OAGTnB,mCAAgBuC,WAAS;AAAA,MAACxC;AAAAA,MAAYN;AAAAA,MAAkBD,MAAK;AAAA,IAAA,CAAS,CAAA;AAAA,EAAA,GA1BlED,KAAK4B,KAAK;AA6BrB;"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp, HvTypography } from \"@core/components\";\nimport { HvMenuBar } from \"../MenuBar\";\nimport { HvBaseProps } from \"@core/types\";\nimport { isKeypress, keyboardCodes } from \"@core/utils\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuItemLabel, MenuItemLi, MenuItemLink } from \"./MenuItem.styles\";\n\nexport interface MenuItemProps extends 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={isSelected ? true : false}\n      $isMenu={isMenu}\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","$isMenu","_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,WAAWC,gBAAgB;AAC3C,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAaF,WAAWG,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,WAAWD,OAAOE,cAAcC,KAAK,KACrCF,WAAWD,OAAOE,cAAcE,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,4BACHC,cAAY;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,8BACGwC,YAAU;AAAA,IACTzC;AAAAA,IAEA0C,WAAW7B,aAAa,OAAO;AAAA,IAC/B8B,SAAS/B;AAAAA,IAAOqB,UAEfC,CAAAA,WACCU,oBAACC,cAAY;AAAA,MACXV,MAAMD;AAAAA,MACNG,QAAQD;AAAAA,MAAW,GACfV;AAAAA,MACJoB,aAAajC;AAAAA,MACb,gBAAcC;AAAAA,MAAUmB,UAEvBJ;AAAAA,IAAAA,CACY;AAAA;AAAA;AAAA,0BAIdkB,eAAa;AAAA,QACZC,MAAK;AAAA,QAAQ,GACTtB;AAAAA,QACJuB,UAAU;AAAA,QACVH,aAAajC;AAAAA,QACb,gBAAcC;AAAAA,QAAUmB,UAEvBJ;AAAAA,MAAAA,CAAK;AAAA,OAGTnB,mCAAgBwC,WAAS;AAAA,MAACzC;AAAAA,MAAYN;AAAAA,MAAkBD,MAAK;AAAA,IAAA,CAAS,CAAA;AAAA,EAAA,GA3BlED,KAAK4B,KAAK;AA8BrB;"}