@verdaccio/ui-components 5.0.0-next-9.4 → 5.0.0-next-9.6

package/build/sections/Footer/styles.mjs

@@ -1,23 +1,14 @@
-import _styled from "@emotion/styled/base";
+import styled from "@emotion/styled";
 import { common } from "@mui/material/colors";
 //#region src/sections/Footer/styles.ts
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-	return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-var Wrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? { target: "e1u2lefy4" } : {
-	target: "e1u2lefy4",
-	label: "Wrapper"
-})(({ theme }) => ({
+var Wrapper = styled("div")(({ theme }) => ({
 	background: theme.palette.mode === "light" ? theme.palette.snow : theme.palette.cyanBlue,
 	borderTop: `1px solid ${theme.palette.greyGainsboro}`,
 	color: theme.palette.mode === "dark" ? common.white : theme.palette.nobel01,
 	fontSize: "14px",
 	padding: "20px"
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvRm9vdGVyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdmVyZGFjY2lvL3ZlcmRhY2Npby9wYWNrYWdlcy91aS1jb21wb25lbnRzL3NyYy9zZWN0aW9ucy9Gb290ZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY29tbW9uIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9jb2xvcnMnO1xuXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQoJ2RpdicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiB0aGVtZS5wYWxldHRlLm1vZGUgPT09ICdsaWdodCcgPyB0aGVtZS5wYWxldHRlLnNub3cgOiB0aGVtZS5wYWxldHRlLmN5YW5CbHVlLFxuICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS5wYWxldHRlLmdyZXlHYWluc2Jvcm99YCxcbiAgY29sb3I6IHRoZW1lLnBhbGV0dGUubW9kZSA9PT0gJ2RhcmsnID8gY29tbW9uLndoaXRlIDogdGhlbWUucGFsZXR0ZS5ub2JlbDAxLFxuICBmb250U2l6ZTogJzE0cHgnLFxuICBwYWRkaW5nOiAnMjBweCcsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBJbm5lciA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnLFxuICBwYWRkaW5nTGVmdDogMTYsXG4gIHBhZGRpbmdSaWdodDogMTYsXG4gIHdpZHRoOiAnMTAwJScsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7dGhlbWUuYnJlYWtQb2ludHMubWVkaXVtfXB4KWBdOiB7XG4gICAgbWluV2lkdGg6IDQwMCxcbiAgICBtYXhXaWR0aDogODAwLFxuICAgIG1hcmdpbjogJ2F1dG8nLFxuICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gIH0sXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7dGhlbWUuYnJlYWtQb2ludHMubGFyZ2V9cHgpYF06IHtcbiAgICBtYXhXaWR0aDogMTI0MCxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IExlZnQgPSBzdHlsZWQoJ2RpdicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgZGlzcGxheTogJ25vbmUnLFxuICBbYEBtZWRpYSAobWluLXdpZHRoOiAke3RoZW1lLmJyZWFrUG9pbnRzLm1lZGl1bX1weClgXToge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgfSxcbiAgbWFyZ2luTGVmdDogMSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFJpZ2h0ID0gc3R5bGVkKExlZnQpKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBtYXJnaW5SaWdodDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgTG92ZSA9IHN0eWxlZCgnc3BhbicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBjb2xvcjogdGhlbWUucGFsZXR0ZS5sb3ZlLFxuICBwYWRkaW5nOiAnMCA1cHgnLFxufSkpO1xuIl19 */");
-var Inner = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? { target: "e1u2lefy3" } : {
-	target: "e1u2lefy3",
-	label: "Inner"
-})(({ theme }) => ({
+}));
+var Inner = styled("div")(({ theme }) => ({
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "flex-end",
@@ -31,34 +22,21 @@ var Inner = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production"
 		justifyContent: "space-between"
 	},
 	[`@media (min-width: ${theme.breakPoints.large}px)`]: { maxWidth: 1240 }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvRm9vdGVyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhcUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdmVyZGFjY2lvL3ZlcmRhY2Npby9wYWNrYWdlcy91aS1jb21wb25lbnRzL3NyYy9zZWN0aW9ucy9Gb290ZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY29tbW9uIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9jb2xvcnMnO1xuXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQoJ2RpdicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiB0aGVtZS5wYWxldHRlLm1vZGUgPT09ICdsaWdodCcgPyB0aGVtZS5wYWxldHRlLnNub3cgOiB0aGVtZS5wYWxldHRlLmN5YW5CbHVlLFxuICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS5wYWxldHRlLmdyZXlHYWluc2Jvcm99YCxcbiAgY29sb3I6IHRoZW1lLnBhbGV0dGUubW9kZSA9PT0gJ2RhcmsnID8gY29tbW9uLndoaXRlIDogdGhlbWUucGFsZXR0ZS5ub2JlbDAxLFxuICBmb250U2l6ZTogJzE0cHgnLFxuICBwYWRkaW5nOiAnMjBweCcsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBJbm5lciA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnLFxuICBwYWRkaW5nTGVmdDogMTYsXG4gIHBhZGRpbmdSaWdodDogMTYsXG4gIHdpZHRoOiAnMTAwJScsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7dGhlbWUuYnJlYWtQb2ludHMubWVkaXVtfXB4KWBdOiB7XG4gICAgbWluV2lkdGg6IDQwMCxcbiAgICBtYXhXaWR0aDogODAwLFxuICAgIG1hcmdpbjogJ2F1dG8nLFxuICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gIH0sXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7dGhlbWUuYnJlYWtQb2ludHMubGFyZ2V9cHgpYF06IHtcbiAgICBtYXhXaWR0aDogMTI0MCxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IExlZnQgPSBzdHlsZWQoJ2RpdicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgZGlzcGxheTogJ25vbmUnLFxuICBbYEBtZWRpYSAobWluLXdpZHRoOiAke3RoZW1lLmJyZWFrUG9pbnRzLm1lZGl1bX1weClgXToge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgfSxcbiAgbWFyZ2luTGVmdDogMSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFJpZ2h0ID0gc3R5bGVkKExlZnQpKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBtYXJnaW5SaWdodDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgTG92ZSA9IHN0eWxlZCgnc3BhbicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBjb2xvcjogdGhlbWUucGFsZXR0ZS5sb3ZlLFxuICBwYWRkaW5nOiAnMCA1cHgnLFxufSkpO1xuIl19 */");
-var Left = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? { target: "e1u2lefy2" } : {
-	target: "e1u2lefy2",
-	label: "Left"
-})(({ theme }) => ({
+}));
+var Left = styled("div")(({ theme }) => ({
 	alignItems: "center",
 	display: "none",
 	[`@media (min-width: ${theme.breakPoints.medium}px)`]: { display: "flex" },
 	marginLeft: 1
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvRm9vdGVyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQm9CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvRm9vdGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbW1vbiB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwvY29sb3JzJztcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJy4uLy4uLyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkKCdkaXYnKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogdGhlbWUucGFsZXR0ZS5tb2RlID09PSAnbGlnaHQnID8gdGhlbWUucGFsZXR0ZS5zbm93IDogdGhlbWUucGFsZXR0ZS5jeWFuQmx1ZSxcbiAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmV5R2FpbnNib3JvfWAsXG4gIGNvbG9yOiB0aGVtZS5wYWxldHRlLm1vZGUgPT09ICdkYXJrJyA/IGNvbW1vbi53aGl0ZSA6IHRoZW1lLnBhbGV0dGUubm9iZWwwMSxcbiAgZm9udFNpemU6ICcxNHB4JyxcbiAgcGFkZGluZzogJzIwcHgnLFxufSkpO1xuXG5leHBvcnQgY29uc3QgSW5uZXIgPSBzdHlsZWQoJ2RpdicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtZW5kJyxcbiAgcGFkZGluZ0xlZnQ6IDE2LFxuICBwYWRkaW5nUmlnaHQ6IDE2LFxuICB3aWR0aDogJzEwMCUnLFxuICBbYEBtZWRpYSAobWluLXdpZHRoOiAke3RoZW1lLmJyZWFrUG9pbnRzLm1lZGl1bX1weClgXToge1xuICAgIG1pbldpZHRoOiA0MDAsXG4gICAgbWF4V2lkdGg6IDgwMCxcbiAgICBtYXJnaW46ICdhdXRvJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuICB9LFxuICBbYEBtZWRpYSAobWluLXdpZHRoOiAke3RoZW1lLmJyZWFrUG9pbnRzLmxhcmdlfXB4KWBdOiB7XG4gICAgbWF4V2lkdGg6IDEyNDAsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBMZWZ0ID0gc3R5bGVkKCdkaXYnKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGRpc3BsYXk6ICdub25lJyxcbiAgW2BAbWVkaWEgKG1pbi13aWR0aDogJHt0aGVtZS5icmVha1BvaW50cy5tZWRpdW19cHgpYF06IHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gIH0sXG4gIG1hcmdpbkxlZnQ6IDEsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBSaWdodCA9IHN0eWxlZChMZWZ0KSh7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgbWFyZ2luUmlnaHQ6IDEsXG59KTtcblxuZXhwb3J0IGNvbnN0IExvdmUgPSBzdHlsZWQoJ3NwYW4nKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnBhbGV0dGUubG92ZSxcbiAgcGFkZGluZzogJzAgNXB4Jyxcbn0pKTtcbiJdfQ== */");
-var Right = /* @__PURE__ */ _styled(Left, process.env.NODE_ENV === "production" ? { target: "e1u2lefy1" } : {
-	target: "e1u2lefy1",
-	label: "Right"
-})(process.env.NODE_ENV === "production" ? {
-	name: "1c0m0dr",
-	styles: "display:flex;margin-right:1px"
-} : {
-	name: "1c0m0dr",
-	styles: "display:flex;margin-right:1px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvRm9vdGVyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q3FCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvRm9vdGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbW1vbiB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwvY29sb3JzJztcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJy4uLy4uLyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkKCdkaXYnKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogdGhlbWUucGFsZXR0ZS5tb2RlID09PSAnbGlnaHQnID8gdGhlbWUucGFsZXR0ZS5zbm93IDogdGhlbWUucGFsZXR0ZS5jeWFuQmx1ZSxcbiAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmV5R2FpbnNib3JvfWAsXG4gIGNvbG9yOiB0aGVtZS5wYWxldHRlLm1vZGUgPT09ICdkYXJrJyA/IGNvbW1vbi53aGl0ZSA6IHRoZW1lLnBhbGV0dGUubm9iZWwwMSxcbiAgZm9udFNpemU6ICcxNHB4JyxcbiAgcGFkZGluZzogJzIwcHgnLFxufSkpO1xuXG5leHBvcnQgY29uc3QgSW5uZXIgPSBzdHlsZWQoJ2RpdicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtZW5kJyxcbiAgcGFkZGluZ0xlZnQ6IDE2LFxuICBwYWRkaW5nUmlnaHQ6IDE2LFxuICB3aWR0aDogJzEwMCUnLFxuICBbYEBtZWRpYSAobWluLXdpZHRoOiAke3RoZW1lLmJyZWFrUG9pbnRzLm1lZGl1bX1weClgXToge1xuICAgIG1pbldpZHRoOiA0MDAsXG4gICAgbWF4V2lkdGg6IDgwMCxcbiAgICBtYXJnaW46ICdhdXRvJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuICB9LFxuICBbYEBtZWRpYSAobWluLXdpZHRoOiAke3RoZW1lLmJyZWFrUG9pbnRzLmxhcmdlfXB4KWBdOiB7XG4gICAgbWF4V2lkdGg6IDEyNDAsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBMZWZ0ID0gc3R5bGVkKCdkaXYnKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGRpc3BsYXk6ICdub25lJyxcbiAgW2BAbWVkaWEgKG1pbi13aWR0aDogJHt0aGVtZS5icmVha1BvaW50cy5tZWRpdW19cHgpYF06IHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gIH0sXG4gIG1hcmdpbkxlZnQ6IDEsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBSaWdodCA9IHN0eWxlZChMZWZ0KSh7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgbWFyZ2luUmlnaHQ6IDEsXG59KTtcblxuZXhwb3J0IGNvbnN0IExvdmUgPSBzdHlsZWQoJ3NwYW4nKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnBhbGV0dGUubG92ZSxcbiAgcGFkZGluZzogJzAgNXB4Jyxcbn0pKTtcbiJdfQ== */",
-	toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+}));
+var Right = styled(Left)({
+	display: "flex",
+	marginRight: 1
 });
-var Love = /* @__PURE__ */ _styled("span", process.env.NODE_ENV === "production" ? { target: "e1u2lefy0" } : {
-	target: "e1u2lefy0",
-	label: "Love"
-})(({ theme }) => ({
+var Love = styled("span")(({ theme }) => ({
 	color: theme.palette.love,
 	padding: "0 5px"
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvRm9vdGVyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q29CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvRm9vdGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbW1vbiB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwvY29sb3JzJztcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJy4uLy4uLyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkKCdkaXYnKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogdGhlbWUucGFsZXR0ZS5tb2RlID09PSAnbGlnaHQnID8gdGhlbWUucGFsZXR0ZS5zbm93IDogdGhlbWUucGFsZXR0ZS5jeWFuQmx1ZSxcbiAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmV5R2FpbnNib3JvfWAsXG4gIGNvbG9yOiB0aGVtZS5wYWxldHRlLm1vZGUgPT09ICdkYXJrJyA/IGNvbW1vbi53aGl0ZSA6IHRoZW1lLnBhbGV0dGUubm9iZWwwMSxcbiAgZm9udFNpemU6ICcxNHB4JyxcbiAgcGFkZGluZzogJzIwcHgnLFxufSkpO1xuXG5leHBvcnQgY29uc3QgSW5uZXIgPSBzdHlsZWQoJ2RpdicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtZW5kJyxcbiAgcGFkZGluZ0xlZnQ6IDE2LFxuICBwYWRkaW5nUmlnaHQ6IDE2LFxuICB3aWR0aDogJzEwMCUnLFxuICBbYEBtZWRpYSAobWluLXdpZHRoOiAke3RoZW1lLmJyZWFrUG9pbnRzLm1lZGl1bX1weClgXToge1xuICAgIG1pbldpZHRoOiA0MDAsXG4gICAgbWF4V2lkdGg6IDgwMCxcbiAgICBtYXJnaW46ICdhdXRvJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuICB9LFxuICBbYEBtZWRpYSAobWluLXdpZHRoOiAke3RoZW1lLmJyZWFrUG9pbnRzLmxhcmdlfXB4KWBdOiB7XG4gICAgbWF4V2lkdGg6IDEyNDAsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBMZWZ0ID0gc3R5bGVkKCdkaXYnKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGRpc3BsYXk6ICdub25lJyxcbiAgW2BAbWVkaWEgKG1pbi13aWR0aDogJHt0aGVtZS5icmVha1BvaW50cy5tZWRpdW19cHgpYF06IHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gIH0sXG4gIG1hcmdpbkxlZnQ6IDEsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBSaWdodCA9IHN0eWxlZChMZWZ0KSh7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgbWFyZ2luUmlnaHQ6IDEsXG59KTtcblxuZXhwb3J0IGNvbnN0IExvdmUgPSBzdHlsZWQoJ3NwYW4nKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnBhbGV0dGUubG92ZSxcbiAgcGFkZGluZzogJzAgNXB4Jyxcbn0pKTtcbiJdfQ== */");
+}));
 //#endregion
 export { Inner, Left, Love, Right, Wrapper };
 

package/build/sections/Footer/styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.mjs","names":["common","Theme","Wrapper","_styled","process","env","NODE_ENV","target","label","theme","background","palette","mode","snow","cyanBlue","borderTop","greyGainsboro","color","white","nobel01","fontSize","padding","Inner","display","alignItems","justifyContent","paddingLeft","paddingRight","width","breakPoints","medium","minWidth","maxWidth","margin","large","Left","marginLeft","Right","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Love","love"],"sources":["../../../src/sections/Footer/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { common } from '@mui/material/colors';\n\nimport type { Theme } from '../../';\n\nexport const Wrapper = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n  background: theme.palette.mode === 'light' ? theme.palette.snow : theme.palette.cyanBlue,\n  borderTop: `1px solid ${theme.palette.greyGainsboro}`,\n  color: theme.palette.mode === 'dark' ? common.white : theme.palette.nobel01,\n  fontSize: '14px',\n  padding: '20px',\n}));\n\nexport const Inner = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'flex-end',\n  paddingLeft: 16,\n  paddingRight: 16,\n  width: '100%',\n  [`@media (min-width: ${theme.breakPoints.medium}px)`]: {\n    minWidth: 400,\n    maxWidth: 800,\n    margin: 'auto',\n    justifyContent: 'space-between',\n  },\n  [`@media (min-width: ${theme.breakPoints.large}px)`]: {\n    maxWidth: 1240,\n  },\n}));\n\nexport const Left = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n  alignItems: 'center',\n  display: 'none',\n  [`@media (min-width: ${theme.breakPoints.medium}px)`]: {\n    display: 'flex',\n  },\n  marginLeft: 1,\n}));\n\nexport const Right = styled(Left)({\n  display: 'flex',\n  marginRight: 1,\n});\n\nexport const Love = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  color: theme.palette.love,\n  padding: '0 5px',\n}));\n"],"mappings":";;;;;;AAKA,IAAaE,UAAUC,wBAAO,OAAA,QAAA,IAAA,aAAK,eAAA,EAAAI,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,aAAa;CACtEC,YAAYD,MAAME,QAAQC,SAAS,UAAUH,MAAME,QAAQE,OAAOJ,MAAME,QAAQG;CAChFC,WAAW,aAAaN,MAAME,QAAQK;CACtCC,OAAOR,MAAME,QAAQC,SAAS,SAASZ,OAAOkB,QAAQT,MAAME,QAAQQ;CACpEC,UAAU;CACVC,SAAS;CACV,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,kvEAAC;AAEH,IAAaC,QAAQnB,wBAAO,OAAA,QAAA,IAAA,aAAK,eAAA,EAAAI,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,aAAa;CACpEc,SAAS;CACTC,YAAY;CACZC,gBAAgB;CAChBC,aAAa;CACbC,cAAc;CACdC,OAAO;EACN,sBAAsBnB,MAAMoB,YAAYC,OAAM,OAAQ;EACrDC,UAAU;EACVC,UAAU;EACVC,QAAQ;EACRR,gBAAgB;EACjB;EACA,sBAAsBhB,MAAMoB,YAAYK,MAAK,OAAQ,EACpDF,UAAU,MACZ;CACD,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,kvEAAC;AAEH,IAAaG,OAAOhC,wBAAO,OAAA,QAAA,IAAA,aAAK,eAAA,EAAAI,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,aAAa;CACnEe,YAAY;CACZD,SAAS;EACR,sBAAsBd,MAAMoB,YAAYC,OAAM,OAAQ,EACrDP,SAAS,QACV;CACDa,YAAY;CACb,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,svEAAC;AAEH,IAAaC,QAAQlC,wBAAOgC,MAAAA,QAAAA,IAAAA,aAAI,eAAA,EAAA5B,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,CAAA,QAAA,IAAA,aAAA,eAAA;CAAA8B,MAAA;CAAAC,QAAA;CAAA,GAAA;CAAAD,MAAA;CAAAC,QAAA;CAAAC,UAAAC;CAGhC,CAAC;AAEF,IAAaC,OAAOvC,wBAAO,QAAA,QAAA,IAAA,aAAM,eAAA,EAAAI,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,aAAa;CACpEQ,OAAOR,MAAME,QAAQgC;CACrBtB,SAAS;CACV,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,svEAAC"}
+{"version":3,"file":"styles.mjs","names":[],"sources":["../../../src/sections/Footer/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { common } from '@mui/material/colors';\n\nimport type { Theme } from '../../';\n\nexport const Wrapper = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n  background: theme.palette.mode === 'light' ? theme.palette.snow : theme.palette.cyanBlue,\n  borderTop: `1px solid ${theme.palette.greyGainsboro}`,\n  color: theme.palette.mode === 'dark' ? common.white : theme.palette.nobel01,\n  fontSize: '14px',\n  padding: '20px',\n}));\n\nexport const Inner = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'flex-end',\n  paddingLeft: 16,\n  paddingRight: 16,\n  width: '100%',\n  [`@media (min-width: ${theme.breakPoints.medium}px)`]: {\n    minWidth: 400,\n    maxWidth: 800,\n    margin: 'auto',\n    justifyContent: 'space-between',\n  },\n  [`@media (min-width: ${theme.breakPoints.large}px)`]: {\n    maxWidth: 1240,\n  },\n}));\n\nexport const Left = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n  alignItems: 'center',\n  display: 'none',\n  [`@media (min-width: ${theme.breakPoints.medium}px)`]: {\n    display: 'flex',\n  },\n  marginLeft: 1,\n}));\n\nexport const Right = styled(Left)({\n  display: 'flex',\n  marginRight: 1,\n});\n\nexport const Love = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  color: theme.palette.love,\n  padding: '0 5px',\n}));\n"],"mappings":";;;AAKA,IAAa,UAAU,OAAO,MAAM,EAAqB,EAAE,aAAa;CACtE,YAAY,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,OAAO,MAAM,QAAQ;CAChF,WAAW,aAAa,MAAM,QAAQ;CACtC,OAAO,MAAM,QAAQ,SAAS,SAAS,OAAO,QAAQ,MAAM,QAAQ;CACpE,UAAU;CACV,SAAS;CACV,EAAE;AAEH,IAAa,QAAQ,OAAO,MAAM,EAAqB,EAAE,aAAa;CACpE,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,OAAO;EACN,sBAAsB,MAAM,YAAY,OAAO,OAAO;EACrD,UAAU;EACV,UAAU;EACV,QAAQ;EACR,gBAAgB;EACjB;EACA,sBAAsB,MAAM,YAAY,MAAM,OAAO,EACpD,UAAU,MACX;CACF,EAAE;AAEH,IAAa,OAAO,OAAO,MAAM,EAAqB,EAAE,aAAa;CACnE,YAAY;CACZ,SAAS;EACR,sBAAsB,MAAM,YAAY,OAAO,OAAO,EACrD,SAAS,QACV;CACD,YAAY;CACb,EAAE;AAEH,IAAa,QAAQ,OAAO,KAAK,CAAC;CAChC,SAAS;CACT,aAAa;CACd,CAAC;AAEF,IAAa,OAAO,OAAO,OAAO,EAAqB,EAAE,aAAa;CACpE,OAAO,MAAM,QAAQ;CACrB,SAAS;CACV,EAAE"}

package/build/sections/Header/Header.js

@@ -9,9 +9,9 @@ const require_HeaderLeft = require("./HeaderLeft.js");
 const require_HeaderRight = require("./HeaderRight.js");
 const require_HeaderSettingsDialog = require("./HeaderSettingsDialog.js");
 require("../../index.js");
-let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
 let _mui_material_Button = require("@mui/material/Button");
 _mui_material_Button = require_runtime.__toESM(_mui_material_Button);
@@ -44,38 +44,44 @@ var Header = ({ HeaderInfoDialog, isPlainHeader, tokenCheckIntervalMs = 3600 * 1
 	if (isPlainHeader) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.NavBar, {
 		"data-testid": "header",
 		position: "static",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_styles.InnerNavBar, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_HeaderLeft.default, { showSearch: false }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_HeaderRight.default, {
-			hasLogin: false,
-			onLogout: () => {},
-			onOpenRegistryInfoDialog: () => {},
-			onOpenSettingsDialog: () => {},
-			onToggleLogin: () => {},
-			onToggleMobileNav: () => {},
-			showInfo: false,
-			showSearch: false,
-			showSettings: false,
-			showThemeSwitch: false,
-			username: ""
-		})] })
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_styles.InnerNavBar, {
+			"data-testid": "inner-nav-bar",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_HeaderLeft.default, { showSearch: false }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_HeaderRight.default, {
+				hasLogin: false,
+				onLogout: () => {},
+				onOpenRegistryInfoDialog: () => {},
+				onOpenSettingsDialog: () => {},
+				onToggleLogin: () => {},
+				onToggleMobileNav: () => {},
+				showInfo: false,
+				showSearch: false,
+				showSettings: false,
+				showThemeSwitch: false,
+				username: ""
+			})]
+		})
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_styles.NavBar, {
 			"data-testid": "header",
 			position: "static",
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_styles.InnerNavBar, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_HeaderLeft.default, { showSearch: configOptions.showSearch }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_HeaderRight.default, {
-					hasLogin: configOptions?.login,
-					onLogout: handleLogout,
-					onOpenRegistryInfoDialog: () => setOpenInfoDialog(true),
-					onOpenSettingsDialog: () => setSettingsDialogOpen(true),
-					onToggleLogin: () => setShowLoginModal(!showLoginModal),
-					onToggleMobileNav: () => setShowMobileNavBar(!showMobileNavBar),
-					showInfo: configOptions.showInfo,
-					showSearch: configOptions.showSearch,
-					showSettings: configOptions.showSettings,
-					showThemeSwitch: configOptions.showThemeSwitch,
-					username: userState?.username
-				})] }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_styles.InnerNavBar, {
+					"data-testid": "inner-nav-bar",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_HeaderLeft.default, { showSearch: configOptions.showSearch }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_HeaderRight.default, {
+						hasLogin: configOptions?.login,
+						onLogout: handleLogout,
+						onOpenRegistryInfoDialog: () => setOpenInfoDialog(true),
+						onOpenSettingsDialog: () => setSettingsDialogOpen(true),
+						onToggleLogin: () => setShowLoginModal(!showLoginModal),
+						onToggleMobileNav: () => setShowMobileNavBar(!showMobileNavBar),
+						showInfo: configOptions.showInfo,
+						showSearch: configOptions.showSearch,
+						showSettings: configOptions.showSettings,
+						showThemeSwitch: configOptions.showThemeSwitch,
+						username: userState?.username
+					})]
+				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_HeaderSettingsDialog.default, {
 					isOpen: isSettingsDialogOpen,
 					onCloseDialog: () => setSettingsDialogOpen(false)
@@ -87,11 +93,14 @@ var Header = ({ HeaderInfoDialog, isPlainHeader, tokenCheckIntervalMs = 3600 * 1
 				}) : null
 			]
 		}),
-		showMobileNavBar && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_styles.MobileNavBar, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.InnerMobileNavBar, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Search.default, {}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Button.default, {
-			color: "inherit",
-			onClick: () => setShowMobileNavBar(false),
-			children: t("button.cancel")
-		})] }),
+		showMobileNavBar && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_styles.MobileNavBar, {
+			"data-testid": "mobile-nav-bar",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.InnerMobileNavBar, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Search.default, {}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Button.default, {
+				color: "inherit",
+				onClick: () => setShowMobileNavBar(false),
+				children: t("button.cancel")
+			})]
+		}),
 		!userState?.username && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LoginDialog.default, {
 			onClose: () => setShowLoginModal(false),
 			open: showLoginModal

package/build/sections/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["Button","React","useEffect","useRef","useState","useTranslation","LoginDialog","Search","useAuth","useConfig","isTokenExpire","HeaderLeft","HeaderRight","HeaderSettingsDialog","InnerMobileNavBar","InnerNavBar","MobileNavBar","NavBar","Props","HeaderInfoDialog","FC","isPlainHeader","tokenCheckIntervalMs","Header","t","isInfoDialogOpen","setOpenInfoDialog","isSettingsDialogOpen","setSettingsDialogOpen","showMobileNavBar","setShowMobileNavBar","showLoginModal","setShowLoginModal","configOptions","userState","logOutUser","tokenRef","token","current","checkToken","interval","setInterval","clearInterval","handleLogout","showSearch","login","showInfo","showSettings","showThemeSwitch","username"],"sources":["../../../src/sections/Header/Header.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { LoginDialog, Search, useAuth, useConfig } from '../../';\nimport { isTokenExpire } from '../../utils/token';\nimport HeaderLeft from './HeaderLeft';\nimport HeaderRight from './HeaderRight';\nimport HeaderSettingsDialog from './HeaderSettingsDialog';\nimport { InnerMobileNavBar, InnerNavBar, MobileNavBar, NavBar } from './styles';\n\ntype Props = {\n  HeaderInfoDialog?: React.FC<any>;\n  isPlainHeader?: boolean;\n  tokenCheckIntervalMs?: number;\n};\n\n// Session timeout default is 1 hour\nconst Header: React.FC<Props> = ({\n  HeaderInfoDialog,\n  isPlainHeader,\n  tokenCheckIntervalMs = 60 * 60 * 1000,\n}) => {\n  const { t } = useTranslation();\n  const [isInfoDialogOpen, setOpenInfoDialog] = useState<boolean>(false);\n  const [isSettingsDialogOpen, setSettingsDialogOpen] = useState<boolean>(false);\n  const [showMobileNavBar, setShowMobileNavBar] = useState<boolean>(false);\n  const [showLoginModal, setShowLoginModal] = useState<boolean>(false);\n  const { configOptions } = useConfig();\n  const { userState, logOutUser } = useAuth();\n\n  // Use a ref to always have the latest token in the interval callback\n  const tokenRef = useRef(userState?.token);\n  useEffect(() => {\n    tokenRef.current = userState?.token;\n  }, [userState?.token]);\n\n  useEffect(() => {\n    function checkToken() {\n      const token = tokenRef.current;\n      if (token && isTokenExpire(token)) {\n        logOutUser?.();\n      }\n    }\n    checkToken();\n    const interval = setInterval(checkToken, tokenCheckIntervalMs);\n    return () => clearInterval(interval);\n  }, [tokenCheckIntervalMs]);\n\n  const handleLogout = () => {\n    logOutUser?.();\n    setShowLoginModal(false);\n  };\n  if (isPlainHeader) {\n    return (\n      <NavBar data-testid=\"header\" position=\"static\">\n        <InnerNavBar>\n          <HeaderLeft showSearch={false} />\n          <HeaderRight\n            hasLogin={false}\n            onLogout={() => {}}\n            onOpenRegistryInfoDialog={() => {}}\n            onOpenSettingsDialog={() => {}}\n            onToggleLogin={() => {}}\n            onToggleMobileNav={() => {}}\n            showInfo={false}\n            showSearch={false}\n            showSettings={false}\n            showThemeSwitch={false}\n            username={''}\n          />\n        </InnerNavBar>\n      </NavBar>\n    );\n  }\n\n  return (\n    <>\n      <NavBar data-testid=\"header\" position=\"static\">\n        <InnerNavBar>\n          <HeaderLeft showSearch={configOptions.showSearch} />\n          <HeaderRight\n            hasLogin={configOptions?.login}\n            onLogout={handleLogout}\n            onOpenRegistryInfoDialog={() => setOpenInfoDialog(true)}\n            onOpenSettingsDialog={() => setSettingsDialogOpen(true)}\n            onToggleLogin={() => setShowLoginModal(!showLoginModal)}\n            onToggleMobileNav={() => setShowMobileNavBar(!showMobileNavBar)}\n            showInfo={configOptions.showInfo}\n            showSearch={configOptions.showSearch}\n            showSettings={configOptions.showSettings}\n            showThemeSwitch={configOptions.showThemeSwitch}\n            username={userState?.username}\n          />\n        </InnerNavBar>\n        <HeaderSettingsDialog\n          isOpen={isSettingsDialogOpen}\n          onCloseDialog={() => setSettingsDialogOpen(false)}\n        />\n        {HeaderInfoDialog ? (\n          <HeaderInfoDialog\n            dialogTitle={t('dialog.registry-info.title')}\n            isOpen={isInfoDialogOpen}\n            onCloseDialog={() => setOpenInfoDialog(false)}\n          />\n        ) : null}\n      </NavBar>\n      {showMobileNavBar && (\n        <MobileNavBar>\n          <InnerMobileNavBar>\n            <Search />\n          </InnerMobileNavBar>\n          <Button color=\"inherit\" onClick={() => setShowMobileNavBar(false)}>\n            {t('button.cancel')}\n          </Button>\n        </MobileNavBar>\n      )}\n      {!userState?.username && (\n        <LoginDialog onClose={() => setShowLoginModal(false)} open={showLoginModal} />\n      )}\n    </>\n  );\n};\n\nexport default Header;\n"],"mappings":"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"}
+{"version":3,"file":"Header.js","names":[],"sources":["../../../src/sections/Header/Header.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { LoginDialog, Search, useAuth, useConfig } from '../../';\nimport { isTokenExpire } from '../../utils/token';\nimport HeaderLeft from './HeaderLeft';\nimport HeaderRight from './HeaderRight';\nimport HeaderSettingsDialog from './HeaderSettingsDialog';\nimport { InnerMobileNavBar, InnerNavBar, MobileNavBar, NavBar } from './styles';\n\ntype Props = {\n  HeaderInfoDialog?: React.FC<any>;\n  isPlainHeader?: boolean;\n  tokenCheckIntervalMs?: number;\n};\n\n// Session timeout default is 1 hour\nconst Header: React.FC<Props> = ({\n  HeaderInfoDialog,\n  isPlainHeader,\n  tokenCheckIntervalMs = 60 * 60 * 1000,\n}) => {\n  const { t } = useTranslation();\n  const [isInfoDialogOpen, setOpenInfoDialog] = useState<boolean>(false);\n  const [isSettingsDialogOpen, setSettingsDialogOpen] = useState<boolean>(false);\n  const [showMobileNavBar, setShowMobileNavBar] = useState<boolean>(false);\n  const [showLoginModal, setShowLoginModal] = useState<boolean>(false);\n  const { configOptions } = useConfig();\n  const { userState, logOutUser } = useAuth();\n\n  // Use a ref to always have the latest token in the interval callback\n  const tokenRef = useRef(userState?.token);\n  useEffect(() => {\n    tokenRef.current = userState?.token;\n  }, [userState?.token]);\n\n  useEffect(() => {\n    function checkToken() {\n      const token = tokenRef.current;\n      if (token && isTokenExpire(token)) {\n        logOutUser?.();\n      }\n    }\n    checkToken();\n    const interval = setInterval(checkToken, tokenCheckIntervalMs);\n    return () => clearInterval(interval);\n  }, [tokenCheckIntervalMs]);\n\n  const handleLogout = () => {\n    logOutUser?.();\n    setShowLoginModal(false);\n  };\n  if (isPlainHeader) {\n    return (\n      <NavBar data-testid=\"header\" position=\"static\">\n        <InnerNavBar data-testid=\"inner-nav-bar\">\n          <HeaderLeft showSearch={false} />\n          <HeaderRight\n            hasLogin={false}\n            onLogout={() => {}}\n            onOpenRegistryInfoDialog={() => {}}\n            onOpenSettingsDialog={() => {}}\n            onToggleLogin={() => {}}\n            onToggleMobileNav={() => {}}\n            showInfo={false}\n            showSearch={false}\n            showSettings={false}\n            showThemeSwitch={false}\n            username={''}\n          />\n        </InnerNavBar>\n      </NavBar>\n    );\n  }\n\n  return (\n    <>\n      <NavBar data-testid=\"header\" position=\"static\">\n        <InnerNavBar data-testid=\"inner-nav-bar\">\n          <HeaderLeft showSearch={configOptions.showSearch} />\n          <HeaderRight\n            hasLogin={configOptions?.login}\n            onLogout={handleLogout}\n            onOpenRegistryInfoDialog={() => setOpenInfoDialog(true)}\n            onOpenSettingsDialog={() => setSettingsDialogOpen(true)}\n            onToggleLogin={() => setShowLoginModal(!showLoginModal)}\n            onToggleMobileNav={() => setShowMobileNavBar(!showMobileNavBar)}\n            showInfo={configOptions.showInfo}\n            showSearch={configOptions.showSearch}\n            showSettings={configOptions.showSettings}\n            showThemeSwitch={configOptions.showThemeSwitch}\n            username={userState?.username}\n          />\n        </InnerNavBar>\n        <HeaderSettingsDialog\n          isOpen={isSettingsDialogOpen}\n          onCloseDialog={() => setSettingsDialogOpen(false)}\n        />\n        {HeaderInfoDialog ? (\n          <HeaderInfoDialog\n            dialogTitle={t('dialog.registry-info.title')}\n            isOpen={isInfoDialogOpen}\n            onCloseDialog={() => setOpenInfoDialog(false)}\n          />\n        ) : null}\n      </NavBar>\n      {showMobileNavBar && (\n        <MobileNavBar data-testid=\"mobile-nav-bar\">\n          <InnerMobileNavBar>\n            <Search />\n          </InnerMobileNavBar>\n          <Button color=\"inherit\" onClick={() => setShowMobileNavBar(false)}>\n            {t('button.cancel')}\n          </Button>\n        </MobileNavBar>\n      )}\n      {!userState?.username && (\n        <LoginDialog onClose={() => setShowLoginModal(false)} open={showLoginModal} />\n      )}\n    </>\n  );\n};\n\nexport default Header;\n"],"mappings":"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"}

package/build/sections/Header/Header.mjs

@@ -8,8 +8,8 @@ import HeaderLeft from "./HeaderLeft.mjs";
 import HeaderRight from "./HeaderRight.mjs";
 import HeaderSettingsDialog from "./HeaderSettingsDialog.mjs";
 import "../../index.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import Button from "@mui/material/Button";
 //#region src/sections/Header/Header.tsx
@@ -41,38 +41,44 @@ var Header = ({ HeaderInfoDialog, isPlainHeader, tokenCheckIntervalMs = 3600 * 1
 	if (isPlainHeader) return /* @__PURE__ */ jsx(NavBar, {
 		"data-testid": "header",
 		position: "static",
-		children: /* @__PURE__ */ jsxs(InnerNavBar, { children: [/* @__PURE__ */ jsx(HeaderLeft, { showSearch: false }), /* @__PURE__ */ jsx(HeaderRight, {
-			hasLogin: false,
-			onLogout: () => {},
-			onOpenRegistryInfoDialog: () => {},
-			onOpenSettingsDialog: () => {},
-			onToggleLogin: () => {},
-			onToggleMobileNav: () => {},
-			showInfo: false,
-			showSearch: false,
-			showSettings: false,
-			showThemeSwitch: false,
-			username: ""
-		})] })
+		children: /* @__PURE__ */ jsxs(InnerNavBar, {
+			"data-testid": "inner-nav-bar",
+			children: [/* @__PURE__ */ jsx(HeaderLeft, { showSearch: false }), /* @__PURE__ */ jsx(HeaderRight, {
+				hasLogin: false,
+				onLogout: () => {},
+				onOpenRegistryInfoDialog: () => {},
+				onOpenSettingsDialog: () => {},
+				onToggleLogin: () => {},
+				onToggleMobileNav: () => {},
+				showInfo: false,
+				showSearch: false,
+				showSettings: false,
+				showThemeSwitch: false,
+				username: ""
+			})]
+		})
 	});
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		/* @__PURE__ */ jsxs(NavBar, {
 			"data-testid": "header",
 			position: "static",
 			children: [
-				/* @__PURE__ */ jsxs(InnerNavBar, { children: [/* @__PURE__ */ jsx(HeaderLeft, { showSearch: configOptions.showSearch }), /* @__PURE__ */ jsx(HeaderRight, {
-					hasLogin: configOptions?.login,
-					onLogout: handleLogout,
-					onOpenRegistryInfoDialog: () => setOpenInfoDialog(true),
-					onOpenSettingsDialog: () => setSettingsDialogOpen(true),
-					onToggleLogin: () => setShowLoginModal(!showLoginModal),
-					onToggleMobileNav: () => setShowMobileNavBar(!showMobileNavBar),
-					showInfo: configOptions.showInfo,
-					showSearch: configOptions.showSearch,
-					showSettings: configOptions.showSettings,
-					showThemeSwitch: configOptions.showThemeSwitch,
-					username: userState?.username
-				})] }),
+				/* @__PURE__ */ jsxs(InnerNavBar, {
+					"data-testid": "inner-nav-bar",
+					children: [/* @__PURE__ */ jsx(HeaderLeft, { showSearch: configOptions.showSearch }), /* @__PURE__ */ jsx(HeaderRight, {
+						hasLogin: configOptions?.login,
+						onLogout: handleLogout,
+						onOpenRegistryInfoDialog: () => setOpenInfoDialog(true),
+						onOpenSettingsDialog: () => setSettingsDialogOpen(true),
+						onToggleLogin: () => setShowLoginModal(!showLoginModal),
+						onToggleMobileNav: () => setShowMobileNavBar(!showMobileNavBar),
+						showInfo: configOptions.showInfo,
+						showSearch: configOptions.showSearch,
+						showSettings: configOptions.showSettings,
+						showThemeSwitch: configOptions.showThemeSwitch,
+						username: userState?.username
+					})]
+				}),
 				/* @__PURE__ */ jsx(HeaderSettingsDialog, {
 					isOpen: isSettingsDialogOpen,
 					onCloseDialog: () => setSettingsDialogOpen(false)
@@ -84,11 +90,14 @@ var Header = ({ HeaderInfoDialog, isPlainHeader, tokenCheckIntervalMs = 3600 * 1
 				}) : null
 			]
 		}),
-		showMobileNavBar && /* @__PURE__ */ jsxs(MobileNavBar, { children: [/* @__PURE__ */ jsx(InnerMobileNavBar, { children: /* @__PURE__ */ jsx(Search, {}) }), /* @__PURE__ */ jsx(Button, {
-			color: "inherit",
-			onClick: () => setShowMobileNavBar(false),
-			children: t("button.cancel")
-		})] }),
+		showMobileNavBar && /* @__PURE__ */ jsxs(MobileNavBar, {
+			"data-testid": "mobile-nav-bar",
+			children: [/* @__PURE__ */ jsx(InnerMobileNavBar, { children: /* @__PURE__ */ jsx(Search, {}) }), /* @__PURE__ */ jsx(Button, {
+				color: "inherit",
+				onClick: () => setShowMobileNavBar(false),
+				children: t("button.cancel")
+			})]
+		}),
 		!userState?.username && /* @__PURE__ */ jsx(LoginDialog, {
 			onClose: () => setShowLoginModal(false),
 			open: showLoginModal

package/build/sections/Header/Header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Header.mjs","names":["Button","React","useEffect","useRef","useState","useTranslation","LoginDialog","Search","useAuth","useConfig","isTokenExpire","HeaderLeft","HeaderRight","HeaderSettingsDialog","InnerMobileNavBar","InnerNavBar","MobileNavBar","NavBar","Props","HeaderInfoDialog","FC","isPlainHeader","tokenCheckIntervalMs","Header","t","isInfoDialogOpen","setOpenInfoDialog","isSettingsDialogOpen","setSettingsDialogOpen","showMobileNavBar","setShowMobileNavBar","showLoginModal","setShowLoginModal","configOptions","userState","logOutUser","tokenRef","token","current","checkToken","interval","setInterval","clearInterval","handleLogout","showSearch","login","showInfo","showSettings","showThemeSwitch","username"],"sources":["../../../src/sections/Header/Header.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { LoginDialog, Search, useAuth, useConfig } from '../../';\nimport { isTokenExpire } from '../../utils/token';\nimport HeaderLeft from './HeaderLeft';\nimport HeaderRight from './HeaderRight';\nimport HeaderSettingsDialog from './HeaderSettingsDialog';\nimport { InnerMobileNavBar, InnerNavBar, MobileNavBar, NavBar } from './styles';\n\ntype Props = {\n  HeaderInfoDialog?: React.FC<any>;\n  isPlainHeader?: boolean;\n  tokenCheckIntervalMs?: number;\n};\n\n// Session timeout default is 1 hour\nconst Header: React.FC<Props> = ({\n  HeaderInfoDialog,\n  isPlainHeader,\n  tokenCheckIntervalMs = 60 * 60 * 1000,\n}) => {\n  const { t } = useTranslation();\n  const [isInfoDialogOpen, setOpenInfoDialog] = useState<boolean>(false);\n  const [isSettingsDialogOpen, setSettingsDialogOpen] = useState<boolean>(false);\n  const [showMobileNavBar, setShowMobileNavBar] = useState<boolean>(false);\n  const [showLoginModal, setShowLoginModal] = useState<boolean>(false);\n  const { configOptions } = useConfig();\n  const { userState, logOutUser } = useAuth();\n\n  // Use a ref to always have the latest token in the interval callback\n  const tokenRef = useRef(userState?.token);\n  useEffect(() => {\n    tokenRef.current = userState?.token;\n  }, [userState?.token]);\n\n  useEffect(() => {\n    function checkToken() {\n      const token = tokenRef.current;\n      if (token && isTokenExpire(token)) {\n        logOutUser?.();\n      }\n    }\n    checkToken();\n    const interval = setInterval(checkToken, tokenCheckIntervalMs);\n    return () => clearInterval(interval);\n  }, [tokenCheckIntervalMs]);\n\n  const handleLogout = () => {\n    logOutUser?.();\n    setShowLoginModal(false);\n  };\n  if (isPlainHeader) {\n    return (\n      <NavBar data-testid=\"header\" position=\"static\">\n        <InnerNavBar>\n          <HeaderLeft showSearch={false} />\n          <HeaderRight\n            hasLogin={false}\n            onLogout={() => {}}\n            onOpenRegistryInfoDialog={() => {}}\n            onOpenSettingsDialog={() => {}}\n            onToggleLogin={() => {}}\n            onToggleMobileNav={() => {}}\n            showInfo={false}\n            showSearch={false}\n            showSettings={false}\n            showThemeSwitch={false}\n            username={''}\n          />\n        </InnerNavBar>\n      </NavBar>\n    );\n  }\n\n  return (\n    <>\n      <NavBar data-testid=\"header\" position=\"static\">\n        <InnerNavBar>\n          <HeaderLeft showSearch={configOptions.showSearch} />\n          <HeaderRight\n            hasLogin={configOptions?.login}\n            onLogout={handleLogout}\n            onOpenRegistryInfoDialog={() => setOpenInfoDialog(true)}\n            onOpenSettingsDialog={() => setSettingsDialogOpen(true)}\n            onToggleLogin={() => setShowLoginModal(!showLoginModal)}\n            onToggleMobileNav={() => setShowMobileNavBar(!showMobileNavBar)}\n            showInfo={configOptions.showInfo}\n            showSearch={configOptions.showSearch}\n            showSettings={configOptions.showSettings}\n            showThemeSwitch={configOptions.showThemeSwitch}\n            username={userState?.username}\n          />\n        </InnerNavBar>\n        <HeaderSettingsDialog\n          isOpen={isSettingsDialogOpen}\n          onCloseDialog={() => setSettingsDialogOpen(false)}\n        />\n        {HeaderInfoDialog ? (\n          <HeaderInfoDialog\n            dialogTitle={t('dialog.registry-info.title')}\n            isOpen={isInfoDialogOpen}\n            onCloseDialog={() => setOpenInfoDialog(false)}\n          />\n        ) : null}\n      </NavBar>\n      {showMobileNavBar && (\n        <MobileNavBar>\n          <InnerMobileNavBar>\n            <Search />\n          </InnerMobileNavBar>\n          <Button color=\"inherit\" onClick={() => setShowMobileNavBar(false)}>\n            {t('button.cancel')}\n          </Button>\n        </MobileNavBar>\n      )}\n      {!userState?.username && (\n        <LoginDialog onClose={() => setShowLoginModal(false)} open={showLoginModal} />\n      )}\n    </>\n  );\n};\n\nexport default Header;\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,IAAMuB,UAA2B,EAC/BJ,kBACAE,eACAC,uBAAuB,OAAU,UAC7B;CACJ,MAAM,EAAEE,MAAMnB,gBAAgB;CAC9B,MAAM,CAACoB,kBAAkBC,qBAAqBtB,SAAkB,MAAM;CACtE,MAAM,CAACuB,sBAAsBC,yBAAyBxB,SAAkB,MAAM;CAC9E,MAAM,CAACyB,kBAAkBC,uBAAuB1B,SAAkB,MAAM;CACxE,MAAM,CAAC2B,gBAAgBC,qBAAqB5B,SAAkB,MAAM;CACpE,MAAM,EAAE6B,kBAAkBxB,WAAW;CACrC,MAAM,EAAEyB,WAAWC,eAAe3B,SAAS;CAG3C,MAAM4B,WAAWjC,OAAO+B,WAAWG,MAAM;AACzCnC,iBAAgB;AACdkC,WAASE,UAAUJ,WAAWG;IAC7B,CAACH,WAAWG,MAAM,CAAC;AAEtBnC,iBAAgB;EACd,SAASqC,aAAa;GACpB,MAAMF,QAAQD,SAASE;AACvB,OAAID,SAAS3B,cAAc2B,MAAM,CAC/BF,eAAc;;AAGlBI,cAAY;EACZ,MAAMC,WAAWC,YAAYF,YAAYjB,qBAAqB;AAC9D,eAAaoB,cAAcF,SAAS;IACnC,CAAClB,qBAAqB,CAAC;CAE1B,MAAMqB,qBAAqB;AACzBR,gBAAc;AACdH,oBAAkB,MAAM;;AAE1B,KAAIX,cACF,QACE,oBAAC,QAAD;EAAQ,eAAY;EAAS,UAAS;YACpC,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,YAAD,EAAY,YAAY,OAAM,CAAA,EAC9B,oBAAC,aAAD;GACE,UAAU;GACV,gBAAgB;GAChB,gCAAgC;GAChC,4BAA4B;GAC5B,qBAAqB;GACrB,yBAAyB;GACzB,UAAU;GACV,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,UAAU;GAAG,CAAA,CAEJ,EAAA,CAAA;EACN,CAAA;AAIb,QACE,qBAAA,UAAA,EAAA,UAAA;EACE,qBAAC,QAAD;GAAQ,eAAY;GAAS,UAAS;aAAtC;IACE,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,YAAD,EAAY,YAAYY,cAAcW,YAAW,CAAA,EACjD,oBAAC,aAAD;KACE,UAAUX,eAAeY;KACzB,UAAUF;KACV,gCAAgCjB,kBAAkB,KAAK;KACvD,4BAA4BE,sBAAsB,KAAK;KACvD,qBAAqBI,kBAAkB,CAACD,eAAe;KACvD,yBAAyBD,oBAAoB,CAACD,iBAAiB;KAC/D,UAAUI,cAAca;KACxB,YAAYb,cAAcW;KAC1B,cAAcX,cAAcc;KAC5B,iBAAiBd,cAAce;KAC/B,UAAUd,WAAWe;KAAS,CAAA,CAErB,EAAA,CAAA;IACb,oBAAC,sBAAD;KACE,QAAQtB;KACR,qBAAqBC,sBAAsB,MAAM;KAAC,CAAA;IAEnDT,mBACC,oBAAC,kBAAD;KACE,aAAaK,EAAE,6BAA6B;KAC5C,QAAQC;KACR,qBAAqBC,kBAAkB,MAAM;KAC7C,CAAA,GACA;IACE;;EACPG,oBACC,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,mBAAD,EAAA,UACE,oBAAC,QAAD,EAAO,CAAA,EACU,CAAA,EACnB,oBAAC,QAAD;GAAQ,OAAM;GAAU,eAAeC,oBAAoB,MAAM;aAC9DN,EAAE,gBAAgB;GACb,CAAA,CAEX,EAAA,CAAA;EACA,CAACU,WAAWe,YACX,oBAAC,aAAD;GAAa,eAAejB,kBAAkB,MAAM;GAAE,MAAMD;GAC7D,CAAA;EACA,EAAA,CAAA"}
+{"version":3,"file":"Header.mjs","names":[],"sources":["../../../src/sections/Header/Header.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { LoginDialog, Search, useAuth, useConfig } from '../../';\nimport { isTokenExpire } from '../../utils/token';\nimport HeaderLeft from './HeaderLeft';\nimport HeaderRight from './HeaderRight';\nimport HeaderSettingsDialog from './HeaderSettingsDialog';\nimport { InnerMobileNavBar, InnerNavBar, MobileNavBar, NavBar } from './styles';\n\ntype Props = {\n  HeaderInfoDialog?: React.FC<any>;\n  isPlainHeader?: boolean;\n  tokenCheckIntervalMs?: number;\n};\n\n// Session timeout default is 1 hour\nconst Header: React.FC<Props> = ({\n  HeaderInfoDialog,\n  isPlainHeader,\n  tokenCheckIntervalMs = 60 * 60 * 1000,\n}) => {\n  const { t } = useTranslation();\n  const [isInfoDialogOpen, setOpenInfoDialog] = useState<boolean>(false);\n  const [isSettingsDialogOpen, setSettingsDialogOpen] = useState<boolean>(false);\n  const [showMobileNavBar, setShowMobileNavBar] = useState<boolean>(false);\n  const [showLoginModal, setShowLoginModal] = useState<boolean>(false);\n  const { configOptions } = useConfig();\n  const { userState, logOutUser } = useAuth();\n\n  // Use a ref to always have the latest token in the interval callback\n  const tokenRef = useRef(userState?.token);\n  useEffect(() => {\n    tokenRef.current = userState?.token;\n  }, [userState?.token]);\n\n  useEffect(() => {\n    function checkToken() {\n      const token = tokenRef.current;\n      if (token && isTokenExpire(token)) {\n        logOutUser?.();\n      }\n    }\n    checkToken();\n    const interval = setInterval(checkToken, tokenCheckIntervalMs);\n    return () => clearInterval(interval);\n  }, [tokenCheckIntervalMs]);\n\n  const handleLogout = () => {\n    logOutUser?.();\n    setShowLoginModal(false);\n  };\n  if (isPlainHeader) {\n    return (\n      <NavBar data-testid=\"header\" position=\"static\">\n        <InnerNavBar data-testid=\"inner-nav-bar\">\n          <HeaderLeft showSearch={false} />\n          <HeaderRight\n            hasLogin={false}\n            onLogout={() => {}}\n            onOpenRegistryInfoDialog={() => {}}\n            onOpenSettingsDialog={() => {}}\n            onToggleLogin={() => {}}\n            onToggleMobileNav={() => {}}\n            showInfo={false}\n            showSearch={false}\n            showSettings={false}\n            showThemeSwitch={false}\n            username={''}\n          />\n        </InnerNavBar>\n      </NavBar>\n    );\n  }\n\n  return (\n    <>\n      <NavBar data-testid=\"header\" position=\"static\">\n        <InnerNavBar data-testid=\"inner-nav-bar\">\n          <HeaderLeft showSearch={configOptions.showSearch} />\n          <HeaderRight\n            hasLogin={configOptions?.login}\n            onLogout={handleLogout}\n            onOpenRegistryInfoDialog={() => setOpenInfoDialog(true)}\n            onOpenSettingsDialog={() => setSettingsDialogOpen(true)}\n            onToggleLogin={() => setShowLoginModal(!showLoginModal)}\n            onToggleMobileNav={() => setShowMobileNavBar(!showMobileNavBar)}\n            showInfo={configOptions.showInfo}\n            showSearch={configOptions.showSearch}\n            showSettings={configOptions.showSettings}\n            showThemeSwitch={configOptions.showThemeSwitch}\n            username={userState?.username}\n          />\n        </InnerNavBar>\n        <HeaderSettingsDialog\n          isOpen={isSettingsDialogOpen}\n          onCloseDialog={() => setSettingsDialogOpen(false)}\n        />\n        {HeaderInfoDialog ? (\n          <HeaderInfoDialog\n            dialogTitle={t('dialog.registry-info.title')}\n            isOpen={isInfoDialogOpen}\n            onCloseDialog={() => setOpenInfoDialog(false)}\n          />\n        ) : null}\n      </NavBar>\n      {showMobileNavBar && (\n        <MobileNavBar data-testid=\"mobile-nav-bar\">\n          <InnerMobileNavBar>\n            <Search />\n          </InnerMobileNavBar>\n          <Button color=\"inherit\" onClick={() => setShowMobileNavBar(false)}>\n            {t('button.cancel')}\n          </Button>\n        </MobileNavBar>\n      )}\n      {!userState?.username && (\n        <LoginDialog onClose={() => setShowLoginModal(false)} open={showLoginModal} />\n      )}\n    </>\n  );\n};\n\nexport default Header;\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,IAAM,UAA2B,EAC/B,kBACA,eACA,uBAAuB,OAAU,UAC7B;CACJ,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,CAAC,kBAAkB,qBAAqB,SAAkB,MAAM;CACtE,MAAM,CAAC,sBAAsB,yBAAyB,SAAkB,MAAM;CAC9E,MAAM,CAAC,kBAAkB,uBAAuB,SAAkB,MAAM;CACxE,MAAM,CAAC,gBAAgB,qBAAqB,SAAkB,MAAM;CACpE,MAAM,EAAE,kBAAkB,WAAW;CACrC,MAAM,EAAE,WAAW,eAAe,SAAS;CAG3C,MAAM,WAAW,OAAO,WAAW,MAAM;AACzC,iBAAgB;AACd,WAAS,UAAU,WAAW;IAC7B,CAAC,WAAW,MAAM,CAAC;AAEtB,iBAAgB;EACd,SAAS,aAAa;GACpB,MAAM,QAAQ,SAAS;AACvB,OAAI,SAAS,cAAc,MAAM,CAC/B,eAAc;;AAGlB,cAAY;EACZ,MAAM,WAAW,YAAY,YAAY,qBAAqB;AAC9D,eAAa,cAAc,SAAS;IACnC,CAAC,qBAAqB,CAAC;CAE1B,MAAM,qBAAqB;AACzB,gBAAc;AACd,oBAAkB,MAAM;;AAE1B,KAAI,cACF,QACE,oBAAC,QAAD;EAAQ,eAAY;EAAS,UAAS;YACpC,qBAAC,aAAD;GAAa,eAAY;aAAzB,CACE,oBAAC,YAAD,EAAY,YAAY,OAAS,CAAA,EACjC,oBAAC,aAAD;IACE,UAAU;IACV,gBAAgB;IAChB,gCAAgC;IAChC,4BAA4B;IAC5B,qBAAqB;IACrB,yBAAyB;IACzB,UAAU;IACV,YAAY;IACZ,cAAc;IACd,iBAAiB;IACjB,UAAU;IACV,CAAA,CACU;;EACP,CAAA;AAIb,QACE,qBAAA,YAAA,EAAA,UAAA;EACE,qBAAC,QAAD;GAAQ,eAAY;GAAS,UAAS;aAAtC;IACE,qBAAC,aAAD;KAAa,eAAY;eAAzB,CACE,oBAAC,YAAD,EAAY,YAAY,cAAc,YAAc,CAAA,EACpD,oBAAC,aAAD;MACE,UAAU,eAAe;MACzB,UAAU;MACV,gCAAgC,kBAAkB,KAAK;MACvD,4BAA4B,sBAAsB,KAAK;MACvD,qBAAqB,kBAAkB,CAAC,eAAe;MACvD,yBAAyB,oBAAoB,CAAC,iBAAiB;MAC/D,UAAU,cAAc;MACxB,YAAY,cAAc;MAC1B,cAAc,cAAc;MAC5B,iBAAiB,cAAc;MAC/B,UAAU,WAAW;MACrB,CAAA,CACU;;IACd,oBAAC,sBAAD;KACE,QAAQ;KACR,qBAAqB,sBAAsB,MAAM;KACjD,CAAA;IACD,mBACC,oBAAC,kBAAD;KACE,aAAa,EAAE,6BAA6B;KAC5C,QAAQ;KACR,qBAAqB,kBAAkB,MAAM;KAC7C,CAAA,GACA;IACG;;EACR,oBACC,qBAAC,cAAD;GAAc,eAAY;aAA1B,CACE,oBAAC,mBAAD,EAAA,UACE,oBAAC,QAAD,EAAU,CAAA,EACQ,CAAA,EACpB,oBAAC,QAAD;IAAQ,OAAM;IAAU,eAAe,oBAAoB,MAAM;cAC9D,EAAE,gBAAgB;IACZ,CAAA,CACI;;EAEhB,CAAC,WAAW,YACX,oBAAC,aAAD;GAAa,eAAe,kBAAkB,MAAM;GAAE,MAAM;GAAkB,CAAA;EAE/E,EAAA,CAAA"}

package/build/sections/Header/HeaderGreetings.js

@@ -2,9 +2,9 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_Label = require("../../components/Label/Label.js");
 const require_styles = require("./styles.js");
 require("../../index.js");
-let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
 //#region src/sections/Header/HeaderGreetings.tsx
 var HeaderGreetings = ({ username }) => {

package/build/sections/Header/HeaderGreetings.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderGreetings.js","names":["React","useTranslation","Label","Greetings","Props","username","HeaderGreetings","FC","t"],"sources":["../../../src/sections/Header/HeaderGreetings.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Label } from '../../';\nimport { Greetings } from './styles';\n\ninterface Props {\n  username: string;\n}\n\nconst HeaderGreetings: React.FC<Props> = ({ username }) => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <Greetings>{t('header.greetings')}</Greetings>\n      <Label data-testid=\"greetings-label\" text={username} weight=\"bold\" />\n    </>\n  );\n};\n\nexport default HeaderGreetings;\n"],"mappings":";;;;;;;;;AAUA,IAAMM,mBAAoC,EAAED,eAAe;CACzD,MAAM,EAAEG,OAAAA,GAAAA,cAAAA,iBAAsB;AAC9B,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,WAAD,EAAA,UAAYA,EAAE,mBAAmB,EAAY,CAAA,EAC7C,iBAAA,GAAA,kBAAA,KAAC,cAAA,SAAD;EAAO,eAAY;EAAkB,MAAMH;EAAU,QAAO;EAAM,CAAA,CACjE,EAAA,CAAA"}
+{"version":3,"file":"HeaderGreetings.js","names":[],"sources":["../../../src/sections/Header/HeaderGreetings.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Label } from '../../';\nimport { Greetings } from './styles';\n\ninterface Props {\n  username: string;\n}\n\nconst HeaderGreetings: React.FC<Props> = ({ username }) => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <Greetings>{t('header.greetings')}</Greetings>\n      <Label data-testid=\"greetings-label\" text={username} weight=\"bold\" />\n    </>\n  );\n};\n\nexport default HeaderGreetings;\n"],"mappings":";;;;;;;;;AAUA,IAAM,mBAAoC,EAAE,eAAe;CACzD,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;AAC9B,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,WAAD,EAAA,UAAY,EAAE,mBAAmB,EAAa,CAAA,EAC9C,iBAAA,GAAA,kBAAA,KAAC,cAAA,SAAD;EAAO,eAAY;EAAkB,MAAM;EAAU,QAAO;EAAS,CAAA,CACpE,EAAA,CAAA"}

package/build/sections/Header/HeaderGreetings.mjs

@@ -1,13 +1,13 @@
 import Label from "../../components/Label/Label.mjs";
 import { Greetings } from "./styles.mjs";
 import "../../index.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/sections/Header/HeaderGreetings.tsx
 var HeaderGreetings = ({ username }) => {
 	const { t } = useTranslation();
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Greetings, { children: t("header.greetings") }), /* @__PURE__ */ jsx(Label, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Greetings, { children: t("header.greetings") }), /* @__PURE__ */ jsx(Label, {
 		"data-testid": "greetings-label",
 		text: username,
 		weight: "bold"

package/build/sections/Header/HeaderGreetings.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderGreetings.mjs","names":["React","useTranslation","Label","Greetings","Props","username","HeaderGreetings","FC","t"],"sources":["../../../src/sections/Header/HeaderGreetings.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Label } from '../../';\nimport { Greetings } from './styles';\n\ninterface Props {\n  username: string;\n}\n\nconst HeaderGreetings: React.FC<Props> = ({ username }) => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <Greetings>{t('header.greetings')}</Greetings>\n      <Label data-testid=\"greetings-label\" text={username} weight=\"bold\" />\n    </>\n  );\n};\n\nexport default HeaderGreetings;\n"],"mappings":";;;;;;;AAUA,IAAMM,mBAAoC,EAAED,eAAe;CACzD,MAAM,EAAEG,MAAMP,gBAAgB;AAC9B,QACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,WAAD,EAAA,UAAYO,EAAE,mBAAmB,EAAY,CAAA,EAC7C,oBAAC,OAAD;EAAO,eAAY;EAAkB,MAAMH;EAAU,QAAO;EAAM,CAAA,CACjE,EAAA,CAAA"}
+{"version":3,"file":"HeaderGreetings.mjs","names":[],"sources":["../../../src/sections/Header/HeaderGreetings.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Label } from '../../';\nimport { Greetings } from './styles';\n\ninterface Props {\n  username: string;\n}\n\nconst HeaderGreetings: React.FC<Props> = ({ username }) => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <Greetings>{t('header.greetings')}</Greetings>\n      <Label data-testid=\"greetings-label\" text={username} weight=\"bold\" />\n    </>\n  );\n};\n\nexport default HeaderGreetings;\n"],"mappings":";;;;;;;AAUA,IAAM,mBAAoC,EAAE,eAAe;CACzD,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,WAAD,EAAA,UAAY,EAAE,mBAAmB,EAAa,CAAA,EAC9C,oBAAC,OAAD;EAAO,eAAY;EAAkB,MAAM;EAAU,QAAO;EAAS,CAAA,CACpE,EAAA,CAAA"}

package/build/sections/Header/HeaderLeft.js

@@ -3,9 +3,9 @@ const require_Logo = require("../../components/Logo/Logo.js");
 const require_Search = require("../../components/Search/Search.js");
 const require_styles = require("./styles.js");
 require("../../index.js");
-let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
 let react_router = require("react-router");
 let _mui_material_Toolbar = require("@mui/material/Toolbar");
 _mui_material_Toolbar = require_runtime.__toESM(_mui_material_Toolbar);

package/build/sections/Header/HeaderLeft.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLeft.js","names":["Toolbar","React","Link","RouterLink","Logo","Search","SearchWrapper","Props","showSearch","HeaderLeft","FC","display","padding","marginLeft","flex","marginRight"],"sources":["../../../src/sections/Header/HeaderLeft.tsx"],"sourcesContent":["import Toolbar from '@mui/material/Toolbar';\nimport React from 'react';\nimport { Link as RouterLink } from 'react-router';\n\nimport { Logo, Search } from '../../';\nimport { SearchWrapper } from './styles';\n\ninterface Props {\n  showSearch?: boolean;\n}\n\nconst HeaderLeft: React.FC<Props> = ({ showSearch }) => (\n  <Toolbar\n    sx={{\n      display: 'flex',\n      padding: 0,\n      marginLeft: 1,\n      flex: 1,\n      '@media (min-width: 600px)': {\n        padding: 0,\n        marginLeft: 1,\n        marginRight: '20px',\n      },\n    }}\n  >\n    <RouterLink to={'/'}>\n      <Logo />\n    </RouterLink>\n    {showSearch && (\n      <SearchWrapper data-testid=\"search-container\">\n        <Search />\n      </SearchWrapper>\n    )}\n  </Toolbar>\n);\n\nexport default HeaderLeft;\n"],"mappings":";;;;;;;;;;;;AAWA,IAAMS,cAA+B,EAAED,iBACrC,iBAAA,GAAA,kBAAA,MAAC,sBAAA,SAAD;CACE,IAAI;EACFG,SAAS;EACTC,SAAS;EACTC,YAAY;EACZC,MAAM;EACN,6BAA6B;GAC3BF,SAAS;GACTC,YAAY;GACZE,aAAa;GACf;EACD;WAXH,CAaE,iBAAA,GAAA,kBAAA,KAAC,aAAA,MAAD;EAAY,IAAI;YACd,iBAAA,GAAA,kBAAA,KAAC,aAAA,SAAD,EAAK,CAAA;EACK,CAAA,EACXP,cACC,iBAAA,GAAA,kBAAA,KAAC,eAAA,eAAD;EAAe,eAAY;YACzB,iBAAA,GAAA,kBAAA,KAAC,eAAA,SAAD,EAAO,CAAA;EAEV,CAAA,CAEJ"}
+{"version":3,"file":"HeaderLeft.js","names":[],"sources":["../../../src/sections/Header/HeaderLeft.tsx"],"sourcesContent":["import Toolbar from '@mui/material/Toolbar';\nimport React from 'react';\nimport { Link as RouterLink } from 'react-router';\n\nimport { Logo, Search } from '../../';\nimport { SearchWrapper } from './styles';\n\ninterface Props {\n  showSearch?: boolean;\n}\n\nconst HeaderLeft: React.FC<Props> = ({ showSearch }) => (\n  <Toolbar\n    sx={{\n      display: 'flex',\n      padding: 0,\n      marginLeft: 1,\n      flex: 1,\n      '@media (min-width: 600px)': {\n        padding: 0,\n        marginLeft: 1,\n        marginRight: '20px',\n      },\n    }}\n  >\n    <RouterLink to={'/'}>\n      <Logo />\n    </RouterLink>\n    {showSearch && (\n      <SearchWrapper data-testid=\"search-container\">\n        <Search />\n      </SearchWrapper>\n    )}\n  </Toolbar>\n);\n\nexport default HeaderLeft;\n"],"mappings":";;;;;;;;;;;;AAWA,IAAM,cAA+B,EAAE,iBACrC,iBAAA,GAAA,kBAAA,MAAC,sBAAA,SAAD;CACE,IAAI;EACF,SAAS;EACT,SAAS;EACT,YAAY;EACZ,MAAM;EACN,6BAA6B;GAC3B,SAAS;GACT,YAAY;GACZ,aAAa;GACd;EACF;WAXH,CAaE,iBAAA,GAAA,kBAAA,KAAC,aAAA,MAAD;EAAY,IAAI;YACd,iBAAA,GAAA,kBAAA,KAAC,aAAA,SAAD,EAAQ,CAAA;EACG,CAAA,EACZ,cACC,iBAAA,GAAA,kBAAA,KAAC,eAAA,eAAD;EAAe,eAAY;YACzB,iBAAA,GAAA,kBAAA,KAAC,eAAA,SAAD,EAAU,CAAA;EACI,CAAA,CAEV"}

package/build/sections/Header/HeaderLeft.mjs

@@ -2,8 +2,8 @@ import Logo from "../../components/Logo/Logo.mjs";
 import Search from "../../components/Search/Search.mjs";
 import { SearchWrapper } from "./styles.mjs";
 import "../../index.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Link } from "react-router";
 import Toolbar from "@mui/material/Toolbar";
 //#region src/sections/Header/HeaderLeft.tsx

package/build/sections/Header/HeaderLeft.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLeft.mjs","names":["Toolbar","React","Link","RouterLink","Logo","Search","SearchWrapper","Props","showSearch","HeaderLeft","FC","display","padding","marginLeft","flex","marginRight"],"sources":["../../../src/sections/Header/HeaderLeft.tsx"],"sourcesContent":["import Toolbar from '@mui/material/Toolbar';\nimport React from 'react';\nimport { Link as RouterLink } from 'react-router';\n\nimport { Logo, Search } from '../../';\nimport { SearchWrapper } from './styles';\n\ninterface Props {\n  showSearch?: boolean;\n}\n\nconst HeaderLeft: React.FC<Props> = ({ showSearch }) => (\n  <Toolbar\n    sx={{\n      display: 'flex',\n      padding: 0,\n      marginLeft: 1,\n      flex: 1,\n      '@media (min-width: 600px)': {\n        padding: 0,\n        marginLeft: 1,\n        marginRight: '20px',\n      },\n    }}\n  >\n    <RouterLink to={'/'}>\n      <Logo />\n    </RouterLink>\n    {showSearch && (\n      <SearchWrapper data-testid=\"search-container\">\n        <Search />\n      </SearchWrapper>\n    )}\n  </Toolbar>\n);\n\nexport default HeaderLeft;\n"],"mappings":";;;;;;;;;AAWA,IAAMS,cAA+B,EAAED,iBACrC,qBAAC,SAAD;CACE,IAAI;EACFG,SAAS;EACTC,SAAS;EACTC,YAAY;EACZC,MAAM;EACN,6BAA6B;GAC3BF,SAAS;GACTC,YAAY;GACZE,aAAa;GACf;EACD;WAXH,CAaE,oBAAC,MAAD;EAAY,IAAI;YACd,oBAAC,MAAD,EAAK,CAAA;EACK,CAAA,EACXP,cACC,oBAAC,eAAD;EAAe,eAAY;YACzB,oBAAC,QAAD,EAAO,CAAA;EAEV,CAAA,CAEJ"}
+{"version":3,"file":"HeaderLeft.mjs","names":[],"sources":["../../../src/sections/Header/HeaderLeft.tsx"],"sourcesContent":["import Toolbar from '@mui/material/Toolbar';\nimport React from 'react';\nimport { Link as RouterLink } from 'react-router';\n\nimport { Logo, Search } from '../../';\nimport { SearchWrapper } from './styles';\n\ninterface Props {\n  showSearch?: boolean;\n}\n\nconst HeaderLeft: React.FC<Props> = ({ showSearch }) => (\n  <Toolbar\n    sx={{\n      display: 'flex',\n      padding: 0,\n      marginLeft: 1,\n      flex: 1,\n      '@media (min-width: 600px)': {\n        padding: 0,\n        marginLeft: 1,\n        marginRight: '20px',\n      },\n    }}\n  >\n    <RouterLink to={'/'}>\n      <Logo />\n    </RouterLink>\n    {showSearch && (\n      <SearchWrapper data-testid=\"search-container\">\n        <Search />\n      </SearchWrapper>\n    )}\n  </Toolbar>\n);\n\nexport default HeaderLeft;\n"],"mappings":";;;;;;;;;AAWA,IAAM,cAA+B,EAAE,iBACrC,qBAAC,SAAD;CACE,IAAI;EACF,SAAS;EACT,SAAS;EACT,YAAY;EACZ,MAAM;EACN,6BAA6B;GAC3B,SAAS;GACT,YAAY;GACZ,aAAa;GACd;EACF;WAXH,CAaE,oBAAC,MAAD;EAAY,IAAI;YACd,oBAAC,MAAD,EAAQ,CAAA;EACG,CAAA,EACZ,cACC,oBAAC,eAAD;EAAe,eAAY;YACzB,oBAAC,QAAD,EAAU,CAAA;EACI,CAAA,CAEV"}

package/build/sections/Header/HeaderMenu.js

@@ -2,11 +2,11 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_MenuItem = require("../../components/MenuItem/MenuItem.js");
 const require_HeaderGreetings = require("./HeaderGreetings.js");
 require("../../index.js");
-let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_IconButton = require("@mui/material/IconButton");
 _mui_material_IconButton = require_runtime.__toESM(_mui_material_IconButton);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
 let _mui_material_Menu = require("@mui/material/Menu");
 _mui_material_Menu = require_runtime.__toESM(_mui_material_Menu);

package/build/sections/Header/HeaderMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderMenu.js","names":["AccountCircle","IconButton","Menu","MouseEvent","React","useTranslation","MenuItem","HeaderGreetings","Props","username","isMenuOpen","anchorEl","Element","onLogout","onLoggedInMenu","event","HTMLButtonElement","onLoggedInMenuClose","HeaderMenu","FC","t","root","anchorOrigin","vertical","horizontal","transformOrigin"],"sources":["../../../src/sections/Header/HeaderMenu.tsx"],"sourcesContent":["import AccountCircle from '@mui/icons-material/AccountCircle';\nimport IconButton from '@mui/material/IconButton';\nimport Menu from '@mui/material/Menu';\nimport type { MouseEvent } from 'react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { MenuItem } from '../../';\nimport HeaderGreetings from './HeaderGreetings';\n\ninterface Props {\n  username: string;\n  isMenuOpen: boolean;\n  anchorEl?: Element | null | undefined;\n  onLogout: () => void;\n  onLoggedInMenu: (event: MouseEvent<HTMLButtonElement>) => void;\n  onLoggedInMenuClose: () => void;\n}\n\nconst HeaderMenu: React.FC<Props> = ({\n  onLogout,\n  username,\n  isMenuOpen = false,\n  anchorEl,\n  onLoggedInMenu,\n  onLoggedInMenuClose,\n}) => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <IconButton\n        color=\"inherit\"\n        data-testid=\"logInDialogIcon\"\n        id=\"header--button-account\"\n        onClick={onLoggedInMenu}\n        size=\"large\"\n      >\n        <AccountCircle />\n      </IconButton>\n      <Menu\n        anchorEl={anchorEl}\n        onClose={onLoggedInMenuClose}\n        open={isMenuOpen}\n        slotProps={{\n          root: {\n            anchorOrigin: {\n              vertical: 'bottom',\n              horizontal: 'right',\n            },\n            transformOrigin: {\n              vertical: 'top',\n              horizontal: 'right',\n            },\n          } as any,\n        }}\n      >\n        <MenuItem>\n          <HeaderGreetings username={username} />\n        </MenuItem>\n        <MenuItem data-testid=\"logOutDialogIcon\" id=\"logOutDialogIcon\" onClick={onLogout}>\n          {t('button.logout')}\n        </MenuItem>\n      </Menu>\n    </>\n  );\n};\n\nexport default HeaderMenu;\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,IAAMkB,cAA+B,EACnCL,UACAJ,UACAC,aAAa,OACbC,UACAG,gBACAG,0BACI;CACJ,MAAM,EAAEG,OAAAA,GAAAA,cAAAA,iBAAsB;AAC9B,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,yBAAA,SAAD;EACE,OAAM;EACN,eAAY;EACZ,IAAG;EACH,SAASN;EACT,MAAK;YAEL,iBAAA,GAAA,kBAAA,KAAC,kCAAA,SAAD,EAAc,CAAA;EACJ,CAAA,EACZ,iBAAA,GAAA,kBAAA,MAAC,mBAAA,SAAD;EACYH;EACV,SAASM;EACT,MAAMP;EACN,WAAW,EACTW,MAAM;GACJC,cAAc;IACZC,UAAU;IACVC,YAAY;IACb;GACDC,iBAAiB;IACfF,UAAU;IACVC,YAAY;IACd;GACD,EACF;YAfH,CAiBE,iBAAA,GAAA,kBAAA,KAAC,iBAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,wBAAA,SAAD,EAA2Bf,UAAS,CAAA,EAC5B,CAAA,EACV,iBAAA,GAAA,kBAAA,KAAC,iBAAA,SAAD;GAAU,eAAY;GAAmB,IAAG;GAAmB,SAASI;aACrEO,EAAE,gBAAgB;GACX,CAAA,CACN;IACL,EAAA,CAAA"}
+{"version":3,"file":"HeaderMenu.js","names":[],"sources":["../../../src/sections/Header/HeaderMenu.tsx"],"sourcesContent":["import AccountCircle from '@mui/icons-material/AccountCircle';\nimport IconButton from '@mui/material/IconButton';\nimport Menu from '@mui/material/Menu';\nimport type { MouseEvent } from 'react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { MenuItem } from '../../';\nimport HeaderGreetings from './HeaderGreetings';\n\ninterface Props {\n  username: string;\n  isMenuOpen: boolean;\n  anchorEl?: Element | null | undefined;\n  onLogout: () => void;\n  onLoggedInMenu: (event: MouseEvent<HTMLButtonElement>) => void;\n  onLoggedInMenuClose: () => void;\n}\n\nconst HeaderMenu: React.FC<Props> = ({\n  onLogout,\n  username,\n  isMenuOpen = false,\n  anchorEl,\n  onLoggedInMenu,\n  onLoggedInMenuClose,\n}) => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <IconButton\n        color=\"inherit\"\n        data-testid=\"logInDialogIcon\"\n        id=\"header--button-account\"\n        onClick={onLoggedInMenu}\n        size=\"large\"\n      >\n        <AccountCircle />\n      </IconButton>\n      <Menu\n        anchorEl={anchorEl}\n        onClose={onLoggedInMenuClose}\n        open={isMenuOpen}\n        slotProps={{\n          root: {\n            anchorOrigin: {\n              vertical: 'bottom',\n              horizontal: 'right',\n            },\n            transformOrigin: {\n              vertical: 'top',\n              horizontal: 'right',\n            },\n          } as any,\n        }}\n      >\n        <MenuItem>\n          <HeaderGreetings username={username} />\n        </MenuItem>\n        <MenuItem data-testid=\"logOutDialogIcon\" id=\"logOutDialogIcon\" onClick={onLogout}>\n          {t('button.logout')}\n        </MenuItem>\n      </Menu>\n    </>\n  );\n};\n\nexport default HeaderMenu;\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,IAAM,cAA+B,EACnC,UACA,UACA,aAAa,OACb,UACA,gBACA,0BACI;CACJ,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;AAC9B,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,yBAAA,SAAD;EACE,OAAM;EACN,eAAY;EACZ,IAAG;EACH,SAAS;EACT,MAAK;YAEL,iBAAA,GAAA,kBAAA,KAAC,kCAAA,SAAD,EAAiB,CAAA;EACN,CAAA,EACb,iBAAA,GAAA,kBAAA,MAAC,mBAAA,SAAD;EACY;EACV,SAAS;EACT,MAAM;EACN,WAAW,EACT,MAAM;GACJ,cAAc;IACZ,UAAU;IACV,YAAY;IACb;GACD,iBAAiB;IACf,UAAU;IACV,YAAY;IACb;GACF,EACF;YAfH,CAiBE,iBAAA,GAAA,kBAAA,KAAC,iBAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,wBAAA,SAAD,EAA2B,UAAY,CAAA,EAC9B,CAAA,EACX,iBAAA,GAAA,kBAAA,KAAC,iBAAA,SAAD;GAAU,eAAY;GAAmB,IAAG;GAAmB,SAAS;aACrE,EAAE,gBAAgB;GACV,CAAA,CACN;IACN,EAAA,CAAA"}

package/build/sections/Header/HeaderMenu.mjs

@@ -1,16 +1,16 @@
 import MenuItem from "../../components/MenuItem/MenuItem.mjs";
 import HeaderGreetings from "./HeaderGreetings.mjs";
 import "../../index.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import IconButton from "@mui/material/IconButton";
 import "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import Menu from "@mui/material/Menu";
 import AccountCircle from "@mui/icons-material/AccountCircle";
 //#region src/sections/Header/HeaderMenu.tsx
 var HeaderMenu = ({ onLogout, username, isMenuOpen = false, anchorEl, onLoggedInMenu, onLoggedInMenuClose }) => {
 	const { t } = useTranslation();
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(IconButton, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(IconButton, {
 		color: "inherit",
 		"data-testid": "logInDialogIcon",
 		id: "header--button-account",

package/build/sections/Header/HeaderMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderMenu.mjs","names":["AccountCircle","IconButton","Menu","MouseEvent","React","useTranslation","MenuItem","HeaderGreetings","Props","username","isMenuOpen","anchorEl","Element","onLogout","onLoggedInMenu","event","HTMLButtonElement","onLoggedInMenuClose","HeaderMenu","FC","t","root","anchorOrigin","vertical","horizontal","transformOrigin"],"sources":["../../../src/sections/Header/HeaderMenu.tsx"],"sourcesContent":["import AccountCircle from '@mui/icons-material/AccountCircle';\nimport IconButton from '@mui/material/IconButton';\nimport Menu from '@mui/material/Menu';\nimport type { MouseEvent } from 'react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { MenuItem } from '../../';\nimport HeaderGreetings from './HeaderGreetings';\n\ninterface Props {\n  username: string;\n  isMenuOpen: boolean;\n  anchorEl?: Element | null | undefined;\n  onLogout: () => void;\n  onLoggedInMenu: (event: MouseEvent<HTMLButtonElement>) => void;\n  onLoggedInMenuClose: () => void;\n}\n\nconst HeaderMenu: React.FC<Props> = ({\n  onLogout,\n  username,\n  isMenuOpen = false,\n  anchorEl,\n  onLoggedInMenu,\n  onLoggedInMenuClose,\n}) => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <IconButton\n        color=\"inherit\"\n        data-testid=\"logInDialogIcon\"\n        id=\"header--button-account\"\n        onClick={onLoggedInMenu}\n        size=\"large\"\n      >\n        <AccountCircle />\n      </IconButton>\n      <Menu\n        anchorEl={anchorEl}\n        onClose={onLoggedInMenuClose}\n        open={isMenuOpen}\n        slotProps={{\n          root: {\n            anchorOrigin: {\n              vertical: 'bottom',\n              horizontal: 'right',\n            },\n            transformOrigin: {\n              vertical: 'top',\n              horizontal: 'right',\n            },\n          } as any,\n        }}\n      >\n        <MenuItem>\n          <HeaderGreetings username={username} />\n        </MenuItem>\n        <MenuItem data-testid=\"logOutDialogIcon\" id=\"logOutDialogIcon\" onClick={onLogout}>\n          {t('button.logout')}\n        </MenuItem>\n      </Menu>\n    </>\n  );\n};\n\nexport default HeaderMenu;\n"],"mappings":";;;;;;;;;;AAmBA,IAAMkB,cAA+B,EACnCL,UACAJ,UACAC,aAAa,OACbC,UACAG,gBACAG,0BACI;CACJ,MAAM,EAAEG,MAAMf,gBAAgB;AAC9B,QACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,YAAD;EACE,OAAM;EACN,eAAY;EACZ,IAAG;EACH,SAASS;EACT,MAAK;YAEL,oBAAC,eAAD,EAAc,CAAA;EACJ,CAAA,EACZ,qBAAC,MAAD;EACYH;EACV,SAASM;EACT,MAAMP;EACN,WAAW,EACTW,MAAM;GACJC,cAAc;IACZC,UAAU;IACVC,YAAY;IACb;GACDC,iBAAiB;IACfF,UAAU;IACVC,YAAY;IACd;GACD,EACF;YAfH,CAiBE,oBAAC,UAAD,EAAA,UACE,oBAAC,iBAAD,EAA2Bf,UAAS,CAAA,EAC5B,CAAA,EACV,oBAAC,UAAD;GAAU,eAAY;GAAmB,IAAG;GAAmB,SAASI;aACrEO,EAAE,gBAAgB;GACX,CAAA,CACN;IACL,EAAA,CAAA"}
+{"version":3,"file":"HeaderMenu.mjs","names":[],"sources":["../../../src/sections/Header/HeaderMenu.tsx"],"sourcesContent":["import AccountCircle from '@mui/icons-material/AccountCircle';\nimport IconButton from '@mui/material/IconButton';\nimport Menu from '@mui/material/Menu';\nimport type { MouseEvent } from 'react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { MenuItem } from '../../';\nimport HeaderGreetings from './HeaderGreetings';\n\ninterface Props {\n  username: string;\n  isMenuOpen: boolean;\n  anchorEl?: Element | null | undefined;\n  onLogout: () => void;\n  onLoggedInMenu: (event: MouseEvent<HTMLButtonElement>) => void;\n  onLoggedInMenuClose: () => void;\n}\n\nconst HeaderMenu: React.FC<Props> = ({\n  onLogout,\n  username,\n  isMenuOpen = false,\n  anchorEl,\n  onLoggedInMenu,\n  onLoggedInMenuClose,\n}) => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <IconButton\n        color=\"inherit\"\n        data-testid=\"logInDialogIcon\"\n        id=\"header--button-account\"\n        onClick={onLoggedInMenu}\n        size=\"large\"\n      >\n        <AccountCircle />\n      </IconButton>\n      <Menu\n        anchorEl={anchorEl}\n        onClose={onLoggedInMenuClose}\n        open={isMenuOpen}\n        slotProps={{\n          root: {\n            anchorOrigin: {\n              vertical: 'bottom',\n              horizontal: 'right',\n            },\n            transformOrigin: {\n              vertical: 'top',\n              horizontal: 'right',\n            },\n          } as any,\n        }}\n      >\n        <MenuItem>\n          <HeaderGreetings username={username} />\n        </MenuItem>\n        <MenuItem data-testid=\"logOutDialogIcon\" id=\"logOutDialogIcon\" onClick={onLogout}>\n          {t('button.logout')}\n        </MenuItem>\n      </Menu>\n    </>\n  );\n};\n\nexport default HeaderMenu;\n"],"mappings":";;;;;;;;;;AAmBA,IAAM,cAA+B,EACnC,UACA,UACA,aAAa,OACb,UACA,gBACA,0BACI;CACJ,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,YAAD;EACE,OAAM;EACN,eAAY;EACZ,IAAG;EACH,SAAS;EACT,MAAK;YAEL,oBAAC,eAAD,EAAiB,CAAA;EACN,CAAA,EACb,qBAAC,MAAD;EACY;EACV,SAAS;EACT,MAAM;EACN,WAAW,EACT,MAAM;GACJ,cAAc;IACZ,UAAU;IACV,YAAY;IACb;GACD,iBAAiB;IACf,UAAU;IACV,YAAY;IACb;GACF,EACF;YAfH,CAiBE,oBAAC,UAAD,EAAA,UACE,oBAAC,iBAAD,EAA2B,UAAY,CAAA,EAC9B,CAAA,EACX,oBAAC,UAAD;GAAU,eAAY;GAAmB,IAAG;GAAmB,SAAS;aACrE,EAAE,gBAAgB;GACV,CAAA,CACN;IACN,EAAA,CAAA"}

package/build/sections/Header/HeaderRight.js

@@ -3,9 +3,9 @@ const require_HeaderMenu = require("./HeaderMenu.js");
 const require_HeaderToolTip = require("./HeaderToolTip.js");
 const require_ThemeProvider = require("../../Theme/ThemeProvider.js");
 require("../../index.js");
-let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
 let _mui_material_Button = require("@mui/material/Button");
 _mui_material_Button = require_runtime.__toESM(_mui_material_Button);