@solostylist/ui-kit 2.0.0 → 2.0.2

package/dist/{s-comment-message-C6kfgRjv.js → s-comment-message-DpCVBKiE.js}

@@ -1,159 +1,160 @@
-import { i as e } from "./utils-DaSrTYUS.js";
+import { i as e } from "./utils-DOY6v6ln.js";
 import { toSxArray as t } from "./utils/sx.js";
-import { t as n } from "./createSvgIcon-B0SZlJF1.js";
-import { t as r } from "./ExpandMore-Ba5bg6s-.js";
-import { t as i } from "./Favorite-B_GsElm0.js";
-import { SSkeleton as a } from "./s-skeleton/s-skeleton.js";
-import { SAvatar as o } from "./s-avatar/s-avatar.js";
-import s, { useEffect as c, useId as l, useState as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Box as p, Button as m, Collapse as h, IconButton as g, Stack as _, Typography as v, styled as y, useThemeProps as b } from "@mui/material";
+import { t as n } from "./createSvgIcon-3y-gS0r1.js";
+import { t as r } from "./ExpandMore-sOgvEha9.js";
+import { t as i } from "./Favorite-BP343hjM.js";
+import { t as a } from "./FavoriteBorder-D15j9xEL.js";
+import { SSkeleton as o } from "./s-skeleton/s-skeleton.js";
+import { SAvatar as s } from "./s-avatar/s-avatar.js";
+import c, { useEffect as l, useId as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Box as m, Button as h, Collapse as g, IconButton as _, Stack as v, Typography as y, styled as b, useThemeProps as x } from "@mui/material";
 //#region ../../node_modules/@mui/icons-material/ExpandLess.mjs
-var x = n(/* @__PURE__ */ d("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" }), "ExpandLess"), S = n(/* @__PURE__ */ d("path", { d: "M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3m-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05" }), "FavoriteBorder"), C = n(/* @__PURE__ */ d("path", { d: "M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11" }), "Reply"), w = y(p, {
+var S = n(/* @__PURE__ */ f("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" }), "ExpandLess"), C = n(/* @__PURE__ */ f("path", { d: "M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11" }), "Reply"), w = b(m, {
 	name: "SCommentMessage",
 	slot: "Root"
-})({}), T = s.forwardRef(function(n, s) {
-	let y = b({
+})({}), T = c.forwardRef(function(n, c) {
+	let b = x({
 		props: n,
 		name: "SCommentMessage"
-	}), { commentId: ee, userName: E, userAvatar: D, commentContent: te, datetime: O, likes: k = 0, isLiked: A = !1, replies: j = [], totalReplies: ne, onLike: M, onReply: N, onToggleReplies: P, showReplies: F = !0, avatarSize: I = 48, level: L = 0, maxLevel: R = 3, loading: re = !1, children: z, sx: B, ...V } = y, H = l(), U = l(), W = ee ?? H, [G, K] = u(k), [q, J] = u(A), [Y, ie] = u(!1), ae = () => {
+	}), { commentId: ee, userName: E, userAvatar: D, commentContent: te, datetime: O, likes: k = 0, isLiked: A = !1, replies: j = [], totalReplies: ne, onLike: M, onReply: N, onToggleReplies: P, showReplies: F = !0, avatarSize: I = 48, level: L = 0, maxLevel: R = 3, loading: re = !1, children: z, sx: B, ...V } = b, H = u(), U = u(), W = ee ?? H, [G, K] = d(k), [q, J] = d(A), [Y, ie] = d(!1), ae = () => {
 		q ? (K((e) => Math.max(0, e - 1)), J(!1)) : (K((e) => e + 1), J(!0)), M && M(W);
 	}, oe = () => {
 		N && N(W);
 	}, se = () => {
 		ie((e) => !e), P && P(W);
 	}, ce = e(O), X = ne ?? j.length, Z = X > 0, Q = Math.min(L, R) * 2, $ = {
-		...y,
+		...b,
 		commentId: W,
 		localIsLiked: q,
 		showRepliesList: Y
 	};
-	return c(() => {
+	return l(() => {
 		K(k);
-	}, [k]), c(() => {
+	}, [k]), l(() => {
 		J(A);
-	}, [A]), re ? /* @__PURE__ */ d(w, {
+	}, [A]), re ? /* @__PURE__ */ f(w, {
 		...V,
 		ownerState: $,
-		ref: s,
+		ref: c,
 		sx: [{
 			pl: Q,
 			py: 1
 		}, ...t(B)],
-		children: /* @__PURE__ */ f(_, {
+		children: /* @__PURE__ */ p(v, {
 			direction: "row",
 			spacing: 2,
 			sx: { alignItems: "flex-start" },
-			children: [/* @__PURE__ */ d(a, {
+			children: [/* @__PURE__ */ f(o, {
 				variant: "circular",
 				width: I,
 				height: I
-			}), /* @__PURE__ */ f(p, {
+			}), /* @__PURE__ */ p(m, {
 				sx: { flex: 1 },
 				children: [
-					/* @__PURE__ */ f(_, {
+					/* @__PURE__ */ p(v, {
 						direction: "row",
 						spacing: 2,
 						sx: {
 							alignItems: "center",
 							mb: 1
 						},
-						children: [/* @__PURE__ */ d(a, {
+						children: [/* @__PURE__ */ f(o, {
 							width: 120,
 							height: 20
-						}), /* @__PURE__ */ d(a, {
+						}), /* @__PURE__ */ f(o, {
 							width: 80,
 							height: 16
 						})]
 					}),
-					/* @__PURE__ */ d(a, {
+					/* @__PURE__ */ f(o, {
 						height: 16,
 						sx: { mb: .5 }
 					}),
-					/* @__PURE__ */ d(a, {
+					/* @__PURE__ */ f(o, {
 						width: "85%",
 						height: 16,
 						sx: { mb: .5 }
 					}),
-					/* @__PURE__ */ d(a, {
+					/* @__PURE__ */ f(o, {
 						width: "70%",
 						height: 16,
 						sx: { mb: 2 }
 					}),
-					/* @__PURE__ */ f(_, {
+					/* @__PURE__ */ p(v, {
 						direction: "row",
 						spacing: 1,
 						sx: { alignItems: "center" },
 						children: [
-							/* @__PURE__ */ d(a, { preset: "icon-button" }),
-							/* @__PURE__ */ d(a, {
+							/* @__PURE__ */ f(o, { preset: "icon-button" }),
+							/* @__PURE__ */ f(o, {
 								width: 20,
 								height: 16
 							}),
-							/* @__PURE__ */ d(a, { width: 60 }),
-							/* @__PURE__ */ d(a, { width: 80 })
+							/* @__PURE__ */ f(o, { width: 60 }),
+							/* @__PURE__ */ f(o, { width: 80 })
 						]
 					})
 				]
 			})]
 		})
-	}) : /* @__PURE__ */ f(w, {
+	}) : /* @__PURE__ */ p(w, {
 		...V,
 		ownerState: $,
-		ref: s,
+		ref: c,
 		sx: [{
 			pl: Q,
 			py: 1
 		}, ...t(B)],
-		children: [/* @__PURE__ */ f(_, {
+		children: [/* @__PURE__ */ p(v, {
 			direction: "row",
 			spacing: 2,
 			sx: { alignItems: "flex-start" },
-			children: [/* @__PURE__ */ d(o, {
+			children: [/* @__PURE__ */ f(s, {
 				src: D,
 				name: E,
 				size: I
-			}), /* @__PURE__ */ f(p, {
+			}), /* @__PURE__ */ p(m, {
 				sx: { flex: 1 },
 				children: [
-					/* @__PURE__ */ d(v, {
+					/* @__PURE__ */ f(y, {
 						variant: "subtitle1",
 						children: E
 					}),
-					/* @__PURE__ */ d(v, {
+					/* @__PURE__ */ f(y, {
 						variant: "body1",
 						children: te
 					}),
-					/* @__PURE__ */ d(v, {
+					/* @__PURE__ */ f(y, {
 						variant: "caption",
 						children: ce
 					}),
-					/* @__PURE__ */ f(_, {
+					/* @__PURE__ */ p(v, {
 						direction: "row",
 						spacing: 1,
 						sx: { alignItems: "center" },
 						children: [
-							/* @__PURE__ */ d(g, {
+							/* @__PURE__ */ f(_, {
 								"aria-label": q ? "Unlike comment" : "Like comment",
 								"aria-pressed": q,
 								onClick: ae,
 								sx: { color: q ? "error.main" : "text.secondary" },
-								children: d(q ? i : S, {})
+								children: f(q ? i : a, {})
 							}),
-							G > 0 && /* @__PURE__ */ d(v, {
+							G > 0 && /* @__PURE__ */ f(y, {
 								variant: "caption",
 								children: G
 							}),
-							/* @__PURE__ */ d(m, {
-								startIcon: /* @__PURE__ */ d(C, {}),
+							/* @__PURE__ */ f(h, {
+								startIcon: /* @__PURE__ */ f(C, {}),
 								onClick: oe,
 								variant: "text",
 								children: "Reply"
 							}),
-							Z && F && /* @__PURE__ */ f(m, {
+							Z && F && /* @__PURE__ */ p(h, {
 								"aria-controls": U,
 								"aria-expanded": Y,
-								startIcon: d(Y ? x : r, {}),
+								startIcon: f(Y ? S : r, {}),
 								onClick: se,
 								variant: "text",
 								children: [
@@ -164,15 +165,15 @@ var x = n(/* @__PURE__ */ d("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58
 							})
 						]
 					}),
-					z && /* @__PURE__ */ d(p, { children: z })
+					z && /* @__PURE__ */ f(m, { children: z })
 				]
 			})]
-		}), Z && F && /* @__PURE__ */ d(h, {
+		}), Z && F && /* @__PURE__ */ f(g, {
 			id: U,
 			in: Y,
-			children: /* @__PURE__ */ d(p, {
+			children: /* @__PURE__ */ f(m, {
 				sx: { mt: 2 },
-				children: j.map((e, t) => /* @__PURE__ */ d(T, {
+				children: j.map((e, t) => /* @__PURE__ */ f(T, {
 					...e,
 					level: L + 1,
 					maxLevel: R,

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

@@ -1,6 +1,6 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { t } from "../appendOwnerState-CELpvdMz.js";
-import { n, t as r } from "../ContentCopy-5unyTYXy.js";
+import { t } from "../appendOwnerState-CFQTq3pb.js";
+import { n, t as r } from "../ContentCopy-Hlh3azVb.js";
 import * as i from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { Box as s, IconButton as c, Paper as l, Typography as u, styled as d, useThemeProps as f } from "@mui/material";

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

@@ -1,5 +1,5 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { t } from "../appendOwnerState-CELpvdMz.js";
+import { t } from "../appendOwnerState-CFQTq3pb.js";
 import * as n from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Box as a, Fade as o, Slide as s, Typography as c, styled as l, useThemeProps as u } from "@mui/material";

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-data-table-B1TGVupB.js";
+import { t as e } from "../s-data-table-D4V58HFR.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-B1TGVupB.js";
+import { t as e } from "../s-data-table-D4V58HFR.js";
 export { e as SDataTable, e as default };

package/dist/{s-data-table-B1TGVupB.js → s-data-table-D4V58HFR.js}

@@ -6,15 +6,15 @@ import { t as a } from "./clsx-DGZSe4Nt.js";
 import { t as o } from "./Box-9oeZgA1U.js";
 import { t as s } from "./generateUtilityClasses-DvX505Gy.js";
 import { t as c } from "./styled-Bog8QCl3.js";
-import { t as l } from "./memoTheme-qFyKAk7y.js";
-import { t as u } from "./useThemeProps-Cr28OQu3.js";
+import { t as l } from "./useThemeProps-Dw9dmKyT.js";
+import { t as u } from "./memoTheme-qFyKAk7y.js";
 import { toSxArray as d } from "./utils/sx.js";
-import { t as f } from "./ButtonBase-DxKtpFYs.js";
-import { t as p } from "./buttonBaseClasses-BvBqFLb_.js";
-import { t as m } from "./useSlot-iIu8ek6E.js";
-import { t as h } from "./capitalize-CccCFNpQ.js";
-import { t as g } from "./createSvgIcon-B0SZlJF1.js";
-import { t as _ } from "./Checkbox-BoZu9z2l.js";
+import { t as f } from "./ButtonBase-DovDC6-1.js";
+import { t as p } from "./buttonBaseClasses-B90LjsNK.js";
+import { t as m } from "./useSlot-BG8ReOxN.js";
+import { t as h } from "./capitalize-C0baBJCm.js";
+import { t as g } from "./createSvgIcon-3y-gS0r1.js";
+import { t as _ } from "./Checkbox-C-Xjbzzh.js";
 import { SEmpty as v } from "./s-empty/s-empty.js";
 import * as y from "react";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
@@ -39,7 +39,7 @@ var D = (e) => {
 		let { ownerState: n } = e;
 		return [t.root, n.stickyHeader && t.stickyHeader];
 	}
-})(l(({ theme: e }) => ({
+})(u(({ theme: e }) => ({
 	display: "table",
 	width: "100%",
 	borderCollapse: "collapse",
@@ -201,7 +201,7 @@ var z = s("MuiTableCell", [
 			n.stickyHeader && t.stickyHeader
 		];
 	}
-})(l(({ theme: e }) => ({
+})(u(({ theme: e }) => ({
 	...e.typography.body2,
 	display: "table-cell",
 	verticalAlign: "inherit",
@@ -428,7 +428,7 @@ var U = s("MuiTableRow", [
 			n.footer && t.footer
 		];
 	}
-})(l(({ theme: e }) => ({
+})(u(({ theme: e }) => ({
 	color: "inherit",
 	display: "table-row",
 	verticalAlign: "middle",
@@ -507,7 +507,7 @@ var K = s("MuiTableSortLabel", [
 		let { ownerState: n } = e;
 		return [t.root, n.active && t.active];
 	}
-})(l(({ theme: e }) => ({
+})(u(({ theme: e }) => ({
 	cursor: "pointer",
 	display: "inline-flex",
 	justifyContent: "flex-start",
@@ -528,7 +528,7 @@ var K = s("MuiTableSortLabel", [
 }))), me = c("span", {
 	name: "MuiTableSortLabel",
 	slot: "Icon"
-})(l(({ theme: e }) => ({
+})(u(({ theme: e }) => ({
 	fontSize: 18,
 	marginRight: 4,
 	marginLeft: 4,
@@ -643,10 +643,10 @@ var ge = c(A, {
 	overflow: "hidden",
 	[`& .${N.root} > .${U.root}:last-child > .${z.root}`]: { borderBottom: 0 }
 })), $ = Object.assign(y.forwardRef((e, t) => {
-	let n = u({
+	let n = l({
 		props: e,
 		name: "SDataTable"
-	}), { columns: r, hideHead: i, hover: a, onRowClick: s, onRowKeyDown: c, onDeselectAll: l, onDeselectOne: f, onSelectOne: m, onSelectAll: h, onSort: g, rows: y, selectable: S, selected: T, sortBy: E, sortDirection: D, sx: O, uniqueRowId: k, ...A } = n, j = {
+	}), { columns: r, hideHead: i, hover: a, onRowClick: s, onRowKeyDown: c, onDeselectAll: u, onDeselectOne: f, onSelectOne: m, onSelectAll: h, onSort: g, rows: y, selectable: S, selected: T, sortBy: E, sortDirection: D, sx: O, uniqueRowId: k, ...A } = n, j = {
 		...n,
 		hideHead: i,
 		hover: a,
@@ -687,7 +687,7 @@ var ge = c(A, {
 							slotProps: { input: { "aria-label": "Select all rows" } },
 							sx: X,
 							onChange: (e) => {
-								F ? l?.(e) : h?.(e);
+								F ? u?.(e) : h?.(e);
 							}
 						})
 					})

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-date-picker-BpX4HmBp.js";
+import { t as e } from "../s-date-picker-BFIQOA8C.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-BpX4HmBp.js";
+import { t as e } from "../s-date-picker-BFIQOA8C.js";
 export { e as SDatePicker, e as default };