@solostylist/ui-kit 1.0.223 → 1.0.225

package/dist/{checkbox-PlpiwQNi.js → checkbox-B95Vlykq.js}

@@ -1,5 +1,5 @@
 import { i as e } from "./createTheme-Bnw5w28O.js";
-import { o as t, s as n } from "./theme-primitives-OrQ-xFJR.js";
+import { o as t, s as n } from "./theme-primitives-D2vHHGiX.js";
 import { t as r } from "./createSvgIcon-BdNZIlKS.js";
 import { t as i } from "./checkboxClasses-DSyvUOsN.js";
 import { jsx as a } from "react/jsx-runtime";

package/dist/hooks/index.d.ts

@@ -1,5 +1,5 @@
 export * from './use-dialog';
 export * from './use-popover';
-export * from './use-count-down';
+export * from './use-countdown';
 export * from './use-scroll-animation';
 export * from './use-is-passed-position';

package/dist/hooks/{use-count-down.d.ts → use-countdown.d.ts}

@@ -8,9 +8,9 @@ export interface TimeLeft {
     seconds: number;
 }
 /**
- * Props for useCountDown hook
+ * Props for useCountdown hook
  */
-export interface UseCountDownProps {
+export interface UseCountdownProps {
     /** Target date timestamp in milliseconds */
     expireDate: number;
     /** Callback fired when countdown reaches zero */
@@ -27,9 +27,9 @@ export interface UseCountDownProps {
     autoStart?: boolean;
 }
 /**
- * Return type for useCountDown hook
+ * Return type for useCountdown hook
  */
-export interface UseCountDownReturn {
+export interface UseCountdownReturn {
     /** Current time left */
     timeLeft: TimeLeft;
     /** Whether the countdown has expired */
@@ -64,8 +64,8 @@ export interface UseCountDownReturn {
  * - Manual start/stop controls
  * - Expiration detection
  *
- * @param props - UseCountDownProps
- * @returns UseCountDownReturn - Hook return value with time data and controls
+ * @param props - UseCountdownProps
+ * @returns UseCountdownReturn - Hook return value with time data and controls
  */
-declare const useCountDown: ({ expireDate, onComplete, onTick, onStart, paused, interval, autoStart, }: UseCountDownProps) => UseCountDownReturn;
-export default useCountDown;
+declare const useCountdown: ({ expireDate, onComplete, onTick, onStart, paused, interval, autoStart, }: UseCountdownProps) => UseCountdownReturn;
+export default useCountdown;

package/dist/hooks/{use-count-down.js → use-countdown.js}

@@ -1,5 +1,5 @@
 import { useCallback as e, useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
-//#region lib/hooks/use-count-down.ts
+//#region lib/hooks/use-countdown.ts
 var a = {
 	days: 0,
 	hours: 0,

package/dist/s-chat-input/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chat-input-DpCaY6gB.js";
+import { t as e } from "../s-chat-input-cOCqPTUS.js";
 export { e as SChatInput, e as default };

package/dist/s-chat-input/s-chat-input.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chat-input-DpCaY6gB.js";
+import { t as e } from "../s-chat-input-cOCqPTUS.js";
 export { e as SChatInput, e as default };

package/dist/{s-chat-input-DpCaY6gB.js → s-chat-input-cOCqPTUS.js}

@@ -1,96 +1,96 @@
-import { o as e, s as t } from "./theme-primitives-OrQ-xFJR.js";
-import { t as n } from "./createSvgIcon-BdNZIlKS.js";
-import { t as r } from "./ArrowUpward-BMKLosZj.js";
-import { t as i } from "./Close-Bj2HYB9Q.js";
-import { t as a } from "./s-text-field-Ck5QMhYI.js";
-import { SIconButton as o } from "./s-icon-button/s-icon-button.js";
-import { SFileIcon as s } from "./s-file-icon/s-file-icon.js";
-import { forwardRef as c, useEffect as l, useId as u, useState as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Box as h, ClickAwayListener as g, Popper as _, Typography as v, alpha as y, outlinedInputClasses as b } from "@mui/material";
-import x from "emoji-picker-react";
+import { tint as e } from "./theme/utils.js";
+import { t } from "./createSvgIcon-BdNZIlKS.js";
+import { t as n } from "./ArrowUpward-BMKLosZj.js";
+import { t as r } from "./Close-Bj2HYB9Q.js";
+import { t as i } from "./s-text-field-GqcwXwta.js";
+import { SIconButton as a } from "./s-icon-button/s-icon-button.js";
+import { SFileIcon as o } from "./s-file-icon/s-file-icon.js";
+import { forwardRef as s, useEffect as c, useId as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Box as m, ClickAwayListener as h, Popper as g, Typography as _, outlinedInputClasses as v } from "@mui/material";
+import y from "emoji-picker-react";
 //#region ../../node_modules/@mui/icons-material/AttachFile.mjs
-var S = n(/* @__PURE__ */ p("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6z" }), "AttachFile"), C = n(/* @__PURE__ */ p("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M8.5 8c.83 0 1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5 7.67 8 8.5 8M12 18c-2.28 0-4.22-1.66-5-4h10c-.78 2.34-2.72 4-5 4m3.5-7c-.83 0-1.5-.67-1.5-1.5S14.67 8 15.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5" }), "EmojiEmotions"), w = c(({ onSubmit: n, onFileSelect: c, disabled: w, acceptedFileTypes: T, maxFileSize: E, hideEmojiPicker: D, hideFileAttachment: O, ...k }, A) => {
-	let [j, M] = d(""), [N, P] = d([]), [F, I] = d(/* @__PURE__ */ new Map()), [L, R] = d(!1), [z, B] = d(null), V = u(), H = (e) => e.type.startsWith("image/"), U = (e) => {
+var b = t(/* @__PURE__ */ f("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6z" }), "AttachFile"), x = t(/* @__PURE__ */ f("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M8.5 8c.83 0 1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5 7.67 8 8.5 8M12 18c-2.28 0-4.22-1.66-5-4h10c-.78 2.34-2.72 4-5 4m3.5-7c-.83 0-1.5-.67-1.5-1.5S14.67 8 15.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5" }), "EmojiEmotions"), S = s(({ onSubmit: t, onFileSelect: s, disabled: S, acceptedFileTypes: C, maxFileSize: w, hideEmojiPicker: T, hideFileAttachment: E, ...D }, O) => {
+	let [k, A] = u(""), [j, M] = u([]), [N, P] = u(/* @__PURE__ */ new Map()), [F, I] = u(!1), [L, R] = u(null), z = l(), B = (e) => e.type.startsWith("image/"), V = (e) => {
 		let t = `${e.name}-${e.size}-${e.lastModified}`;
-		if (F.has(t)) return F.get(t);
-		if (H(e)) {
+		if (N.has(t)) return N.get(t);
+		if (B(e)) {
 			let n = URL.createObjectURL(e);
-			return I((e) => new Map(e).set(t, n)), n;
+			return P((e) => new Map(e).set(t, n)), n;
 		}
 		return "";
+	}, H = (e) => {
+		A(e.target.value);
+	}, U = (e) => {
+		A((t) => t + e.emoji), I(!1), R(null);
 	}, W = (e) => {
-		M(e.target.value);
-	}, G = (e) => {
-		M((t) => t + e.emoji), R(!1), B(null);
+		R(e.currentTarget), I(!F);
+	}, G = () => {
+		S || k.trim().length === 0 && j.length === 0 || (t?.(k, j), A(""), N.forEach((e) => URL.revokeObjectURL(e)), P(/* @__PURE__ */ new Map()), M([]));
 	}, K = (e) => {
-		B(e.currentTarget), R(!L);
-	}, q = () => {
-		w || j.trim().length === 0 && N.length === 0 || (n?.(j, N), M(""), F.forEach((e) => URL.revokeObjectURL(e)), I(/* @__PURE__ */ new Map()), P([]));
-	}, J = (e) => {
-		let t = Array.from(e.target.files ?? []).filter((e) => !(E && e.size > E));
-		P((e) => [...e, ...t]), c?.(t), e.target.value = "";
-	}, Y = (e) => {
-		let t = N[e];
-		if (t && H(t)) {
-			let e = `${t.name}-${t.size}-${t.lastModified}`, n = F.get(e);
-			n && (URL.revokeObjectURL(n), I((t) => {
+		let t = Array.from(e.target.files ?? []).filter((e) => !(w && e.size > w));
+		M((e) => [...e, ...t]), s?.(t), e.target.value = "";
+	}, q = (e) => {
+		let t = j[e];
+		if (t && B(t)) {
+			let e = `${t.name}-${t.size}-${t.lastModified}`, n = N.get(e);
+			n && (URL.revokeObjectURL(n), P((t) => {
 				let n = new Map(t);
 				return n.delete(e), n;
 			}));
 		}
-		P((t) => t.filter((t, n) => n !== e));
-	}, X = (e) => {
-		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), q());
+		M((t) => t.filter((t, n) => n !== e));
 	};
-	return l(() => () => {
-		F.forEach((e) => URL.revokeObjectURL(e));
-	}, [F]), /* @__PURE__ */ m(h, {
-		sx: {
+	return c(() => () => {
+		N.forEach((e) => URL.revokeObjectURL(e));
+	}, [N]), /* @__PURE__ */ p(m, {
+		sx: (t) => ({
 			border: "1px solid",
 			borderColor: "divider",
 			borderRadius: 2,
 			padding: "8px 12px",
 			transition: "border 120ms ease-in",
-			"&:hover": { borderColor: t[500] },
+			"&:hover": { borderColor: (t.vars ?? t).palette.grey[500] },
 			"&:focus-within": {
-				outline: `3px solid ${y(e[500], .5)}`,
-				borderColor: e[400]
+				outline: `3px solid ${e((t.vars ?? t).palette.primary[500], 50)}`,
+				borderColor: (t.vars ?? t).palette.primary[400]
 			},
-			...w && {
+			...S && {
 				opacity: .5,
 				pointerEvents: "none"
 			}
-		},
+		}),
 		children: [
-			/* @__PURE__ */ p(a, {
+			/* @__PURE__ */ f(i, {
 				placeholder: "Enter your message here...",
-				disabled: w,
-				value: j,
-				onChange: W,
-				onKeyDown: X,
+				disabled: S,
+				value: k,
+				onChange: H,
+				onKeyDown: (e) => {
+					e.key === "Enter" && !e.shiftKey && (e.preventDefault(), G());
+				},
 				multiline: !0,
 				minRows: 1,
 				maxRows: 10,
 				variant: "outlined",
-				inputRef: A,
+				inputRef: O,
 				slotProps: { input: { sx: {
 					height: "100%",
 					backgroundColor: "transparent",
 					border: "none",
 					padding: 0,
-					[`&.${b.focused}`]: { outline: "none" },
+					[`&.${v.focused}`]: { outline: "none" },
 					"& fieldset": { border: "none" },
 					"&:hover fieldset": { border: "none" },
 					"&.Mui-focused fieldset": { border: "none" }
 				} } },
-				...k
+				...D
 			}),
-			N.length > 0 && /* @__PURE__ */ p(h, {
+			j.length > 0 && /* @__PURE__ */ f(m, {
 				sx: { mt: 1 },
-				children: N.map((e, t) => {
-					let n = H(e), r = e.name.split(".").pop();
-					return /* @__PURE__ */ m(h, {
+				children: j.map((e, t) => {
+					let n = B(e), i = e.name.split(".").pop();
+					return /* @__PURE__ */ p(m, {
 						sx: {
 							display: "flex",
 							alignItems: "center",
@@ -102,15 +102,15 @@ var S = n(/* @__PURE__ */ p("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 							p: 1,
 							mb: .5
 						},
-						children: [/* @__PURE__ */ m(h, {
+						children: [/* @__PURE__ */ p(m, {
 							sx: {
 								display: "flex",
 								alignItems: "center",
 								gap: 1
 							},
-							children: [n ? /* @__PURE__ */ p(h, {
+							children: [n ? /* @__PURE__ */ f(m, {
 								component: "img",
-								src: U(e),
+								src: V(e),
 								alt: e.name,
 								sx: {
 									width: 40,
@@ -120,14 +120,14 @@ var S = n(/* @__PURE__ */ p("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 									border: "1px solid",
 									borderColor: "divider"
 								}
-							}) : /* @__PURE__ */ p(s, { extension: r }), /* @__PURE__ */ m(h, {
+							}) : /* @__PURE__ */ f(o, { extension: i }), /* @__PURE__ */ p(m, {
 								sx: {
 									display: "flex",
 									flexDirection: "row",
 									alignItems: "center",
 									gap: 1
 								},
-								children: [/* @__PURE__ */ p(v, {
+								children: [/* @__PURE__ */ f(_, {
 									variant: "subtitle2",
 									sx: {
 										textOverflow: "ellipsis",
@@ -135,7 +135,7 @@ var S = n(/* @__PURE__ */ p("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 										whiteSpace: "nowrap"
 									},
 									children: e.name
-								}), /* @__PURE__ */ p("div", { children: /* @__PURE__ */ m(v, {
+								}), /* @__PURE__ */ f("div", { children: /* @__PURE__ */ p(_, {
 									variant: "caption",
 									children: [
 										"(",
@@ -144,66 +144,66 @@ var S = n(/* @__PURE__ */ p("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 									]
 								}) })]
 							})]
-						}), /* @__PURE__ */ p(o, {
-							onClick: () => Y(t),
+						}), /* @__PURE__ */ f(a, {
+							onClick: () => q(t),
 							sx: {
 								minWidth: "auto",
 								p: .5
 							},
-							children: /* @__PURE__ */ p(i, {})
+							children: /* @__PURE__ */ f(r, {})
 						})]
 					}, `${e.name}-${t}`);
 				})
 			}),
-			/* @__PURE__ */ m(h, {
+			/* @__PURE__ */ p(m, {
 				sx: {
 					display: "flex",
 					justifyContent: "space-between",
 					alignItems: "center",
 					mt: 1
 				},
-				children: [/* @__PURE__ */ m(h, {
+				children: [/* @__PURE__ */ p(m, {
 					sx: {
 						display: "flex",
 						gap: 1
 					},
-					children: [!O && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("input", {
+					children: [!E && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("input", {
 						type: "file",
 						multiple: !0,
-						accept: T,
-						onChange: J,
+						accept: C,
+						onChange: K,
 						style: { display: "none" },
-						id: `file-attachment-input-${V}`,
-						disabled: w
-					}), /* @__PURE__ */ p("label", {
-						htmlFor: `file-attachment-input-${V}`,
-						children: /* @__PURE__ */ p(o, {
+						id: `file-attachment-input-${z}`,
+						disabled: S
+					}), /* @__PURE__ */ f("label", {
+						htmlFor: `file-attachment-input-${z}`,
+						children: /* @__PURE__ */ f(a, {
 							component: "span",
-							disabled: w,
-							children: /* @__PURE__ */ p(S, {})
+							disabled: S,
+							children: /* @__PURE__ */ f(b, {})
 						})
-					})] }), !D && /* @__PURE__ */ p(o, {
-						onClick: K,
-						disabled: w,
-						children: /* @__PURE__ */ p(C, {})
+					})] }), !T && /* @__PURE__ */ f(a, {
+						onClick: W,
+						disabled: S,
+						children: /* @__PURE__ */ f(x, {})
 					})]
-				}), /* @__PURE__ */ p(o, {
-					onClick: q,
-					disabled: w,
-					children: /* @__PURE__ */ p(r, {})
+				}), /* @__PURE__ */ f(a, {
+					onClick: G,
+					disabled: S,
+					children: /* @__PURE__ */ f(n, {})
 				})]
 			}),
-			/* @__PURE__ */ p(_, {
-				open: L,
-				anchorEl: z,
+			/* @__PURE__ */ f(g, {
+				open: F,
+				anchorEl: L,
 				placement: "top-start",
 				sx: { zIndex: 1300 },
-				children: /* @__PURE__ */ p(g, {
+				children: /* @__PURE__ */ f(h, {
 					onClickAway: () => {
-						R(!1), B(null);
+						I(!1), R(null);
 					},
-					children: /* @__PURE__ */ p(h, {
-						sx: {
+					children: /* @__PURE__ */ f(m, {
+						sx: (t) => ({
 							border: "1px solid",
 							borderColor: "divider",
 							borderRadius: 1,
@@ -227,10 +227,10 @@ var S = n(/* @__PURE__ */ p("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 								fontSize: "1rem",
 								padding: "8px 12px",
 								transition: "border 120ms ease-in",
-								"&:hover": { borderColor: t[500] },
+								"&:hover": { borderColor: (t.vars ?? t).palette.grey[500] },
 								"&:focus": {
-									outline: `3px solid ${y(e[500], .5)}`,
-									borderColor: e[400]
+									outline: `3px solid ${e((t.vars ?? t).palette.primary[500], 50)}`,
+									borderColor: (t.vars ?? t).palette.primary[400]
 								},
 								"&::placeholder": { color: "text.secondary" }
 							},
@@ -279,9 +279,9 @@ var S = n(/* @__PURE__ */ p("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 								transition: "all 0.2s ease",
 								"&:hover": { transform: "scale(1.1)" }
 							}
-						},
-						children: /* @__PURE__ */ p(x, {
-							onEmojiClick: G,
+						}),
+						children: /* @__PURE__ */ f(y, {
+							onEmojiClick: U,
 							width: 300,
 							height: 400,
 							searchDisabled: !1,
@@ -294,6 +294,6 @@ var S = n(/* @__PURE__ */ p("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 		]
 	});
 });
-w.displayName = "SChatInput";
+S.displayName = "SChatInput";
 //#endregion
-export { w as t };
+export { S as t };

package/dist/s-chat-message/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chat-message-ox4Sj6xh.js";
+import { t as e } from "../s-chat-message-Cb1npIQO.js";
 export { e as SChatMessage, e as default };

package/dist/s-chat-message/s-chat-message.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chat-message-ox4Sj6xh.js";
+import { t as e } from "../s-chat-message-Cb1npIQO.js";
 export { e as SChatMessage, e as default };

package/dist/{s-chat-message-ox4Sj6xh.js → s-chat-message-Cb1npIQO.js}

@@ -1,6 +1,6 @@
 import { n as e, r as t } from "./utils-B5Rl6Zwv.js";
 import { t as n } from "./createSvgIcon-BdNZIlKS.js";
-import { n as r } from "./s-image-modal-DA3DBNbv.js";
+import { n as r } from "./s-image-modal-Za71QD3d.js";
 import { t as i } from "./Download-BhSXOhCI.js";
 import a from "./s-lazy-image/s-lazy-image.js";
 import { SSkeleton as o } from "./s-skeleton/s-skeleton.js";

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

@@ -1,4 +1,4 @@
-export { default as SCountdown } from './s-count-down';
-export type { SCountDownProps } from './s-count-down';
+export { default as SCountdown } from './s-countdown';
+export type { SCountdownProps } from './s-countdown';
 export { SCountBox } from './s-count-box';
 export type { SCountBoxProps } from './s-count-box';

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-count-down.js";
+import { SCountdown as t } from "./s-countdown.js";
 export { e as SCountBox, t as SCountdown };

package/dist/s-countdown/{s-count-down.d.ts → s-countdown.d.ts}

@@ -3,22 +3,22 @@ import { SxProps, Theme } from '@mui/material';
 /**
  * Props interface for SCountdown component
  */
-export type SCountDownSize = 'small' | 'medium' | 'large';
-export type SCountDownColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'inherit';
-export type SCountDownLayout = 'horizontal' | 'vertical' | 'grid';
-export type SCountDownAnimation = 'none' | 'fade' | 'slide';
-export type SCountDownDigitFormat = 'default' | 'padded';
-export interface SCountDownProps {
+export type SCountdownSize = 'small' | 'medium' | 'large';
+export type SCountdownColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'inherit';
+export type SCountdownLayout = 'horizontal' | 'vertical' | 'grid';
+export type SCountdownAnimation = 'none' | 'fade' | 'slide';
+export type SCountdownDigitFormat = 'default' | 'padded';
+export interface SCountdownProps {
     /** Target date timestamp in milliseconds (from Date.getTime()) */
     expireDate: number;
     /** Size variant for all count boxes */
-    size?: SCountDownSize;
+    size?: SCountdownSize;
     /** Color theme for the countdown */
-    color?: SCountDownColor;
+    color?: SCountdownColor;
     /** Layout orientation */
-    layout?: SCountDownLayout;
+    layout?: SCountdownLayout;
     /** Animation type for value changes */
-    animation?: SCountDownAnimation;
+    animation?: SCountdownAnimation;
     /** Whether to show separators between units */
     showSeparators?: boolean;
     /** Custom separator element */
@@ -38,7 +38,7 @@ export interface SCountDownProps {
         seconds?: string;
     };
     /** Format for displaying digits */
-    digitFormat?: SCountDownDigitFormat;
+    digitFormat?: SCountdownDigitFormat;
     /** Callback fired when countdown reaches zero */
     onComplete?: () => void;
     /** Callback fired on each tick (every second) */
@@ -62,15 +62,15 @@ export interface SCountDownProps {
     paused?: boolean;
     /** Responsive breakpoints for size changes */
     responsive?: {
-        xs?: SCountDownSize;
-        sm?: SCountDownSize;
-        md?: SCountDownSize;
-        lg?: SCountDownSize;
-        xl?: SCountDownSize;
+        xs?: SCountdownSize;
+        sm?: SCountdownSize;
+        md?: SCountdownSize;
+        lg?: SCountdownSize;
+        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;
+    ({ 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 default SCountdown;

package/dist/s-countdown/{s-count-down.js → s-countdown.js}

@@ -1,10 +1,10 @@
 import { SFlexBox as e } from "../s-flex-box/s-flex-box.js";
-import t from "../hooks/use-count-down.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";
-//#region lib/s-countdown/s-count-down.tsx
+//#region lib/s-countdown/s-countdown.tsx
 function s(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;
 }

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

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

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

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

package/dist/{s-data-table-Cb7CsYQf.js → s-data-table-TrCdKq9r.js}

@@ -810,7 +810,7 @@ function be(e, t, n) {
 	return e.formatter ? e.formatter(t, n) : e.field ? t[e.field] : null;
 }
 var xe = ({ columns: e, hideHead: t, hover: n, onClick: r, onDeselectAll: i, onDeselectOne: a, onSelectOne: o, onSelectAll: s, onSort: l, rows: u, selectable: d, selected: f, sortBy: p, sortDirection: m, uniqueRowId: h, ...g }) => {
-	let _ = (f?.size ?? 0) > 0 && (f?.size ?? 0) < u.length, v = u.length > 0 && f?.size === u.length, b = C.useId(), x = (e) => {
+	let _ = (f?.size ?? 0) > 0 && (f?.size ?? 0) < u.length, v = u.length > 0 && f?.size === u.length, b = (e, t) => `${String(e.field ?? e.name ?? "column")}-${t}`, x = (e) => {
 		let t = $(e);
 		l?.(t, p === t && m === "asc" ? "desc" : "asc");
 	};
@@ -840,11 +840,11 @@ var xe = ({ columns: e, hideHead: t, hover: n, onClick: r, onDeselectAll: i, onD
 						v ? i?.(e) : s?.(e);
 					}
 				})
-			}) : null, e.map((e) => {
-				let t = e.sortable && p === $(e), n = t ? m === "asc" ? "ascending" : "descending" : void 0, r = e.hideName ? null : e.name;
+			}) : null, e.map((e, t) => {
+				let n = e.sortable && p === $(e), r = n ? m === "asc" ? "ascending" : "descending" : void 0, i = e.hideName ? null : e.name;
 				return /* @__PURE__ */ w(q, {
-					"aria-sort": n,
-					sortDirection: t ? m : !1,
+					"aria-sort": r,
+					sortDirection: n ? m : !1,
 					sx: {
 						width: e.width,
 						minWidth: e.width,
@@ -871,10 +871,10 @@ var xe = ({ columns: e, hideHead: t, hover: n, onClick: r, onDeselectAll: i, onD
 							width: "100%",
 							cursor: "pointer",
 							userSelect: "none",
-							color: t ? "primary.main" : "inherit",
-							"&:hover .s-sort-icon": { color: t ? "primary.main" : "text.secondary" }
+							color: n ? "primary.main" : "inherit",
+							"&:hover .s-sort-icon": { color: n ? "primary.main" : "text.secondary" }
 						},
-						children: [r, t ? w(m === "asc" ? y : D, {
+						children: [i, n ? w(m === "asc" ? y : D, {
 							className: "s-sort-icon",
 							fontSize: "small",
 							sx: { color: "primary.main" }
@@ -883,8 +883,8 @@ var xe = ({ columns: e, hideHead: t, hover: n, onClick: r, onDeselectAll: i, onD
 							fontSize: "small",
 							sx: { color: "text.disabled" }
 						})]
-					}) : r
-				}, e.name ?? b);
+					}) : i
+				}, b(e, t));
 			})] })
 		}), /* @__PURE__ */ w(K, { children: u.length ? u.map((t, i) => {
 			let s = t.id ?? h?.(t), c = s ? f?.has(s) : !1;
@@ -906,10 +906,10 @@ var xe = ({ columns: e, hideHead: t, hover: n, onClick: r, onDeselectAll: i, onD
 							r && e.stopPropagation();
 						}
 					})
-				}) : null, e.map((e) => /* @__PURE__ */ w(q, {
+				}) : null, e.map((e, n) => /* @__PURE__ */ w(q, {
 					sx: { ...e.align && { textAlign: e.align } },
 					children: be(e, t, i)
-				}, e.name))]
+				}, b(e, n)))]
 			}, s ?? i);
 		}) : /* @__PURE__ */ w(Q, { children: /* @__PURE__ */ w(q, {
 			align: "center",

package/dist/s-date-picker/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-date-picker-Mynq297P.js";
+import { t as e } from "../s-date-picker-BkZIEZoz.js";
 export { e as SDatePicker, e as default };

package/dist/s-date-picker/s-date-picker.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-date-picker-Mynq297P.js";
+import { t as e } from "../s-date-picker-BkZIEZoz.js";
 export { e as SDatePicker, e as default };