@solostylist/ui-kit 1.0.230 → 2.0.1

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

@@ -1,102 +1,108 @@
-import { t as e } from "../Box-BlmynALm.js";
-import { t } from "../Stack-BQkLmLFp.js";
-import { t as n } from "../Typography-CZ_MYa-E.js";
-import { t as r } from "../ExpandMore-DIsT5FOp.js";
-import { SNavItem as i } from "../s-nav-item/s-nav-item.js";
-import { t as a } from "../Collapse-JUd84Z9O.js";
-import * as o from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+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 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";
 //#region lib/s-nav-items/s-nav-items.tsx
-function l(e, t) {
-	return e.some((e) => e.href && (t === e.href || t.startsWith(e.href + "/")) ? !0 : e.items ? l(e.items, t) : !1);
+var p = n(i.forwardRef(function(e, t) {
+	return /* @__PURE__ */ a(l, {
+		component: "ul",
+		...e,
+		ref: 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 u(e, t) {
+function h(e, t) {
 	return !!(e.href && (t === e.href || t.startsWith(e.href + "/")));
 }
-function d(e, t) {
+function g(e, t) {
 	let n = e.items ?? [];
 	return {
-		active: u(e, t),
-		childActive: n.length > 0 && l(n, t)
+		active: h(e, t),
+		childActive: n.length > 0 && m(n, t)
 	};
 }
-function f({ item: t, pathname: l, depth: u, component: f }) {
-	let m = !!(t.items && t.items.length > 0), { active: h, childActive: g } = d(t, l), [_, v] = o.useState(t.defaultOpen ?? g);
-	if (o.useEffect(() => {
-		g && v(!0);
-	}, [g]), !m) return /* @__PURE__ */ s(i, {
-		active: h,
-		disabled: t.disabled,
-		external: t.external,
-		href: t.href,
-		component: t.component ?? f,
-		icon: t.icon ? t.icon(h) : null,
-		title: t.title,
-		innerSx: u > 0 ? { pl: `${(u - 1) * 12 + 12}px` } : void 0
+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, {
+		disabled: e.disabled,
+		href: e.href,
+		icon: e.icon ? e.icon(m) : null,
+		primary: e.title,
+		selected: m,
+		slotProps: { button: {
+			component: e.component ?? l,
+			rel: e.rel,
+			target: e.target,
+			sx: r > 0 ? { pl: `${(r - 1) * 12 + 12}px` } : void 0
+		} }
 	});
-	let y = h || g;
-	return /* @__PURE__ */ c(e, {
+	let b = m || h;
+	return /* @__PURE__ */ o(u, {
 		component: "li",
 		sx: {
 			userSelect: "none",
 			display: "block"
 		},
-		children: [/* @__PURE__ */ c(e, {
-			component: "button",
-			type: "button",
-			onClick: () => v((e) => !e),
+		children: [/* @__PURE__ */ o(f, {
+			onClick: () => y((e) => !e),
+			disabled: e.disabled,
+			selected: b,
 			sx: {
 				alignItems: "center",
-				appearance: "none",
-				background: "transparent",
-				border: 0,
 				borderRadius: 1,
-				color: y ? "text.primary" : "text.secondary",
-				cursor: t.disabled ? "not-allowed" : "pointer",
+				color: b ? "text.primary" : "text.secondary",
 				display: "flex",
 				flex: "0 0 auto",
-				font: "inherit",
 				gap: 1,
 				justifyContent: "space-between",
-				margin: 0,
 				p: 1.5,
-				pl: u > 0 ? `${u * 12 + 12}px` : "12px",
-				textAlign: "left",
-				textDecoration: "none",
+				pl: r > 0 ? `${r * 12 + 12}px` : "12px",
 				whiteSpace: "nowrap",
 				width: "100%",
-				...t.disabled && { color: "text.disabled" },
-				...y && { bgcolor: "action.selected" },
-				"&:hover": { ...!y && !t.disabled && {
+				"&.Mui-disabled": {
+					color: "text.disabled",
+					cursor: "not-allowed"
+				},
+				"@media (hover: hover) and (pointer: fine)": { "&:hover": { ...!b && !e.disabled && {
 					bgcolor: "action.hover",
 					color: "text.primary"
-				} }
+				} } }
 			},
-			onKeyDown: (e) => {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), v((e) => !e));
-			},
-			"aria-disabled": t.disabled || void 0,
 			"aria-expanded": _,
-			children: [/* @__PURE__ */ c(e, {
+			children: [/* @__PURE__ */ o(u, {
 				sx: {
 					alignItems: "center",
 					display: "flex",
 					gap: 1
 				},
-				children: [t.icon ? /* @__PURE__ */ s(e, {
+				children: [e.icon ? /* @__PURE__ */ a(u, {
 					component: "span",
 					sx: {
 						display: "flex",
 						alignItems: "center",
 						justifyContent: "center"
 					},
-					children: t.icon(y)
-				}) : null, /* @__PURE__ */ s(n, {
+					children: e.icon(b)
+				}) : null, /* @__PURE__ */ a(c, {
 					component: "span",
 					variant: "body1",
-					children: t.title
+					children: e.title
 				})]
-			}), /* @__PURE__ */ s(e, {
+			}), /* @__PURE__ */ a(u, {
 				component: "span",
 				sx: {
 					display: "flex",
@@ -105,47 +111,57 @@ function f({ item: t, pathname: l, depth: u, component: f }) {
 					transition: "transform 200ms ease",
 					transform: _ ? "rotate(0deg)" : "rotate(-90deg)"
 				},
-				children: /* @__PURE__ */ s(r, {})
+				children: /* @__PURE__ */ a(s, {})
 			})]
-		}), /* @__PURE__ */ s(a, {
+		}), /* @__PURE__ */ a(d, {
 			in: _,
 			timeout: 200,
 			unmountOnExit: !0,
-			children: /* @__PURE__ */ s(e, {
+			children: /* @__PURE__ */ a(u, {
 				sx: {
-					ml: u > 0 ? `${u * 16 + 12}px` : "12px",
+					ml: r > 0 ? `${r * 16 + 12}px` : "12px",
 					mt: 1,
 					mb: 1,
 					pl: 1
 				},
-				children: /* @__PURE__ */ s(p, {
-					items: t.items,
-					pathname: l,
-					depth: u + 1,
-					component: f
+				children: /* @__PURE__ */ a(v, {
+					items: e.items,
+					pathname: n,
+					depth: r + 1,
+					linkComponent: l
 				})
 			})
 		})]
 	});
 }
-f.displayName = "SNavGroupItem";
-function p({ items: e, pathname: n = "", depth: r = 0, component: i }) {
-	return /* @__PURE__ */ s(t, {
-		component: "ul",
+_.displayName = "SNavGroupItem";
+var v = i.forwardRef(function(t, n) {
+	let i = r({
+		props: t,
+		name: "SNavItems"
+	}), { depth: o = 0, items: s, linkComponent: c, pathname: l = "", sx: u, ...d } = i, f = {
+		...i,
+		depth: o,
+		pathname: l
+	};
+	return /* @__PURE__ */ a(p, {
 		spacing: 1,
-		sx: {
+		...d,
+		ref: n,
+		ownerState: f,
+		sx: [{
 			listStyle: "none",
 			m: 0,
 			p: 0
-		},
-		children: e.map((e) => /* @__PURE__ */ s(f, {
+		}, ...e(u)],
+		children: s.map((e) => /* @__PURE__ */ a(_, {
 			item: e,
-			pathname: n,
-			depth: r,
-			component: i
+			pathname: l,
+			depth: o,
+			linkComponent: c
 		}, e.key))
 	});
-}
-p.displayName = "SNavItems";
+});
+v.displayName = "SNavItems";
 //#endregion
-export { f as SNavGroupItem, p as SNavItems, p as default };
+export { _ as SNavGroupItem, v as SNavItems, v as default };

package/dist/s-no-ssr/s-no-ssr.d.ts

@@ -1,17 +1,5 @@
-import * as React from 'react';
-/**
- * Props for the SNoSSR component
- */
-export interface SNoSsrProps {
-    /** Content to render only on the client side */
-    children?: React.ReactNode;
-    /** Whether to defer rendering until after initial paint */
-    defer?: boolean;
-    /** Content to show during server-side rendering or while loading */
-    fallback?: React.ReactNode;
-}
-export declare const SNoSsr: {
-    (props: SNoSsrProps): React.JSX.Element;
-    displayName: string;
-};
+import { default as NoSsr, NoSsrProps } from '@mui/material/NoSsr';
+/** Exact MUI NoSsr contract exposed under the ui-kit namespace. */
+export type SNoSsrProps = NoSsrProps;
+export declare const SNoSsr: typeof NoSsr;
 export default SNoSsr;

package/dist/s-no-ssr/s-no-ssr.js

@@ -1,15 +1,5 @@
-import { t as e } from "../useEnhancedEffect-Dsu5K7-Z.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import e from "@mui/material/NoSsr";
 //#region lib/s-no-ssr/s-no-ssr.tsx
-var r = (r) => {
-	let { children: i, defer: a = !1, fallback: o = null } = r, [s, c] = t.useState(!1);
-	return e(() => {
-		a || c(!0);
-	}, [a]), t.useEffect(() => {
-		a && c(!0);
-	}, [a]), /* @__PURE__ */ n(t.Fragment, { children: s ? i : o });
-};
-r.displayName = "SNoSsr";
+var t = e;
 //#endregion
-export { r as SNoSsr, r as default };
+export { t as SNoSsr, t as default };

package/dist/s-overlay-scrollbar/index.d.ts

@@ -1,2 +1,4 @@
 export { default, default as SOverlayScrollbar } from './s-overlay-scrollbar';
-export type { SOverlayScrollbarProps } from './s-overlay-scrollbar';
+export type { SOverlayScrollbarOwnerState, SOverlayScrollbarProps } from './s-overlay-scrollbar';
+export type {} from '../theme/component-augmentation';
+export type {} from '../theme/optional-component-augmentations/s-overlay-scrollbar';

package/dist/s-overlay-scrollbar/s-overlay-scrollbar.d.ts

@@ -1,15 +1,17 @@
-import { PropsWithChildren } from 'react';
 import { SxProps, Theme } from '@mui/material';
+import { OverlayScrollbarsComponentProps, OverlayScrollbarsComponentRef } from 'overlayscrollbars-react';
 /**
  * Props interface for SOverlayScrollbar component
  */
-export interface SOverlayScrollbarProps extends PropsWithChildren {
-    /** Optional id for the scrollbar container */
-    id?: string;
-    /** Additional CSS class name */
-    className?: string;
+export type SOverlayScrollbarProps = Omit<OverlayScrollbarsComponentProps<'div'>, 'ref'> & {
     /** Material-UI sx prop for custom styling */
     sx?: SxProps<Theme>;
-}
-export declare const SOverlayScrollbar: import('react').ForwardRefExoticComponent<SOverlayScrollbarProps & import('react').RefAttributes<import('overlayscrollbars-react').OverlayScrollbarsComponentRef<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>>;
+};
+export type SOverlayScrollbarOwnerState = SOverlayScrollbarProps & {
+    defer: boolean | IdleRequestOptions;
+};
+export declare const SOverlayScrollbar: import('react').ForwardRefExoticComponent<Omit<OverlayScrollbarsComponentProps<"div">, "ref"> & {
+    /** Material-UI sx prop for custom styling */
+    sx?: SxProps<Theme>;
+} & import('react').RefAttributes<OverlayScrollbarsComponentRef<"div">>>;
 export default SOverlayScrollbar;

package/dist/s-overlay-scrollbar/s-overlay-scrollbar.js

@@ -1,9 +1,12 @@
 import { forwardRef as e } from "react";
 import { jsx as t } from "react/jsx-runtime";
-import { styled as n } from "@mui/material";
-import { OverlayScrollbarsComponent as r } from "overlayscrollbars-react";
+import { styled as n, useThemeProps as r } from "@mui/material";
+import { OverlayScrollbarsComponent as i } from "overlayscrollbars-react";
 import '../assets/s-overlay-scrollbar.css';//#region lib/s-overlay-scrollbar/s-overlay-scrollbar.tsx
-var i = n(r)(({ theme: e }) => ({
+var a = n(i, {
+	name: "SOverlayScrollbar",
+	slot: "Root"
+})(({ theme: e }) => ({
 	maxHeight: "100%",
 	".os-theme-dark": {
 		"--os-size": "10px",
@@ -16,19 +19,28 @@ var i = n(r)(({ theme: e }) => ({
 			"--os-handle-bg-active": (e.vars ?? e).palette.whiteAlpha.dark
 		})
 	}
-})), a = e(({ sx: e, children: n, className: r, id: a, ...o }, s) => /* @__PURE__ */ t(i, {
-	id: a,
-	ref: s,
-	defer: !0,
-	sx: e,
-	className: r,
-	options: { scrollbars: {
+})), o = e(function(e, n) {
+	let i = r({
+		props: e,
+		name: "SOverlayScrollbar"
+	}), { children: o, defer: s = !0, options: c = { scrollbars: {
 		autoHide: "leave",
 		autoHideDelay: 100
-	} },
-	...o,
-	children: n
-}));
-a.displayName = "SOverlayScrollbar";
+	} }, sx: l, ...u } = i, d = {
+		...i,
+		defer: s,
+		options: c
+	};
+	return /* @__PURE__ */ t(a, {
+		...u,
+		ref: n,
+		defer: s,
+		options: c,
+		ownerState: d,
+		sx: l,
+		children: o
+	});
+});
+o.displayName = "SOverlayScrollbar";
 //#endregion
-export { a as SOverlayScrollbar, a as default };
+export { o as SOverlayScrollbar, o as default };

package/dist/s-pagination/index.d.ts

@@ -1,3 +1,4 @@
 export { default, default as SPagination } from './s-pagination';
-export type { SPaginationProps } from './s-pagination';
+export type { SPaginationOwnerState, SPaginationProps } from './s-pagination';
 export type { SPaginationColor, SPaginationSize } from './types';
+export type {} from '../theme/component-augmentation';

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

@@ -1,53 +1,18 @@
-import { default as React } from 'react';
-import { PaginationProps } from '@mui/material';
-import { SPaginationColor, SPaginationSize } from './types';
+import { PaginationProps } from '@mui/material/Pagination';
+import * as React from 'react';
 export type { SPaginationColor, SPaginationSize } from './types';
-/**
- * Props for SPagination. Web behavior is sourced from MUI Pagination; custom
- * SoloStylist props stay local to the web package.
- */
-export interface SPaginationProps extends Omit<PaginationProps, 'color' | 'count' | 'shape' | 'size' | 'variant'> {
-    /** Accessible label for the complete pagination control. */
-    accessibilityLabel?: string;
-    /** Number of always-visible pages at the beginning and end. */
-    boundaryCount?: number;
-    /** Total number of pages. The component is hidden when count is 0 or less. */
-    count?: number;
-    /** Page selected initially when the component is uncontrolled. */
-    defaultPage?: number;
-    /** Whether the complete pagination control is disabled. */
-    disabled?: boolean;
-    /** Returns the accessible label for an item. */
-    getItemAriaLabel?: PaginationProps['getItemAriaLabel'];
-    /** Whether to hide the next-page button. */
-    hideNextButton?: boolean;
-    /** Whether to hide the previous-page button. */
-    hidePrevButton?: boolean;
-    /** Whether to show the pagination skeleton. */
+/** MUI Pagination props plus a Button-like loading state. */
+export interface SPaginationProps extends PaginationProps {
+    /** Total number of pages. The component is hidden when count is 0 or less. @default 0 */
+    count?: PaginationProps['count'];
+    /** If true, the pagination is replaced by its loading indicator when count is positive. */
     loading?: boolean;
-    /** Callback fired when the page changes. */
-    onChange?: PaginationProps['onChange'];
-    /** Current page for controlled usage (1-indexed). */
-    page?: number;
-    /** Custom item renderer. */
-    renderItem?: PaginationProps['renderItem'];
-    /** Active-page color, using the same semantic palette as SButton. */
-    color?: SPaginationColor;
-    /** Shape of every pagination item. Defaults to the rounded SIconButton shape. */
-    shape?: 'circular' | 'rounded';
-    /** Whether to show the first-page button. */
-    showFirstButton?: boolean;
-    /** Whether to show the last-page button. */
-    showLastButton?: boolean;
-    /** Number of visible pages before and after the current page. */
-    siblingCount?: number;
-    /** Size of pagination items. */
-    size?: SPaginationSize;
-    /** Inactive-page visual variant. The active page always uses the contained SButton treatment. */
-    variant?: 'text' | 'outlined';
+    /** Custom content rendered while loading. */
+    loadingIndicator?: React.ReactNode;
 }
-export declare const SPagination: {
-    ({ loading, count, color, shape, size, variant, accessibilityLabel, sx, ...props }: SPaginationProps): React.JSX.Element;
-    displayName: string;
-};
+export interface SPaginationOwnerState extends SPaginationProps {
+    loading: boolean;
+    size: NonNullable<PaginationProps['size']>;
+}
+export declare const SPagination: React.ForwardRefExoticComponent<Omit<SPaginationProps, "ref"> & React.RefAttributes<HTMLElement>>;
 export default SPagination;

package/dist/s-pagination/s-pagination.js

@@ -1,50 +1,85 @@
-import { paginationDimensions as e } from "./types.js";
-import { SSkeleton as t } from "../s-skeleton/s-skeleton.js";
-import "react";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Pagination as a, Stack as o } from "@mui/material";
+import { getPaginationDimensions as e } from "./types.js";
+import { styled as t, useThemeProps as n } from "@mui/material/styles";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "@mui/material/Stack";
+import s from "@mui/material/Skeleton";
+import c from "@mui/material/Pagination";
 //#region lib/s-pagination/s-pagination.tsx
-var s = ({ size: n, style: a }) => {
-	let s = e[n];
-	return /* @__PURE__ */ i(o, {
+var l = 5, u = t(c, {
+	name: "SPagination",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ ownerState: e }) => ({ ...e.loading && { display: "inline-flex" } })), d = r.forwardRef(function(t, c) {
+	let d = n({
+		props: t,
+		name: "SPagination"
+	}), { "aria-label": f = "pagination navigation", "aria-busy": p, className: m, color: h = "primary", count: g = 0, loading: _ = !1, loadingIndicator: v, shape: y = "rounded", size: b = "medium", style: x, sx: S, variant: C = "text", ...w } = d;
+	if (g <= 0) return null;
+	let T = e(b), E = _ || w.disabled, D = {
+		...d,
+		"aria-label": f,
+		color: h,
+		count: g,
+		disabled: E,
+		loading: _,
+		shape: y,
+		size: b,
+		variant: C
+	}, O = /* @__PURE__ */ i(o, {
+		"aria-label": `${f} loading`,
 		direction: "row",
-		style: a,
+		role: "progressbar",
 		sx: {
 			alignItems: "center",
 			display: "inline-flex",
-			gap: `${s.gap}px`
+			gap: `${T.gap}px`
 		},
-		children: [
-			/* @__PURE__ */ r(t, {
+		children: v ?? (y === "circular" ? Array.from({ length: l }, (e, t) => /* @__PURE__ */ i(s, {
+			variant: "circular",
+			width: T.item,
+			height: T.item
+		}, t)) : /* @__PURE__ */ a(r.Fragment, { children: [
+			/* @__PURE__ */ i(s, {
 				variant: "rounded",
-				width: s.item,
-				height: s.item
+				width: T.item,
+				height: T.item
 			}),
-			/* @__PURE__ */ r(t, {
+			/* @__PURE__ */ i(s, {
 				variant: "rounded",
-				width: s.bar,
-				height: s.item
+				width: T.bar,
+				height: T.item
 			}),
-			/* @__PURE__ */ r(t, {
+			/* @__PURE__ */ i(s, {
 				variant: "rounded",
-				width: s.item,
-				height: s.item
+				width: T.item,
+				height: T.item
 			})
-		]
+		] }))
+	});
+	return /* @__PURE__ */ i(u, {
+		...w,
+		"aria-label": f,
+		"aria-busy": p ?? (_ || void 0),
+		className: m,
+		color: h,
+		count: _ ? 1 : g,
+		disabled: E,
+		hideNextButton: _ || w.hideNextButton,
+		hidePrevButton: _ || w.hidePrevButton,
+		ownerState: D,
+		page: w.page,
+		ref: c,
+		renderItem: _ ? () => O : w.renderItem,
+		shape: y,
+		showFirstButton: _ ? !1 : w.showFirstButton,
+		showLastButton: _ ? !1 : w.showLastButton,
+		size: b,
+		style: x,
+		sx: S,
+		variant: C
 	});
-}, c = ({ loading: e = !1, count: t = 0, color: i = "primary", shape: o = "rounded", size: c = "medium", variant: l = "text", accessibilityLabel: u = "pagination navigation", sx: d, ...f }) => t <= 0 ? /* @__PURE__ */ r(n, {}) : e ? /* @__PURE__ */ r(s, {
-	size: c,
-	style: f.style
-}) : /* @__PURE__ */ r(a, {
-	count: t,
-	"aria-label": u,
-	color: i,
-	shape: o,
-	size: c,
-	variant: l,
-	sx: d,
-	...f
 });
-c.displayName = "SPagination";
+d.displayName = "SPagination";
 //#endregion
-export { c as SPagination, c as default };
+export { d as SPagination, d as default };

package/dist/s-pagination/types.d.ts

@@ -1,9 +1,31 @@
 import { PaginationProps } from '@mui/material';
-export type SPaginationSize = NonNullable<PaginationProps['size']>;
+declare module '@mui/material/Pagination' {
+    interface PaginationPropsColorOverrides {
+        error: true;
+        info: true;
+        success: true;
+        warning: true;
+    }
+}
+declare module '@mui/material/PaginationItem' {
+    interface PaginationItemPropsColorOverrides {
+        error: true;
+        info: true;
+        success: true;
+        warning: true;
+    }
+}
+export type SPaginationSize = 'small' | 'medium' | 'large';
 export type SPaginationColor = 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
 export declare const paginationColors: readonly ["primary", "secondary", "success", "error", "info", "warning"];
+export declare const paginationSizes: readonly ["small", "medium", "large"];
 export declare const paginationDimensions: Record<SPaginationSize, {
     item: number;
     gap: number;
     bar: number;
 }>;
+export declare const getPaginationDimensions: (size: PaginationProps["size"]) => {
+    item: number;
+    gap: number;
+    bar: number;
+};

package/dist/s-pagination/types.js

@@ -6,10 +6,14 @@ var e = [
 	"error",
 	"info",
 	"warning"
-], t = {
+], t = [
+	"small",
+	"medium",
+	"large"
+], n = {
 	small: {
 		item: 26,
-		gap: 2,
+		gap: 6,
 		bar: 90
 	},
 	medium: {
@@ -22,6 +26,6 @@ var e = [
 		gap: 6,
 		bar: 150
 	}
-};
+}, r = (e) => n[e] ?? n.medium;
 //#endregion
-export { e as paginationColors, t as paginationDimensions };
+export { r as getPaginationDimensions, e as paginationColors, n as paginationDimensions, t as paginationSizes };

package/dist/s-pixel-reveal/index.d.ts

@@ -1,2 +1,3 @@
 export { default, default as SPixelReveal } from './s-pixel-reveal';
-export type { SPixelRevealProps } from './s-pixel-reveal';
+export type { SPixelRevealOwnerState, SPixelRevealProps } from './s-pixel-reveal';
+export type {} from '../theme/component-augmentation';