@solostylist/ui-kit 2.0.2 → 2.0.3

package/dist/s-swatch/s-swatch.js

@@ -1,20 +1,19 @@
 import { resolveOwnerStateSlotProps as e } from "../utils/slots.js";
-import { t } from "../useForkRef-BuNFTXxE.js";
-import { t as n } from "../appendOwnerState-CFQTq3pb.js";
-import { getFocusVisibleStyle as r } from "../theme/components/action-styles.js";
-import { t as i } from "../mergeSlotProps-DC8r4QzS.js";
-import * as a from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Box as c, ButtonBase as l, styled as u, useThemeProps as d } from "@mui/material";
+import { getFocusVisibleStyle as t } from "../theme/components/action-styles.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Box as a, ButtonBase as o, styled as s, useThemeProps as c } from "@mui/material";
+import { mergeSlotProps as l, useForkRef as u } from "@mui/material/utils";
+import d from "@mui/utils/appendOwnerState";
 //#region lib/s-swatch/s-swatch.tsx
 var f = {
 	small: 22,
 	medium: 32,
 	large: 44
-}, p = 24, m = 44, h = "@media (pointer: coarse)", g = 45, _ = (e) => Math.max(1, typeof e == "number" ? e : f[e]), v = ({ ownerState: e, theme: t }) => ({
+}, p = 24, m = 44, h = "@media (pointer: coarse)", g = 45, _ = (e) => Math.max(1, typeof e == "number" ? e : f[e]), v = ({ ownerState: e, theme: n }) => ({
 	alignItems: "center",
 	backgroundColor: "transparent",
-	borderRadius: t.radius.sm,
+	borderRadius: n.radius.sm,
 	boxSizing: "border-box",
 	cursor: e.interactive ? "pointer" : "default",
 	display: "inline-flex",
@@ -23,7 +22,7 @@ var f = {
 	justifyContent: "center",
 	padding: 0,
 	position: "relative",
-	transition: t.transitions.create("opacity", { duration: t.transitions.duration.shorter }),
+	transition: n.transitions.create("opacity", { duration: n.transitions.duration.shorter }),
 	width: e.controlSize,
 	...e.interactive ? {
 		"& .MuiTouchRipple-root": {
@@ -35,7 +34,7 @@ var f = {
 			zIndex: 1
 		},
 		"&.Mui-focusVisible::after": {
-			...r(t),
+			...t(n),
 			borderRadius: "inherit",
 			content: "\"\"",
 			height: e.swatchSize,
@@ -56,21 +55,21 @@ var f = {
 	} : void 0,
 	variants: [{
 		props: ({ ownerState: e }) => e.shape === "circle",
-		style: { borderRadius: t.radius.full }
+		style: { borderRadius: n.radius.full }
 	}, {
 		props: ({ ownerState: e }) => e.disabled,
-		style: { opacity: (t.vars ?? t).palette.action.disabledOpacity }
+		style: { opacity: (n.vars ?? n).palette.action.disabledOpacity }
 	}],
 	"@media (prefers-reduced-motion: reduce)": { transition: "none" }
-}), y = u(l, {
+}), y = s(o, {
 	name: "SSwatch",
 	slot: "Root",
 	shouldForwardProp: (e) => e !== "ownerState"
-})(v), b = u(c, {
+})(v), b = s(a, {
 	name: "SSwatch",
 	slot: "Root",
 	shouldForwardProp: (e) => e !== "ownerState"
-})(v), x = u(c, {
+})(v), x = s(a, {
 	name: "SSwatch",
 	slot: "Swatch",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -113,7 +112,7 @@ var f = {
 		}
 	],
 	"@media (prefers-reduced-motion: reduce)": { transition: "none" }
-})), S = u(c, {
+})), S = s(a, {
 	name: "SSwatch",
 	slot: "Image",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -126,7 +125,7 @@ var f = {
 	objectPosition: "center",
 	position: "absolute",
 	width: "100%"
-}), C = u(c, {
+}), C = s(a, {
 	name: "SSwatch",
 	slot: "Indicator",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -142,7 +141,7 @@ var f = {
 	transform: "translate(-50%, -50%)",
 	width: Math.max(6, Math.round(e.swatchSize * .3)),
 	zIndex: 3
-})), w = u(c, {
+})), w = s(a, {
 	name: "SSwatch",
 	slot: "Strikethrough",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -158,12 +157,12 @@ var f = {
 	transformOrigin: "center",
 	width: "141.421%",
 	zIndex: 2
-})), T = a.forwardRef(function(r, a) {
-	let c = d({
-		props: r,
+})), T = n.forwardRef(function(t, n) {
+	let a = c({
+		props: t,
 		name: "SSwatch"
-	}), { "aria-label": l, "aria-labelledby": u, color: f, colorSecondary: h, disabled: v = !1, image: T, interactive: E = !0, label: D, selected: O = !1, shape: k = "square", size: A = "medium", slotProps: j, slots: M, unavailable: N = !1, unavailableText: P = "Unavailable", value: F, ...I } = c, L = _(A), R = E ? Math.max(L, p) : L, z = {
-		...c,
+	}), { "aria-label": o, "aria-labelledby": s, color: f, colorSecondary: h, disabled: v = !1, image: T, interactive: E = !0, label: D, selected: O = !1, shape: k = "square", size: A = "medium", slotProps: j, slots: M, unavailable: N = !1, unavailableText: P = "Unavailable", value: F, ...I } = a, L = _(A), R = E ? Math.max(L, p) : L, z = {
+		...a,
 		coarseControlSize: E ? Math.max(L, m) : L,
 		controlSize: R,
 		disabled: v,
@@ -173,23 +172,23 @@ var f = {
 		size: A,
 		swatchSize: L,
 		unavailable: N
-	}, B = M?.root ?? (E ? y : b), V = M?.swatch ?? x, H = M?.image ?? S, U = M?.indicator ?? C, W = M?.strikethrough ?? w, G = [l ?? D ?? F, N ? P : void 0].filter(Boolean).join(", "), { ref: K, ...q } = n(B, i(e(j?.root, z), E ? {
+	}, B = M?.root ?? (E ? y : b), V = M?.swatch ?? x, H = M?.image ?? S, U = M?.indicator ?? C, W = M?.strikethrough ?? w, G = [o ?? D ?? F, N ? P : void 0].filter(Boolean).join(", "), { ref: K, ...q } = d(B, l(e(j?.root, z), E ? {
 		...I,
-		"aria-label": u ? void 0 : G || void 0,
-		"aria-labelledby": u,
+		"aria-label": s ? void 0 : G || void 0,
+		"aria-labelledby": s,
 		"aria-pressed": O,
 		disabled: v
 	} : {
 		component: "span",
 		role: "img",
 		...I,
-		"aria-label": u ? void 0 : G || void 0,
-		"aria-labelledby": u
-	}), z), J = t(K, a), { style: Y, ...X } = e(j?.swatch, z) ?? {}, Z = n(V, X, z), Q = n(H, e(j?.image, z) ?? {}, z), $ = n(U, e(j?.indicator, z) ?? {}, z), ee = n(W, e(j?.strikethrough, z) ?? {}, z);
-	return /* @__PURE__ */ s(B, {
+		"aria-label": s ? void 0 : G || void 0,
+		"aria-labelledby": s
+	}), z), J = u(K, n), { style: Y, ...X } = e(j?.swatch, z) ?? {}, Z = d(V, X, z), Q = d(H, e(j?.image, z) ?? {}, z), $ = d(U, e(j?.indicator, z) ?? {}, z), ee = d(W, e(j?.strikethrough, z) ?? {}, z);
+	return /* @__PURE__ */ i(B, {
 		...q,
 		ref: J,
-		children: [/* @__PURE__ */ s(V, {
+		children: [/* @__PURE__ */ i(V, {
 			component: "span",
 			...Z,
 			style: {
@@ -197,17 +196,17 @@ var f = {
 				backgroundImage: h ? `linear-gradient(${180 - g}deg, ${f} 0 50%, ${h} 50% 100%)` : void 0,
 				...Y
 			},
-			children: [T ? /* @__PURE__ */ o(H, {
+			children: [T ? /* @__PURE__ */ r(H, {
 				alt: "",
 				component: "img",
 				...Q,
 				src: T
-			}) : null, N ? /* @__PURE__ */ o(W, {
+			}) : null, N ? /* @__PURE__ */ r(W, {
 				"aria-hidden": !0,
 				component: "span",
 				...ee
 			}) : null]
-		}), O ? /* @__PURE__ */ o(U, {
+		}), O ? /* @__PURE__ */ r(U, {
 			"aria-hidden": !0,
 			component: "span",
 			...$

package/dist/s-switch/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-switch-BCeBoxWf.js";
+import { SSwitch as e } from "./s-switch.js";
 export { e as SSwitch, e as default };

package/dist/s-switch/s-switch.js

@@ -1,2 +1,48 @@
-import { t as e } from "../s-switch-BCeBoxWf.js";
-export { e as SSwitch, e as default };
+import { styled as e, useThemeProps as t } from "@mui/material/styles";
+import n from "@mui/material/Switch";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+import a from "@mui/utils/appendOwnerState";
+import o, { formControlLabelClasses as s } from "@mui/material/FormControlLabel";
+//#region lib/s-switch/s-switch.tsx
+var c = e(o, {
+	name: "SSwitch",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	display: "flex",
+	justifyContent: "space-between",
+	margin: 0,
+	userSelect: "none",
+	[`&&.${s.disabled}`]: { cursor: "not-allowed" },
+	[`&& .${s.label}.${s.disabled}`]: { color: (e.vars ?? e).palette.text.disabled }
+}));
+function l(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+var u = r.forwardRef(function(e, r) {
+	let o = t({
+		props: e,
+		name: "SSwitch"
+	}), { disabled: s = !1, label: u, labelPlacement: d = "start", required: f = !1, slotProps: p, slots: m, ...h } = o, g = {
+		...o,
+		disabled: s,
+		labelPlacement: d,
+		required: f
+	}, _ = m?.control ?? n, v = l(p?.control, g), y = a(m?.control, v ?? {}, g);
+	return /* @__PURE__ */ i(c, {
+		...h,
+		control: /* @__PURE__ */ i(_, { ...y }),
+		disabled: s,
+		label: u,
+		labelPlacement: d,
+		ownerState: g,
+		ref: r,
+		required: f,
+		slots: m?.typography ? { typography: m.typography } : void 0,
+		slotProps: p?.typography ? { typography: p.typography } : void 0
+	});
+});
+u.displayName = "SSwitch";
+//#endregion
+export { u as SSwitch, u as default };

package/dist/s-tabs/s-tabs.js

@@ -1,15 +1,13 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { t } from "../useForkRef-BuNFTXxE.js";
-import { t as n } from "../appendOwnerState-CFQTq3pb.js";
-import { t as r } from "../useControlled-DqNPBJNp.js";
-import { t as i } from "../mergeSlotProps-DC8r4QzS.js";
-import { getTabId as a, getTabPanelId as o } from "./tab-ids.js";
-import * as s from "react";
-import { createElement as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Box as d, Tab as f, Tabs as p, styled as m, useThemeProps as h } from "@mui/material";
+import { getTabId as t, getTabPanelId as n } from "./tab-ids.js";
+import * as r from "react";
+import { createElement as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Box as s, Tab as c, Tabs as l, styled as u, useThemeProps as d } from "@mui/material";
+import { mergeSlotProps as f, useControlled as p, useForkRef as m } from "@mui/material/utils";
+import h from "@mui/utils/appendOwnerState";
 //#region lib/s-tabs/s-tabs.tsx
-var g = m(d, {
+var g = u(s, {
 	name: "STabs",
 	slot: "Root",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -20,61 +18,61 @@ function _(e, t) {
 function v(e, t) {
 	return e.value ?? t;
 }
-var y = s.forwardRef(function(m, y) {
-	let b = h({
-		props: m,
+var y = r.forwardRef(function(u, y) {
+	let b = d({
+		props: u,
 		name: "STabs"
-	}), { children: x, defaultValue: S, id: C, onChange: w, orientation: T = "horizontal", slotProps: E, slots: D, sx: O, tabs: k, value: A, ...j } = b, M = s.useId(), N = C ?? M, P = k[0]?.value ?? 0, [F, I] = r({
-		controlled: A,
-		default: S ?? P,
+	}), { children: x, defaultValue: ee, id: S, onChange: C, orientation: w = "horizontal", slotProps: T, slots: E, sx: D, tabs: O, value: k, ...A } = b, j = r.useId(), M = S ?? j, N = O[0]?.value ?? 0, [P, F] = p({
+		controlled: k,
+		default: ee ?? N,
 		name: "STabs",
 		state: "value"
-	}), L = k.findIndex((e, t) => (e.value ?? t) === F), R = L >= 0 ? k[L]?.value ?? L : !1, z = {
+	}), I = O.findIndex((e, t) => (e.value ?? t) === P), L = I >= 0 ? O[I]?.value ?? I : !1, R = {
 		...b,
-		activeIndex: L,
-		orientation: T,
-		value: F
-	}, B = D?.root ?? g, V = D?.list ?? p, H = D?.tab ?? f, U = D?.panel ?? d, W = _(E?.root, z), G = _(E?.list, z), K = _(E?.panel, z), { sx: q, ...J } = W ?? {}, { sx: Y, ...X } = K ?? {}, { ref: Z, ...Q } = n(B, J, z), $ = t(Z, y), ee = n(D?.list, G ?? {}, z), te = n(D?.panel, X, z), ne = (e, t) => {
-		I(t), w?.(e, t);
+		activeIndex: I,
+		orientation: w,
+		value: P
+	}, z = E?.root ?? g, B = E?.list ?? l, V = E?.tab ?? c, H = E?.panel ?? s, U = _(T?.root, R), W = _(T?.list, R), G = _(T?.panel, R), { sx: K, ...q } = U ?? {}, { sx: J, ...Y } = G ?? {}, { ref: X, ...Z } = h(z, q, R), Q = m(X, y), $ = h(E?.list, W ?? {}, R), te = h(E?.panel, Y, R), ne = (e, t) => {
+		F(t), C?.(e, t);
 	};
-	return /* @__PURE__ */ u(B, {
-		...j,
-		...Q,
-		ref: $,
-		id: N,
+	return /* @__PURE__ */ o(z, {
+		...A,
+		...Z,
+		ref: Q,
+		id: M,
 		sx: [
-			{ display: T === "vertical" ? "flex" : "block" },
-			...e(O),
-			...e(q)
+			{ display: w === "vertical" ? "flex" : "block" },
+			...e(D),
+			...e(K)
 		],
-		children: [/* @__PURE__ */ l(V, {
+		children: [/* @__PURE__ */ a(B, {
 			"aria-label": "Tabs",
-			...ee,
-			value: F,
-			orientation: T,
+			...$,
+			value: P,
+			orientation: w,
 			onChange: ne,
-			children: k.map((e, t) => {
-				let r = e.value ?? t, s = {
-					...z,
-					index: t,
+			children: O.map((e, r) => {
+				let a = e.value ?? r, o = {
+					...R,
+					index: r,
 					item: e
-				}, l = i(_(E?.tab, s), e);
-				return /* @__PURE__ */ c(H, {
-					...n(D?.tab, l, s),
-					key: v(e, t),
-					id: a(N, r),
-					"aria-controls": o(N, r),
+				}, s = f(_(T?.tab, o), e);
+				return /* @__PURE__ */ i(V, {
+					...h(E?.tab, s, o),
+					key: v(e, r),
+					id: t(M, a),
+					"aria-controls": n(M, a),
 					label: e.label,
-					value: r
+					value: a
 				});
 			})
-		}), x && R !== !1 ? /* @__PURE__ */ l(U, {
+		}), x && L !== !1 ? /* @__PURE__ */ a(H, {
 			...te,
 			role: "tabpanel",
-			id: o(N, R),
-			"aria-labelledby": a(N, R),
-			sx: [{ p: 2 }, ...e(Y)],
-			children: s.Children.toArray(x)[L]
+			id: n(M, L),
+			"aria-labelledby": t(M, L),
+			sx: [{ p: 2 }, ...e(J)],
+			children: r.Children.toArray(x)[I]
 		}) : null]
 	});
 });

package/dist/s-text-editor/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../s-text-editor-toolbar-D5eQ-jCs.js";
+import { STextEditorToolbar as e } from "./s-text-editor-toolbar.js";
 import { STextEditor as t } from "./s-text-editor.js";
 export { t as STextEditor, t as default, e as STextEditorToolbar };

package/dist/s-text-editor/s-text-editor-toolbar.js

@@ -1,2 +1,213 @@
-import { t as e } from "../s-text-editor-toolbar-D5eQ-jCs.js";
-export { e as STextEditorToolbar };
+import { toSxArray as e } from "../utils/sx.js";
+import { STextField as t } from "../s-text-field/s-text-field.js";
+import { SPopover as n } from "../s-popover/s-popover.js";
+import { SPopoverContent as r } from "../s-popover/s-popover-content.js";
+import i from "@mui/material/IconButton";
+import * as a from "react";
+import o from "@mui/material/Select";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { MenuItem as l, styled as u, useThemeProps as d } from "@mui/material";
+import f from "@mui/material/Stack";
+import p from "@mui/icons-material/Code";
+import m from "@mui/icons-material/FormatBold";
+import h from "@mui/icons-material/FormatItalic";
+import g from "@mui/icons-material/FormatListBulleted";
+import _ from "@mui/icons-material/FormatListNumbered";
+import v from "@mui/icons-material/Link";
+import y from "@mui/icons-material/StrikethroughS";
+import b from "@mui/material/FormControl";
+//#region lib/s-text-editor/s-text-editor-toolbar.tsx
+var x = u(f, {
+	name: "STextEditorToolbar",
+	slot: "Root"
+})({}), S = a.forwardRef(function(i, u) {
+	let S = d({
+		props: i,
+		name: "STextEditorToolbar"
+	}), { className: T, disabled: E = !1, editor: D, spacing: O = 1, sx: k, ...A } = S, j = {
+		...S,
+		disabled: E,
+		editorReady: D != null
+	}, [M, N] = a.useState(!1), [P, F] = a.useState(null), [I, L] = a.useState("");
+	return a.useEffect(() => {
+		E && (N(!1), F(null), L(""));
+	}, [E]), /* @__PURE__ */ c(a.Fragment, { children: [/* @__PURE__ */ s(x, {
+		...A,
+		className: ["tiptap-toolbar", T].filter(Boolean).join(" "),
+		ownerState: j,
+		ref: u,
+		spacing: O,
+		"aria-disabled": E || void 0,
+		sx: [{
+			borderBottom: "1px solid",
+			borderColor: "divider",
+			p: "8px",
+			minHeight: "57px"
+		}, ...e(k)],
+		children: D ? /* @__PURE__ */ c(f, {
+			direction: "row",
+			spacing: .5,
+			sx: {
+				alignItems: "center",
+				flexWrap: "wrap"
+			},
+			children: [
+				/* @__PURE__ */ c(o, {
+					disabled: E,
+					inputProps: { "aria-label": "Text format" },
+					onChange: (e) => {
+						let t = e.target.value;
+						if (t) {
+							if (t === "p") {
+								D.chain().focus().setParagraph().run();
+								return;
+							}
+							if (t.startsWith("h")) {
+								let e = parseInt(t.replace("h", ""));
+								!isNaN(e) && e >= 1 && e <= 6 && D.chain().focus().setHeading({ level: e }).run();
+							}
+						}
+					},
+					value: C(D),
+					children: [/* @__PURE__ */ s(l, {
+						disabled: E || !D.can().chain().focus().setParagraph().run(),
+						value: "p",
+						children: "Paragraph"
+					}), [
+						1,
+						2,
+						3,
+						4,
+						5,
+						6
+					].map((e) => /* @__PURE__ */ c(l, {
+						disabled: E || !D.can().chain().focus().setHeading({ level: e }).run(),
+						value: `h${e}`,
+						children: ["Heading ", e]
+					}, e))]
+				}),
+				/* @__PURE__ */ s(w, {
+					active: D.isActive("bold"),
+					disabled: E || !D.can().chain().focus().toggleBold().run(),
+					label: "Bold",
+					onClick: () => {
+						D.chain().focus().toggleBold().run();
+					},
+					children: /* @__PURE__ */ s(m, {})
+				}),
+				/* @__PURE__ */ s(w, {
+					active: D.isActive("italic"),
+					disabled: E || !D.can().chain().focus().toggleItalic().run(),
+					label: "Italic",
+					onClick: () => {
+						D.chain().focus().toggleItalic().run();
+					},
+					children: /* @__PURE__ */ s(h, {})
+				}),
+				/* @__PURE__ */ s(w, {
+					active: D.isActive("strike"),
+					disabled: E || !D.can().chain().focus().toggleStrike().run(),
+					label: "Strikethrough",
+					onClick: () => {
+						D.chain().focus().toggleStrike().run();
+					},
+					children: /* @__PURE__ */ s(y, {})
+				}),
+				/* @__PURE__ */ s(w, {
+					active: D.isActive("codeBlock"),
+					disabled: E || !D.can().chain().focus().toggleCodeBlock().run(),
+					label: "Code block",
+					onClick: () => {
+						D.chain().focus().toggleCodeBlock().run();
+					},
+					children: /* @__PURE__ */ s(p, {})
+				}),
+				/* @__PURE__ */ s(w, {
+					active: D.isActive("bulletList"),
+					disabled: E || !D.can().chain().focus().toggleBulletList().run(),
+					label: "Bulleted list",
+					onClick: () => {
+						D.chain().focus().toggleBulletList().run();
+					},
+					children: /* @__PURE__ */ s(g, {})
+				}),
+				/* @__PURE__ */ s(w, {
+					active: D.isActive("orderedList"),
+					disabled: E || !D.can().chain().focus().toggleOrderedList().run(),
+					label: "Numbered list",
+					onClick: () => {
+						D.chain().focus().toggleOrderedList().run();
+					},
+					children: /* @__PURE__ */ s(_, {})
+				}),
+				/* @__PURE__ */ s(w, {
+					disabled: E,
+					label: "Set link",
+					onClick: (e) => {
+						L(D.getAttributes("link").href ?? ""), F(e.currentTarget), N(!0);
+					},
+					children: /* @__PURE__ */ s(v, {})
+				}),
+				/* @__PURE__ */ s(w, {
+					active: D.isActive("link"),
+					disabled: E || !D.can().chain().focus().unsetLink().run(),
+					label: "Remove link",
+					onClick: () => {
+						D.chain().focus().unsetLink().run();
+					},
+					children: /* @__PURE__ */ s(v, {})
+				})
+			]
+		}) : null
+	}), /* @__PURE__ */ s(n, {
+		anchorEl: P,
+		placement: "bottom-start",
+		onClose: () => {
+			N(!1), F(null), L("");
+		},
+		open: !E && M,
+		children: /* @__PURE__ */ s(r, { children: /* @__PURE__ */ s(b, { children: /* @__PURE__ */ s(t, {
+			name: "url",
+			label: "URL",
+			onChange: (e) => {
+				L(e.target.value);
+			},
+			onKeyUp: (e) => {
+				if (e.key === "Enter") {
+					if (I === "") {
+						D?.chain().focus().extendMarkRange("link").unsetLink().run();
+						return;
+					}
+					D?.chain().focus().setLink({ href: I }).run(), N(!1), F(null), L("");
+				}
+			},
+			value: I
+		}) }) })
+	})] });
+});
+S.displayName = "STextEditorToolbar";
+function C(e) {
+	if (e.isActive("paragraph")) return "p";
+	for (let t of [
+		1,
+		2,
+		3,
+		4,
+		5,
+		6
+	]) if (e.isActive("heading", { level: t })) return `h${t}`;
+	return "p";
+}
+var w = a.forwardRef(function({ active: e, children: t, disabled: n, label: r, onClick: a }, o) {
+	return /* @__PURE__ */ s(i, {
+		"aria-label": r,
+		"aria-pressed": e,
+		color: e ? "primary" : "inherit",
+		disabled: n,
+		onClick: a,
+		ref: o,
+		children: t
+	});
+});
+//#endregion
+export { S as STextEditorToolbar };

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

@@ -1,32 +1,31 @@
-import { t as e } from "../Box-9oeZgA1U.js";
-import { t } from "../styled-Bog8QCl3.js";
-import { t as n } from "../useThemeProps-Dw9dmKyT.js";
-import { toSxArray as r } from "../utils/sx.js";
-import { tint as i } from "../theme/utils.js";
-import { t as a } from "../s-text-editor-toolbar-D5eQ-jCs.js";
-import * as o from "react";
-import { forwardRef as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { toSxArray as e } from "../utils/sx.js";
+import { tint as t } from "../theme/utils.js";
+import { STextEditorToolbar as n } from "./s-text-editor-toolbar.js";
+import { styled as r, useThemeProps as i } from "@mui/material/styles";
+import * as a from "react";
+import { forwardRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "@mui/material/Box";
 import { Placeholder as u } from "@tiptap/extension-placeholder";
 import { EditorContent as d, useEditor as f } from "@tiptap/react";
 import { StarterKit as p } from "@tiptap/starter-kit";
 //#region lib/s-text-editor/s-text-editor.tsx
-var m = t(e, {
+var m = r(l, {
 	name: "STextEditor",
 	slot: "Root",
 	shouldForwardProp: (e) => e !== "ownerState"
-})({}), h = s((e, t) => {
-	let s = n({
-		props: e,
+})({}), h = o((r, o) => {
+	let l = i({
+		props: r,
 		name: "STextEditor"
-	}), { content: h, editable: g = !0, hideToolbar: _ = !1, onUpdate: v = () => {}, placeholder: y, sx: b, ...x } = s, S = {
-		...s,
+	}), { content: h, editable: g = !0, hideToolbar: _ = !1, onUpdate: v = () => {}, placeholder: y, sx: b, ...x } = l, S = {
+		...l,
 		editable: g,
 		hideToolbar: _
-	}, C = o.useRef(y);
+	}, C = a.useRef(y);
 	C.current = y;
 	let w = f({
-		extensions: o.useMemo(() => [p.configure({ link: {
+		extensions: a.useMemo(() => [p.configure({ link: {
 			openOnClick: !1,
 			autolink: !0
 		} }), u.configure({
@@ -38,15 +37,15 @@ var m = t(e, {
 		onUpdate: v,
 		parseOptions: { preserveWhitespace: "full" }
 	});
-	return o.useEffect(() => {
+	return a.useEffect(() => {
 		!w || w.isDestroyed || w.setEditable(g);
-	}, [g, w]), o.useEffect(() => {
+	}, [g, w]), a.useEffect(() => {
 		!w || w.isDestroyed || w.view.dispatch(w.state.tr);
-	}, [w, y]), o.useEffect(() => {
+	}, [w, y]), a.useEffect(() => {
 		!w || w.isDestroyed || w.getHTML() !== h && w.commands.setContent(h);
-	}, [h, w]), /* @__PURE__ */ l(m, {
+	}, [h, w]), /* @__PURE__ */ c(m, {
 		...x,
-		ref: t,
+		ref: o,
 		ownerState: S,
 		sx: [(e) => ({
 			display: "flex",
@@ -58,7 +57,7 @@ var m = t(e, {
 			...g ? {
 				"&:hover": { borderColor: (e.vars ?? e).palette.grey[500] },
 				"&:focus-within": {
-					outline: `3px solid ${i((e.vars ?? e).palette.primary[500], 50)}`,
+					outline: `3px solid ${t((e.vars ?? e).palette.primary[500], 50)}`,
 					borderColor: (e.vars ?? e).palette.primary[400]
 				}
 			} : {},
@@ -88,11 +87,11 @@ var m = t(e, {
 					pointerEvents: "none"
 				}
 			}
-		}), ...r(b)],
-		children: [_ ? null : /* @__PURE__ */ c(a, {
+		}), ...e(b)],
+		children: [_ ? null : /* @__PURE__ */ s(n, {
 			disabled: !g,
 			editor: w
-		}), /* @__PURE__ */ c(d, {
+		}), /* @__PURE__ */ s(d, {
 			className: "tiptap-container",
 			editor: w
 		})]