@solostylist/ui-kit 2.0.2 → 2.0.3

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

@@ -1,246 +0,0 @@
-import { n as e } from "./chunk-C_CI6nMA.js";
-import { t } from "./prop-types-BzYPyWN7.js";
-import { r as n, t as r } from "./DefaultPropsProvider-ebWx4_5E.js";
-import { t as i } from "./clsx-DGZSe4Nt.js";
-import { t as a } from "./styled-Bog8QCl3.js";
-import { t as o } from "./useThemeProps-Dw9dmKyT.js";
-import { t as s } from "./memoTheme-qFyKAk7y.js";
-import { t as c } from "./mergeSlotProps-DC8r4QzS.js";
-import { n as l } from "./List-RNcZhRdr.js";
-import { t as u } from "./Menu-CnyB4SDS.js";
-import { t as d } from "./Typography-_P0svrkO.js";
-import { SIconButton as f } from "./s-icon-button/s-icon-button.js";
-import { placementOrigins as p } from "./s-popover/placement.js";
-import { r as m, t as h } from "./MenuItem-Ck30dBOR.js";
-import * as g from "react";
-import _, { createElement as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { useTranslation as x } from "react-i18next";
-//#region ../../node_modules/@mui/material/ListItemIcon/ListItemIcon.mjs
-var S = /* @__PURE__ */ e(t(), 1), C = (e) => {
-	let { alignItems: t, classes: r } = e;
-	return n({ root: ["root", t === "flex-start" && "alignItemsFlexStart"] }, m, r);
-}, w = a("div", {
-	name: "MuiListItemIcon",
-	slot: "Root",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [t.root, n.alignItems === "flex-start" && t.alignItemsFlexStart];
-	}
-})(s(({ 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 }
-	}]
-}))), T = /* @__PURE__ */ g.forwardRef(function(e, t) {
-	let n = r({
-		props: e,
-		name: "MuiListItemIcon"
-	}), { className: a, ...o } = n, s = g.useContext(l), c = {
-		...n,
-		alignItems: s.alignItems
-	};
-	return /* @__PURE__ */ y(w, {
-		className: i(C(c).root, a),
-		ownerState: c,
-		ref: t,
-		...o
-	});
-});
-process.env.NODE_ENV !== "production" && (T.propTypes = {
-	children: S.default.node,
-	classes: S.default.object,
-	className: S.default.string,
-	sx: S.default.oneOfType([
-		S.default.arrayOf(S.default.oneOfType([
-			S.default.func,
-			S.default.object,
-			S.default.bool
-		])),
-		S.default.func,
-		S.default.object
-	])
-});
-//#endregion
-//#region ../../node_modules/react-country-flag/dist/react-country-flag.esm.js
-function E() {
-	return E = 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;
-	}, E.apply(this, arguments);
-}
-function D(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 O = [
-	"cdnSuffix",
-	"cdnUrl",
-	"countryCode",
-	"style",
-	"svg"
-], k = "https://cdn.jsdelivr.net/gh/lipis/flag-icons/flags/4x3/", A = "svg", j = 127397, M = function(e) {
-	var t = e.cdnSuffix, n = t === void 0 ? A : t, r = e.cdnUrl, i = r === void 0 ? k : r, a = e.countryCode, o = e.style, s = e.svg, c = s === void 0 ? !1 : s, l = D(e, O);
-	if (typeof a != "string") return null;
-	if (c) {
-		var u = "" + i + a.toLowerCase() + "." + n;
-		return v("img", Object.assign({}, l, {
-			src: u,
-			style: E({
-				display: "inline-block",
-				width: "1em",
-				height: "1em",
-				verticalAlign: "middle"
-			}, o)
-		}));
-	}
-	var d = a.toUpperCase().replace(/./g, function(e) {
-		return String.fromCodePoint(e.charCodeAt(0) + j);
-	});
-	return v("span", Object.assign({ role: "img" }, l, { style: E({
-		display: "inline-block",
-		fontSize: "1em",
-		lineHeight: "1em",
-		verticalAlign: "middle"
-	}, o) }), d);
-}, N = 16, P = 20, F = [{
-	code: "en",
-	label: "English",
-	countryCode: "GB"
-}, {
-	code: "vi",
-	label: "Vietnamese",
-	countryCode: "VN"
-}], I = a(u, {
-	name: "SLanguagePopover",
-	slot: "Root"
-})({}), L = _.forwardRef(function(e, t) {
-	let n = o({
-		props: e,
-		name: "SLanguagePopover"
-	}), { anchorOrigin: r = p["bottom-end"].anchorOrigin, currentLanguage: i, languages: a = F, menuId: s, menuLabelledBy: l, menuWidth: u = "220px", onLanguageChange: f, slotProps: m, transformOrigin: g = p["bottom-end"].transformOrigin, variant: _ = "selectedMenu", ...v } = n, x = {
-		...n,
-		anchorOrigin: r,
-		currentLanguage: i,
-		languages: a,
-		menuId: s,
-		menuLabelledBy: l,
-		menuWidth: u,
-		onLanguageChange: f,
-		open: v.open,
-		slotProps: m,
-		transformOrigin: g,
-		variant: _
-	};
-	return /* @__PURE__ */ y(I, {
-		...v,
-		ref: t,
-		anchorOrigin: r,
-		ownerState: x,
-		slotProps: {
-			...m,
-			paper: c(m?.paper, { sx: { minWidth: u } }),
-			list: c(m?.list, {
-				id: s,
-				"aria-labelledby": l
-			})
-		},
-		transformOrigin: g,
-		variant: _,
-		children: a.map((e) => /* @__PURE__ */ b(h, {
-			onClick: (t) => {
-				f?.(t, e.code);
-			},
-			selected: i === e.code,
-			children: [/* @__PURE__ */ y(T, { children: /* @__PURE__ */ y(M, {
-				alt: "",
-				"aria-hidden": "true",
-				countryCode: e.countryCode,
-				svg: !0,
-				style: {
-					width: P,
-					height: P
-				}
-			}) }), /* @__PURE__ */ y(d, {
-				variant: "subtitle2",
-				children: e.label
-			})]
-		}, e.code))
-	});
-});
-L.displayName = "SLanguagePopover";
-var R = a(f, {
-	name: "SLanguageSwitcher",
-	slot: "Root"
-})({}), z = _.forwardRef(function(e, t) {
-	let n = o({
-		props: e,
-		name: "SLanguageSwitcher"
-	}), { "aria-label": r, languages: i = F, onLanguageChange: a, currentLanguage: s, tooltip: c, buttonFlagSize: l = N, menuWidth: u = "220px", onClick: d, useI18n: f = !0, ...p } = n, m = x(), h = f ? m.t : null, g = f ? m.i18n : null, [v, S] = _.useState(null), C = _.useId(), w = _.useId(), T = p.id ?? C, E = !!v, D = s ?? g?.language ?? i[0]?.code ?? "en", O = i.find((e) => e.code === D) || i[0], k = _.useCallback((e) => {
-		d?.(e), e.defaultPrevented || S(e.currentTarget);
-	}, [d]), A = _.useCallback(() => {
-		S(null);
-	}, []), j = _.useCallback((e, t) => {
-		a ? a(e, t) : g && g.changeLanguage(t), e.defaultPrevented || A();
-	}, [
-		A,
-		g,
-		a
-	]), P = c ?? (h ? h("header:language.tooltip") : "Change language"), I = {
-		...n,
-		"aria-label": r ?? (typeof P == "string" ? P : "Change language"),
-		buttonFlagSize: l,
-		currentLanguage: D,
-		languages: i,
-		menuWidth: u,
-		onClick: d,
-		onLanguageChange: a,
-		open: E,
-		tooltip: P,
-		useI18n: f
-	};
-	return /* @__PURE__ */ b(_.Fragment, { children: [/* @__PURE__ */ y(R, {
-		...p,
-		ref: t,
-		id: T,
-		"aria-controls": E ? w : void 0,
-		"aria-expanded": E || void 0,
-		"aria-haspopup": "menu",
-		"aria-label": r ?? (typeof P == "string" ? P : "Change language"),
-		onClick: k,
-		ownerState: I,
-		tooltip: P,
-		children: /* @__PURE__ */ y(M, {
-			alt: "",
-			"aria-hidden": "true",
-			countryCode: O?.countryCode || "US",
-			svg: !0,
-			style: {
-				width: l,
-				height: l
-			}
-		})
-	}), /* @__PURE__ */ y(L, {
-		anchorEl: v,
-		menuId: w,
-		menuLabelledBy: T,
-		onClose: A,
-		open: E,
-		onLanguageChange: j,
-		languages: i,
-		currentLanguage: D,
-		menuWidth: u
-	})] });
-});
-z.displayName = "SLanguageSwitcher";
-//#endregion
-export { z as n, F as r, L as t };

package/dist/s-link-Db1aabHh.js

@@ -1,235 +0,0 @@
-import { n as e } from "./chunk-C_CI6nMA.js";
-import { t } from "./colorManipulator-DmUjcif3.js";
-import { t as n } from "./prop-types-BzYPyWN7.js";
-import { r, t as i } from "./DefaultPropsProvider-ebWx4_5E.js";
-import { c as a } from "./createTheme-xB2Em0Na.js";
-import { t as o } from "./generateUtilityClass-PAIOm1jC.js";
-import { t as s } from "./clsx-DGZSe4Nt.js";
-import { t as c } from "./generateUtilityClasses-DvX505Gy.js";
-import { t as l } from "./styled-Bog8QCl3.js";
-import { t as u } from "./memoTheme-qFyKAk7y.js";
-import { t as d } from "./useTheme-BIWMbX3i.js";
-import { t as f } from "./elementTypeAcceptingRef-xl_04Y5-.js";
-import { t as p } from "./isFocusVisible-4OIE8TST.js";
-import { t as m } from "./capitalize-C0baBJCm.js";
-import { t as h } from "./createSimplePaletteValueFilter-DFvyXHoZ.js";
-import { t as g } from "./Typography-_P0svrkO.js";
-import * as _ from "react";
-import { jsx as v } from "react/jsx-runtime";
-//#region ../../node_modules/@mui/material/Link/linkClasses.mjs
-var y = /* @__PURE__ */ e(n(), 1);
-function b(e) {
-	return o("MuiLink", e);
-}
-var x = c("MuiLink", [
-	"root",
-	"underlineNone",
-	"underlineHover",
-	"underlineAlways",
-	"button",
-	"focusVisible"
-]), S = ({ theme: e, ownerState: n }) => {
-	let r = n.color;
-	if ("colorSpace" in e && e.colorSpace) {
-		let t = a(e, `palette.${r}.main`) || a(e, `palette.${r}`) || n.color;
-		return e.alpha(t, .4);
-	}
-	let i = a(e, `palette.${r}.main`, !1) || a(e, `palette.${r}`, !1) || n.color, o = a(e, `palette.${r}.mainChannel`) || a(e, `palette.${r}Channel`);
-	return "vars" in e && o ? `rgba(${o} / 0.4)` : t(i, .4);
-}, C = {
-	primary: !0,
-	secondary: !0,
-	error: !0,
-	info: !0,
-	success: !0,
-	warning: !0,
-	textPrimary: !0,
-	textSecondary: !0,
-	textDisabled: !0
-}, w = (e) => {
-	let { classes: t, component: n, focusVisible: i, underline: a } = e;
-	return r({ root: [
-		"root",
-		`underline${m(a)}`,
-		n === "button" && "button",
-		i && "focusVisible"
-	] }, b, t);
-}, T = l(g, {
-	name: "MuiLink",
-	slot: "Root",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [
-			t.root,
-			t[`underline${m(n.underline)}`],
-			n.component === "button" && t.button
-		];
-	}
-})(u(({ theme: e }) => ({ variants: [
-	{
-		props: { underline: "none" },
-		style: { textDecoration: "none" }
-	},
-	{
-		props: { underline: "hover" },
-		style: {
-			textDecoration: "none",
-			"&:hover": { textDecoration: "underline" }
-		}
-	},
-	{
-		props: { underline: "always" },
-		style: {
-			textDecoration: "underline",
-			"&:hover": { textDecorationColor: "inherit" }
-		}
-	},
-	{
-		props: ({ underline: e, ownerState: t }) => e === "always" && t.color !== "inherit",
-		style: { textDecorationColor: "var(--Link-underlineColor)" }
-	},
-	{
-		props: ({ underline: e, ownerState: t }) => e === "always" && t.color === "inherit",
-		style: e.colorSpace ? { textDecorationColor: e.alpha("currentColor", .4) } : null
-	},
-	...Object.entries(e.palette).filter(h()).map(([t]) => ({
-		props: {
-			underline: "always",
-			color: t
-		},
-		style: { "--Link-underlineColor": e.alpha((e.vars || e).palette[t].main, .4) }
-	})),
-	{
-		props: {
-			underline: "always",
-			color: "textPrimary"
-		},
-		style: { "--Link-underlineColor": e.alpha((e.vars || e).palette.text.primary, .4) }
-	},
-	{
-		props: {
-			underline: "always",
-			color: "textSecondary"
-		},
-		style: { "--Link-underlineColor": e.alpha((e.vars || e).palette.text.secondary, .4) }
-	},
-	{
-		props: {
-			underline: "always",
-			color: "textDisabled"
-		},
-		style: { "--Link-underlineColor": (e.vars || e).palette.text.disabled }
-	},
-	{
-		props: { component: "button" },
-		style: {
-			position: "relative",
-			WebkitTapHighlightColor: "transparent",
-			backgroundColor: "transparent",
-			outline: 0,
-			border: 0,
-			margin: 0,
-			borderRadius: 0,
-			padding: 0,
-			cursor: "pointer",
-			userSelect: "none",
-			verticalAlign: "middle",
-			MozAppearance: "none",
-			WebkitAppearance: "none",
-			"&::-moz-focus-inner": { borderStyle: "none" },
-			[`&.${x.focusVisible}`]: { outline: "auto" }
-		}
-	}
-] }))), E = /* @__PURE__ */ _.forwardRef(function(e, t) {
-	let n = i({
-		props: e,
-		name: "MuiLink"
-	}), r = d(), { className: a, color: o = "primary", component: c = "a", onBlur: l, onFocus: u, TypographyClasses: f, underline: m = "always", variant: h = "inherit", sx: g, ...y } = n, [b, x] = _.useState(!1), E = (e) => {
-		p(e.target) || x(!1), l && l(e);
-	}, D = (e) => {
-		p(e.target) && x(!0), u && u(e);
-	}, O = {
-		...n,
-		color: o,
-		component: c,
-		focusVisible: b,
-		underline: m,
-		variant: h
-	};
-	return /* @__PURE__ */ v(T, {
-		color: o,
-		className: s(w(O).root, a),
-		classes: f,
-		component: c,
-		onBlur: E,
-		onFocus: D,
-		ref: t,
-		ownerState: O,
-		variant: h,
-		...y,
-		sx: [...C[o] === void 0 ? [{ color: o }] : [], ...Array.isArray(g) ? g : [g]],
-		style: {
-			...y.style,
-			...m === "always" && o !== "inherit" && !C[o] && { "--Link-underlineColor": S({
-				theme: r,
-				ownerState: O
-			}) }
-		}
-	});
-});
-process.env.NODE_ENV !== "production" && (E.propTypes = {
-	children: y.default.node,
-	classes: y.default.object,
-	className: y.default.string,
-	color: y.default.oneOfType([y.default.oneOf([
-		"primary",
-		"secondary",
-		"success",
-		"error",
-		"info",
-		"warning",
-		"textPrimary",
-		"textSecondary",
-		"textDisabled"
-	]), y.default.string]),
-	component: f,
-	onBlur: y.default.func,
-	onFocus: y.default.func,
-	style: y.default.object,
-	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
-	]),
-	TypographyClasses: y.default.object,
-	underline: y.default.oneOf([
-		"always",
-		"hover",
-		"none"
-	]),
-	variant: y.default.oneOfType([y.default.oneOf([
-		"body1",
-		"body2",
-		"button",
-		"caption",
-		"h1",
-		"h2",
-		"h3",
-		"h4",
-		"h5",
-		"h6",
-		"inherit",
-		"overline",
-		"subtitle1",
-		"subtitle2"
-	]), y.default.string])
-});
-//#endregion
-//#region lib/s-link/s-link.tsx
-var D = E;
-//#endregion
-export { D as t };