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

package/dist/cjs/components/AppSwitcher/Action/Action.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Action.cjs","sources":["../../../../../src/components/AppSwitcher/Action/Action.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvAvatar, HvTooltip, HvTypography } from \"components\";\nimport { HvApplication } from \"..\";\nimport { HvBaseProps } from \"../../../types\";\nimport TitleWithTooltip from \"../TitleWithTooltip\";\nimport {\n  StyledIcon,\n  StyledIconInfo,\n  StyledListItem,\n  StyledTypography,\n  StyledImg,\n} from \"./Action.styles\";\nimport appSwitcherActionClasses, {\n  HvAppSwitcherActionClasses,\n} from \"./actionClasses\";\n\nexport type HvActionProps = HvBaseProps & {\n  /** The application data to be used to render the Action object. */\n  application: HvApplication;\n  /** Callback triggered when the action is clicked. */\n  onClickCallback?: Function;\n  /** Must return a boolean stating if the action element is selected or not. */\n  isSelectedCallback?: Function;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAppSwitcherActionClasses;\n};\n\nconst getColor = (color, defaultColor) =>\n  theme.colors[color] || color || defaultColor;\n\nexport const HvAction = ({\n  id,\n  className,\n  classes,\n  application,\n  onClickCallback = () => {},\n  isSelectedCallback = () => false,\n}: HvActionProps) => {\n  const { name, description, disabled, iconElement, iconUrl, url, target } =\n    application;\n\n  const color = disabled\n    ? theme.colors.atmo5\n    : getColor(application?.color, theme.colors.acce1);\n\n  const [validIconUrl, setValidIconUrl] = useState(true);\n\n  const renderApplicationIcon = () => {\n    if (iconElement) {\n      return iconElement;\n    }\n\n    if (iconUrl && validIconUrl) {\n      return (\n        <StyledImg\n          className={clsx(appSwitcherActionClasses.iconUrl, classes?.iconUrl)}\n          src={iconUrl}\n          onError={() => {\n            setValidIconUrl(false);\n          }}\n          alt={description}\n        />\n      );\n    }\n\n    const brokenTitle = name.split(\" \");\n    const initials =\n      brokenTitle[0].substring(0, 1) +\n      (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n    return (\n      <HvAvatar size=\"SM\" backgroundColor={color} variant=\"square\">\n        {initials}\n      </HvAvatar>\n    );\n  };\n\n  const isSelected = isSelectedCallback(application);\n\n  /**\n   * Handles the onClick event and triggers the appropriate callback if it exists.\n   */\n  const handleOnClick = (event) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClickCallback?.(event, { ...application, isSelected });\n  };\n\n  const isLink = url != null;\n\n  return (\n    <StyledListItem\n      id={id}\n      interactive\n      tabIndex={0}\n      selected={isSelected}\n      disabled={disabled}\n      className={clsx(\n        className,\n        appSwitcherActionClasses.root,\n        classes?.root,\n        disabled && clsx(appSwitcherActionClasses.disabled, classes?.disabled),\n        isSelected && clsx(appSwitcherActionClasses.selected, classes?.selected)\n      )}\n    >\n      <StyledTypography\n        component={isLink ? \"a\" : \"button\"}\n        href={isLink ? url : undefined}\n        target={isLink ? target || \"_top\" : undefined}\n        className={clsx(\n          appSwitcherActionClasses.typography,\n          classes?.typography\n        )}\n        onClick={handleOnClick}\n        style={{ borderColor: color }}\n      >\n        <StyledIcon\n          className={clsx(appSwitcherActionClasses.icon, classes?.icon)}\n        >\n          {renderApplicationIcon()}\n        </StyledIcon>\n\n        <TitleWithTooltip\n          title={name}\n          className={clsx(appSwitcherActionClasses.title, classes?.title)}\n          type=\"action\"\n        />\n\n        {description && (\n          <HvTooltip\n            disableFocusListener\n            disableTouchListener\n            title={<HvTypography>{description}</HvTypography>}\n          >\n            <div>\n              <StyledIconInfo\n                className={clsx(\n                  appSwitcherActionClasses.iconInfo,\n                  classes?.iconInfo\n                )}\n                role=\"img\"\n                aria-label={description}\n              />\n            </div>\n          </HvTooltip>\n        )}\n      </StyledTypography>\n    </StyledListItem>\n  );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAction","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","atmo5","acce1","validIconUrl","setValidIconUrl","useState","renderApplicationIcon","jsx","StyledImg","clsx","appSwitcherActionClasses","brokenTitle","split","initials","substring","HvAvatar","isSelected","handleOnClick","event","preventDefault","isLink","StyledListItem","root","selected","jsxs","StyledTypography","undefined","typography","borderColor","StyledIcon","icon","TitleWithTooltip","title","HvTooltip","HvTypography","StyledIconInfo","iconInfo"],"mappings":"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"}
+{"version":3,"file":"Action.cjs","sources":["../../../../../src/components/AppSwitcher/Action/Action.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvAvatar, HvTooltip, HvTypography } from \"components\";\nimport { HvAppSwitcherActionApplication } from \"../AppSwitcher\";\nimport { HvBaseProps } from \"../../../types\";\nimport TitleWithTooltip from \"../TitleWithTooltip\";\nimport {\n  StyledIcon,\n  StyledIconInfo,\n  StyledListItem,\n  StyledTypography,\n  StyledImg,\n} from \"./Action.styles\";\nimport appSwitcherActionClasses, {\n  HvAppSwitcherActionClasses,\n} from \"./actionClasses\";\nimport { useUniqueId } from \"../../../hooks\";\n\nexport type HvAppSwitcherActionProps = HvBaseProps & {\n  /** The application data to be used to render the Action object. */\n  application: HvAppSwitcherActionApplication;\n  /** Callback triggered when the action is clicked. */\n  onClickCallback?: (\n    event: React.MouseEvent,\n    application: HvAppSwitcherActionApplication\n  ) => void;\n  /** Must return a boolean stating if the action element is selected or not. */\n  isSelectedCallback?: (application: HvAppSwitcherActionApplication) => boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAppSwitcherActionClasses;\n};\n\nconst getColor = (color, defaultColor) =>\n  theme.colors[color] || color || defaultColor;\n\nexport const HvAppSwitcherAction = ({\n  id,\n  className,\n  classes,\n  application,\n  onClickCallback = () => {},\n  isSelectedCallback = () => false,\n}: HvAppSwitcherActionProps) => {\n  const { name, description, disabled, iconElement, iconUrl, url, target } =\n    application;\n\n  const color = disabled\n    ? theme.colors.secondary_60\n    : getColor(application?.color, theme.colors.secondary);\n\n  const [validIconUrl, setValidIconUrl] = useState<boolean>(true);\n\n  const renderApplicationIcon = () => {\n    if (iconElement) {\n      return iconElement;\n    }\n\n    if (iconUrl && validIconUrl) {\n      return (\n        <StyledImg\n          className={clsx(appSwitcherActionClasses.iconUrl, classes?.iconUrl)}\n          src={iconUrl}\n          onError={() => {\n            setValidIconUrl(false);\n          }}\n          alt={description}\n        />\n      );\n    }\n\n    const brokenTitle = name.split(\" \");\n    const initials =\n      brokenTitle[0].substring(0, 1) +\n      (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n    return (\n      <HvAvatar size=\"sm\" backgroundColor={color} variant=\"square\" aria-hidden>\n        {initials}\n      </HvAvatar>\n    );\n  };\n\n  const isSelected = isSelectedCallback(application);\n\n  /**\n   * Handles the onClick event and triggers the appropriate callback if it exists.\n   */\n  const handleOnClick = (event: React.MouseEvent) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClickCallback?.(event, { ...application, isSelected });\n  };\n\n  const isLink = url != null;\n  const descriptionElementId = useUniqueId(id, \"hvAction-description\");\n\n  return (\n    <StyledListItem\n      id={id}\n      interactive\n      tabIndex={0}\n      selected={isSelected}\n      disabled={disabled}\n      className={clsx(\n        className,\n        appSwitcherActionClasses.root,\n        classes?.root,\n        disabled && clsx(appSwitcherActionClasses.disabled, classes?.disabled),\n        isSelected && clsx(appSwitcherActionClasses.selected, classes?.selected)\n      )}\n    >\n      {/*As HvTooltip don't have the id prop, is not possible to use the aria-labelledby to reference it.\n       In substitution is used the aria-label with the \"title\" value*/}\n      <StyledTypography\n        component={isLink ? \"a\" : \"button\"}\n        href={isLink ? url : undefined}\n        target={isLink ? target || \"_top\" : undefined}\n        className={clsx(\n          appSwitcherActionClasses.typography,\n          classes?.typography\n        )}\n        onClick={handleOnClick}\n        style={{ borderColor: color }}\n        aria-describedby={descriptionElementId}\n        aria-label={name}\n      >\n        <StyledIcon\n          className={clsx(appSwitcherActionClasses.icon, classes?.icon)}\n        >\n          {renderApplicationIcon()}\n        </StyledIcon>\n\n        <TitleWithTooltip\n          title={name}\n          className={clsx(appSwitcherActionClasses.title, classes?.title)}\n          type=\"action\"\n        />\n\n        {description && (\n          <HvTooltip\n            disableFocusListener\n            disableTouchListener\n            title={<HvTypography>{description}</HvTypography>}\n          >\n            <div>\n              <StyledIconInfo\n                className={clsx(\n                  appSwitcherActionClasses.iconInfo,\n                  classes?.iconInfo\n                )}\n                role=\"img\"\n                aria-label={description}\n                id={descriptionElementId}\n              />\n            </div>\n          </HvTooltip>\n        )}\n      </StyledTypography>\n    </StyledListItem>\n  );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAppSwitcherAction","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","secondary_60","secondary","validIconUrl","setValidIconUrl","useState","renderApplicationIcon","StyledImg","clsx","appSwitcherActionClasses","src","onError","alt","brokenTitle","split","initials","substring","HvAvatar","size","backgroundColor","variant","children","isSelected","handleOnClick","event","preventDefault","isLink","descriptionElementId","useUniqueId","StyledListItem","interactive","tabIndex","selected","root","StyledTypography","component","href","undefined","typography","onClick","style","borderColor","_jsx","StyledIcon","icon","TitleWithTooltip","title","type","HvTooltip","disableFocusListener","disableTouchListener","HvTypography","StyledIconInfo","iconInfo","role"],"mappings":"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"}

package/dist/cjs/components/AppSwitcher/Action/Action.styles.cjs

@@ -1,10 +1,10 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const actionClasses = require("./actionClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ListItem = require("../../ListContainer/ListItem/ListItem.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -12,7 +12,9 @@ const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 function _EMOTION_STRINGIFIED_CSS_ERROR__() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
-const StyledListItem = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(ListItem.HvListItem, { ...props }), process.env.NODE_ENV === "production" ? {
+const StyledListItem = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(ListItem.HvListItem, {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
   target: "e187pp8e4"
 } : {
   target: "e187pp8e4",
@@ -22,7 +24,7 @@ const StyledListItem = /* @__PURE__ */ _styled__default.default((props) => /* @_
   maxWidth: 280,
   minHeight: 52,
   marginRight: uikitStyles.theme.space.sm
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQWN0aW9uL0FjdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU04QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0FwcFN3aXRjaGVyL0FjdGlvbi9BY3Rpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZMaXN0SXRlbSwgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEluZm8gfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgYXBwU3dpdGNoZXJBY3Rpb25DbGFzc2VzIGZyb20gXCIuL2FjdGlvbkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGlzdEl0ZW0gey4uLnByb3BzfSAvPikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIG1heFdpZHRoOiAyODAsXG4gIG1pbkhlaWdodDogNTIsXG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKCgpID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtaW5IZWlnaHQ6IDUyLFxuXG4gIHBhZGRpbmc6IGA2cHggJHt0aGVtZS5zcGFjZS54c31gLFxuXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlckxlZnQ6IGBzb2xpZCAycHggJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcblxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIHRleHREZWNvcmF0aW9uOiBcImluaGVyaXRcIixcbiAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IFwiaW5oZXJpdFwiLFxuXG4gIFtgLiR7YXBwU3dpdGNoZXJBY3Rpb25DbGFzc2VzLmRpc2FibGVkfSAmYF06IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZChcImltZ1wiKSh7XG4gIHdpZHRoOiAzMixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbkluZm8gPSBzdHlsZWQoSW5mbykoe1xuICBtaW5XaWR0aDogMzIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWluV2lkdGg6IDQwLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQWN0aW9uL0FjdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU04QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0FwcFN3aXRjaGVyL0FjdGlvbi9BY3Rpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZMaXN0SXRlbSwgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEluZm8gfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgYXBwU3dpdGNoZXJBY3Rpb25DbGFzc2VzIGZyb20gXCIuL2FjdGlvbkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGlzdEl0ZW0gey4uLnByb3BzfSAvPikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIG1heFdpZHRoOiAyODAsXG4gIG1pbkhlaWdodDogNTIsXG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKCgpID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtaW5IZWlnaHQ6IDUyLFxuXG4gIHBhZGRpbmc6IGA2cHggJHt0aGVtZS5zcGFjZS54c31gLFxuXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlckxlZnQ6IGBzb2xpZCAycHggJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICB0ZXh0RGVjb3JhdGlvbjogXCJpbmhlcml0XCIsXG4gIGNvbG9yOiBcImluaGVyaXRcIixcbiAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcblxuICBbYC4ke2FwcFN3aXRjaGVyQWN0aW9uQ2xhc3Nlcy5kaXNhYmxlZH0gJmBdOiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQoXCJpbWdcIikoe1xuICB3aWR0aDogMzIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25JbmZvID0gc3R5bGVkKEluZm8pKHtcbiAgbWluV2lkdGg6IDMyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIG1pbldpZHRoOiA0MCxcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG59KTtcbiJdfQ== */");
 const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? {
   target: "e187pp8e3"
 } : {
@@ -36,7 +38,7 @@ const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvT
   minHeight: 52,
   padding: `6px ${uikitStyles.theme.space.xs}`,
   border: "none",
-  borderLeft: `solid 2px ${uikitStyles.theme.colors.acce1}`,
+  borderLeft: `solid 2px ${uikitStyles.theme.colors.secondary}`,
   cursor: "pointer",
   textDecoration: "inherit",
   color: "inherit",
@@ -44,7 +46,7 @@ const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvT
   [`.${actionClasses.default.disabled} &`]: {
     cursor: "not-allowed"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQWN0aW9uL0FjdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0FwcFN3aXRjaGVyL0FjdGlvbi9BY3Rpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZMaXN0SXRlbSwgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEluZm8gfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgYXBwU3dpdGNoZXJBY3Rpb25DbGFzc2VzIGZyb20gXCIuL2FjdGlvbkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGlzdEl0ZW0gey4uLnByb3BzfSAvPikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIG1heFdpZHRoOiAyODAsXG4gIG1pbkhlaWdodDogNTIsXG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKCgpID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtaW5IZWlnaHQ6IDUyLFxuXG4gIHBhZGRpbmc6IGA2cHggJHt0aGVtZS5zcGFjZS54c31gLFxuXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlckxlZnQ6IGBzb2xpZCAycHggJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcblxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIHRleHREZWNvcmF0aW9uOiBcImluaGVyaXRcIixcbiAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IFwiaW5oZXJpdFwiLFxuXG4gIFtgLiR7YXBwU3dpdGNoZXJBY3Rpb25DbGFzc2VzLmRpc2FibGVkfSAmYF06IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZChcImltZ1wiKSh7XG4gIHdpZHRoOiAzMixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbkluZm8gPSBzdHlsZWQoSW5mbykoe1xuICBtaW5XaWR0aDogMzIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWluV2lkdGg6IDQwLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQWN0aW9uL0FjdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0FwcFN3aXRjaGVyL0FjdGlvbi9BY3Rpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZMaXN0SXRlbSwgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEluZm8gfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgYXBwU3dpdGNoZXJBY3Rpb25DbGFzc2VzIGZyb20gXCIuL2FjdGlvbkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGlzdEl0ZW0gey4uLnByb3BzfSAvPikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIG1heFdpZHRoOiAyODAsXG4gIG1pbkhlaWdodDogNTIsXG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKCgpID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtaW5IZWlnaHQ6IDUyLFxuXG4gIHBhZGRpbmc6IGA2cHggJHt0aGVtZS5zcGFjZS54c31gLFxuXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlckxlZnQ6IGBzb2xpZCAycHggJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICB0ZXh0RGVjb3JhdGlvbjogXCJpbmhlcml0XCIsXG4gIGNvbG9yOiBcImluaGVyaXRcIixcbiAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcblxuICBbYC4ke2FwcFN3aXRjaGVyQWN0aW9uQ2xhc3Nlcy5kaXNhYmxlZH0gJmBdOiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQoXCJpbWdcIikoe1xuICB3aWR0aDogMzIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25JbmZvID0gc3R5bGVkKEluZm8pKHtcbiAgbWluV2lkdGg6IDMyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIG1pbldpZHRoOiA0MCxcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG59KTtcbiJdfQ== */");
 const StyledImg = /* @__PURE__ */ _styled__default.default("img", process.env.NODE_ENV === "production" ? {
   target: "e187pp8e2"
 } : {
@@ -56,7 +58,7 @@ const StyledImg = /* @__PURE__ */ _styled__default.default("img", process.env.NO
 } : {
   name: "1p2i2oq",
   styles: "width:32px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQWN0aW9uL0FjdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDeUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BcHBTd2l0Y2hlci9BY3Rpb24vQWN0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2TGlzdEl0ZW0sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBJbmZvIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IGFwcFN3aXRjaGVyQWN0aW9uQ2xhc3NlcyBmcm9tIFwiLi9hY3Rpb25DbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkxpc3RJdGVtIHsuLi5wcm9wc30gLz4pKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtYXhXaWR0aDogMjgwLFxuICBtaW5IZWlnaHQ6IDUyLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2Uuc20sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSgoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgbWluSGVpZ2h0OiA1MixcblxuICBwYWRkaW5nOiBgNnB4ICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICBib3JkZXI6IFwibm9uZVwiLFxuICBib3JkZXJMZWZ0OiBgc29saWQgMnB4ICR7dGhlbWUuY29sb3JzLmFjY2UxfWAsXG5cbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICB0ZXh0RGVjb3JhdGlvbjogXCJpbmhlcml0XCIsXG4gIGNvbG9yOiBcImluaGVyaXRcIixcbiAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcblxuICBbYC4ke2FwcFN3aXRjaGVyQWN0aW9uQ2xhc3Nlcy5kaXNhYmxlZH0gJmBdOiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQoXCJpbWdcIikoe1xuICB3aWR0aDogMzIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25JbmZvID0gc3R5bGVkKEluZm8pKHtcbiAgbWluV2lkdGg6IDMyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIG1pbldpZHRoOiA0MCxcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG59KTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQWN0aW9uL0FjdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDeUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BcHBTd2l0Y2hlci9BY3Rpb24vQWN0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2TGlzdEl0ZW0sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBJbmZvIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IGFwcFN3aXRjaGVyQWN0aW9uQ2xhc3NlcyBmcm9tIFwiLi9hY3Rpb25DbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkxpc3RJdGVtIHsuLi5wcm9wc30gLz4pKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtYXhXaWR0aDogMjgwLFxuICBtaW5IZWlnaHQ6IDUyLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2Uuc20sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSgoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgbWluSGVpZ2h0OiA1MixcblxuICBwYWRkaW5nOiBgNnB4ICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICBib3JkZXI6IFwibm9uZVwiLFxuICBib3JkZXJMZWZ0OiBgc29saWQgMnB4ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeX1gLFxuXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgdGV4dERlY29yYXRpb246IFwiaW5oZXJpdFwiLFxuICBjb2xvcjogXCJpbmhlcml0XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJpbmhlcml0XCIsXG5cbiAgW2AuJHthcHBTd2l0Y2hlckFjdGlvbkNsYXNzZXMuZGlzYWJsZWR9ICZgXToge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IDMyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uSW5mbyA9IHN0eWxlZChJbmZvKSh7XG4gIG1pbldpZHRoOiAzMixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtaW5XaWR0aDogNDAsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledIconInfo = /* @__PURE__ */ _styled__default.default(uikitReactIcons.Info, process.env.NODE_ENV === "production" ? {
@@ -70,7 +72,7 @@ const StyledIconInfo = /* @__PURE__ */ _styled__default.default(uikitReactIcons.
 } : {
   name: "9q39xd",
   styles: "min-width:32px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQWN0aW9uL0FjdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDOEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BcHBTd2l0Y2hlci9BY3Rpb24vQWN0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2TGlzdEl0ZW0sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBJbmZvIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IGFwcFN3aXRjaGVyQWN0aW9uQ2xhc3NlcyBmcm9tIFwiLi9hY3Rpb25DbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkxpc3RJdGVtIHsuLi5wcm9wc30gLz4pKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtYXhXaWR0aDogMjgwLFxuICBtaW5IZWlnaHQ6IDUyLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2Uuc20sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSgoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgbWluSGVpZ2h0OiA1MixcblxuICBwYWRkaW5nOiBgNnB4ICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICBib3JkZXI6IFwibm9uZVwiLFxuICBib3JkZXJMZWZ0OiBgc29saWQgMnB4ICR7dGhlbWUuY29sb3JzLmFjY2UxfWAsXG5cbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICB0ZXh0RGVjb3JhdGlvbjogXCJpbmhlcml0XCIsXG4gIGNvbG9yOiBcImluaGVyaXRcIixcbiAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcblxuICBbYC4ke2FwcFN3aXRjaGVyQWN0aW9uQ2xhc3Nlcy5kaXNhYmxlZH0gJmBdOiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQoXCJpbWdcIikoe1xuICB3aWR0aDogMzIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25JbmZvID0gc3R5bGVkKEluZm8pKHtcbiAgbWluV2lkdGg6IDMyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIG1pbldpZHRoOiA0MCxcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG59KTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQWN0aW9uL0FjdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDOEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BcHBTd2l0Y2hlci9BY3Rpb24vQWN0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2TGlzdEl0ZW0sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBJbmZvIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IGFwcFN3aXRjaGVyQWN0aW9uQ2xhc3NlcyBmcm9tIFwiLi9hY3Rpb25DbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkxpc3RJdGVtIHsuLi5wcm9wc30gLz4pKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtYXhXaWR0aDogMjgwLFxuICBtaW5IZWlnaHQ6IDUyLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2Uuc20sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSgoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgbWluSGVpZ2h0OiA1MixcblxuICBwYWRkaW5nOiBgNnB4ICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICBib3JkZXI6IFwibm9uZVwiLFxuICBib3JkZXJMZWZ0OiBgc29saWQgMnB4ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeX1gLFxuXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgdGV4dERlY29yYXRpb246IFwiaW5oZXJpdFwiLFxuICBjb2xvcjogXCJpbmhlcml0XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJpbmhlcml0XCIsXG5cbiAgW2AuJHthcHBTd2l0Y2hlckFjdGlvbkNsYXNzZXMuZGlzYWJsZWR9ICZgXToge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IDMyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uSW5mbyA9IHN0eWxlZChJbmZvKSh7XG4gIG1pbldpZHRoOiAzMixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtaW5XaWR0aDogNDAsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledIcon = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
@@ -84,7 +86,7 @@ const StyledIcon = /* @__PURE__ */ _styled__default.default("div", process.env.N
 } : {
   name: "1tspp0w",
   styles: "display:flex;min-width:40px;justify-content:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQWN0aW9uL0FjdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BcHBTd2l0Y2hlci9BY3Rpb24vQWN0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2TGlzdEl0ZW0sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBJbmZvIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IGFwcFN3aXRjaGVyQWN0aW9uQ2xhc3NlcyBmcm9tIFwiLi9hY3Rpb25DbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkxpc3RJdGVtIHsuLi5wcm9wc30gLz4pKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtYXhXaWR0aDogMjgwLFxuICBtaW5IZWlnaHQ6IDUyLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2Uuc20sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSgoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgbWluSGVpZ2h0OiA1MixcblxuICBwYWRkaW5nOiBgNnB4ICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICBib3JkZXI6IFwibm9uZVwiLFxuICBib3JkZXJMZWZ0OiBgc29saWQgMnB4ICR7dGhlbWUuY29sb3JzLmFjY2UxfWAsXG5cbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICB0ZXh0RGVjb3JhdGlvbjogXCJpbmhlcml0XCIsXG4gIGNvbG9yOiBcImluaGVyaXRcIixcbiAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcblxuICBbYC4ke2FwcFN3aXRjaGVyQWN0aW9uQ2xhc3Nlcy5kaXNhYmxlZH0gJmBdOiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQoXCJpbWdcIikoe1xuICB3aWR0aDogMzIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25JbmZvID0gc3R5bGVkKEluZm8pKHtcbiAgbWluV2lkdGg6IDMyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIG1pbldpZHRoOiA0MCxcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG59KTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQWN0aW9uL0FjdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BcHBTd2l0Y2hlci9BY3Rpb24vQWN0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2TGlzdEl0ZW0sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBJbmZvIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IGFwcFN3aXRjaGVyQWN0aW9uQ2xhc3NlcyBmcm9tIFwiLi9hY3Rpb25DbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkxpc3RJdGVtIHsuLi5wcm9wc30gLz4pKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtYXhXaWR0aDogMjgwLFxuICBtaW5IZWlnaHQ6IDUyLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2Uuc20sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSgoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgbWluSGVpZ2h0OiA1MixcblxuICBwYWRkaW5nOiBgNnB4ICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICBib3JkZXI6IFwibm9uZVwiLFxuICBib3JkZXJMZWZ0OiBgc29saWQgMnB4ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeX1gLFxuXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgdGV4dERlY29yYXRpb246IFwiaW5oZXJpdFwiLFxuICBjb2xvcjogXCJpbmhlcml0XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJpbmhlcml0XCIsXG5cbiAgW2AuJHthcHBTd2l0Y2hlckFjdGlvbkNsYXNzZXMuZGlzYWJsZWR9ICZgXToge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IDMyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uSW5mbyA9IHN0eWxlZChJbmZvKSh7XG4gIG1pbldpZHRoOiAzMixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtaW5XaWR0aDogNDAsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 exports.StyledIcon = StyledIcon;

package/dist/cjs/components/AppSwitcher/Action/Action.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Action.styles.cjs","sources":["../../../../../src/components/AppSwitcher/Action/Action.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvListItem, HvTypography } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport appSwitcherActionClasses from \"./actionClasses\";\n\nexport const StyledListItem = styled((props) => <HvListItem {...props} />)({\n  width: \"100%\",\n  maxWidth: 280,\n  minHeight: 52,\n  marginRight: theme.space.sm,\n});\n\nexport const StyledTypography = styled(HvTypography)(() => ({\n  display: \"flex\",\n  justifyContent: \"flex-start\",\n  alignItems: \"center\",\n\n  width: \"100%\",\n  minHeight: 52,\n\n  padding: `6px ${theme.space.xs}`,\n\n  border: \"none\",\n  borderLeft: `solid 2px ${theme.colors.acce1}`,\n\n  cursor: \"pointer\",\n\n  textDecoration: \"inherit\",\n  color: \"inherit\",\n  backgroundColor: \"inherit\",\n\n  [`.${appSwitcherActionClasses.disabled} &`]: {\n    cursor: \"not-allowed\",\n  },\n}));\n\nexport const StyledImg = styled(\"img\")({\n  width: 32,\n});\n\nexport const StyledIconInfo = styled(Info)({\n  minWidth: 32,\n});\n\nexport const StyledIcon = styled(\"div\")({\n  display: \"flex\",\n  minWidth: 40,\n  justifyContent: \"center\",\n});\n"],"names":["StyledListItem","props","jsx","HvListItem","process","env","NODE_ENV","target","label","width","maxWidth","minHeight","marginRight","theme","space","sm","StyledTypography","HvTypography","display","justifyContent","alignItems","padding","xs","border","borderLeft","colors","acce1","cursor","textDecoration","color","backgroundColor","appSwitcherActionClasses","disabled","StyledImg","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledIconInfo","Info","StyledIcon"],"mappings":";;;;;;;;;;;;;;AAMaA,MAAAA,iBAAyBC,iCAAAA,QAAAA,CAAAA,UAAWC,2BAAAA,IAAAC,SAAAA,YAAA,EAAeF,GAAAA,MAAAA,CAAS,GAAAG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzEC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAaC,YAAAA,MAAMC,MAAMC;AAC3B,GAACX,QAAAC,IAAAC,aAAC,eAAA,KAAA,ikEAAA;AAEK,MAAMU,mBAA0BC,iCAAAA,QAAAA,WAAAA,cAAYb,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE,OAAO;AAAA,EAC1DU,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EAEZX,OAAO;AAAA,EACPE,WAAW;AAAA,EAEXU,SAAU,OAAMR,YAAAA,MAAMC,MAAMQ;AAAAA,EAE5BC,QAAQ;AAAA,EACRC,YAAa,aAAYX,YAAAA,MAAMY,OAAOC;AAAAA,EAEtCC,QAAQ;AAAA,EAERC,gBAAgB;AAAA,EAChBC,OAAO;AAAA,EACPC,iBAAiB;AAAA,EAEjB,CAAE,IAAGC,cAAAA,QAAyBC,eAAe;AAAA,IAC3CL,QAAQ;AAAA,EACV;AACF,IAAEvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ikEAAA;AAEI,MAAM2B,YAAmBC,iCAAA,QAAA,OAAK9B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA6B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEpC;AAEK,MAAMC,iBAAwBC,iCAAAA,QAAAA,gBAAAA,MAAIrC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA6B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAExC;AAEK,MAAMG,aAAoBR,iCAAA,QAAA,OAAK9B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA6B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIrC;;;;;;"}
+{"version":3,"file":"Action.styles.cjs","sources":["../../../../../src/components/AppSwitcher/Action/Action.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvListItem, HvTypography } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport appSwitcherActionClasses from \"./actionClasses\";\n\nexport const StyledListItem = styled((props) => <HvListItem {...props} />)({\n  width: \"100%\",\n  maxWidth: 280,\n  minHeight: 52,\n  marginRight: theme.space.sm,\n});\n\nexport const StyledTypography = styled(HvTypography)(() => ({\n  display: \"flex\",\n  justifyContent: \"flex-start\",\n  alignItems: \"center\",\n\n  width: \"100%\",\n  minHeight: 52,\n\n  padding: `6px ${theme.space.xs}`,\n\n  border: \"none\",\n  borderLeft: `solid 2px ${theme.colors.secondary}`,\n\n  cursor: \"pointer\",\n\n  textDecoration: \"inherit\",\n  color: \"inherit\",\n  backgroundColor: \"inherit\",\n\n  [`.${appSwitcherActionClasses.disabled} &`]: {\n    cursor: \"not-allowed\",\n  },\n}));\n\nexport const StyledImg = styled(\"img\")({\n  width: 32,\n});\n\nexport const StyledIconInfo = styled(Info)({\n  minWidth: 32,\n});\n\nexport const StyledIcon = styled(\"div\")({\n  display: \"flex\",\n  minWidth: 40,\n  justifyContent: \"center\",\n});\n"],"names":["StyledListItem","_styled","props","_jsx","HvListItem","process","env","NODE_ENV","target","label","width","maxWidth","minHeight","marginRight","theme","space","sm","StyledTypography","HvTypography","display","justifyContent","alignItems","padding","xs","border","borderLeft","colors","secondary","cursor","textDecoration","color","backgroundColor","appSwitcherActionClasses","disabled","StyledImg","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledIconInfo","Info","StyledIcon"],"mappings":";;;;;;;;;;;;;;AAMO,MAAMA,iBAAiBC,iCAAAA,QAAQC,CAAUC,UAAAA,2BAAAA,IAACC,SAAAA,YAAU;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzEC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAaC,YAAAA,MAAMC,MAAMC;AAC3B,GAACX,QAAAC,IAAAC,aAAC,eAAA,KAAA,ykEAAA;AAEK,MAAMU,mBAA0BC,iCAAAA,QAAAA,WAAAA,cAAYb,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE,OAAO;AAAA,EAC1DU,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EAEZX,OAAO;AAAA,EACPE,WAAW;AAAA,EAEXU,SAAU,OAAMR,YAAAA,MAAMC,MAAMQ;AAAAA,EAE5BC,QAAQ;AAAA,EACRC,YAAa,aAAYX,YAAAA,MAAMY,OAAOC;AAAAA,EAEtCC,QAAQ;AAAA,EAERC,gBAAgB;AAAA,EAChBC,OAAO;AAAA,EACPC,iBAAiB;AAAA,EAEjB,CAAE,IAAGC,cAAAA,QAAyBC,YAAY,GAAG;AAAA,IAC3CL,QAAQ;AAAA,EACV;AACF,IAAEvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ykEAAA;AAEI,MAAM2B,YAAmBjC,iCAAA,QAAA,OAAKI,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA4B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEpC;AAEK,MAAMC,iBAAwBC,iCAAAA,QAAAA,gBAAAA,MAAIpC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA4B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAExC;AAEK,MAAMG,aAAoBzC,iCAAA,QAAA,OAAKI,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA4B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIrC;;;;;;"}

package/dist/cjs/components/AppSwitcher/AppSwitcher.cjs

@@ -1,11 +1,11 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const clsx = require("clsx");
 const React = require("react");
 const AppSwitcher_styles = require("./AppSwitcher.styles.cjs");
 const TitleWithTooltip = require("./TitleWithTooltip.cjs");
 const appSwitcherClasses = require("./appSwitcherClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Action = require("./Action/Action.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
@@ -28,23 +28,45 @@ const HvAppSwitcher = ({
   };
   const panelActions = React.useMemo(() => applications && (applications == null ? void 0 : applications.map((application) => {
     if (application.name) {
-      return /* @__PURE__ */ jsxRuntime.jsx(Action.HvAction, { application, onClickCallback: actionClicked, isSelectedCallback: isActionSelectedCallback, classes: {
-        root: clsx__default.default(classes == null ? void 0 : classes.item, appSwitcherClasses.default.item),
-        selected: clsx__default.default(classes == null ? void 0 : classes.itemSelected, appSwitcherClasses.default.itemSelected),
-        disabled: clsx__default.default(classes == null ? void 0 : classes.itemDisabled, appSwitcherClasses.default.itemDisabled),
-        typography: clsx__default.default(classes == null ? void 0 : classes.itemTrigger, appSwitcherClasses.default.itemTrigger),
-        icon: clsx__default.default(classes == null ? void 0 : classes.itemIcon, appSwitcherClasses.default.itemIcon),
-        title: clsx__default.default(classes == null ? void 0 : classes.itemTitle, appSwitcherClasses.default.itemTitle),
-        iconInfo: clsx__default.default(classes == null ? void 0 : classes.itemInfoIcon, appSwitcherClasses.default.itemInfoIcon)
-      } }, application.id || `${application.name}_${application.url}`);
+      return /* @__PURE__ */ jsxRuntime.jsx(Action.HvAppSwitcherAction, {
+        application,
+        onClickCallback: actionClicked,
+        isSelectedCallback: isActionSelectedCallback,
+        classes: {
+          root: clsx__default.default(classes == null ? void 0 : classes.item, appSwitcherClasses.default.item),
+          selected: clsx__default.default(classes == null ? void 0 : classes.itemSelected, appSwitcherClasses.default.itemSelected),
+          disabled: clsx__default.default(classes == null ? void 0 : classes.itemDisabled, appSwitcherClasses.default.itemDisabled),
+          typography: clsx__default.default(classes == null ? void 0 : classes.itemTrigger, appSwitcherClasses.default.itemTrigger),
+          icon: clsx__default.default(classes == null ? void 0 : classes.itemIcon, appSwitcherClasses.default.itemIcon),
+          title: clsx__default.default(classes == null ? void 0 : classes.itemTitle, appSwitcherClasses.default.itemTitle),
+          iconInfo: clsx__default.default(classes == null ? void 0 : classes.itemInfoIcon, appSwitcherClasses.default.itemInfoIcon)
+        }
+      }, application.id || `${application.name}_${application.url}`);
     }
     return void 0;
   })), [applications]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(AppSwitcher_styles.StyledRoot, { id, className: clsx__default.default(className, appSwitcherClasses.default.root, classes == null ? void 0 : classes.root, appSwitcherClasses.default[layout], classes == null ? void 0 : classes[layout], isOpen && clsx__default.default(appSwitcherClasses.default.open, classes == null ? void 0 : classes.open), isOpen === false && clsx__default.default(appSwitcherClasses.default.closed, classes == null ? void 0 : classes.closed)), $open: !!isOpen, $closed: isOpen === false, $layout: layout, children: [
-    header && /* @__PURE__ */ jsxRuntime.jsx(AppSwitcher_styles.StyledTitle, { className: clsx__default.default(appSwitcherClasses.default.title, classes == null ? void 0 : classes.title), children: header }) || title && /* @__PURE__ */ jsxRuntime.jsx(TitleWithTooltip.default, { className: clsx__default.default(appSwitcherClasses.default.title, classes == null ? void 0 : classes.title), title, type: "appSwitcher" }),
-    /* @__PURE__ */ jsxRuntime.jsx(AppSwitcher_styles.StyledActionsContainer, { disableGutters: true, className: clsx__default.default(appSwitcherClasses.default.actionsContainer, classes == null ? void 0 : classes.actionsContainer), children: panelActions }),
-    footer && /* @__PURE__ */ jsxRuntime.jsx(AppSwitcher_styles.StyledFooter, { className: clsx__default.default(appSwitcherClasses.default.footerContainer, classes == null ? void 0 : classes.footerContainer), children: footer })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(AppSwitcher_styles.StyledRoot, {
+    id,
+    className: clsx__default.default(className, appSwitcherClasses.default.root, classes == null ? void 0 : classes.root, appSwitcherClasses.default[layout], classes == null ? void 0 : classes[layout], isOpen && clsx__default.default(appSwitcherClasses.default.open, classes == null ? void 0 : classes.open), isOpen === false && clsx__default.default(appSwitcherClasses.default.closed, classes == null ? void 0 : classes.closed)),
+    $open: !!isOpen,
+    $closed: isOpen === false,
+    $layout: layout,
+    children: [header && /* @__PURE__ */ jsxRuntime.jsx(AppSwitcher_styles.StyledTitle, {
+      className: clsx__default.default(appSwitcherClasses.default.title, classes == null ? void 0 : classes.title),
+      children: header
+    }) || title && /* @__PURE__ */ jsxRuntime.jsx(TitleWithTooltip.default, {
+      className: clsx__default.default(appSwitcherClasses.default.title, classes == null ? void 0 : classes.title),
+      title,
+      type: "appSwitcher"
+    }), /* @__PURE__ */ jsxRuntime.jsx(AppSwitcher_styles.StyledActionsContainer, {
+      disableGutters: true,
+      className: clsx__default.default(appSwitcherClasses.default.actionsContainer, classes == null ? void 0 : classes.actionsContainer),
+      children: panelActions
+    }), footer && /* @__PURE__ */ jsxRuntime.jsx(AppSwitcher_styles.StyledFooter, {
+      className: clsx__default.default(appSwitcherClasses.default.footerContainer, classes == null ? void 0 : classes.footerContainer),
+      children: footer
+    })]
+  });
 };
 exports.HvAppSwitcher = HvAppSwitcher;
 //# sourceMappingURL=AppSwitcher.cjs.map

package/dist/cjs/components/AppSwitcher/AppSwitcher.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AppSwitcher.cjs","sources":["../../../../src/components/AppSwitcher/AppSwitcher.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMemo } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvAppSwitcherAction } from \"./Action\";\nimport {\n  StyledRoot,\n  StyledTitle,\n  StyledActionsContainer,\n  StyledFooter,\n} from \"./AppSwitcher.styles\";\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport appSwitcherClasses, { HvAppSwitcherClasses } from \"./appSwitcherClasses\";\n\nexport type HvApplication = {\n  /** Id of the application. */\n  id?: string;\n  /** Name of the application, this is the value that will be displayed on the component. */\n  name: string;\n  /** URL with the icon location to be used to represent the application. iconUrl will only be used if no iconElement is provided. */\n  iconUrl?: string;\n  /** Element to be added as the icon representing the application. The iconElement will be the primary option to be displayed. */\n  iconElement?: React.ReactElement;\n  /** Small description of the application. */\n  description?: string;\n  /**  URL where the application is accessible. */\n  url?: string;\n  /** Defines if the application should be opened in the same tab or in a new one. */\n  target?: \"_top\" | \"_blank\";\n  /** If true, the item will be disabled. */\n  disabled?: boolean;\n  /** True when the application is selected, false otherwise. */\n  isSelected?: boolean;\n  /** The color of the application. */\n  color?: string;\n};\n\nexport type HvAppSwitcherProps = HvBaseProps & {\n  /** Number of columns to render. One, two, or whatever fits the component's width. */\n  layout?: \"single\" | \"dual\" | \"fluid\";\n  /** Title to be displayed on the header of the component. */\n  title?: string;\n  /** The list of applications to be used to render the actions on the component. */\n  applications?: HvApplication[];\n  /** Triggered when an action is clicked. */\n  onActionClickedCallback?: Function;\n  /** Must return a boolean stating if the action element is selected or not. */\n  isActionSelectedCallback?: Function;\n  /** Element to be added to the header container, if none is provided a label with the title will be added. */\n  header?: React.ReactNode;\n  /** Element to be added to the footer container. */\n  footer?: React.ReactNode;\n  /**\n   * Flag stating if the panel is opened or closed.\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.\n   */\n  isOpen?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAppSwitcherClasses;\n};\n\nexport const HvAppSwitcher = ({\n  id,\n  className,\n  classes,\n  layout = \"single\",\n  title,\n  applications,\n  onActionClickedCallback = () => {},\n  isActionSelectedCallback = () => false,\n  header,\n  footer,\n  isOpen,\n}: HvAppSwitcherProps) => {\n  const actionClicked = (event, application) => {\n    onActionClickedCallback?.(event, application);\n  };\n\n  const panelActions = useMemo(\n    () =>\n      applications &&\n      applications?.map((application) => {\n        if (application.name) {\n          return (\n            <HvAppSwitcherAction\n              key={application.id || `${application.name}_${application.url}`}\n              application={application}\n              onClickCallback={actionClicked}\n              isSelectedCallback={isActionSelectedCallback}\n              classes={{\n                root: clsx(classes?.item, appSwitcherClasses.item),\n                selected: clsx(\n                  classes?.itemSelected,\n                  appSwitcherClasses.itemSelected\n                ),\n                disabled: clsx(\n                  classes?.itemDisabled,\n                  appSwitcherClasses.itemDisabled\n                ),\n                typography: clsx(\n                  classes?.itemTrigger,\n                  appSwitcherClasses.itemTrigger\n                ),\n                icon: clsx(classes?.itemIcon, appSwitcherClasses.itemIcon),\n                title: clsx(classes?.itemTitle, appSwitcherClasses.itemTitle),\n                iconInfo: clsx(\n                  classes?.itemInfoIcon,\n                  appSwitcherClasses.itemInfoIcon\n                ),\n              }}\n            />\n          );\n        }\n\n        return undefined;\n      }),\n    [applications]\n  );\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(\n        className,\n        appSwitcherClasses.root,\n        classes?.root,\n        appSwitcherClasses[layout],\n        classes?.[layout],\n        isOpen && clsx(appSwitcherClasses.open, classes?.open),\n        isOpen === false && clsx(appSwitcherClasses.closed, classes?.closed)\n      )}\n      $open={!!isOpen}\n      $closed={isOpen === false}\n      $layout={layout}\n    >\n      {(header && (\n        <StyledTitle className={clsx(appSwitcherClasses.title, classes?.title)}>\n          {header}\n        </StyledTitle>\n      )) ||\n        (title && (\n          <TitleWithTooltip\n            className={clsx(appSwitcherClasses.title, classes?.title)}\n            title={title}\n            type=\"appSwitcher\"\n          />\n        ))}\n      <StyledActionsContainer\n        disableGutters\n        className={clsx(\n          appSwitcherClasses.actionsContainer,\n          classes?.actionsContainer\n        )}\n      >\n        {panelActions}\n      </StyledActionsContainer>\n      {footer && (\n        <StyledFooter\n          className={clsx(\n            appSwitcherClasses.footerContainer,\n            classes?.footerContainer\n          )}\n        >\n          {footer}\n        </StyledFooter>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvAppSwitcher","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","useMemo","map","name","HvAppSwitcherAction","root","clsx","item","appSwitcherClasses","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","url","undefined","StyledRoot","open","closed","jsx","StyledTitle","TitleWithTooltip","StyledActionsContainer","actionsContainer","StyledFooter","footerContainer"],"mappings":";;;;;;;;;;;AA6DO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,0BAA0BA,MAAM;AAAA,EAAC;AAAA,EACjCC,2BAA2BA,MAAM;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AACkB,MAAM;AAClBC,QAAAA,gBAAgBA,CAACC,OAAOC,gBAAgB;AAC5CP,uEAA0BM,OAAOC;AAAAA,EAAW;AAG9C,QAAMC,eAAeC,MAAAA,QACnB,MACEV,iBACAA,6CAAcW,IAAKH,CAAgB,gBAAA;AACjC,QAAIA,YAAYI,MAAM;AACpB,4CACGC,OAEC,UAAA,EAAA,aACA,iBAAiBP,eACjB,oBAAoBJ,0BACpB,SAAS;AAAA,QACPY,MAAMC,cAAAA,QAAKlB,mCAASmB,MAAMC,mBAAAA,QAAmBD,IAAI;AAAA,QACjDE,UAAUH,cAAAA,QACRlB,mCAASsB,cACTF,mBAAAA,QAAmBE,YAAY;AAAA,QAEjCC,UAAUL,cAAAA,QACRlB,mCAASwB,cACTJ,mBAAAA,QAAmBI,YAAY;AAAA,QAEjCC,YAAYP,cAAAA,QACVlB,mCAAS0B,aACTN,mBAAAA,QAAmBM,WAAW;AAAA,QAEhCC,MAAMT,cAAAA,QAAKlB,mCAAS4B,UAAUR,mBAAAA,QAAmBQ,QAAQ;AAAA,QACzD1B,OAAOgB,cAAAA,QAAKlB,mCAAS6B,WAAWT,mBAAAA,QAAmBS,SAAS;AAAA,QAC5DC,UAAUZ,cAAAA,QACRlB,mCAAS+B,cACTX,mBAAAA,QAAmBW,YAAY;AAAA,WAtB9BpB,YAAYb,MAAO,GAAEa,YAAYI,QAAQJ,YAAYqB,KAyB1D;AAAA,IAEN;AAEOC,WAAAA;AAAAA,EAAAA,KAEX,CAAC9B,YAAY,CAAC;AAGhB,yCACG+B,mBACC,YAAA,EAAA,IACA,WAAWhB,sBACTnB,WACAqB,mBAAAA,QAAmBH,MACnBjB,mCAASiB,MACTG,mBAAAA,QAAmBnB,SACnBD,mCAAUC,SACVO,UAAUU,cAAAA,QAAKE,2BAAmBe,MAAMnC,mCAASmC,IAAI,GACrD3B,WAAW,SAASU,cAAAA,QAAKE,2BAAmBgB,QAAQpC,mCAASoC,MAAM,CAAC,GAEtE,OAAO,CAAC,CAAC5B,QACT,SAASA,WAAW,OACpB,SAASP,QAEPK,UAAAA;AAAAA,IACA,UAAA+B,2BAAAA,IAACC,mBAAAA,eAAY,WAAWpB,cAAAA,QAAKE,mBAAAA,QAAmBlB,OAAOF,mCAASE,KAAK,GAClEI,UACH,OAAA,CAAA,KAECJ,SACEmC,2BAAAA,IAAAE,iBAAAA,SAAA,EACC,WAAWrB,cAAAA,QAAKE,mBAAAA,QAAmBlB,OAAOF,mCAASE,KAAK,GACxD,OACA,MAAK,cAEP,CAAA;AAAA,IACJmC,2BAAAA,IAACG,mBAAAA,wBACC,EAAA,gBAAc,MACd,WAAWtB,cACTE,QAAAA,2BAAmBqB,kBACnBzC,mCAASyC,gBAAgB,GAG1B7B,UACH,aAAA,CAAA;AAAA,IACCL,UACE8B,2BAAAA,IAAAK,mBAAAA,cAAA,EACC,WAAWxB,cAAAA,QACTE,mBAAAA,QAAmBuB,iBACnB3C,mCAAS2C,eAAe,GAGzBpC,UACH,OAAA,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;;"}
+{"version":3,"file":"AppSwitcher.cjs","sources":["../../../../src/components/AppSwitcher/AppSwitcher.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMemo } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvAppSwitcherAction } from \"./Action\";\nimport {\n  StyledRoot,\n  StyledTitle,\n  StyledActionsContainer,\n  StyledFooter,\n} from \"./AppSwitcher.styles\";\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport appSwitcherClasses, { HvAppSwitcherClasses } from \"./appSwitcherClasses\";\n\nexport type HvAppSwitcherActionApplication = {\n  /** Id of the application. */\n  id?: string;\n  /** Name of the application, this is the value that will be displayed on the component. */\n  name: string;\n  /** URL with the icon location to be used to represent the application. iconUrl will only be used if no iconElement is provided. */\n  iconUrl?: string;\n  /** Element to be added as the icon representing the application. The iconElement will be the primary option to be displayed. */\n  iconElement?: React.ReactElement;\n  /** Small description of the application. */\n  description?: string;\n  /**  URL where the application is accessible. */\n  url?: string;\n  /** Defines if the application should be opened in the same tab or in a new one. */\n  target?: \"_top\" | \"_blank\";\n  /** If true, the item will be disabled. */\n  disabled?: boolean;\n  /** True when the application is selected, false otherwise. */\n  isSelected?: boolean;\n  /** The color of the application. */\n  color?: string;\n};\n\nexport type HvAppSwitcherProps = HvBaseProps & {\n  /** Number of columns to render. One, two, or whatever fits the component's width. */\n  layout?: \"single\" | \"dual\" | \"fluid\";\n  /** Title to be displayed on the header of the component. */\n  title?: string;\n  /** The list of applications to be used to render the actions on the component. */\n  applications?: HvAppSwitcherActionApplication[];\n  /** Triggered when an action is clicked. */\n  onActionClickedCallback?: (\n    event: React.MouseEvent,\n    application: HvAppSwitcherActionApplication\n  ) => void;\n  /** Must return a boolean stating if the action element is selected or not. */\n  isActionSelectedCallback?: (\n    application: HvAppSwitcherActionApplication\n  ) => boolean;\n  /** Element to be added to the header container, if none is provided a label with the title will be added. */\n  header?: React.ReactNode;\n  /** Element to be added to the footer container. */\n  footer?: React.ReactNode;\n  /**\n   * Flag stating if the panel is opened or closed.\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.\n   */\n  isOpen?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAppSwitcherClasses;\n};\n\nexport const HvAppSwitcher = ({\n  id,\n  className,\n  classes,\n  layout = \"single\",\n  title,\n  applications,\n  onActionClickedCallback = () => {},\n  isActionSelectedCallback = () => false,\n  header,\n  footer,\n  isOpen,\n}: HvAppSwitcherProps) => {\n  const actionClicked = (\n    event: React.MouseEvent,\n    application: HvAppSwitcherActionApplication\n  ) => {\n    onActionClickedCallback?.(event, application);\n  };\n\n  const panelActions = useMemo(\n    () =>\n      applications &&\n      applications?.map((application) => {\n        if (application.name) {\n          return (\n            <HvAppSwitcherAction\n              key={application.id || `${application.name}_${application.url}`}\n              application={application}\n              onClickCallback={actionClicked}\n              isSelectedCallback={isActionSelectedCallback}\n              classes={{\n                root: clsx(classes?.item, appSwitcherClasses.item),\n                selected: clsx(\n                  classes?.itemSelected,\n                  appSwitcherClasses.itemSelected\n                ),\n                disabled: clsx(\n                  classes?.itemDisabled,\n                  appSwitcherClasses.itemDisabled\n                ),\n                typography: clsx(\n                  classes?.itemTrigger,\n                  appSwitcherClasses.itemTrigger\n                ),\n                icon: clsx(classes?.itemIcon, appSwitcherClasses.itemIcon),\n                title: clsx(classes?.itemTitle, appSwitcherClasses.itemTitle),\n                iconInfo: clsx(\n                  classes?.itemInfoIcon,\n                  appSwitcherClasses.itemInfoIcon\n                ),\n              }}\n            />\n          );\n        }\n\n        return undefined;\n      }),\n    [applications]\n  );\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(\n        className,\n        appSwitcherClasses.root,\n        classes?.root,\n        appSwitcherClasses[layout],\n        classes?.[layout],\n        isOpen && clsx(appSwitcherClasses.open, classes?.open),\n        isOpen === false && clsx(appSwitcherClasses.closed, classes?.closed)\n      )}\n      $open={!!isOpen}\n      $closed={isOpen === false}\n      $layout={layout}\n    >\n      {(header && (\n        <StyledTitle className={clsx(appSwitcherClasses.title, classes?.title)}>\n          {header}\n        </StyledTitle>\n      )) ||\n        (title && (\n          <TitleWithTooltip\n            className={clsx(appSwitcherClasses.title, classes?.title)}\n            title={title}\n            type=\"appSwitcher\"\n          />\n        ))}\n      <StyledActionsContainer\n        disableGutters\n        className={clsx(\n          appSwitcherClasses.actionsContainer,\n          classes?.actionsContainer\n        )}\n      >\n        {panelActions}\n      </StyledActionsContainer>\n      {footer && (\n        <StyledFooter\n          className={clsx(\n            appSwitcherClasses.footerContainer,\n            classes?.footerContainer\n          )}\n        >\n          {footer}\n        </StyledFooter>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvAppSwitcher","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","useMemo","map","name","HvAppSwitcherAction","onClickCallback","isSelectedCallback","root","clsx","item","appSwitcherClasses","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","url","undefined","StyledRoot","open","closed","$open","$closed","$layout","children","_jsx","StyledTitle","TitleWithTooltip","type","StyledActionsContainer","disableGutters","actionsContainer","StyledFooter","footerContainer"],"mappings":"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"}

package/dist/cjs/components/AppSwitcher/AppSwitcher.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const transientOptions = require("../../utils/transientOptions.cjs");
@@ -38,13 +38,17 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
   flexDirection: "column",
   backgroundColor: uikitStyles.theme.colors.atmo1,
   overflow: "hidden",
+  // we need to play with the 4px because of the focus ring
+  // padding: `${theme.spacing(2) - 4}px 0 ${theme.spacing(2) - 4}px ${
+  //   theme.spacing(2) - 4
+  // }px`,
   padding: `${uikitStyles.theme.space.sm} 0 ${uikitStyles.theme.space.sm} ${uikitStyles.theme.space.sm}`,
   ...$open && {
     zIndex: "1200",
     position: "absolute",
     top: "50px",
     overflowX: "hidden",
-    boxShadow: uikitStyles.theme.shadows[1]
+    boxShadow: uikitStyles.theme.colors.shadow
   },
   ...$closed && {
     display: "none"
@@ -55,7 +59,7 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
   ...$layout === "dual" && {
     width: 640
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BcHBTd2l0Y2hlci9BcHBTd2l0Y2hlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHksIEh2TGlzdENvbnRhaW5lciB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJG9wZW4sXG4gICAgJGNsb3NlZCxcbiAgICAkbGF5b3V0LFxuICB9OiB7XG4gICAgJG9wZW46IGJvb2xlYW47XG4gICAgJGNsb3NlZDogYm9vbGVhbjtcbiAgICAkbGF5b3V0OiBzdHJpbmc7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgICAvLyBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjaW5nKDIpIC0gNH1weCAwICR7dGhlbWUuc3BhY2luZygyKSAtIDR9cHggJHtcbiAgICAvLyAgIHRoZW1lLnNwYWNpbmcoMikgLSA0XG4gICAgLy8gfXB4YCxcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS5zbX0gMCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfWAsXG5cbiAgICAuLi4oJG9wZW4gJiYge1xuICAgICAgekluZGV4OiBcIjEyMDBcIixcbiAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICB0b3A6IFwiNTBweFwiLFxuICAgICAgb3ZlcmZsb3dYOiBcImhpZGRlblwiLFxuICAgICAgYm94U2hhZG93OiB0aGVtZS5zaGFkb3dzWzFdLFxuICAgIH0pLFxuICAgIC4uLigkY2xvc2VkICYmIHtcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIH0pLFxuICAgIC4uLigkbGF5b3V0ID09PSBcInNpbmdsZVwiICYmIHsgd2lkdGg6IDMyMCB9KSxcbiAgICAuLi4oJGxheW91dCA9PT0gXCJkdWFsXCIgJiYgeyB3aWR0aDogNjQwIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRpdGxlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWluSGVpZ2h0OiAzNixcblxuICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgLy8gcGFkZGluZzogYDRweCAke3RoZW1lLmh2LnNwYWNpbmcuc219cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCA0cHhgLFxuICBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219IDRweGAsXG5cbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZVdpdGhUb29sdGlwID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHR5cGUgfTogeyAkdHlwZTogc3RyaW5nIH0pID0+ICh7XG4gIC4uLigkdHlwZSA9PT0gXCJhcHBTd2l0Y2hlclwiICYmIHtcbiAgICBtaW5IZWlnaHQ6IDM2LFxuXG4gICAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gICAgLy8gcGFkZGluZzogYDRweCAke3RoZW1lLmh2LnNwYWNpbmcuc219cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCA0cHhgLFxuICAgIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gNHB4YCxcblxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIH0pLFxuICAuLi4oJHR5cGUgPT09IFwiYWN0aW9uXCIgJiYge1xuICAgIGZsZXhHcm93OiAxLFxuICAgIG1hcmdpbjogYDAgJHt0aGVtZS5zcGFjZS54c31gLFxuXG4gICAgdGV4dEFsaWduOiBcImxlZnRcIixcblxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG5cbiAgICBjb2xvcjogXCJpbmhlcml0XCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aW9uc0NvbnRhaW5lciA9IHN0eWxlZChIdkxpc3RDb250YWluZXIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuXG4gIG92ZXJmbG93WTogXCJhdXRvXCIsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIHBhZGRpbmc6IFwiNHB4IDAgNHB4IDRweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb290ZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgbWFyZ2luVG9wOiBcImF1dG9cIixcbiAgaGVpZ2h0OiA1MixcblxuICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgLy8gcGFkZGluZzogYCR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtICsgNH1weCA0cHggNHB4YCxcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219IDRweCA0cHhgLFxuXG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxhYmVsIGFzIENTU1Byb3BlcnRpZXMpLFxufSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BcHBTd2l0Y2hlci9BcHBTd2l0Y2hlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHksIEh2TGlzdENvbnRhaW5lciB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJG9wZW4sXG4gICAgJGNsb3NlZCxcbiAgICAkbGF5b3V0LFxuICB9OiB7XG4gICAgJG9wZW46IGJvb2xlYW47XG4gICAgJGNsb3NlZDogYm9vbGVhbjtcbiAgICAkbGF5b3V0OiBzdHJpbmc7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgICAvLyBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjaW5nKDIpIC0gNH1weCAwICR7dGhlbWUuc3BhY2luZygyKSAtIDR9cHggJHtcbiAgICAvLyAgIHRoZW1lLnNwYWNpbmcoMikgLSA0XG4gICAgLy8gfXB4YCxcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS5zbX0gMCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfWAsXG5cbiAgICAuLi4oJG9wZW4gJiYge1xuICAgICAgekluZGV4OiBcIjEyMDBcIixcbiAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICB0b3A6IFwiNTBweFwiLFxuICAgICAgb3ZlcmZsb3dYOiBcImhpZGRlblwiLFxuICAgICAgYm94U2hhZG93OiB0aGVtZS5jb2xvcnMuc2hhZG93LFxuICAgIH0pLFxuICAgIC4uLigkY2xvc2VkICYmIHtcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIH0pLFxuICAgIC4uLigkbGF5b3V0ID09PSBcInNpbmdsZVwiICYmIHsgd2lkdGg6IDMyMCB9KSxcbiAgICAuLi4oJGxheW91dCA9PT0gXCJkdWFsXCIgJiYgeyB3aWR0aDogNjQwIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRpdGxlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWluSGVpZ2h0OiAzNixcblxuICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgLy8gcGFkZGluZzogYDRweCAke3RoZW1lLmh2LnNwYWNpbmcuc219cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCA0cHhgLFxuICBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219IDRweGAsXG5cbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZVdpdGhUb29sdGlwID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHR5cGUgfTogeyAkdHlwZTogc3RyaW5nIH0pID0+ICh7XG4gIC4uLigkdHlwZSA9PT0gXCJhcHBTd2l0Y2hlclwiICYmIHtcbiAgICBtaW5IZWlnaHQ6IDM2LFxuXG4gICAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gICAgLy8gcGFkZGluZzogYDRweCAke3RoZW1lLmh2LnNwYWNpbmcuc219cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCA0cHhgLFxuICAgIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gNHB4YCxcblxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIH0pLFxuICAuLi4oJHR5cGUgPT09IFwiYWN0aW9uXCIgJiYge1xuICAgIGZsZXhHcm93OiAxLFxuICAgIG1hcmdpbjogYDAgJHt0aGVtZS5zcGFjZS54c31gLFxuXG4gICAgdGV4dEFsaWduOiBcImxlZnRcIixcblxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG5cbiAgICBjb2xvcjogXCJpbmhlcml0XCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aW9uc0NvbnRhaW5lciA9IHN0eWxlZChIdkxpc3RDb250YWluZXIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuXG4gIG92ZXJmbG93WTogXCJhdXRvXCIsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIHBhZGRpbmc6IFwiNHB4IDAgNHB4IDRweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb290ZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgbWFyZ2luVG9wOiBcImF1dG9cIixcbiAgaGVpZ2h0OiA1MixcblxuICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgLy8gcGFkZGluZzogYCR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtICsgNH1weCA0cHggNHB4YCxcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219IDRweCA0cHhgLFxuXG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxhYmVsIGFzIENTU1Byb3BlcnRpZXMpLFxufSk7XG4iXX0= */");
 const StyledTitle = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
   target: "e1lxr4i83"
 } : {
@@ -63,11 +67,13 @@ const StyledTitle = /* @__PURE__ */ _styled__default.default("div", process.env.
   label: "StyledTitle"
 })({
   minHeight: 36,
+  // we need to play with the 4px because of the focus ring
+  // padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,
   padding: `4px ${uikitStyles.theme.space.sm} ${uikitStyles.theme.space.sm} 4px`,
   overflow: "hidden",
   whiteSpace: "nowrap",
   textOverflow: "ellipsis"
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QzJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdkxpc3RDb250YWluZXIgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRvcGVuLFxuICAgICRjbG9zZWQsXG4gICAgJGxheW91dCxcbiAgfToge1xuICAgICRvcGVuOiBib29sZWFuO1xuICAgICRjbG9zZWQ6IGJvb2xlYW47XG4gICAgJGxheW91dDogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gICAgLy8gcGFkZGluZzogYCR7dGhlbWUuc3BhY2luZygyKSAtIDR9cHggMCAke3RoZW1lLnNwYWNpbmcoMikgLSA0fXB4ICR7XG4gICAgLy8gICB0aGVtZS5zcGFjaW5nKDIpIC0gNFxuICAgIC8vIH1weGAsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2Uuc219IDAgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX1gLFxuXG4gICAgLi4uKCRvcGVuICYmIHtcbiAgICAgIHpJbmRleDogXCIxMjAwXCIsXG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgdG9wOiBcIjUwcHhcIixcbiAgICAgIG92ZXJmbG93WDogXCJoaWRkZW5cIixcbiAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICB9KSxcbiAgICAuLi4oJGNsb3NlZCAmJiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9KSxcbiAgICAuLi4oJGxheW91dCA9PT0gXCJzaW5nbGVcIiAmJiB7IHdpZHRoOiAzMjAgfSksXG4gICAgLi4uKCRsYXlvdXQgPT09IFwiZHVhbFwiICYmIHsgd2lkdGg6IDY0MCB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1pbkhlaWdodDogMzYsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIC8vIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtfXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggNHB4YCxcbiAgcGFkZGluZzogYDRweCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHhgLFxuXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGVXaXRoVG9vbHRpcCA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR0eXBlIH06IHsgJHR5cGU6IHN0cmluZyB9KSA9PiAoe1xuICAuLi4oJHR5cGUgPT09IFwiYXBwU3dpdGNoZXJcIiAmJiB7XG4gICAgbWluSGVpZ2h0OiAzNixcblxuICAgIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAgIC8vIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtfXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggNHB4YCxcbiAgICBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219IDRweGAsXG5cbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICBmbGV4R3JvdzogMSxcbiAgICBtYXJnaW46IGAwICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICAgIHRleHRBbGlnbjogXCJsZWZ0XCIsXG5cbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuXG4gICAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoSHZMaXN0Q29udGFpbmVyKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcblxuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuXG4gIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICBwYWRkaW5nOiBcIjRweCAwIDRweCA0cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9vdGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIG1hcmdpblRvcDogXCJhdXRvXCIsXG4gIGhlaWdodDogNTIsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIC8vIHBhZGRpbmc6IGAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSArIDR9cHggNHB4IDRweGAsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHggNHB4YCxcblxuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QzJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdkxpc3RDb250YWluZXIgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRvcGVuLFxuICAgICRjbG9zZWQsXG4gICAgJGxheW91dCxcbiAgfToge1xuICAgICRvcGVuOiBib29sZWFuO1xuICAgICRjbG9zZWQ6IGJvb2xlYW47XG4gICAgJGxheW91dDogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gICAgLy8gcGFkZGluZzogYCR7dGhlbWUuc3BhY2luZygyKSAtIDR9cHggMCAke3RoZW1lLnNwYWNpbmcoMikgLSA0fXB4ICR7XG4gICAgLy8gICB0aGVtZS5zcGFjaW5nKDIpIC0gNFxuICAgIC8vIH1weGAsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2Uuc219IDAgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX1gLFxuXG4gICAgLi4uKCRvcGVuICYmIHtcbiAgICAgIHpJbmRleDogXCIxMjAwXCIsXG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgdG9wOiBcIjUwcHhcIixcbiAgICAgIG92ZXJmbG93WDogXCJoaWRkZW5cIixcbiAgICAgIGJveFNoYWRvdzogdGhlbWUuY29sb3JzLnNoYWRvdyxcbiAgICB9KSxcbiAgICAuLi4oJGNsb3NlZCAmJiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9KSxcbiAgICAuLi4oJGxheW91dCA9PT0gXCJzaW5nbGVcIiAmJiB7IHdpZHRoOiAzMjAgfSksXG4gICAgLi4uKCRsYXlvdXQgPT09IFwiZHVhbFwiICYmIHsgd2lkdGg6IDY0MCB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1pbkhlaWdodDogMzYsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIC8vIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtfXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggNHB4YCxcbiAgcGFkZGluZzogYDRweCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHhgLFxuXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGVXaXRoVG9vbHRpcCA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR0eXBlIH06IHsgJHR5cGU6IHN0cmluZyB9KSA9PiAoe1xuICAuLi4oJHR5cGUgPT09IFwiYXBwU3dpdGNoZXJcIiAmJiB7XG4gICAgbWluSGVpZ2h0OiAzNixcblxuICAgIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAgIC8vIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtfXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggNHB4YCxcbiAgICBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219IDRweGAsXG5cbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICBmbGV4R3JvdzogMSxcbiAgICBtYXJnaW46IGAwICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICAgIHRleHRBbGlnbjogXCJsZWZ0XCIsXG5cbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuXG4gICAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoSHZMaXN0Q29udGFpbmVyKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcblxuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuXG4gIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICBwYWRkaW5nOiBcIjRweCAwIDRweCA0cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9vdGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIG1hcmdpblRvcDogXCJhdXRvXCIsXG4gIGhlaWdodDogNTIsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIC8vIHBhZGRpbmc6IGAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSArIDR9cHggNHB4IDRweGAsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHggNHB4YCxcblxuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */");
 const StyledTitleWithTooltip = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1lxr4i82"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -78,6 +84,8 @@ const StyledTitleWithTooltip = /* @__PURE__ */ _styled__default.default(Typograp
 }) => ({
   ...$type === "appSwitcher" && {
     minHeight: 36,
+    // we need to play with the 4px because of the focus ring
+    // padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,
     padding: `4px ${uikitStyles.theme.space.sm} ${uikitStyles.theme.space.sm} 4px`,
     overflow: "hidden",
     whiteSpace: "nowrap",
@@ -92,7 +100,7 @@ const StyledTitleWithTooltip = /* @__PURE__ */ _styled__default.default(Typograp
     textOverflow: "ellipsis",
     color: "inherit"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RHNDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdkxpc3RDb250YWluZXIgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRvcGVuLFxuICAgICRjbG9zZWQsXG4gICAgJGxheW91dCxcbiAgfToge1xuICAgICRvcGVuOiBib29sZWFuO1xuICAgICRjbG9zZWQ6IGJvb2xlYW47XG4gICAgJGxheW91dDogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gICAgLy8gcGFkZGluZzogYCR7dGhlbWUuc3BhY2luZygyKSAtIDR9cHggMCAke3RoZW1lLnNwYWNpbmcoMikgLSA0fXB4ICR7XG4gICAgLy8gICB0aGVtZS5zcGFjaW5nKDIpIC0gNFxuICAgIC8vIH1weGAsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2Uuc219IDAgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX1gLFxuXG4gICAgLi4uKCRvcGVuICYmIHtcbiAgICAgIHpJbmRleDogXCIxMjAwXCIsXG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgdG9wOiBcIjUwcHhcIixcbiAgICAgIG92ZXJmbG93WDogXCJoaWRkZW5cIixcbiAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICB9KSxcbiAgICAuLi4oJGNsb3NlZCAmJiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9KSxcbiAgICAuLi4oJGxheW91dCA9PT0gXCJzaW5nbGVcIiAmJiB7IHdpZHRoOiAzMjAgfSksXG4gICAgLi4uKCRsYXlvdXQgPT09IFwiZHVhbFwiICYmIHsgd2lkdGg6IDY0MCB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1pbkhlaWdodDogMzYsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIC8vIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtfXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggNHB4YCxcbiAgcGFkZGluZzogYDRweCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHhgLFxuXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGVXaXRoVG9vbHRpcCA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR0eXBlIH06IHsgJHR5cGU6IHN0cmluZyB9KSA9PiAoe1xuICAuLi4oJHR5cGUgPT09IFwiYXBwU3dpdGNoZXJcIiAmJiB7XG4gICAgbWluSGVpZ2h0OiAzNixcblxuICAgIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAgIC8vIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtfXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggNHB4YCxcbiAgICBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219IDRweGAsXG5cbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICBmbGV4R3JvdzogMSxcbiAgICBtYXJnaW46IGAwICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICAgIHRleHRBbGlnbjogXCJsZWZ0XCIsXG5cbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuXG4gICAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoSHZMaXN0Q29udGFpbmVyKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcblxuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuXG4gIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICBwYWRkaW5nOiBcIjRweCAwIDRweCA0cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9vdGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIG1hcmdpblRvcDogXCJhdXRvXCIsXG4gIGhlaWdodDogNTIsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIC8vIHBhZGRpbmc6IGAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSArIDR9cHggNHB4IDRweGAsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHggNHB4YCxcblxuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RHNDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdkxpc3RDb250YWluZXIgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRvcGVuLFxuICAgICRjbG9zZWQsXG4gICAgJGxheW91dCxcbiAgfToge1xuICAgICRvcGVuOiBib29sZWFuO1xuICAgICRjbG9zZWQ6IGJvb2xlYW47XG4gICAgJGxheW91dDogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gICAgLy8gcGFkZGluZzogYCR7dGhlbWUuc3BhY2luZygyKSAtIDR9cHggMCAke3RoZW1lLnNwYWNpbmcoMikgLSA0fXB4ICR7XG4gICAgLy8gICB0aGVtZS5zcGFjaW5nKDIpIC0gNFxuICAgIC8vIH1weGAsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2Uuc219IDAgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX1gLFxuXG4gICAgLi4uKCRvcGVuICYmIHtcbiAgICAgIHpJbmRleDogXCIxMjAwXCIsXG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgdG9wOiBcIjUwcHhcIixcbiAgICAgIG92ZXJmbG93WDogXCJoaWRkZW5cIixcbiAgICAgIGJveFNoYWRvdzogdGhlbWUuY29sb3JzLnNoYWRvdyxcbiAgICB9KSxcbiAgICAuLi4oJGNsb3NlZCAmJiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9KSxcbiAgICAuLi4oJGxheW91dCA9PT0gXCJzaW5nbGVcIiAmJiB7IHdpZHRoOiAzMjAgfSksXG4gICAgLi4uKCRsYXlvdXQgPT09IFwiZHVhbFwiICYmIHsgd2lkdGg6IDY0MCB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1pbkhlaWdodDogMzYsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIC8vIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtfXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggNHB4YCxcbiAgcGFkZGluZzogYDRweCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHhgLFxuXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGVXaXRoVG9vbHRpcCA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR0eXBlIH06IHsgJHR5cGU6IHN0cmluZyB9KSA9PiAoe1xuICAuLi4oJHR5cGUgPT09IFwiYXBwU3dpdGNoZXJcIiAmJiB7XG4gICAgbWluSGVpZ2h0OiAzNixcblxuICAgIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAgIC8vIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtfXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggNHB4YCxcbiAgICBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219IDRweGAsXG5cbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICBmbGV4R3JvdzogMSxcbiAgICBtYXJnaW46IGAwICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICAgIHRleHRBbGlnbjogXCJsZWZ0XCIsXG5cbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuXG4gICAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoSHZMaXN0Q29udGFpbmVyKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcblxuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuXG4gIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICBwYWRkaW5nOiBcIjRweCAwIDRweCA0cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9vdGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIG1hcmdpblRvcDogXCJhdXRvXCIsXG4gIGhlaWdodDogNTIsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIC8vIHBhZGRpbmc6IGAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSArIDR9cHggNHB4IDRweGAsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHggNHB4YCxcblxuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */");
 const StyledActionsContainer = /* @__PURE__ */ _styled__default.default(ListContainer.HvListContainer, process.env.NODE_ENV === "production" ? {
   target: "e1lxr4i81"
 } : {
@@ -104,7 +112,7 @@ const StyledActionsContainer = /* @__PURE__ */ _styled__default.default(ListCont
 } : {
   name: "1cvq84b",
   styles: "display:flex;flex-wrap:wrap;justify-content:flex-start;overflow-y:auto;padding:4px 0 4px 4px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRnNDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdkxpc3RDb250YWluZXIgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRvcGVuLFxuICAgICRjbG9zZWQsXG4gICAgJGxheW91dCxcbiAgfToge1xuICAgICRvcGVuOiBib29sZWFuO1xuICAgICRjbG9zZWQ6IGJvb2xlYW47XG4gICAgJGxheW91dDogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gICAgLy8gcGFkZGluZzogYCR7dGhlbWUuc3BhY2luZygyKSAtIDR9cHggMCAke3RoZW1lLnNwYWNpbmcoMikgLSA0fXB4ICR7XG4gICAgLy8gICB0aGVtZS5zcGFjaW5nKDIpIC0gNFxuICAgIC8vIH1weGAsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2Uuc219IDAgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX1gLFxuXG4gICAgLi4uKCRvcGVuICYmIHtcbiAgICAgIHpJbmRleDogXCIxMjAwXCIsXG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgdG9wOiBcIjUwcHhcIixcbiAgICAgIG92ZXJmbG93WDogXCJoaWRkZW5cIixcbiAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICB9KSxcbiAgICAuLi4oJGNsb3NlZCAmJiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9KSxcbiAgICAuLi4oJGxheW91dCA9PT0gXCJzaW5nbGVcIiAmJiB7IHdpZHRoOiAzMjAgfSksXG4gICAgLi4uKCRsYXlvdXQgPT09IFwiZHVhbFwiICYmIHsgd2lkdGg6IDY0MCB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1pbkhlaWdodDogMzYsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIC8vIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtfXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggNHB4YCxcbiAgcGFkZGluZzogYDRweCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHhgLFxuXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGVXaXRoVG9vbHRpcCA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR0eXBlIH06IHsgJHR5cGU6IHN0cmluZyB9KSA9PiAoe1xuICAuLi4oJHR5cGUgPT09IFwiYXBwU3dpdGNoZXJcIiAmJiB7XG4gICAgbWluSGVpZ2h0OiAzNixcblxuICAgIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAgIC8vIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtfXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggNHB4YCxcbiAgICBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219IDRweGAsXG5cbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICBmbGV4R3JvdzogMSxcbiAgICBtYXJnaW46IGAwICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICAgIHRleHRBbGlnbjogXCJsZWZ0XCIsXG5cbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuXG4gICAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoSHZMaXN0Q29udGFpbmVyKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcblxuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuXG4gIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICBwYWRkaW5nOiBcIjRweCAwIDRweCA0cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9vdGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIG1hcmdpblRvcDogXCJhdXRvXCIsXG4gIGhlaWdodDogNTIsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIC8vIHBhZGRpbmc6IGAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSArIDR9cHggNHB4IDRweGAsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHggNHB4YCxcblxuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRnNDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdkxpc3RDb250YWluZXIgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRvcGVuLFxuICAgICRjbG9zZWQsXG4gICAgJGxheW91dCxcbiAgfToge1xuICAgICRvcGVuOiBib29sZWFuO1xuICAgICRjbG9zZWQ6IGJvb2xlYW47XG4gICAgJGxheW91dDogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gICAgLy8gcGFkZGluZzogYCR7dGhlbWUuc3BhY2luZygyKSAtIDR9cHggMCAke3RoZW1lLnNwYWNpbmcoMikgLSA0fXB4ICR7XG4gICAgLy8gICB0aGVtZS5zcGFjaW5nKDIpIC0gNFxuICAgIC8vIH1weGAsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2Uuc219IDAgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX1gLFxuXG4gICAgLi4uKCRvcGVuICYmIHtcbiAgICAgIHpJbmRleDogXCIxMjAwXCIsXG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgdG9wOiBcIjUwcHhcIixcbiAgICAgIG92ZXJmbG93WDogXCJoaWRkZW5cIixcbiAgICAgIGJveFNoYWRvdzogdGhlbWUuY29sb3JzLnNoYWRvdyxcbiAgICB9KSxcbiAgICAuLi4oJGNsb3NlZCAmJiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9KSxcbiAgICAuLi4oJGxheW91dCA9PT0gXCJzaW5nbGVcIiAmJiB7IHdpZHRoOiAzMjAgfSksXG4gICAgLi4uKCRsYXlvdXQgPT09IFwiZHVhbFwiICYmIHsgd2lkdGg6IDY0MCB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1pbkhlaWdodDogMzYsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIC8vIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtfXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggNHB4YCxcbiAgcGFkZGluZzogYDRweCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHhgLFxuXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGVXaXRoVG9vbHRpcCA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR0eXBlIH06IHsgJHR5cGU6IHN0cmluZyB9KSA9PiAoe1xuICAuLi4oJHR5cGUgPT09IFwiYXBwU3dpdGNoZXJcIiAmJiB7XG4gICAgbWluSGVpZ2h0OiAzNixcblxuICAgIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAgIC8vIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtfXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggNHB4YCxcbiAgICBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219IDRweGAsXG5cbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICBmbGV4R3JvdzogMSxcbiAgICBtYXJnaW46IGAwICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICAgIHRleHRBbGlnbjogXCJsZWZ0XCIsXG5cbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuXG4gICAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoSHZMaXN0Q29udGFpbmVyKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcblxuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuXG4gIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICBwYWRkaW5nOiBcIjRweCAwIDRweCA0cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9vdGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIG1hcmdpblRvcDogXCJhdXRvXCIsXG4gIGhlaWdodDogNTIsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIC8vIHBhZGRpbmc6IGAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSArIDR9cHggNHB4IDRweGAsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHggNHB4YCxcblxuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledFooter = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
@@ -117,9 +125,11 @@ const StyledFooter = /* @__PURE__ */ _styled__default.default("div", process.env
   alignItems: "center",
   marginTop: "auto",
   height: 52,
+  // we need to play with the 4px because of the focus ring
+  // padding: `${theme.hv.spacing.sm - 4}px ${theme.hv.spacing.sm + 4}px 4px 4px`,
   padding: `${uikitStyles.theme.space.sm} ${uikitStyles.theme.space.sm} 4px 4px`,
   ...uikitStyles.theme.typography.label
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRzRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdkxpc3RDb250YWluZXIgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRvcGVuLFxuICAgICRjbG9zZWQsXG4gICAgJGxheW91dCxcbiAgfToge1xuICAgICRvcGVuOiBib29sZWFuO1xuICAgICRjbG9zZWQ6IGJvb2xlYW47XG4gICAgJGxheW91dDogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gICAgLy8gcGFkZGluZzogYCR7dGhlbWUuc3BhY2luZygyKSAtIDR9cHggMCAke3RoZW1lLnNwYWNpbmcoMikgLSA0fXB4ICR7XG4gICAgLy8gICB0aGVtZS5zcGFjaW5nKDIpIC0gNFxuICAgIC8vIH1weGAsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2Uuc219IDAgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX1gLFxuXG4gICAgLi4uKCRvcGVuICYmIHtcbiAgICAgIHpJbmRleDogXCIxMjAwXCIsXG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgdG9wOiBcIjUwcHhcIixcbiAgICAgIG92ZXJmbG93WDogXCJoaWRkZW5cIixcbiAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICB9KSxcbiAgICAuLi4oJGNsb3NlZCAmJiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9KSxcbiAgICAuLi4oJGxheW91dCA9PT0gXCJzaW5nbGVcIiAmJiB7IHdpZHRoOiAzMjAgfSksXG4gICAgLi4uKCRsYXlvdXQgPT09IFwiZHVhbFwiICYmIHsgd2lkdGg6IDY0MCB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1pbkhlaWdodDogMzYsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIC8vIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtfXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggNHB4YCxcbiAgcGFkZGluZzogYDRweCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHhgLFxuXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGVXaXRoVG9vbHRpcCA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR0eXBlIH06IHsgJHR5cGU6IHN0cmluZyB9KSA9PiAoe1xuICAuLi4oJHR5cGUgPT09IFwiYXBwU3dpdGNoZXJcIiAmJiB7XG4gICAgbWluSGVpZ2h0OiAzNixcblxuICAgIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAgIC8vIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtfXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggNHB4YCxcbiAgICBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219IDRweGAsXG5cbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICBmbGV4R3JvdzogMSxcbiAgICBtYXJnaW46IGAwICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICAgIHRleHRBbGlnbjogXCJsZWZ0XCIsXG5cbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuXG4gICAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoSHZMaXN0Q29udGFpbmVyKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcblxuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuXG4gIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICBwYWRkaW5nOiBcIjRweCAwIDRweCA0cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9vdGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIG1hcmdpblRvcDogXCJhdXRvXCIsXG4gIGhlaWdodDogNTIsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIC8vIHBhZGRpbmc6IGAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSArIDR9cHggNHB4IDRweGAsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHggNHB4YCxcblxuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRzRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdkxpc3RDb250YWluZXIgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRvcGVuLFxuICAgICRjbG9zZWQsXG4gICAgJGxheW91dCxcbiAgfToge1xuICAgICRvcGVuOiBib29sZWFuO1xuICAgICRjbG9zZWQ6IGJvb2xlYW47XG4gICAgJGxheW91dDogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gICAgLy8gcGFkZGluZzogYCR7dGhlbWUuc3BhY2luZygyKSAtIDR9cHggMCAke3RoZW1lLnNwYWNpbmcoMikgLSA0fXB4ICR7XG4gICAgLy8gICB0aGVtZS5zcGFjaW5nKDIpIC0gNFxuICAgIC8vIH1weGAsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2Uuc219IDAgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX1gLFxuXG4gICAgLi4uKCRvcGVuICYmIHtcbiAgICAgIHpJbmRleDogXCIxMjAwXCIsXG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgdG9wOiBcIjUwcHhcIixcbiAgICAgIG92ZXJmbG93WDogXCJoaWRkZW5cIixcbiAgICAgIGJveFNoYWRvdzogdGhlbWUuY29sb3JzLnNoYWRvdyxcbiAgICB9KSxcbiAgICAuLi4oJGNsb3NlZCAmJiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9KSxcbiAgICAuLi4oJGxheW91dCA9PT0gXCJzaW5nbGVcIiAmJiB7IHdpZHRoOiAzMjAgfSksXG4gICAgLi4uKCRsYXlvdXQgPT09IFwiZHVhbFwiICYmIHsgd2lkdGg6IDY0MCB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1pbkhlaWdodDogMzYsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIC8vIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtfXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggNHB4YCxcbiAgcGFkZGluZzogYDRweCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHhgLFxuXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGVXaXRoVG9vbHRpcCA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR0eXBlIH06IHsgJHR5cGU6IHN0cmluZyB9KSA9PiAoe1xuICAuLi4oJHR5cGUgPT09IFwiYXBwU3dpdGNoZXJcIiAmJiB7XG4gICAgbWluSGVpZ2h0OiAzNixcblxuICAgIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAgIC8vIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtfXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggNHB4YCxcbiAgICBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219IDRweGAsXG5cbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICBmbGV4R3JvdzogMSxcbiAgICBtYXJnaW46IGAwICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICAgIHRleHRBbGlnbjogXCJsZWZ0XCIsXG5cbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuXG4gICAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoSHZMaXN0Q29udGFpbmVyKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcblxuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuXG4gIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICBwYWRkaW5nOiBcIjRweCAwIDRweCA0cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9vdGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIG1hcmdpblRvcDogXCJhdXRvXCIsXG4gIGhlaWdodDogNTIsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIC8vIHBhZGRpbmc6IGAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSArIDR9cHggNHB4IDRweGAsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHggNHB4YCxcblxuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */");
 exports.StyledActionsContainer = StyledActionsContainer;
 exports.StyledFooter = StyledFooter;
 exports.StyledRoot = StyledRoot;

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

@@ -1 +1 @@
-{"version":3,"file":"AppSwitcher.styles.cjs","sources":["../../../../src/components/AppSwitcher/AppSwitcher.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography, HvListContainer } from \"components\";\nimport { CSSProperties } from \"react\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $open,\n    $closed,\n    $layout,\n  }: {\n    $open: boolean;\n    $closed: boolean;\n    $layout: string;\n  }) => ({\n    display: \"flex\",\n    flexDirection: \"column\",\n    backgroundColor: theme.colors.atmo1,\n    overflow: \"hidden\",\n    // we need to play with the 4px because of the focus ring\n    // padding: `${theme.spacing(2) - 4}px 0 ${theme.spacing(2) - 4}px ${\n    //   theme.spacing(2) - 4\n    // }px`,\n    padding: `${theme.space.sm} 0 ${theme.space.sm} ${theme.space.sm}`,\n\n    ...($open && {\n      zIndex: \"1200\",\n      position: \"absolute\",\n      top: \"50px\",\n      overflowX: \"hidden\",\n      boxShadow: theme.shadows[1],\n    }),\n    ...($closed && {\n      display: \"none\",\n    }),\n    ...($layout === \"single\" && { width: 320 }),\n    ...($layout === \"dual\" && { width: 640 }),\n  })\n);\n\nexport const StyledTitle = styled(\"div\")({\n  minHeight: 36,\n\n  // we need to play with the 4px because of the focus ring\n  // padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,\n  padding: `4px ${theme.space.sm} ${theme.space.sm} 4px`,\n\n  overflow: \"hidden\",\n  whiteSpace: \"nowrap\",\n  textOverflow: \"ellipsis\",\n});\n\nexport const StyledTitleWithTooltip = styled(\n  HvTypography,\n  transientOptions\n)(({ $type }: { $type: string }) => ({\n  ...($type === \"appSwitcher\" && {\n    minHeight: 36,\n\n    // we need to play with the 4px because of the focus ring\n    // padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,\n    padding: `4px ${theme.space.sm} ${theme.space.sm} 4px`,\n\n    overflow: \"hidden\",\n    whiteSpace: \"nowrap\",\n    textOverflow: \"ellipsis\",\n  }),\n  ...($type === \"action\" && {\n    flexGrow: 1,\n    margin: `0 ${theme.space.xs}`,\n\n    textAlign: \"left\",\n\n    overflow: \"hidden\",\n    whiteSpace: \"nowrap\",\n    textOverflow: \"ellipsis\",\n\n    color: \"inherit\",\n  }),\n}));\n\nexport const StyledActionsContainer = styled(HvListContainer)({\n  display: \"flex\",\n  flexWrap: \"wrap\",\n  justifyContent: \"flex-start\",\n\n  overflowY: \"auto\",\n\n  // we need to play with the 4px because of the focus ring\n  padding: \"4px 0 4px 4px\",\n});\n\nexport const StyledFooter = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  marginTop: \"auto\",\n  height: 52,\n\n  // we need to play with the 4px because of the focus ring\n  // padding: `${theme.hv.spacing.sm - 4}px ${theme.hv.spacing.sm + 4}px 4px 4px`,\n  padding: `${theme.space.sm} ${theme.space.sm} 4px 4px`,\n\n  ...(theme.typography.label as CSSProperties),\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$open","$closed","$layout","display","flexDirection","backgroundColor","theme","colors","atmo1","overflow","padding","space","sm","zIndex","position","top","overflowX","boxShadow","shadows","width","StyledTitle","_styled","minHeight","whiteSpace","textOverflow","StyledTitleWithTooltip","HvTypography","$type","flexGrow","margin","xs","textAlign","color","StyledActionsContainer","HvListContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledFooter","alignItems","marginTop","height","typography"],"mappings":"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"}
+{"version":3,"file":"AppSwitcher.styles.cjs","sources":["../../../../src/components/AppSwitcher/AppSwitcher.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography, HvListContainer } from \"components\";\nimport { CSSProperties } from \"react\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $open,\n    $closed,\n    $layout,\n  }: {\n    $open: boolean;\n    $closed: boolean;\n    $layout: string;\n  }) => ({\n    display: \"flex\",\n    flexDirection: \"column\",\n    backgroundColor: theme.colors.atmo1,\n    overflow: \"hidden\",\n    // we need to play with the 4px because of the focus ring\n    // padding: `${theme.spacing(2) - 4}px 0 ${theme.spacing(2) - 4}px ${\n    //   theme.spacing(2) - 4\n    // }px`,\n    padding: `${theme.space.sm} 0 ${theme.space.sm} ${theme.space.sm}`,\n\n    ...($open && {\n      zIndex: \"1200\",\n      position: \"absolute\",\n      top: \"50px\",\n      overflowX: \"hidden\",\n      boxShadow: theme.colors.shadow,\n    }),\n    ...($closed && {\n      display: \"none\",\n    }),\n    ...($layout === \"single\" && { width: 320 }),\n    ...($layout === \"dual\" && { width: 640 }),\n  })\n);\n\nexport const StyledTitle = styled(\"div\")({\n  minHeight: 36,\n\n  // we need to play with the 4px because of the focus ring\n  // padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,\n  padding: `4px ${theme.space.sm} ${theme.space.sm} 4px`,\n\n  overflow: \"hidden\",\n  whiteSpace: \"nowrap\",\n  textOverflow: \"ellipsis\",\n});\n\nexport const StyledTitleWithTooltip = styled(\n  HvTypography,\n  transientOptions\n)(({ $type }: { $type: string }) => ({\n  ...($type === \"appSwitcher\" && {\n    minHeight: 36,\n\n    // we need to play with the 4px because of the focus ring\n    // padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,\n    padding: `4px ${theme.space.sm} ${theme.space.sm} 4px`,\n\n    overflow: \"hidden\",\n    whiteSpace: \"nowrap\",\n    textOverflow: \"ellipsis\",\n  }),\n  ...($type === \"action\" && {\n    flexGrow: 1,\n    margin: `0 ${theme.space.xs}`,\n\n    textAlign: \"left\",\n\n    overflow: \"hidden\",\n    whiteSpace: \"nowrap\",\n    textOverflow: \"ellipsis\",\n\n    color: \"inherit\",\n  }),\n}));\n\nexport const StyledActionsContainer = styled(HvListContainer)({\n  display: \"flex\",\n  flexWrap: \"wrap\",\n  justifyContent: \"flex-start\",\n\n  overflowY: \"auto\",\n\n  // we need to play with the 4px because of the focus ring\n  padding: \"4px 0 4px 4px\",\n});\n\nexport const StyledFooter = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  marginTop: \"auto\",\n  height: 52,\n\n  // we need to play with the 4px because of the focus ring\n  // padding: `${theme.hv.spacing.sm - 4}px ${theme.hv.spacing.sm + 4}px 4px 4px`,\n  padding: `${theme.space.sm} ${theme.space.sm} 4px 4px`,\n\n  ...(theme.typography.label as CSSProperties),\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$open","$closed","$layout","display","flexDirection","backgroundColor","theme","colors","atmo1","overflow","padding","space","sm","zIndex","position","top","overflowX","boxShadow","shadow","width","StyledTitle","_styled","minHeight","whiteSpace","textOverflow","StyledTitleWithTooltip","HvTypography","$type","flexGrow","margin","xs","textAlign","color","StyledActionsContainer","HvListContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledFooter","alignItems","marginTop","height","typography"],"mappings":"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"}

package/dist/cjs/components/AppSwitcher/TitleWithTooltip.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const AppSwitcher_styles = require("./AppSwitcher.styles.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Tooltip = require("../Tooltip/Tooltip.cjs");
 const Typography = require("../Typography/Typography.cjs");
 const TitleWithTooltip = ({
@@ -17,7 +17,21 @@ const TitleWithTooltip = ({
       setIsOverflowed(textRef.current.scrollWidth > textRef.current.clientWidth || textRef.current.scrollHeight > textRef.current.clientHeight);
     }
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, { disableHoverListener: !isOverflowed, placement: "top-start", title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { children: title }), children: /* @__PURE__ */ jsxRuntime.jsx(AppSwitcher_styles.StyledTitleWithTooltip, { variant: "label", component: "span", ref: textRef, className, $type: type, children: title }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, {
+    disableHoverListener: !isOverflowed,
+    placement: "top-start",
+    title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+      children: title
+    }),
+    children: /* @__PURE__ */ jsxRuntime.jsx(AppSwitcher_styles.StyledTitleWithTooltip, {
+      variant: "label",
+      component: "span",
+      ref: textRef,
+      className,
+      $type: type,
+      children: title
+    })
+  });
 };
 const TitleWithTooltip$1 = TitleWithTooltip;
 exports.default = TitleWithTooltip$1;