@solostylist/ui-kit 1.0.230 → 2.0.1

package/dist/s-copyable-text/s-copyable-text.js

@@ -1,48 +1,70 @@
-import { n as e, t } from "../ContentCopy-BMQ2JTA0.js";
-import { useState as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Box as a, IconButton as o, Paper as s, Typography as c } from "@mui/material";
+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 { Check as i, ContentCopy as a } from "@mui/icons-material";
+import { Box as o, IconButton as s, Paper as c, Typography as l, styled as u, useThemeProps as d } from "@mui/material";
+import f from "@mui/utils/appendOwnerState";
 //#region lib/s-copyable-text/s-copyable-text.tsx
-var l = ({ text: l, typographyProps: u, onCopied: d, paperProps: f }) => {
-	let [p, m] = n(!1), { sx: h, ...g } = u ?? {}, _ = async () => {
-		if (l) try {
-			await navigator.clipboard.writeText(l), m(!0), setTimeout(() => m(!1), 2e3), d?.();
+var p = u(c, {
+	name: "SCopyableText",
+	slot: "Root"
+})({});
+function m(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+var h = t.forwardRef(function(c, u) {
+	let h = d({
+		props: c,
+		name: "SCopyableText"
+	}), { children: g, copiedText: _ = "Copied", copyText: v = "Copy text", onCopyError: y, onCopySuccess: b, slotProps: x, slots: S, sx: C, ...w } = h, [T, E] = t.useState(!1), D = t.useRef(void 0), O = {
+		...h,
+		copied: T
+	}, k = S?.content ?? o, A = S?.text ?? l, j = S?.button ?? s, M = m(x?.content, O), N = m(x?.text, O), P = m(x?.button, O), F = f(S?.content, M ?? {}, O), I = f(S?.text, N ?? {}, O), { onClick: L, sx: R, ...z } = f(S?.button, P ?? {}, O), { sx: B, ...V } = F, { sx: H, ...U } = I;
+	t.useEffect(() => () => clearTimeout(D.current), []);
+	let W = async (e) => {
+		if (L?.(e), !e.defaultPrevented) try {
+			await navigator.clipboard.writeText(g), E(!0), clearTimeout(D.current), D.current = setTimeout(() => E(!1), 2e3), b?.(g);
 		} catch (e) {
-			console.error("Failed to copy text:", e);
+			y?.(e);
 		}
 	};
-	return l ? /* @__PURE__ */ r(s, {
-		sx: {
-			p: 2,
+	return /* @__PURE__ */ n(p, {
+		...w,
+		ownerState: O,
+		ref: u,
+		sx: [{
 			border: "1px dashed",
-			borderColor: "divider"
-		},
-		...f,
-		children: /* @__PURE__ */ i(a, {
-			sx: { position: "relative" },
-			children: [/* @__PURE__ */ r(o, {
-				onClick: _,
-				sx: {
+			borderColor: "divider",
+			p: 2
+		}, ...e(C)],
+		children: /* @__PURE__ */ r(k, {
+			...V,
+			sx: [{ position: "relative" }, ...e(B)],
+			children: [/* @__PURE__ */ n(j, {
+				...z,
+				"aria-label": T ? _ : v,
+				onClick: W,
+				sx: [{
+					color: T ? "success.main" : "inherit",
 					position: "absolute",
+					right: 0,
 					top: "50%",
 					transform: "translateY(-50%)",
-					right: 0,
-					zIndex: 1,
-					color: p ? "success.main" : "inherit"
-				},
-				children: r(p ? e : t, {})
-			}), /* @__PURE__ */ r(c, {
+					zIndex: 1
+				}, ...e(R)],
+				children: n(T ? i : a, {})
+			}), /* @__PURE__ */ n(A, {
 				variant: "body1",
-				...g,
+				...U,
 				sx: [{
 					whiteSpace: "pre-wrap",
 					wordBreak: "break-word"
-				}, ...Array.isArray(h) ? h : [h]],
-				children: l
+				}, ...e(H)],
+				children: g
 			})]
 		})
-	}) : null;
-};
-l.displayName = "SCopyableText";
+	});
+});
+h.displayName = "SCopyableText";
 //#endregion
-export { l as SCopyableText, l as default };
+export { h as SCopyableText, h as default };

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

@@ -1,4 +1,5 @@
-export { default as SCountdown } from './s-countdown';
-export type { SCountdownProps } from './s-countdown';
+export { default, default as SCountdown } from './s-countdown';
+export type { SCountdownAnimation, SCountdownColor, SCountdownDigitFormat, SCountdownLayout, SCountdownProps, SCountdownSize, } from './s-countdown';
 export { SCountBox } from './s-count-box';
-export type { SCountBoxProps } from './s-count-box';
+export type { SCountBoxOwnerState, SCountBoxProps, SCountBoxSlotProps, SCountBoxSlots } from './s-count-box';
+export type {} from '../theme/component-augmentation';

package/dist/s-countdown/index.js

@@ -1,3 +1,3 @@
 import { SCountBox as e } from "./s-count-box.js";
 import { SCountdown as t } from "./s-countdown.js";
-export { e as SCountBox, t as SCountdown };
+export { e as SCountBox, t as SCountdown, t as default };

package/dist/s-countdown/s-count-box.d.ts

@@ -1,36 +1,43 @@
-import { default as React } from 'react';
-import { SxProps, Theme } from '@mui/material';
-/**
- * Props interface for SCountBox component
- */
-export interface SCountBoxProps {
-    /** The numeric value to display */
+import { BoxProps, TypographyProps } from '@mui/material';
+import { OwnerStateSlotProps as MuiOwnerStateSlotProps } from '../utils/slots';
+import * as React from 'react';
+export interface SCountBoxOwnerState {
+    color: 'error' | 'info' | 'inherit' | 'primary' | 'secondary' | 'success' | 'warning';
+    size: 'large' | 'medium' | 'small';
+}
+type OwnerStateSlotProps<Props> = MuiOwnerStateSlotProps<Props, SCountBoxOwnerState>;
+export interface SCountBoxSlots {
+    content?: React.ElementType;
+    digit?: React.ElementType;
+    label?: React.ElementType;
+    separator?: React.ElementType;
+}
+export interface SCountBoxSlotProps {
+    content?: OwnerStateSlotProps<BoxProps>;
+    digit?: OwnerStateSlotProps<TypographyProps>;
+    label?: OwnerStateSlotProps<TypographyProps>;
+    separator?: OwnerStateSlotProps<TypographyProps>;
+}
+/** Props for one animated countdown unit. */
+export interface SCountBoxProps extends Omit<BoxProps, 'children' | 'color' | 'component'> {
+    /** Animation used when the digit changes. */
+    animation?: 'fade' | 'none' | 'slide';
+    /** Palette color for the digit. */
+    color?: SCountBoxOwnerState['color'];
+    /** Numeric value to display. */
     digit: number;
-    /** The label/title for this time unit */
-    title: string;
-    /** Size variant for the count box */
-    size?: 'small' | 'medium' | 'large';
-    /** Color variant for the count box */
-    color?: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'inherit';
-    /** Animation type for value changes */
-    animation?: 'none' | 'fade' | 'slide';
-    /** Custom styling */
-    sx?: SxProps<Theme>;
-    /** Custom digit styling */
-    digitSx?: SxProps<Theme>;
-    /** Custom title styling */
-    titleSx?: SxProps<Theme>;
-    /** Show separator after this box */
-    showSeparator?: boolean;
-    /** Custom separator element */
-    separator?: React.ReactNode;
-    /** Format for displaying the digit (e.g., '00' for zero-padding) */
+    /** Digit display format. */
     digitFormat?: 'default' | 'padded';
-    /** Whether this count box is hidden */
-    hidden?: boolean;
+    /** Visible time-unit label. */
+    label: React.ReactNode;
+    /** Optional separator rendered after the unit. */
+    separator?: React.ReactNode;
+    /** Size variant for the digit and label. */
+    size?: SCountBoxOwnerState['size'];
+    /** Components used for internal structural slots. */
+    slots?: SCountBoxSlots;
+    /** Props or owner-state callbacks for internal structural slots. */
+    slotProps?: SCountBoxSlotProps;
 }
-export declare const SCountBox: {
-    ({ digit, title, size, color, animation, sx, digitSx, titleSx, showSeparator, separator, digitFormat, hidden, }: SCountBoxProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
+export declare const SCountBox: React.ForwardRefExoticComponent<Omit<SCountBoxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default SCountBox;

package/dist/s-countdown/s-count-box.js

@@ -1,102 +1,119 @@
-import { SFlexBox as e } from "../s-flex-box/s-flex-box.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Fade as r, Slide as i, Typography as a } from "@mui/material";
+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, Fade as a, Slide as o, Typography as s, styled as c, useThemeProps as l } from "@mui/material";
+import u from "@mui/utils/appendOwnerState";
 //#region lib/s-countdown/s-count-box.tsx
-var o = ({ digit: o = 0, title: s = "", size: c = "medium", color: l = "inherit", animation: u = "none", sx: d, digitSx: f, titleSx: p, showSeparator: m = !1, separator: h = ":", digitFormat: g = "default", hidden: _ = !1 }) => {
-	if (_) return null;
-	let v = (e) => g === "padded" ? e.toString().padStart(2, "0") : e.toString(), y = (() => {
-		switch (c) {
-			case "small": return {
-				digit: {
-					fontSize: "1.5rem",
-					lineHeight: 1.2
-				},
-				title: {
-					fontSize: "0.75rem",
-					letterSpacing: "0.05em"
-				}
-			};
-			case "large": return {
-				digit: {
-					fontSize: "3.5rem",
-					lineHeight: 1.1
-				},
-				title: {
-					fontSize: "1rem",
-					letterSpacing: "0.1em"
-				}
-			};
-			default: return {
-				digit: {
-					fontSize: "2.5rem",
-					lineHeight: 1.15
-				},
-				title: {
-					fontSize: "0.875rem",
-					letterSpacing: "0.08em"
-				}
-			};
+var d = c(i, {
+	name: "SCountBox",
+	slot: "Root"
+})({});
+function f(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function p(e) {
+	return e === "small" ? {
+		digit: {
+			fontSize: "1.5rem",
+			lineHeight: 1.2
+		},
+		label: {
+			fontSize: "0.75rem",
+			letterSpacing: "0.05em"
 		}
-	})(), b = v(o), x = /* @__PURE__ */ t(a, {
-		variant: "h3",
-		component: "span",
-		sx: {
-			fontWeight: 700,
-			color: l === "inherit" ? "text.primary" : `${l}.main`,
-			width: "70px",
-			...y.digit,
-			...f
+	} : e === "large" ? {
+		digit: {
+			fontSize: "3.5rem",
+			lineHeight: 1.1
 		},
-		children: b
-	}), S = /* @__PURE__ */ t(a, {
-		component: "span",
-		sx: {
-			color: "text.secondary",
-			fontWeight: 600,
-			textTransform: "uppercase",
-			display: "block",
-			mt: .5,
-			...y.title,
-			...p
+		label: {
+			fontSize: "1rem",
+			letterSpacing: "0.1em"
+		}
+	} : {
+		digit: {
+			fontSize: "2.5rem",
+			lineHeight: 1.15
 		},
-		children: s
-	}), C = x;
-	u === "fade" ? C = /* @__PURE__ */ t(r, {
+		label: {
+			fontSize: "0.875rem",
+			letterSpacing: "0.08em"
+		}
+	};
+}
+var m = t.forwardRef(function(t, c) {
+	let m = l({
+		props: t,
+		name: "SCountBox"
+	}), { animation: h = "none", color: g = "inherit", digit: _, digitFormat: v = "default", label: y, separator: b, size: x = "medium", slotProps: S, slots: C, sx: w, ...T } = m, E = {
+		...m,
+		color: g,
+		size: x
+	}, D = C?.content ?? i, O = C?.digit ?? s, k = C?.label ?? s, A = C?.separator ?? s, j = f(S?.content, E), M = f(S?.digit, E), N = f(S?.label, E), P = f(S?.separator, E), F = u(C?.content, j ?? {}, E), I = u(C?.digit, M ?? {}, E), L = u(C?.label, N ?? {}, E), R = u(C?.separator, P ?? {}, E), { sx: z, ...B } = F, { sx: V, ...H } = I, { sx: U, ...W } = L, { sx: G, ...K } = R, q = p(x), J = v === "padded" ? _.toString().padStart(2, "0") : _.toString(), Y = /* @__PURE__ */ n(O, {
+		component: "span",
+		variant: "h3",
+		...H,
+		sx: [{
+			color: g === "inherit" ? "text.primary" : `${g}.main`,
+			fontWeight: 700,
+			width: 70,
+			...q.digit
+		}, ...e(V)],
+		children: J
+	}), X = h === "fade" ? /* @__PURE__ */ n(a, {
 		in: !0,
 		timeout: 300,
-		children: /* @__PURE__ */ t("div", { children: x })
-	}, b) : u === "slide" && (C = /* @__PURE__ */ t(i, {
+		children: /* @__PURE__ */ n(i, { children: Y })
+	}, J) : h === "slide" ? /* @__PURE__ */ n(o, {
 		in: !0,
 		direction: "up",
 		timeout: 300,
-		children: /* @__PURE__ */ t("div", { children: x })
-	}, b));
-	let w = /* @__PURE__ */ n(e, {
-		flexDirection: "column",
-		alignItems: "center",
-		sx: {
-			textAlign: "center",
-			minWidth: "fit-content",
-			...d
-		},
-		children: [C, S]
-	});
-	return m ? /* @__PURE__ */ n(e, {
-		alignItems: "center",
-		children: [w, /* @__PURE__ */ t(a, {
+		children: /* @__PURE__ */ n(i, { children: Y })
+	}, J) : Y;
+	return /* @__PURE__ */ r(d, {
+		...T,
+		ownerState: E,
+		ref: c,
+		sx: [{
+			alignItems: "center",
+			display: "flex"
+		}, ...e(w)],
+		children: [/* @__PURE__ */ r(D, {
+			...B,
+			sx: [{
+				alignItems: "center",
+				display: "flex",
+				flexDirection: "column",
+				minWidth: "fit-content",
+				textAlign: "center"
+			}, ...e(z)],
+			children: [X, /* @__PURE__ */ n(k, {
+				component: "span",
+				...W,
+				sx: [{
+					color: "text.secondary",
+					display: "block",
+					fontWeight: 600,
+					mt: .5,
+					textTransform: "uppercase",
+					...q.label
+				}, ...e(U)],
+				children: y
+			})]
+		}), b == null ? null : /* @__PURE__ */ n(A, {
 			variant: "h3",
-			sx: {
+			...K,
+			sx: [{
+				alignSelf: "flex-start",
 				color: "text.secondary",
-				...y.digit,
+				fontSize: q.digit.fontSize,
 				lineHeight: 1,
-				alignSelf: "flex-start",
 				mt: .5
-			},
-			children: h
+			}, ...e(G)],
+			children: b
 		})]
-	}) : w;
-};
-o.displayName = "SCountBox";
+	});
+});
+m.displayName = "SCountBox";
 //#endregion
-export { o as SCountBox, o as default };
+export { m as SCountBox, m as default };

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { SxProps, Theme } from '@mui/material';
+import { BoxProps } from '@mui/material';
 /**
  * Props interface for SCountdown component
  */
@@ -8,7 +8,7 @@ export type SCountdownColor = 'primary' | 'secondary' | 'success' | 'error' | 'w
 export type SCountdownLayout = 'horizontal' | 'vertical' | 'grid';
 export type SCountdownAnimation = 'none' | 'fade' | 'slide';
 export type SCountdownDigitFormat = 'default' | 'padded';
-export interface SCountdownProps {
+export interface SCountdownProps extends Omit<BoxProps, 'children' | 'color' | 'component'> {
     /** Target date timestamp in milliseconds (from Date.getTime()) */
     expireDate: number;
     /** Size variant for all count boxes */
@@ -54,10 +54,6 @@ export interface SCountdownProps {
     completedText?: React.ReactNode;
     /** Whether to auto-hide completed units (e.g., hide days when 0) */
     autoHideZeroUnits?: boolean;
-    /** Custom styling for the container */
-    sx?: SxProps<Theme>;
-    /** ARIA label for accessibility */
-    'aria-label'?: string;
     /** Whether the countdown is paused */
     paused?: boolean;
     /** Responsive breakpoints for size changes */
@@ -69,8 +65,5 @@ export interface SCountdownProps {
         xl?: SCountdownSize;
     };
 }
-export declare const SCountdown: {
-    ({ expireDate, size, color, layout, animation, showSeparators, separator, units, labels, digitFormat, onComplete, onTick, onStart, completedText, autoHideZeroUnits, sx, "aria-label": ariaLabel, paused, responsive, }: SCountdownProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const SCountdown: React.ForwardRefExoticComponent<Omit<SCountdownProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default SCountdown;

package/dist/s-countdown/s-countdown.js

@@ -1,17 +1,22 @@
-import { SFlexBox as e } from "../s-flex-box/s-flex-box.js";
-import t from "../hooks/use-countdown.js";
-import { SCountBox as n } from "./s-count-box.js";
-import "react";
-import { jsx as r } from "react/jsx-runtime";
-import { Typography as i, useMediaQuery as a, useTheme as o } from "@mui/material";
+import { toSxArray as e } from "../utils/sx.js";
+import { SFlexBox as t } from "../s-flex-box/s-flex-box.js";
+import n from "../hooks/use-countdown.js";
+import { SCountBox as r } from "./s-count-box.js";
+import i from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { Typography as o, styled as s, useMediaQuery as c, useTheme as l, useThemeProps as u } from "@mui/material";
 //#region lib/s-countdown/s-countdown.tsx
-function s(e, t, n) {
+var d = s(t, {
+	name: "SCountdown",
+	slot: "Root"
+})({});
+function f(e, t, n) {
 	return e ? n.isXs ? e.xs ?? t : n.isSm ? e.sm ?? t : n.isMd ? e.md ?? t : n.isLg ? e.lg ?? t : e.xl ?? t : t;
 }
-function c(e) {
+function p(e) {
 	return e === "large" ? "h4" : e === "small" ? "h6" : "h5";
 }
-function l(e, t, n) {
+function m(e, t, n) {
 	return e === "vertical" ? {
 		flexDirection: "column",
 		gap: 2,
@@ -29,87 +34,98 @@ function l(e, t, n) {
 		flexWrap: "wrap"
 	};
 }
-var u = ({ expireDate: u, size: d = "medium", color: f = "inherit", layout: p = "horizontal", animation: m = "none", showSeparators: h = !1, separator: g = ":", units: _ = {
-	days: !0,
-	hours: !0,
-	minutes: !0,
-	seconds: !0
-}, labels: v = {
-	days: "DAYS",
-	hours: "HOURS",
-	minutes: "MINS",
-	seconds: "SECS"
-}, digitFormat: y = "default", onComplete: b, onTick: x, onStart: S, completedText: C = "Time is up!", autoHideZeroUnits: w = !1, sx: T, "aria-label": E = "Countdown timer", paused: D = !1, responsive: O }) => {
-	let { timeLeft: k, isExpired: A } = t({
-		expireDate: u,
-		onComplete: b,
-		onTick: x,
-		onStart: S,
-		paused: D
-	}), j = o(), M = s(O, d, {
-		isXs: a(j.breakpoints.only("xs")),
-		isSm: a(j.breakpoints.only("sm")),
-		isMd: a(j.breakpoints.only("md")),
-		isLg: a(j.breakpoints.only("lg"))
-	});
-	if (A && C) return /* @__PURE__ */ r(e, {
-		justifyContent: "center",
-		alignItems: "center",
-		sx: {
-			textAlign: "center",
-			...T
-		},
+var h = i.forwardRef(function(t, i) {
+	let s = u({
+		props: t,
+		name: "SCountdown"
+	}), { expireDate: h, size: g = "medium", color: _ = "inherit", layout: v = "horizontal", animation: y = "none", showSeparators: b = !1, separator: x = ":", units: S = {
+		days: !0,
+		hours: !0,
+		minutes: !0,
+		seconds: !0
+	}, labels: C = {
+		days: "DAYS",
+		hours: "HOURS",
+		minutes: "MINS",
+		seconds: "SECS"
+	}, digitFormat: w = "default", onComplete: T, onTick: E, onStart: D, completedText: O = "Time is up!", autoHideZeroUnits: k = !1, sx: A, "aria-label": j = "Countdown timer", paused: M = !1, responsive: N, ...P } = s, { timeLeft: F, isExpired: I } = n({
+		expireDate: h,
+		onComplete: T,
+		onTick: E,
+		onStart: D,
+		paused: M
+	}), L = l(), R = f(N, g, {
+		isXs: c(L.breakpoints.only("xs")),
+		isSm: c(L.breakpoints.only("sm")),
+		isMd: c(L.breakpoints.only("md")),
+		isLg: c(L.breakpoints.only("lg"))
+	}), z = {
+		...s,
+		isExpired: I,
+		resolvedSize: R
+	};
+	if (I && O) return /* @__PURE__ */ a(d, {
+		...P,
+		ownerState: z,
+		ref: i,
+		sx: [{
+			alignItems: "center",
+			justifyContent: "center",
+			textAlign: "center"
+		}, ...e(A)],
 		role: "timer",
-		"aria-label": `${E} - completed`,
-		children: typeof C == "string" ? /* @__PURE__ */ r(i, {
-			variant: c(M),
-			color: f === "inherit" ? "text.primary" : `${f}.main`,
+		"aria-label": `${j} - completed`,
+		children: typeof O == "string" ? /* @__PURE__ */ a(o, {
+			variant: p(R),
+			color: _ === "inherit" ? "text.primary" : `${_}.main`,
 			sx: { fontWeight: 600 },
-			children: C
-		}) : C
+			children: O
+		}) : O
 	});
-	let N = [
+	let B = [
 		{
 			key: "days",
-			value: k.days,
-			label: v.days
+			value: F.days,
+			label: C.days
 		},
 		{
 			key: "hours",
-			value: k.hours,
-			label: v.hours
+			value: F.hours,
+			label: C.hours
 		},
 		{
 			key: "minutes",
-			value: k.minutes,
-			label: v.minutes
+			value: F.minutes,
+			label: C.minutes
 		},
 		{
 			key: "seconds",
-			value: k.seconds,
-			label: v.seconds
+			value: F.seconds,
+			label: C.seconds
 		}
-	].filter((e) => _[e.key] && (!w || e.value > 0 || e.key === "seconds")), P = N.map((e, t) => /* @__PURE__ */ r(n, {
+	].filter((e) => S[e.key] && (!k || e.value > 0 || e.key === "seconds")), V = B.map((e, t) => /* @__PURE__ */ a(r, {
 		digit: e.value,
-		title: e.label ?? "",
-		size: M,
-		color: f,
-		animation: m,
-		digitFormat: y,
-		showSeparator: h && t < N.length - 1,
-		separator: g
+		label: e.label ?? "",
+		size: R,
+		color: _,
+		animation: y,
+		digitFormat: w,
+		separator: b && t < B.length - 1 ? x : void 0
 	}, e.key));
-	return /* @__PURE__ */ r(e, {
+	return /* @__PURE__ */ a(d, {
+		...P,
+		ownerState: z,
+		ref: i,
 		sx: [
 			{ width: "fit-content" },
-			l(p, P.length, h),
-			...Array.isArray(T) ? T : [T]
+			...e(m(v, V.length, b)),
+			...e(A)
 		],
 		role: "timer",
-		"aria-label": `${E} - ${k.days} days, ${k.hours} hours, ${k.minutes} minutes, ${k.seconds} seconds remaining`,
-		children: P
+		"aria-label": `${j} - ${F.days} days, ${F.hours} hours, ${F.minutes} minutes, ${F.seconds} seconds remaining`,
+		children: V
 	});
-};
-u.displayName = "SCountdown";
+});
+h.displayName = "SCountdown";
 //#endregion
-export { u as SCountdown, u as default };
+export { h as SCountdown, h as default };

package/dist/s-data-table/index.d.ts

@@ -1,2 +1,3 @@
 export { default, default as SDataTable } from './s-data-table';
-export type { ColumnDef, SDataTableProps, SortDirection } from './s-data-table';
+export type { ColumnDef, SDataTableOwnerState, SDataTableProps, SDataTableRowKeyDownEvent, SortDirection, } from './s-data-table';
+export type {} from '../theme/component-augmentation';

package/dist/s-data-table/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-data-table-DfGYIIvn.js";
+import { SDataTable as e } from "./s-data-table.js";
 export { e as SDataTable, e as default };