@solostylist/ui-kit 2.0.0 → 2.0.1

package/dist/s-image-viewer-DNIEYdtL.js

@@ -1,269 +0,0 @@
-import { t as e } from "./styled-Bog8QCl3.js";
-import { t } from "./useThemeProps-Cr28OQu3.js";
-import { toSxArray as n } from "./utils/sx.js";
-import { t as r } from "./createSvgIcon-B0SZlJF1.js";
-import { t as i } from "./mergeSlotProps-xl1-PgWL.js";
-import { t as a } from "./ChevronRight-BxsM4W78.js";
-import { t as o } from "./Close-o4HFfK0I.js";
-import { DefaultMediaItem as s } from "./s-image-viewer/default-media-item.js";
-import { ImageViewerThumbnailDock as c } from "./s-image-viewer/image-viewer-thumbnail-dock.js";
-import { useImageViewerNavigation as l } from "./s-image-viewer/use-image-viewer-navigation.js";
-import u from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Box as m, IconButton as h, Modal as g, Paper as _, Typography as v } from "@mui/material";
-import { AnimatePresence as y, motion as b, useReducedMotion as x } from "framer-motion";
-//#region ../../node_modules/@mui/icons-material/ChevronLeft.mjs
-var S = r(/* @__PURE__ */ f("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" }), "ChevronLeft"), C = e(g, {
-	name: "SImageViewer",
-	slot: "Root"
-})({}), w = u.forwardRef(function(e, r) {
-	let u = t({
-		props: e,
-		name: "SImageViewer"
-	}), { "aria-label": g, "aria-labelledby": w, selectedItem: T, defaultSelectedItem: E, open: D, onClose: O, onCloseButtonClick: k, onItemChange: A, mediaItems: j = [], renderMediaItem: M, showNavigation: N = !0, showThumbnailDock: P = !0, showCounter: F = !0, closeText: I = "Close", previousText: L = "Previous image", nextText: R = "Next image", getThumbnailLabel: z, slotProps: B, sx: V, ...H } = u, { currentSelectedItem: U, navigationEnabled: W, currentIndex: G, totalItems: K, selectItem: q, goToPrevious: J, goToNext: Y, handleKeyDown: X } = l({
-		selectedItem: T,
-		defaultSelectedItem: E,
-		onItemChange: A,
-		mediaItems: j,
-		showNavigation: N
-	}), Z = {
-		...u,
-		currentIndex: G,
-		navigationEnabled: W
-	}, Q = x();
-	return U ? /* @__PURE__ */ f(C, {
-		...H,
-		ownerState: Z,
-		open: D,
-		onClose: O,
-		ref: r,
-		sx: [(e) => ({ zIndex: e.zIndex.modal + 100 }), ...n(V)],
-		slotProps: {
-			...B,
-			backdrop: i(B?.backdrop, { sx: {
-				backdropFilter: "blur(8px)",
-				zIndex: (e) => e.zIndex.modal + 99
-			} })
-		},
-		children: /* @__PURE__ */ p(m, {
-			onKeyDown: X,
-			children: [/* @__PURE__ */ f(b.div, {
-				initial: Q ? !1 : { scale: .98 },
-				animate: { scale: 1 },
-				exit: Q ? void 0 : { scale: .98 },
-				transition: Q ? { duration: 0 } : {
-					type: "spring",
-					stiffness: 400,
-					damping: 30
-				},
-				children: /* @__PURE__ */ p(_, {
-					"aria-label": g,
-					"aria-labelledby": w,
-					"aria-modal": !0,
-					role: "dialog",
-					sx: {
-						position: "fixed",
-						inset: 0,
-						width: "100%",
-						minHeight: "100vh",
-						borderRadius: 0,
-						overflow: "hidden",
-						zIndex: (e) => e.zIndex.modal + 101
-					},
-					children: [
-						/* @__PURE__ */ f(m, {
-							sx: {
-								height: "100%",
-								display: "flex",
-								flexDirection: "column"
-							},
-							children: /* @__PURE__ */ f(m, {
-								sx: {
-									flex: 1,
-									p: {
-										xs: 1,
-										sm: 2,
-										md: 3
-									},
-									display: "flex",
-									alignItems: "center",
-									justifyContent: "center",
-									bgcolor: "background.default"
-								},
-								children: /* @__PURE__ */ f(y, {
-									initial: !Q,
-									mode: "wait",
-									children: /* @__PURE__ */ f(b.div, {
-										style: { position: "relative" },
-										initial: Q ? !1 : {
-											y: 20,
-											scale: .97
-										},
-										animate: {
-											y: 0,
-											scale: 1,
-											transition: Q ? { duration: 0 } : {
-												type: "spring",
-												stiffness: 500,
-												damping: 30,
-												mass: .5
-											}
-										},
-										exit: Q ? void 0 : {
-											y: 20,
-											scale: .97,
-											transition: { duration: .15 }
-										},
-										children: /* @__PURE__ */ p(_, {
-											onClick: (e) => e.stopPropagation(),
-											sx: {
-												position: "relative",
-												width: "100%",
-												aspectRatio: "16 / 9",
-												maxWidth: {
-													xs: "95%",
-													sm: "85%",
-													md: 960
-												},
-												height: "70vh",
-												borderRadius: 1,
-												border: "1px solid",
-												borderColor: "divider",
-												overflow: "hidden",
-												bgcolor: "grey.900"
-											},
-											children: [M ? M(U) : /* @__PURE__ */ f(s, { item: U }), (U.title || U.desc) && /* @__PURE__ */ p(m, {
-												sx: {
-													position: "absolute",
-													left: 0,
-													right: 0,
-													bottom: 0,
-													p: {
-														xs: 1.5,
-														sm: 2,
-														md: 3
-													},
-													color: "common.white",
-													gradient: "overlay.media"
-												},
-												onClick: (e) => e.stopPropagation(),
-												children: [U.title && /* @__PURE__ */ f(v, {
-													variant: "h6",
-													sx: { fontSize: {
-														xs: 14,
-														sm: 18,
-														md: 20
-													} },
-													children: U.title
-												}), U.desc && /* @__PURE__ */ f(v, {
-													variant: "body2",
-													sx: { mt: .5 },
-													children: U.desc
-												})]
-											})]
-										})
-									}, U.id)
-								})
-							})
-						}),
-						/* @__PURE__ */ f(h, {
-							"aria-label": I,
-							onClick: k,
-							sx: {
-								position: "absolute",
-								top: {
-									xs: 8,
-									sm: 10,
-									md: 12
-								},
-								right: {
-									xs: 8,
-									sm: 10,
-									md: 12
-								},
-								zIndex: (e) => e.zIndex.modal + 102
-							},
-							children: /* @__PURE__ */ f(o, {})
-						}),
-						F && W && /* @__PURE__ */ p(m, {
-							sx: {
-								position: "absolute",
-								top: {
-									xs: 8,
-									sm: 10,
-									md: 12
-								},
-								left: {
-									xs: 8,
-									sm: 10,
-									md: 12
-								},
-								zIndex: (e) => e.zIndex.modal + 102,
-								padding: 1,
-								px: 2,
-								fontSize: {
-									xs: 14,
-									sm: 16
-								},
-								color: "text.primary"
-							},
-							children: [
-								G + 1,
-								" / ",
-								K
-							]
-						}),
-						W && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(h, {
-							"aria-label": L,
-							onClick: (e) => {
-								e.stopPropagation(), J(e);
-							},
-							disabled: G === 0,
-							sx: {
-								position: "absolute",
-								left: {
-									xs: 8,
-									sm: 10,
-									md: 12
-								},
-								top: "50%",
-								transform: "translateY(-50%)",
-								zIndex: (e) => e.zIndex.modal + 102,
-								"&:disabled": { opacity: .5 }
-							},
-							children: /* @__PURE__ */ f(S, {})
-						}), /* @__PURE__ */ f(h, {
-							"aria-label": R,
-							onClick: (e) => {
-								e.stopPropagation(), Y(e);
-							},
-							disabled: G === K - 1,
-							sx: {
-								position: "absolute",
-								right: {
-									xs: 8,
-									sm: 10,
-									md: 12
-								},
-								top: "50%",
-								transform: "translateY(-50%)",
-								zIndex: (e) => e.zIndex.modal + 102,
-								"&:disabled": { opacity: .5 }
-							},
-							children: /* @__PURE__ */ f(a, {})
-						})] })
-					]
-				})
-			}), P && W && j.length > 1 && /* @__PURE__ */ f(c, {
-				mediaItems: j,
-				selectedItem: U,
-				onSelect: q,
-				renderMediaItem: M,
-				getThumbnailLabel: z
-			})]
-		})
-	}) : null;
-});
-w.displayName = "SImageViewer";
-//#endregion
-export { w as t };

package/dist/s-language-switcher-D-1nywT3.js

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