@solostylist/ui-kit 1.0.224 → 1.0.226

package/dist/s-image-modal-DA3DBNbv.js

@@ -1,397 +0,0 @@
-import { t as e } from "./createSvgIcon-BdNZIlKS.js";
-import { t } from "./ChevronRight-OLNOfW9P.js";
-import { t as n } from "./Close-Bj2HYB9Q.js";
-import r from "./s-lazy-image/s-lazy-image.js";
-import i, { useEffect as a, useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Box as u, IconButton as d, Modal as f, Paper as p, Stack as m, Typography as h } from "@mui/material";
-import { AnimatePresence as g, motion as _ } from "framer-motion";
-//#region ../../node_modules/@mui/icons-material/ChevronLeft.mjs
-var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" }), "ChevronLeft"), y = ({ item: e, onClick: t, style: n = {}, objectFit: i = "contain", disableVideoControls: a = !1 }) => e.type === "video" ? /* @__PURE__ */ c(u, {
-	component: "video",
-	onClick: t,
-	controls: !a,
-	sx: {
-		width: "100%",
-		height: "100%",
-		objectFit: i,
-		bgcolor: "background.paper",
-		...n
-	},
-	children: /* @__PURE__ */ c("source", {
-		src: e.url,
-		type: "video/mp4"
-	})
-}) : /* @__PURE__ */ c(r, {
-	src: e.url,
-	alt: e.title ?? "",
-	onClick: t,
-	style: {
-		width: "100%",
-		height: "100%",
-		objectFit: i,
-		backgroundColor: "background.paper",
-		...n
-	}
-}), b = ({ selectedItem: e, isOpen: r, onClose: b, onItemChange: x, mediaItems: S = [], renderMediaItem: C, showNavigation: w = !0, showThumbnailDock: T = !0, showCounter: E = !0, modalSx: D = {} }) => {
-	let [O, k] = o(e ?? null), A = e ?? O;
-	a(() => {
-		e && k(e);
-	}, [e]);
-	let j = w && S.length > 1 && A, M = A ? S.findIndex((e) => e.id === A.id) : -1, N = S.length, P = i.useCallback(() => {
-		if (j && M > 0) {
-			let e = S[M - 1];
-			x ? x(e) : k(e);
-		}
-	}, [
-		j,
-		M,
-		S,
-		x
-	]), F = i.useCallback(() => {
-		if (j && M < N - 1) {
-			let e = S[M + 1];
-			x ? x(e) : k(e);
-		}
-	}, [
-		j,
-		M,
-		N,
-		S,
-		x
-	]);
-	return a(() => {
-		let e = (e) => {
-			if (r) switch (e.key) {
-				case "ArrowLeft":
-					P();
-					break;
-				case "ArrowRight":
-					F();
-					break;
-				case "Escape":
-					b();
-					break;
-			}
-		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [
-		r,
-		M,
-		N,
-		j,
-		P,
-		F,
-		b
-	]), !r || !A ? null : /* @__PURE__ */ c(f, {
-		open: r,
-		onClose: b,
-		sx: {
-			zIndex: (e) => e.zIndex.modal + 100,
-			...D
-		},
-		slotProps: { backdrop: { sx: {
-			backdropFilter: "blur(8px)",
-			zIndex: (e) => e.zIndex.modal + 99
-		} } },
-		children: /* @__PURE__ */ l(u, { children: [/* @__PURE__ */ c(_.div, {
-			initial: { scale: .98 },
-			animate: { scale: 1 },
-			exit: { scale: .98 },
-			transition: {
-				type: "spring",
-				stiffness: 400,
-				damping: 30
-			},
-			children: /* @__PURE__ */ l(p, {
-				sx: {
-					position: "fixed",
-					inset: 0,
-					width: "100%",
-					minHeight: "100vh",
-					borderRadius: 0,
-					overflow: "hidden",
-					zIndex: (e) => e.zIndex.modal + 101
-				},
-				children: [
-					/* @__PURE__ */ c(u, {
-						sx: {
-							height: "100%",
-							display: "flex",
-							flexDirection: "column"
-						},
-						children: /* @__PURE__ */ c(u, {
-							sx: {
-								flex: 1,
-								p: {
-									xs: 1,
-									sm: 2,
-									md: 3
-								},
-								display: "flex",
-								alignItems: "center",
-								justifyContent: "center",
-								bgcolor: "background.default"
-							},
-							children: /* @__PURE__ */ c(g, {
-								mode: "wait",
-								children: /* @__PURE__ */ c(_.div, {
-									style: { position: "relative" },
-									initial: {
-										y: 20,
-										scale: .97
-									},
-									animate: {
-										y: 0,
-										scale: 1,
-										transition: {
-											type: "spring",
-											stiffness: 500,
-											damping: 30,
-											mass: .5
-										}
-									},
-									exit: {
-										y: 20,
-										scale: .97,
-										transition: { duration: .15 }
-									},
-									children: /* @__PURE__ */ l(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"
-										},
-										children: [C ? C(A) : /* @__PURE__ */ c(y, { item: A }), (A.title || A.desc) && /* @__PURE__ */ l(u, {
-											sx: {
-												position: "absolute",
-												left: 0,
-												right: 0,
-												bottom: 0,
-												p: {
-													xs: 1.5,
-													sm: 2,
-													md: 3
-												},
-												color: "common.white",
-												background: "linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.35) 45%, transparent)"
-											},
-											onClick: (e) => e.stopPropagation(),
-											children: [A.title && /* @__PURE__ */ c(h, {
-												variant: "h6",
-												sx: { fontSize: {
-													xs: 14,
-													sm: 18,
-													md: 20
-												} },
-												children: A.title
-											}), A.desc && /* @__PURE__ */ c(h, {
-												variant: "body2",
-												sx: { mt: .5 },
-												children: A.desc
-											})]
-										})]
-									})
-								}, A.id)
-							})
-						})
-					}),
-					/* @__PURE__ */ c(d, {
-						"aria-label": "Close",
-						onClick: b,
-						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__ */ c(n, {})
-					}),
-					E && j && /* @__PURE__ */ l(u, {
-						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: [
-							M + 1,
-							" / ",
-							N
-						]
-					}),
-					j && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(d, {
-						"aria-label": "Previous image",
-						onClick: (e) => {
-							e.stopPropagation(), P();
-						},
-						disabled: M === 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__ */ c(v, {})
-					}), /* @__PURE__ */ c(d, {
-						"aria-label": "Next image",
-						onClick: (e) => {
-							e.stopPropagation(), F();
-						},
-						disabled: M === N - 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__ */ c(t, {})
-					})] })
-				]
-			})
-		}), T && j && S.length > 1 && /* @__PURE__ */ c(u, {
-			sx: {
-				position: "fixed",
-				zIndex: 1502,
-				left: "50%",
-				bottom: 16,
-				transform: "translateX(-50%)"
-			},
-			children: /* @__PURE__ */ c(p, {
-				sx: {
-					position: "relative",
-					borderRadius: 1,
-					bgcolor: "background.paper",
-					border: "1px solid",
-					borderColor: "divider",
-					backdropFilter: "blur(12px)",
-					px: 1.5,
-					py: 1
-				},
-				children: /* @__PURE__ */ c(m, {
-					direction: "row",
-					spacing: -1.5,
-					sx: { alignItems: "center" },
-					children: S.map((e, t) => {
-						let n = A.id === e.id, r = t % 2 == 0 ? -15 : 15, i = () => {
-							x ? x(e) : k(e);
-						};
-						return /* @__PURE__ */ l(_.div, {
-							onClick: (e) => {
-								e.stopPropagation(), i();
-							},
-							style: {
-								position: "relative",
-								width: 40,
-								height: 40,
-								borderRadius: 8,
-								overflow: "hidden",
-								flexShrink: 0,
-								zIndex: n ? 30 : S.length - t,
-								border: n ? "1px solid" : void 0,
-								borderColor: n ? "divider" : void 0,
-								cursor: "pointer"
-							},
-							initial: { rotate: r },
-							animate: {
-								scale: n ? 1.2 : 1,
-								rotate: n ? 0 : r,
-								y: n ? -8 : 0
-							},
-							whileHover: {
-								scale: 1.3,
-								rotate: 0,
-								y: -10,
-								transition: {
-									type: "spring",
-									stiffness: 400,
-									damping: 25
-								}
-							},
-							children: [
-								C ? C(e, i) : /* @__PURE__ */ c(y, {
-									item: e,
-									objectFit: "cover",
-									style: {
-										width: "100%",
-										height: "100%",
-										borderRadius: 0,
-										pointerEvents: e.type === "video" ? "none" : "auto"
-									},
-									disableVideoControls: !0
-								}),
-								/* @__PURE__ */ c(u, { sx: {
-									position: "absolute",
-									inset: 0,
-									background: (e) => `linear-gradient(to bottom, transparent, ${(e.vars ?? e).palette.action.hover}, ${(e.vars ?? e).palette.action.selected})`,
-									pointerEvents: "none"
-								} }),
-								n && /* @__PURE__ */ c(_.div, {
-									layoutId: "activeGlow",
-									style: {
-										position: "absolute",
-										inset: -8,
-										background: "primary.main",
-										filter: "blur(16px)"
-									},
-									initial: { opacity: 0 },
-									animate: { opacity: 1 },
-									transition: { duration: .2 }
-								})
-							]
-						}, e.id);
-					})
-				})
-			})
-		})] })
-	});
-};
-b.displayName = "SImageModal";
-//#endregion
-export { b as n, y as t };

package/dist/s-text-field-Ck5QMhYI.js

@@ -1,41 +0,0 @@
-import { t as e } from "./createSvgIcon-BdNZIlKS.js";
-import { SForm as t } from "./s-form/s-form.js";
-import { useState as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-import { IconButton as i, InputAdornment as a, TextField as o } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/Visibility.mjs
-var s = e(/* @__PURE__ */ r("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3" }), "Visibility"), c = e(/* @__PURE__ */ r("path", { d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z" }), "VisibilityOff"), l = ({ label: e = "", required: l = !1, error: u, type: d = "text", htmlFor: f, hint: p, ...m }) => {
-	let [h, g] = n(!1), _ = d === "password", v = () => {
-		g(!h);
-	}, y = _ && h ? "text" : d, b = _ ? /* @__PURE__ */ r(a, {
-		position: "end",
-		children: /* @__PURE__ */ r(i, {
-			"aria-label": "toggle password visibility",
-			onClick: v,
-			edge: "end",
-			size: "small",
-			children: r(h ? c : s, {})
-		})
-	}) : void 0;
-	return /* @__PURE__ */ r(t, {
-		label: e,
-		hint: p,
-		error: u,
-		required: l,
-		htmlFor: f,
-		children: /* @__PURE__ */ r(o, {
-			fullWidth: !0,
-			type: y,
-			id: f,
-			error: !!u,
-			...m,
-			slotProps: { input: {
-				endAdornment: b,
-				...m.slotProps?.input
-			} }
-		})
-	});
-};
-l.displayName = "STextField";
-//#endregion
-export { l as t };