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

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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BcHBTd2l0Y2hlci9BcHBTd2l0Y2hlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHksIEh2TGlzdENvbnRhaW5lciB9IGZyb20gXCJ+L2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwifi91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRvcGVuLFxuICAgICRjbG9zZWQsXG4gICAgJGxheW91dCxcbiAgfToge1xuICAgICRvcGVuOiBib29sZWFuO1xuICAgICRjbG9zZWQ6IGJvb2xlYW47XG4gICAgJGxheW91dDogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gICAgLy8gcGFkZGluZzogYCR7dGhlbWUuc3BhY2luZygyKSAtIDR9cHggMCAke3RoZW1lLnNwYWNpbmcoMikgLSA0fXB4ICR7XG4gICAgLy8gICB0aGVtZS5zcGFjaW5nKDIpIC0gNFxuICAgIC8vIH1weGAsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2Uuc219IDAgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX1gLFxuXG4gICAgLi4uKCRvcGVuICYmIHtcbiAgICAgIHpJbmRleDogXCIxMjAwXCIsXG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgdG9wOiBcIjUwcHhcIixcbiAgICAgIG92ZXJmbG93WDogXCJoaWRkZW5cIixcbiAgICAgIGJveFNoYWRvdzogdGhlbWUuY29sb3JzLnNoYWRvdyxcbiAgICB9KSxcbiAgICAuLi4oJGNsb3NlZCAmJiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9KSxcbiAgICAuLi4oJGxheW91dCA9PT0gXCJzaW5nbGVcIiAmJiB7IHdpZHRoOiAzMjAgfSksXG4gICAgLi4uKCRsYXlvdXQgPT09IFwiZHVhbFwiICYmIHsgd2lkdGg6IDY0MCB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1pbkhlaWdodDogMzYsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIC8vIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtfXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggNHB4YCxcbiAgcGFkZGluZzogYDRweCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHhgLFxuXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGVXaXRoVG9vbHRpcCA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR0eXBlIH06IHsgJHR5cGU6IHN0cmluZyB9KSA9PiAoe1xuICAuLi4oJHR5cGUgPT09IFwiYXBwU3dpdGNoZXJcIiAmJiB7XG4gICAgbWluSGVpZ2h0OiAzNixcblxuICAgIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAgIC8vIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtfXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSAtIDR9cHggNHB4YCxcbiAgICBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219IDRweGAsXG5cbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICBmbGV4R3JvdzogMSxcbiAgICBtYXJnaW46IGAwICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICAgIHRleHRBbGlnbjogXCJsZWZ0XCIsXG5cbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuXG4gICAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoSHZMaXN0Q29udGFpbmVyKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcblxuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuXG4gIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICBwYWRkaW5nOiBcIjRweCAwIDRweCA0cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9vdGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIG1hcmdpblRvcDogXCJhdXRvXCIsXG4gIGhlaWdodDogNTIsXG5cbiAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIC8vIHBhZGRpbmc6IGAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSArIDR9cHggNHB4IDRweGAsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHggNHB4YCxcblxuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */");
 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QzJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdkxpc3RDb250YWluZXIgfSBmcm9tIFwifi9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIn4vdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkb3BlbixcbiAgICAkY2xvc2VkLFxuICAgICRsYXlvdXQsXG4gIH06IHtcbiAgICAkb3BlbjogYm9vbGVhbjtcbiAgICAkY2xvc2VkOiBib29sZWFuO1xuICAgICRsYXlvdXQ6IHN0cmluZztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAgIC8vIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNpbmcoMikgLSA0fXB4IDAgJHt0aGVtZS5zcGFjaW5nKDIpIC0gNH1weCAke1xuICAgIC8vICAgdGhlbWUuc3BhY2luZygyKSAtIDRcbiAgICAvLyB9cHhgLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnNtfSAwICR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219YCxcblxuICAgIC4uLigkb3BlbiAmJiB7XG4gICAgICB6SW5kZXg6IFwiMTIwMFwiLFxuICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgIHRvcDogXCI1MHB4XCIsXG4gICAgICBvdmVyZmxvd1g6IFwiaGlkZGVuXCIsXG4gICAgICBib3hTaGFkb3c6IHRoZW1lLmNvbG9ycy5zaGFkb3csXG4gICAgfSksXG4gICAgLi4uKCRjbG9zZWQgJiYge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSksXG4gICAgLi4uKCRsYXlvdXQgPT09IFwic2luZ2xlXCIgJiYgeyB3aWR0aDogMzIwIH0pLFxuICAgIC4uLigkbGF5b3V0ID09PSBcImR1YWxcIiAmJiB7IHdpZHRoOiA2NDAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IDM2LFxuXG4gIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAvLyBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbX1weCAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4IDRweGAsXG4gIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gNHB4YCxcblxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRpdGxlV2l0aFRvb2x0aXAgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdHlwZSB9OiB7ICR0eXBlOiBzdHJpbmcgfSkgPT4gKHtcbiAgLi4uKCR0eXBlID09PSBcImFwcFN3aXRjaGVyXCIgJiYge1xuICAgIG1pbkhlaWdodDogMzYsXG5cbiAgICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgICAvLyBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbX1weCAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4IDRweGAsXG4gICAgcGFkZGluZzogYDRweCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHhgLFxuXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgfSksXG4gIC4uLigkdHlwZSA9PT0gXCJhY3Rpb25cIiAmJiB7XG4gICAgZmxleEdyb3c6IDEsXG4gICAgbWFyZ2luOiBgMCAke3RoZW1lLnNwYWNlLnhzfWAsXG5cbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcblxuICAgIGNvbG9yOiBcImluaGVyaXRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zQ29udGFpbmVyID0gc3R5bGVkKEh2TGlzdENvbnRhaW5lcikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG5cbiAgb3ZlcmZsb3dZOiBcImF1dG9cIixcblxuICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgcGFkZGluZzogXCI0cHggMCA0cHggNHB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvb3RlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBtYXJnaW5Ub3A6IFwiYXV0b1wiLFxuICBoZWlnaHQ6IDUyLFxuXG4gIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAvLyBwYWRkaW5nOiBgJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCAke3RoZW1lLmh2LnNwYWNpbmcuc20gKyA0fXB4IDRweCA0cHhgLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gNHB4IDRweGAsXG5cbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG59KTtcbiJdfQ== */");
 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RHNDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdkxpc3RDb250YWluZXIgfSBmcm9tIFwifi9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIn4vdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkb3BlbixcbiAgICAkY2xvc2VkLFxuICAgICRsYXlvdXQsXG4gIH06IHtcbiAgICAkb3BlbjogYm9vbGVhbjtcbiAgICAkY2xvc2VkOiBib29sZWFuO1xuICAgICRsYXlvdXQ6IHN0cmluZztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAgIC8vIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNpbmcoMikgLSA0fXB4IDAgJHt0aGVtZS5zcGFjaW5nKDIpIC0gNH1weCAke1xuICAgIC8vICAgdGhlbWUuc3BhY2luZygyKSAtIDRcbiAgICAvLyB9cHhgLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnNtfSAwICR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219YCxcblxuICAgIC4uLigkb3BlbiAmJiB7XG4gICAgICB6SW5kZXg6IFwiMTIwMFwiLFxuICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgIHRvcDogXCI1MHB4XCIsXG4gICAgICBvdmVyZmxvd1g6IFwiaGlkZGVuXCIsXG4gICAgICBib3hTaGFkb3c6IHRoZW1lLmNvbG9ycy5zaGFkb3csXG4gICAgfSksXG4gICAgLi4uKCRjbG9zZWQgJiYge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSksXG4gICAgLi4uKCRsYXlvdXQgPT09IFwic2luZ2xlXCIgJiYgeyB3aWR0aDogMzIwIH0pLFxuICAgIC4uLigkbGF5b3V0ID09PSBcImR1YWxcIiAmJiB7IHdpZHRoOiA2NDAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IDM2LFxuXG4gIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAvLyBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbX1weCAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4IDRweGAsXG4gIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gNHB4YCxcblxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRpdGxlV2l0aFRvb2x0aXAgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdHlwZSB9OiB7ICR0eXBlOiBzdHJpbmcgfSkgPT4gKHtcbiAgLi4uKCR0eXBlID09PSBcImFwcFN3aXRjaGVyXCIgJiYge1xuICAgIG1pbkhlaWdodDogMzYsXG5cbiAgICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgICAvLyBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbX1weCAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4IDRweGAsXG4gICAgcGFkZGluZzogYDRweCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHhgLFxuXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgfSksXG4gIC4uLigkdHlwZSA9PT0gXCJhY3Rpb25cIiAmJiB7XG4gICAgZmxleEdyb3c6IDEsXG4gICAgbWFyZ2luOiBgMCAke3RoZW1lLnNwYWNlLnhzfWAsXG5cbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcblxuICAgIGNvbG9yOiBcImluaGVyaXRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zQ29udGFpbmVyID0gc3R5bGVkKEh2TGlzdENvbnRhaW5lcikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG5cbiAgb3ZlcmZsb3dZOiBcImF1dG9cIixcblxuICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgcGFkZGluZzogXCI0cHggMCA0cHggNHB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvb3RlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBtYXJnaW5Ub3A6IFwiYXV0b1wiLFxuICBoZWlnaHQ6IDUyLFxuXG4gIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAvLyBwYWRkaW5nOiBgJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCAke3RoZW1lLmh2LnNwYWNpbmcuc20gKyA0fXB4IDRweCA0cHhgLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gNHB4IDRweGAsXG5cbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG59KTtcbiJdfQ== */");
 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRnNDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdkxpc3RDb250YWluZXIgfSBmcm9tIFwifi9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIn4vdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkb3BlbixcbiAgICAkY2xvc2VkLFxuICAgICRsYXlvdXQsXG4gIH06IHtcbiAgICAkb3BlbjogYm9vbGVhbjtcbiAgICAkY2xvc2VkOiBib29sZWFuO1xuICAgICRsYXlvdXQ6IHN0cmluZztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAgIC8vIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNpbmcoMikgLSA0fXB4IDAgJHt0aGVtZS5zcGFjaW5nKDIpIC0gNH1weCAke1xuICAgIC8vICAgdGhlbWUuc3BhY2luZygyKSAtIDRcbiAgICAvLyB9cHhgLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnNtfSAwICR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219YCxcblxuICAgIC4uLigkb3BlbiAmJiB7XG4gICAgICB6SW5kZXg6IFwiMTIwMFwiLFxuICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgIHRvcDogXCI1MHB4XCIsXG4gICAgICBvdmVyZmxvd1g6IFwiaGlkZGVuXCIsXG4gICAgICBib3hTaGFkb3c6IHRoZW1lLmNvbG9ycy5zaGFkb3csXG4gICAgfSksXG4gICAgLi4uKCRjbG9zZWQgJiYge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSksXG4gICAgLi4uKCRsYXlvdXQgPT09IFwic2luZ2xlXCIgJiYgeyB3aWR0aDogMzIwIH0pLFxuICAgIC4uLigkbGF5b3V0ID09PSBcImR1YWxcIiAmJiB7IHdpZHRoOiA2NDAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IDM2LFxuXG4gIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAvLyBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbX1weCAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4IDRweGAsXG4gIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gNHB4YCxcblxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRpdGxlV2l0aFRvb2x0aXAgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdHlwZSB9OiB7ICR0eXBlOiBzdHJpbmcgfSkgPT4gKHtcbiAgLi4uKCR0eXBlID09PSBcImFwcFN3aXRjaGVyXCIgJiYge1xuICAgIG1pbkhlaWdodDogMzYsXG5cbiAgICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgICAvLyBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbX1weCAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4IDRweGAsXG4gICAgcGFkZGluZzogYDRweCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHhgLFxuXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgfSksXG4gIC4uLigkdHlwZSA9PT0gXCJhY3Rpb25cIiAmJiB7XG4gICAgZmxleEdyb3c6IDEsXG4gICAgbWFyZ2luOiBgMCAke3RoZW1lLnNwYWNlLnhzfWAsXG5cbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcblxuICAgIGNvbG9yOiBcImluaGVyaXRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zQ29udGFpbmVyID0gc3R5bGVkKEh2TGlzdENvbnRhaW5lcikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG5cbiAgb3ZlcmZsb3dZOiBcImF1dG9cIixcblxuICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgcGFkZGluZzogXCI0cHggMCA0cHggNHB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvb3RlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBtYXJnaW5Ub3A6IFwiYXV0b1wiLFxuICBoZWlnaHQ6IDUyLFxuXG4gIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAvLyBwYWRkaW5nOiBgJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCAke3RoZW1lLmh2LnNwYWNpbmcuc20gKyA0fXB4IDRweCA0cHhgLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gNHB4IDRweGAsXG5cbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG59KTtcbiJdfQ== */",
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRzRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdkxpc3RDb250YWluZXIgfSBmcm9tIFwifi9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIn4vdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkb3BlbixcbiAgICAkY2xvc2VkLFxuICAgICRsYXlvdXQsXG4gIH06IHtcbiAgICAkb3BlbjogYm9vbGVhbjtcbiAgICAkY2xvc2VkOiBib29sZWFuO1xuICAgICRsYXlvdXQ6IHN0cmluZztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAgIC8vIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNpbmcoMikgLSA0fXB4IDAgJHt0aGVtZS5zcGFjaW5nKDIpIC0gNH1weCAke1xuICAgIC8vICAgdGhlbWUuc3BhY2luZygyKSAtIDRcbiAgICAvLyB9cHhgLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnNtfSAwICR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219YCxcblxuICAgIC4uLigkb3BlbiAmJiB7XG4gICAgICB6SW5kZXg6IFwiMTIwMFwiLFxuICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgIHRvcDogXCI1MHB4XCIsXG4gICAgICBvdmVyZmxvd1g6IFwiaGlkZGVuXCIsXG4gICAgICBib3hTaGFkb3c6IHRoZW1lLmNvbG9ycy5zaGFkb3csXG4gICAgfSksXG4gICAgLi4uKCRjbG9zZWQgJiYge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSksXG4gICAgLi4uKCRsYXlvdXQgPT09IFwic2luZ2xlXCIgJiYgeyB3aWR0aDogMzIwIH0pLFxuICAgIC4uLigkbGF5b3V0ID09PSBcImR1YWxcIiAmJiB7IHdpZHRoOiA2NDAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IDM2LFxuXG4gIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAvLyBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbX1weCAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4IDRweGAsXG4gIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gNHB4YCxcblxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRpdGxlV2l0aFRvb2x0aXAgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdHlwZSB9OiB7ICR0eXBlOiBzdHJpbmcgfSkgPT4gKHtcbiAgLi4uKCR0eXBlID09PSBcImFwcFN3aXRjaGVyXCIgJiYge1xuICAgIG1pbkhlaWdodDogMzYsXG5cbiAgICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgICAvLyBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbX1weCAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4IDRweGAsXG4gICAgcGFkZGluZzogYDRweCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHhgLFxuXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgfSksXG4gIC4uLigkdHlwZSA9PT0gXCJhY3Rpb25cIiAmJiB7XG4gICAgZmxleEdyb3c6IDEsXG4gICAgbWFyZ2luOiBgMCAke3RoZW1lLnNwYWNlLnhzfWAsXG5cbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcblxuICAgIGNvbG9yOiBcImluaGVyaXRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zQ29udGFpbmVyID0gc3R5bGVkKEh2TGlzdENvbnRhaW5lcikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG5cbiAgb3ZlcmZsb3dZOiBcImF1dG9cIixcblxuICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgcGFkZGluZzogXCI0cHggMCA0cHggNHB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvb3RlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBtYXJnaW5Ub3A6IFwiYXV0b1wiLFxuICBoZWlnaHQ6IDUyLFxuXG4gIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAvLyBwYWRkaW5nOiBgJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCAke3RoZW1lLmh2LnNwYWNpbmcuc20gKyA0fXB4IDRweCA0cHhgLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gNHB4IDRweGAsXG5cbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG59KTtcbiJdfQ== */");
 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;

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

@@ -1 +1 @@
-{"version":3,"file":"TitleWithTooltip.cjs","sources":["../../../../src/components/AppSwitcher/TitleWithTooltip.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { HvTooltip, HvTypography } from \"components\";\nimport { StyledTitleWithTooltip } from \"./AppSwitcher.styles\";\n\nconst TitleWithTooltip = ({ className, title, type }) => {\n  const [isOverflowed, setIsOverflowed] = useState(false);\n  const textRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (textRef?.current) {\n      setIsOverflowed(\n        textRef.current.scrollWidth > textRef.current.clientWidth ||\n          textRef.current.scrollHeight > textRef.current.clientHeight\n      );\n    }\n  }, []);\n\n  return (\n    <HvTooltip\n      disableHoverListener={!isOverflowed}\n      placement=\"top-start\"\n      title={<HvTypography>{title}</HvTypography>}\n    >\n      <StyledTitleWithTooltip\n        variant=\"label\"\n        component=\"span\"\n        ref={textRef}\n        className={className}\n        $type={type}\n      >\n        {title}\n      </StyledTitleWithTooltip>\n    </HvTooltip>\n  );\n};\n\nexport default TitleWithTooltip;\n"],"names":["TitleWithTooltip","className","title","type","isOverflowed","setIsOverflowed","useState","textRef","useRef","useEffect","current","scrollWidth","clientWidth","scrollHeight","clientHeight","jsx","HvTooltip","HvTypography","StyledTitleWithTooltip"],"mappings":";;;;;;;AAIA,MAAMA,mBAAmBA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAAA,EAAOC;AAAK,MAAM;AACvD,QAAM,CAACC,cAAcC,eAAe,IAAIC,eAAS,KAAK;AAChDC,QAAAA,UAAUC,aAAuB,IAAI;AAE3CC,QAAAA,UAAU,MAAM;AACd,QAAIF,mCAASG,SAAS;AAElBH,sBAAAA,QAAQG,QAAQC,cAAcJ,QAAQG,QAAQE,eAC5CL,QAAQG,QAAQG,eAAeN,QAAQG,QAAQI,YAAY;AAAA,IAEjE;AAAA,EACF,GAAG,CAAE,CAAA;AAGH,SAAAC,2BAAAA,IAACC,QAAAA,WACC,EAAA,sBAAsB,CAACZ,cACvB,WAAU,aACV,OAAQW,2BAAAA,IAAAE,WAAAA,cAAA,EAAcf,UAAM,MAAA,CAAA,GAE5B,yCAACgB,mBACC,wBAAA,EAAA,SAAQ,SACR,WAAU,QACV,KAAKX,SACL,WACA,OAAOJ,MAEND,UAAAA,MACH,CAAA,EACF,CAAA;AAEJ;AAEA,MAAA,qBAAeF;;"}
+{"version":3,"file":"TitleWithTooltip.cjs","sources":["../../../../src/components/AppSwitcher/TitleWithTooltip.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { HvTooltip, HvTypography } from \"~/components\";\nimport { StyledTitleWithTooltip } from \"./AppSwitcher.styles\";\n\nconst TitleWithTooltip = ({ className, title, type }) => {\n  const [isOverflowed, setIsOverflowed] = useState(false);\n  const textRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (textRef?.current) {\n      setIsOverflowed(\n        textRef.current.scrollWidth > textRef.current.clientWidth ||\n          textRef.current.scrollHeight > textRef.current.clientHeight\n      );\n    }\n  }, []);\n\n  return (\n    <HvTooltip\n      disableHoverListener={!isOverflowed}\n      placement=\"top-start\"\n      title={<HvTypography>{title}</HvTypography>}\n    >\n      <StyledTitleWithTooltip\n        variant=\"label\"\n        component=\"span\"\n        ref={textRef}\n        className={className}\n        $type={type}\n      >\n        {title}\n      </StyledTitleWithTooltip>\n    </HvTooltip>\n  );\n};\n\nexport default TitleWithTooltip;\n"],"names":["TitleWithTooltip","className","title","type","isOverflowed","setIsOverflowed","useState","textRef","useRef","useEffect","current","scrollWidth","clientWidth","scrollHeight","clientHeight","HvTooltip","disableHoverListener","placement","HvTypography","children","StyledTitleWithTooltip","variant","component","ref","$type"],"mappings":";;;;;;;AAIA,MAAMA,mBAAmBA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAAA,EAAOC;AAAK,MAAM;AACvD,QAAM,CAACC,cAAcC,eAAe,IAAIC,eAAS,KAAK;AAChDC,QAAAA,UAAUC,aAAuB,IAAI;AAE3CC,QAAAA,UAAU,MAAM;AACd,QAAIF,mCAASG,SAAS;AAElBH,sBAAAA,QAAQG,QAAQC,cAAcJ,QAAQG,QAAQE,eAC5CL,QAAQG,QAAQG,eAAeN,QAAQG,QAAQI,YAAY;AAAA,IAEjE;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,wCACGC,QAAAA,WAAS;AAAA,IACRC,sBAAsB,CAACZ;AAAAA,IACvBa,WAAU;AAAA,IACVf,sCAAQgB,yBAAY;AAAA,MAAAC,UAAEjB;AAAAA,IAAAA,CAAsB;AAAA,IAAAiB,yCAE3CC,2CAAsB;AAAA,MACrBC,SAAQ;AAAA,MACRC,WAAU;AAAA,MACVC,KAAKhB;AAAAA,MACLN;AAAAA,MACAuB,OAAOrB;AAAAA,MAAKgB,UAEXjB;AAAAA,IAAAA,CAAK;AAAA,EAAA,CAEE;AAEhB;AAEA,MAAA,qBAAeF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"appSwitcherClasses.cjs","sources":["../../../../src/components/AppSwitcher/appSwitcherClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvAppSwitcherClasses = {\n  root?: string;\n  item?: string;\n  itemSelected?: string;\n  itemDisabled?: string;\n  itemTrigger?: string;\n  itemIcon?: string;\n  itemTitle?: string;\n  itemInfoIcon?: string;\n  actionsContainer?: string;\n  footerContainer?: string;\n  open?: string;\n  closed?: string;\n  title?: string;\n  single?: string;\n  dual?: string;\n  fluid?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"item\",\n  \"itemSelected\",\n  \"itemDisabled\",\n  \"itemTrigger\",\n  \"itemIcon\",\n  \"itemTitle\",\n  \"itemInfoIcon\",\n  \"actionsContainer\",\n  \"footerContainer\",\n  \"open\",\n  \"closed\",\n  \"title\",\n  \"single\",\n  \"dual\",\n  \"fluid\",\n];\n\nconst appSwitcherClasses = getClasses<HvAppSwitcherClasses>(\n  classKeys,\n  \"HvAppSwitcher\"\n);\n\nexport default appSwitcherClasses;\n"],"names":["classKeys","appSwitcherClasses","getClasses"],"mappings":";;;AAqBA,MAAMA,YAAsB,CAC1B,QACA,QACA,gBACA,gBACA,eACA,YACA,aACA,gBACA,oBACA,mBACA,QACA,UACA,SACA,UACA,QACA,OAAO;AAGT,MAAMC,qBAAqBC,QACzBF,WAAAA,WACA,eAAe;AAGjB,MAAA,uBAAeC;;"}
+{"version":3,"file":"appSwitcherClasses.cjs","sources":["../../../../src/components/AppSwitcher/appSwitcherClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport interface HvAppSwitcherClasses {\n  root?: string;\n  item?: string;\n  itemSelected?: string;\n  itemDisabled?: string;\n  itemTrigger?: string;\n  itemIcon?: string;\n  itemTitle?: string;\n  itemInfoIcon?: string;\n  actionsContainer?: string;\n  footerContainer?: string;\n  open?: string;\n  closed?: string;\n  title?: string;\n  single?: string;\n  dual?: string;\n  fluid?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"item\",\n  \"itemSelected\",\n  \"itemDisabled\",\n  \"itemTrigger\",\n  \"itemIcon\",\n  \"itemTitle\",\n  \"itemInfoIcon\",\n  \"actionsContainer\",\n  \"footerContainer\",\n  \"open\",\n  \"closed\",\n  \"title\",\n  \"single\",\n  \"dual\",\n  \"fluid\",\n];\n\nconst appSwitcherClasses = getClasses<HvAppSwitcherClasses>(\n  classKeys,\n  \"HvAppSwitcher\"\n);\n\nexport default appSwitcherClasses;\n"],"names":["classKeys","appSwitcherClasses","getClasses"],"mappings":";;;AAqBA,MAAMA,YAAsB,CAC1B,QACA,QACA,gBACA,gBACA,eACA,YACA,aACA,gBACA,oBACA,mBACA,QACA,UACA,SACA,UACA,QACA,OAAO;AAGT,MAAMC,qBAAqBC,QACzBF,WAAAA,WACA,eAAe;AAGjB,MAAA,uBAAeC;;"}

package/dist/cjs/components/Avatar/Avatar.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 uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const clsx = require("clsx");
 const Avatar_styles = require("./Avatar.styles.cjs");
 const avatarClasses = require("./avatarClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useImageLoaded = require("../../hooks/useImageLoaded.cjs");
 const sizes = require("../../utils/sizes.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -17,8 +17,8 @@ const HvAvatar = ({
   classes,
   children: childrenProp,
   component = "div",
-  size = "SM",
-  backgroundColor = "acce1",
+  size = "sm",
+  backgroundColor = "secondary",
   color = "atmo1",
   src,
   srcSet,
@@ -36,13 +36,24 @@ const HvAvatar = ({
   const hasImg = src || srcSet;
   const hasImgNotFailing = hasImg && imageLoaded !== "error";
   if (hasImgNotFailing) {
-    children = /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledImg, { alt, src, srcSet, sizes: sizes$1, className: clsx__default.default(classes == null ? void 0 : classes.img, avatarClasses.default.img), ...imgProps });
+    children = /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledImg, {
+      alt,
+      src,
+      srcSet,
+      sizes: sizes$1,
+      className: clsx__default.default(classes == null ? void 0 : classes.img, avatarClasses.default.img),
+      ...imgProps
+    });
   } else if (childrenProp != null) {
     children = childrenProp;
   } else if (hasImg && alt) {
     [children] = alt;
   } else {
-    children = /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.User, { color, iconSize: sizes.decreaseSize(size), className: clsx__default.default(avatarClasses.default.fallback, classes == null ? void 0 : classes.fallback) });
+    children = /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.User, {
+      color,
+      iconSize: sizes.decreaseSize(size),
+      className: clsx__default.default(avatarClasses.default.fallback, classes == null ? void 0 : classes.fallback)
+    });
   }
   const inlineStyle = {
     ...style
@@ -51,21 +62,39 @@ const HvAvatar = ({
     inlineStyle.borderRadius = "50%";
   }
   if (!hasImgNotFailing) {
-    inlineStyle.backgroundColor = getColor(backgroundColor, uikitStyles.theme.colors.acce1);
+    inlineStyle.backgroundColor = getColor(backgroundColor, uikitStyles.theme.colors.secondary);
     inlineStyle.color = getColor(color, uikitStyles.theme.colors.atmo1);
   }
   const statusInlineStyle = {};
   if (status) {
-    const statusColor = getColor(status, uikitStyles.theme.colors.sema1);
+    const statusColor = getColor(status, uikitStyles.theme.colors.positive);
     statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;
   }
-  const badgeColor = getColor(badge || "", uikitStyles.theme.colors.sema1);
-  return /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledContainer, { className: clsx__default.default(avatarClasses.default.container, classes == null ? void 0 : classes.container), ...others, children: /* @__PURE__ */ jsxRuntime.jsxs(Avatar_styles.StyledStatus, { className: clsx__default.default(avatarClasses.default.status, classes == null ? void 0 : classes.status, avatarClasses.default[variant], classes == null ? void 0 : classes[variant], avatarClasses.default[size], classes == null ? void 0 : classes[size]), style: statusInlineStyle, $variant: variant, $size: size, children: [
-    badge && /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledBadge, { className: clsx__default.default(avatarClasses.default.badge, classes == null ? void 0 : classes.badge), style: {
-      backgroundColor: badgeColor
-    } }),
-    /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledAvatar, { component, className: clsx__default.default(className, avatarClasses.default.root, classes == null ? void 0 : classes.root, avatarClasses.default.avatar, classes == null ? void 0 : classes.avatar, avatarClasses.default[size], classes == null ? void 0 : classes[size]), style: inlineStyle, variant, size, ...avatarProps, children })
-  ] }) });
+  const badgeColor = getColor(badge || "", uikitStyles.theme.colors.positive);
+  return /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledContainer, {
+    className: clsx__default.default(avatarClasses.default.container, classes == null ? void 0 : classes.container),
+    ...others,
+    children: /* @__PURE__ */ jsxRuntime.jsxs(Avatar_styles.StyledStatus, {
+      className: clsx__default.default(avatarClasses.default.status, classes == null ? void 0 : classes.status, avatarClasses.default[variant], classes == null ? void 0 : classes[variant], avatarClasses.default[size], classes == null ? void 0 : classes[size]),
+      style: statusInlineStyle,
+      $variant: variant,
+      $size: size,
+      children: [badge && /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledBadge, {
+        className: clsx__default.default(avatarClasses.default.badge, classes == null ? void 0 : classes.badge),
+        style: {
+          backgroundColor: badgeColor
+        }
+      }), /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledAvatar, {
+        component,
+        className: clsx__default.default(className, avatarClasses.default.root, classes == null ? void 0 : classes.root, avatarClasses.default.avatar, classes == null ? void 0 : classes.avatar, avatarClasses.default[size], classes == null ? void 0 : classes[size]),
+        style: inlineStyle,
+        variant,
+        size,
+        ...avatarProps,
+        children
+      })]
+    })
+  });
 };
 exports.HvAvatar = HvAvatar;
 //# sourceMappingURL=Avatar.cjs.map

package/dist/cjs/components/Avatar/Avatar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.cjs","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { User } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { AvatarProps as MuiAvatarProps } from \"@mui/material/Avatar\";\nimport clsx from \"clsx\";\nimport { CSSProperties, HTMLAttributes } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { useImageLoaded } from \"hooks\";\nimport { decreaseSize } from \"utils\";\nimport {\n  StyledAvatar,\n  StyledBadge,\n  StyledContainer,\n  StyledImg,\n  StyledStatus,\n} from \"./Avatar.styles\";\nimport avatarClasses, { HvAvatarClasses } from \"./avatarClasses\";\n\nexport type HvAvatarVariant = \"circular\" | \"square\";\n\nexport type HvAvatarSize = \"XS\" | \"SM\" | \"MD\" | \"LG\" | \"XL\";\n\nexport type HvAvatarProps = HvBaseProps & {\n  /** Inline styles to be applied to the root element. */\n  style?: CSSProperties;\n  /** The component used for the root node. Either a string to use a DOM element or a component. */\n  component?: React.ElementType;\n  /** Sets one of the standard sizes of the icons */\n  size?: HvAvatarSize;\n  /**\n   * A String representing the foreground color of the avatar's\n   * letters or the generic User icon fallback.\n   * You can use either an HEX or color name from the palette.\n   */\n  color?: string;\n  /** A String representing the background color of the avatar. You can use either an HEX or color name from the palette. */\n  backgroundColor?: string;\n  /** The `src` attribute for the `img` element. */\n  src?: string;\n  /** The `srcSet` attribute for the `img` element. Use this attribute for responsive image display. */\n  srcSet?: string;\n  /** The `sizes` attribute for the `img` element. */\n  sizes?: string;\n  /** Used in combination with `src` or `srcSet` to provide an alt attribute for the rendered `img` element. */\n  alt?: string;\n  /**\n   * Attributes applied to the `img` element if the component is used to display an image.\n   * It can be used to listen for the loading error event.\n   */\n  imgProps?: HTMLAttributes<HTMLImageElement>;\n  /** A string representing the type of avatar to display, circular or square. */\n  variant?: HvAvatarVariant;\n  /** A string representing the color of the avatar border that represents its status. */\n  status?: string;\n  /** A string representing the color of the avatar badge. */\n  badge?: string;\n  /** Attributes applied to the avatar element. */\n  avatarProps?: MuiAvatarProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAvatarClasses;\n};\n\n/**\n * Get a color from the theme palette\n * @param {object} theme The theme object\n * @param {string} color A color to use if none is found on the theme palette\n * @param {string} defaultColor The fallback color to use\n */\nconst getColor = (color: string, defaultColor: string): string =>\n  theme.colors[color] || color || defaultColor;\n\n/**\n * Avatars can be used to represent a user or a brand.\n * They can show an image, an icon or the initial letters of a name, for example.\n */\nexport const HvAvatar = ({\n  className,\n  style,\n  classes,\n  children: childrenProp,\n  component = \"div\",\n  size = \"SM\",\n  backgroundColor = \"acce1\",\n  color = \"atmo1\",\n  src,\n  srcSet,\n  sizes,\n  alt,\n  imgProps,\n  status,\n  badge,\n  variant = \"circular\",\n  avatarProps,\n  ...others\n}: HvAvatarProps) => {\n  let children: React.ReactNode;\n\n  // Use a hook instead of onError on the img element to support server-side rendering.\n  const imageLoaded = useImageLoaded(src, srcSet);\n  const hasImg = src || srcSet;\n  const hasImgNotFailing = hasImg && imageLoaded !== \"error\";\n\n  if (hasImgNotFailing) {\n    children = (\n      <StyledImg\n        alt={alt}\n        src={src}\n        srcSet={srcSet}\n        sizes={sizes}\n        className={clsx(classes?.img, avatarClasses.img)}\n        {...imgProps}\n      />\n    );\n  } else if (childrenProp != null) {\n    children = childrenProp;\n  } else if (hasImg && alt) {\n    [children] = alt;\n  } else {\n    children = (\n      <User\n        color={color}\n        iconSize={decreaseSize(size)}\n        className={clsx(avatarClasses.fallback, classes?.fallback)}\n      />\n    );\n  }\n\n  const inlineStyle: CSSProperties = {\n    ...style,\n  };\n\n  if (component != null && typeof component !== \"string\") {\n    // override border-radius with custom components\n    inlineStyle.borderRadius = \"50%\";\n  }\n\n  if (!hasImgNotFailing) {\n    inlineStyle.backgroundColor = getColor(backgroundColor, theme.colors.acce1);\n    inlineStyle.color = getColor(color, theme.colors.atmo1);\n  }\n\n  const statusInlineStyle: CSSProperties = {};\n  if (status) {\n    // set the status border. we're using the boxShadow property to set the border\n    // to be inside the container and not on its edge.\n    const statusColor = getColor(status, theme.colors.sema1);\n    statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;\n  }\n\n  const badgeColor = getColor(badge || \"\", theme.colors.sema1);\n\n  return (\n    <StyledContainer\n      className={clsx(avatarClasses.container, classes?.container)}\n      {...others}\n    >\n      <StyledStatus\n        className={clsx(\n          avatarClasses.status,\n          classes?.status,\n          avatarClasses[variant],\n          classes?.[variant],\n          avatarClasses[size],\n          classes?.[size]\n        )}\n        style={statusInlineStyle}\n        $variant={variant}\n        $size={size}\n      >\n        {badge && (\n          <StyledBadge\n            className={clsx(avatarClasses.badge, classes?.badge)}\n            style={{ backgroundColor: badgeColor }}\n          />\n        )}\n        <StyledAvatar\n          component={component}\n          className={clsx(\n            className,\n            avatarClasses.root,\n            classes?.root,\n            avatarClasses.avatar,\n            classes?.avatar,\n            avatarClasses[size],\n            classes?.[size]\n          )}\n          style={inlineStyle}\n          variant={variant}\n          size={size}\n          {...avatarProps}\n        >\n          {children}\n        </StyledAvatar>\n      </StyledStatus>\n    </StyledContainer>\n  );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAvatar","className","style","classes","children","childrenProp","component","size","backgroundColor","src","srcSet","sizes","alt","imgProps","status","badge","variant","avatarProps","others","imageLoaded","useImageLoaded","hasImg","hasImgNotFailing","jsx","StyledImg","clsx","img","avatarClasses","User","decreaseSize","fallback","inlineStyle","borderRadius","acce1","atmo1","statusInlineStyle","statusColor","sema1","boxShadow","badgeColor","StyledContainer","container","jsxs","StyledStatus","StyledBadge","StyledAvatar","root","avatar"],"mappings":"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"}
+{"version":3,"file":"Avatar.cjs","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { User } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { AvatarProps as MuiAvatarProps } from \"@mui/material/Avatar\";\nimport clsx from \"clsx\";\nimport { CSSProperties, HTMLAttributes } from \"react\";\nimport { HvBaseProps } from \"~/types\";\nimport { useImageLoaded } from \"~/hooks\";\nimport { decreaseSize } from \"~/utils\";\nimport {\n  StyledAvatar,\n  StyledBadge,\n  StyledContainer,\n  StyledImg,\n  StyledStatus,\n} from \"./Avatar.styles\";\nimport avatarClasses, { HvAvatarClasses } from \"./avatarClasses\";\n\nexport type HvAvatarVariant = \"circular\" | \"square\";\n\nexport type HvAvatarSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport interface HvAvatarProps extends HvBaseProps {\n  /** Inline styles to be applied to the root element. */\n  style?: CSSProperties;\n  /** The component used for the root node. Either a string to use a DOM element or a component. */\n  component?: React.ElementType;\n  /** Sets one of the standard sizes of the icons */\n  size?: HvAvatarSize;\n  /**\n   * A string representing the foreground color of the avatar's\n   * letters or the generic User icon fallback.\n   * You can use either an HEX or color name from the palette.\n   */\n  color?: string;\n  /** A String representing the background color of the avatar. You can use either an HEX or color name from the palette. */\n  backgroundColor?: string;\n  /** The `src` attribute for the `img` element. */\n  src?: string;\n  /** The `srcSet` attribute for the `img` element. Use this attribute for responsive image display. */\n  srcSet?: string;\n  /** The `sizes` attribute for the `img` element. */\n  sizes?: string;\n  /** Used in combination with `src` or `srcSet` to provide an alt attribute for the rendered `img` element. */\n  alt?: string;\n  /**\n   * Attributes applied to the `img` element if the component is used to display an image.\n   * It can be used to listen for the loading error event.\n   */\n  imgProps?: HTMLAttributes<HTMLImageElement>;\n  /** A string representing the type of avatar to display, circular or square. */\n  variant?: HvAvatarVariant;\n  /** A string representing the color of the avatar border that represents its status. */\n  status?: string;\n  /** A string representing the color of the avatar badge. */\n  badge?: string;\n  /** Attributes applied to the avatar element. */\n  avatarProps?: MuiAvatarProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAvatarClasses;\n}\n\n/**\n * Get a color from the theme palette\n * @param {object} theme The theme object\n * @param {string} color A color to use if none is found on the theme palette\n * @param {string} defaultColor The fallback color to use\n */\nconst getColor = (color: string, defaultColor: string): string =>\n  theme.colors[color] || color || defaultColor;\n\n/**\n * Avatars can be used to represent a user or a brand.\n * They can show an image, an icon or the initial letters of a name, for example.\n */\nexport const HvAvatar = ({\n  className,\n  style,\n  classes,\n  children: childrenProp,\n  component = \"div\",\n  size = \"sm\",\n  backgroundColor = \"secondary\",\n  color = \"atmo1\",\n  src,\n  srcSet,\n  sizes,\n  alt,\n  imgProps,\n  status,\n  badge,\n  variant = \"circular\",\n  avatarProps,\n  ...others\n}: HvAvatarProps) => {\n  let children: React.ReactNode;\n\n  // Use a hook instead of onError on the img element to support server-side rendering.\n  const imageLoaded = useImageLoaded(src, srcSet);\n  const hasImg = src || srcSet;\n  const hasImgNotFailing = hasImg && imageLoaded !== \"error\";\n\n  if (hasImgNotFailing) {\n    children = (\n      <StyledImg\n        alt={alt}\n        src={src}\n        srcSet={srcSet}\n        sizes={sizes}\n        className={clsx(classes?.img, avatarClasses.img)}\n        {...imgProps}\n      />\n    );\n  } else if (childrenProp != null) {\n    children = childrenProp;\n  } else if (hasImg && alt) {\n    [children] = alt;\n  } else {\n    children = (\n      <User\n        color={color}\n        iconSize={decreaseSize(size)}\n        className={clsx(avatarClasses.fallback, classes?.fallback)}\n      />\n    );\n  }\n\n  const inlineStyle: CSSProperties = {\n    ...style,\n  };\n\n  if (component != null && typeof component !== \"string\") {\n    // override border-radius with custom components\n    inlineStyle.borderRadius = \"50%\";\n  }\n\n  if (!hasImgNotFailing) {\n    inlineStyle.backgroundColor = getColor(\n      backgroundColor,\n      theme.colors.secondary\n    );\n    inlineStyle.color = getColor(color, theme.colors.atmo1);\n  }\n\n  const statusInlineStyle: CSSProperties = {};\n  if (status) {\n    // set the status border. we're using the boxShadow property to set the border\n    // to be inside the container and not on its edge.\n    const statusColor = getColor(status, theme.colors.positive);\n    statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;\n  }\n\n  const badgeColor = getColor(badge || \"\", theme.colors.positive);\n\n  return (\n    <StyledContainer\n      className={clsx(avatarClasses.container, classes?.container)}\n      {...others}\n    >\n      <StyledStatus\n        className={clsx(\n          avatarClasses.status,\n          classes?.status,\n          avatarClasses[variant],\n          classes?.[variant],\n          avatarClasses[size],\n          classes?.[size]\n        )}\n        style={statusInlineStyle}\n        $variant={variant}\n        $size={size}\n      >\n        {badge && (\n          <StyledBadge\n            className={clsx(avatarClasses.badge, classes?.badge)}\n            style={{ backgroundColor: badgeColor }}\n          />\n        )}\n        <StyledAvatar\n          component={component}\n          className={clsx(\n            className,\n            avatarClasses.root,\n            classes?.root,\n            avatarClasses.avatar,\n            classes?.avatar,\n            avatarClasses[size],\n            classes?.[size]\n          )}\n          style={inlineStyle}\n          variant={variant}\n          size={size}\n          {...avatarProps}\n        >\n          {children}\n        </StyledAvatar>\n      </StyledStatus>\n    </StyledContainer>\n  );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAvatar","className","style","classes","children","childrenProp","component","size","backgroundColor","src","srcSet","sizes","alt","imgProps","status","badge","variant","avatarProps","others","imageLoaded","useImageLoaded","hasImg","hasImgNotFailing","StyledImg","clsx","img","avatarClasses","User","iconSize","decreaseSize","fallback","inlineStyle","borderRadius","secondary","atmo1","statusInlineStyle","statusColor","positive","boxShadow","badgeColor","StyledContainer","container","StyledStatus","$variant","$size","_jsx","StyledBadge","StyledAvatar","root","avatar"],"mappings":"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"}