@solostylist/ui-kit 1.0.228 → 1.0.229

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.228",
+  "version": "1.0.229",
   "description": "advanced ui kit for solostylist",
   "type": "module",
   "main": "dist/main.js",

package/dist/Menu-Ct_sL_Dg.js

@@ -1,497 +0,0 @@
-import { n as e } from "./chunk-C_CI6nMA.js";
-import { _ as t } from "./createTheme-Bnw5w28O.js";
-import { o as n, r } from "./memoTheme-QMocAblm.js";
-import { t as i } from "./clsx-Bv8WXdlr.js";
-import { t as a } from "./generateUtilityClass-tRYNDrlH.js";
-import { t as o } from "./generateUtilityClasses-XrPHiTcM.js";
-import { n as s, t as c } from "./styled-BTDmdi4c.js";
-import { C as l, c as u, p as d, s as f, t as p, x as m } from "./Modal-Cu5Cgh-q.js";
-import { i as h } from "./ButtonBase-BDefit5I.js";
-import { p as g, s as _, t as v } from "./useSlot-IwEDsR9t.js";
-import { d as y, f as b, p as x, t as S } from "./MenuList-5C2nFAWS.js";
-import { t as C } from "./mergeSlotProps-slENzJO5.js";
-import { n as w, t as T } from "./Paper-CPC6sMxx.js";
-import * as E from "react";
-import { jsx as D } from "react/jsx-runtime";
-//#region ../../node_modules/@mui/material/Popover/popoverClasses.mjs
-var O = /* @__PURE__ */ e(t(), 1);
-function k(e) {
-	return a("MuiPopover", e);
-}
-o("MuiPopover", ["root", "paper"]);
-//#endregion
-//#region ../../node_modules/@mui/material/Popover/Popover.mjs
-function A(e, t) {
-	let n = 0;
-	return typeof t == "number" ? n = t : t === "center" ? n = e.height / 2 : t === "bottom" && (n = e.height), n;
-}
-function j(e, t) {
-	let n = 0;
-	return typeof t == "number" ? n = t : t === "center" ? n = e.width / 2 : t === "right" && (n = e.width), n;
-}
-function M(e) {
-	return [e.horizontal, e.vertical].map((e) => typeof e == "number" ? `${e}px` : e).join(" ");
-}
-function N(e) {
-	return typeof e == "function" ? e() : e;
-}
-var P = (e) => {
-	let { classes: t } = e;
-	return n({
-		root: ["root"],
-		paper: ["paper"]
-	}, k, t);
-}, F = c(p, {
-	name: "MuiPopover",
-	slot: "Root"
-})({}), I = c(T, {
-	name: "MuiPopover",
-	slot: "Paper"
-})({
-	position: "absolute",
-	overflowY: "auto",
-	overflowX: "hidden",
-	minWidth: 16,
-	minHeight: 16,
-	maxWidth: "calc(100% - 32px)",
-	maxHeight: "calc(100% - 32px)",
-	outline: 0
-}), L = /* @__PURE__ */ E.forwardRef(function(e, t) {
-	let n = r({
-		props: e,
-		name: "MuiPopover"
-	}), { action: a, anchorEl: o, anchorOrigin: s = {
-		vertical: "top",
-		horizontal: "left"
-	}, anchorPosition: c, anchorReference: l = "anchorEl", children: d, className: p, container: m, disableAutoFocus: h = !1, elevation: _ = 8, marginThreshold: S = 16, open: w, slots: T = {}, slotProps: O = {}, transformOrigin: k = {
-		vertical: "top",
-		horizontal: "left"
-	}, transitionDuration: L = "auto", disableScrollLock: R = !1, ...z } = n, B = E.useRef(), V = {
-		...n,
-		anchorOrigin: s,
-		anchorReference: l,
-		elevation: _,
-		marginThreshold: S,
-		transformOrigin: k,
-		transitionDuration: L
-	}, H = P(V), U = E.useCallback(() => {
-		if (l === "anchorPosition") return process.env.NODE_ENV !== "production" && (c || console.error("MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference=\"anchorPosition\" />.")), c;
-		let e = N(o), t = e && e.nodeType === 1 ? e : b(B.current).body, n = t.getBoundingClientRect();
-		if (process.env.NODE_ENV !== "production") {
-			let e = t.getBoundingClientRect();
-			u() && e.top === 0 && e.left === 0 && e.right === 0 && e.bottom === 0 && console.warn([
-				"MUI: The `anchorEl` prop provided to the component is invalid.",
-				"The anchor element should be part of the document layout.",
-				"Make sure the element is present in the document or that it's not display none."
-			].join("\n"));
-		}
-		return {
-			top: n.top + A(n, s.vertical),
-			left: n.left + j(n, s.horizontal)
-		};
-	}, [
-		o,
-		s.horizontal,
-		s.vertical,
-		c,
-		l
-	]), W = E.useCallback((e) => ({
-		vertical: A(e, k.vertical),
-		horizontal: j(e, k.horizontal)
-	}), [k.horizontal, k.vertical]), G = E.useCallback((e) => {
-		let t = {
-			width: e.offsetWidth,
-			height: e.offsetHeight
-		}, n = W(t);
-		if (l === "none") return {
-			top: null,
-			left: null,
-			transformOrigin: M(n)
-		};
-		let r = U(), i = r.top - n.vertical, a = r.left - n.horizontal, s = i + t.height, c = a + t.width, u = y(N(o)), d = u.innerHeight - S, f = u.innerWidth - S;
-		if (S != null && i < S) {
-			let e = i - S;
-			i -= e, n.vertical += e;
-		} else if (S != null && s > d) {
-			let e = s - d;
-			i -= e, n.vertical += e;
-		}
-		if (process.env.NODE_ENV !== "production" && t.height > d && t.height && d && console.error([
-			"MUI: The popover component is too tall.",
-			`Some part of it can not be seen on the screen (${t.height - d}px).`,
-			"Please consider adding a `max-height` to improve the user-experience."
-		].join("\n")), S != null && a < S) {
-			let e = a - S;
-			a -= e, n.horizontal += e;
-		} else if (c > f) {
-			let e = c - f;
-			a -= e, n.horizontal += e;
-		}
-		return {
-			top: `${Math.round(i)}px`,
-			left: `${Math.round(a)}px`,
-			transformOrigin: M(n)
-		};
-	}, [
-		o,
-		l,
-		U,
-		W,
-		S
-	]), [K, q] = E.useState(w), J = E.useCallback(() => {
-		let e = B.current;
-		if (!e) return;
-		let t = G(e);
-		t.top != null && e.style.setProperty("top", t.top), t.left != null && (e.style.left = t.left), e.style.transformOrigin = t.transformOrigin, q(!0);
-	}, [G]);
-	E.useEffect(() => (R && window.addEventListener("scroll", J), () => window.removeEventListener("scroll", J)), [
-		o,
-		R,
-		J
-	]);
-	let Y = () => {
-		J();
-	}, ee = () => {
-		q(!1);
-	};
-	E.useEffect(() => {
-		w && J();
-	}), E.useImperativeHandle(a, () => w ? { updatePosition: () => {
-		J();
-	} } : null, [w, J]), E.useEffect(() => {
-		if (!w) return;
-		let e = x(() => {
-			J();
-		}), t = y(N(o));
-		return t.addEventListener("resize", e), () => {
-			e.clear(), t.removeEventListener("resize", e);
-		};
-	}, [
-		o,
-		w,
-		J
-	]);
-	let X = L, Z = {
-		slots: T,
-		slotProps: O
-	}, [Q, te] = v("transition", {
-		elementType: f,
-		externalForwardedProps: Z,
-		ownerState: V,
-		getSlotProps: (e) => ({
-			...e,
-			onEntering: (t, n) => {
-				e.onEntering?.(t, n), Y();
-			},
-			onExited: (t) => {
-				e.onExited?.(t), ee();
-			}
-		}),
-		additionalProps: {
-			appear: !0,
-			in: w
-		}
-	});
-	L === "auto" && !Q.muiSupportAuto && (X = void 0);
-	let ne = m || (o ? b(N(o)).body : void 0), [$, { slots: re, slotProps: ie, ...ae }] = v("root", {
-		ref: t,
-		elementType: F,
-		externalForwardedProps: {
-			...Z,
-			...z
-		},
-		shouldForwardComponentProp: !0,
-		additionalProps: {
-			slots: { backdrop: T.backdrop },
-			slotProps: { backdrop: C(typeof O.backdrop == "function" ? O.backdrop(V) : O.backdrop, { invisible: !0 }) },
-			container: ne,
-			open: w
-		},
-		ownerState: V,
-		className: i(H.root, p)
-	}), [oe, se] = v("paper", {
-		ref: B,
-		className: H.paper,
-		elementType: I,
-		externalForwardedProps: Z,
-		shouldForwardComponentProp: !0,
-		additionalProps: {
-			elevation: _,
-			style: K ? void 0 : { opacity: 0 }
-		},
-		ownerState: V
-	});
-	return /* @__PURE__ */ D($, {
-		...ae,
-		...!g($) && {
-			slots: re,
-			slotProps: ie,
-			disableAutoFocus: h,
-			disableScrollLock: R
-		},
-		children: /* @__PURE__ */ D(Q, {
-			...te,
-			timeout: X,
-			children: /* @__PURE__ */ D(oe, {
-				...se,
-				children: d
-			})
-		})
-	});
-});
-process.env.NODE_ENV !== "production" && (L.propTypes = {
-	action: h,
-	anchorEl: _(O.default.oneOfType([d, O.default.func]), (e) => {
-		if (e.open && (!e.anchorReference || e.anchorReference === "anchorEl")) {
-			let t = N(e.anchorEl);
-			if (t && t.nodeType === 1) {
-				let e = t.getBoundingClientRect();
-				if (process.env.NODE_ENV !== "production" && u() && e.top === 0 && e.left === 0 && e.right === 0 && e.bottom === 0) return Error([
-					"MUI: The `anchorEl` prop provided to the component is invalid.",
-					"The anchor element should be part of the document layout.",
-					"Make sure the element is present in the document or that it's not display none."
-				].join("\n"));
-			} else return Error(["MUI: The `anchorEl` prop provided to the component is invalid.", `It should be an Element or PopoverVirtualElement instance but it's \`${t}\` instead.`].join("\n"));
-		}
-		return null;
-	}),
-	anchorOrigin: O.default.shape({
-		horizontal: O.default.oneOfType([O.default.oneOf([
-			"center",
-			"left",
-			"right"
-		]), O.default.number]).isRequired,
-		vertical: O.default.oneOfType([O.default.oneOf([
-			"bottom",
-			"center",
-			"top"
-		]), O.default.number]).isRequired
-	}),
-	anchorPosition: O.default.shape({
-		left: O.default.number.isRequired,
-		top: O.default.number.isRequired
-	}),
-	anchorReference: O.default.oneOf([
-		"anchorEl",
-		"anchorPosition",
-		"none"
-	]),
-	children: O.default.node,
-	classes: O.default.object,
-	className: O.default.string,
-	container: O.default.oneOfType([d, O.default.func]),
-	disableAutoFocus: O.default.bool,
-	disableScrollLock: O.default.bool,
-	elevation: w,
-	marginThreshold: O.default.number,
-	onClose: O.default.func,
-	open: O.default.bool.isRequired,
-	slotProps: O.default.shape({
-		backdrop: O.default.oneOfType([O.default.func, O.default.object]),
-		paper: O.default.oneOfType([O.default.func, O.default.object]),
-		root: O.default.oneOfType([O.default.func, O.default.object]),
-		transition: O.default.oneOfType([O.default.func, O.default.object])
-	}),
-	slots: O.default.shape({
-		backdrop: O.default.elementType,
-		paper: O.default.elementType,
-		root: O.default.elementType,
-		transition: O.default.elementType
-	}),
-	sx: O.default.oneOfType([
-		O.default.arrayOf(O.default.oneOfType([
-			O.default.func,
-			O.default.object,
-			O.default.bool
-		])),
-		O.default.func,
-		O.default.object
-	]),
-	transformOrigin: O.default.shape({
-		horizontal: O.default.oneOfType([O.default.oneOf([
-			"center",
-			"left",
-			"right"
-		]), O.default.number]).isRequired,
-		vertical: O.default.oneOfType([O.default.oneOf([
-			"bottom",
-			"center",
-			"top"
-		]), O.default.number]).isRequired
-	}),
-	transitionDuration: O.default.oneOfType([
-		O.default.oneOf(["auto"]),
-		O.default.number,
-		O.default.shape({
-			appear: O.default.number,
-			enter: O.default.number,
-			exit: O.default.number
-		})
-	])
-});
-//#endregion
-//#region ../../node_modules/@mui/material/Menu/menuClasses.mjs
-function R(e) {
-	return a("MuiMenu", e);
-}
-o("MuiMenu", [
-	"root",
-	"paper",
-	"list"
-]);
-//#endregion
-//#region ../../node_modules/@mui/material/Menu/Menu.mjs
-var z = {
-	vertical: "top",
-	horizontal: "right"
-}, B = {
-	vertical: "top",
-	horizontal: "left"
-}, V = (e) => {
-	let { classes: t } = e;
-	return n({
-		root: ["root"],
-		paper: ["paper"],
-		list: ["list"]
-	}, R, t);
-}, H = c(L, {
-	shouldForwardProp: (e) => s(e) || e === "classes",
-	name: "MuiMenu",
-	slot: "Root"
-})({}), U = c(I, {
-	name: "MuiMenu",
-	slot: "Paper"
-})({
-	maxHeight: "calc(100% - 96px)",
-	WebkitOverflowScrolling: "touch"
-}), W = c(S, {
-	name: "MuiMenu",
-	slot: "List"
-})({ outline: 0 }), G = /* @__PURE__ */ E.forwardRef(function(e, t) {
-	let n = r({
-		props: e,
-		name: "MuiMenu"
-	}), { autoFocus: i = !0, children: a, className: o, disableAutoFocusItem: s = !1, onClose: c, open: u, PopoverClasses: d, transitionDuration: f = "auto", variant: p = "selectedMenu", slots: h = {}, slotProps: g = {}, ..._ } = n, y = l(), b = {
-		...n,
-		autoFocus: i,
-		disableAutoFocusItem: s,
-		transitionDuration: f,
-		variant: p
-	}, x = V(b), S = i && u, C = S && !s, w = E.useRef(null), T = (e, t) => {
-		w.current && (w.current.adjustStyleForScrollbar(e, { direction: y ? "rtl" : "ltr" }), S && w.current.focusInitialTarget?.());
-	}, O = (e) => {
-		e.key === "Tab" && (e.preventDefault(), c && c(e, "tabKeyDown"));
-	}, k = {
-		slots: h,
-		slotProps: g
-	}, A = m({
-		elementType: h.root,
-		externalSlotProps: g.root,
-		ownerState: b,
-		className: [x.root, o]
-	}), [j, M] = v("paper", {
-		className: x.paper,
-		elementType: U,
-		externalForwardedProps: k,
-		shouldForwardComponentProp: !0,
-		ownerState: b
-	}), [N, P] = v("list", {
-		className: x.list,
-		elementType: W,
-		shouldForwardComponentProp: !0,
-		externalForwardedProps: k,
-		getSlotProps: (e) => ({
-			...e,
-			onKeyDown: (t) => {
-				O(t), e.onKeyDown?.(t);
-			}
-		}),
-		ownerState: b
-	}), F = typeof g.transition == "function" ? g.transition(b) : g.transition;
-	return /* @__PURE__ */ D(H, {
-		disableAutoFocus: i,
-		onClose: c,
-		anchorOrigin: {
-			vertical: "bottom",
-			horizontal: y ? "right" : "left"
-		},
-		transformOrigin: y ? z : B,
-		slots: {
-			root: h.root,
-			paper: j,
-			backdrop: h.backdrop,
-			transition: h.transition
-		},
-		slotProps: {
-			root: A,
-			paper: M,
-			backdrop: typeof g.backdrop == "function" ? g.backdrop(b) : g.backdrop,
-			transition: {
-				...F,
-				onEntering: (...e) => {
-					T(...e), F?.onEntering?.(...e);
-				}
-			}
-		},
-		open: u,
-		ref: t,
-		transitionDuration: f,
-		ownerState: b,
-		..._,
-		classes: d,
-		children: /* @__PURE__ */ D(N, {
-			actions: w,
-			autoFocus: S,
-			autoFocusItem: C,
-			variant: p,
-			...P,
-			children: a
-		})
-	});
-});
-process.env.NODE_ENV !== "production" && (G.propTypes = {
-	anchorEl: O.default.oneOfType([d, O.default.func]),
-	autoFocus: O.default.bool,
-	children: O.default.node,
-	classes: O.default.object,
-	className: O.default.string,
-	disableAutoFocusItem: O.default.bool,
-	onClose: O.default.func,
-	open: O.default.bool.isRequired,
-	PopoverClasses: O.default.object,
-	slotProps: O.default.shape({
-		backdrop: O.default.oneOfType([O.default.func, O.default.object]),
-		list: O.default.oneOfType([O.default.func, O.default.object]),
-		paper: O.default.oneOfType([O.default.func, O.default.object]),
-		root: O.default.oneOfType([O.default.func, O.default.object]),
-		transition: O.default.oneOfType([O.default.func, O.default.object])
-	}),
-	slots: O.default.shape({
-		backdrop: O.default.elementType,
-		list: O.default.elementType,
-		paper: O.default.elementType,
-		root: O.default.elementType,
-		transition: O.default.elementType
-	}),
-	sx: O.default.oneOfType([
-		O.default.arrayOf(O.default.oneOfType([
-			O.default.func,
-			O.default.object,
-			O.default.bool
-		])),
-		O.default.func,
-		O.default.object
-	]),
-	transitionDuration: O.default.oneOfType([
-		O.default.oneOf(["auto"]),
-		O.default.number,
-		O.default.shape({
-			appear: O.default.number,
-			enter: O.default.number,
-			exit: O.default.number
-		})
-	]),
-	variant: O.default.oneOf(["menu", "selectedMenu"])
-});
-//#endregion
-export { L as n, G as t };

package/dist/s-language-switcher-UgSBC_n_.js

@@ -1,199 +0,0 @@
-import { n as e } from "./chunk-C_CI6nMA.js";
-import { _ as t } from "./createTheme-Bnw5w28O.js";
-import { o as n, r, t as i } from "./memoTheme-QMocAblm.js";
-import { t as a } from "./clsx-Bv8WXdlr.js";
-import { t as o } from "./styled-BTDmdi4c.js";
-import { u as s } from "./Modal-Cu5Cgh-q.js";
-import { t as c } from "./Menu-Ct_sL_Dg.js";
-import { t as l } from "./Typography-CZ_MYa-E.js";
-import { SIconButton as u } from "./s-icon-button/s-icon-button.js";
-import { r as d, t as f } from "./MenuItem-CwAhn4sd.js";
-import * as p from "react";
-import m, { createElement as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { useTranslation as v } from "react-i18next";
-//#region ../../node_modules/@mui/material/ListItemIcon/ListItemIcon.mjs
-var y = /* @__PURE__ */ e(t(), 1), b = (e) => {
-	let { alignItems: t, classes: r } = e;
-	return n({ root: ["root", t === "flex-start" && "alignItemsFlexStart"] }, d, r);
-}, x = o("div", {
-	name: "MuiListItemIcon",
-	slot: "Root",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [t.root, n.alignItems === "flex-start" && t.alignItemsFlexStart];
-	}
-})(i(({ theme: e }) => ({
-	minWidth: e.spacing(4.5),
-	color: (e.vars || e).palette.action.active,
-	flexShrink: 0,
-	display: "inline-flex",
-	variants: [{
-		props: { alignItems: "flex-start" },
-		style: { marginTop: 8 }
-	}]
-}))), S = /* @__PURE__ */ p.forwardRef(function(e, t) {
-	let n = r({
-		props: e,
-		name: "MuiListItemIcon"
-	}), { className: i, ...o } = n, c = p.useContext(s), l = {
-		...n,
-		alignItems: c.alignItems
-	};
-	return /* @__PURE__ */ g(x, {
-		className: a(b(l).root, i),
-		ownerState: l,
-		ref: t,
-		...o
-	});
-});
-process.env.NODE_ENV !== "production" && (S.propTypes = {
-	children: y.default.node,
-	classes: y.default.object,
-	className: y.default.string,
-	sx: y.default.oneOfType([
-		y.default.arrayOf(y.default.oneOfType([
-			y.default.func,
-			y.default.object,
-			y.default.bool
-		])),
-		y.default.func,
-		y.default.object
-	])
-});
-//#endregion
-//#region ../../node_modules/react-country-flag/dist/react-country-flag.esm.js
-function C() {
-	return C = Object.assign ? Object.assign.bind() : function(e) {
-		for (var t = 1; t < arguments.length; t++) {
-			var n = arguments[t];
-			for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
-		}
-		return e;
-	}, C.apply(this, arguments);
-}
-function w(e, t) {
-	if (e == null) return {};
-	var n = {}, r = Object.keys(e), i, a;
-	for (a = 0; a < r.length; a++) i = r[a], !(t.indexOf(i) >= 0) && (n[i] = e[i]);
-	return n;
-}
-var T = [
-	"cdnSuffix",
-	"cdnUrl",
-	"countryCode",
-	"style",
-	"svg"
-], E = "https://cdn.jsdelivr.net/gh/lipis/flag-icons/flags/4x3/", D = "svg", O = 127397, k = function(e) {
-	var t = e.cdnSuffix, n = t === void 0 ? D : t, r = e.cdnUrl, i = r === void 0 ? E : r, a = e.countryCode, o = e.style, s = e.svg, c = s === void 0 ? !1 : s, l = w(e, T);
-	if (typeof a != "string") return null;
-	if (c) {
-		var u = "" + i + a.toLowerCase() + "." + n;
-		return h("img", Object.assign({}, l, {
-			src: u,
-			style: C({
-				display: "inline-block",
-				width: "1em",
-				height: "1em",
-				verticalAlign: "middle"
-			}, o)
-		}));
-	}
-	var d = a.toUpperCase().replace(/./g, function(e) {
-		return String.fromCodePoint(e.charCodeAt(0) + O);
-	});
-	return h("span", Object.assign({ role: "img" }, l, { style: C({
-		display: "inline-block",
-		fontSize: "1em",
-		lineHeight: "1em",
-		verticalAlign: "middle"
-	}, o) }), d);
-}, A = [{
-	code: "en",
-	label: "English",
-	countryCode: "GB"
-}, {
-	code: "vi",
-	label: "Vietnamese",
-	countryCode: "VN"
-}], j = ({ anchorEl: e, onClose: t, open: n = !1, onLanguageChange: r, languages: i = A, currentLanguage: a, menuWidth: o = "220px", flagSize: s = 28 }) => {
-	let u = m.useCallback((e) => {
-		r?.(e), t?.();
-	}, [r, t]);
-	return /* @__PURE__ */ g(c, {
-		anchorEl: e,
-		anchorOrigin: {
-			horizontal: "right",
-			vertical: "bottom"
-		},
-		onClose: t,
-		open: n,
-		slotProps: { paper: { sx: { width: o } } },
-		transformOrigin: {
-			horizontal: "right",
-			vertical: "top"
-		},
-		children: i.map((e) => /* @__PURE__ */ _(f, {
-			onClick: () => {
-				u(e.code);
-			},
-			selected: a === e.code,
-			sx: { gap: 1 },
-			children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ g(k, {
-				countryCode: e.countryCode,
-				svg: !0,
-				style: {
-					width: s,
-					height: s
-				},
-				title: e.label
-			}) }), /* @__PURE__ */ g(l, {
-				variant: "subtitle2",
-				children: e.label
-			})]
-		}, e.code))
-	});
-}, M = ({ languages: e = A, onLanguageChange: t, currentLanguage: n, tooltipText: r, buttonFlagSize: i = 16, menuFlagSize: a = 20, menuWidth: o = "220px", sx: s, useI18n: c = !0 }) => {
-	let l = v(), d = c ? l.t : null, f = c ? l.i18n : null, [p, h] = m.useState(null), y = n ?? f?.language ?? e[0]?.code ?? "en", b = e.find((e) => e.code === y) || e[0], x = m.useCallback((e) => {
-		h(e.currentTarget);
-	}, []), S = m.useCallback(() => {
-		h(null);
-	}, []), C = m.useCallback((e) => {
-		t ? t(e) : f && f.changeLanguage(e);
-	}, [t, f]), w = r ?? (d ? d("header:language.tooltip") : "Change language");
-	return /* @__PURE__ */ _(m.Fragment, { children: [/* @__PURE__ */ g(u, {
-		onClick: x,
-		sx: {
-			display: {
-				xs: "none",
-				lg: "inline-flex"
-			},
-			...s
-		},
-		tooltipOptions: {
-			title: w,
-			placement: "top"
-		},
-		children: /* @__PURE__ */ g(k, {
-			countryCode: b?.countryCode || "US",
-			svg: !0,
-			style: {
-				width: i,
-				height: i
-			},
-			title: b?.label || y
-		})
-	}), /* @__PURE__ */ g(j, {
-		anchorEl: p,
-		onClose: S,
-		open: !!p,
-		onLanguageChange: C,
-		languages: e,
-		currentLanguage: y,
-		menuWidth: o,
-		flagSize: a
-	})] });
-};
-M.displayName = "SLanguageSwitcher";
-//#endregion
-export { M as n, A as r, j as t };