@solostylist/ui-kit 2.0.1 → 2.0.3

package/dist/s-mobile-dock/s-mobile-dock.js

@@ -0,0 +1,145 @@
+import { resolveOwnerStateSlotProps as e } from "../utils/slots.js";
+import { actionHoverMedia as t, getFocusVisibleStyle as n, reducedMotionMedia as r } from "../theme/components/action-styles.js";
+import { styled as i, useThemeProps as a } from "@mui/material/styles";
+import * as o from "react";
+import { createElement as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { mergeSlotProps as l, useControlled as u, useEventCallback as d, useForkRef as f } from "@mui/material/utils";
+import p from "@mui/utils/appendOwnerState";
+import { visuallyHidden as m } from "@mui/utils";
+import h from "@mui/material/Box";
+import g from "@mui/material/Badge";
+import _ from "@mui/material/BottomNavigation";
+import v, { bottomNavigationActionClasses as y } from "@mui/material/BottomNavigationAction";
+//#region lib/s-mobile-dock/s-mobile-dock.tsx
+var b = 416, x = 44, S = i(_, {
+	name: "SMobileDock",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	backgroundColor: (e.vars ?? e).palette.background.paper,
+	border: `1px solid ${(e.vars ?? e).palette.divider}`,
+	borderRadius: e.radius.full,
+	boxShadow: e.shadows[8],
+	gap: e.spacing(.5),
+	height: "auto",
+	justifyContent: "space-around",
+	marginInline: "auto",
+	maxWidth: `calc(100% - ${e.spacing(3)})`,
+	padding: e.spacing(.75),
+	paddingBottom: `calc(${e.spacing(.75)} + env(safe-area-inset-bottom))`,
+	width: b
+})), C = i(v, {
+	name: "SMobileDock",
+	slot: "Action"
+})(({ theme: e, ownerState: i }) => ({
+	borderRadius: e.radius.full,
+	color: (e.vars ?? e).palette.text.secondary,
+	gap: e.spacing(.5),
+	minHeight: x,
+	minWidth: x,
+	padding: e.spacing(.75, 1),
+	transition: e.transitions.create(["background-color", "color"], { duration: e.transitions.duration.shorter }),
+	[`& .${y.label}`]: {
+		fontSize: e.typography.body2.fontSize,
+		lineHeight: e.typography.body2.lineHeight,
+		[`&.${y.selected}`]: { fontSize: e.typography.body2.fontSize },
+		...i.labelVisibility === "never" && m
+	},
+	[`&.${y.selected}`]: {
+		backgroundColor: e.alpha((e.vars ?? e).palette.primary.main, (e.vars ?? e).palette.action.selectedOpacity),
+		color: (e.vars ?? e).palette.primary.main
+	},
+	"&.Mui-disabled": { color: (e.vars ?? e).palette.action.disabled },
+	[`&.${y.selected}.Mui-disabled`]: { backgroundColor: (e.vars ?? e).palette.action.disabledBackground },
+	"&.Mui-focusVisible": n(e),
+	[t]: {
+		"&:hover": {
+			backgroundColor: (e.vars ?? e).palette.action.hover,
+			color: (e.vars ?? e).palette.text.primary
+		},
+		[`&.${y.selected}:hover`]: {
+			backgroundColor: e.alpha((e.vars ?? e).palette.primary.main, Math.min(e.palette.action.selectedOpacity + e.palette.action.hoverOpacity, 1)),
+			color: (e.vars ?? e).palette.primary.main
+		}
+	},
+	[r]: { transition: "none" }
+})), w = i(h, {
+	name: "SMobileDock",
+	slot: "Icon"
+})({
+	alignItems: "center",
+	display: "flex",
+	justifyContent: "center"
+}), T = i(g, {
+	name: "SMobileDock",
+	slot: "Badge"
+})({}), E = i("span", {
+	name: "SMobileDock",
+	slot: "Label"
+})({});
+function D(t, n) {
+	let r = a({
+		props: t,
+		name: "SMobileDock"
+	}), { defaultValue: i, items: o, labelVisibility: m = "always", linkComponent: h, onChange: g, slotProps: _, slots: v, value: y, ...b } = r, [x, D] = u({
+		controlled: y,
+		default: i ?? null,
+		name: "SMobileDock",
+		state: "value"
+	}), O = {
+		...r,
+		labelVisibility: m,
+		value: x
+	}, k = v?.root ?? S, A = v?.action ?? C, j = v?.icon ?? w, M = v?.badge ?? T, N = v?.label ?? E, P = d((e, t) => {
+		D(t), g?.(e, t);
+	}), { ref: F, ...I } = p(k, l(e(_?.root, O), {
+		...b,
+		onChange: P,
+		showLabels: !0,
+		value: x
+	}), O), L = f(n, F);
+	return /* @__PURE__ */ c(k, {
+		...I,
+		ref: L,
+		component: "nav",
+		children: o.map((t) => {
+			let n = t.value === x, r = {
+				...O,
+				item: t,
+				selected: n
+			}, i = t.component ?? (t.href == null ? "button" : h ?? "a"), a = p(A, l(e(_?.action, r), {
+				"aria-current": n ? "page" : void 0,
+				"aria-label": t.ariaLabel,
+				component: i,
+				disabled: t.disabled,
+				href: t.disabled ? void 0 : t.href,
+				nativeButton: i === "button",
+				onClick: t.onClick,
+				rel: t.rel,
+				target: t.target
+			}), r), o = p(j, e(_?.icon, r) ?? {}, r), u = p(M, e(_?.badge, r) ?? {}, r), d = p(N, e(_?.label, r) ?? {}, r);
+			return /* @__PURE__ */ s(A, {
+				...a,
+				key: t.value,
+				icon: /* @__PURE__ */ c(j, {
+					...o,
+					children: t.badge == null ? t.icon : /* @__PURE__ */ c(M, {
+						badgeContent: t.badge,
+						color: "error",
+						...u,
+						children: t.icon
+					})
+				}),
+				label: t.label,
+				slotProps: { label: d },
+				slots: { label: N },
+				value: t.value
+			});
+		})
+	});
+}
+var O = o.forwardRef(D);
+O.displayName = "SMobileDock";
+//#endregion
+export { O as SMobileDock, O as default };

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

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

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

@@ -1,4 +1,5 @@
-import { BoxProps, ListItemButtonProps, TypographyProps } from '@mui/material';
+import { BoxProps, TypographyProps } from '@mui/material';
+import { SListActionItemProps } from '../s-list-action-item/s-list-action-item';
 import { OwnerStateSlotProps as MuiOwnerStateSlotProps } from '../utils/slots';
 import * as React from 'react';
 export interface SNavItemOwnerState extends SNavItemProps {
@@ -6,39 +7,57 @@ export interface SNavItemOwnerState extends SNavItemProps {
     selected: boolean;
 }
 type OwnerStateSlotProps<Props> = MuiOwnerStateSlotProps<Props, SNavItemOwnerState>;
+/** Row props, mirroring the primitive the nav item is built on. */
+export type SNavItemRowProps = Omit<SListActionItemProps, 'label'>;
 export interface SNavItemSlots {
-    action?: React.ElementType;
-    button?: React.ElementType;
+    /** Leading icon container. */
     icon?: React.ElementType;
-    primary?: React.ElementType;
+    /** Interactive row element. */
+    item?: React.ElementType;
+    /** Primary label element. */
+    label?: React.ElementType;
+    /** List item element wrapping the row. */
+    root?: React.ElementType;
+    /** Trailing content container. */
+    trailing?: React.ElementType;
 }
-export type SNavItemButtonProps = ListItemButtonProps & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'rel' | 'target'>;
 export interface SNavItemSlotProps {
-    action?: OwnerStateSlotProps<BoxProps>;
-    button?: OwnerStateSlotProps<SNavItemButtonProps>;
+    /** Props or owner-state callback for the icon slot. */
     icon?: OwnerStateSlotProps<BoxProps>;
-    primary?: OwnerStateSlotProps<TypographyProps>;
+    /** Props or owner-state callback for the row slot. */
+    item?: OwnerStateSlotProps<SNavItemRowProps>;
+    /** Props or owner-state callback for the label slot. */
+    label?: OwnerStateSlotProps<TypographyProps>;
+    /** Props or owner-state callback for the list item slot. */
+    root?: OwnerStateSlotProps<BoxProps<'li'>>;
+    /** Props or owner-state callback for the trailing slot. */
+    trailing?: OwnerStateSlotProps<BoxProps>;
 }
-/** Props for a semantic list item with a MUI ListItemButton action. */
+/** Props for a semantic list item wrapping a navigation row. */
 export interface SNavItemProps extends Omit<BoxProps<'li'>, 'children' | 'component' | 'onClick'> {
-    /** Optional trailing action content. */
-    action?: React.ReactNode;
+    /**
+     * Content rendered under the row, inside the same list item — used for
+     * collapsible submenus. The row itself is described by the other props.
+     */
+    children?: React.ReactNode;
     /** Disables the navigation action. */
     disabled?: boolean;
-    /** Link destination. When provided, the action renders as an anchor by default. */
+    /** Link destination. When provided, the row renders as an anchor by default. */
     href?: string;
     /** Optional leading icon. */
     icon?: React.ReactNode;
-    /** Called when the item is activated. */
-    onClick?: ListItemButtonProps['onClick'];
     /** Visible primary label. */
-    primary: React.ReactNode;
-    /** Selected navigation state, matching MUI ListItemButton. */
+    label: React.ReactNode;
+    /** Called when the row is activated. */
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    /** Marks the row as the current navigation target. */
     selected?: boolean;
     /** Components used for internal structural slots. */
     slots?: SNavItemSlots;
     /** Props or owner-state callbacks for internal structural slots. */
     slotProps?: SNavItemSlotProps;
+    /** Optional trailing content, e.g. a count chip or an expand indicator. */
+    trailing?: React.ReactNode;
 }
 export declare const SNavItem: React.ForwardRefExoticComponent<Omit<SNavItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
 export default SNavItem;

package/dist/s-nav-item/s-nav-item.js

@@ -1,87 +1,65 @@
 import { toSxArray as e } from "../utils/sx.js";
-import * as t from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Box as i, ListItemButton as a, Typography as o, styled as s, useThemeProps as c } from "@mui/material";
-import l from "@mui/utils/appendOwnerState";
+import { resolveOwnerStateSlotProps as t } from "../utils/slots.js";
+import { actionHoverMedia as n } from "../theme/components/action-styles.js";
+import { SListActionItem as r } from "../s-list-action-item/s-list-action-item.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { styled as s, useThemeProps as c } from "@mui/material";
+import { mergeSlotProps as l, useForkRef as u } from "@mui/material/utils";
+import d from "@mui/utils/appendOwnerState";
 //#region lib/s-nav-item/s-nav-item.tsx
-var u = s("li", {
+var f = s("li", {
 	name: "SNavItem",
 	slot: "Root"
-})({});
-function d(e, t) {
-	return typeof e == "function" ? e(t) : e;
-}
-var f = t.forwardRef(function(t, s) {
-	let f = c({
-		props: t,
+})({
+	display: "block",
+	userSelect: "none"
+}), p = s(r, {
+	name: "SNavItem",
+	slot: "Item",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	borderRadius: e.radius.md,
+	color: (e.vars ?? e).palette.text.secondary,
+	padding: e.spacing(1.5),
+	"&.Mui-selected": { color: (e.vars ?? e).palette.text.primary },
+	[n]: { "&:hover": { color: (e.vars ?? e).palette.text.primary } }
+})), m = i.forwardRef(function(n, r) {
+	let i = c({
+		props: n,
 		name: "SNavItem"
-	}), { action: p, disabled: m = !1, href: h, icon: g, onClick: _, primary: v, selected: y = !1, slotProps: b, slots: x, sx: S, ...C } = f, w = {
-		...f,
+	}), { children: s, disabled: m = !1, href: h, icon: g, label: _, onClick: v, selected: y = !1, slotProps: b, slots: x, sx: S, trailing: C, ...w } = i, T = {
+		...i,
 		disabled: m,
 		selected: y
-	}, T = x?.button ?? a, E = x?.icon ?? i, D = x?.primary ?? o, O = x?.action ?? i, k = d(b?.button, w), A = d(b?.icon, w), j = d(b?.primary, w), M = d(b?.action, w), N = l(x?.button, k ?? {}, w), P = l(x?.icon, A ?? {}, w), F = l(x?.primary, j ?? {}, w), I = l(x?.action, M ?? {}, w), { onClick: L, sx: R, ...z } = N, { sx: B, ...V } = P, { sx: H, ...U } = I, W = L || _ ? (e) => {
-		L?.(e), e.defaultPrevented || _?.(e);
-	} : void 0;
-	return /* @__PURE__ */ n(u, {
-		...C,
-		ref: s,
-		ownerState: w,
-		sx: [{
-			display: "block",
-			userSelect: "none"
-		}, ...e(S)],
-		children: /* @__PURE__ */ r(T, {
-			component: h ? "a" : "div",
-			...z,
-			"aria-current": y ? "page" : void 0,
-			disabled: m,
-			href: m ? void 0 : h,
-			onClick: W,
-			selected: y,
-			sx: [{
-				borderRadius: 1,
-				color: "text.secondary",
-				gap: 1,
-				justifyContent: "space-between",
-				p: 1.5,
-				whiteSpace: "nowrap",
-				"&.Mui-selected": { color: "text.primary" },
-				"&.Mui-disabled": { cursor: "not-allowed" },
-				"@media (hover: hover) and (pointer: fine)": { "&:hover": { color: "text.primary" } }
-			}, ...e(R)],
-			children: [/* @__PURE__ */ r(i, {
-				sx: {
-					alignItems: "center",
-					display: "flex",
-					gap: 1,
-					minWidth: 0
-				},
-				children: [g == null ? null : /* @__PURE__ */ n(E, {
-					component: "span",
-					...V,
-					sx: [{
-						alignItems: "center",
-						display: "flex",
-						justifyContent: "center"
-					}, ...e(B)],
-					children: g
-				}), /* @__PURE__ */ n(D, {
-					component: "span",
-					...F,
-					children: v
-				})]
-			}), p == null ? null : /* @__PURE__ */ n(O, {
-				component: "span",
-				...U,
-				sx: [{
-					alignItems: "center",
-					display: "flex"
-				}, ...e(H)],
-				children: p
-			})]
-		})
+	}, E = x?.root ?? f, D = x?.item ?? p, { ref: O, sx: k, ...A } = d(E, l(t(b?.root, T), w), T), j = u(O, r), M = d(D, l(t(b?.item, T), {
+		disabled: m,
+		href: h,
+		icon: g,
+		onClick: v,
+		selected: y,
+		slots: {
+			icon: x?.icon,
+			label: x?.label,
+			trailing: x?.trailing
+		},
+		slotProps: {
+			icon: b?.icon,
+			label: b?.label,
+			trailing: b?.trailing
+		},
+		trailing: C
+	}), T);
+	return /* @__PURE__ */ o(E, {
+		...A,
+		ref: j,
+		sx: [...e(k), ...e(S)],
+		children: [/* @__PURE__ */ a(D, {
+			...M,
+			label: _
+		}), s]
 	});
 });
-f.displayName = "SNavItem";
+m.displayName = "SNavItem";
 //#endregion
-export { f as SNavItem, f as default };
+export { m as SNavItem, m as default };

package/dist/s-nav-items/s-nav-items.js

@@ -1,17 +1,16 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { SNavItem as t } from "../s-nav-item/s-nav-item.js";
-import { styled as n, useThemeProps as r } from "@mui/material/styles";
-import * as i from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { reducedMotionMedia as t } from "../theme/components/action-styles.js";
+import { SNavItem as n } from "../s-nav-item/s-nav-item.js";
+import { styled as r, useThemeProps as i } from "@mui/material/styles";
+import * as a from "react";
+import { jsx as o } from "react/jsx-runtime";
 import s from "@mui/icons-material/ExpandMore";
-import c from "@mui/material/Typography";
-import l from "@mui/material/Stack";
-import u from "@mui/material/Box";
-import d from "@mui/material/Collapse";
-import f from "@mui/material/ListItemButton";
+import c from "@mui/material/Stack";
+import l from "@mui/material/Box";
+import u from "@mui/material/Collapse";
 //#region lib/s-nav-items/s-nav-items.tsx
-var p = n(i.forwardRef(function(e, t) {
-	return /* @__PURE__ */ a(l, {
+var d = r(a.forwardRef(function(e, t) {
+	return /* @__PURE__ */ o(c, {
 		component: "ul",
 		...e,
 		ref: t
@@ -20,148 +19,105 @@ var p = n(i.forwardRef(function(e, t) {
 	name: "SNavItems",
 	slot: "Root"
 })({});
-function m(e, t) {
-	return e.some((e) => e.href && (t === e.href || t.startsWith(e.href + "/")) ? !0 : e.items ? m(e.items, t) : !1);
+function f(e, t) {
+	return e.some((e) => e.href && (t === e.href || t.startsWith(e.href + "/")) ? !0 : e.items ? f(e.items, t) : !1);
 }
-function h(e, t) {
+function p(e, t) {
 	return !!(e.href && (t === e.href || t.startsWith(e.href + "/")));
 }
-function g(e, t) {
+function m(e, t) {
 	let n = e.items ?? [];
 	return {
-		active: h(e, t),
-		childActive: n.length > 0 && m(n, t)
+		active: p(e, t),
+		childActive: n.length > 0 && f(n, t)
 	};
 }
-function _({ item: e, pathname: n, depth: r, linkComponent: l }) {
-	let p = !!(e.items && e.items.length > 0), { active: m, childActive: h } = g(e, n), [_, y] = i.useState(e.defaultOpen ?? h);
-	if (i.useEffect(() => {
-		h && y(!0);
-	}, [h]), !p) return /* @__PURE__ */ a(t, {
+function h({ item: e, pathname: r, depth: i, linkComponent: c }) {
+	let d = !!(e.items && e.items.length > 0), { active: f, childActive: p } = m(e, r), [h, _] = a.useState(e.defaultOpen ?? p);
+	if (a.useEffect(() => {
+		p && _(!0);
+	}, [p]), !d) return /* @__PURE__ */ o(n, {
 		disabled: e.disabled,
 		href: e.href,
-		icon: e.icon ? e.icon(m) : null,
-		primary: e.title,
-		selected: m,
-		slotProps: { button: {
-			component: e.component ?? l,
+		icon: e.icon ? e.icon(f) : null,
+		label: e.title,
+		selected: f,
+		slotProps: { item: {
+			component: e.component ?? c,
 			rel: e.rel,
 			target: e.target,
-			sx: r > 0 ? { pl: `${(r - 1) * 12 + 12}px` } : void 0
+			sx: i > 0 ? { pl: `${(i - 1) * 12 + 12}px` } : void 0
 		} }
 	});
-	let b = m || h;
-	return /* @__PURE__ */ o(u, {
-		component: "li",
-		sx: {
-			userSelect: "none",
-			display: "block"
-		},
-		children: [/* @__PURE__ */ o(f, {
-			onClick: () => y((e) => !e),
-			disabled: e.disabled,
-			selected: b,
-			sx: {
-				alignItems: "center",
-				borderRadius: 1,
-				color: b ? "text.primary" : "text.secondary",
-				display: "flex",
-				flex: "0 0 auto",
-				gap: 1,
-				justifyContent: "space-between",
-				p: 1.5,
-				pl: r > 0 ? `${r * 12 + 12}px` : "12px",
-				whiteSpace: "nowrap",
-				width: "100%",
-				"&.Mui-disabled": {
-					color: "text.disabled",
-					cursor: "not-allowed"
-				},
-				"@media (hover: hover) and (pointer: fine)": { "&:hover": { ...!b && !e.disabled && {
-					bgcolor: "action.hover",
-					color: "text.primary"
-				} } }
+	let v = f || p;
+	return /* @__PURE__ */ o(n, {
+		disabled: e.disabled,
+		icon: e.icon ? e.icon(v) : null,
+		label: e.title,
+		onClick: () => _((e) => !e),
+		selected: v,
+		slotProps: {
+			item: {
+				"aria-current": void 0,
+				"aria-expanded": h,
+				sx: { pl: i > 0 ? `${i * 12 + 12}px` : "12px" }
 			},
-			"aria-expanded": _,
-			children: [/* @__PURE__ */ o(u, {
-				sx: {
-					alignItems: "center",
-					display: "flex",
-					gap: 1
-				},
-				children: [e.icon ? /* @__PURE__ */ a(u, {
-					component: "span",
-					sx: {
-						display: "flex",
-						alignItems: "center",
-						justifyContent: "center"
-					},
-					children: e.icon(b)
-				}) : null, /* @__PURE__ */ a(c, {
-					component: "span",
-					variant: "body1",
-					children: e.title
-				})]
-			}), /* @__PURE__ */ a(u, {
-				component: "span",
-				sx: {
-					display: "flex",
-					alignItems: "center",
-					color: "text.secondary",
-					transition: "transform 200ms ease",
-					transform: _ ? "rotate(0deg)" : "rotate(-90deg)"
-				},
-				children: /* @__PURE__ */ a(s, {})
-			})]
-		}), /* @__PURE__ */ a(d, {
-			in: _,
+			trailing: { sx: {
+				transform: h ? "rotate(0deg)" : "rotate(-90deg)",
+				transition: (e) => e.transitions.create("transform", { duration: e.transitions.duration.shorter }),
+				[t]: { transition: "none" }
+			} }
+		},
+		trailing: /* @__PURE__ */ o(s, {}),
+		children: /* @__PURE__ */ o(u, {
+			in: h,
 			timeout: 200,
 			unmountOnExit: !0,
-			children: /* @__PURE__ */ a(u, {
+			children: /* @__PURE__ */ o(l, {
 				sx: {
-					ml: r > 0 ? `${r * 16 + 12}px` : "12px",
+					ml: i > 0 ? `${i * 16 + 12}px` : "12px",
 					mt: 1,
 					mb: 1,
 					pl: 1
 				},
-				children: /* @__PURE__ */ a(v, {
+				children: /* @__PURE__ */ o(g, {
 					items: e.items,
-					pathname: n,
-					depth: r + 1,
-					linkComponent: l
+					pathname: r,
+					depth: i + 1,
+					linkComponent: c
 				})
 			})
-		})]
+		})
 	});
 }
-_.displayName = "SNavGroupItem";
-var v = i.forwardRef(function(t, n) {
-	let i = r({
+h.displayName = "SNavGroupItem";
+var g = a.forwardRef(function(t, n) {
+	let r = i({
 		props: t,
 		name: "SNavItems"
-	}), { depth: o = 0, items: s, linkComponent: c, pathname: l = "", sx: u, ...d } = i, f = {
-		...i,
-		depth: o,
+	}), { depth: a = 0, items: s, linkComponent: c, pathname: l = "", sx: u, ...f } = r, p = {
+		...r,
+		depth: a,
 		pathname: l
 	};
-	return /* @__PURE__ */ a(p, {
+	return /* @__PURE__ */ o(d, {
 		spacing: 1,
-		...d,
+		...f,
 		ref: n,
-		ownerState: f,
+		ownerState: p,
 		sx: [{
 			listStyle: "none",
 			m: 0,
 			p: 0
 		}, ...e(u)],
-		children: s.map((e) => /* @__PURE__ */ a(_, {
+		children: s.map((e) => /* @__PURE__ */ o(h, {
 			item: e,
 			pathname: l,
-			depth: o,
+			depth: a,
 			linkComponent: c
 		}, e.key))
 	});
 });
-v.displayName = "SNavItems";
+g.displayName = "SNavItems";
 //#endregion
-export { _ as SNavGroupItem, v as SNavItems, v as default };
+export { h as SNavGroupItem, g as SNavItems, g as default };

package/dist/s-number-range/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as SNumberRange } from './s-number-range';
+export type { SNumberRangeColor, SNumberRangeOwnerState, SNumberRangeProps, SNumberRangeSize, SNumberRangeSlotProps, SNumberRangeSlots, SNumberRangeValue, } from './s-number-range';
+export type {} from '../theme/component-augmentation';

package/dist/s-number-range/index.js

@@ -0,0 +1,2 @@
+import { SNumberRange as e } from "./s-number-range.js";
+export { e as SNumberRange, e as default };