@solostylist/ui-kit 1.0.229 → 2.0.0

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

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
+import { IconButtonProps } from '@mui/material/IconButton';
+import { MenuProps } from '@mui/material/Menu';
 export interface SLanguageOption {
     code: string;
     label: string;
@@ -7,39 +8,45 @@ export interface SLanguageOption {
     countryCode: string;
 }
 export declare const defaultLanguageOptions: SLanguageOption[];
-export interface SLanguagePopoverProps {
-    anchorEl: null | Element;
-    onClose?: () => void;
-    open?: boolean;
-    onLanguageChange?: (languageCode: string) => void;
+export interface SLanguagePopoverProps extends Omit<MenuProps, 'children'> {
+    onLanguageChange?: (event: React.MouseEvent<HTMLLIElement>, languageCode: string) => void;
     languages?: SLanguageOption[];
     currentLanguage?: string;
     menuWidth?: string | number;
+    /** ID applied to the menu element for trigger/menu ARIA relationships. */
+    menuId?: string;
+    /** ID of the element that labels the menu. */
+    menuLabelledBy?: string;
 }
-export declare const SLanguagePopover: ({ anchorEl, onClose, open, onLanguageChange, languages, currentLanguage, menuWidth, }: SLanguagePopoverProps) => React.JSX.Element;
+export interface SLanguagePopoverOwnerState extends SLanguagePopoverProps {
+    currentLanguage?: string;
+    menuWidth: string | number;
+    open: boolean;
+}
+export declare const SLanguagePopover: React.ForwardRefExoticComponent<Omit<SLanguagePopoverProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * Props interface for SLanguageSwitcher component
  */
-export interface SLanguageSwitcherProps {
+export interface SLanguageSwitcherProps extends Omit<IconButtonProps, 'children' | 'component'> {
     /** Custom language options to display */
     languages?: SLanguageOption[];
     /** Callback when language changes (if not provided, will use i18n.changeLanguage) */
-    onLanguageChange?: (languageCode: string) => void;
+    onLanguageChange?: (event: React.SyntheticEvent, languageCode: string) => void;
     /** Current language code (if not provided, will use i18n.language) */
     currentLanguage?: string;
-    /** Tooltip text for the language button */
-    tooltipText?: string;
+    /** Tooltip content for the language button. */
+    tooltip?: React.ReactNode;
     /** Size of the flag icon in the button */
     buttonFlagSize?: number;
-    /** Width of the language menu */
+    /** Minimum width of the language menu */
     menuWidth?: string | number;
-    /** Custom styles for the icon button */
-    sx?: SxProps<Theme>;
     /** Whether to use i18n integration */
     useI18n?: boolean;
 }
-export declare const SLanguageSwitcher: {
-    ({ languages, onLanguageChange, currentLanguage, tooltipText, buttonFlagSize, menuWidth, sx, useI18n, }: SLanguageSwitcherProps): React.JSX.Element;
-    displayName: string;
-};
+export interface SLanguageSwitcherOwnerState extends SLanguageSwitcherProps {
+    buttonFlagSize: number;
+    currentLanguage: string;
+    open: boolean;
+}
+export declare const SLanguageSwitcher: React.ForwardRefExoticComponent<Omit<SLanguageSwitcherProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 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-B96dUknj.js";
+import { n as e, r as t, t as n } from "../s-language-switcher-D-1nywT3.js";
 export { n as SLanguagePopover, e as SLanguageSwitcher, e as default, t as defaultLanguageOptions };

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

@@ -0,0 +1,251 @@
+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 };

package/dist/s-lazy-image/index.d.ts

@@ -1,2 +1,3 @@
 export { default, default as SLazyImage } from './s-lazy-image';
-export type { SLazyImageProps } from './s-lazy-image';
+export type { SLazyImageImageProps, SLazyImageOwnerState, SLazyImageProps, SLazyImageSlotProps, SLazyImageSlots, } from './s-lazy-image';
+export type {} from '../theme/component-augmentation';

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

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

package/dist/s-lazy-image/s-lazy-image.d.ts

@@ -1,29 +1,50 @@
-import { default as React } from 'react';
-import { SkeletonProps } from '@mui/material';
-/**
- * Props for the SLazyImage component
- */
-export interface SLazyImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
-    /** Image source URL */
+import { BoxProps, SkeletonProps, SxProps, Theme } from '@mui/material';
+import { OwnerStateSlotProps as MuiOwnerStateSlotProps } from '../utils/slots';
+import * as React from 'react';
+export interface SLazyImageOwnerState extends SLazyImageProps {
+    loaded: boolean;
+    variant: NonNullable<SkeletonProps['variant']>;
+}
+type OwnerStateSlotProps<Props> = MuiOwnerStateSlotProps<Props, SLazyImageOwnerState>;
+export type SLazyImageImageProps = React.ImgHTMLAttributes<HTMLImageElement> & {
+    sx?: SxProps<Theme>;
+};
+export interface SLazyImageSlots {
+    image?: React.JSXElementConstructor<SLazyImageImageProps & {
+        ownerState?: SLazyImageOwnerState;
+    }>;
+    root?: React.JSXElementConstructor<Omit<BoxProps, 'component'> & {
+        ownerState?: SLazyImageOwnerState;
+    }>;
+    skeleton?: React.JSXElementConstructor<SkeletonProps & {
+        ownerState?: SLazyImageOwnerState;
+    }>;
+}
+export interface SLazyImageSlotProps {
+    image?: OwnerStateSlotProps<SLazyImageImageProps>;
+    root?: OwnerStateSlotProps<Omit<BoxProps, 'component'>>;
+    skeleton?: OwnerStateSlotProps<SkeletonProps>;
+}
+/** Props for an image with a MUI Skeleton loading state. */
+export interface SLazyImageProps extends Omit<BoxProps, 'children' | 'component' | 'ref'> {
+    /** Accessible alternative text. Use an empty string for decorative images. */
+    alt: string;
+    /** Height applied to the root, skeleton, and image. */
+    height?: number | string;
+    /** Minimum height applied to all structural slots. */
+    minHeight?: number | string;
+    /** Minimum width applied to all structural slots. */
+    minWidth?: number | string;
+    /** Image source URL. */
     src: string;
-    /** Skeleton variant while loading */
+    /** Components used for structural slots. */
+    slots?: SLazyImageSlots;
+    /** Props or owner-state callbacks for structural slots. */
+    slotProps?: SLazyImageSlotProps;
+    /** Skeleton shape and the default image border-radius shape. */
     variant?: SkeletonProps['variant'];
-    /** Custom styles applied to both skeleton and loaded image */
-    style?: React.CSSProperties;
-    /** Image height */
-    height?: number | string;
-    /** Image width */
+    /** Width applied to the root, skeleton, and image. */
     width?: number | string;
-    /** Minimum width constraint */
-    minWidth?: number | string;
-    /** Minimum height constraint */
-    minHeight?: number | string;
 }
-/**
- * A lazy-loading image component with skeleton placeholder.
- */
-declare const SLazyImage: {
-    ({ src, variant, height, width, style, minWidth, minHeight, onLoad, ...props }: SLazyImageProps): React.JSX.Element;
-    displayName: string;
-};
+export declare const SLazyImage: React.ForwardRefExoticComponent<SLazyImageProps & React.RefAttributes<HTMLDivElement>>;
 export default SLazyImage;

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

@@ -1,47 +1,85 @@
-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";
+import { toSxArray as e } from "../utils/sx.js";
+import { t } from "../useForkRef-CKneCEtr.js";
+import { t as n } from "../mergeSlotProps-xl1-PgWL.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Box as o, Skeleton as s, styled as c, useTheme as l, useThemeProps as u } from "@mui/material";
 //#region lib/s-lazy-image/s-lazy-image.tsx
-function s(e, t) {
-	return e === "circular" ? "50%" : e === "rounded" ? t : "0px";
+var d = c(o, {
+	name: "SLazyImage",
+	slot: "Root"
+})({}), f = c("img", {
+	name: "SLazyImage",
+	slot: "Image"
+})({}), p = c(s, {
+	name: "SLazyImage",
+	slot: "Skeleton"
+})({});
+function m(e, t) {
+	return typeof e == "function" ? e(t) : e;
 }
-var c = ({ src: c, variant: l = "rounded", height: u = "100%", width: d = "100%", style: f, minWidth: p = "auto", minHeight: m = "auto", onLoad: h, ...g }) => {
-	let _ = e(), v = o(), [y, b] = t(!1), x = s(l, v.shape.borderRadius);
-	return /* @__PURE__ */ r(i, {
-		sx: {
-			height: u,
-			width: d
-		},
-		children: [!y && /* @__PURE__ */ n(a, {
-			variant: l,
-			id: `image-skeleton-${_}`,
+function h(e, t) {
+	return e === "circular" ? "50%" : e === "rounded" ? typeof t == "number" ? `${t}px` : t : 0;
+}
+var g = r.forwardRef(function(o, s) {
+	let c = u({
+		props: o,
+		name: "SLazyImage"
+	}), { alt: g, height: _ = "100%", minHeight: v = "auto", minWidth: y = "auto", slotProps: b, slots: x, src: S, sx: C, variant: w = "rounded", width: T = "100%", ...E } = c, D = l(), [O, k] = r.useState(null), A = O === S, j = {
+		...c,
+		alt: g,
+		height: _,
+		loaded: A,
+		minHeight: v,
+		minWidth: y,
+		src: S,
+		variant: w,
+		width: T
+	}, M = x?.root ?? d, N = x?.image ?? f, P = x?.skeleton ?? p, F = m(b?.root, j), I = m(b?.image, j), L = m(b?.skeleton, j), { ref: R, sx: z, ...B } = n(F, {
+		...E,
+		sx: C
+	}), { onLoad: V, sx: H, ...U } = I ?? {}, { sx: W, ...G } = L ?? {}, K = h(w, D.shape.borderRadius), q = t(R, s), J = (e) => {
+		k(S), V?.(e);
+	}, Y = { ownerState: j }, X = { ownerState: j }, Z = { ownerState: j };
+	return /* @__PURE__ */ a(M, {
+		...B,
+		...Y,
+		ref: q,
+		sx: [{
+			height: _,
+			minHeight: v,
+			minWidth: y,
+			position: "relative",
+			width: T
+		}, ...e(z)],
+		children: [A ? null : /* @__PURE__ */ i(P, {
 			animation: "wave",
-			style: {
-				height: u,
-				width: d,
-				minWidth: p,
-				minHeight: m,
-				...f
-			}
-		}), /* @__PURE__ */ n(i, {
-			component: "img",
-			src: c,
-			style: {
-				height: u,
-				width: d,
-				minWidth: p,
-				minHeight: m,
-				display: y ? "block" : "none",
-				borderRadius: x,
-				...f
-			},
-			onLoad: (e) => {
-				b(!0), h?.(e);
-			},
-			...g
+			variant: w,
+			...G,
+			...Z,
+			sx: [{
+				height: "100%",
+				minHeight: v,
+				minWidth: y,
+				width: "100%"
+			}, ...e(W)]
+		}), /* @__PURE__ */ i(N, {
+			...U,
+			...X,
+			alt: g,
+			onLoad: J,
+			src: S,
+			sx: [{
+				borderRadius: K,
+				display: A ? "block" : "none",
+				height: "100%",
+				minHeight: v,
+				minWidth: y,
+				width: "100%"
+			}, ...e(H)]
 		})]
 	});
-};
-c.displayName = "SLazyImage";
+});
+g.displayName = "SLazyImage";
 //#endregion
-export { c as default };
+export { g as SLazyImage, g as default };

package/dist/s-link/index.js

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

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

@@ -1,34 +1,5 @@
-import { LinkProps, TypographyProps } from '@mui/material';
-import * as React from 'react';
-/**
- * Props interface for SLink component
- */
-export interface SLinkProps {
-    /** Text or element displayed before the main link */
-    beforeText?: string | React.ReactNode;
-    /** Text or element displayed after the main link */
-    afterText?: string | React.ReactNode;
-    /** The main clickable link text or element */
-    mainText?: string | React.ReactNode;
-    /** URL for the link (defaults to '#') */
-    href?: string;
-    /** Component to render the link as (e.g., RouterLink for client-side routing) */
-    component?: React.ElementType;
-    /** Target attribute for the link (e.g., '_blank' for new tab) */
-    target?: string;
-    /** Color of the surrounding text (defaults to text.primary) */
-    color?: TypographyProps['color'];
-    /** Color of the link itself (defaults to primary.main) */
-    linkColor?: LinkProps['color'];
-    /** Line height for the typography */
-    lineHeight?: React.CSSProperties['lineHeight'];
-    /** Typography variant for the container text */
-    variant?: TypographyProps['variant'];
-    /** Click handler for the link */
-    onClick?: LinkProps['onClick'];
-}
-export declare const SLink: {
-    ({ onClick, beforeText, afterText, mainText, href, component, target, color, linkColor, variant, lineHeight, }: SLinkProps): React.JSX.Element;
-    displayName: string;
-};
+import { LinkProps } from '@mui/material/Link';
+/** Exact MUI Link props. Compose surrounding prose with Typography. */
+export type SLinkProps = LinkProps;
+export declare const SLink: import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').LinkTypeMap<{}, "a">>;
 export default SLink;

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

@@ -1,37 +1,2 @@
-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.primary", linkColor: f = "primary.main", variant: p = "body2", lineHeight: m }) => /* @__PURE__ */ t(r, {
-	variant: p,
-	sx: {
-		color: d,
-		lineHeight: m
-	},
-	children: [
-		a,
-		" ",
-		/* @__PURE__ */ e(n, {
-			href: c,
-			onClick: i,
-			sx: {
-				color: f,
-				cursor: "pointer",
-				fontSize: "inherit",
-				textDecoration: "none",
-				textUnderlineOffset: "4px",
-				"&::before": { display: "none" },
-				"&:hover": { textDecoration: "underline" },
-				"&:active": { textDecoration: "underline" }
-			},
-			component: l,
-			target: u,
-			children: s
-		}),
-		" ",
-		o
-	]
-});
-i.displayName = "SLink";
-//#endregion
-export { i as SLink, i as default };
+import { t as e } from "../s-link-CAMTGfd9.js";
+export { e as SLink, e as default };