@solostylist/ui-kit 1.0.228 → 1.0.229

package/dist/s-date-picker/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-date-picker-CdH1pta6.js";
+import { t as e } from "../s-date-picker-C06rlE6_.js";
 export { e as SDatePicker, e as default };

package/dist/s-date-picker/picker-action-bar.d.ts

@@ -1,12 +1,8 @@
 import { PickersActionBarProps } from '@mui/x-date-pickers/PickersActionBar';
 import * as React from 'react';
 /**
- * Action bar shared by SDatePicker and SDateTimePicker.
- *
- * MUI ships both footer buttons as contained (twin filled buttons). This mirrors
- * the project's dialog footer convention instead — outlined Cancel + contained
- * confirm (see SDialogConfirm). It renders a plain DialogActions, so spacing and
- * padding stay in sync with SDialog via the MuiDialogActions theme override.
+ * Shared action bar for SDatePicker and SDateTimePicker.
+ * Mirrors SDialogConfirm styling (outlined Cancel + contained Confirm) with compact spacing.
  */
-export declare const PickerActionBar: ({ actions, ...other }: PickersActionBarProps) => React.JSX.Element | null;
+export declare const PickerActionBar: ({ actions, disableSpacing, sx, ...other }: PickersActionBarProps) => React.JSX.Element | null;
 export default PickerActionBar;

package/dist/s-date-picker/picker-action-bar.js

@@ -3,45 +3,59 @@ import { jsx as e } from "react/jsx-runtime";
 import { Button as t, DialogActions as n } from "@mui/material";
 import { usePickerContext as r, usePickerTranslations as i } from "@mui/x-date-pickers";
 //#region lib/s-date-picker/picker-action-bar.tsx
-var a = ({ actions: a, ...o }) => {
-	let s = i(), { clearValue: c, setValueToToday: l, acceptValueChanges: u, cancelValueChanges: d, goToNextStep: f, hasNextStep: p } = r();
-	return !a || a.length === 0 ? null : /* @__PURE__ */ e(n, {
-		...o,
+var a = ({ actions: a, disableSpacing: o, sx: s, ...c }) => {
+	let l = i(), { clearValue: u, setValueToToday: d, acceptValueChanges: f, cancelValueChanges: p, goToNextStep: m, hasNextStep: h } = r();
+	if (!a || a.length === 0) return null;
+	let g = o ?? !0;
+	return /* @__PURE__ */ e(n, {
+		...c,
+		disableSpacing: g,
+		sx: [{
+			p: 1.5,
+			gap: g ? 1 : void 0
+		}, ...Array.isArray(s) ? s : s ? [s] : []],
 		children: a.map((n) => {
 			switch (n) {
 				case "clear": return /* @__PURE__ */ e(t, {
 					variant: "text",
-					onClick: c,
-					children: s.clearButtonLabel
+					size: "small",
+					onClick: u,
+					children: l.clearButtonLabel
 				}, n);
 				case "today": return /* @__PURE__ */ e(t, {
 					variant: "text",
-					onClick: l,
-					children: s.todayButtonLabel
+					size: "small",
+					onClick: d,
+					children: l.todayButtonLabel
 				}, n);
 				case "cancel": return /* @__PURE__ */ e(t, {
 					variant: "outlined",
-					onClick: d,
-					children: s.cancelButtonLabel
+					size: "small",
+					onClick: p,
+					children: l.cancelButtonLabel
 				}, n);
 				case "next": return /* @__PURE__ */ e(t, {
 					variant: "contained",
-					onClick: f,
-					children: s.nextStepButtonLabel
+					size: "small",
+					onClick: m,
+					children: l.nextStepButtonLabel
 				}, n);
-				case "nextOrAccept": return p ? /* @__PURE__ */ e(t, {
+				case "nextOrAccept": return h ? /* @__PURE__ */ e(t, {
 					variant: "contained",
-					onClick: f,
-					children: s.nextStepButtonLabel
+					size: "small",
+					onClick: m,
+					children: l.nextStepButtonLabel
 				}, n) : /* @__PURE__ */ e(t, {
 					variant: "contained",
-					onClick: u,
-					children: s.okButtonLabel
+					size: "small",
+					onClick: f,
+					children: l.okButtonLabel
 				}, n);
 				case "accept": return /* @__PURE__ */ e(t, {
 					variant: "contained",
-					onClick: u,
-					children: s.okButtonLabel
+					size: "small",
+					onClick: f,
+					children: l.okButtonLabel
 				}, n);
 				default: return null;
 			}

package/dist/s-date-picker/s-date-picker.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-date-picker-CdH1pta6.js";
+import { t as e } from "../s-date-picker-C06rlE6_.js";
 export { e as SDatePicker, e as default };

package/dist/{s-date-picker-CdH1pta6.js → s-date-picker-C06rlE6_.js}

@@ -6,7 +6,7 @@ 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 { t as s } from "./styled-BTDmdi4c.js";
-import { $ as c, A as l, C as u, D as d, I as f, M as p, N as m, X as h, Y as g, _, b as v, j as y, k as b, m as x, n as S, p as C, s as w, t as T, tt as E, v as ee, w as te, y as ne } from "./useMobilePicker-Dw1IxoE6.js";
+import { $ as c, A as l, C as u, D as d, I as f, M as p, N as m, X as h, Y as g, _, b as v, j as y, k as b, m as x, n as S, p as C, s as w, t as T, tt as E, v as ee, w as te, y as ne } from "./useMobilePicker-CQA6fYLQ.js";
 import { a as D } from "./warning-CFMmJJnf.js";
 import { t as O } from "./objectWithoutPropertiesLoose-kj3TmhoA.js";
 import { t as k } from "./extends-DM-C9PwL.js";

package/dist/s-datetime-picker/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-datetime-picker-BHkWSJKj.js";
+import { t as e } from "../s-datetime-picker-DnIK-QnQ.js";
 export { e as SDateTimePicker, e as default };

package/dist/s-datetime-picker/s-datetime-picker.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-datetime-picker-BHkWSJKj.js";
+import { t as e } from "../s-datetime-picker-DnIK-QnQ.js";
 export { e as SDateTimePicker, e as default };

package/dist/{s-datetime-picker-BHkWSJKj.js → s-datetime-picker-DnIK-QnQ.js}

@@ -7,9 +7,9 @@ import { t as u } from "./generateUtilityClass-tRYNDrlH.js";
 import { t as d } from "./generateUtilityClasses-XrPHiTcM.js";
 import { a as f, t as p } from "./styled-BTDmdi4c.js";
 import { t as m } from "./useEnhancedEffect-Dsu5K7-Z.js";
-import { $ as h, B as g, C as _, D as v, E as y, F as b, G as x, H as S, I as C, J as w, K as T, L as E, M as D, N as O, O as k, P as A, Q as ee, R as j, S as M, T as N, U as P, V as F, W as te, X as ne, Y as re, Z as ie, _ as I, a as L, b as ae, c as R, d as oe, et as se, f as z, g as ce, h as B, i as le, j as ue, l as V, m as de, n as H, o as U, p as W, q as G, r as fe, s as K, t as pe, tt as me, u as he, v as ge, w as _e, x as ve, y as ye, z as be } from "./useMobilePicker-Dw1IxoE6.js";
-import { C as xe, S as Se, c as Ce, f as we, x as Te, y as Ee } from "./Modal-Cu5Cgh-q.js";
-import { a as De } from "./FormControl-BbzvApma.js";
+import { $ as h, B as g, C as _, D as v, E as y, F as b, G as x, H as S, I as C, J as w, K as T, L as E, M as D, N as O, O as k, P as A, Q as ee, R as j, S as M, T as N, U as P, V as F, W as te, X as ne, Y as re, Z as ie, _ as I, a as L, b as ae, c as R, d as oe, et as se, f as z, g as ce, h as B, i as le, j as ue, l as V, m as de, n as H, o as U, p as W, q as G, r as fe, s as K, t as pe, tt as me, u as he, v as ge, w as _e, x as ve, y as ye, z as be } from "./useMobilePicker-CQA6fYLQ.js";
+import { c as xe, f as Se, x as Ce, y as we } from "./Modal-CLdC2-Th.js";
+import { a as Te, c as Ee, s as De } from "./FormControl-DsRIRfTs.js";
 import { a as q, i as Oe } from "./warning-CFMmJJnf.js";
 import { t as J } from "./objectWithoutPropertiesLoose-kj3TmhoA.js";
 import { t as Y } from "./extends-DM-C9PwL.js";
@@ -17,11 +17,11 @@ import { n as ke, t as Ae } from "./useForkRef-yOYCJHzF.js";
 import { a as je, i as Me, r as Ne, t as Pe } from "./ButtonBase-BDefit5I.js";
 import { c as Fe, t as Ie } from "./useSlot-IwEDsR9t.js";
 import { t as Le } from "./createSvgIcon-HW-tbFcL.js";
-import { c as Re, d as ze, f as Be, l as Ve, o as He, p as Ue, s as We, t as Ge, u as Ke } from "./MenuList-5C2nFAWS.js";
+import { c as Re, d as ze, f as Be, l as Ve, o as He, p as Ue, s as We, t as Ge, u as Ke } from "./MenuList-vtqACjea.js";
 import { n as qe, t as Je } from "./tabClasses-CmFw6sbs.js";
 import { t as Ye } from "./Typography-CZ_MYa-E.js";
 import { SForm as Xe } from "./s-form/s-form.js";
-import { n as Ze, t as Qe } from "./MenuItem-CwAhn4sd.js";
+import { n as Ze, t as Qe } from "./MenuItem-IOMcBScJ.js";
 import { PickerActionBar as $e } from "./s-date-picker/picker-action-bar.js";
 import * as X from "react";
 import { forwardRef as et } from "react";
@@ -740,15 +740,15 @@ var Et = d("MuiTabScrollButton", [
 	let n = s({
 		props: e,
 		name: "MuiTabScrollButton"
-	}), { className: r, slots: i = {}, slotProps: a = {}, direction: o, orientation: c, disabled: u, ...d } = n, { nativeButton: f, ...p } = d, m = xe(), h = {
+	}), { className: r, slots: i = {}, slotProps: a = {}, direction: o, orientation: c, disabled: u, ...d } = n, { nativeButton: f, ...p } = d, m = Ee(), h = {
 		isRtl: m,
 		...n
-	}, g = Dt(h), _ = i.StartScrollButtonIcon ?? Ct, v = i.EndScrollButtonIcon ?? wt, y = Te({
+	}, g = Dt(h), _ = i.StartScrollButtonIcon ?? Ct, v = i.EndScrollButtonIcon ?? wt, y = De({
 		elementType: _,
 		externalSlotProps: a.startScrollButtonIcon,
 		additionalProps: { fontSize: "small" },
 		ownerState: h
-	}), b = Te({
+	}), b = De({
 		elementType: v,
 		externalSlotProps: a.endScrollButtonIcon,
 		additionalProps: { fontSize: "small" },
@@ -958,7 +958,7 @@ var jt = d("MuiTabs", [
 	let n = s({
 		props: e,
 		name: "MuiTabs"
-	}), r = i(), a = xe(), { "aria-label": o, "aria-labelledby": c, action: u, centered: d = !1, children: f, className: p, component: m = "div", allowScrollButtonsMobile: h = !1, indicatorColor: g = "primary", onChange: _, orientation: v = "horizontal", scrollButtons: y = "auto", selectionFollowsFocus: b, slots: x = {}, slotProps: S = {}, textColor: C = "primary", value: w, variant: T = "standard", visibleScrollbar: E = !1, ...D } = n, O = T === "scrollable", k = v === "vertical", A = k ? "scrollTop" : "scrollLeft", ee = k ? "top" : "left", j = k ? "bottom" : "right", M = k ? "clientHeight" : "clientWidth", N = k ? "height" : "width", P = {
+	}), r = i(), a = Ee(), { "aria-label": o, "aria-labelledby": c, action: u, centered: d = !1, children: f, className: p, component: m = "div", allowScrollButtonsMobile: h = !1, indicatorColor: g = "primary", onChange: _, orientation: v = "horizontal", scrollButtons: y = "auto", selectionFollowsFocus: b, slots: x = {}, slotProps: S = {}, textColor: C = "primary", value: w, variant: T = "standard", visibleScrollbar: E = !1, ...D } = n, O = T === "scrollable", k = v === "vertical", A = k ? "scrollTop" : "scrollLeft", ee = k ? "top" : "left", j = k ? "bottom" : "right", M = k ? "clientHeight" : "clientWidth", N = k ? "height" : "width", P = {
 		...n,
 		component: m,
 		allowScrollButtonsMobile: h,
@@ -975,11 +975,11 @@ var jt = d("MuiTabs", [
 		scrollableY: O && k,
 		centered: d && !O,
 		scrollButtonsHideMobile: !h
-	}, F = Mt(P), te = Te({
+	}, F = Mt(P), te = De({
 		elementType: x.startScrollButtonIcon,
 		externalSlotProps: S.startScrollButtonIcon,
 		ownerState: P
-	}), ne = Te({
+	}), ne = De({
 		elementType: x.endScrollButtonIcon,
 		externalSlotProps: S.endScrollButtonIcon,
 		ownerState: P
@@ -1015,7 +1015,7 @@ var jt = d("MuiTabs", [
 					"MUI: The `value` provided to the Tabs component is invalid.",
 					`None of the Tabs' children match with "${w}".`,
 					H.keys ? `You can provide one of the following values: ${Array.from(H.keys()).join(", ")}.` : null
-				].join("\n"))), n = r ? r.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && Ce() && !zt && n && n.width === 0 && n.height === 0 && t.clientWidth !== 0 && (t = null, console.error([
+				].join("\n"))), n = r ? r.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && xe() && !zt && n && n.width === 0 && n.height === 0 && t.clientWidth !== 0 && (t = null, console.error([
 					"MUI: The `value` provided to the Tabs component is invalid.",
 					`The Tab with this \`value\` ("${w}") is not part of the document layout.`,
 					"Make sure the tab item is present in the document or that it's not `display: none`."
@@ -1064,12 +1064,12 @@ var jt = d("MuiTabs", [
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: G,
 		ownerState: P
-	}), Se = X.useCallback((e) => {
+	}), Ce = X.useCallback((e) => {
 		ye?.(e), de({
 			overflow: null,
 			scrollbarWidth: e
 		});
-	}, [ye]), [De, q] = Ie("scrollButtons", {
+	}, [ye]), [Te, q] = Ie("scrollButtons", {
 		className: F.scrollButtons,
 		elementType: kt,
 		externalForwardedProps: G,
@@ -1089,15 +1089,15 @@ var jt = d("MuiTabs", [
 		let e = {};
 		e.scrollbarSizeListener = O ? /* @__PURE__ */ Z(ve, {
 			...be,
-			onChange: Se
+			onChange: Ce
 		}) : null;
 		let t = O && (y === "auto" && (ae || oe) || y === !0);
-		return e.scrollButtonStart = t ? /* @__PURE__ */ Z(De, {
+		return e.scrollButtonStart = t ? /* @__PURE__ */ Z(Te, {
 			direction: a ? "right" : "left",
 			onClick: ge,
 			disabled: !ae,
 			...q
-		}) : null, e.scrollButtonEnd = t ? /* @__PURE__ */ Z(De, {
+		}) : null, e.scrollButtonEnd = t ? /* @__PURE__ */ Z(Te, {
 			direction: a ? "left" : "right",
 			onClick: _e,
 			disabled: !oe,
@@ -1210,7 +1210,7 @@ var jt = d("MuiTabs", [
 		} }
 	}), Je = Ae(Fe.ref, W), Ye = (e) => {
 		let t = W.current;
-		Ee(Be(t))?.getAttribute("role") === "tab" && Fe.onKeyDown(e);
+		we(Be(t))?.getAttribute("role") === "tab" && Fe.onKeyDown(e);
 	}, [Xe, Ze] = Ie("list", {
 		ref: Je,
 		className: F.list,
@@ -1220,7 +1220,7 @@ var jt = d("MuiTabs", [
 		getSlotProps: (e) => ({
 			...e,
 			onBlur: (t) => {
-				we(t.currentTarget, t.relatedTarget) || ue(!1), e.onBlur?.(t);
+				Se(t.currentTarget, t.relatedTarget) || ue(!1), e.onBlur?.(t);
 			},
 			onKeyDown: (t) => {
 				Ye(t), e.onKeyDown?.(t);
@@ -1998,13 +1998,13 @@ var Rn = (e, t) => o({
 			"&:hover": { backgroundColor: (e.vars || e).palette.primary.light }
 		}
 	}]
-}), Gn = p(De, {
+}), Gn = p(Te, {
 	name: "MuiClock",
 	slot: "AmButton"
 })(({ theme: e }) => Y({}, Wn(e, "am"), {
 	position: "absolute",
 	left: 8
-})), Kn = p(De, {
+})), Kn = p(Te, {
 	name: "MuiClock",
 	slot: "PmButton"
 })(({ theme: e }) => Y({}, Wn(e, "pm"), {
@@ -2292,7 +2292,7 @@ var tr = ({ ampm: e, value: t, getClockNumberText: n, isDisabled: r, selectedId:
 		adapter: n,
 		props: r,
 		timezone: I
-	}), ae = ue(), R = ee(I), z = Se(), { ownerState: ce } = se(), { view: B, setView: le, previousView: V, nextView: de, setValueAndGoToNextView: H } = he({
+	}), ae = ue(), R = ee(I), z = Ce(), { ownerState: ce } = se(), { view: B, setView: le, previousView: V, nextView: de, setValueAndGoToNextView: H } = he({
 		view: T,
 		views: E,
 		openTo: D,
@@ -2565,7 +2565,7 @@ var dr = d("MuiDigitalClock", [
 		referenceDate: y,
 		onChange: O,
 		valueManager: C
-	}), B = ue(), le = ee(ce), { ownerState: V } = se(), de = Y({}, V, { hasDigitalClockAlreadyBeenRendered: !!r.current }), H = pr(ne), U = f?.digitalClockItem ?? gr, W = Te({
+	}), B = ue(), le = ee(ce), { ownerState: V } = se(), de = Y({}, V, { hasDigitalClockAlreadyBeenRendered: !!r.current }), H = pr(ne), U = f?.digitalClockItem ?? gr, W = De({
 		elementType: U,
 		externalSlotProps: p?.digitalClockItem,
 		ownerState: de,
@@ -2862,7 +2862,7 @@ var Dr = ({ now: e, value: t, adapter: n, ampm: r, isDisabled: i, resolveAriaLab
 	width: "100%",
 	borderBottom: `1px solid ${(e.vars || e).palette.divider}`
 })), Mr = /* @__PURE__ */ X.forwardRef(function(e, t) {
-	let n = h(), r = xe(), i = q({
+	let n = h(), r = Ee(), i = q({
 		props: e,
 		name: "MuiMultiSectionDigitalClock"
 	}), { ampm: a = n.is12HourCycleInCurrentLocale(), timeSteps: o, autoFocus: s, slots: c, slotProps: u, value: d, defaultValue: f, referenceDate: p, disableIgnoringDatePartForTimeValidation: m = !1, maxTime: _, minTime: v, disableFuture: y, disablePast: b, minutesStep: x = 1, shouldDisableTime: S, onChange: w, view: E, views: D = ["hours", "minutes"], openTo: O, onViewChange: k, focusedView: j, onFocusedViewChange: M, className: N, classes: P, disabled: F, readOnly: te, skipDisabled: ne = !1, timezone: re } = i, ie = J(i, kr), { value: I, handleValueChange: L, timezone: ae } = A({

package/dist/s-error-layout/s-error-layout.d.ts

@@ -16,13 +16,13 @@ export interface SErrorLayoutProps {
     imageWidth?: string | number;
     /** Image height. Default: 'auto' */
     imageHeight?: string | number;
-    /** Container max width. Default: 'lg' */
+    /** Container max width. Default: 'sm' */
     maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false;
     /** Main container minimum height. Default: '100dvh' */
     height?: string | number;
     /** Vertical padding. Default: 8 (64px) */
     py?: number | string;
-    /** Spacing between elements. Default: 6 */
+    /** Spacing between elements. Default: 4 (32px) */
     spacing?: number;
     /** Title typography variant. Default: 'h4' */
     titleVariant?: TypographyProps['variant'];

package/dist/s-error-layout/s-error-layout.js

@@ -3,7 +3,7 @@ import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { Box as r, Button as i, Container as a, Stack as o, Typography as s } from "@mui/material";
 //#region lib/s-error-layout/s-error-layout.tsx
-var c = ({ imageSrc: c, imageAlt: l, title: u, description: d, buttonText: f, imageWidth: p = "200px", imageHeight: m = "auto", maxWidth: h = "lg", height: g = "100dvh", py: _ = 8, spacing: v = 6, titleVariant: y = "h4", descriptionVariant: b = "body1", buttonVariant: x = "contained", buttonColor: S = "primary", containerSx: C, imageContainerSx: w, contentSx: T, titleSx: E, descriptionSx: D, buttonContainerSx: O, buttonProps: k, hideImage: A = !1, customActions: j }) => {
+var c = ({ imageSrc: c, imageAlt: l, title: u, description: d, buttonText: f, imageWidth: p = "200px", imageHeight: m = "auto", maxWidth: h = "sm", height: g = "100dvh", py: _ = 8, spacing: v = 4, titleVariant: y = "h4", descriptionVariant: b = "body1", buttonVariant: x = "contained", buttonColor: S = "primary", containerSx: C, imageContainerSx: w, contentSx: T, titleSx: E, descriptionSx: D, buttonContainerSx: O, buttonProps: k, hideImage: A = !1, customActions: j }) => {
 	let M = j ? /* @__PURE__ */ t(r, {
 		sx: {
 			display: "flex",

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

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../s-language-switcher-UgSBC_n_.js";
+import { n as e, r as t, t as n } from "../s-language-switcher-B96dUknj.js";
 export { n as SLanguagePopover, e as SLanguageSwitcher, e as default, t as defaultLanguageOptions };

package/dist/s-language-switcher/s-language-switcher.d.ts

@@ -15,9 +15,8 @@ export interface SLanguagePopoverProps {
     languages?: SLanguageOption[];
     currentLanguage?: string;
     menuWidth?: string | number;
-    flagSize?: number;
 }
-export declare const SLanguagePopover: ({ anchorEl, onClose, open, onLanguageChange, languages, currentLanguage, menuWidth, flagSize, }: SLanguagePopoverProps) => React.JSX.Element;
+export declare const SLanguagePopover: ({ anchorEl, onClose, open, onLanguageChange, languages, currentLanguage, menuWidth, }: SLanguagePopoverProps) => React.JSX.Element;
 /**
  * Props interface for SLanguageSwitcher component
  */
@@ -32,8 +31,6 @@ export interface SLanguageSwitcherProps {
     tooltipText?: string;
     /** Size of the flag icon in the button */
     buttonFlagSize?: number;
-    /** Size of the flag icon in the menu */
-    menuFlagSize?: number;
     /** Width of the language menu */
     menuWidth?: string | number;
     /** Custom styles for the icon button */
@@ -42,7 +39,7 @@ export interface SLanguageSwitcherProps {
     useI18n?: boolean;
 }
 export declare const SLanguageSwitcher: {
-    ({ languages, onLanguageChange, currentLanguage, tooltipText, buttonFlagSize, menuFlagSize, menuWidth, sx, useI18n, }: SLanguageSwitcherProps): React.JSX.Element;
+    ({ languages, onLanguageChange, currentLanguage, tooltipText, buttonFlagSize, menuWidth, sx, useI18n, }: SLanguageSwitcherProps): React.JSX.Element;
     displayName: string;
 };
 export default SLanguageSwitcher;

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

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../s-language-switcher-UgSBC_n_.js";
+import { n as e, r as t, t as n } from "../s-language-switcher-B96dUknj.js";
 export { n as SLanguagePopover, e as SLanguageSwitcher, e as default, t as defaultLanguageOptions };

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

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

package/dist/s-link/s-link.d.ts

@@ -16,9 +16,9 @@ export interface SLinkProps {
     component?: React.ElementType;
     /** Target attribute for the link (e.g., '_blank' for new tab) */
     target?: string;
-    /** Color of the surrounding text */
+    /** Color of the surrounding text (defaults to text.primary) */
     color?: TypographyProps['color'];
-    /** Color of the link itself (overrides default link color) */
+    /** Color of the link itself (defaults to primary.main) */
     linkColor?: LinkProps['color'];
     /** Line height for the typography */
     lineHeight?: React.CSSProperties['lineHeight'];

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

@@ -2,10 +2,12 @@ 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, {
+var i = ({ onClick: i, beforeText: a = "", afterText: o = "", mainText: s = "", href: c = "#", component: l = "a", target: u, color: d = "text.primary", linkColor: f = "primary.main", variant: p = "body2", lineHeight: m }) => /* @__PURE__ */ t(r, {
 	variant: p,
-	color: d,
-	sx: { lineHeight: m },
+	sx: {
+		color: d,
+		lineHeight: m
+	},
 	children: [
 		a,
 		" ",
@@ -13,16 +15,17 @@ var i = ({ onClick: i, beforeText: a = "", afterText: o = "", mainText: s = "",
 			href: c,
 			onClick: i,
 			sx: {
+				color: f,
 				cursor: "pointer",
 				fontSize: "inherit",
 				textDecoration: "none",
 				textUnderlineOffset: "4px",
 				"&::before": { display: "none" },
-				"&:hover": { textDecoration: "underline" }
+				"&:hover": { textDecoration: "underline" },
+				"&:active": { textDecoration: "underline" }
 			},
 			component: l,
 			target: u,
-			color: f,
 			children: s
 		}),
 		" ",

package/dist/s-moving-border/s-moving-border.d.ts

@@ -1,18 +1,15 @@
 import { default as React } from 'react';
 import { BoxProps } from '@mui/material';
-/**
- * Props for the SMovingBorder component
- */
 export interface SMovingBorderProps extends BoxProps {
-    /** Border radius for the moving border container. */
+    /** Container border radius. */
     readonly borderRadius?: React.CSSProperties['borderRadius'];
-    /** Duration of one complete animation cycle in milliseconds (default: 6000) */
+    /** Cycle duration in milliseconds (default: 6000). */
     readonly duration?: number;
-    /** Additional CSS class name for styling */
+    /** CSS class name. */
     readonly className?: string;
-    /** Color of the glow effect (default: 'var(--s-palette-primary-main)') */
+    /** Glow color (default: primary). */
     readonly glowColor?: string;
-    /** Size of the glow effect in pixels (default: 250) */
+    /** Glow size in pixels (default: 250). */
     readonly glowSize?: number;
     /** Container height. */
     readonly height?: React.CSSProperties['height'];
@@ -20,7 +17,7 @@ export interface SMovingBorderProps extends BoxProps {
     readonly padding?: React.CSSProperties['padding'] | number;
     /** Container width. */
     readonly width?: React.CSSProperties['width'];
-    /** Content to render inside the moving border container */
+    /** Content. */
     readonly children: React.ReactNode;
 }
 export declare const SMovingBorder: React.FC<SMovingBorderProps>;