@hitachivantara/uikit-react-core 5.20.2 → 5.22.0

package/dist/cjs/components/GlobalActions/GlobalActions.styles.cjs

@@ -63,7 +63,7 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
     },
     backdropFilter: "blur(1px)"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkcG9zaXRpb24sXG4gICAgJHZhcmlhbnQsXG4gICAgJGJyZWFrcG9pbnRzLFxuICB9OiB7XG4gICAgJHBvc2l0aW9uOiBzdHJpbmc7XG4gICAgJHZhcmlhbnQ6IHN0cmluZztcbiAgICAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzO1xuICB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgLi4uKCRwb3NpdGlvbiA9PT0gXCJzdGlja3lcIiAmJiB7XG4gICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICBwb3NpdGlvbjogXCJzdGlja3lcIixcbiAgICB9KSxcbiAgICAuLi4oJHBvc2l0aW9uID09PSBcImZpeGVkXCIgJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcG9zaXRpb246IFwiZml4ZWRcIixcblxuICAgICAgWyRicmVha3BvaW50cy51cChcIm1kXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjaW5nKDQpfXB4KWAsXG4gICAgICAgIG1hcmdpbkxlZnQ6IGAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxuICAgICAgICBtYXJnaW5SaWdodDogYCR7dGhlbWUuc3BhY2luZyg0KX1weGAsXG4gICAgICB9LFxuICAgICAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgICAgIHdpZHRoOiBgY2FsYygxMDAlIC0gMioke3RoZW1lLnNwYWNlLnNtfXB4KWAsXG4gICAgICAgIG1hcmdpbkxlZnQ6IGAke3RoZW1lLnNwYWNlLnNtfXB4YCxcbiAgICAgICAgbWFyZ2luUmlnaHQ6IGAke3RoZW1lLnNwYWNlLnNtfXB4YCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCR2YXJpYW50ID09PSBcImdsb2JhbFwiICYmIHtcbiAgICAgIHpJbmRleDogYGNhbGMoJHt0aGVtZS56SW5kaWNlcy5iYW5uZXJ9IC0gMilgLFxuXG4gICAgICB0b3A6IDAsXG4gICAgICBsZWZ0OiAwLFxuXG4gICAgICBcIiY6YmVmb3JlXCI6IHtcbiAgICAgICAgY29udGVudDogXCInJ1wiLFxuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IDcyLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMixcbiAgICAgICAgb3BhY2l0eTogXCI3NSVcIixcbiAgICAgIH0sXG4gICAgICBiYWNrZHJvcEZpbHRlcjogXCJibHVyKDFweClcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrQnV0dG9uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR2YXJpYW50IH06IHsgJHZhcmlhbnQ6IHN0cmluZyB9KSA9PiAoe1xuICBoZWlnaHQ6IDUyLFxuICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAuLi4oJHZhcmlhbnQgPT09IFwiZ2xvYmFsXCIgJiYge1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgdG9wOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjZS54cyxcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnhzLFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcInNlY3Rpb25cIiAmJiB7XG4gICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aW9ucyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LWVuZFwiLFxuICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgXCImID4gKjpub3QoOmZpcnN0LW9mLXR5cGUpIFwiOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkcG9zaXRpb24sXG4gICAgJHZhcmlhbnQsXG4gICAgJGJyZWFrcG9pbnRzLFxuICB9OiB7XG4gICAgJHBvc2l0aW9uOiBzdHJpbmc7XG4gICAgJHZhcmlhbnQ6IHN0cmluZztcbiAgICAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzO1xuICB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgLi4uKCRwb3NpdGlvbiA9PT0gXCJzdGlja3lcIiAmJiB7XG4gICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICBwb3NpdGlvbjogXCJzdGlja3lcIixcbiAgICB9KSxcbiAgICAuLi4oJHBvc2l0aW9uID09PSBcImZpeGVkXCIgJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcG9zaXRpb246IFwiZml4ZWRcIixcblxuICAgICAgWyRicmVha3BvaW50cy51cChcIm1kXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjaW5nKDQpfXB4KWAsXG4gICAgICAgIG1hcmdpbkxlZnQ6IGAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxuICAgICAgICBtYXJnaW5SaWdodDogYCR7dGhlbWUuc3BhY2luZyg0KX1weGAsXG4gICAgICB9LFxuICAgICAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgICAgIHdpZHRoOiBgY2FsYygxMDAlIC0gMioke3RoZW1lLnNwYWNlLnNtfXB4KWAsXG4gICAgICAgIG1hcmdpbkxlZnQ6IGAke3RoZW1lLnNwYWNlLnNtfXB4YCxcbiAgICAgICAgbWFyZ2luUmlnaHQ6IGAke3RoZW1lLnNwYWNlLnNtfXB4YCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCR2YXJpYW50ID09PSBcImdsb2JhbFwiICYmIHtcbiAgICAgIHpJbmRleDogYGNhbGMoJHt0aGVtZS56SW5kaWNlcy5iYW5uZXJ9IC0gMilgLFxuXG4gICAgICB0b3A6IDAsXG4gICAgICBsZWZ0OiAwLFxuXG4gICAgICBcIiY6YmVmb3JlXCI6IHtcbiAgICAgICAgY29udGVudDogXCInJ1wiLFxuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IDcyLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMixcbiAgICAgICAgb3BhY2l0eTogXCI3NSVcIixcbiAgICAgIH0sXG4gICAgICBiYWNrZHJvcEZpbHRlcjogXCJibHVyKDFweClcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrQnV0dG9uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR2YXJpYW50IH06IHsgJHZhcmlhbnQ6IHN0cmluZyB9KSA9PiAoe1xuICBoZWlnaHQ6IDUyLFxuICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBib3JkZXI6IHRoZW1lLmdsb2JhbEFjdGlvbnMuYm9yZGVyLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmdsb2JhbEFjdGlvbnMuYm9yZGVyUmFkaXVzLFxuICAuLi4oJHZhcmlhbnQgPT09IFwiZ2xvYmFsXCIgJiYge1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgdG9wOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjZS54cyxcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnhzLFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcInNlY3Rpb25cIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5nbG9iYWxBY3Rpb25zLnNlY3Rpb25CYWNrZ3JvdW5kQ29sb3IsXG4gICAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgcGFkZGluZ0xlZnQ6IHRoZW1lLmdsb2JhbEFjdGlvbnMuc2VjdGlvblBhZGRpbmdMZWZ0LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnMgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFwiJiA+ICo6bm90KDpmaXJzdC1vZi10eXBlKSBcIjoge1xuICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSk7XG4iXX0= */");
 const StyledBackButton = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
   target: "e13e65q52"
 } : {
@@ -71,7 +71,7 @@ const StyledBackButton = /* @__PURE__ */ _styled__default.default("div", process
   label: "StyledBackButton"
 })({
   marginRight: uikitStyles.theme.space.xs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMERnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0dsb2JhbEFjdGlvbnMvR2xvYmFsQWN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHBvc2l0aW9uLFxuICAgICR2YXJpYW50LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRwb3NpdGlvbjogc3RyaW5nO1xuICAgICR2YXJpYW50OiBzdHJpbmc7XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIC4uLigkcG9zaXRpb24gPT09IFwic3RpY2t5XCIgJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcG9zaXRpb246IFwic3RpY2t5XCIsXG4gICAgfSksXG4gICAgLi4uKCRwb3NpdGlvbiA9PT0gXCJmaXhlZFwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG5cbiAgICAgIFskYnJlYWtwb2ludHMudXAoXCJtZFwiKV06IHtcbiAgICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgLSAyKiR7dGhlbWUuc3BhY2luZyg0KX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjaW5nKDQpfXB4YCxcbiAgICAgICAgbWFyZ2luUmlnaHQ6IGAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxuICAgICAgfSxcbiAgICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjZS5zbX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICAgIG1hcmdpblJpZ2h0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICB6SW5kZXg6IGBjYWxjKCR7dGhlbWUuekluZGljZXMuYmFubmVyfSAtIDIpYCxcblxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcblxuICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiA3MixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgICAgIG9wYWNpdHk6IFwiNzUlXCIsXG4gICAgICB9LFxuICAgICAgYmFja2Ryb3BGaWx0ZXI6IFwiYmx1cigxcHgpXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja0J1dHRvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdmFyaWFudCB9OiB7ICR2YXJpYW50OiBzdHJpbmcgfSkgPT4gKHtcbiAgaGVpZ2h0OiA1MixcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgLi4uKCR2YXJpYW50ID09PSBcImdsb2JhbFwiICYmIHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzZWN0aW9uXCIgJiYge1xuICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxuICAgIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnMgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFwiJiA+ICo6bm90KDpmaXJzdC1vZi10eXBlKSBcIjoge1xuICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMERnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0dsb2JhbEFjdGlvbnMvR2xvYmFsQWN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHBvc2l0aW9uLFxuICAgICR2YXJpYW50LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRwb3NpdGlvbjogc3RyaW5nO1xuICAgICR2YXJpYW50OiBzdHJpbmc7XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIC4uLigkcG9zaXRpb24gPT09IFwic3RpY2t5XCIgJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcG9zaXRpb246IFwic3RpY2t5XCIsXG4gICAgfSksXG4gICAgLi4uKCRwb3NpdGlvbiA9PT0gXCJmaXhlZFwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG5cbiAgICAgIFskYnJlYWtwb2ludHMudXAoXCJtZFwiKV06IHtcbiAgICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgLSAyKiR7dGhlbWUuc3BhY2luZyg0KX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjaW5nKDQpfXB4YCxcbiAgICAgICAgbWFyZ2luUmlnaHQ6IGAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxuICAgICAgfSxcbiAgICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjZS5zbX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICAgIG1hcmdpblJpZ2h0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICB6SW5kZXg6IGBjYWxjKCR7dGhlbWUuekluZGljZXMuYmFubmVyfSAtIDIpYCxcblxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcblxuICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiA3MixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgICAgIG9wYWNpdHk6IFwiNzUlXCIsXG4gICAgICB9LFxuICAgICAgYmFja2Ryb3BGaWx0ZXI6IFwiYmx1cigxcHgpXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja0J1dHRvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdmFyaWFudCB9OiB7ICR2YXJpYW50OiBzdHJpbmcgfSkgPT4gKHtcbiAgaGVpZ2h0OiA1MixcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYm9yZGVyOiB0aGVtZS5nbG9iYWxBY3Rpb25zLmJvcmRlcixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5nbG9iYWxBY3Rpb25zLmJvcmRlclJhZGl1cyxcbiAgLi4uKCR2YXJpYW50ID09PSBcImdsb2JhbFwiICYmIHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzZWN0aW9uXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZ2xvYmFsQWN0aW9ucy5zZWN0aW9uQmFja2dyb3VuZENvbG9yLFxuICAgIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5nbG9iYWxBY3Rpb25zLnNlY3Rpb25QYWRkaW5nTGVmdCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBcIiYgPiAqOm5vdCg6Zmlyc3Qtb2YtdHlwZSkgXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pO1xuIl19 */");
 const StyledWrapper = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e13e65q51"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -85,6 +85,8 @@ const StyledWrapper = /* @__PURE__ */ _styled__default.default("div", process.en
   display: "flex",
   justifyContent: "flex-start",
   alignItems: "center",
+  border: uikitStyles.theme.globalActions.border,
+  borderRadius: uikitStyles.theme.globalActions.borderRadius,
   ...$variant === "global" && {
     position: "absolute",
     top: 0,
@@ -95,10 +97,11 @@ const StyledWrapper = /* @__PURE__ */ _styled__default.default("div", process.en
     marginTop: uikitStyles.theme.space.xs
   },
   ...$variant === "section" && {
-    background: "none",
-    borderTop: `1px solid ${uikitStyles.theme.colors.atmo4}`
+    backgroundColor: uikitStyles.theme.globalActions.sectionBackgroundColor,
+    borderTop: `1px solid ${uikitStyles.theme.colors.atmo4}`,
+    paddingLeft: uikitStyles.theme.globalActions.sectionPaddingLeft
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEQ2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0dsb2JhbEFjdGlvbnMvR2xvYmFsQWN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHBvc2l0aW9uLFxuICAgICR2YXJpYW50LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRwb3NpdGlvbjogc3RyaW5nO1xuICAgICR2YXJpYW50OiBzdHJpbmc7XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIC4uLigkcG9zaXRpb24gPT09IFwic3RpY2t5XCIgJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcG9zaXRpb246IFwic3RpY2t5XCIsXG4gICAgfSksXG4gICAgLi4uKCRwb3NpdGlvbiA9PT0gXCJmaXhlZFwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG5cbiAgICAgIFskYnJlYWtwb2ludHMudXAoXCJtZFwiKV06IHtcbiAgICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgLSAyKiR7dGhlbWUuc3BhY2luZyg0KX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjaW5nKDQpfXB4YCxcbiAgICAgICAgbWFyZ2luUmlnaHQ6IGAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxuICAgICAgfSxcbiAgICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjZS5zbX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICAgIG1hcmdpblJpZ2h0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICB6SW5kZXg6IGBjYWxjKCR7dGhlbWUuekluZGljZXMuYmFubmVyfSAtIDIpYCxcblxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcblxuICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiA3MixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgICAgIG9wYWNpdHk6IFwiNzUlXCIsXG4gICAgICB9LFxuICAgICAgYmFja2Ryb3BGaWx0ZXI6IFwiYmx1cigxcHgpXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja0J1dHRvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdmFyaWFudCB9OiB7ICR2YXJpYW50OiBzdHJpbmcgfSkgPT4gKHtcbiAgaGVpZ2h0OiA1MixcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgLi4uKCR2YXJpYW50ID09PSBcImdsb2JhbFwiICYmIHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzZWN0aW9uXCIgJiYge1xuICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxuICAgIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnMgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFwiJiA+ICo6bm90KDpmaXJzdC1vZi10eXBlKSBcIjoge1xuICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEQ2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0dsb2JhbEFjdGlvbnMvR2xvYmFsQWN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHBvc2l0aW9uLFxuICAgICR2YXJpYW50LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRwb3NpdGlvbjogc3RyaW5nO1xuICAgICR2YXJpYW50OiBzdHJpbmc7XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIC4uLigkcG9zaXRpb24gPT09IFwic3RpY2t5XCIgJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcG9zaXRpb246IFwic3RpY2t5XCIsXG4gICAgfSksXG4gICAgLi4uKCRwb3NpdGlvbiA9PT0gXCJmaXhlZFwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG5cbiAgICAgIFskYnJlYWtwb2ludHMudXAoXCJtZFwiKV06IHtcbiAgICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgLSAyKiR7dGhlbWUuc3BhY2luZyg0KX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjaW5nKDQpfXB4YCxcbiAgICAgICAgbWFyZ2luUmlnaHQ6IGAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxuICAgICAgfSxcbiAgICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjZS5zbX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICAgIG1hcmdpblJpZ2h0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICB6SW5kZXg6IGBjYWxjKCR7dGhlbWUuekluZGljZXMuYmFubmVyfSAtIDIpYCxcblxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcblxuICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiA3MixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgICAgIG9wYWNpdHk6IFwiNzUlXCIsXG4gICAgICB9LFxuICAgICAgYmFja2Ryb3BGaWx0ZXI6IFwiYmx1cigxcHgpXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja0J1dHRvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdmFyaWFudCB9OiB7ICR2YXJpYW50OiBzdHJpbmcgfSkgPT4gKHtcbiAgaGVpZ2h0OiA1MixcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYm9yZGVyOiB0aGVtZS5nbG9iYWxBY3Rpb25zLmJvcmRlcixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5nbG9iYWxBY3Rpb25zLmJvcmRlclJhZGl1cyxcbiAgLi4uKCR2YXJpYW50ID09PSBcImdsb2JhbFwiICYmIHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzZWN0aW9uXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZ2xvYmFsQWN0aW9ucy5zZWN0aW9uQmFja2dyb3VuZENvbG9yLFxuICAgIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5nbG9iYWxBY3Rpb25zLnNlY3Rpb25QYWRkaW5nTGVmdCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBcIiYgPiAqOm5vdCg6Zmlyc3Qtb2YtdHlwZSkgXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pO1xuIl19 */");
 const StyledActions = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
   target: "e13e65q50"
 } : {
@@ -112,7 +115,7 @@ const StyledActions = /* @__PURE__ */ _styled__default.default("div", process.en
   "& > *:not(:first-of-type) ": {
     marginLeft: uikitStyles.theme.space.xs
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0Y2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0dsb2JhbEFjdGlvbnMvR2xvYmFsQWN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHBvc2l0aW9uLFxuICAgICR2YXJpYW50LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRwb3NpdGlvbjogc3RyaW5nO1xuICAgICR2YXJpYW50OiBzdHJpbmc7XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIC4uLigkcG9zaXRpb24gPT09IFwic3RpY2t5XCIgJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcG9zaXRpb246IFwic3RpY2t5XCIsXG4gICAgfSksXG4gICAgLi4uKCRwb3NpdGlvbiA9PT0gXCJmaXhlZFwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG5cbiAgICAgIFskYnJlYWtwb2ludHMudXAoXCJtZFwiKV06IHtcbiAgICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgLSAyKiR7dGhlbWUuc3BhY2luZyg0KX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjaW5nKDQpfXB4YCxcbiAgICAgICAgbWFyZ2luUmlnaHQ6IGAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxuICAgICAgfSxcbiAgICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjZS5zbX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICAgIG1hcmdpblJpZ2h0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICB6SW5kZXg6IGBjYWxjKCR7dGhlbWUuekluZGljZXMuYmFubmVyfSAtIDIpYCxcblxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcblxuICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiA3MixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgICAgIG9wYWNpdHk6IFwiNzUlXCIsXG4gICAgICB9LFxuICAgICAgYmFja2Ryb3BGaWx0ZXI6IFwiYmx1cigxcHgpXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja0J1dHRvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdmFyaWFudCB9OiB7ICR2YXJpYW50OiBzdHJpbmcgfSkgPT4gKHtcbiAgaGVpZ2h0OiA1MixcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgLi4uKCR2YXJpYW50ID09PSBcImdsb2JhbFwiICYmIHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzZWN0aW9uXCIgJiYge1xuICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxuICAgIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnMgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFwiJiA+ICo6bm90KDpmaXJzdC1vZi10eXBlKSBcIjoge1xuICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUY2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0dsb2JhbEFjdGlvbnMvR2xvYmFsQWN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHBvc2l0aW9uLFxuICAgICR2YXJpYW50LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRwb3NpdGlvbjogc3RyaW5nO1xuICAgICR2YXJpYW50OiBzdHJpbmc7XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIC4uLigkcG9zaXRpb24gPT09IFwic3RpY2t5XCIgJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcG9zaXRpb246IFwic3RpY2t5XCIsXG4gICAgfSksXG4gICAgLi4uKCRwb3NpdGlvbiA9PT0gXCJmaXhlZFwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG5cbiAgICAgIFskYnJlYWtwb2ludHMudXAoXCJtZFwiKV06IHtcbiAgICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgLSAyKiR7dGhlbWUuc3BhY2luZyg0KX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjaW5nKDQpfXB4YCxcbiAgICAgICAgbWFyZ2luUmlnaHQ6IGAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxuICAgICAgfSxcbiAgICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjZS5zbX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICAgIG1hcmdpblJpZ2h0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICB6SW5kZXg6IGBjYWxjKCR7dGhlbWUuekluZGljZXMuYmFubmVyfSAtIDIpYCxcblxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcblxuICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiA3MixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgICAgIG9wYWNpdHk6IFwiNzUlXCIsXG4gICAgICB9LFxuICAgICAgYmFja2Ryb3BGaWx0ZXI6IFwiYmx1cigxcHgpXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja0J1dHRvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdmFyaWFudCB9OiB7ICR2YXJpYW50OiBzdHJpbmcgfSkgPT4gKHtcbiAgaGVpZ2h0OiA1MixcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYm9yZGVyOiB0aGVtZS5nbG9iYWxBY3Rpb25zLmJvcmRlcixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5nbG9iYWxBY3Rpb25zLmJvcmRlclJhZGl1cyxcbiAgLi4uKCR2YXJpYW50ID09PSBcImdsb2JhbFwiICYmIHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzZWN0aW9uXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZ2xvYmFsQWN0aW9ucy5zZWN0aW9uQmFja2dyb3VuZENvbG9yLFxuICAgIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5nbG9iYWxBY3Rpb25zLnNlY3Rpb25QYWRkaW5nTGVmdCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBcIiYgPiAqOm5vdCg6Zmlyc3Qtb2YtdHlwZSkgXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pO1xuIl19 */");
 exports.StyledActions = StyledActions;
 exports.StyledBackButton = StyledBackButton;
 exports.StyledRoot = StyledRoot;

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalActions.styles.cjs","sources":["../../../../src/components/GlobalActions/GlobalActions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Breakpoints as MuiBreakpoints } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $position,\n    $variant,\n    $breakpoints,\n  }: {\n    $position: string;\n    $variant: string;\n    $breakpoints: MuiBreakpoints;\n  }) => ({\n    position: \"relative\",\n    ...($position === \"sticky\" && {\n      width: \"100%\",\n      position: \"sticky\",\n    }),\n    ...($position === \"fixed\" && {\n      width: \"100%\",\n      position: \"fixed\",\n\n      [$breakpoints.up(\"md\")]: {\n        width: `calc(100% - 2*${theme.spacing(4)}px)`,\n        marginLeft: `${theme.spacing(4)}px`,\n        marginRight: `${theme.spacing(4)}px`,\n      },\n      [$breakpoints.down(\"sm\")]: {\n        width: `calc(100% - 2*${theme.space.sm}px)`,\n        marginLeft: `${theme.space.sm}px`,\n        marginRight: `${theme.space.sm}px`,\n      },\n    }),\n    ...($variant === \"global\" && {\n      zIndex: `calc(${theme.zIndices.banner} - 2)`,\n\n      top: 0,\n      left: 0,\n\n      \"&:before\": {\n        content: \"''\",\n        display: \"flex\",\n        width: \"100%\",\n        height: 72,\n        top: 0,\n        background: theme.colors.atmo2,\n        opacity: \"75%\",\n      },\n      backdropFilter: \"blur(1px)\",\n    }),\n  })\n);\n\nexport const StyledBackButton = styled(\"div\")({\n  marginRight: theme.space.xs,\n});\n\nexport const StyledWrapper = styled(\n  \"div\",\n  transientOptions\n)(({ $variant }: { $variant: string }) => ({\n  height: 52,\n  paddingRight: theme.space.xs,\n  display: \"flex\",\n  justifyContent: \"flex-start\",\n  alignItems: \"center\",\n  ...($variant === \"global\" && {\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    background: theme.colors.atmo1,\n    width: \"100%\",\n    padding: theme.space.xs,\n    marginTop: theme.space.xs,\n  }),\n  ...($variant === \"section\" && {\n    background: \"none\",\n    borderTop: `1px solid ${theme.colors.atmo4}`,\n  }),\n}));\n\nexport const StyledActions = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"flex-end\",\n  marginLeft: \"auto\",\n  \"& > *:not(:first-of-type) \": {\n    marginLeft: theme.space.xs,\n  },\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$position","$variant","$breakpoints","position","width","up","theme","spacing","marginLeft","marginRight","down","space","sm","zIndex","zIndices","banner","top","left","content","display","height","background","colors","atmo2","opacity","backdropFilter","StyledBackButton","_styled","xs","StyledWrapper","paddingRight","justifyContent","alignItems","atmo1","padding","marginTop","borderTop","atmo4","StyledActions"],"mappings":"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"}
+{"version":3,"file":"GlobalActions.styles.cjs","sources":["../../../../src/components/GlobalActions/GlobalActions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Breakpoints as MuiBreakpoints } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $position,\n    $variant,\n    $breakpoints,\n  }: {\n    $position: string;\n    $variant: string;\n    $breakpoints: MuiBreakpoints;\n  }) => ({\n    position: \"relative\",\n    ...($position === \"sticky\" && {\n      width: \"100%\",\n      position: \"sticky\",\n    }),\n    ...($position === \"fixed\" && {\n      width: \"100%\",\n      position: \"fixed\",\n\n      [$breakpoints.up(\"md\")]: {\n        width: `calc(100% - 2*${theme.spacing(4)}px)`,\n        marginLeft: `${theme.spacing(4)}px`,\n        marginRight: `${theme.spacing(4)}px`,\n      },\n      [$breakpoints.down(\"sm\")]: {\n        width: `calc(100% - 2*${theme.space.sm}px)`,\n        marginLeft: `${theme.space.sm}px`,\n        marginRight: `${theme.space.sm}px`,\n      },\n    }),\n    ...($variant === \"global\" && {\n      zIndex: `calc(${theme.zIndices.banner} - 2)`,\n\n      top: 0,\n      left: 0,\n\n      \"&:before\": {\n        content: \"''\",\n        display: \"flex\",\n        width: \"100%\",\n        height: 72,\n        top: 0,\n        background: theme.colors.atmo2,\n        opacity: \"75%\",\n      },\n      backdropFilter: \"blur(1px)\",\n    }),\n  })\n);\n\nexport const StyledBackButton = styled(\"div\")({\n  marginRight: theme.space.xs,\n});\n\nexport const StyledWrapper = styled(\n  \"div\",\n  transientOptions\n)(({ $variant }: { $variant: string }) => ({\n  height: 52,\n  paddingRight: theme.space.xs,\n  display: \"flex\",\n  justifyContent: \"flex-start\",\n  alignItems: \"center\",\n  border: theme.globalActions.border,\n  borderRadius: theme.globalActions.borderRadius,\n  ...($variant === \"global\" && {\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    background: theme.colors.atmo1,\n    width: \"100%\",\n    padding: theme.space.xs,\n    marginTop: theme.space.xs,\n  }),\n  ...($variant === \"section\" && {\n    backgroundColor: theme.globalActions.sectionBackgroundColor,\n    borderTop: `1px solid ${theme.colors.atmo4}`,\n    paddingLeft: theme.globalActions.sectionPaddingLeft,\n  }),\n}));\n\nexport const StyledActions = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"flex-end\",\n  marginLeft: \"auto\",\n  \"& > *:not(:first-of-type) \": {\n    marginLeft: theme.space.xs,\n  },\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$position","$variant","$breakpoints","position","width","up","theme","spacing","marginLeft","marginRight","down","space","sm","zIndex","zIndices","banner","top","left","content","display","height","background","colors","atmo2","opacity","backdropFilter","StyledBackButton","_styled","xs","StyledWrapper","paddingRight","justifyContent","alignItems","border","globalActions","borderRadius","atmo1","padding","marginTop","backgroundColor","sectionBackgroundColor","borderTop","atmo4","paddingLeft","sectionPaddingLeft","StyledActions"],"mappings":"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"}

package/dist/cjs/components/GlobalActions/globalActionsClasses.cjs.map

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

package/dist/cjs/components/Grid/Grid.cjs

@@ -4,7 +4,6 @@ const material = require("@mui/material");
 const isString = require("lodash/isString");
 const React = require("react");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const useWidth = require("../../hooks/useWidth.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const isString__default = /* @__PURE__ */ _interopDefault(isString);
 const BREAKPOINT_GUTTERS = {
@@ -14,26 +13,71 @@ const BREAKPOINT_GUTTERS = {
   lg: 4,
   xl: 4
 };
+const BREAKPOINT_COLUMNS = {
+  xs: 4,
+  sm: 8,
+  md: 12,
+  lg: 12,
+  xl: 12
+};
+function getGridSpacing(spacing) {
+  let gridSpacing;
+  if (isString__default.default(spacing)) {
+    if (spacing === "auto") {
+      gridSpacing = BREAKPOINT_GUTTERS;
+    } else {
+      gridSpacing = BREAKPOINT_GUTTERS[spacing];
+    }
+  } else if (typeof spacing === "object") {
+    gridSpacing = Object.keys(spacing).reduce((acc, breakpoint) => ({
+      ...acc,
+      [breakpoint]: BREAKPOINT_GUTTERS[spacing[breakpoint]] ?? spacing[breakpoint]
+    }), {});
+  } else if (spacing === 0) {
+    gridSpacing = {
+      xs: 0
+    };
+  } else {
+    gridSpacing = spacing;
+  }
+  return gridSpacing;
+}
+function getNumberOfColumns(columns) {
+  let numberOfColumns;
+  if (columns === "auto") {
+    numberOfColumns = BREAKPOINT_COLUMNS;
+  } else {
+    numberOfColumns = columns;
+  }
+  return numberOfColumns;
+}
 const HvGrid = React.forwardRef(({
   container,
   spacing = "auto",
+  rowSpacing,
+  columnSpacing,
+  columns,
   ...others
 }, ref) => {
-  const width = useWidth.useWidth();
-  let gridSpacing = spacing;
-  if (isString__default.default(spacing)) {
-    if (spacing === "auto") {
-      gridSpacing = BREAKPOINT_GUTTERS[width];
-    } else {
-      gridSpacing = BREAKPOINT_GUTTERS[spacing];
+  const containerProps = {};
+  if (container) {
+    containerProps.container = true;
+    if (spacing != null) {
+      containerProps.spacing = getGridSpacing(spacing);
+    }
+    if (rowSpacing != null) {
+      containerProps.rowSpacing = getGridSpacing(rowSpacing);
+    }
+    if (columnSpacing != null) {
+      containerProps.columnSpacing = getGridSpacing(columnSpacing);
+    }
+    if (columns != null) {
+      containerProps.columns = getNumberOfColumns(columns);
     }
   }
   return /* @__PURE__ */ jsxRuntime.jsx(material.Grid, {
     ref,
-    ...container && {
-      container,
-      spacing: gridSpacing
-    },
+    ...containerProps,
     ...others
   });
 });

package/dist/cjs/components/Grid/Grid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.cjs","sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from \"@mui/material\";\nimport isString from \"lodash/isString\";\nimport { forwardRef } from \"react\";\nimport { useWidth } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvGridClasses } from \"./gridClasses\";\n\nconst BREAKPOINT_GUTTERS = {\n  xs: 2,\n  sm: 2,\n  md: 4,\n  lg: 4,\n  xl: 4,\n};\n\nexport type HvGridDirection =\n  | \"row\"\n  | \"row-reverse\"\n  | \"column\"\n  | \"column-reverse\";\n\nexport type HvGridSpacing =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"auto\"\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10;\n\nexport interface HvGridProps\n  extends Omit<MuiGridProps, \"classes\">,\n    HvBaseProps<HTMLDivElement, \"color\"> {\n  /**\n   * If `true`, the component will have the flex *container* behavior.\n   * You should be wrapping *items* with a *container*.\n   */\n  container?: boolean;\n  /**\n   * If `true`, the component will have the flex *item* behavior.\n   * You should be wrapping *items* with a *container*.\n   */\n  item?: boolean;\n  /**\n   * Defines the space between the type item component. It can only be used on a type container component.\n   * Based in the 8x factor defined in the theme, it allows the definition of this factor based on the factor\n   * (number between 0 and 10), breakpoint or auto.\n   */\n  spacing?: HvGridSpacing | number;\n  /**\n   * Defines the `flex-direction` style property.\n   * It is applied for all screen sizes.\n   */\n  direction?: HvGridDirection;\n  /**\n   * Defines the `justify-content` style property.\n   * It is applied for all screen sizes.\n   */\n  justify?:\n    | \"flex-start\"\n    | \"center\"\n    | \"flex-end\"\n    | \"space-between\"\n    | \"space-around\"\n    | \"space-evenly\";\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for all the screen sizes with the lowest priority.\n   */\n  xs?: number | boolean;\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `sm` breakpoint and wider screens if not overridden.\n   */\n  sm?: number | boolean;\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `md` breakpoint and wider screens if not overridden.\n   */\n  md?: number | boolean;\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `lg` breakpoint and wider screens if not overridden.\n   */\n  lg?: number | boolean;\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `xl` breakpoint and wider screens.\n   */\n  xl?: number | boolean;\n  /**\n   * Defines the `flex-wrap` style property.\n   * It's applied for all screen sizes.\n   */\n  wrap?: \"nowrap\" | \"wrap\" | \"wrap-reverse\";\n  /**\n   * If `true`, it sets `min-width: 0` on the item.\n   * Refer to the limitations section of the documentation to better understand the use case.\n   */\n  zeroMinWidth?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvGridClasses;\n}\n\n/**\n * The grid creates visual consistency between layouts while allowing flexibility\n * across a wide variety of designs. This component is based in a 12-column grid layout.\n *\n * It is is based in the [Material UI Grid](https://mui.com/material-ui/react-grid/).\n *\n * The definitions were set following the Design System directives:\n *\n * | Breakpoint | Width (in px) | Gutters (in px) | Number of columns |\n * | ---------- | ------------- | --------------- | ----------------- |\n * | xs         | [0-575[       | 16              | 4                 |\n * | sm         | [576-767[     | 16              | 8                 |\n * | md         | [768-991[     | 32              | 12                |\n * | lg         | [992-1199[    | 32              | 12                |\n * | xl         | [1200-...[    | 32              | 12                |\n *\n */\nexport const HvGrid = forwardRef<HTMLDivElement, HvGridProps>(\n  ({ container, spacing = \"auto\", ...others }, ref) => {\n    const width = useWidth();\n    let gridSpacing = spacing;\n\n    if (isString(spacing)) {\n      if (spacing === \"auto\") {\n        gridSpacing = BREAKPOINT_GUTTERS[width];\n      } else {\n        gridSpacing = BREAKPOINT_GUTTERS[spacing];\n      }\n    }\n\n    return (\n      <MuiGrid\n        ref={ref}\n        {...(container && { container, spacing: gridSpacing })}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["BREAKPOINT_GUTTERS","xs","sm","md","lg","xl","HvGrid","forwardRef","container","spacing","others","ref","width","useWidth","gridSpacing","isString","MuiGrid"],"mappings":";;;;;;;;;AAOA,MAAMA,qBAAqB;AAAA,EACzBC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAqHaC,MAAAA,SAASC,iBACpB,CAAC;AAAA,EAAEC;AAAAA,EAAWC,UAAU;AAAA,EAAQ,GAAGC;AAAO,GAAGC,QAAQ;AACnD,QAAMC,QAAQC,SAAAA;AACd,MAAIC,cAAcL;AAEdM,MAAAA,kBAAAA,QAASN,OAAO,GAAG;AACrB,QAAIA,YAAY,QAAQ;AACtBK,oBAAcd,mBAAmBY,KAAK;AAAA,IAAA,OACjC;AACLE,oBAAcd,mBAAmBS,OAAO;AAAA,IAC1C;AAAA,EACF;AAEA,wCACGO,SAAAA,MAAO;AAAA,IACNL;AAAAA,IAAS,GACJH,aAAa;AAAA,MAAEA;AAAAA,MAAWC,SAASK;AAAAA,IAAY;AAAA,IAAC,GACjDJ;AAAAA,EAAAA,CACL;AAEL,CACF;;"}
+{"version":3,"file":"Grid.cjs","sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from \"@mui/material\";\n\nimport isString from \"lodash/isString\";\n\nimport { forwardRef } from \"react\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { HvGridClasses } from \"./gridClasses\";\n\nconst BREAKPOINT_GUTTERS = {\n  xs: 2,\n  sm: 2,\n  md: 4,\n  lg: 4,\n  xl: 4,\n};\n\nconst BREAKPOINT_COLUMNS = {\n  xs: 4,\n  sm: 8,\n  md: 12,\n  lg: 12,\n  xl: 12,\n};\n\nexport type HvGridDirection =\n  | \"row\"\n  | \"row-reverse\"\n  | \"column\"\n  | \"column-reverse\";\n\nexport type HvGridSpacing =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"auto\"\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10;\n\nexport interface HvGridProps\n  extends Omit<MuiGridProps, \"classes\" | \"columns\">,\n    HvBaseProps<HTMLDivElement, \"color\"> {\n  /**\n   * If `true`, the component will have the flex *container* behavior.\n   * You should be wrapping *items* with a *container*.\n   */\n  container?: boolean;\n  /**\n   * If `true`, the component will have the flex *item* behavior.\n   * You should be wrapping *items* with a *container*.\n   */\n  item?: boolean;\n  /**\n   * Defines the space between the type item component. It can only be used on a type container component.\n   * Based in the 8x factor defined in the theme, it allows the definition of this factor based on the factor\n   * (number between 0 and 10), breakpoint or auto.\n   */\n  spacing?: HvGridSpacing | number;\n  /**\n   * Defines the vertical space between the type item component. It can only be used on a type container component.\n   * Based in the 8x factor defined in the theme, it allows the definition of this factor based on the factor\n   * (number between 0 and 10), breakpoint or auto.\n   * It overrides the value of the spacing prop.\n   */\n  rowSpacing?: HvGridSpacing | number;\n  /**\n   * Defines the horizontal space between the type item component. It can only be used on a type container component.\n   * Based in the 8x factor defined in the theme, it allows the definition of this factor based on the factor\n   * (number between 0 and 10), breakpoint or auto.\n   * It overrides the value of the spacing prop.\n   */\n  columnSpacing?: HvGridSpacing | number;\n  /**\n   * The number of columns.\n   * Defaults to a 12-column grid.\n   * The value \"auto\" implements the Design System directives in terms of variable number of columns.\n   * @default 12\n   */\n  columns?: \"auto\" | MuiGridProps[\"columns\"];\n  /**\n   * Defines the `flex-direction` style property.\n   * It is applied for all screen sizes.\n   */\n  direction?: HvGridDirection;\n  /**\n   * Defines the `justify-content` style property.\n   * It is applied for all screen sizes.\n   */\n  justify?:\n    | \"flex-start\"\n    | \"center\"\n    | \"flex-end\"\n    | \"space-between\"\n    | \"space-around\"\n    | \"space-evenly\";\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for all the screen sizes with the lowest priority.\n   */\n  xs?: number | boolean;\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `sm` breakpoint and wider screens if not overridden.\n   */\n  sm?: number | boolean;\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `md` breakpoint and wider screens if not overridden.\n   */\n  md?: number | boolean;\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `lg` breakpoint and wider screens if not overridden.\n   */\n  lg?: number | boolean;\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `xl` breakpoint and wider screens.\n   */\n  xl?: number | boolean;\n  /**\n   * Defines the `flex-wrap` style property.\n   * It's applied for all screen sizes.\n   */\n  wrap?: \"nowrap\" | \"wrap\" | \"wrap-reverse\";\n  /**\n   * If `true`, it sets `min-width: 0` on the item.\n   * Refer to the limitations section of the documentation to better understand the use case.\n   */\n  zeroMinWidth?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvGridClasses;\n}\n\nfunction getGridSpacing(spacing: HvGridProps[\"spacing\"]) {\n  let gridSpacing: MuiGridProps[\"spacing\"];\n\n  if (isString(spacing)) {\n    if (spacing === \"auto\") {\n      gridSpacing = BREAKPOINT_GUTTERS;\n    } else {\n      gridSpacing = BREAKPOINT_GUTTERS[spacing];\n    }\n  } else if (typeof spacing === \"object\") {\n    gridSpacing = Object.keys(spacing).reduce(\n      (acc, breakpoint) => ({\n        ...acc,\n        [breakpoint]:\n          BREAKPOINT_GUTTERS[spacing[breakpoint]] ?? spacing[breakpoint],\n      }),\n      {}\n    );\n  } else if (spacing === 0) {\n    gridSpacing = { xs: 0 };\n  } else {\n    gridSpacing = spacing;\n  }\n\n  return gridSpacing;\n}\n\nfunction getNumberOfColumns(columns: HvGridProps[\"columns\"]) {\n  let numberOfColumns: MuiGridProps[\"columns\"];\n\n  if (columns === \"auto\") {\n    numberOfColumns = BREAKPOINT_COLUMNS;\n  } else {\n    numberOfColumns = columns;\n  }\n\n  return numberOfColumns;\n}\n\n/**\n * The grid creates visual consistency between layouts while allowing flexibility\n * across a wide variety of designs. This component is based in a 12-column grid layout.\n *\n * It is is based in the [Material UI Grid](https://mui.com/material-ui/react-grid/).\n *\n * The definitions were set following the Design System directives:\n *\n * | Breakpoint | Width (in px) | Gutters (in px) | Number of columns |\n * | ---------- | ------------- | --------------- | ----------------- |\n * | xs         | [0-575[       | 16              | 4                 |\n * | sm         | [576-767[     | 16              | 8                 |\n * | md         | [768-991[     | 32              | 12                |\n * | lg         | [992-1199[    | 32              | 12                |\n * | xl         | [1200-...[    | 32              | 12                |\n *\n * However, the number of columns is set to 12 for all breakpoints, as it serves most\n * of the use cases and simplifies the implementation.\n * To opt-in to the Design System directives, you can set the `columns` prop to `auto`.\n *\n * Also, the Design System specifications are omissive about the horizontal gutters.\n * The HvGrid sets them to the same value as the vertical gutters, depending on the breakpoint.\n * It can be overridden by setting the `rowSpacing` prop.\n */\nexport const HvGrid = forwardRef<HTMLDivElement, HvGridProps>(\n  (\n    {\n      container,\n      spacing = \"auto\",\n      rowSpacing,\n      columnSpacing,\n      columns,\n      ...others\n    },\n    ref\n  ) => {\n    const containerProps: Pick<\n      MuiGridProps,\n      \"container\" | \"spacing\" | \"rowSpacing\" | \"columnSpacing\" | \"columns\"\n    > = {};\n\n    if (container) {\n      containerProps.container = true;\n\n      if (spacing != null) {\n        containerProps.spacing = getGridSpacing(spacing);\n      }\n      if (rowSpacing != null) {\n        containerProps.rowSpacing = getGridSpacing(rowSpacing);\n      }\n      if (columnSpacing != null) {\n        containerProps.columnSpacing = getGridSpacing(columnSpacing);\n      }\n      if (columns != null) {\n        containerProps.columns = getNumberOfColumns(columns);\n      }\n    }\n\n    return <MuiGrid ref={ref} {...containerProps} {...others} />;\n  }\n);\n"],"names":["BREAKPOINT_GUTTERS","xs","sm","md","lg","xl","BREAKPOINT_COLUMNS","getGridSpacing","spacing","gridSpacing","isString","Object","keys","reduce","acc","breakpoint","getNumberOfColumns","columns","numberOfColumns","HvGrid","forwardRef","container","rowSpacing","columnSpacing","others","ref","containerProps","MuiGrid"],"mappings":";;;;;;;;AASA,MAAMA,qBAAqB;AAAA,EACzBC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAEA,MAAMC,qBAAqB;AAAA,EACzBL,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAyHA,SAASE,eAAeC,SAAiC;AACnDC,MAAAA;AAEAC,MAAAA,kBAAAA,QAASF,OAAO,GAAG;AACrB,QAAIA,YAAY,QAAQ;AACRR,oBAAAA;AAAAA,IAAAA,OACT;AACLS,oBAAcT,mBAAmBQ,OAAO;AAAA,IAC1C;AAAA,EAAA,WACS,OAAOA,YAAY,UAAU;AACtCC,kBAAcE,OAAOC,KAAKJ,OAAO,EAAEK,OACjC,CAACC,KAAKC,gBAAgB;AAAA,MACpB,GAAGD;AAAAA,MACH,CAACC,UAAU,GACTf,mBAAmBQ,QAAQO,UAAU,CAAC,KAAKP,QAAQO,UAAU;AAAA,IAAA,IAEjE,CACF,CAAA;AAAA,EAAA,WACSP,YAAY,GAAG;AACV,kBAAA;AAAA,MAAEP,IAAI;AAAA,IAAA;AAAA,EAAE,OACjB;AACSO,kBAAAA;AAAAA,EAChB;AAEOC,SAAAA;AACT;AAEA,SAASO,mBAAmBC,SAAiC;AACvDC,MAAAA;AAEJ,MAAID,YAAY,QAAQ;AACJX,sBAAAA;AAAAA,EAAAA,OACb;AACaW,sBAAAA;AAAAA,EACpB;AAEOC,SAAAA;AACT;AA0BaC,MAAAA,SAASC,iBACpB,CACE;AAAA,EACEC;AAAAA,EACAb,UAAU;AAAA,EACVc;AAAAA,EACAC;AAAAA,EACAN;AAAAA,EACA,GAAGO;AACL,GACAC,QACG;AACH,QAAMC,iBAGF,CAAA;AAEJ,MAAIL,WAAW;AACbK,mBAAeL,YAAY;AAE3B,QAAIb,WAAW,MAAM;AACJA,qBAAAA,UAAUD,eAAeC,OAAO;AAAA,IACjD;AACA,QAAIc,cAAc,MAAM;AACPA,qBAAAA,aAAaf,eAAee,UAAU;AAAA,IACvD;AACA,QAAIC,iBAAiB,MAAM;AACVA,qBAAAA,gBAAgBhB,eAAegB,aAAa;AAAA,IAC7D;AACA,QAAIN,WAAW,MAAM;AACJA,qBAAAA,UAAUD,mBAAmBC,OAAO;AAAA,IACrD;AAAA,EACF;AAEA,wCAAQU,SAAAA,MAAO;AAAA,IAACF;AAAAA,IAAS,GAAKC;AAAAA,IAAc,GAAMF;AAAAA,EAAAA,CAAS;AAC7D,CACF;;"}

package/dist/cjs/components/Grid/gridClasses.cjs.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.cjs","sources":["../../../../../src/components/Header/Actions/Actions.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledDiv } from \"./Actions.styles\";\nimport headerActionsClasses, { HvHeaderActionsClasses } from \"./actionsClasses\";\n\nexport interface HvHeaderActionsProps extends HvBaseProps {\n  classes?: HvHeaderActionsClasses;\n}\n\nexport const HvHeaderActions = ({\n  classes,\n  className,\n  children,\n  ...others\n}: HvHeaderActionsProps) => {\n  return (\n    <StyledDiv\n      className={clsx(className, headerActionsClasses.root, classes?.root)}\n      {...others}\n    >\n      {children}\n    </StyledDiv>\n  );\n};\n"],"names":["HvHeaderActions","classes","className","children","others","StyledDiv","clsx","headerActionsClasses","root"],"mappings":";;;;;;AASO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,MAAM;AAC1B,wCACGC,eAAAA,WAAS;AAAA,IACRH,WAAWI,KAAKJ,KAAAA,WAAWK,eAAqBC,QAAAA,MAAMP,mCAASO,IAAI;AAAA,IAAE,GACjEJ;AAAAA,IAAMD;AAAAA,EAAAA,CAGD;AAEf;;"}
+{"version":3,"file":"Actions.cjs","sources":["../../../../../src/components/Header/Actions/Actions.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { StyledDiv } from \"./Actions.styles\";\nimport headerActionsClasses, { HvHeaderActionsClasses } from \"./actionsClasses\";\n\nexport interface HvHeaderActionsProps extends HvBaseProps {\n  classes?: HvHeaderActionsClasses;\n}\n\nexport const HvHeaderActions = ({\n  classes,\n  className,\n  children,\n  ...others\n}: HvHeaderActionsProps) => {\n  return (\n    <StyledDiv\n      className={clsx(className, headerActionsClasses.root, classes?.root)}\n      {...others}\n    >\n      {children}\n    </StyledDiv>\n  );\n};\n"],"names":["HvHeaderActions","classes","className","children","others","StyledDiv","clsx","headerActionsClasses","root"],"mappings":";;;;;;AAWO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,MAAM;AAC1B,wCACGC,eAAAA,WAAS;AAAA,IACRH,WAAWI,KAAKJ,KAAAA,WAAWK,eAAqBC,QAAAA,MAAMP,mCAASO,IAAI;AAAA,IAAE,GACjEJ;AAAAA,IAAMD;AAAAA,EAAAA,CAGD;AAEf;;"}

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

@@ -26,6 +26,6 @@ const StyledDiv = /* @__PURE__ */ _styled__default.default("div", process.env.NO
       backgroundColor: uikitStyles.theme.header.hoverColor
     }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0FjdGlvbnMvQWN0aW9ucy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9BY3Rpb25zL0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgYnV0dG9uQ2xhc3NlcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaXYgPSBzdHlsZWQuZGl2KHtcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBnYXA6IHRoZW1lLnNwYWNlLnhzLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgXCImID4gKlwiOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIFtgJiAuJHtidXR0b25DbGFzc2VzPy5yb290fWBdOiB7XG4gICAgXCImOmhvdmVyXCI6IHsgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuaG92ZXJDb2xvciB9LFxuICB9LFxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0FjdGlvbnMvQWN0aW9ucy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU15QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9BY3Rpb25zL0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IGJ1dHRvbkNsYXNzZXMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9CdXR0b25cIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXYoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGdhcDogdGhlbWUuc3BhY2UueHMsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBcIiYgPiAqXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbiAgW2AmIC4ke2J1dHRvbkNsYXNzZXM/LnJvb3R9YF06IHtcbiAgICBcIiY6aG92ZXJcIjogeyBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5ob3ZlckNvbG9yIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
 exports.StyledDiv = StyledDiv;
 //# sourceMappingURL=Actions.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.styles.cjs","sources":["../../../../../src/components/Header/Actions/Actions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { buttonClasses } from \"@core/components\";\n\nexport const StyledDiv = styled.div({\n  backgroundColor: \"transparent\",\n  display: \"flex\",\n  gap: theme.space.xs,\n  alignItems: \"center\",\n  marginLeft: \"auto\",\n  \"& > *\": {\n    marginLeft: theme.space.xs,\n  },\n  [`& .${buttonClasses?.root}`]: {\n    \"&:hover\": { backgroundColor: theme.header.hoverColor },\n  },\n});\n"],"names":["StyledDiv","process","env","NODE_ENV","target","label","backgroundColor","display","gap","theme","space","xs","alignItems","marginLeft","buttonClasses","root","header","hoverColor"],"mappings":";;;;;;;;;AAIO,MAAMA,4DAAYC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAW,EAAA;AAAA,EAClCC,iBAAiB;AAAA,EACjBC,SAAS;AAAA,EACTC,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,EACjBC,YAAY;AAAA,EACZC,YAAY;AAAA,EACZ,SAAS;AAAA,IACPA,YAAYJ,YAAAA,MAAMC,MAAMC;AAAAA,EAC1B;AAAA,EACA,CAAE,OAAKG,qCAAAA,mBAAeC,MAAM,GAAG;AAAA,IAC7B,WAAW;AAAA,MAAET,iBAAiBG,YAAAA,MAAMO,OAAOC;AAAAA,IAAW;AAAA,EACxD;AACF,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qnCAAA;;"}
+{"version":3,"file":"Actions.styles.cjs","sources":["../../../../../src/components/Header/Actions/Actions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { buttonClasses } from \"@core/components/Button\";\n\nexport const StyledDiv = styled.div({\n  backgroundColor: \"transparent\",\n  display: \"flex\",\n  gap: theme.space.xs,\n  alignItems: \"center\",\n  marginLeft: \"auto\",\n  \"& > *\": {\n    marginLeft: theme.space.xs,\n  },\n  [`& .${buttonClasses?.root}`]: {\n    \"&:hover\": { backgroundColor: theme.header.hoverColor },\n  },\n});\n"],"names":["StyledDiv","process","env","NODE_ENV","target","label","backgroundColor","display","gap","theme","space","xs","alignItems","marginLeft","buttonClasses","root","header","hoverColor"],"mappings":";;;;;;;;;AAMO,MAAMA,4DAAYC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAW,EAAA;AAAA,EAClCC,iBAAiB;AAAA,EACjBC,SAAS;AAAA,EACTC,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,EACjBC,YAAY;AAAA,EACZC,YAAY;AAAA,EACZ,SAAS;AAAA,IACPA,YAAYJ,YAAAA,MAAMC,MAAMC;AAAAA,EAC1B;AAAA,EACA,CAAE,OAAKG,qCAAAA,mBAAeC,MAAM,GAAG;AAAA,IAC7B,WAAW;AAAA,MAAET,iBAAiBG,YAAAA,MAAMO,OAAOC;AAAAA,IAAW;AAAA,EACxD;AACF,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qoCAAA;;"}

package/dist/cjs/components/Header/Actions/actionsClasses.cjs.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"Brand.cjs","sources":["../../../../../src/components/Header/Brand/Brand.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { BrandRoot, BrandSeparator, BrandName } from \"./Brand.styles\";\nimport headerBrandClasses, { HvHeaderBrandClasses } from \"./brandClasses\";\n\nexport interface HvHeaderBrandProps extends HvBaseProps {\n  logo?: React.ReactNode;\n  name?: string;\n  classes?: HvHeaderBrandClasses;\n}\n\n/**\n * Header component is used to render a header bar with logo and brand name, navigation and actions.\n */\nexport const HvHeaderBrand = ({\n  classes,\n  logo,\n  name,\n  className,\n  ...others\n}: HvHeaderBrandProps) => {\n  return (\n    <BrandRoot\n      className={clsx(classes?.root, headerBrandClasses.root, className)}\n      {...others}\n    >\n      {logo}\n      {logo && name && (\n        <BrandSeparator\n          className={clsx(classes?.separator, headerBrandClasses.separator)}\n        />\n      )}\n      {name && <BrandName variant=\"label\">{name}</BrandName>}\n    </BrandRoot>\n  );\n};\n"],"names":["HvHeaderBrand","classes","logo","name","className","others","BrandRoot","clsx","root","headerBrandClasses","children","BrandSeparator","separator","_jsx","BrandName","variant"],"mappings":";;;;;;AAcO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACe,MAAM;AACxB,yCACGC,aAAAA,WAAS;AAAA,IACRF,WAAWG,KAAKN,KAAAA,mCAASO,MAAMC,aAAAA,QAAmBD,MAAMJ,SAAS;AAAA,IAAE,GAC/DC;AAAAA,IAAMK,UAAA,CAETR,MACAA,QAAQC,uCACNQ,aAAAA,gBAAc;AAAA,MACbP,WAAWG,KAAAA,KAAKN,mCAASW,WAAWH,aAAAA,QAAmBG,SAAS;AAAA,IAAA,CACjE,GAEFT,QAAQU,2BAAAA,IAACC,wBAAS;AAAA,MAACC,SAAQ;AAAA,MAAOL,UAAEP;AAAAA,IAAAA,CAAgB,CAAC;AAAA,EAAA,CAC7C;AAEf;;"}
+{"version":3,"file":"Brand.cjs","sources":["../../../../../src/components/Header/Brand/Brand.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { BrandRoot, BrandSeparator, BrandName } from \"./Brand.styles\";\nimport headerBrandClasses, { HvHeaderBrandClasses } from \"./brandClasses\";\n\nexport interface HvHeaderBrandProps extends HvBaseProps {\n  logo?: React.ReactNode;\n  name?: string;\n  classes?: HvHeaderBrandClasses;\n}\n\n/**\n * Header component is used to render a header bar with logo and brand name, navigation and actions.\n */\nexport const HvHeaderBrand = ({\n  classes,\n  logo,\n  name,\n  className,\n  ...others\n}: HvHeaderBrandProps) => {\n  return (\n    <BrandRoot\n      className={clsx(classes?.root, headerBrandClasses.root, className)}\n      {...others}\n    >\n      {logo}\n      {logo && name && (\n        <BrandSeparator\n          className={clsx(classes?.separator, headerBrandClasses.separator)}\n        />\n      )}\n      {name && <BrandName variant=\"label\">{name}</BrandName>}\n    </BrandRoot>\n  );\n};\n"],"names":["HvHeaderBrand","classes","logo","name","className","others","BrandRoot","clsx","root","headerBrandClasses","children","BrandSeparator","separator","_jsx","BrandName","variant"],"mappings":";;;;;;AAgBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACe,MAAM;AACxB,yCACGC,aAAAA,WAAS;AAAA,IACRF,WAAWG,KAAKN,KAAAA,mCAASO,MAAMC,aAAAA,QAAmBD,MAAMJ,SAAS;AAAA,IAAE,GAC/DC;AAAAA,IAAMK,UAAA,CAETR,MACAA,QAAQC,uCACNQ,aAAAA,gBAAc;AAAA,MACbP,WAAWG,KAAAA,KAAKN,mCAASW,WAAWH,aAAAA,QAAmBG,SAAS;AAAA,IAAA,CACjE,GAEFT,QAAQU,2BAAAA,IAACC,wBAAS;AAAA,MAACC,SAAQ;AAAA,MAAOL,UAAEP;AAAAA,IAAAA,CAAgB,CAAC;AAAA,EAAA,CAC7C;AAEf;;"}

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

@@ -21,7 +21,7 @@ const BrandRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NO
 } : {
   name: "s5xdrg",
   styles: "display:flex;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3lCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IGZvcndhcmRSZWYsIFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdlR5cG9ncmFwaHlQcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBCcmFuZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgQnJhbmRTZXBhcmF0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogMSxcbiAgaGVpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbiAgbWFyZ2luOiB0aGVtZS5zcGFjZS54cyxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxufSk7XG5cbmV4cG9ydCBjb25zdCBCcmFuZE5hbWUgPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdlR5cG9ncmFwaHlQcm9wcywgcmVmPzogUmVmPEhUTUxFbGVtZW50PikgPT4ge1xuICAgIHJldHVybiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIGNvbG9yOiB0aGVtZS5oZWFkZXIuYnJhbmRDb2xvcixcbn0pO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXlCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBSZWYgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdlR5cG9ncmFwaHlQcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IEJyYW5kUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBCcmFuZFNlcGFyYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiAxLFxuICBoZWlnaHQ6IHRoZW1lLnNwYWNlLnNtLFxuICBtYXJnaW46IHRoZW1lLnNwYWNlLnhzLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG59KTtcblxuZXhwb3J0IGNvbnN0IEJyYW5kTmFtZSA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2VHlwb2dyYXBoeVByb3BzLCByZWY/OiBSZWY8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pXG4pKHtcbiAgY29sb3I6IHRoZW1lLmhlYWRlci5icmFuZENvbG9yLFxufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const BrandSeparator = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
@@ -34,7 +34,7 @@ const BrandSeparator = /* @__PURE__ */ _styled__default.default("div", process.e
   height: uikitStyles.theme.space.sm,
   margin: uikitStyles.theme.space.xs,
   backgroundColor: uikitStyles.theme.colors.secondary
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVThCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IGZvcndhcmRSZWYsIFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdlR5cG9ncmFwaHlQcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBCcmFuZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgQnJhbmRTZXBhcmF0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogMSxcbiAgaGVpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbiAgbWFyZ2luOiB0aGVtZS5zcGFjZS54cyxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxufSk7XG5cbmV4cG9ydCBjb25zdCBCcmFuZE5hbWUgPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdlR5cG9ncmFwaHlQcm9wcywgcmVmPzogUmVmPEhUTUxFbGVtZW50PikgPT4ge1xuICAgIHJldHVybiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIGNvbG9yOiB0aGVtZS5oZWFkZXIuYnJhbmRDb2xvcixcbn0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYThCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBSZWYgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdlR5cG9ncmFwaHlQcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IEJyYW5kUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBCcmFuZFNlcGFyYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiAxLFxuICBoZWlnaHQ6IHRoZW1lLnNwYWNlLnNtLFxuICBtYXJnaW46IHRoZW1lLnNwYWNlLnhzLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG59KTtcblxuZXhwb3J0IGNvbnN0IEJyYW5kTmFtZSA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2VHlwb2dyYXBoeVByb3BzLCByZWY/OiBSZWY8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pXG4pKHtcbiAgY29sb3I6IHRoZW1lLmhlYWRlci5icmFuZENvbG9yLFxufSk7XG4iXX0= */");
 const BrandName = /* @__PURE__ */ _styled__default.default(React.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
     ...props,
@@ -47,7 +47,7 @@ const BrandName = /* @__PURE__ */ _styled__default.default(React.forwardRef((pro
   label: "BrandName"
 })({
   color: uikitStyles.theme.header.brandColor
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJ5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9CcmFuZC9CcmFuZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSwgSHZUeXBvZ3JhcGh5UHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3QgQnJhbmRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IEJyYW5kU2VwYXJhdG9yID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IDEsXG4gIGhlaWdodDogdGhlbWUuc3BhY2Uuc20sXG4gIG1hcmdpbjogdGhlbWUuc3BhY2UueHMsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbn0pO1xuXG5leHBvcnQgY29uc3QgQnJhbmROYW1lID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZUeXBvZ3JhcGh5UHJvcHMsIHJlZj86IFJlZjxIVE1MRWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPjtcbiAgfSlcbikoe1xuICBjb2xvcjogdGhlbWUuaGVhZGVyLmJyYW5kQ29sb3IsXG59KTtcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0J5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9CcmFuZC9CcmFuZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiwgUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSwgSHZUeXBvZ3JhcGh5UHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBCcmFuZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgQnJhbmRTZXBhcmF0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogMSxcbiAgaGVpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbiAgbWFyZ2luOiB0aGVtZS5zcGFjZS54cyxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxufSk7XG5cbmV4cG9ydCBjb25zdCBCcmFuZE5hbWUgPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdlR5cG9ncmFwaHlQcm9wcywgcmVmPzogUmVmPEhUTUxFbGVtZW50PikgPT4ge1xuICAgIHJldHVybiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIGNvbG9yOiB0aGVtZS5oZWFkZXIuYnJhbmRDb2xvcixcbn0pO1xuIl19 */");
 exports.BrandName = BrandName;
 exports.BrandRoot = BrandRoot;
 exports.BrandSeparator = BrandSeparator;

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

@@ -1 +1 @@
-{"version":3,"file":"Brand.styles.cjs","sources":["../../../../../src/components/Header/Brand/Brand.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { forwardRef, Ref } from \"react\";\nimport { HvTypography, HvTypographyProps } from \"@core/components\";\n\nexport const BrandRoot = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n\nexport const BrandSeparator = styled(\"div\")({\n  width: 1,\n  height: theme.space.sm,\n  margin: theme.space.xs,\n  backgroundColor: theme.colors.secondary,\n});\n\nexport const BrandName = styled(\n  forwardRef((props: HvTypographyProps, ref?: Ref<HTMLElement>) => {\n    return <HvTypography {...props} ref={ref} />;\n  })\n)({\n  color: theme.header.brandColor,\n});\n"],"names":["BrandRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","BrandSeparator","width","height","theme","space","sm","margin","xs","backgroundColor","colors","secondary","BrandName","forwardRef","props","ref","HvTypography","color","header","brandColor"],"mappings":";;;;;;;;;;;;AAKO,MAAMA,YAAmBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEM,MAAMC,iBAAwBX,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC1CO,OAAO;AAAA,EACPC,QAAQC,YAAAA,MAAMC,MAAMC;AAAAA,EACpBC,QAAQH,YAAAA,MAAMC,MAAMG;AAAAA,EACpBC,iBAAiBL,YAAAA,MAAMM,OAAOC;AAChC,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,62CAAA;AAEK,MAAMmB,YAAYtB,iCAAAA,QACvBuB,MAAAA,WAAW,CAACC,OAA0BC,QAA2B;AAC/D,wCAAQC,WAAAA,cAAY;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAW;AAC7C,CAAC,GAACxB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CACJ,EAAE;AAAA,EACAsB,OAAOb,YAAAA,MAAMc,OAAOC;AACtB,GAAC5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,i3CAAA;;;;"}
+{"version":3,"file":"Brand.styles.cjs","sources":["../../../../../src/components/Header/Brand/Brand.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { forwardRef, Ref } from \"react\";\n\nimport { HvTypography, HvTypographyProps } from \"@core/components/Typography\";\n\nexport const BrandRoot = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n\nexport const BrandSeparator = styled(\"div\")({\n  width: 1,\n  height: theme.space.sm,\n  margin: theme.space.xs,\n  backgroundColor: theme.colors.secondary,\n});\n\nexport const BrandName = styled(\n  forwardRef((props: HvTypographyProps, ref?: Ref<HTMLElement>) => {\n    return <HvTypography {...props} ref={ref} />;\n  })\n)({\n  color: theme.header.brandColor,\n});\n"],"names":["BrandRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","BrandSeparator","width","height","theme","space","sm","margin","xs","backgroundColor","colors","secondary","BrandName","forwardRef","props","ref","HvTypography","color","header","brandColor"],"mappings":";;;;;;;;;;;;AAQO,MAAMA,YAAmBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEM,MAAMC,iBAAwBX,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC1CO,OAAO;AAAA,EACPC,QAAQC,YAAAA,MAAMC,MAAMC;AAAAA,EACpBC,QAAQH,YAAAA,MAAMC,MAAMG;AAAAA,EACpBC,iBAAiBL,YAAAA,MAAMM,OAAOC;AAChC,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,q4CAAA;AAEK,MAAMmB,YAAYtB,iCAAAA,QACvBuB,MAAAA,WAAW,CAACC,OAA0BC,QAA2B;AAC/D,wCAAQC,WAAAA,cAAY;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAW;AAC7C,CAAC,GAACxB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CACJ,EAAE;AAAA,EACAsB,OAAOb,YAAAA,MAAMc,OAAOC;AACtB,GAAC5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,q4CAAA;;;;"}

package/dist/cjs/components/Header/Brand/brandClasses.cjs.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"Header.cjs","sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledHeaderRoot, StyledAppBar } from \"./Header.styles\";\nimport headerClasses, { HvHeaderClasses } from \"./headerClasses\";\n\nexport type HvHeaderPosition =\n  | \"fixed\"\n  | \"absolute\"\n  | \"sticky\"\n  | \"static\"\n  | \"relative\";\n\nexport interface HvHeaderProps extends HvBaseProps {\n  /** The position of the header bar */\n  position?: HvHeaderPosition;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvHeaderClasses;\n}\n\n/**\n * Header component is used to render a header bar with logo and brand name, navigation and actions.\n */\nexport const HvHeader = (props: HvHeaderProps) => {\n  const { className, classes, children, position = \"fixed\", ...others } = props;\n\n  return (\n    <StyledAppBar\n      className={clsx(\n        className,\n        classes?.root,\n        headerClasses.root,\n        classes?.backgroundColor,\n        headerClasses.backgroundColor\n      )}\n      $position={position}\n      {...others}\n    >\n      <StyledHeaderRoot className={clsx(classes?.header, headerClasses.header)}>\n        {children}\n      </StyledHeaderRoot>\n    </StyledAppBar>\n  );\n};\n"],"names":["HvHeader","props","className","classes","children","position","others","StyledAppBar","clsx","root","headerClasses","backgroundColor","$position","StyledHeaderRoot","header"],"mappings":";;;;;;AAsBaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,IAASC;AAAAA,IAAUC,WAAW;AAAA,IAAS,GAAGC;AAAAA,EAAWL,IAAAA;AAExE,wCACGM,cAAAA,cAAY;AAAA,IACXL,WAAWM,KACTN,KAAAA,WACAC,mCAASM,MACTC,sBAAcD,MACdN,mCAASQ,iBACTD,cAAAA,QAAcC,eAChB;AAAA,IACAC,WAAWP;AAAAA,IAAS,GAChBC;AAAAA,IAAMF,yCAETS,gCAAgB;AAAA,MAACX,WAAWM,KAAAA,KAAKL,mCAASW,QAAQJ,cAAAA,QAAcI,MAAM;AAAA,MAAEV;AAAAA,IAAAA,CAEvD;AAAA,EAAA,CACN;AAElB;;"}
+{"version":3,"file":"Header.cjs","sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { StyledHeaderRoot, StyledAppBar } from \"./Header.styles\";\nimport headerClasses, { HvHeaderClasses } from \"./headerClasses\";\n\nexport type HvHeaderPosition =\n  | \"fixed\"\n  | \"absolute\"\n  | \"sticky\"\n  | \"static\"\n  | \"relative\";\n\nexport interface HvHeaderProps extends HvBaseProps {\n  /** The position of the header bar */\n  position?: HvHeaderPosition;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvHeaderClasses;\n}\n\n/**\n * Header component is used to render a header bar with logo and brand name, navigation and actions.\n */\nexport const HvHeader = (props: HvHeaderProps) => {\n  const { className, classes, children, position = \"fixed\", ...others } = props;\n\n  return (\n    <StyledAppBar\n      className={clsx(\n        className,\n        classes?.root,\n        headerClasses.root,\n        classes?.backgroundColor,\n        headerClasses.backgroundColor\n      )}\n      $position={position}\n      {...others}\n    >\n      <StyledHeaderRoot className={clsx(classes?.header, headerClasses.header)}>\n        {children}\n      </StyledHeaderRoot>\n    </StyledAppBar>\n  );\n};\n"],"names":["HvHeader","props","className","classes","children","position","others","StyledAppBar","clsx","root","headerClasses","backgroundColor","$position","StyledHeaderRoot","header"],"mappings":";;;;;;AAwBaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,IAASC;AAAAA,IAAUC,WAAW;AAAA,IAAS,GAAGC;AAAAA,EAAWL,IAAAA;AAExE,wCACGM,cAAAA,cAAY;AAAA,IACXL,WAAWM,KACTN,KAAAA,WACAC,mCAASM,MACTC,sBAAcD,MACdN,mCAASQ,iBACTD,cAAAA,QAAcC,eAChB;AAAA,IACAC,WAAWP;AAAAA,IAAS,GAChBC;AAAAA,IAAMF,yCAETS,gCAAgB;AAAA,MAACX,WAAWM,KAAAA,KAAKL,mCAASW,QAAQJ,cAAAA,QAAcI,MAAM;AAAA,MAAEV;AAAAA,IAAAA,CAEvD;AAAA,EAAA,CACN;AAElB;;"}

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const clsx = require("clsx");
+const React = require("react");
+const SelectionContext = require("../utils/SelectionContext.cjs");
+const Bar_styles = require("./Bar.styles.cjs");
+const menuBarClasses = require("./menuBarClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Bar = ({
+  id,
+  data = [],
+  type = "menubar",
+  className,
+  children
+}) => {
+  const selectionPath = React.useContext(SelectionContext.SelectionContext);
+  const isMenu = type === "menu";
+  const isActive = isMenu && data.filter((item) => item.id === (selectionPath == null ? void 0 : selectionPath[1])).length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(Bar_styles.MenuBarRoot, {
+    className: clsx.clsx(className, isMenu && menuBarClasses.default.hidden, isActive && menuBarClasses.default.active),
+    $type: type,
+    $hidden: isMenu,
+    $active: isActive,
+    children: /* @__PURE__ */ jsxRuntime.jsx(Bar_styles.MenuBarUl, {
+      id,
+      onFocus: () => {
+      },
+      children
+    })
+  });
+};
+exports.Bar = Bar;
+//# sourceMappingURL=Bar.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Bar.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuBar/Bar.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport { useContext } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuBarRoot, MenuBarUl } from \"./Bar.styles\";\nimport headerMenuBarClasses from \"./menuBarClasses\";\nimport { HvHeaderNavigationItemProp } from \"../useSelectionPath\";\n\nexport interface BarProps extends HvBaseProps {\n  data: HvHeaderNavigationItemProp[];\n  type?: string;\n}\n\nexport const Bar = ({\n  id,\n  data = [],\n  type = \"menubar\",\n  className,\n  children,\n}: BarProps) => {\n  const selectionPath = useContext(SelectionContext);\n\n  const isMenu = type === \"menu\";\n\n  const isActive =\n    isMenu && data.filter((item) => item.id === selectionPath?.[1]).length > 0;\n\n  return (\n    <MenuBarRoot\n      className={clsx(\n        className,\n        isMenu && headerMenuBarClasses.hidden,\n        isActive && headerMenuBarClasses.active\n      )}\n      $type={type}\n      $hidden={isMenu}\n      $active={isActive}\n    >\n      <MenuBarUl id={id} onFocus={() => {}}>\n        {children}\n      </MenuBarUl>\n    </MenuBarRoot>\n  );\n};\n"],"names":["Bar","id","data","type","className","children","selectionPath","useContext","SelectionContext","isMenu","isActive","filter","item","length","MenuBarRoot","clsx","headerMenuBarClasses","hidden","active","$type","$hidden","$active","MenuBarUl","onFocus"],"mappings":";;;;;;;;AAgBO,MAAMA,MAAMA,CAAC;AAAA,EAClBC;AAAAA,EACAC,OAAO,CAAE;AAAA,EACTC,OAAO;AAAA,EACPC;AAAAA,EACAC;AACQ,MAAM;AACRC,QAAAA,gBAAgBC,iBAAWC,iBAAAA,gBAAgB;AAEjD,QAAMC,SAASN,SAAS;AAElBO,QAAAA,WACJD,UAAUP,KAAKS,OAAQC,CAAAA,SAASA,KAAKX,QAAOK,+CAAgB,GAAE,EAAEO,SAAS;AAE3E,wCACGC,WAAAA,aAAW;AAAA,IACVV,WAAWW,KAAAA,KACTX,WACAK,UAAUO,uBAAqBC,QAC/BP,YAAYM,uBAAqBE,MACnC;AAAA,IACAC,OAAOhB;AAAAA,IACPiB,SAASX;AAAAA,IACTY,SAASX;AAAAA,IAASL,yCAEjBiB,sBAAS;AAAA,MAACrB;AAAAA,MAAQsB,SAASA,MAAM;AAAA,MAAC;AAAA,MAAElB;AAAAA,IAAAA,CAE1B;AAAA,EAAA,CACA;AAEjB;;"}

package/dist/cjs/components/Header/Navigation/MenuBar/Bar.styles.cjs

@@ -0,0 +1,101 @@
+"use strict";
+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");
+const menuBarClasses = require("./menuBarClasses.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const show = {
+  top: `calc(${uikitStyles.theme.header.height} - ${uikitStyles.theme.header.borderTopThickness})`,
+  transition: ["top"],
+  boxShadow: uikitStyles.theme.header.shadow,
+  transitionDuration: "500ms",
+  backgroundColor: uikitStyles.theme.header.secondLevelBackgroundColor
+};
+const hide = {
+  top: 0,
+  transition: ["top"],
+  boxShadow: "none",
+  transitionDuration: "300ms"
+};
+const MenuBarRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e1e3i9c01"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "e1e3i9c01",
+  label: "MenuBarRoot"
+}, transientOptions.transientOptions))(({
+  $type,
+  $hidden,
+  $active
+}) => ({
+  left: 0,
+  width: "100%",
+  height: "100%",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  ...$type === "menubar" && {
+    position: "relative",
+    backgroundColor: uikitStyles.theme.header.backgroundColor
+  },
+  ...$type === "menu" && {
+    position: "absolute",
+    zIndex: -2,
+    height: uikitStyles.theme.header.secondLevelHeight,
+    backgroundColor: uikitStyles.theme.header.secondLevelBackgroundColor,
+    "& li > div": {
+      marginTop: 0
+    }
+  },
+  ...$hidden && {
+    ...hide
+  },
+  ...$active && {
+    ...show
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9CYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9CYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5pbXBvcnQgaGVhZGVyTWVudUJhckNsYXNzZXMgZnJvbSBcIi4vbWVudUJhckNsYXNzZXNcIjtcblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxufTtcblxuZXhwb3J0IGNvbnN0IGhpZGUgPSB7XG4gIHRvcDogMCxcbiAgdHJhbnNpdGlvbjogW1widG9wXCJdLFxuICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IFwiMzAwbXNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkdHlwZSxcbiAgICAkaGlkZGVuLFxuICAgICRhY3RpdmUsXG4gIH06IHtcbiAgICAkdHlwZTogc3RyaW5nO1xuICAgICRoaWRkZW4/OiBib29sZWFuO1xuICAgICRhY3RpdmU/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGxlZnQ6IDAsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAuLi4oJHR5cGUgPT09IFwibWVudWJhclwiICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCR0eXBlID09PSBcIm1lbnVcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgekluZGV4OiAtMixcbiAgICAgIGhlaWdodDogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsSGVpZ2h0LFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBcIiYgbGkgPiBkaXZcIjoge1xuICAgICAgICBtYXJnaW5Ub3A6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkaGlkZGVuICYmIHsgLi4uaGlkZSB9KSxcbiAgICAuLi4oJGFjdGl2ZSAmJiB7IC4uLnNob3cgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUJhclVsID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIGRpc3BsYXk6IFwiaW5oZXJpdFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBbYCY6aG92ZXIgLiR7aGVhZGVyTWVudUJhckNsYXNzZXMuYWN0aXZlfWBdOiB7XG4gICAgLi4uaGlkZSxcbiAgfSxcbiAgW2AmIGxpOmhvdmVyID4gLiR7aGVhZGVyTWVudUJhckNsYXNzZXMuaGlkZGVufWBdOiB7XG4gICAgLi4uc2hvdyxcbiAgfSxcblxuICBbYCY6Zm9jdXMtd2l0aGluIC4ke2hlYWRlck1lbnVCYXJDbGFzc2VzLmFjdGl2ZX1gXToge1xuICAgIC4uLmhpZGUsXG4gICAgekluZGV4OiAtMixcbiAgfSxcbiAgW2AmIGxpOmZvY3VzLXdpdGhpbiA+IC4ke2hlYWRlck1lbnVCYXJDbGFzc2VzLmhpZGRlbn1gXToge1xuICAgIC4uLnNob3csXG4gICAgekluZGV4OiAtMSxcbiAgfSxcbn0pO1xuIl19 */");
+const MenuBarUl = /* @__PURE__ */ _styled__default.default("ul", process.env.NODE_ENV === "production" ? {
+  target: "e1e3i9c00"
+} : {
+  target: "e1e3i9c00",
+  label: "MenuBarUl"
+})({
+  margin: 0,
+  padding: 0,
+  display: "inherit",
+  alignItems: "center",
+  height: "100%",
+  [`&:hover .${menuBarClasses.default.active}`]: {
+    ...hide
+  },
+  [`& li:hover > .${menuBarClasses.default.hidden}`]: {
+    ...show
+  },
+  [`&:focus-within .${menuBarClasses.default.active}`]: {
+    ...hide,
+    zIndex: -2
+  },
+  [`& li:focus-within > .${menuBarClasses.default.hidden}`]: {
+    ...show,
+    zIndex: -1
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9CYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RHlCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9CYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5pbXBvcnQgaGVhZGVyTWVudUJhckNsYXNzZXMgZnJvbSBcIi4vbWVudUJhckNsYXNzZXNcIjtcblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxufTtcblxuZXhwb3J0IGNvbnN0IGhpZGUgPSB7XG4gIHRvcDogMCxcbiAgdHJhbnNpdGlvbjogW1widG9wXCJdLFxuICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IFwiMzAwbXNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkdHlwZSxcbiAgICAkaGlkZGVuLFxuICAgICRhY3RpdmUsXG4gIH06IHtcbiAgICAkdHlwZTogc3RyaW5nO1xuICAgICRoaWRkZW4/OiBib29sZWFuO1xuICAgICRhY3RpdmU/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGxlZnQ6IDAsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAuLi4oJHR5cGUgPT09IFwibWVudWJhclwiICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCR0eXBlID09PSBcIm1lbnVcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgekluZGV4OiAtMixcbiAgICAgIGhlaWdodDogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsSGVpZ2h0LFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBcIiYgbGkgPiBkaXZcIjoge1xuICAgICAgICBtYXJnaW5Ub3A6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkaGlkZGVuICYmIHsgLi4uaGlkZSB9KSxcbiAgICAuLi4oJGFjdGl2ZSAmJiB7IC4uLnNob3cgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUJhclVsID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIGRpc3BsYXk6IFwiaW5oZXJpdFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBbYCY6aG92ZXIgLiR7aGVhZGVyTWVudUJhckNsYXNzZXMuYWN0aXZlfWBdOiB7XG4gICAgLi4uaGlkZSxcbiAgfSxcbiAgW2AmIGxpOmhvdmVyID4gLiR7aGVhZGVyTWVudUJhckNsYXNzZXMuaGlkZGVufWBdOiB7XG4gICAgLi4uc2hvdyxcbiAgfSxcblxuICBbYCY6Zm9jdXMtd2l0aGluIC4ke2hlYWRlck1lbnVCYXJDbGFzc2VzLmFjdGl2ZX1gXToge1xuICAgIC4uLmhpZGUsXG4gICAgekluZGV4OiAtMixcbiAgfSxcbiAgW2AmIGxpOmZvY3VzLXdpdGhpbiA+IC4ke2hlYWRlck1lbnVCYXJDbGFzc2VzLmhpZGRlbn1gXToge1xuICAgIC4uLnNob3csXG4gICAgekluZGV4OiAtMSxcbiAgfSxcbn0pO1xuIl19 */");
+exports.MenuBarRoot = MenuBarRoot;
+exports.MenuBarUl = MenuBarUl;
+exports.hide = hide;
+//# sourceMappingURL=Bar.styles.cjs.map