@solostylist/ui-kit 1.0.228 → 1.0.229

package/dist/Popover-ZneFWo2r.js

@@ -0,0 +1,333 @@
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { _ as t } from "./createTheme-Bnw5w28O.js";
+import { o as n, r } from "./memoTheme-QMocAblm.js";
+import { t as i } from "./clsx-Bv8WXdlr.js";
+import { t as a } from "./generateUtilityClass-tRYNDrlH.js";
+import { t as o } from "./generateUtilityClasses-XrPHiTcM.js";
+import { t as s } from "./styled-BTDmdi4c.js";
+import { c, p as l, s as u, t as d } from "./Modal-CLdC2-Th.js";
+import { i as f } from "./ButtonBase-BDefit5I.js";
+import { p as ee, s as p, t as m } from "./useSlot-IwEDsR9t.js";
+import { d as h, f as g, p as _ } from "./MenuList-vtqACjea.js";
+import { t as te } from "./mergeSlotProps-slENzJO5.js";
+import { n as v, t as y } from "./Paper-CPC6sMxx.js";
+import * as b from "react";
+import { jsx as x } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/material/Popover/popoverClasses.mjs
+var S = /* @__PURE__ */ e(t(), 1);
+function C(e) {
+	return a("MuiPopover", e);
+}
+o("MuiPopover", ["root", "paper"]);
+//#endregion
+//#region ../../node_modules/@mui/material/Popover/Popover.mjs
+function w(e, t) {
+	let n = 0;
+	return typeof t == "number" ? n = t : t === "center" ? n = e.height / 2 : t === "bottom" && (n = e.height), n;
+}
+function T(e, t) {
+	let n = 0;
+	return typeof t == "number" ? n = t : t === "center" ? n = e.width / 2 : t === "right" && (n = e.width), n;
+}
+function E(e) {
+	return [e.horizontal, e.vertical].map((e) => typeof e == "number" ? `${e}px` : e).join(" ");
+}
+function D(e) {
+	return typeof e == "function" ? e() : e;
+}
+var O = (e) => {
+	let { classes: t } = e;
+	return n({
+		root: ["root"],
+		paper: ["paper"]
+	}, C, t);
+}, k = s(d, {
+	name: "MuiPopover",
+	slot: "Root"
+})({}), A = s(y, {
+	name: "MuiPopover",
+	slot: "Paper"
+})({
+	position: "absolute",
+	overflowY: "auto",
+	overflowX: "hidden",
+	minWidth: 16,
+	minHeight: 16,
+	maxWidth: "calc(100% - 32px)",
+	maxHeight: "calc(100% - 32px)",
+	outline: 0
+}), j = /* @__PURE__ */ b.forwardRef(function(e, t) {
+	let n = r({
+		props: e,
+		name: "MuiPopover"
+	}), { action: a, anchorEl: o, anchorOrigin: s = {
+		vertical: "top",
+		horizontal: "left"
+	}, anchorPosition: l, anchorReference: d = "anchorEl", children: f, className: p, container: v, disableAutoFocus: y = !1, elevation: S = 8, marginThreshold: C = 16, open: j, slots: M = {}, slotProps: N = {}, transformOrigin: P = {
+		vertical: "top",
+		horizontal: "left"
+	}, transitionDuration: F = "auto", disableScrollLock: I = !1, ...L } = n, R = b.useRef(), z = {
+		...n,
+		anchorOrigin: s,
+		anchorReference: d,
+		elevation: S,
+		marginThreshold: C,
+		transformOrigin: P,
+		transitionDuration: F
+	}, B = O(z), V = b.useCallback(() => {
+		if (d === "anchorPosition") return process.env.NODE_ENV !== "production" && (l || console.error("MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference=\"anchorPosition\" />.")), l;
+		let e = D(o), t = e && e.nodeType === 1 ? e : g(R.current).body, n = t.getBoundingClientRect();
+		if (process.env.NODE_ENV !== "production") {
+			let e = t.getBoundingClientRect();
+			c() && e.top === 0 && e.left === 0 && e.right === 0 && e.bottom === 0 && console.warn([
+				"MUI: The `anchorEl` prop provided to the component is invalid.",
+				"The anchor element should be part of the document layout.",
+				"Make sure the element is present in the document or that it's not display none."
+			].join("\n"));
+		}
+		return {
+			top: n.top + w(n, s.vertical),
+			left: n.left + T(n, s.horizontal)
+		};
+	}, [
+		o,
+		s.horizontal,
+		s.vertical,
+		l,
+		d
+	]), H = b.useCallback((e) => ({
+		vertical: w(e, P.vertical),
+		horizontal: T(e, P.horizontal)
+	}), [P.horizontal, P.vertical]), U = b.useCallback((e) => {
+		let t = {
+			width: e.offsetWidth,
+			height: e.offsetHeight
+		}, n = H(t);
+		if (d === "none") return {
+			top: null,
+			left: null,
+			transformOrigin: E(n)
+		};
+		let r = V(), i = r.top - n.vertical, a = r.left - n.horizontal, s = i + t.height, c = a + t.width, l = h(D(o)), u = l.innerHeight - C, f = l.innerWidth - C;
+		if (C != null && i < C) {
+			let e = i - C;
+			i -= e, n.vertical += e;
+		} else if (C != null && s > u) {
+			let e = s - u;
+			i -= e, n.vertical += e;
+		}
+		if (process.env.NODE_ENV !== "production" && t.height > u && t.height && u && console.error([
+			"MUI: The popover component is too tall.",
+			`Some part of it can not be seen on the screen (${t.height - u}px).`,
+			"Please consider adding a `max-height` to improve the user-experience."
+		].join("\n")), C != null && a < C) {
+			let e = a - C;
+			a -= e, n.horizontal += e;
+		} else if (c > f) {
+			let e = c - f;
+			a -= e, n.horizontal += e;
+		}
+		return {
+			top: `${Math.round(i)}px`,
+			left: `${Math.round(a)}px`,
+			transformOrigin: E(n)
+		};
+	}, [
+		o,
+		d,
+		V,
+		H,
+		C
+	]), [W, G] = b.useState(j), K = b.useCallback(() => {
+		let e = R.current;
+		if (!e) return;
+		let t = U(e);
+		t.top != null && e.style.setProperty("top", t.top), t.left != null && (e.style.left = t.left), e.style.transformOrigin = t.transformOrigin, G(!0);
+	}, [U]);
+	b.useEffect(() => (I && window.addEventListener("scroll", K), () => window.removeEventListener("scroll", K)), [
+		o,
+		I,
+		K
+	]);
+	let q = () => {
+		K();
+	}, J = () => {
+		G(!1);
+	};
+	b.useEffect(() => {
+		j && K();
+	}), b.useImperativeHandle(a, () => j ? { updatePosition: () => {
+		K();
+	} } : null, [j, K]), b.useEffect(() => {
+		if (!j) return;
+		let e = _(() => {
+			K();
+		}), t = h(D(o));
+		return t.addEventListener("resize", e), () => {
+			e.clear(), t.removeEventListener("resize", e);
+		};
+	}, [
+		o,
+		j,
+		K
+	]);
+	let Y = F, X = {
+		slots: M,
+		slotProps: N
+	}, [Z, ne] = m("transition", {
+		elementType: u,
+		externalForwardedProps: X,
+		ownerState: z,
+		getSlotProps: (e) => ({
+			...e,
+			onEntering: (t, n) => {
+				e.onEntering?.(t, n), q();
+			},
+			onExited: (t) => {
+				e.onExited?.(t), J();
+			}
+		}),
+		additionalProps: {
+			appear: !0,
+			in: j
+		}
+	});
+	F === "auto" && !Z.muiSupportAuto && (Y = void 0);
+	let re = v || (o ? g(D(o)).body : void 0), [Q, { slots: $, slotProps: ie, ...ae }] = m("root", {
+		ref: t,
+		elementType: k,
+		externalForwardedProps: {
+			...X,
+			...L
+		},
+		shouldForwardComponentProp: !0,
+		additionalProps: {
+			slots: { backdrop: M.backdrop },
+			slotProps: { backdrop: te(typeof N.backdrop == "function" ? N.backdrop(z) : N.backdrop, { invisible: !0 }) },
+			container: re,
+			open: j
+		},
+		ownerState: z,
+		className: i(B.root, p)
+	}), [oe, se] = m("paper", {
+		ref: R,
+		className: B.paper,
+		elementType: A,
+		externalForwardedProps: X,
+		shouldForwardComponentProp: !0,
+		additionalProps: {
+			elevation: S,
+			style: W ? void 0 : { opacity: 0 }
+		},
+		ownerState: z
+	});
+	return /* @__PURE__ */ x(Q, {
+		...ae,
+		...!ee(Q) && {
+			slots: $,
+			slotProps: ie,
+			disableAutoFocus: y,
+			disableScrollLock: I
+		},
+		children: /* @__PURE__ */ x(Z, {
+			...ne,
+			timeout: Y,
+			children: /* @__PURE__ */ x(oe, {
+				...se,
+				children: f
+			})
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (j.propTypes = {
+	action: f,
+	anchorEl: p(S.default.oneOfType([l, S.default.func]), (e) => {
+		if (e.open && (!e.anchorReference || e.anchorReference === "anchorEl")) {
+			let t = D(e.anchorEl);
+			if (t && t.nodeType === 1) {
+				let e = t.getBoundingClientRect();
+				if (process.env.NODE_ENV !== "production" && c() && e.top === 0 && e.left === 0 && e.right === 0 && e.bottom === 0) return Error([
+					"MUI: The `anchorEl` prop provided to the component is invalid.",
+					"The anchor element should be part of the document layout.",
+					"Make sure the element is present in the document or that it's not display none."
+				].join("\n"));
+			} else return Error(["MUI: The `anchorEl` prop provided to the component is invalid.", `It should be an Element or PopoverVirtualElement instance but it's \`${t}\` instead.`].join("\n"));
+		}
+		return null;
+	}),
+	anchorOrigin: S.default.shape({
+		horizontal: S.default.oneOfType([S.default.oneOf([
+			"center",
+			"left",
+			"right"
+		]), S.default.number]).isRequired,
+		vertical: S.default.oneOfType([S.default.oneOf([
+			"bottom",
+			"center",
+			"top"
+		]), S.default.number]).isRequired
+	}),
+	anchorPosition: S.default.shape({
+		left: S.default.number.isRequired,
+		top: S.default.number.isRequired
+	}),
+	anchorReference: S.default.oneOf([
+		"anchorEl",
+		"anchorPosition",
+		"none"
+	]),
+	children: S.default.node,
+	classes: S.default.object,
+	className: S.default.string,
+	container: S.default.oneOfType([l, S.default.func]),
+	disableAutoFocus: S.default.bool,
+	disableScrollLock: S.default.bool,
+	elevation: v,
+	marginThreshold: S.default.number,
+	onClose: S.default.func,
+	open: S.default.bool.isRequired,
+	slotProps: S.default.shape({
+		backdrop: S.default.oneOfType([S.default.func, S.default.object]),
+		paper: S.default.oneOfType([S.default.func, S.default.object]),
+		root: S.default.oneOfType([S.default.func, S.default.object]),
+		transition: S.default.oneOfType([S.default.func, S.default.object])
+	}),
+	slots: S.default.shape({
+		backdrop: S.default.elementType,
+		paper: S.default.elementType,
+		root: S.default.elementType,
+		transition: S.default.elementType
+	}),
+	sx: S.default.oneOfType([
+		S.default.arrayOf(S.default.oneOfType([
+			S.default.func,
+			S.default.object,
+			S.default.bool
+		])),
+		S.default.func,
+		S.default.object
+	]),
+	transformOrigin: S.default.shape({
+		horizontal: S.default.oneOfType([S.default.oneOf([
+			"center",
+			"left",
+			"right"
+		]), S.default.number]).isRequired,
+		vertical: S.default.oneOfType([S.default.oneOf([
+			"bottom",
+			"center",
+			"top"
+		]), S.default.number]).isRequired
+	}),
+	transitionDuration: S.default.oneOfType([
+		S.default.oneOf(["auto"]),
+		S.default.number,
+		S.default.shape({
+			appear: S.default.number,
+			enter: S.default.number,
+			exit: S.default.number
+		})
+	])
+});
+//#endregion
+export { A as n, j as t };

package/dist/{checkbox-B5GlJYcB.js → checkbox-DC-OoGvh.js}

@@ -34,7 +34,7 @@ var o = r(/* @__PURE__ */ a("path", { d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1
 			outlineOffset: "2px",
 			borderColor: n[400]
 		},
-		"&.Mui-checked": {
+		[`&.Mui-checked, &.${i.indeterminate}`]: {
 			color: "white",
 			backgroundColor: n[500],
 			borderColor: n[500],

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chat-message-B9JOBvzP.js";
+import { t as e } from "../s-chat-message-C-d9amiC.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-B9JOBvzP.js";
+import { t as e } from "../s-chat-message-C-d9amiC.js";
 export { e as SChatMessage, e as default };

package/dist/{s-chat-message-B9JOBvzP.js → s-chat-message-C-d9amiC.js}

@@ -22,7 +22,7 @@ var h = n(/* @__PURE__ */ l("path", { d: "M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.8
 	}, ...Array.isArray(a) ? a : [a]],
 	children: [
 		t && !e && /* @__PURE__ */ l(o, {
-			component: "rounded-avatar",
+			variant: "circular",
 			width: 36,
 			height: 36
 		}),
@@ -75,7 +75,7 @@ var h = n(/* @__PURE__ */ l("path", { d: "M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.8
 			]
 		}),
 		t && e && /* @__PURE__ */ l(o, {
-			component: "rounded-avatar",
+			variant: "circular",
 			width: 36,
 			height: 36
 		})

package/dist/s-code-block/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-code-block-B5k-1Acd.js";
+import { t as e } from "../s-code-block-DEojINTt.js";
 export { e as SCodeBlock, e as default };

package/dist/s-code-block/s-code-block.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-code-block-B5k-1Acd.js";
+import { t as e } from "../s-code-block-DEojINTt.js";
 export { e as SCodeBlock, e as default };

package/dist/{s-code-block-B5k-1Acd.js → s-code-block-DEojINTt.js}

@@ -1,7 +1,8 @@
 import { n as e, t } from "./ContentCopy-BMQ2JTA0.js";
-import { useMemo as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Box as o, IconButton as s, useColorScheme as c } from "@mui/material";
+import { SIconButton as n } from "./s-icon-button/s-icon-button.js";
+import { useMemo as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Box as s, useColorScheme as c } from "@mui/material";
 import { Prism as l } from "react-syntax-highlighter";
 //#region ../../node_modules/react-syntax-highlighter/dist/esm/styles/prism/one-dark.js
 var u = {
@@ -561,7 +562,7 @@ var u = {
 	".prism-previewer-easing.prism-previewer-easing path": { stroke: "hsl(230, 8%, 24%)" },
 	".prism-previewer-easing.prism-previewer-easing line": { stroke: "hsl(230, 8%, 24%)" }
 }, f = ({ code: f, language: p = "typescript", showLineNumbers: m = !0, showCopyButton: h = !0, customStyle: g, onCopied: _ }) => {
-	let [v, y] = r(!1), { mode: b } = c(), x = n(() => {
+	let [v, y] = i(!1), { mode: b } = c(), x = r(() => {
 		let e = b === "dark" ? u : d;
 		return {
 			...e,
@@ -579,12 +580,13 @@ var u = {
 			}
 		};
 	}, [b]);
-	return f ? /* @__PURE__ */ a(o, {
+	return f ? /* @__PURE__ */ o(s, {
 		sx: {
 			position: "relative",
 			width: "100%"
 		},
-		children: [h && /* @__PURE__ */ i(s, {
+		children: [h && /* @__PURE__ */ a(n, {
+			"aria-label": v ? "Code copied" : "Copy code",
 			onClick: async () => {
 				if (f) try {
 					await navigator.clipboard.writeText(f), y(!0), setTimeout(() => y(!1), 2e3), _?.();
@@ -594,19 +596,22 @@ var u = {
 			},
 			sx: {
 				position: "absolute",
-				top: 8,
-				right: 8,
+				top: "50%",
+				right: 16,
+				transform: "translateY(-50%)",
 				zIndex: 1,
 				color: v ? "success.main" : "text.primary",
-				backdropFilter: "blur(8px)"
+				backdropFilter: "blur(8px)",
+				"&:active": { backgroundColor: "action.selected" }
 			},
-			children: i(v ? e : t, {})
-		}), /* @__PURE__ */ i(l, {
+			children: a(v ? e : t, {})
+		}), /* @__PURE__ */ a(l, {
 			language: p,
 			style: x,
 			showLineNumbers: m,
 			customStyle: {
 				margin: 0,
+				padding: 16,
 				borderRadius: "var(--s-shape-borderRadius)",
 				fontSize: "0.875rem",
 				backgroundColor: "var(--s-palette-background-paper)",

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-comment-message-BPE5a6p6.js";
+import { t as e } from "../s-comment-message-Dum0P6de.js";
 export { e as SCommentMessage, e as default };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-comment-message-BPE5a6p6.js";
+import { t as e } from "../s-comment-message-Dum0P6de.js";
 export { e as SCommentMessage, e as default };

package/dist/{s-comment-message-BPE5a6p6.js → s-comment-message-Dum0P6de.js}

@@ -31,7 +31,7 @@ var _ = t(/* @__PURE__ */ l("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58
 			spacing: 2,
 			sx: { alignItems: "flex-start" },
 			children: [/* @__PURE__ */ l(i, {
-				component: "rounded-avatar",
+				variant: "circular",
 				width: N,
 				height: N
 			}), /* @__PURE__ */ u(d, {
@@ -71,7 +71,7 @@ var _ = t(/* @__PURE__ */ l("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58
 						spacing: 1,
 						sx: { alignItems: "center" },
 						children: [
-							/* @__PURE__ */ l(i, { component: "icon-button" }),
+							/* @__PURE__ */ l(i, { preset: "icon-button" }),
 							/* @__PURE__ */ l(i, {
 								width: 20,
 								height: 16

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

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

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

@@ -47,11 +47,7 @@ export interface SDataTableProps<TRowModel> extends Omit<TableProps, 'onClick'>
     onSelectAll?: (event: React.ChangeEvent) => void;
     /** Handler for selecting individual rows */
     onSelectOne?: (event: React.ChangeEvent, row: TRowModel) => void;
-    /**
-     * Handler invoked when a sortable column header is clicked. Receives the
-     * column's sort key and the next direction. Sorting is controlled: the
-     * parent is responsible for reordering `rows` in response.
-     */
+    /** Fired when a sortable header is clicked with the sort key and next direction; parent reorders `rows` */
     onSort?: (sortKey: SortKey, direction: SortDirection) => void;
     /** Array of data objects to display in table rows */
     rows: TRowModel[];

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

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