sass-cms-template-common 0.0.5 → 0.0.6

package/dist/index.js

@@ -1,70 +1,72 @@
-import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "./services-CK6pkce_.js";
-import { ThemeProvider as d, alpha as f, createTheme as p } from "@mui/material/styles";
-import { createContext as m, forwardRef as h, useContext as g, useMemo as _, useState as v } from "react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import S from "@mui/material/Box";
-import ee from "@mui/icons-material/ChevronRight";
-import te from "@mui/icons-material/ExpandMore";
-import ne from "@mui/material/Collapse";
-import C from "@mui/material/IconButton";
-import re from "@mui/material/ListItemIcon";
-import w from "@mui/material/ListItemText";
-import T from "@mui/material/Menu";
-import E from "@mui/material/MenuItem";
-import D from "@mui/material/Tooltip";
-import O from "@mui/material/Typography";
-import k from "@mui/icons-material/BarChartOutlined";
-import A from "@mui/icons-material/BookmarkBorderOutlined";
-import j from "@mui/icons-material/ChatBubbleOutlineOutlined";
-import M from "@mui/icons-material/CreateOutlined";
-import N from "@mui/icons-material/EventOutlined";
-import ie from "@mui/icons-material/ExploreOutlined";
-import ae from "@mui/icons-material/ImageOutlined";
-import oe from "@mui/icons-material/ImportExportOutlined";
-import se from "@mui/icons-material/LabelOutlined";
-import ce from "@mui/icons-material/MailOutlineOutlined";
-import le from "@mui/icons-material/MoreHorizOutlined";
-import ue from "@mui/icons-material/NotificationsNoneOutlined";
-import de from "@mui/icons-material/PeopleOutlineOutlined";
-import fe from "@mui/icons-material/PeopleOutlined";
-import pe from "@mui/icons-material/PermMediaOutlined";
-import me from "@mui/icons-material/PlayCircleOutlineOutlined";
-import he from "@mui/icons-material/RestaurantOutlined";
-import ge from "@mui/icons-material/SearchOutlined";
-import _e from "@mui/icons-material/ShoppingCartOutlined";
-import ve from "@mui/icons-material/ViewListOutlined";
-import ye from "@mui/icons-material/FormatAlignCenter";
-import be from "@mui/icons-material/TimelineOutlined";
-import xe from "@mui/icons-material/MessageOutlined";
-import Se from "@mui/icons-material/MicNoneOutlined";
-import Ce from "@mui/icons-material/PlaylistPlayOutlined";
-import we from "@mui/icons-material/PendingActionsOutlined";
-import Te from "@mui/icons-material/ForumOutlined";
-import Ee from "@mui/icons-material/UsbOutlined";
-import De from "@mui/icons-material/FormatListBulletedOutlined";
-import Oe from "@mui/icons-material/VerticalSplitOutlined";
-import ke from "@mui/icons-material/ViewQuiltOutlined";
-import Ae from "@mui/icons-material/SubscriptionsOutlined";
-import je from "@mui/icons-material/AddOutlined";
-import Me from "@mui/icons-material/DevicesOtherOutlined";
-import Ne from "@mui/icons-material/HelpOutlineOutlined";
-import Pe from "@mui/icons-material/Menu";
-import Fe from "@mui/material/AppBar";
-import Ie from "@mui/material/Toolbar";
-import Le from "@mui/icons-material/KeyboardArrowDown";
-import Re from "@mui/material/Button";
-import ze from "@mui/material/Badge";
-import Be from "@mui/material/List";
-import Ve from "@mui/material/ListItemButton";
-import He from "@mui/icons-material/EditOutlined";
-import Ue from "@mui/icons-material/LogoutOutlined";
-import We from "@mui/icons-material/PersonOutlined";
-import Ge from "@mui/material/Avatar";
-import Ke from "@mui/material/Divider";
-import P from "@mui/material/CssBaseline";
-import { AppRouterCacheProvider as qe } from "@mui/material-nextjs/v16-appRouter";
+import { A as e, B as t, C as n, D as r, E as i, F as a, G as o, H as s, I as c, K as l, L as u, M as d, N as f, O as p, P as m, R as h, S as g, T as _, U as v, V as y, W as b, _ as x, a as S, b as C, c as w, d as ee, f as te, g as ne, h as re, i as ie, j as ae, k as oe, l as se, m as ce, n as le, o as ue, p as de, q as T, r as fe, s as pe, t as me, u as he, v as ge, w as _e, x as ve, y as ye, z as be } from "./services-BqEo-2mI.js";
+import { ThemeProvider as xe, alpha as E, createTheme as Se } from "@mui/material/styles";
+import { Fragment as Ce, createContext as we, forwardRef as Te, useContext as Ee, useMemo as D, useState as O } from "react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import M from "@mui/material/Box";
+import De from "@mui/icons-material/ChevronRight";
+import Oe from "@mui/icons-material/ExpandMore";
+import ke from "@mui/material/Collapse";
+import N from "@mui/material/IconButton";
+import P from "@mui/material/ListItemIcon";
+import Ae from "@mui/material/ListItemText";
+import F from "@mui/material/Menu";
+import I from "@mui/material/MenuItem";
+import je from "@mui/material/Tooltip";
+import L from "@mui/material/Typography";
+import Me from "@mui/icons-material/BarChartOutlined";
+import Ne from "@mui/icons-material/BookmarkBorderOutlined";
+import Pe from "@mui/icons-material/ChatBubbleOutlineOutlined";
+import Fe from "@mui/icons-material/CreateOutlined";
+import Ie from "@mui/icons-material/EventOutlined";
+import Le from "@mui/icons-material/ExploreOutlined";
+import Re from "@mui/icons-material/ImageOutlined";
+import ze from "@mui/icons-material/ImportExportOutlined";
+import Be from "@mui/icons-material/LabelOutlined";
+import Ve from "@mui/icons-material/MailOutlineOutlined";
+import He from "@mui/icons-material/MoreHorizOutlined";
+import Ue from "@mui/icons-material/NotificationsNoneOutlined";
+import We from "@mui/icons-material/PeopleOutlineOutlined";
+import Ge from "@mui/icons-material/PeopleOutlined";
+import Ke from "@mui/icons-material/PermMediaOutlined";
+import qe from "@mui/icons-material/PlayCircleOutlineOutlined";
+import Je from "@mui/icons-material/RestaurantOutlined";
+import Ye from "@mui/icons-material/SearchOutlined";
+import Xe from "@mui/icons-material/ShoppingCartOutlined";
+import Ze from "@mui/icons-material/ViewListOutlined";
+import Qe from "@mui/icons-material/FormatAlignCenter";
+import $e from "@mui/icons-material/TimelineOutlined";
+import et from "@mui/icons-material/MessageOutlined";
+import tt from "@mui/icons-material/MicNoneOutlined";
+import nt from "@mui/icons-material/PlaylistPlayOutlined";
+import rt from "@mui/icons-material/PendingActionsOutlined";
+import it from "@mui/icons-material/ForumOutlined";
+import at from "@mui/icons-material/UsbOutlined";
+import ot from "@mui/icons-material/FormatListBulletedOutlined";
+import st from "@mui/icons-material/VerticalSplitOutlined";
+import ct from "@mui/icons-material/ViewQuiltOutlined";
+import lt from "@mui/icons-material/SubscriptionsOutlined";
+import ut from "@mui/icons-material/AddOutlined";
+import dt from "@mui/icons-material/DevicesOtherOutlined";
+import ft from "@mui/icons-material/HelpOutlineOutlined";
+import pt from "@mui/icons-material/Menu";
+import mt from "@mui/material/AppBar";
+import ht from "@mui/material/Toolbar";
+import gt from "@mui/icons-material/KeyboardArrowDown";
+import R from "@mui/material/Button";
+import _t from "@mui/material/Badge";
+import vt from "@mui/material/List";
+import yt from "@mui/material/ListItemButton";
+import bt from "@mui/icons-material/EditOutlined";
+import xt from "@mui/icons-material/LogoutOutlined";
+import St from "@mui/icons-material/PersonOutlined";
+import Ct from "@mui/material/Avatar";
+import wt from "@mui/material/Divider";
+import Tt from "@mui/material/CssBaseline";
+import { AppRouterCacheProvider as Et } from "@mui/material-nextjs/v16-appRouter";
+import Dt from "@mui/icons-material/MoreVert";
+import Ot from "@mui/icons-material/ArrowDropDown";
 //#region src/lib/version.ts
-var Je = "0.0.0", F = {
+var kt = "0.0.0", z = {
 	description: "TYPE: CUSTOM\nMaterial Theme Builder export 2026-05-08 02:18:51",
 	seed: "#0067C4",
 	coreColors: {
@@ -529,10 +531,10 @@ var Je = "0.0.0", F = {
 };
 //#endregion
 //#region src/lib/theme/createAppTheme.ts
-function I(e) {
-	return F.extendedColors.find((t) => t.name === e)?.color;
+function B(e) {
+	return z.extendedColors.find((t) => t.name === e)?.color;
 }
-function Ye(e) {
+function At(e) {
 	return {
 		50: e[98],
 		100: e[95],
@@ -550,7 +552,7 @@ function Ye(e) {
 		A700: e[40]
 	};
 }
-function Xe(e, t) {
+function jt(e, t) {
 	let n = t.onSurface;
 	return {
 		mode: e,
@@ -579,28 +581,28 @@ function Xe(e, t) {
 			contrastText: t.onError
 		},
 		warning: {
-			main: I("Estado Programado") ?? "#FF6D00",
+			main: B("Estado Programado") ?? "#FF6D00",
 			light: "#FF9E40",
 			dark: "#C25400",
 			contrastText: "#FFFFFF"
 		},
 		info: {
-			main: I("Estado Redaccion") ?? "#0091EA",
+			main: B("Estado Redaccion") ?? "#0091EA",
 			light: "#64B5F6",
 			dark: "#0064B7",
 			contrastText: "#FFFFFF"
 		},
 		success: {
-			main: I("Estado publicada") ?? "#00C853",
+			main: B("Estado publicada") ?? "#00C853",
 			light: "#69F0AE",
 			dark: "#009624",
 			contrastText: "#FFFFFF"
 		},
-		brand: { main: I("Bluestack color") ?? "#2962FF" },
+		brand: { main: B("Bluestack color") ?? "#2962FF" },
 		text: {
 			primary: t.onSurface,
 			secondary: t.onSurfaceVariant,
-			disabled: f(t.onSurface, .38)
+			disabled: E(t.onSurface, .38)
 		},
 		divider: t.outlineVariant,
 		background: {
@@ -608,18 +610,18 @@ function Xe(e, t) {
 			paper: t.surfaceContainerLowest
 		},
 		action: {
-			active: f(n, .56),
-			hover: f(n, e === "light" ? .04 : .08),
-			selected: f(t.primary, .12),
-			focus: f(t.primary, .12),
-			disabled: f(n, .26),
-			disabledBackground: f(n, .12)
+			active: E(n, .56),
+			hover: E(n, e === "light" ? .04 : .08),
+			selected: E(t.primary, .12),
+			focus: E(t.primary, .12),
+			disabled: E(n, .26),
+			disabledBackground: E(n, .12)
 		},
 		common: {
 			black: t.shadow,
 			white: "#FFFFFF"
 		},
-		grey: Ye(F.palettes.neutral),
+		grey: At(z.palettes.neutral),
 		m3: {
 			surfaceTint: t.surfaceTint,
 			surfaceDim: t.surfaceDim,
@@ -641,9 +643,9 @@ function Xe(e, t) {
 		}
 	};
 }
-function L() {
-	let e = Xe("light", F.schemes.light), t = Xe("dark", F.schemes.dark);
-	return p({
+function Mt() {
+	let e = jt("light", z.schemes.light), t = jt("dark", z.schemes.dark);
+	return Se({
 		cssVariables: { colorSchemeSelector: "data" },
 		defaultColorScheme: "light",
 		colorSchemes: {
@@ -659,14 +661,137 @@ function L() {
 	});
 }
 //#endregion
+//#region src/lib/theme/buttonStyles.ts
+function V(e) {
+	return e === "white" ? {
+		bgcolor: "m3.surfaceContainerLowest",
+		color: b.whiteBtnText,
+		border: "1px solid",
+		borderColor: b.whiteBtnBorder
+	} : {
+		bgcolor: b.primary,
+		color: b.white,
+		border: "none",
+		borderColor: "transparent"
+	};
+}
+function H(e) {
+	return e === "cta" ? b.primaryHover : "action.hover";
+}
+function Nt(e) {
+	return e === "white" ? b.whiteBtnBorder : "rgba(255, 255, 255, 0.28)";
+}
+function Pt(e = "cta") {
+	return {
+		height: T.buttonHeight,
+		px: "20px",
+		borderRadius: o.pill,
+		textTransform: "none",
+		fontSize: 14,
+		fontWeight: 500,
+		minWidth: 0,
+		gap: 1,
+		boxShadow: l.button,
+		...V(e),
+		"& .MuiSvgIcon-root": { fontSize: 18 },
+		"&:hover": {
+			boxShadow: l.button,
+			bgcolor: H(e)
+		},
+		"&.Mui-disabled": {
+			bgcolor: e === "white" ? "m3.surfaceContainerLowest" : b.primaryDisabled,
+			color: "action.disabled"
+		}
+	};
+}
+//#endregion
+//#region src/lib/theme/selectStyles.ts
+var U = {
+	sxTrigger: (e, t) => {
+		let n = e || t;
+		return {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: "10px",
+			height: T.buttonHeight,
+			pl: "16px",
+			pr: "10px",
+			borderRadius: o.md,
+			textTransform: "none",
+			fontSize: 14,
+			fontWeight: 600,
+			minWidth: 0,
+			border: "1px solid",
+			color: b.controlText,
+			bgcolor: n ? b.secondary : "transparent",
+			borderColor: n ? "transparent" : b.controlBorder,
+			"&:hover": {
+				bgcolor: n ? b.secondary : b.controlHoverBg,
+				borderColor: n ? "transparent" : b.controlBorder
+			},
+			"& .sel-lead": {
+				display: "inline-flex",
+				color: "inherit"
+			},
+			"& .sel-lead .MuiSvgIcon-root": { fontSize: 18 },
+			"& .sel-chevron": {
+				display: "inline-flex",
+				color: "m3.onSurfaceVariant",
+				transition: "transform 0.18s ease",
+				transform: t ? "rotate(180deg)" : "none"
+			},
+			"& .sel-chevron .MuiSvgIcon-root": { fontSize: 18 }
+		};
+	},
+	sxMenuPaper: (e) => ({
+		mt: .75,
+		py: "8px",
+		px: 0,
+		minWidth: e,
+		borderRadius: o.lg,
+		bgcolor: "m3.surfaceContainerLowest",
+		border: "1px solid",
+		borderColor: "m3.outlineVariant",
+		boxShadow: l.menuSoft,
+		overflow: "hidden"
+	}),
+	sxList: {
+		p: 0,
+		display: "flex",
+		flexDirection: "column"
+	},
+	sxItem: (e) => ({
+		display: "flex",
+		alignItems: "center",
+		gap: "12px",
+		px: "16px",
+		py: "10px",
+		borderRadius: 0,
+		fontSize: 14,
+		fontWeight: 400,
+		color: b.controlText,
+		bgcolor: e ? b.secondary : "transparent",
+		"& .MuiListItemIcon-root": {
+			minWidth: 0,
+			color: "m3.onSurfaceVariant"
+		},
+		"& .MuiSvgIcon-root": { fontSize: 18 },
+		"&:hover": { bgcolor: b.secondaryHover },
+		"&.Mui-selected": {
+			bgcolor: b.secondary,
+			"&:hover": { bgcolor: b.secondaryHover }
+		}
+	})
+};
+//#endregion
 //#region src/lib/i18n/createTranslator.ts
-function Ze(e, t) {
+function Ft(e, t) {
 	return t ? e.replace(/\{(\w+)\}/g, (e, n) => {
 		let r = t[n];
 		return r === void 0 ? `{${n}}` : String(r);
 	}) : e;
 }
-function R(e) {
+function It(e) {
 	let t = e.navigation;
 	return {
 		messages: e,
@@ -674,12 +799,12 @@ function R(e) {
 		sidebar: (t) => e.sidebar[t],
 		topBar: (t) => e.topBar[t],
 		profileMenu: (t) => e.profileMenu[t],
-		notificationsMenu: (t, n) => Ze(e.notificationsMenu[t], n)
+		notificationsMenu: (t, n) => Ft(e.notificationsMenu[t], n)
 	};
 }
 //#endregion
 //#region src/lib/i18n/messages/en.ts
-var Qe = {
+var Lt = {
 	navigation: {
 		COMMENTS: "Comments",
 		POLLS: "Polls",
@@ -745,7 +870,7 @@ var Qe = {
 		empty: "No notifications",
 		ariaLabel: "Notifications"
 	}
-}, $e = {
+}, Rt = {
 	navigation: {
 		COMMENTS: "Comentarios",
 		POLLS: "Encuestas",
@@ -811,7 +936,7 @@ var Qe = {
 		empty: "No hay notificaciones",
 		ariaLabel: "Notificaciones"
 	}
-}, et = {
+}, zt = {
 	navigation: {
 		COMMENTS: "Comentários",
 		POLLS: "Enquetes",
@@ -877,37 +1002,37 @@ var Qe = {
 		empty: "Nenhuma notificação",
 		ariaLabel: "Notificações"
 	}
-}, z = {
-	en: Qe,
-	es: $e,
-	pt: et
+}, Bt = {
+	en: Lt,
+	es: Rt,
+	pt: zt
 };
-function B(e, t) {
+function W(e, t) {
 	return t ? {
 		...e,
 		...t
 	} : e;
 }
-function V(e, t, n) {
+function Vt(e, t, n) {
 	let r = t[e], i = t.en;
 	return {
-		navigation: B({
+		navigation: W({
 			...i.navigation,
 			...r.navigation
 		}, n?.navigation),
-		sidebar: B({
+		sidebar: W({
 			...i.sidebar,
 			...r.sidebar
 		}, n?.sidebar),
-		topBar: B({
+		topBar: W({
 			...i.topBar,
 			...r.topBar
 		}, n?.topBar),
-		profileMenu: B({
+		profileMenu: W({
 			...i.profileMenu,
 			...r.profileMenu
 		}, n?.profileMenu),
-		notificationsMenu: B({
+		notificationsMenu: W({
 			...i.notificationsMenu,
 			...r.notificationsMenu
 		}, n?.notificationsMenu)
@@ -915,42 +1040,42 @@ function V(e, t, n) {
 }
 //#endregion
 //#region src/lib/i18n/types.ts
-var H = [
+var Ht = [
 	"es",
 	"en",
 	"pt"
-], tt = "en";
+], Ut = "en";
 //#endregion
 //#region src/lib/i18n/normalizeLocale.ts
-function nt(e) {
+function Wt(e) {
 	if (!e) return "en";
 	let t = e.trim().toLowerCase().replace("_", "-"), n = t.split("-")[0];
-	return H.includes(t) ? t : H.includes(n) ? n : "en";
+	return Ht.includes(t) ? t : Ht.includes(n) ? n : "en";
 }
 //#endregion
 //#region src/lib/i18n/CmsI18nProvider.tsx
-var rt = m(null);
-function it({ locale: e, language: t, messages: n, catalog: r = z, children: i }) {
-	let a = nt(e ?? t), o = _(() => ({
+var Gt = we(null);
+function Kt({ locale: e, language: t, messages: n, catalog: r = Bt, children: i }) {
+	let a = Wt(e ?? t), o = D(() => ({
 		locale: a,
-		t: R(V(a, r, n))
+		t: It(Vt(a, r, n))
 	}), [
 		r,
 		n,
 		a
 	]);
-	return /* @__PURE__ */ b(rt.Provider, {
+	return /* @__PURE__ */ A(Gt.Provider, {
 		value: o,
 		children: i
 	});
 }
 //#endregion
 //#region src/lib/i18n/useCmsTranslation.ts
-function U(e) {
-	let t = g(rt), n = e?.locale ?? t?.locale ?? "en", r = e?.catalog ?? z, i = e?.messages;
+function G(e) {
+	let t = Ee(Gt), n = e?.locale ?? t?.locale ?? "en", r = e?.catalog ?? Bt, i = e?.messages;
 	return {
 		locale: n,
-		t: _(() => !i && t && t.locale === n ? t.t : R(V(n, r, i)), [
+		t: D(() => !i && t && t.locale === n ? t.t : It(Vt(n, r, i)), [
 			r,
 			t,
 			n,
@@ -958,7 +1083,7 @@ function U(e) {
 		])
 	};
 }
-function at(e) {
+function qt(e) {
 	switch (e) {
 		case "pt": return "pt-BR";
 		case "en": return "en-US";
@@ -967,14 +1092,14 @@ function at(e) {
 }
 //#endregion
 //#region src/lib/components/link.tsx
-var W = h(function({ href: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ b("a", {
+var Jt = Te(function({ href: e, children: t, ...n }, r) {
+	return /* @__PURE__ */ A("a", {
 		href: e,
 		ref: r,
 		...n,
 		children: t
 	});
-}), G = "#D8E2FF", ot = "#E3E2E6", K = "#414752", st = 24, ct = 24, q = {
+}), K = b.secondary, Yt = b.surfaceHover, q = b.textNav, Xt = 24, Zt = 24, J = {
 	sxRoot: (e) => {
 		let t = e ? 195 : 96;
 		return {
@@ -1032,7 +1157,7 @@ var W = h(function({ href: e, children: t, ...n }, r) {
 	}),
 	sxDivider: {
 		my: 1,
-		borderColor: "#C1C6D4"
+		borderColor: b.border
 	},
 	sxItem: (e, t = !1, n = !1, r = !1) => r ? {
 		position: "relative",
@@ -1048,10 +1173,10 @@ var W = h(function({ href: e, children: t, ...n }, r) {
 		px: 0,
 		py: 0,
 		borderRadius: "100px",
-		color: K,
+		color: q,
 		textDecoration: "none",
-		bgcolor: e ? G : "transparent",
-		"&:hover": { bgcolor: e ? G : "action.hover" }
+		bgcolor: e ? K : "transparent",
+		"&:hover": { bgcolor: e ? K : "action.hover" }
 	} : {
 		position: "relative",
 		display: "flex",
@@ -1069,13 +1194,13 @@ var W = h(function({ href: e, children: t, ...n }, r) {
 		ml: "-1rem",
 		mr: 0,
 		borderRadius: t ? "100px" : "0 100px 100px 0",
-		color: K,
+		color: q,
 		textDecoration: "none",
-		bgcolor: e ? G : "transparent",
-		"&:hover": { bgcolor: e ? G : ot }
+		bgcolor: e ? K : "transparent",
+		"&:hover": { bgcolor: e ? K : Yt }
 	},
 	sxItemIcon: (e, t = !1) => ({
-		fontSize: t ? ct : st,
+		fontSize: t ? Zt : Xt,
 		color: e ? "secondary.dark" : "m3.onSurfaceVariant",
 		width: t ? 48 : "auto",
 		flexShrink: 0
@@ -1086,7 +1211,7 @@ var W = h(function({ href: e, children: t, ...n }, r) {
 		fontSize: 14,
 		fontWeight: e ? 600 : 400,
 		lineHeight: 1.43,
-		color: K,
+		color: q,
 		overflow: "hidden",
 		textOverflow: "ellipsis",
 		whiteSpace: "nowrap"
@@ -1103,9 +1228,9 @@ var W = h(function({ href: e, children: t, ...n }, r) {
 	},
 	sxChildrenMenuPaper: {
 		mt: .5,
-		borderRadius: "28px",
-		bgcolor: "#FFFFFF",
-		boxShadow: "0px 8px 16px rgba(0,0,0,0.18)",
+		borderRadius: o.xl,
+		bgcolor: b.white,
+		boxShadow: l.flyout,
 		px: 1
 	},
 	sxChildrenMenuItem: (e) => ({
@@ -1114,12 +1239,12 @@ var W = h(function({ href: e, children: t, ...n }, r) {
 		px: 2,
 		py: 1,
 		gap: 1.25,
-		color: K,
-		bgcolor: e ? G : "transparent",
-		"&:hover": { bgcolor: e ? G : ot },
+		color: q,
+		bgcolor: e ? K : "transparent",
+		"&:hover": { bgcolor: e ? K : Yt },
 		"&.Mui-selected": {
-			bgcolor: G,
-			"&:hover": { bgcolor: G }
+			bgcolor: K,
+			"&:hover": { bgcolor: K }
 		}
 	}),
 	sxChildrenMenuListItemIcon: {
@@ -1143,241 +1268,241 @@ var W = h(function({ href: e, children: t, ...n }, r) {
 		alignItems: "center",
 		justifyContent: "center"
 	})
-}, lt = [
+}, Qt = [
 	{
 		href: "/admin/comments/",
-		icon: xe,
+		icon: et,
 		module: "COMMENTS"
 	},
 	{
 		href: "/system/modules/com.tfsla.diario.admin/templates/poll.jsp",
-		icon: k,
+		icon: Me,
 		module: "POLLS"
 	},
 	{
 		href: "/media",
-		icon: pe,
+		icon: Ke,
 		module: "MEDIA",
 		children: [
 			{
 				href: "/system/modules/com.tfsla.diario.admin/templates/audios.jsp",
-				icon: Se,
+				icon: tt,
 				module: "AUDIOS"
 			},
 			{
 				href: "/system/modules/com.tfsla.diario.admin/templates/playlist.jsp",
-				icon: ae,
+				icon: Re,
 				module: "IMAGES"
 			},
 			{
 				href: "/media/playlist",
-				icon: Ce,
+				icon: nt,
 				module: "PLAYLISTS"
 			},
 			{
 				href: "/admin/videos/",
-				icon: me,
+				icon: qe,
 				module: "VIDEOS"
 			}
 		]
 	},
 	{
 		href: "/admin/posts/",
-		icon: ye,
+		icon: Qe,
 		module: "POSTS"
 	},
 	{
 		href: "/admin/reports/",
-		icon: be,
+		icon: $e,
 		module: "PRODUCTION"
 	},
 	{
 		href: "/planificacion",
-		icon: we,
+		icon: rt,
 		module: "PLANNING"
 	},
 	{
 		href: "/tags",
-		icon: se,
+		icon: Be,
 		module: "TAGS"
 	},
 	{
 		href: "/system/modules/com.tfsla.diario.admin/templates/trivias.jsp",
-		icon: Te,
+		icon: it,
 		module: "TRIVIAS"
 	},
 	{
 		href: "/otros",
-		icon: le,
+		icon: He,
 		module: "OTHERS",
 		children: [
 			{
 				href: "/system/modules/com.tfsla.diario.admin/templates/newswires.jsp",
-				icon: Ee,
+				icon: at,
 				module: "NEWSWIRES"
 			},
 			{
 				href: "/system/modules/com.tfsla.diario.admin/templates/event.jsp",
-				icon: N,
+				icon: Ie,
 				module: "EVENTS"
 			},
 			{
 				href: "/system/modules/com.tfsla.diario.admin/templates/adminPages.jsp",
-				icon: ie,
+				icon: Le,
 				module: "PAGES"
 			},
 			{
 				href: "/system/modules/com.tfsla.diario.admin/templates/dashboard.jsp",
-				icon: De,
+				icon: ot,
 				module: "FEEDS"
 			},
 			{
 				href: "/system/modules/com.tfsla.diario.admin/templates/adminPages.jsp",
-				icon: fe,
+				icon: Ge,
 				module: "PERSONS"
 			},
 			{
 				href: "/system/modules/com.tfsla.diario.admin/templates/adminPosts.jsp",
-				icon: M,
+				icon: Fe,
 				module: "POSTS"
 			},
 			{
 				href: "/system/modules/com.tfsla.diario.admin/templates/recipe.jsp",
-				icon: he,
+				icon: Je,
 				module: "RECIPES"
 			}
 		]
 	},
 	{
 		href: "/system/modules/com.tfsla.diario.admin/templates/banners.jsp",
-		icon: Oe,
+		icon: st,
 		module: "BANNERS"
 	},
 	{
 		href: "/system/modules/com.tfsla.diario.admin/templates/dynamicContent.jsp",
-		icon: ke,
+		icon: ct,
 		module: "BLOCKS"
 	},
 	{
 		href: "/system/modules/com.tfsla.diario.admin/templates/menuSite.jsp",
-		icon: ve,
+		icon: Ze,
 		module: "MENUS"
 	},
 	{
 		href: "/system/modules/com.tfsla.diario.admin/templates/navigationTags.jsp",
-		icon: A,
+		icon: Ne,
 		module: "TOPICS"
 	},
 	{
 		href: "/system/modules/com.tfsla.diario.admin/templates/filterQueryList.jsp",
-		icon: ge,
+		icon: Ye,
 		module: "ADVANCEDQUERYS"
 	},
 	{
 		href: "/system/modules/com.tfsla.diario.admin/templates/adminImports.jsp",
-		icon: oe,
+		icon: ze,
 		module: "IMPORTS"
 	},
 	{
 		href: "/system/modules/com.tfsla.diario.admin/templates/newsletter.jsp",
-		icon: ce,
+		icon: Ve,
 		module: "NEWSLETTERS"
 	},
 	{
 		href: "/system/modules/com.tfsla.diario.admin/templates/adminQueues.jsp",
-		icon: ue,
+		icon: Ue,
 		module: "NOTIFICATIONS"
 	},
 	{
 		href: "/system/modules/com.tfsla.diario.admin/templates/payments.jsp",
-		icon: _e,
+		icon: Xe,
 		module: "PAYMENTS"
 	},
 	{
 		href: "/system/modules/com.tfsla.diario.admin/templates/subscriptions.jsp",
-		icon: Ae,
+		icon: lt,
 		module: "PAYMENTS"
 	},
 	{
 		href: "/twitter-feeds",
-		icon: j,
+		icon: Pe,
 		module: "TWITTERS"
 	},
 	{
 		href: "/usuarios",
-		icon: de,
+		icon: We,
 		module: "USERS"
 	}
 ];
 //#endregion
 //#region src/lib/components/sidebar/Sidebar.tsx
-function ut(e, t) {
+function $t(e, t) {
 	return e.label ?? t.navigation(e.module);
 }
-function J(e, t) {
+function Y(e, t) {
 	return !!(e === t || t !== "/" && e.startsWith(`${t}/`));
 }
-function dt(e, t) {
-	return J(e, t.href) ? !0 : t.children?.some((t) => J(e, t.href)) ?? !1;
+function en(e, t) {
+	return Y(e, t.href) ? !0 : t.children?.some((t) => Y(e, t.href)) ?? !1;
 }
-function ft(e, t) {
+function tn(e, t) {
 	return e.find((e) => e.module === t);
 }
-function pt(e, t) {
-	return e.children?.filter((e) => ft(t, e.module)) ?? [];
+function nn(e, t) {
+	return e.children?.filter((e) => tn(t, e.module)) ?? [];
 }
-function mt(e, t, n) {
-	return e ? n : /* @__PURE__ */ b(D, {
+function rn(e, t, n) {
+	return e ? n : /* @__PURE__ */ A(je, {
 		title: t,
 		placement: "right",
 		arrow: !0,
-		children: /* @__PURE__ */ b(S, {
+		children: /* @__PURE__ */ A(M, {
 			component: "span",
-			sx: q.sxTooltipWrap(e),
+			sx: J.sxTooltipWrap(e),
 			children: n
 		})
 	});
 }
-function ht({ item: e, nested: t = !1, open: n = !0, expanded: r, onToggleExpand: i, LinkComponent: a, pathname: o, permissions: s, t: c, baseUrl: l, selectedPublicationId: u }) {
-	let d = ut(e, c), f = ft(s, e.module), p = pt(e, s), m = !n, h = J(o, e.href), g = dt(o, e), _ = p.length > 0, D = e.icon, k = t ? h : h || g, [A, j] = v(null), M = !!A;
+function an({ item: e, nested: t = !1, open: n = !0, expanded: r, onToggleExpand: i, LinkComponent: a, pathname: o, permissions: s, t: c, baseUrl: l, selectedPublicationId: u }) {
+	let d = $t(e, c), f = tn(s, e.module), p = nn(e, s), m = !n, h = Y(o, e.href), g = en(o, e), _ = p.length > 0, v = e.icon, y = t ? h : h || g, [x, S] = O(null), C = !!x;
 	if (!f && !_) return null;
-	let N = /* @__PURE__ */ x(y, { children: [
-		_ && !m ? /* @__PURE__ */ b(C, {
+	let w = /* @__PURE__ */ j(k, { children: [
+		_ && !m ? /* @__PURE__ */ A(N, {
 			size: "small",
 			"aria-label": r ? c.sidebar("collapse") : c.sidebar("expand"),
 			onClick: (e) => {
 				e.preventDefault(), e.stopPropagation(), i?.();
 			},
-			sx: q.sxExpandButton,
-			children: b(r ? te : ee, { sx: { fontSize: 20 } })
+			sx: J.sxExpandButton,
+			children: A(r ? Oe : De, { sx: { fontSize: 20 } })
 		}) : null,
-		/* @__PURE__ */ b(D, { sx: q.sxItemIcon(k, m) }),
-		m ? null : /* @__PURE__ */ b(O, {
+		/* @__PURE__ */ A(v, { sx: J.sxItemIcon(y, m) }),
+		m ? null : /* @__PURE__ */ A(L, {
 			component: "span",
-			sx: q.sxItemLabel(h),
+			sx: J.sxItemLabel(h),
 			children: d
 		}),
-		f?.isnew && /* @__PURE__ */ b(S, {
+		f?.isnew && /* @__PURE__ */ A(M, {
 			component: "span",
-			sx: q.sxBetaChip(n),
+			sx: J.sxBetaChip(n),
 			children: c.sidebar("newBadge")
 		})
 	] });
-	return _ && !m ? /* @__PURE__ */ x(S, {
-		sx: q.sxNavGroup(n),
-		children: [/* @__PURE__ */ b(S, {
+	return _ && !m ? /* @__PURE__ */ j(M, {
+		sx: J.sxNavGroup(n),
+		children: [/* @__PURE__ */ A(M, {
 			component: "div",
 			onClick: i,
 			sx: {
-				...q.sxItem(g, t, !0, !1),
+				...J.sxItem(g, t, !0, !1),
 				cursor: "pointer"
 			},
-			children: N
-		}), /* @__PURE__ */ b(ne, {
+			children: w
+		}), /* @__PURE__ */ A(ke, {
 			in: r,
 			timeout: "auto",
 			unmountOnExit: !0,
-			children: /* @__PURE__ */ b(S, {
+			children: /* @__PURE__ */ A(M, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
@@ -1387,7 +1512,7 @@ function ht({ item: e, nested: t = !1, open: n = !0, expanded: r, onToggleExpand
 					maxWidth: "100%",
 					overflow: "hidden"
 				},
-				children: p.map((e) => /* @__PURE__ */ b(ht, {
+				children: p.map((e) => /* @__PURE__ */ A(an, {
 					item: e,
 					nested: !0,
 					open: n,
@@ -1400,27 +1525,27 @@ function ht({ item: e, nested: t = !1, open: n = !0, expanded: r, onToggleExpand
 				}, e.href))
 			})
 		})]
-	}) : _ && m ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(S, {
+	}) : _ && m ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(M, {
 		component: "button",
 		type: "button",
 		"aria-label": d,
-		"aria-controls": M ? `sidebar-children-${e.href}` : void 0,
+		"aria-controls": C ? `sidebar-children-${e.href}` : void 0,
 		"aria-haspopup": "true",
-		"aria-expanded": M ? "true" : void 0,
-		onClick: (e) => j(e.currentTarget),
-		onMouseEnter: (e) => j(e.currentTarget),
+		"aria-expanded": C ? "true" : void 0,
+		onClick: (e) => S(e.currentTarget),
+		onMouseEnter: (e) => S(e.currentTarget),
 		sx: {
-			...q.sxItem(g, t, _, !0),
+			...J.sxItem(g, t, _, !0),
 			border: 0,
 			background: "transparent",
 			cursor: "pointer"
 		},
-		children: N
-	}), /* @__PURE__ */ b(T, {
+		children: w
+	}), /* @__PURE__ */ A(F, {
 		id: `sidebar-children-${e.href}`,
-		anchorEl: A,
-		open: M,
-		onClose: () => j(null),
+		anchorEl: x,
+		open: C,
+		onClose: () => S(null),
 		anchorOrigin: {
 			vertical: "center",
 			horizontal: "right"
@@ -1430,43 +1555,43 @@ function ht({ item: e, nested: t = !1, open: n = !0, expanded: r, onToggleExpand
 			horizontal: "left"
 		},
 		slotProps: {
-			paper: { sx: q.sxChildrenMenuPaper },
+			paper: { sx: J.sxChildrenMenuPaper },
 			list: {
-				onMouseLeave: () => j(null),
+				onMouseLeave: () => S(null),
 				sx: { py: 1 }
 			}
 		},
 		children: p.map((e) => {
 			let t = e.icon;
-			return /* @__PURE__ */ x(E, {
+			return /* @__PURE__ */ j(I, {
 				component: a,
 				href: `${l}${e.href}`,
-				onClick: () => j(null),
-				sx: q.sxChildrenMenuItem(J(o, e.href)),
-				children: [/* @__PURE__ */ b(re, {
-					sx: q.sxChildrenMenuListItemIcon,
-					children: /* @__PURE__ */ b(t, {})
-				}), /* @__PURE__ */ b(w, {
-					primary: ut(e, c),
+				onClick: () => S(null),
+				sx: J.sxChildrenMenuItem(Y(o, e.href)),
+				children: [/* @__PURE__ */ A(P, {
+					sx: J.sxChildrenMenuListItemIcon,
+					children: /* @__PURE__ */ A(t, {})
+				}), /* @__PURE__ */ A(Ae, {
+					primary: $t(e, c),
 					slotProps: { primary: { sx: {
 						fontSize: 14,
 						fontWeight: 400,
-						color: "#191C22"
+						color: b.textStrong
 					} } }
 				})]
 			}, e.href);
 		})
-	})] }) : mt(n, d, /* @__PURE__ */ b(S, {
+	})] }) : rn(n, d, /* @__PURE__ */ A(M, {
 		component: a,
 		href: e.href,
-		sx: q.sxItem(m ? g : h, t, _, m),
-		children: N
+		sx: J.sxItem(m ? g : h, t, _, m),
+		children: w
 	}));
 }
-function gt({ items: e, open: t = !0, LinkComponent: n, pathname: r, permissions: i, t: a, baseUrl: o, selectedPublicationId: s }) {
-	let [c, l] = v(_(() => {
+function on({ items: e, open: t = !0, LinkComponent: n, pathname: r, permissions: i, t: a, baseUrl: o, selectedPublicationId: s }) {
+	let [c, l] = O(D(() => {
 		let t = {};
-		for (let n of e) n.children && (t[n.href] = n.defaultOpen ?? n.children.some((e) => J(r, e.href)));
+		for (let n of e) n.children && (t[n.href] = n.defaultOpen ?? n.children.some((e) => Y(r, e.href)));
 		return t;
 	}, [e, r])), u = (e) => {
 		l((t) => ({
@@ -1474,12 +1599,12 @@ function gt({ items: e, open: t = !0, LinkComponent: n, pathname: r, permissions
 			[e]: !t[e]
 		}));
 	};
-	return /* @__PURE__ */ b(y, { children: e.map((e) => /* @__PURE__ */ b(ht, {
+	return /* @__PURE__ */ A(k, { children: e.map((e) => /* @__PURE__ */ A(an, {
 		item: e,
 		open: t,
 		permissions: i,
 		expanded: c[e.href],
-		onToggleExpand: pt(e, i).length > 0 ? () => u(e.href) : void 0,
+		onToggleExpand: nn(e, i).length > 0 ? () => u(e.href) : void 0,
 		LinkComponent: n,
 		pathname: r,
 		t: a,
@@ -1487,20 +1612,20 @@ function gt({ items: e, open: t = !0, LinkComponent: n, pathname: r, permissions
 		selectedPublicationId: s
 	}, e.href)) });
 }
-function _t({ open: e = !0, pathname: t, permissions: n, LinkComponent: r = W, baseUrl: i, selectedPublicationId: a }) {
-	let { t: o } = U();
-	return /* @__PURE__ */ b(S, {
+function sn({ open: e = !0, pathname: t, permissions: n, LinkComponent: r = Jt, baseUrl: i, selectedPublicationId: a }) {
+	let { t: o } = G();
+	return /* @__PURE__ */ A(M, {
 		component: "aside",
-		sx: q.sxRoot(e),
-		children: /* @__PURE__ */ b(S, {
-			sx: q.sxNavScroll,
-			children: /* @__PURE__ */ b(S, {
+		sx: J.sxRoot(e),
+		children: /* @__PURE__ */ A(M, {
+			sx: J.sxNavScroll,
+			children: /* @__PURE__ */ A(M, {
 				component: "nav",
 				"aria-label": o.sidebar("navAriaLabel"),
-				sx: q.sxNav(e),
-				children: /* @__PURE__ */ b(gt, {
+				sx: J.sxNav(e),
+				children: /* @__PURE__ */ A(on, {
 					permissions: n,
-					items: lt,
+					items: Qt,
 					open: e,
 					LinkComponent: r,
 					pathname: t,
@@ -1514,13 +1639,13 @@ function _t({ open: e = !0, pathname: t, permissions: n, LinkComponent: r = W, b
 }
 //#endregion
 //#region src/lib/components/site-selector-menu/SiteSelectorMenu.styles.ts
-var Y = {
-	sxTriggerButton: (t) => ({
+var X = {
+	sxTriggerButton: (e) => ({
 		height: 34,
-		borderRadius: "8px",
-		borderColor: t ? "transparent" : "m3.outline",
+		borderRadius: o.sm,
+		borderColor: e ? "transparent" : "m3.outline",
 		color: "black",
-		bgcolor: t ? e : "transparent",
+		bgcolor: e ? u : "transparent",
 		textTransform: "none",
 		fontSize: "12px",
 		fontWeight: 500,
@@ -1531,16 +1656,16 @@ var Y = {
 		flexShrink: 0,
 		"&:hover": {
 			borderColor: "m3.outline",
-			bgcolor: t ? e : "action.hover"
+			bgcolor: e ? u : "action.hover"
 		}
 	}),
 	sxTriggerIcon: { fontSize: 20 },
 	sxMenuPaper: {
 		mt: 1,
-		bgcolor: o,
+		bgcolor: h,
 		borderRadius: 2,
 		marginTop: 0,
-		boxShadow: "0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)",
+		boxShadow: l.menu,
 		width: "auto",
 		minWidth: 380,
 		maxWidth: 640,
@@ -1563,7 +1688,7 @@ var Y = {
 		gridTemplateColumns: e ? "1fr" : "1fr 1fr",
 		gap: 1
 	}),
-	sxMenuItem: (t) => ({
+	sxMenuItem: (e) => ({
 		width: "16.4rem",
 		maxWidth: "100%",
 		minHeight: 40,
@@ -1572,18 +1697,18 @@ var Y = {
 		py: 1,
 		padding: "1rem",
 		margin: ".65rem",
-		borderRadius: "28px",
-		bgcolor: t ? e : r,
+		borderRadius: o.xl,
+		bgcolor: e ? u : c,
 		color: "m3.onSurfaceVariant",
 		display: "flex",
 		alignItems: "center",
 		justifyContent: "space-between",
 		gap: 1.5,
 		whiteSpace: "nowrap",
-		"&:hover": { bgcolor: e },
+		"&:hover": { bgcolor: u },
 		"&.Mui-selected": {
-			bgcolor: e,
-			"&:hover": { bgcolor: e }
+			bgcolor: u,
+			"&:hover": { bgcolor: u }
 		}
 	}),
 	sxMenuItemLabel: (e) => ({
@@ -1610,22 +1735,22 @@ var Y = {
 };
 //#endregion
 //#region src/lib/components/site-selector-menu/SiteSelectorMenu.tsx
-function vt({ publication: e, selected: t, href: n, imageUrl: r }) {
-	return /* @__PURE__ */ b("a", {
+function cn({ publication: e, selected: t, href: n, imageUrl: r }) {
+	return /* @__PURE__ */ A("a", {
 		href: n,
 		style: {
 			textDecoration: "none",
 			color: "inherit"
 		},
-		children: /* @__PURE__ */ x(E, {
+		children: /* @__PURE__ */ j(I, {
 			selected: t,
-			sx: Y.sxMenuItem(t),
-			children: [/* @__PURE__ */ b(O, {
-				sx: Y.sxMenuItemLabel(t),
+			sx: X.sxMenuItem(t),
+			children: [/* @__PURE__ */ A(L, {
+				sx: X.sxMenuItemLabel(t),
 				children: e.description
-			}), r ? /* @__PURE__ */ b(S, {
-				sx: Y.sxMenuItemLogoWrap,
-				children: /* @__PURE__ */ b("img", {
+			}), r ? /* @__PURE__ */ A(M, {
+				sx: X.sxMenuItemLogoWrap,
+				children: /* @__PURE__ */ A("img", {
 					src: r,
 					alt: e.description,
 					width: 90,
@@ -1635,23 +1760,23 @@ function vt({ publication: e, selected: t, href: n, imageUrl: r }) {
 		})
 	});
 }
-function yt({ sites: e, selectedPublicationId: n, getPublicationHref: r, resolvePublicationImageUrl: i }) {
-	let [a, o] = v(null), s = !!a, c = (e) => {
+function ln({ sites: e, selectedPublicationId: n, getPublicationHref: r, resolvePublicationImageUrl: i }) {
+	let [a, o] = O(null), s = !!a, c = (e) => {
 		o(e.currentTarget);
 	}, l = () => {
 		o(null);
 	}, u = n ?? "";
-	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(Re, {
+	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(R, {
 		id: "site-selector-button",
 		"aria-controls": s ? "site-selector-menu" : void 0,
 		"aria-haspopup": "true",
 		"aria-expanded": s ? "true" : void 0,
 		variant: "outlined",
 		onClick: c,
-		endIcon: /* @__PURE__ */ b(Le, { sx: Y.sxTriggerIcon }),
-		sx: Y.sxTriggerButton(s),
+		endIcon: /* @__PURE__ */ A(gt, { sx: X.sxTriggerIcon }),
+		sx: X.sxTriggerButton(s),
 		children: t(e, u)
-	}), /* @__PURE__ */ b(T, {
+	}), /* @__PURE__ */ A(F, {
 		id: "site-selector-menu",
 		anchorEl: a,
 		open: s,
@@ -1665,21 +1790,21 @@ function yt({ sites: e, selectedPublicationId: n, getPublicationHref: r, resolve
 			horizontal: "right"
 		},
 		slotProps: {
-			paper: { sx: Y.sxMenuPaper },
+			paper: { sx: X.sxMenuPaper },
 			list: {
 				"aria-labelledby": "site-selector-button",
 				disablePadding: !0,
-				sx: Y.sxMenuList
+				sx: X.sxMenuList
 			}
 		},
-		children: e.map((t, a) => /* @__PURE__ */ x(S, {
-			sx: Y.sxSection(a === e.length - 1),
-			children: [/* @__PURE__ */ b(O, {
-				sx: Y.sxSectionTitle,
+		children: e.map((t, a) => /* @__PURE__ */ j(M, {
+			sx: X.sxSection(a === e.length - 1),
+			children: [/* @__PURE__ */ A(L, {
+				sx: X.sxSectionTitle,
 				children: t.title
-			}), /* @__PURE__ */ b(S, {
-				sx: Y.sxSectionGrid(t.fullWidth),
-				children: t.publications.map((e) => /* @__PURE__ */ b(vt, {
+			}), /* @__PURE__ */ A(M, {
+				sx: X.sxSectionGrid(t.fullWidth),
+				children: t.publications.map((e) => /* @__PURE__ */ A(cn, {
 					publication: e,
 					selected: Number(n) === e.id,
 					href: r(e),
@@ -1689,7 +1814,7 @@ function yt({ sites: e, selectedPublicationId: n, getPublicationHref: r, resolve
 		}, t.title))
 	})] });
 }
-var X = {
+var Z = {
 	sxAppBar: {
 		bgcolor: "m3.surfaceContainer",
 		color: "m3.onSurfaceVariant",
@@ -1708,7 +1833,7 @@ var X = {
 		flexShrink: 0,
 		borderRadius: "100px",
 		color: "m3.onSurfaceVariant",
-		"&:hover": { bgcolor: "#E3E2E6" }
+		"&:hover": { bgcolor: b.surfaceHover }
 	},
 	sxMenuButtonIcon: { fontSize: 24 },
 	sxLogoBox: {
@@ -1753,7 +1878,7 @@ var X = {
 		width: "1px",
 		height: 27.6,
 		flexShrink: 0,
-		bgcolor: "#C1C6D4"
+		bgcolor: b.border
 	},
 	sxProfileButton: {
 		p: 0,
@@ -1764,22 +1889,22 @@ var X = {
 	sxProfileAvatar: {
 		width: 34,
 		height: 34,
-		border: "1px solid #DEE2E6",
-		bgcolor: "#F2F6FC"
+		border: `1px solid ${b.avatarBorder}`,
+		bgcolor: b.avatarBg
 	},
 	sxProfileMenuPaper: {
 		mt: 1,
 		minWidth: 220,
 		borderRadius: 2,
-		bgcolor: "#ECEDF6",
+		bgcolor: b.menuSurface,
 		py: .5,
-		boxShadow: "0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)"
+		boxShadow: l.menu
 	},
 	sxProfileMenuItem: {
 		py: 1.25,
 		px: 2,
 		fontSize: 14,
-		color: "#191C22",
+		color: b.textStrong,
 		"&:hover": { bgcolor: "action.hover" }
 	},
 	sxProfileMenuListItemIcon: {
@@ -1789,12 +1914,12 @@ var X = {
 	},
 	sxProfileMenuDivider: {
 		my: .5,
-		borderColor: "#C1C6D4"
+		borderColor: b.border
 	}
 };
 //#endregion
 //#region src/lib/components/top-bar/NotificationsMenu.tsx
-function bt(e, t) {
+function un(e, t) {
 	let n = new Date(e);
 	return Number.isNaN(n.getTime()) ? "" : n.toLocaleString(t, {
 		day: "2-digit",
@@ -1803,24 +1928,24 @@ function bt(e, t) {
 		minute: "2-digit"
 	});
 }
-function Z({ unreadCount: e, notifications: t }) {
-	let { locale: n, t: r } = U(), [i, a] = v(null), o = !!i, s = at(n), c = _(() => e > 0 ? e : void 0, [e]);
-	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(D, {
+function dn({ unreadCount: e, notifications: t }) {
+	let { locale: n, t: r } = G(), [i, a] = O(null), o = !!i, s = qt(n), c = D(() => e > 0 ? e : void 0, [e]);
+	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(je, {
 		title: r.notificationsMenu("title"),
-		children: /* @__PURE__ */ b(C, {
+		children: /* @__PURE__ */ A(N, {
 			"aria-label": r.notificationsMenu("ariaLabel"),
 			"aria-haspopup": "true",
 			"aria-expanded": o,
 			onClick: (e) => a(e.currentTarget),
-			sx: X.sxActionIcon,
-			children: /* @__PURE__ */ b(ze, {
+			sx: Z.sxActionIcon,
+			children: /* @__PURE__ */ A(_t, {
 				badgeContent: c,
 				color: "error",
-				sx: X.sxBadge,
-				children: /* @__PURE__ */ b(ue, { sx: X.sxActionIconGlyph })
+				sx: Z.sxBadge,
+				children: /* @__PURE__ */ A(Ue, { sx: Z.sxActionIconGlyph })
 			})
 		})
-	}), /* @__PURE__ */ x(T, {
+	}), /* @__PURE__ */ j(F, {
 		anchorEl: i,
 		open: o,
 		onClose: () => a(null),
@@ -1839,38 +1964,38 @@ function Z({ unreadCount: e, notifications: t }) {
 			borderRadius: 2,
 			bgcolor: "m3.surfaceContainerHigh"
 		} } },
-		children: [/* @__PURE__ */ x(S, {
+		children: [/* @__PURE__ */ j(M, {
 			sx: {
 				px: 2,
 				py: 1.5,
 				borderBottom: 1,
 				borderColor: "m3.outlineVariant"
 			},
-			children: [/* @__PURE__ */ b(O, {
+			children: [/* @__PURE__ */ A(L, {
 				variant: "subtitle2",
 				color: "m3.onSurface",
 				children: r.notificationsMenu("title")
-			}), e > 0 ? /* @__PURE__ */ b(O, {
+			}), e > 0 ? /* @__PURE__ */ A(L, {
 				variant: "caption",
 				color: "m3.onSurfaceVariant",
 				children: r.notificationsMenu("unreadCount", { count: e })
 			}) : null]
-		}), t && t?.length === 0 ? /* @__PURE__ */ b(S, {
+		}), t && t?.length === 0 ? /* @__PURE__ */ A(M, {
 			sx: {
 				px: 2,
 				py: 3
 			},
-			children: /* @__PURE__ */ b(O, {
+			children: /* @__PURE__ */ A(L, {
 				variant: "body2",
 				color: "m3.onSurfaceVariant",
 				sx: { textAlign: "center" },
 				children: r.notificationsMenu("empty")
 			})
-		}) : /* @__PURE__ */ b(Be, {
+		}) : /* @__PURE__ */ A(vt, {
 			dense: !0,
 			disablePadding: !0,
 			sx: { py: .5 },
-			children: t && t.map((e) => /* @__PURE__ */ b(Ve, {
+			children: t && t.map((e) => /* @__PURE__ */ A(yt, {
 				component: e.href ? "a" : "div",
 				href: e.href,
 				onClick: () => a(null),
@@ -1880,9 +2005,9 @@ function Z({ unreadCount: e, notifications: t }) {
 					bgcolor: e.read ? "transparent" : "secondary.light",
 					"&:hover": { bgcolor: e.read ? "action.hover" : "secondary.light" }
 				},
-				children: /* @__PURE__ */ b(w, {
+				children: /* @__PURE__ */ A(Ae, {
 					primary: e.title,
-					secondary: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(O, {
+					secondary: /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(L, {
 						component: "span",
 						variant: "body2",
 						color: "m3.onSurfaceVariant",
@@ -1891,7 +2016,7 @@ function Z({ unreadCount: e, notifications: t }) {
 							mt: .25
 						},
 						children: e.message
-					}), /* @__PURE__ */ b(O, {
+					}), /* @__PURE__ */ A(L, {
 						component: "span",
 						variant: "caption",
 						color: "m3.onSurfaceVariant",
@@ -1899,7 +2024,7 @@ function Z({ unreadCount: e, notifications: t }) {
 							display: "block",
 							mt: .5
 						},
-						children: bt(e.createdAt, s)
+						children: un(e.createdAt, s)
 					})] }),
 					slotProps: { primary: {
 						variant: "subtitle2",
@@ -1913,75 +2038,75 @@ function Z({ unreadCount: e, notifications: t }) {
 }
 //#endregion
 //#region src/lib/utils/cms-asset.ts
-var xt = "https://dev.cms-medios.com";
-function St(e) {
+var fn = "https://dev.cms-medios.com";
+function pn(e) {
 	let t = e?.trim();
-	return t ? t.replace(/\/$/, "") : xt;
+	return t ? t.replace(/\/$/, "") : fn;
 }
-function Ct(e, t) {
+function mn(e, t) {
 	if (!e) return "";
 	if (e.startsWith("http://") || e.startsWith("https://")) return e;
 	let n = e.startsWith("/") ? e : `/${e}`;
-	return `${St(t)}${n}`;
+	return `${pn(t)}${n}`;
 }
 //#endregion
 //#region src/lib/utils/profile-avatar.ts
-var wt = "noPicture", Tt = "/topbar_profile.png";
-function Et(e, t) {
-	let { image: n } = e, r = t?.fallbackAvatar ?? Tt;
-	return !n || n === wt ? r : Ct(n, t?.cmsOrigin);
+var hn = "noPicture", gn = "/topbar_profile.png";
+function _n(e, t) {
+	let { image: n } = e, r = t?.fallbackAvatar ?? gn;
+	return !n || n === hn ? r : mn(n, t?.cmsOrigin);
 }
-function Dt(e) {
+function vn(e) {
 	if (e.fullName?.trim()) return e.fullName.trim();
 	let t = [e.firstName, e.lastName].filter(Boolean);
 	return t.length > 0 ? t.join(" ") : e.userName;
 }
 //#endregion
 //#region src/lib/components/top-bar/ProfileMenu.tsx
-function Ot({ label: e, icon: t, onSelect: n }) {
-	return /* @__PURE__ */ x(E, {
+function yn({ label: e, icon: t, onSelect: n }) {
+	return /* @__PURE__ */ j(I, {
 		onClick: n,
-		sx: X.sxProfileMenuItem,
-		children: [/* @__PURE__ */ b(re, {
-			sx: X.sxProfileMenuListItemIcon,
-			children: /* @__PURE__ */ b(t, {})
-		}), /* @__PURE__ */ b(w, {
+		sx: Z.sxProfileMenuItem,
+		children: [/* @__PURE__ */ A(P, {
+			sx: Z.sxProfileMenuListItemIcon,
+			children: /* @__PURE__ */ A(t, {})
+		}), /* @__PURE__ */ A(Ae, {
 			primary: e,
 			slotProps: { primary: { sx: {
 				fontSize: 14,
 				fontWeight: 400,
-				color: "#191C22"
+				color: b.textStrong
 			} } }
 		})]
 	});
 }
-function kt({ profile: e, avatarOptions: t }) {
-	let { t: n } = U(), [r, i] = v(null), a = !!r, o = Dt(e), s = Et(e, t), c = s.startsWith("/"), l = _(() => [{
+function bn({ profile: e, avatarOptions: t }) {
+	let { t: n } = G(), [r, i] = O(null), a = !!r, o = vn(e), s = _n(e, t), c = s.startsWith("/"), l = D(() => [{
 		id: "profile",
 		labelKey: "myProfile",
-		icon: We
+		icon: St
 	}, {
 		id: "webmaster",
 		labelKey: "webmasterView",
-		icon: He
-	}], []), u = _(() => ({
+		icon: bt
+	}], []), u = D(() => ({
 		id: "sign-off",
 		labelKey: "signOff",
-		icon: Ue
+		icon: xt
 	}), []), d = () => i(null), f = (e) => {
 		d();
 	};
-	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(C, {
+	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(N, {
 		id: "profile-menu-button",
 		"aria-label": n.profileMenu("ariaLabel"),
 		"aria-controls": a ? "profile-menu" : void 0,
 		"aria-haspopup": "true",
 		"aria-expanded": a ? "true" : void 0,
 		onClick: (e) => i(e.currentTarget),
-		sx: X.sxProfileButton,
-		children: /* @__PURE__ */ b(Ge, {
-			sx: X.sxProfileAvatar,
-			children: /* @__PURE__ */ b(S, {
+		sx: Z.sxProfileButton,
+		children: /* @__PURE__ */ A(Ct, {
+			sx: Z.sxProfileAvatar,
+			children: /* @__PURE__ */ A(M, {
 				component: "img",
 				src: s,
 				alt: "",
@@ -1993,7 +2118,7 @@ function kt({ profile: e, avatarOptions: t }) {
 				...c ? {} : { crossOrigin: "anonymous" }
 			})
 		})
-	}), /* @__PURE__ */ x(T, {
+	}), /* @__PURE__ */ j(F, {
 		id: "profile-menu",
 		anchorEl: r,
 		open: a,
@@ -2007,37 +2132,37 @@ function kt({ profile: e, avatarOptions: t }) {
 			horizontal: "right"
 		},
 		slotProps: {
-			paper: { sx: X.sxProfileMenuPaper },
+			paper: { sx: Z.sxProfileMenuPaper },
 			list: { disablePadding: !0 }
 		},
 		children: [
-			/* @__PURE__ */ x(S, {
+			/* @__PURE__ */ j(M, {
 				sx: {
 					px: 2,
 					py: 1.5,
 					borderBottom: 1,
 					borderColor: "divider"
 				},
-				children: [/* @__PURE__ */ b(O, {
+				children: [/* @__PURE__ */ A(L, {
 					variant: "subtitle2",
 					sx: {
 						fontWeight: 600,
-						color: "#191C22"
+						color: b.textStrong
 					},
 					children: o
-				}), /* @__PURE__ */ b(O, {
+				}), /* @__PURE__ */ A(L, {
 					variant: "caption",
-					sx: { color: "#414752" },
+					sx: { color: b.textNav },
 					children: e.email
 				})]
 			}),
-			l.map((e) => /* @__PURE__ */ b(Ot, {
+			l.map((e) => /* @__PURE__ */ A(yn, {
 				label: n.profileMenu(e.labelKey),
 				icon: e.icon,
 				onSelect: () => f(e.id)
 			}, e.id)),
-			/* @__PURE__ */ b(Ke, { sx: X.sxProfileMenuDivider }),
-			/* @__PURE__ */ b(Ot, {
+			/* @__PURE__ */ A(wt, { sx: Z.sxProfileMenuDivider }),
+			/* @__PURE__ */ A(yn, {
 				label: n.profileMenu(u.labelKey),
 				icon: u.icon,
 				onSelect: () => f(u.id)
@@ -2047,83 +2172,83 @@ function kt({ profile: e, avatarOptions: t }) {
 }
 //#endregion
 //#region src/lib/components/top-bar/TopBar.tsx
-function At() {
-	return /* @__PURE__ */ b(S, {
+function xn() {
+	return /* @__PURE__ */ A(M, {
 		component: "span",
 		role: "separator",
 		"aria-orientation": "vertical",
-		sx: X.sxDivider
+		sx: Z.sxDivider
 	});
 }
-function jt({ title: e, icon: t }) {
-	return /* @__PURE__ */ b(D, {
+function Sn({ title: e, icon: t }) {
+	return /* @__PURE__ */ A(je, {
 		title: e,
-		children: /* @__PURE__ */ b(C, {
+		children: /* @__PURE__ */ A(N, {
 			"aria-label": e,
-			sx: X.sxActionIcon,
-			children: /* @__PURE__ */ b(t, { sx: X.sxActionIconGlyph })
+			sx: Z.sxActionIcon,
+			children: /* @__PURE__ */ A(t, { sx: Z.sxActionIconGlyph })
 		})
 	});
 }
-function Q({ sites: e, sidebarOpen: t, onToggleSidebar: n, notificationUnreadCount: r, notifications: i, profile: a, primaryLogo: o, brandLogo: s, selectedPublicationId: c, getPublicationHref: l, resolvePublicationImageUrl: u, profileAvatarOptions: d }) {
-	let { t: f } = U(), p = [{
+function Cn({ sites: e, sidebarOpen: t, onToggleSidebar: n, notificationUnreadCount: r, notifications: i, profile: a, primaryLogo: o, brandLogo: s, selectedPublicationId: c, getPublicationHref: l, resolvePublicationImageUrl: u, profileAvatarOptions: d }) {
+	let { t: f } = G(), p = [{
 		title: f.topBar("analytics"),
-		icon: Me
+		icon: dt
 	}, {
 		title: f.topBar("help"),
-		icon: Ne
+		icon: ft
 	}];
-	return /* @__PURE__ */ b(Fe, {
+	return /* @__PURE__ */ A(mt, {
 		position: "static",
 		elevation: 0,
-		sx: X.sxAppBar,
-		children: /* @__PURE__ */ x(Ie, {
+		sx: Z.sxAppBar,
+		children: /* @__PURE__ */ j(ht, {
 			disableGutters: !0,
 			variant: "dense",
-			sx: X.sxToolbar,
+			sx: Z.sxToolbar,
 			children: [
-				/* @__PURE__ */ b(C, {
+				/* @__PURE__ */ A(N, {
 					"aria-label": t ? f.topBar("closeSidebar") : f.topBar("openSidebar"),
 					"aria-expanded": t,
 					onClick: n,
-					sx: X.sxMenuButton,
-					children: /* @__PURE__ */ b(Pe, { sx: X.sxMenuButtonIcon })
+					sx: Z.sxMenuButton,
+					children: /* @__PURE__ */ A(pt, { sx: Z.sxMenuButtonIcon })
 				}),
-				/* @__PURE__ */ b(S, {
-					sx: X.sxLogoBox,
+				/* @__PURE__ */ A(M, {
+					sx: Z.sxLogoBox,
 					children: o
 				}),
-				/* @__PURE__ */ b(S, { sx: { flex: 1 } }),
-				/* @__PURE__ */ x(S, {
-					sx: X.sxActionsFrame,
+				/* @__PURE__ */ A(M, { sx: { flex: 1 } }),
+				/* @__PURE__ */ j(M, {
+					sx: Z.sxActionsFrame,
 					children: [
-						/* @__PURE__ */ x(S, {
-							sx: X.sxIconActionsRow,
+						/* @__PURE__ */ j(M, {
+							sx: Z.sxIconActionsRow,
 							children: [
-								/* @__PURE__ */ b(jt, {
+								/* @__PURE__ */ A(Sn, {
 									title: f.topBar("new"),
-									icon: je
+									icon: ut
 								}),
-								/* @__PURE__ */ b(Z, {
+								/* @__PURE__ */ A(dn, {
 									unreadCount: r,
 									notifications: i
 								}),
-								p.map(({ title: e, icon: t }) => /* @__PURE__ */ b(jt, {
+								p.map(({ title: e, icon: t }) => /* @__PURE__ */ A(Sn, {
 									title: e,
 									icon: t
 								}, e))
 							]
 						}),
-						/* @__PURE__ */ b(At, {}),
+						/* @__PURE__ */ A(xn, {}),
 						s,
-						/* @__PURE__ */ b(yt, {
+						/* @__PURE__ */ A(ln, {
 							sites: e,
 							selectedPublicationId: c,
 							getPublicationHref: l,
 							resolvePublicationImageUrl: u
 						}),
-						/* @__PURE__ */ b(At, {}),
-						/* @__PURE__ */ b(kt, {
+						/* @__PURE__ */ A(xn, {}),
+						/* @__PURE__ */ A(bn, {
 							profile: a,
 							avatarOptions: d
 						})
@@ -2135,7 +2260,7 @@ function Q({ sites: e, sidebarOpen: t, onToggleSidebar: n, notificationUnreadCou
 }
 //#endregion
 //#region src/lib/components/shell/AppShell.styles.ts
-var $ = {
+var Q = {
 	sxRoot: {
 		display: "flex",
 		flexDirection: "column",
@@ -2168,21 +2293,21 @@ var $ = {
 };
 //#endregion
 //#region src/lib/components/shell/AppShell.tsx
-function Mt({ pathname: e, sites: t, children: n, notificationUnreadCount: r, notifications: i, profile: a, primaryLogo: o, brandLogo: s, selectedPublicationId: c, getPublicationHref: l, resolvePublicationImageUrl: u, profileAvatarOptions: d, LinkComponent: f = W, permissions: p, locale: m, language: h, messages: g, baseUrl: _ }) {
-	let [y, ee] = v(!0);
-	return /* @__PURE__ */ b(it, {
+function wn({ pathname: e, sites: t, children: n, notificationUnreadCount: r, notifications: i, profile: a, primaryLogo: o, brandLogo: s, selectedPublicationId: c, getPublicationHref: l, resolvePublicationImageUrl: u, profileAvatarOptions: d, LinkComponent: f = Jt, permissions: p, locale: m, language: h, messages: g, baseUrl: _ }) {
+	let [v, y] = O(!0);
+	return /* @__PURE__ */ A(Kt, {
 		locale: m,
 		language: h,
 		messages: g,
-		children: /* @__PURE__ */ x(S, {
-			sx: $.sxRoot,
-			children: [/* @__PURE__ */ b(S, {
+		children: /* @__PURE__ */ j(M, {
+			sx: Q.sxRoot,
+			children: [/* @__PURE__ */ A(M, {
 				component: "header",
-				sx: $.sxHeader,
-				children: /* @__PURE__ */ b(Q, {
+				sx: Q.sxHeader,
+				children: /* @__PURE__ */ A(Cn, {
 					sites: t,
-					sidebarOpen: y,
-					onToggleSidebar: () => ee((e) => !e),
+					sidebarOpen: v,
+					onToggleSidebar: () => y((e) => !e),
 					notificationUnreadCount: r,
 					notifications: i,
 					profile: a,
@@ -2193,18 +2318,18 @@ function Mt({ pathname: e, sites: t, children: n, notificationUnreadCount: r, no
 					resolvePublicationImageUrl: u,
 					profileAvatarOptions: d
 				})
-			}), /* @__PURE__ */ x(S, {
-				sx: $.sxBody,
-				children: [/* @__PURE__ */ b(_t, {
-					open: y,
+			}), /* @__PURE__ */ j(M, {
+				sx: Q.sxBody,
+				children: [/* @__PURE__ */ A(sn, {
+					open: v,
 					pathname: e,
 					LinkComponent: f,
 					permissions: p,
 					baseUrl: _,
 					selectedPublicationId: c
-				}), /* @__PURE__ */ b(S, {
+				}), /* @__PURE__ */ A(M, {
 					component: "main",
-					sx: $.sxMain,
+					sx: Q.sxMain,
 					children: n
 				})]
 			})]
@@ -2213,26 +2338,26 @@ function Mt({ pathname: e, sites: t, children: n, notificationUnreadCount: r, no
 }
 //#endregion
 //#region src/lib/components/mui-provider/CmsMuiProvider.tsx
-var Nt = L();
-function Pt({ children: e }) {
-	return /* @__PURE__ */ x(d, {
-		theme: Nt,
+var Tn = Mt();
+function En({ children: e }) {
+	return /* @__PURE__ */ j(xe, {
+		theme: Tn,
 		defaultMode: "light",
 		storageManager: null,
-		children: [/* @__PURE__ */ b(P, { enableColorScheme: !0 }), e]
+		children: [/* @__PURE__ */ A(Tt, { enableColorScheme: !0 }), e]
 	});
 }
 //#endregion
 //#region src/lib/components/mui-provider/NextCmsMuiProvider.tsx
-var Ft = L();
-function It({ children: e }) {
-	return /* @__PURE__ */ b(qe, {
+var Dn = Mt();
+function On({ children: e }) {
+	return /* @__PURE__ */ A(Et, {
 		options: { enableCssLayer: !0 },
-		children: /* @__PURE__ */ x(d, {
-			theme: Ft,
+		children: /* @__PURE__ */ j(xe, {
+			theme: Dn,
 			defaultMode: "light",
 			storageManager: null,
-			children: [/* @__PURE__ */ b(P, { enableColorScheme: !0 }), /* @__PURE__ */ b(S, {
+			children: [/* @__PURE__ */ A(Tt, { enableColorScheme: !0 }), /* @__PURE__ */ A(M, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
@@ -2245,6 +2370,354 @@ function It({ children: e }) {
 	});
 }
 //#endregion
-export { lt as ACCOUNT_NAV_BLOCKS, Mt as AppShell, l as CmsCommonServices, it as CmsI18nProvider, Pt as CmsMuiProvider, a as CmsUsersServices, tt as DEFAULT_LOCALE, s as DEFAULT_SITE_ID, W as DefaultCmsLink, r as ITEM_DEFAULT_BG, e as ITEM_HOVER_BG, Je as LIB_VERSION, o as MENU_BG, It as NextCmsMuiProvider, Z as NotificationsMenu, kt as ProfileMenu, H as SUPPORTED_LOCALES, _t as Sidebar, yt as SiteSelectorMenu, Q as TopBar, L as createAppTheme, R as createTranslator, z as defaultLocaleCatalog, Qe as enMessages, $e as esMessages, c as findPublicationBySlug, t as findPublicationLabel, i as getAllPublications, u as getDefaultPublicationSlug, at as getIntlLocaleTag, Et as getProfileAvatarSrc, Dt as getProfileDisplayName, V as mergeMessages, nt as normalizeLocale, n as parsePublicationSlug, et as ptMessages, Ct as resolveCmsAssetUrl, St as resolveCmsOrigin, U as useCmsTranslation };
+//#region src/lib/components/dropdowns/SimpleDropdown.styles.ts
+var $ = {
+	sxTriggerWrap: { display: "inline-flex" },
+	sxIconTrigger: (e) => ({
+		borderRadius: "30px",
+		color: e ? b.controlText : b.iconButtonIcon,
+		bgcolor: e ? b.iconButtonHoverBg : "transparent",
+		"& .MuiSvgIcon-root": { fontSize: 22 },
+		"&:hover": {
+			bgcolor: b.iconButtonHoverBg,
+			color: b.controlText
+		}
+	}),
+	sxMenuPaper: (e) => ({
+		mt: 1,
+		p: 1,
+		minWidth: e,
+		borderRadius: o.lg,
+		bgcolor: "m3.surfaceContainerLowest",
+		border: "1px solid",
+		borderColor: "m3.outlineVariant",
+		boxShadow: l.menuSoft
+	}),
+	sxList: {
+		p: 0,
+		display: "flex",
+		flexDirection: "column",
+		gap: "2px"
+	},
+	sxGrid: {
+		display: "grid",
+		gridTemplateColumns: "1fr 1fr",
+		gap: "2px"
+	},
+	sxItem: (e) => ({
+		display: "flex",
+		alignItems: "flex-start",
+		gap: "12px",
+		px: "12px",
+		py: "10px",
+		borderRadius: o.md,
+		color: "m3.onSurface",
+		whiteSpace: "normal",
+		bgcolor: e ? b.secondary : "transparent",
+		"&:hover": { bgcolor: b.secondaryHover },
+		"&.Mui-selected": {
+			bgcolor: b.secondary,
+			"&:hover": { bgcolor: b.secondaryHover }
+		}
+	}),
+	sxIcon: {
+		minWidth: 0,
+		mt: "2px",
+		color: "m3.onSurfaceVariant",
+		display: "inline-flex",
+		"& .MuiSvgIcon-root": { fontSize: 20 }
+	},
+	sxItemText: {
+		display: "flex",
+		flexDirection: "column",
+		minWidth: 0
+	},
+	sxLabel: (e) => ({
+		fontSize: 14,
+		fontWeight: e ? 600 : 500,
+		lineHeight: "20px",
+		color: "m3.onSurface"
+	}),
+	sxDescription: {
+		fontSize: 12,
+		fontWeight: 400,
+		lineHeight: "16px",
+		color: "m3.onSurfaceVariant",
+		mt: "2px"
+	},
+	sxSubItem: {
+		pl: "44px",
+		py: "8px",
+		fontSize: 13,
+		color: "m3.onSurface",
+		borderRadius: o.md
+	},
+	sxFooter: {
+		px: "12px",
+		py: 1
+	}
+};
+//#endregion
+//#region src/lib/components/dropdowns/SimpleDropdown.tsx
+function kn({ options: e, trigger: t, triggerIcon: n, columns: r = 1, footer: i, minWidth: a = 220, anchorOrigin: o = {
+	vertical: "bottom",
+	horizontal: "right"
+}, transformOrigin: s = {
+	vertical: "top",
+	horizontal: "right"
+}, closeOnSelect: c = !0, anchorEl: l, open: u, onClose: d, testId: f }) {
+	let p = u !== void 0, [m, h] = O(null), [g, _] = O(null), v = p ? l ?? null : m, y = p ? !!u : !!m, b = () => {
+		p ? d?.() : h(null), _(null);
+	}, x = (e) => {
+		h(e.currentTarget);
+	}, S = D(() => e.filter((e) => e.show !== !1), [e]), C = (e, t) => {
+		if (!e.disabled) {
+			if (e.subItems?.length) {
+				_((e) => e === t ? null : t);
+				return;
+			}
+			e.onClick?.(e), c && b();
+		}
+	}, w = (e, t) => {
+		let n = e.id ?? String(t), r = g === n;
+		return /* @__PURE__ */ j(Ce, { children: [
+			e.hasTopLine ? /* @__PURE__ */ A(wt, { sx: { my: .5 } }) : null,
+			/* @__PURE__ */ j(I, {
+				disabled: e.disabled,
+				selected: e.selected,
+				onClick: () => C(e, n),
+				"data-testid": e.testId,
+				sx: $.sxItem(!!e.selected),
+				children: [e.icon ? /* @__PURE__ */ A(P, {
+					sx: $.sxIcon,
+					children: e.icon
+				}) : null, /* @__PURE__ */ j(M, {
+					sx: $.sxItemText,
+					children: [/* @__PURE__ */ A(L, {
+						component: "span",
+						sx: $.sxLabel(!!e.description),
+						children: e.label
+					}), e.description ? /* @__PURE__ */ A(L, {
+						component: "span",
+						sx: $.sxDescription,
+						children: e.description
+					}) : null]
+				})]
+			}),
+			r ? e.subItems?.filter((e) => e.show !== !1).map((e, t) => /* @__PURE__ */ A(I, {
+				disabled: e.disabled,
+				"data-testid": e.testId,
+				onClick: () => {
+					e.disabled || (e.onClick?.(e), c && b());
+				},
+				sx: $.sxSubItem,
+				children: e.label
+			}, `${n}-${e.id ?? t}`)) : null
+		] }, n);
+	}, ee = /* @__PURE__ */ A(N, {
+		"aria-haspopup": "true",
+		sx: $.sxIconTrigger(y),
+		children: n ?? /* @__PURE__ */ A(Dt, {})
+	}), te = typeof t == "function" ? t({ open: y }) : t ?? ee;
+	return /* @__PURE__ */ j(k, { children: [!p && te ? /* @__PURE__ */ A(M, {
+		component: "span",
+		onClick: x,
+		sx: $.sxTriggerWrap,
+		children: te
+	}) : null, /* @__PURE__ */ j(F, {
+		anchorEl: v,
+		open: y,
+		onClose: b,
+		anchorOrigin: o,
+		transformOrigin: s,
+		slotProps: {
+			paper: { sx: $.sxMenuPaper(a) },
+			list: {
+				sx: $.sxList,
+				...f ? { "data-testid": f } : {}
+			}
+		},
+		children: [
+			r === 2 ? /* @__PURE__ */ A(M, {
+				sx: $.sxGrid,
+				children: S.map((e, t) => w(e, t))
+			}) : S.map((e, t) => w(e, t)),
+			i ? /* @__PURE__ */ A(wt, { sx: { my: .5 } }) : null,
+			i ? /* @__PURE__ */ A(M, {
+				sx: $.sxFooter,
+				children: i
+			}) : null
+		]
+	})] });
+}
+//#endregion
+//#region src/lib/components/dropdowns/BtnDropdown.styles.ts
+var An = (e) => e ? "white" : "cta", jn = {
+	sxGroup: {
+		display: "inline-flex",
+		alignItems: "stretch"
+	},
+	sxMainButton: (e, t) => {
+		let n = An(e);
+		return {
+			height: T.buttonHeight,
+			px: "20px",
+			pr: t ? "20px" : "14px",
+			borderRadius: t ? "999px" : "999px 0 0 999px",
+			textTransform: "none",
+			fontSize: 14,
+			fontWeight: 500,
+			minWidth: 0,
+			gap: 1,
+			boxShadow: l.button,
+			...V(n),
+			"& .MuiSvgIcon-root": { fontSize: 18 },
+			"&:hover": {
+				boxShadow: l.button,
+				bgcolor: H(n)
+			},
+			"&.Mui-disabled": {
+				bgcolor: e ? "m3.surfaceContainerLowest" : b.primaryDisabled,
+				color: "action.disabled"
+			}
+		};
+	},
+	sxArrowButton: (e, t) => {
+		let n = An(e);
+		return {
+			height: T.buttonHeight,
+			minWidth: 38,
+			width: 38,
+			px: 0,
+			borderRadius: "0 999px 999px 0",
+			boxShadow: l.button,
+			...V(n),
+			borderLeft: "1px solid",
+			borderLeftColor: Nt(n),
+			"& .MuiSvgIcon-root": {
+				fontSize: 22,
+				transition: "transform 0.15s",
+				transform: t ? "rotate(180deg)" : "none"
+			},
+			"&:hover": {
+				boxShadow: l.button,
+				bgcolor: H(n)
+			}
+		};
+	}
+};
+//#endregion
+//#region src/lib/components/dropdowns/BtnDropdown.tsx
+function Mn({ titleButton: e, options: t, icon: n, onAction: r, disabled: i = !1, enableButton: a = !0, whiteBtn: o = !1, showDropdownOptions: s = !0, testId: c }) {
+	let [l, u] = O(null), d = !!l, f = (e) => {
+		u((t) => t ? null : e.currentTarget);
+	}, p = D(() => t.filter((e) => e.show !== !1), [t]).length > 0, m = s && p;
+	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j(M, {
+		sx: jn.sxGroup,
+		children: [/* @__PURE__ */ A(R, {
+			disableElevation: !0,
+			startIcon: n,
+			onClick: r,
+			disabled: i || !a,
+			"data-testid": c ? `btn-${c}` : void 0,
+			sx: jn.sxMainButton(o, !m),
+			children: e
+		}), m ? /* @__PURE__ */ A(R, {
+			disableElevation: !0,
+			"aria-haspopup": "true",
+			"aria-expanded": d ? "true" : void 0,
+			onClick: f,
+			disabled: i,
+			"data-testid": c ? `dropdown-toggle-${c}` : void 0,
+			sx: jn.sxArrowButton(o, d),
+			children: /* @__PURE__ */ A(Ot, {})
+		}) : null]
+	}), /* @__PURE__ */ A(kn, {
+		options: t,
+		anchorEl: l,
+		open: d,
+		onClose: () => u(null),
+		anchorOrigin: {
+			vertical: "bottom",
+			horizontal: "right"
+		},
+		transformOrigin: {
+			vertical: "top",
+			horizontal: "right"
+		},
+		testId: c ? `dropdown-menu-${c}` : void 0
+	})] });
+}
+//#endregion
+//#region src/lib/components/dropdowns/SelectDropdown.tsx
+function Nn({ value: e, options: t, onChange: n, highlighted: r = !1, showIcons: i = !0, minWidth: a = 200, disabled: o = !1, placeholder: s, ariaLabel: c, testId: l }) {
+	let [u, d] = O(null), f = !!u, p = D(() => t.filter((e) => e.show !== !1), [t]), m = D(() => p.find((t) => t.value === e), [p, e]), h = (e) => {
+		n(e), d(null);
+	};
+	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j(R, {
+		type: "button",
+		disableElevation: !0,
+		disabled: o,
+		"aria-haspopup": "listbox",
+		"aria-expanded": f ? "true" : void 0,
+		"aria-label": c,
+		onClick: (e) => d(e.currentTarget),
+		"data-testid": l,
+		sx: U.sxTrigger(r, f),
+		children: [
+			i && m?.icon ? /* @__PURE__ */ A(M, {
+				component: "span",
+				className: "sel-lead",
+				children: m.icon
+			}) : null,
+			/* @__PURE__ */ A(M, {
+				component: "span",
+				sx: {
+					flex: 1,
+					textAlign: "left",
+					whiteSpace: "nowrap"
+				},
+				children: m?.label ?? s
+			}),
+			/* @__PURE__ */ A(M, {
+				component: "span",
+				className: "sel-chevron",
+				children: /* @__PURE__ */ A(Oe, {})
+			})
+		]
+	}), /* @__PURE__ */ A(F, {
+		anchorEl: u,
+		open: f,
+		onClose: () => d(null),
+		anchorOrigin: {
+			vertical: "bottom",
+			horizontal: "left"
+		},
+		transformOrigin: {
+			vertical: "top",
+			horizontal: "left"
+		},
+		slotProps: {
+			paper: { sx: U.sxMenuPaper(a) },
+			list: {
+				sx: U.sxList,
+				role: "listbox",
+				...l ? { "data-testid": `${l}-menu` } : {}
+			}
+		},
+		children: p.map((t) => {
+			let n = t.value === e;
+			return /* @__PURE__ */ j(I, {
+				selected: n,
+				onClick: () => h(t.value),
+				"data-testid": l ? `${l}-option-${t.value}` : void 0,
+				sx: U.sxItem(n),
+				children: [i && t.icon ? /* @__PURE__ */ A(P, { children: t.icon }) : null, t.label]
+			}, t.value);
+		})
+	})] });
+}
+//#endregion
+export { Qt as ACCOUNT_NAV_BLOCKS, wn as AppShell, Mn as BtnDropdown, i as CmsAudiosServices, oe as CmsAuthLoginServices, m as CmsAuthServices, _ as CmsCategoriesServices, _e as CmsCkeditorServices, n as CmsCommentsServices, me as CmsCommonServices, g as CmsContributionsServices, f as CmsDashboardServices, ye as CmsEventsServices, ge as CmsFileExplorerServices, x as CmsGeneralServices, Kt as CmsI18nProvider, ne as CmsImagesServices, En as CmsMuiProvider, re as CmsNewsServices, ce as CmsNotificationServices, de as CmsPeopleServices, te as CmsPlanningServices, ee as CmsPollsServices, r as CmsPreviewServices, C as CmsProductivityPlanServices, d as CmsProfileServices, ae as CmsPublicationsServices, he as CmsRecipesServices, ve as CmsSectionsServices, e as CmsSitesServices, le as CmsTagsServices, fe as CmsTranscribeServices, ie as CmsTriviasServices, p as CmsUploadServices, se as CmsUsersServices, S as CmsVideosServices, ue as CmsVodsServices, pe as CmsWorkpaperServices, w as CmsZonesServices, Ut as DEFAULT_LOCALE, a as DEFAULT_SITE_ID, Jt as DefaultCmsLink, c as ITEM_DEFAULT_BG, u as ITEM_HOVER_BG, kt as LIB_VERSION, h as MENU_BG, On as NextCmsMuiProvider, dn as NotificationsMenu, bn as ProfileMenu, Ht as SUPPORTED_LOCALES, Nn as SelectDropdown, U as SelectStyles, sn as Sidebar, kn as SimpleDropdown, ln as SiteSelectorMenu, Cn as TopBar, Nt as cmsButtonDivider, H as cmsButtonHoverBg, V as cmsButtonSurface, b as cmsColors, Mt as createAppTheme, It as createTranslator, Bt as defaultLocaleCatalog, Lt as enMessages, Rt as esMessages, be as findPublicationBySlug, t as findPublicationLabel, y as getAllPublications, s as getDefaultPublicationSlug, qt as getIntlLocaleTag, _n as getProfileAvatarSrc, vn as getProfileDisplayName, Vt as mergeMessages, Wt as normalizeLocale, v as parsePublicationSlug, zt as ptMessages, o as radii, mn as resolveCmsAssetUrl, pn as resolveCmsOrigin, l as shadows, T as sizes, Pt as sxPillButton, G as useCmsTranslation };
 
 //# sourceMappingURL=index.js.map