@solostylist/ui-kit 1.0.230 → 2.0.0

package/dist/s-link-CAMTGfd9.js

@@ -0,0 +1,234 @@
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { t } from "./colorManipulator-DmUjcif3.js";
+import { t as n } from "./prop-types-BzYPyWN7.js";
+import { r, t as i } from "./DefaultPropsProvider-ebWx4_5E.js";
+import { c as a } from "./createTheme-xB2Em0Na.js";
+import { t as o } from "./generateUtilityClass-PAIOm1jC.js";
+import { t as s } from "./clsx-DGZSe4Nt.js";
+import { t as c } from "./generateUtilityClasses-DvX505Gy.js";
+import { t as l } from "./styled-Bog8QCl3.js";
+import { t as u } from "./memoTheme-qFyKAk7y.js";
+import { t as d } from "./useTheme-BIWMbX3i.js";
+import { n as f, t as p } from "./isFocusVisible-Y7157FQS.js";
+import { t as m } from "./capitalize-CccCFNpQ.js";
+import { t as h } from "./createSimplePaletteValueFilter-C1gWywW_.js";
+import { t as g } from "./Typography-yXjc7kVP.js";
+import * as _ from "react";
+import { jsx as v } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/material/Link/linkClasses.mjs
+var y = /* @__PURE__ */ e(n(), 1);
+function b(e) {
+	return o("MuiLink", e);
+}
+var x = c("MuiLink", [
+	"root",
+	"underlineNone",
+	"underlineHover",
+	"underlineAlways",
+	"button",
+	"focusVisible"
+]), S = ({ theme: e, ownerState: n }) => {
+	let r = n.color;
+	if ("colorSpace" in e && e.colorSpace) {
+		let t = a(e, `palette.${r}.main`) || a(e, `palette.${r}`) || n.color;
+		return e.alpha(t, .4);
+	}
+	let i = a(e, `palette.${r}.main`, !1) || a(e, `palette.${r}`, !1) || n.color, o = a(e, `palette.${r}.mainChannel`) || a(e, `palette.${r}Channel`);
+	return "vars" in e && o ? `rgba(${o} / 0.4)` : t(i, .4);
+}, C = {
+	primary: !0,
+	secondary: !0,
+	error: !0,
+	info: !0,
+	success: !0,
+	warning: !0,
+	textPrimary: !0,
+	textSecondary: !0,
+	textDisabled: !0
+}, w = (e) => {
+	let { classes: t, component: n, focusVisible: i, underline: a } = e;
+	return r({ root: [
+		"root",
+		`underline${m(a)}`,
+		n === "button" && "button",
+		i && "focusVisible"
+	] }, b, t);
+}, T = l(g, {
+	name: "MuiLink",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			t[`underline${m(n.underline)}`],
+			n.component === "button" && t.button
+		];
+	}
+})(u(({ theme: e }) => ({ variants: [
+	{
+		props: { underline: "none" },
+		style: { textDecoration: "none" }
+	},
+	{
+		props: { underline: "hover" },
+		style: {
+			textDecoration: "none",
+			"&:hover": { textDecoration: "underline" }
+		}
+	},
+	{
+		props: { underline: "always" },
+		style: {
+			textDecoration: "underline",
+			"&:hover": { textDecorationColor: "inherit" }
+		}
+	},
+	{
+		props: ({ underline: e, ownerState: t }) => e === "always" && t.color !== "inherit",
+		style: { textDecorationColor: "var(--Link-underlineColor)" }
+	},
+	{
+		props: ({ underline: e, ownerState: t }) => e === "always" && t.color === "inherit",
+		style: e.colorSpace ? { textDecorationColor: e.alpha("currentColor", .4) } : null
+	},
+	...Object.entries(e.palette).filter(h()).map(([t]) => ({
+		props: {
+			underline: "always",
+			color: t
+		},
+		style: { "--Link-underlineColor": e.alpha((e.vars || e).palette[t].main, .4) }
+	})),
+	{
+		props: {
+			underline: "always",
+			color: "textPrimary"
+		},
+		style: { "--Link-underlineColor": e.alpha((e.vars || e).palette.text.primary, .4) }
+	},
+	{
+		props: {
+			underline: "always",
+			color: "textSecondary"
+		},
+		style: { "--Link-underlineColor": e.alpha((e.vars || e).palette.text.secondary, .4) }
+	},
+	{
+		props: {
+			underline: "always",
+			color: "textDisabled"
+		},
+		style: { "--Link-underlineColor": (e.vars || e).palette.text.disabled }
+	},
+	{
+		props: { component: "button" },
+		style: {
+			position: "relative",
+			WebkitTapHighlightColor: "transparent",
+			backgroundColor: "transparent",
+			outline: 0,
+			border: 0,
+			margin: 0,
+			borderRadius: 0,
+			padding: 0,
+			cursor: "pointer",
+			userSelect: "none",
+			verticalAlign: "middle",
+			MozAppearance: "none",
+			WebkitAppearance: "none",
+			"&::-moz-focus-inner": { borderStyle: "none" },
+			[`&.${x.focusVisible}`]: { outline: "auto" }
+		}
+	}
+] }))), E = /* @__PURE__ */ _.forwardRef(function(e, t) {
+	let n = i({
+		props: e,
+		name: "MuiLink"
+	}), r = d(), { className: a, color: o = "primary", component: c = "a", onBlur: l, onFocus: u, TypographyClasses: f, underline: m = "always", variant: h = "inherit", sx: g, ...y } = n, [b, x] = _.useState(!1), E = (e) => {
+		p(e.target) || x(!1), l && l(e);
+	}, D = (e) => {
+		p(e.target) && x(!0), u && u(e);
+	}, O = {
+		...n,
+		color: o,
+		component: c,
+		focusVisible: b,
+		underline: m,
+		variant: h
+	};
+	return /* @__PURE__ */ v(T, {
+		color: o,
+		className: s(w(O).root, a),
+		classes: f,
+		component: c,
+		onBlur: E,
+		onFocus: D,
+		ref: t,
+		ownerState: O,
+		variant: h,
+		...y,
+		sx: [...C[o] === void 0 ? [{ color: o }] : [], ...Array.isArray(g) ? g : [g]],
+		style: {
+			...y.style,
+			...m === "always" && o !== "inherit" && !C[o] && { "--Link-underlineColor": S({
+				theme: r,
+				ownerState: O
+			}) }
+		}
+	});
+});
+process.env.NODE_ENV !== "production" && (E.propTypes = {
+	children: y.default.node,
+	classes: y.default.object,
+	className: y.default.string,
+	color: y.default.oneOfType([y.default.oneOf([
+		"primary",
+		"secondary",
+		"success",
+		"error",
+		"info",
+		"warning",
+		"textPrimary",
+		"textSecondary",
+		"textDisabled"
+	]), y.default.string]),
+	component: f,
+	onBlur: y.default.func,
+	onFocus: y.default.func,
+	style: y.default.object,
+	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
+	]),
+	TypographyClasses: y.default.object,
+	underline: y.default.oneOf([
+		"always",
+		"hover",
+		"none"
+	]),
+	variant: y.default.oneOfType([y.default.oneOf([
+		"body1",
+		"body2",
+		"button",
+		"caption",
+		"h1",
+		"h2",
+		"h3",
+		"h4",
+		"h5",
+		"h6",
+		"inherit",
+		"overline",
+		"subtitle1",
+		"subtitle2"
+	]), y.default.string])
+});
+//#endregion
+//#region lib/s-link/s-link.tsx
+var D = E;
+//#endregion
+export { D as t };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-localization-provider-l5J7myJJ.js";
+import { t as e } from "../s-localization-provider-Xw3NO2uP.js";
 export { e as SLocalizationProvider, e as default };

package/dist/s-localization-provider/s-localization-provider.d.ts

@@ -1,13 +1,11 @@
+import { LocalizationProviderProps } from '@mui/x-date-pickers/LocalizationProvider';
 import * as React from 'react';
 /**
  * Props for the SLocalizationProvider component
  */
-export interface SLocalizationProviderProps {
-    /** Child components that will have access to date localization */
-    children: React.ReactNode;
-}
+export type SLocalizationProviderProps = Omit<LocalizationProviderProps<string>, 'dateAdapter'>;
 export declare const SLocalizationProvider: {
-    ({ children }: SLocalizationProviderProps): React.JSX.Element;
+    (props: SLocalizationProviderProps): React.JSX.Element;
     displayName: string;
 };
 export default SLocalizationProvider;

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-localization-provider-l5J7myJJ.js";
+import { t as e } from "../s-localization-provider-Xw3NO2uP.js";
 export { e as SLocalizationProvider, e as default };

package/dist/{s-localization-provider-l5J7myJJ.js → s-localization-provider-Xw3NO2uP.js}

@@ -1,9 +1,9 @@
 import { n as e, t } from "./chunk-C_CI6nMA.js";
-import { i as n, n as r, t as i } from "./warning-CFMmJJnf.js";
-import { t as a } from "./extends-DM-C9PwL.js";
-import o from "dayjs";
+import { n } from "./objectWithoutPropertiesLoose-Cpds-4w8.js";
+import { i as r, n as i, t as a } from "./warning-CNkSZkq6.js";
 import "react";
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
+import s from "dayjs";
 //#region ../../node_modules/dayjs/plugin/weekOfYear.js
 var c = /* @__PURE__ */ t(((e, t) => {
 	(function(n, r) {
@@ -255,7 +255,7 @@ var c = /* @__PURE__ */ t(((e, t) => {
 		};
 	}));
 })), p = /* @__PURE__ */ e(c(), 1), m = /* @__PURE__ */ e(l(), 1), h = /* @__PURE__ */ e(u(), 1), g = /* @__PURE__ */ e(d(), 1), _ = /* @__PURE__ */ e(f(), 1);
-o.extend(h.default), o.extend(p.default), o.extend(g.default), o.extend(_.default);
+s.extend(h.default), s.extend(p.default), s.extend(g.default), s.extend(_.default);
 var v = {
 	YY: "year",
 	YYYY: {
@@ -354,10 +354,10 @@ var v = {
 	keyboardDateTime24h: "L HH:mm"
 };
 function b() {
-	throw Error(process.env.NODE_ENV === "production" ? n(138) : "MUI X Date Pickers: Missing dayjs UTC plugin. UTC and timezone support requires the dayjs UTC plugin to be enabled. See https://mui.com/x/react-date-pickers/timezone/#day-js-and-utc for setup instructions.");
+	throw Error(process.env.NODE_ENV === "production" ? r(138) : "MUI X Date Pickers: Missing dayjs UTC plugin. UTC and timezone support requires the dayjs UTC plugin to be enabled. See https://mui.com/x/react-date-pickers/timezone/#day-js-and-utc for setup instructions.");
 }
 function x() {
-	throw Error(process.env.NODE_ENV === "production" ? n(139) : "MUI X Date Pickers: Missing dayjs timezone plugin. Timezone support requires both the dayjs UTC and timezone plugins to be enabled. See https://mui.com/x/react-date-pickers/timezone/#day-js-and-timezone for setup instructions.");
+	throw Error(process.env.NODE_ENV === "production" ? r(139) : "MUI X Date Pickers: Missing dayjs timezone plugin. Timezone support requires both the dayjs UTC and timezone plugins to be enabled. See https://mui.com/x/react-date-pickers/timezone/#day-js-and-timezone for setup instructions.");
 }
 var S = class {
 	isMUIAdapter = !0;
@@ -369,14 +369,14 @@ var S = class {
 	};
 	formatTokenMap = v;
 	constructor({ locale: e, formats: t } = {}) {
-		this.locale = e, this.formats = a({}, y, t), o.extend(m.default);
+		this.locale = e, this.formats = n({}, y, t), s.extend(m.default);
 	}
 	setLocaleToValue = (e) => {
 		let t = this.getCurrentLocaleCode();
 		return t === e.locale() ? e : e.locale(t);
 	};
-	hasUTCPlugin = () => o.utc !== void 0;
-	hasTimezonePlugin = () => o.tz !== void 0;
+	hasUTCPlugin = () => s.utc !== void 0;
+	hasTimezonePlugin = () => s.tz !== void 0;
 	isSame = (e, t, n) => {
 		let r = this.setTimezone(t, this.getTimezone(e));
 		return e.format(n) === r.format(n);
@@ -384,21 +384,21 @@ var S = class {
 	cleanTimezone = (e) => {
 		switch (e) {
 			case "default": return;
-			case "system": return o.tz.guess();
+			case "system": return s.tz.guess();
 			default: return e;
 		}
 	};
-	createSystemDate = (e) => this.setLocaleToValue(o(e));
-	createUTCDate = (e) => (this.hasUTCPlugin() || b(), this.setLocaleToValue(o.utc(e)));
+	createSystemDate = (e) => this.setLocaleToValue(s(e));
+	createUTCDate = (e) => (this.hasUTCPlugin() || b(), this.setLocaleToValue(s.utc(e)));
 	createTZDate = (e, t) => {
 		/* v8 ignore next 3 */
 		this.hasUTCPlugin() || b(), this.hasTimezonePlugin() || x();
 		let n = e !== void 0 && !e.endsWith("Z");
-		return this.setLocaleToValue(o(e).tz(this.cleanTimezone(t), n));
+		return this.setLocaleToValue(s(e).tz(this.cleanTimezone(t), n));
 	};
 	getLocaleFormats = () => {
-		let e = o.Ls, t = e[this.locale || "en"];
-		return t === void 0 && (process.env.NODE_ENV !== "production" && i([
+		let e = s.Ls, t = e[this.locale || "en"];
+		return t === void 0 && (process.env.NODE_ENV !== "production" && a([
 			"MUI X: Your locale has not been found.",
 			"Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale.",
 			"Or you forget to import the locale from 'dayjs/locale/{localeUsed}'",
@@ -417,7 +417,7 @@ var S = class {
 		return e;
 	};
 	date = (e, t = "default") => e === null ? null : t === "UTC" ? this.createUTCDate(e) : t === "system" || t === "default" && !this.hasTimezonePlugin() ? this.createSystemDate(e) : this.createTZDate(e, t);
-	getInvalidDate = () => o(/* @__PURE__ */ new Date("Invalid date"));
+	getInvalidDate = () => s(/* @__PURE__ */ new Date("Invalid date"));
 	getTimezone = (e) => {
 		if (this.hasTimezonePlugin()) {
 			let t = e.$x?.$timezone;
@@ -434,10 +434,10 @@ var S = class {
 			/* v8 ignore next */
 			x();
 		}
-		return this.setLocaleToValue(o.tz(e, this.cleanTimezone(t)));
+		return this.setLocaleToValue(s.tz(e, this.cleanTimezone(t)));
 	};
 	toJsDate = (e) => e.toDate();
-	parse = (e, t) => e === "" ? null : o(e, t, this.locale, !0);
+	parse = (e, t) => e === "" ? null : s(e, t, this.locale, !0);
 	getCurrentLocaleCode = () => this.locale || "en";
 	is12HourCycleInCurrentLocale = () => /A|a/.test(this.getLocaleFormats().LT || "");
 	expandFormat = (e) => {
@@ -510,9 +510,9 @@ var S = class {
 		for (; this.isBefore(a, r);) i.push(a), a = this.addYears(a, 1);
 		return i;
 	};
-}, C = ({ children: e }) => /* @__PURE__ */ s(r, {
-	dateAdapter: S,
-	children: e
+}, C = (e) => /* @__PURE__ */ o(i, {
+	...e,
+	dateAdapter: S
 });
 C.displayName = "SLocalizationProvider";
 //#endregion

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

@@ -1,2 +1,3 @@
 export { default, default as SMovingBorder } from './s-moving-border';
-export type { SMovingBorderProps } from './s-moving-border';
+export type { SMovingBorderOwnerState, SMovingBorderProps } from './s-moving-border';
+export type {} from '../theme/component-augmentation';

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { BoxProps } from '@mui/material';
-export interface SMovingBorderProps extends BoxProps {
+export interface SMovingBorderProps extends Omit<BoxProps, 'component'> {
     /** Container border radius. */
     readonly borderRadius?: React.CSSProperties['borderRadius'];
     /** Cycle duration in milliseconds (default: 6000). */
@@ -20,5 +20,11 @@ export interface SMovingBorderProps extends BoxProps {
     /** Content. */
     readonly children: React.ReactNode;
 }
-export declare const SMovingBorder: React.FC<SMovingBorderProps>;
+export interface SMovingBorderOwnerState extends SMovingBorderProps {
+    borderRadius?: React.CSSProperties['borderRadius'];
+    duration: number;
+    glowColor: string;
+    glowSize: number;
+}
+export declare const SMovingBorder: React.ForwardRefExoticComponent<Omit<SMovingBorderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default SMovingBorder;

package/dist/s-moving-border/s-moving-border.js

@@ -1,15 +1,16 @@
-import { useRef as e } from "react";
-import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Box as i } from "@mui/material";
-import { motion as a, useAnimationFrame as o, useMotionTemplate as s, useMotionValue as c, useTransform as l } from "framer-motion";
+import { toSxArray as e } from "../utils/sx.js";
+import t, { useRef as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Box as o, styled as s, useThemeProps as c } from "@mui/material";
+import { motion as l, useAnimationFrame as u, useMotionTemplate as d, useMotionValue as f, useReducedMotion as p, useTransform as m } from "framer-motion";
 //#region lib/s-moving-border/s-moving-border.tsx
-var u = 250, d = 24, f = Array.from({ length: d }, (e, t) => {
-	let n = t / (d - 1);
+var h = 250, g = 24, _ = Array.from({ length: g }, (e, t) => {
+	let n = t / (g - 1);
 	return {
 		scale: 1 - n * .76,
 		opacity: .006 + n * .044
 	};
-}), p = ({ color: e, size: t }) => /* @__PURE__ */ n(i, {
+}), v = ({ color: e, size: t }) => /* @__PURE__ */ i(o, {
 	sx: {
 		position: "absolute",
 		left: "50%",
@@ -19,31 +20,40 @@ var u = 250, d = 24, f = Array.from({ length: d }, (e, t) => {
 		transform: "translate(-50%, -50%)",
 		pointerEvents: "none"
 	},
-	children: f.map(({ scale: r, opacity: a }) => {
-		let o = t * r, s = (t - o) / 2;
-		return /* @__PURE__ */ n(i, { sx: {
+	children: _.map(({ scale: n, opacity: r }) => {
+		let a = t * n, s = (t - a) / 2;
+		return /* @__PURE__ */ i(o, { sx: {
 			position: "absolute",
 			backgroundColor: e,
 			borderRadius: "50%",
-			height: o,
+			height: a,
 			left: s,
-			opacity: a,
+			opacity: r,
 			top: s,
-			width: o
-		} }, r);
+			width: a
+		} }, n);
 	})
 });
-function m({ children: i, duration: u, rx: d, ry: f, phase: p = 0 }) {
-	let m = e(null), h = c(0);
-	o((e) => {
-		let t = m.current?.getTotalLength();
+function y({ children: e, duration: o, rx: s, ry: c, phase: h = 0 }) {
+	let g = n(null), _ = f(0), v = p();
+	t.useLayoutEffect(() => {
+		if (!v) return;
+		let e = g.current?.getTotalLength();
+		e && _.set(e * h);
+	}, [
+		h,
+		v,
+		_
+	]), u((e) => {
+		if (v) return;
+		let t = g.current?.getTotalLength();
 		if (t) {
-			let n = t / u;
-			h.set((e * n + t * p) % t);
+			let n = t / o;
+			_.set((e * n + t * h) % t);
 		}
 	});
-	let g = s`translateX(${l(h, (e) => m.current?.getPointAtLength(e)?.x)}px) translateY(${l(h, (e) => m.current?.getPointAtLength(e)?.y)}px) translateX(-50%) translateY(-50%)`;
-	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("svg", {
+	let y = d`translateX(${m(_, (e) => g.current?.getPointAtLength(e)?.x)}px) translateY(${m(_, (e) => g.current?.getPointAtLength(e)?.y)}px) translateX(-50%) translateY(-50%)`;
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		preserveAspectRatio: "none",
 		width: "100%",
@@ -52,66 +62,85 @@ function m({ children: i, duration: u, rx: d, ry: f, phase: p = 0 }) {
 			position: "absolute",
 			inset: 0
 		},
-		children: /* @__PURE__ */ n("rect", {
+		children: /* @__PURE__ */ i("rect", {
 			fill: "none",
 			width: "100%",
 			height: "100%",
-			rx: d,
-			ry: f,
-			ref: m
+			rx: s,
+			ry: c,
+			ref: g
 		})
-	}), /* @__PURE__ */ n(a.div, {
+	}), /* @__PURE__ */ i(l.div, {
 		style: {
 			position: "absolute",
 			top: 0,
 			left: 0,
 			display: "inline-block",
-			transform: g
+			transform: y
 		},
-		children: i
+		children: e
 	})] });
 }
-var h = ({ borderRadius: e, className: t, duration: a = 6e3, children: o, glowColor: s = "var(--s-palette-primary-main)", glowSize: c = u, height: l, padding: d, width: f, ...h }) => /* @__PURE__ */ r(i, {
-	className: t,
-	...h,
-	sx: [{
-		position: "relative",
-		overflow: "hidden",
-		height: l ?? "100%",
-		width: f ?? "100%",
-		padding: d ?? .125,
-		borderRadius: e,
-		backgroundColor: "transparent"
-	}, ...Array.isArray(h.sx) ? h.sx : [h.sx]],
-	children: [/* @__PURE__ */ r(i, {
-		sx: {
-			position: "absolute",
-			top: 0,
-			left: 0,
-			right: 0,
-			bottom: 0
-		},
-		children: [/* @__PURE__ */ n(m, {
-			duration: a,
-			rx: "100%",
-			ry: "100%",
-			phase: 0,
-			children: /* @__PURE__ */ n(p, {
-				color: s,
-				size: c
-			})
-		}), /* @__PURE__ */ n(m, {
-			duration: a,
-			rx: "100%",
-			ry: "100%",
-			phase: .5,
-			children: /* @__PURE__ */ n(p, {
-				color: s,
-				size: c
-			})
-		})]
-	}), o]
+var b = s(o, {
+	name: "SMovingBorder",
+	slot: "Root"
+})({}), x = t.forwardRef(function(t, n) {
+	let r = c({
+		props: t,
+		name: "SMovingBorder"
+	}), { borderRadius: s, duration: l = 6e3, children: u, glowColor: d = "var(--s-palette-primary-main)", glowSize: f = h, height: p, padding: m, sx: g, width: _, ...x } = r, S = {
+		...r,
+		borderRadius: s,
+		duration: l,
+		glowColor: d,
+		glowSize: f,
+		height: p,
+		padding: m,
+		width: _
+	};
+	return /* @__PURE__ */ a(b, {
+		...x,
+		ref: n,
+		ownerState: S,
+		sx: [{
+			position: "relative",
+			overflow: "hidden",
+			height: p ?? "100%",
+			width: _ ?? "100%",
+			padding: m ?? .125,
+			borderRadius: s,
+			backgroundColor: "transparent"
+		}, ...e(g)],
+		children: [/* @__PURE__ */ a(o, {
+			sx: {
+				position: "absolute",
+				top: 0,
+				left: 0,
+				right: 0,
+				bottom: 0
+			},
+			children: [/* @__PURE__ */ i(y, {
+				duration: l,
+				rx: "100%",
+				ry: "100%",
+				phase: 0,
+				children: /* @__PURE__ */ i(v, {
+					color: d,
+					size: f
+				})
+			}), /* @__PURE__ */ i(y, {
+				duration: l,
+				rx: "100%",
+				ry: "100%",
+				phase: .5,
+				children: /* @__PURE__ */ i(v, {
+					color: d,
+					size: f
+				})
+			})]
+		}), u]
+	});
 });
-h.displayName = "SMovingBorder";
+x.displayName = "SMovingBorder";
 //#endregion
-export { h as SMovingBorder, h as default };
+export { x as SMovingBorder, x as default };

package/dist/s-nav-item/index.d.ts

@@ -1,2 +1,3 @@
-export { SNavItem, type SNavItemProps } from './s-nav-item';
+export { SNavItem, type SNavItemOwnerState, type SNavItemButtonProps, type SNavItemProps, type SNavItemSlotProps, type SNavItemSlots, } from './s-nav-item';
 export { default } from './s-nav-item';
+export type {} from '../theme/component-augmentation';