@solostylist/ui-kit 1.0.203 → 1.0.205

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

@@ -1,252 +1,3 @@
-import { j as c } from "../jsx-runtime-tc70JA_2.js";
-import * as b from "react";
-import g, { createElement as j } from "react";
-import { useTranslation as E } from "react-i18next";
-import { SIconButton as F } from "../s-icon-button/s-icon-button.js";
-import { L as R, M as k } from "../Menu-GVFDMHCN.js";
-import { g as N, M as P } from "../MenuItem-2wG8I2HO.js";
-import { P as a } from "../createTheme-DgoJyWM-.js";
-import { c as _ } from "../clsx-OuTLNxxd.js";
-import { u as A, c as D, m as M } from "../DefaultPropsProvider-DPuuPIbS.js";
-import { s as B } from "../styled-8Y5KoVix.js";
-import { T as V } from "../Typography-PcmlIqm1.js";
-const $ = (e) => {
-  const {
-    alignItems: t,
-    classes: o
-  } = e;
-  return D({
-    root: ["root", t === "flex-start" && "alignItemsFlexStart"]
-  }, N, o);
-}, z = B("div", {
-  name: "MuiListItemIcon",
-  slot: "Root",
-  overridesResolver: (e, t) => {
-    const {
-      ownerState: o
-    } = e;
-    return [t.root, o.alignItems === "flex-start" && t.alignItemsFlexStart];
-  }
-})(M(({
-  theme: e
-}) => ({
-  minWidth: 56,
-  color: (e.vars || e).palette.action.active,
-  flexShrink: 0,
-  display: "inline-flex",
-  variants: [{
-    props: {
-      alignItems: "flex-start"
-    },
-    style: {
-      marginTop: 8
-    }
-  }]
-}))), S = /* @__PURE__ */ b.forwardRef(function(t, o) {
-  const n = A({
-    props: t,
-    name: "MuiListItemIcon"
-  }), {
-    className: s,
-    ...i
-  } = n, d = b.useContext(R), l = {
-    ...n,
-    alignItems: d.alignItems
-  }, p = $(l);
-  return /* @__PURE__ */ c.jsx(z, {
-    className: _(p.root, s),
-    ownerState: l,
-    ref: o,
-    ...i
-  });
-});
-process.env.NODE_ENV !== "production" && (S.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component, normally `Icon`, `SvgIcon`,
-   * or a `@mui/icons-material` SVG icon element.
-   */
-  children: a.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: a.object,
-  /**
-   * @ignore
-   */
-  className: a.string,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object])
-});
-function x() {
-  return x = Object.assign ? Object.assign.bind() : function(e) {
-    for (var t = 1; t < arguments.length; t++) {
-      var o = arguments[t];
-      for (var n in o)
-        Object.prototype.hasOwnProperty.call(o, n) && (e[n] = o[n]);
-    }
-    return e;
-  }, x.apply(this, arguments);
-}
-function W(e, t) {
-  if (e == null) return {};
-  var o = {}, n = Object.keys(e), s, i;
-  for (i = 0; i < n.length; i++)
-    s = n[i], !(t.indexOf(s) >= 0) && (o[s] = e[s]);
-  return o;
-}
-var G = ["cdnSuffix", "cdnUrl", "countryCode", "style", "svg"], H = "https://cdn.jsdelivr.net/gh/lipis/flag-icons/flags/4x3/", K = "svg", X = 127397, I = function(t) {
-  var o = t.cdnSuffix, n = o === void 0 ? K : o, s = t.cdnUrl, i = s === void 0 ? H : s, d = t.countryCode, l = t.style, p = t.svg, r = p === void 0 ? !1 : p, u = W(t, G);
-  if (typeof d != "string")
-    return null;
-  if (r) {
-    var m = "" + i + d.toLowerCase() + "." + n;
-    return j("img", Object.assign({}, u, {
-      src: m,
-      style: x({
-        display: "inline-block",
-        width: "1em",
-        height: "1em",
-        verticalAlign: "middle"
-      }, l)
-    }));
-  }
-  var h = d.toUpperCase().replace(/./g, function(v) {
-    return String.fromCodePoint(v.charCodeAt(0) + X);
-  });
-  return j("span", Object.assign({
-    role: "img"
-  }, u, {
-    style: x({
-      display: "inline-block",
-      fontSize: "1em",
-      lineHeight: "1em",
-      verticalAlign: "middle"
-    }, l)
-  }), h);
-};
-const O = [
-  { code: "en", label: "English", countryCode: "GB" },
-  { code: "vi", label: "Vietnamese", countryCode: "VN" }
-], q = ({
-  anchorEl: e,
-  onClose: t,
-  open: o = !1,
-  onLanguageChange: n,
-  languages: s = O,
-  currentLanguage: i,
-  menuWidth: d = "220px",
-  flagSize: l = 28
-}) => {
-  const p = g.useCallback(
-    (r) => {
-      n?.(r), t?.();
-    },
-    [n, t]
-  );
-  return /* @__PURE__ */ c.jsx(
-    k,
-    {
-      anchorEl: e,
-      anchorOrigin: { horizontal: "right", vertical: "bottom" },
-      onClose: t,
-      open: o,
-      slotProps: { paper: { sx: { width: d } } },
-      transformOrigin: { horizontal: "right", vertical: "top" },
-      children: s.map((r) => {
-        const u = i === r.code;
-        return /* @__PURE__ */ c.jsxs(
-          P,
-          {
-            onClick: () => {
-              p(r.code);
-            },
-            selected: u,
-            sx: { gap: 1 },
-            children: [
-              /* @__PURE__ */ c.jsx(S, { children: /* @__PURE__ */ c.jsx(
-                I,
-                {
-                  countryCode: r.countryCode,
-                  svg: !0,
-                  style: { width: l, height: l },
-                  title: r.label
-                }
-              ) }),
-              /* @__PURE__ */ c.jsx(V, { variant: "subtitle2", children: r.label })
-            ]
-          },
-          r.code
-        );
-      })
-    }
-  );
-}, J = ({
-  languages: e = O,
-  onLanguageChange: t,
-  currentLanguage: o,
-  tooltipText: n,
-  buttonFlagSize: s = 16,
-  menuFlagSize: i = 20,
-  menuWidth: d = "220px",
-  sx: l,
-  useI18n: p = !0
-}) => {
-  const r = E(), u = p ? r.t : null, m = p ? r.i18n : null, [h, v] = g.useState(null), y = o ?? m?.language ?? e[0]?.code ?? "en", C = e.find((f) => f.code === y) || e[0], L = g.useCallback((f) => {
-    v(f.currentTarget);
-  }, []), T = g.useCallback(() => {
-    v(null);
-  }, []), w = g.useCallback(
-    (f) => {
-      t ? t(f) : m && m.changeLanguage(f);
-    },
-    [t, m]
-  ), U = n ?? (u ? u("header:language.tooltip") : "Change language");
-  return /* @__PURE__ */ c.jsxs(g.Fragment, { children: [
-    /* @__PURE__ */ c.jsx(
-      F,
-      {
-        onClick: L,
-        sx: { display: { xs: "none", lg: "inline-flex" }, ...l },
-        tooltipOptions: {
-          title: U,
-          placement: "top"
-        },
-        children: /* @__PURE__ */ c.jsx(
-          I,
-          {
-            countryCode: C?.countryCode || "US",
-            svg: !0,
-            style: { width: s, height: s },
-            title: C?.label || y
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ c.jsx(
-      q,
-      {
-        anchorEl: h,
-        onClose: T,
-        open: !!h,
-        onLanguageChange: w,
-        languages: e,
-        currentLanguage: y,
-        menuWidth: d,
-        flagSize: i
-      }
-    )
-  ] });
-};
-J.displayName = "SLanguageSwitcher";
-export {
-  q as SLanguagePopover,
-  J as SLanguageSwitcher,
-  J as default,
-  O as defaultLanguageOptions
-};
+import "../createTheme-DuS5_nJb.js";
+import { n as e, r as t, t as n } from "../s-language-switcher-BJP1r1la.js";
+export { n as SLanguagePopover, e as SLanguageSwitcher, e as default, t as defaultLanguageOptions };

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

@@ -0,0 +1,198 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { g as t } from "./createTheme-DuS5_nJb.js";
+import { n, o as r, t as i } from "./DefaultPropsProvider-DpRXvTbj.js";
+import { m as a, t as o } from "./Menu-Dhh4e9H1.js";
+import { r as s } from "./useTheme-BES_k_99.js";
+import { t as c } from "./styled-Dz7rwAje.js";
+import { t as l } from "./Typography-CswuXQLF.js";
+import { SIconButton as u } from "./s-icon-button/s-icon-button.js";
+import { n as d, t as f } from "./MenuItem-aaIy8lan.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/esm/ListItemIcon/ListItemIcon.js
+var y = /* @__PURE__ */ e(t()), b = (e) => {
+	let { alignItems: t, classes: n } = e;
+	return r({ root: ["root", t === "flex-start" && "alignItemsFlexStart"] }, d, n);
+}, x = c("div", {
+	name: "MuiListItemIcon",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [t.root, n.alignItems === "flex-start" && t.alignItemsFlexStart];
+	}
+})(n(({ theme: e }) => ({
+	minWidth: 56,
+	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 = i({
+		props: e,
+		name: "MuiListItemIcon"
+	}), { className: r, ...o } = n, c = p.useContext(a), l = {
+		...n,
+		alignItems: c.alignItems
+	};
+	return /* @__PURE__ */ g(x, {
+		className: s(b(l).root, r),
+		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: s = "220px", flagSize: c = 28 }) => {
+	let u = m.useCallback((e) => {
+		r?.(e), t?.();
+	}, [r, t]);
+	return /* @__PURE__ */ g(o, {
+		anchorEl: e,
+		anchorOrigin: {
+			horizontal: "right",
+			vertical: "bottom"
+		},
+		onClose: t,
+		open: n,
+		slotProps: { paper: { sx: { width: s } } },
+		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: c,
+					height: c
+				},
+				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 };

package/dist/s-lazy-image/index.js

@@ -1,4 +1,2 @@
-import { default as o } from "./s-lazy-image.js";
-export {
-  o as default
-};
+import e from "./s-lazy-image.js";
+export { e as default };

package/dist/s-lazy-image/s-lazy-image.js

@@ -1,57 +1,42 @@
-import { j as a } from "../jsx-runtime-tc70JA_2.js";
-import { useId as j, useState as y } from "react";
-import { useTheme as L, Box as u, Skeleton as I } from "@mui/material";
-const S = ({
-  src: n,
-  variant: e = "rounded",
-  height: o = "100%",
-  width: s = "100%",
-  style: r,
-  minWidth: d = "auto",
-  minHeight: m = "auto",
-  onLoad: l,
-  ...p
-}) => {
-  const c = j(), x = L(), [t, i] = y(!1);
-  return /* @__PURE__ */ a.jsxs(u, { height: o, width: s, children: [
-    !t && /* @__PURE__ */ a.jsx(
-      I,
-      {
-        variant: e,
-        id: `image-skeleton-${c}`,
-        animation: "wave",
-        style: {
-          height: o,
-          width: s,
-          minWidth: d,
-          minHeight: m,
-          ...r
-        }
-      }
-    ),
-    /* @__PURE__ */ a.jsx(
-      u,
-      {
-        component: "img",
-        src: n,
-        style: {
-          height: o,
-          width: s,
-          minWidth: d,
-          minHeight: m,
-          display: t ? "block" : "none",
-          borderRadius: e === "circular" ? "50%" : e === "rounded" ? x.shape.borderRadius : "0px",
-          ...r
-        },
-        onLoad: (f) => {
-          i(!0), l?.(f);
-        },
-        ...p
-      }
-    )
-  ] });
-};
-S.displayName = "SLazyImage";
-export {
-  S as default
+import { useId as e, useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Box as i, Skeleton as a, useTheme as o } from "@mui/material";
+//#region lib/s-lazy-image/s-lazy-image.tsx
+var s = ({ src: s, variant: c = "rounded", height: l = "100%", width: u = "100%", style: d, minWidth: f = "auto", minHeight: p = "auto", onLoad: m, ...h }) => {
+	let g = e(), _ = o(), [v, y] = t(!1);
+	return /* @__PURE__ */ r(i, {
+		height: l,
+		width: u,
+		children: [!v && /* @__PURE__ */ n(a, {
+			variant: c,
+			id: `image-skeleton-${g}`,
+			animation: "wave",
+			style: {
+				height: l,
+				width: u,
+				minWidth: f,
+				minHeight: p,
+				...d
+			}
+		}), /* @__PURE__ */ n(i, {
+			component: "img",
+			src: s,
+			style: {
+				height: l,
+				width: u,
+				minWidth: f,
+				minHeight: p,
+				display: v ? "block" : "none",
+				borderRadius: c === "circular" ? "50%" : c === "rounded" ? _.shape.borderRadius : "0px",
+				...d
+			},
+			onLoad: (e) => {
+				y(!0), m?.(e);
+			},
+			...h
+		})]
+	});
 };
+s.displayName = "SLazyImage";
+//#endregion
+export { s as default };

package/dist/s-link/index.js

@@ -1,4 +1,2 @@
-import { SLink as f } from "./s-link.js";
-export {
-  f as default
-};
+import { SLink as e } from "./s-link.js";
+export { e as default };

package/dist/s-link/s-link.js

@@ -1,37 +1,30 @@
-import { j as r } from "../jsx-runtime-tc70JA_2.js";
-import { Typography as m, Link as l } from "@mui/material";
-const y = ({
-  onClick: o,
-  beforeText: i = "",
-  afterText: t = "",
-  mainText: e = "",
-  href: n = "#",
-  component: s = "a",
-  target: a,
-  color: p = "text.secondary",
-  linkColor: d = void 0,
-  variant: x = "body2",
-  lineHeight: c
-}) => /* @__PURE__ */ r.jsxs(m, { variant: x, lineHeight: c, color: p, children: [
-  i,
-  " ",
-  /* @__PURE__ */ r.jsx(
-    l,
-    {
-      href: n,
-      onClick: o,
-      sx: { cursor: "pointer", fontSize: "inherit" },
-      component: s,
-      target: a,
-      color: d,
-      children: e
-    }
-  ),
-  " ",
-  t
-] });
-y.displayName = "SLink";
-export {
-  y as SLink,
-  y as default
-};
+import "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Link as n, Typography as r } from "@mui/material";
+//#region lib/s-link/s-link.tsx
+var i = ({ onClick: i, beforeText: a = "", afterText: o = "", mainText: s = "", href: c = "#", component: l = "a", target: u, color: d = "text.secondary", linkColor: f = void 0, variant: p = "body2", lineHeight: m }) => /* @__PURE__ */ t(r, {
+	variant: p,
+	lineHeight: m,
+	color: d,
+	children: [
+		a,
+		" ",
+		/* @__PURE__ */ e(n, {
+			href: c,
+			onClick: i,
+			sx: {
+				cursor: "pointer",
+				fontSize: "inherit"
+			},
+			component: l,
+			target: u,
+			color: f,
+			children: s
+		}),
+		" ",
+		o
+	]
+});
+i.displayName = "SLink";
+//#endregion
+export { i as SLink, i as default };

package/dist/s-localization-provider/index.js

@@ -1,4 +1,3 @@
-import { SLocalizationProvider as r } from "./s-localization-provider.js";
-export {
-  r as default
-};
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-localization-provider-CeOR72Ti.js";
+export { e as default };