@solostylist/ui-kit 1.0.225 → 1.0.226

package/dist/s-pagination/s-pagination.js

@@ -1,15 +1,15 @@
 import { SSkeleton as e } from "../s-skeleton/s-skeleton.js";
 import "react";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Box as i, Pagination as a, Stack as o, useMediaQuery as s, useTheme as c } from "@mui/material";
+import { Pagination as i, Stack as a, useMediaQuery as o, useTheme as s } from "@mui/material";
 //#region lib/s-pagination/s-pagination.tsx
-var l = ({ style: t }) => /* @__PURE__ */ r(o, {
+var c = ({ style: t }) => /* @__PURE__ */ r(a, {
 	direction: "row",
 	style: t,
 	sx: {
+		display: "inline-flex",
 		flexWrap: "wrap",
-		gap: 1,
-		justifyContent: "center"
+		gap: 1
 	},
 	children: [
 		/* @__PURE__ */ n(e, { component: "icon-button" }),
@@ -19,17 +19,14 @@ var l = ({ style: t }) => /* @__PURE__ */ r(o, {
 		}),
 		/* @__PURE__ */ n(e, { component: "icon-button" })
 	]
-}), u = ({ loading: e, count: r = 0, ...o }) => {
-	let u = s(c().breakpoints.down("sm"));
-	return r === 0 ? /* @__PURE__ */ n(t, {}) : e ? /* @__PURE__ */ n(l, { style: o.style }) : /* @__PURE__ */ n(i, {
-		sx: { width: "100%" },
-		children: /* @__PURE__ */ n(a, {
-			size: u ? "small" : "medium",
-			count: r,
-			...o
-		})
+}), l = ({ loading: e, count: r = 0, ...a }) => {
+	let l = o(s().breakpoints.down("sm"));
+	return r === 0 ? /* @__PURE__ */ n(t, {}) : e ? /* @__PURE__ */ n(c, { style: a.style }) : /* @__PURE__ */ n(i, {
+		size: l ? "small" : "medium",
+		count: r,
+		...a
 	});
 };
-u.displayName = "SPagination";
+l.displayName = "SPagination";
 //#endregion
-export { u as SPagination, u as default };
+export { l as SPagination, l as default };

package/dist/s-review/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-review-DjvDY-h4.js";
+import { t as e } from "../s-review-f0OI1oqM.js";
 export { e as SReview, e as default };

package/dist/s-review/s-review.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-review-DjvDY-h4.js";
+import { t as e } from "../s-review-f0OI1oqM.js";
 export { e as SReview, e as default };

package/dist/{s-review-DjvDY-h4.js → s-review-f0OI1oqM.js}

@@ -1,6 +1,6 @@
 import { i as e } from "./utils-B5Rl6Zwv.js";
-import { t } from "./createSvgIcon-BdNZIlKS.js";
-import { n } from "./s-image-modal-Za71QD3d.js";
+import { t } from "./createSvgIcon-HW-tbFcL.js";
+import { t as n } from "./s-image-modal-hhRD4727.js";
 import r from "./s-lazy-image/s-lazy-image.js";
 import { SSkeleton as i } from "./s-skeleton/s-skeleton.js";
 import { SAvatar as a } from "./s-avatar/s-avatar.js";
@@ -116,34 +116,25 @@ var _ = t(/* @__PURE__ */ u("path", { d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02
 				}), /* @__PURE__ */ d(f, {
 					sx: { flex: 1 },
 					children: [
-						/* @__PURE__ */ d(h, {
-							direction: "row",
-							spacing: 2,
-							sx: {
-								alignItems: "center",
-								mb: 1
-							},
-							children: [/* @__PURE__ */ u(g, { children: y }), /* @__PURE__ */ u("div", { children: /* @__PURE__ */ u(g, {
-								variant: "caption",
-								children: $
-							}) })]
-						}),
-						/* @__PURE__ */ u(f, {
-							sx: { mb: 1 },
-							children: /* @__PURE__ */ u(o, {
-								value: x,
-								max: j,
-								readOnly: M
-							})
+						/* @__PURE__ */ u(g, {
+							variant: "subtitle1",
+							children: y
 						}),
+						/* @__PURE__ */ u(f, { children: /* @__PURE__ */ u(o, {
+							value: x,
+							max: j,
+							readOnly: M
+						}) }),
 						/* @__PURE__ */ u(g, {
-							variant: "body2",
-							sx: {
-								mb: 2,
-								lineHeight: 1.6
-							},
+							variant: "body1",
+							sx: { lineHeight: 1.6 },
 							children: S
 						}),
+						/* @__PURE__ */ u(f, { children: /* @__PURE__ */ u(g, {
+							variant: "caption",
+							sx: { mb: 2 },
+							children: $
+						}) }),
 						w && w.length > 0 && /* @__PURE__ */ u(h, {
 							direction: "row",
 							spacing: 1,
@@ -179,7 +170,7 @@ var _ = t(/* @__PURE__ */ u("path", { d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02
 							},
 							children: [
 								/* @__PURE__ */ u(g, {
-									variant: "caption",
+									variant: "body2",
 									sx: { mr: 2 },
 									children: "Was this review helpful?"
 								}),

package/dist/s-scroll-reveal/s-scroll-reveal.js

@@ -8,7 +8,7 @@ function a(e) {
 	return t.isValidElement(e) && e.key != null ? e.key : typeof e == "string" || typeof e == "number" ? e : null;
 }
 function o(e, t, n, r) {
-	return e ? t ? "visible" : r : n;
+	return t ? e ? "visible" : "hidden" : e ? r : n;
 }
 var s = ({ children: s, duration: c = .6, ease: l = "easeOut", threshold: u, rootMargin: d, delay: f, direction: p, distance: m, scale: h = !0, rotate: g = !1, stagger: _ = !0, staggerDelay: v = .1, sx: y, ...b }) => {
 	let { ref: x, animate: S, initialPosition: C, finalPosition: w } = e({

package/dist/s-scroll-to-top/s-scroll-to-top.js

@@ -1,5 +1,5 @@
 import { t as e } from "../styled-BTDmdi4c.js";
-import { t } from "../ArrowUpward-BMKLosZj.js";
+import { t } from "../ArrowUpward-DONVUi9Q.js";
 import { useIsPassedPosition as n } from "../hooks/use-is-passed-position.js";
 import { SIconButton as r } from "../s-icon-button/s-icon-button.js";
 import i from "react";

package/dist/s-select/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-select-B-dEcddK.js";
+import { t as e } from "../s-select-BqWS_5Bs.js";
 export { e as SSelect, e as default };

package/dist/s-select/s-select.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-select-B-dEcddK.js";
+import { t as e } from "../s-select-BqWS_5Bs.js";
 export { e as SSelect, e as default };

package/dist/{s-select-B-dEcddK.js → s-select-BqWS_5Bs.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createSvgIcon-BdNZIlKS.js";
+import { t as e } from "./createSvgIcon-HW-tbFcL.js";
 import { SForm as t } from "./s-form/s-form.js";
 import { forwardRef as n, useState as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";

package/dist/s-select-list/s-select-list.js

@@ -6,7 +6,7 @@ var s = o(n, { shouldForwardProp: (e) => e !== "selected" })(({ theme: e, select
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "space-between",
-	borderRadius: 8,
+	borderRadius: e.radius.md,
 	padding: e.spacing(1),
 	paddingLeft: e.spacing(2),
 	paddingRight: e.spacing(2),
@@ -20,16 +20,7 @@ var s = o(n, { shouldForwardProp: (e) => e !== "selected" })(({ theme: e, select
 		return /* @__PURE__ */ t(n, { children: [/* @__PURE__ */ t(s, {
 			selected: o,
 			onClick: () => l(a.id),
-			children: [/* @__PURE__ */ e(n, {
-				sx: {
-					display: "flex",
-					alignItems: "center",
-					gap: 2,
-					flex: 1,
-					borderRadius: 8
-				},
-				children: u(a, o)
-			}), f && /* @__PURE__ */ e(i, { checked: o })]
+			children: [u(a, o), f && /* @__PURE__ */ e(i, { checked: o })]
 		}), p && /* @__PURE__ */ e(r, {
 			in: o,
 			children: /* @__PURE__ */ e(n, {

package/dist/s-spotlight-cursor/s-spotlight-cursor.js

@@ -9,24 +9,32 @@ var i = (n) => {
 		if (!e) return;
 		let t = e.getContext("2d");
 		if (!t) return;
-		let i, a = -1e3, o = -1e3, s = () => {
-			e.width = window.innerWidth, e.height = window.innerHeight;
-		}, c = (e) => {
-			a = e.clientX, o = e.clientY;
-		}, l = () => {
-			a = -1e3, o = -1e3;
-		}, u = (e) => {
+		let i, a = 0, o = 0, s = -1e3, c = -1e3, l = e.parentElement, u = l ?? e, d = l?.style.position, f = () => {
+			let n = u.getBoundingClientRect(), r = window.devicePixelRatio || 1;
+			a = n.width, o = n.height, e.width = Math.max(1, Math.round(a * r)), e.height = Math.max(1, Math.round(o * r)), t.setTransform(r, 0, 0, r, 0, 0);
+		}, p = (t) => {
+			let n = e.getBoundingClientRect(), r = t.clientX - n.left, i = t.clientY - n.top;
+			if (r < 0 || r > n.width || i < 0 || i > n.height) {
+				s = -1e3, c = -1e3;
+				return;
+			}
+			s = r, c = i;
+		}, m = () => {
+			s = -1e3, c = -1e3;
+		}, h = (e) => {
 			let t = parseInt(e.slice(1), 16);
 			return `${t >> 16 & 255},${t >> 8 & 255},${t & 255}`;
-		}, d = () => {
-			if (t.clearRect(0, 0, e.width, e.height), a !== -1e3 && o !== -1e3) {
-				let r = t.createRadialGradient(a, o, 0, a, o, n.radius || 200), i = u(n.color);
-				r.addColorStop(0, `rgba(${i}, ${n.brightness})`), r.addColorStop(1, "rgba(0,0,0,0)"), t.fillStyle = r, t.fillRect(0, 0, e.width, e.height);
+		}, g = () => {
+			if (t.clearRect(0, 0, a, o), s !== -1e3 && c !== -1e3) {
+				let e = t.createRadialGradient(s, c, 0, s, c, n.radius || 200), r = h(n.color);
+				e.addColorStop(0, `rgba(${r}, ${n.brightness})`), e.addColorStop(1, "rgba(0,0,0,0)"), t.fillStyle = e, t.fillRect(0, 0, a, o);
 			}
-			i = requestAnimationFrame(d);
+			i = requestAnimationFrame(g);
 		};
-		return s(), window.addEventListener("resize", s), window.addEventListener("mousemove", c), window.addEventListener("mouseleave", l), i = requestAnimationFrame(d), () => {
-			window.removeEventListener("resize", s), window.removeEventListener("mousemove", c), window.removeEventListener("mouseleave", l), cancelAnimationFrame(i);
+		l && window.getComputedStyle(l).position === "static" && (l.style.position = "relative"), f();
+		let _ = new ResizeObserver(f);
+		return _.observe(u), window.addEventListener("resize", f), u.addEventListener("mousemove", p), u.addEventListener("mouseleave", m), i = requestAnimationFrame(g), () => {
+			_.disconnect(), window.removeEventListener("resize", f), u.removeEventListener("mousemove", p), u.removeEventListener("mouseleave", m), l && d !== void 0 && (l.style.position = d), cancelAnimationFrame(i);
 		};
 	}, [
 		n.radius,
@@ -43,7 +51,7 @@ var i = (n) => {
 	ref: i(e),
 	className: t,
 	sx: {
-		position: "fixed",
+		position: "absolute",
 		top: 0,
 		left: 0,
 		pointerEvents: "none",

package/dist/s-stripe/s-stripe-cvc.d.ts

@@ -1,7 +1,3 @@
-import { CardCvcElement } from '@stripe/react-stripe-js';
 import { StripeTextFieldProps } from './s-stripe';
-export declare function SStripeCVC(props: Readonly<StripeTextFieldProps<typeof CardCvcElement>>): import("react/jsx-runtime").JSX.Element;
-export declare namespace SStripeCVC {
-    var displayName: string;
-}
+export declare const SStripeCVC: import('react').ForwardRefExoticComponent<Omit<StripeTextFieldProps<import('@stripe/react-stripe-js').CardCvcElementComponent>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default SStripeCVC;

package/dist/s-stripe/s-stripe-cvc.js

@@ -1,14 +1,14 @@
 import { StripeTextField as e } from "./s-stripe.js";
-import { jsx as t } from "react/jsx-runtime";
-import { CardCvcElement as n } from "@stripe/react-stripe-js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { CardCvcElement as r } from "@stripe/react-stripe-js";
 //#region lib/s-stripe/s-stripe-cvc.tsx
-function r(r) {
-	return /* @__PURE__ */ t(e, {
-		label: "CVC",
-		stripeElement: n,
-		...r
-	});
-}
-r.displayName = "SStripeCVC";
+var i = t((t, i) => /* @__PURE__ */ n(e, {
+	ref: i,
+	label: "CVC",
+	stripeElement: r,
+	...t
+}));
+i.displayName = "SStripeCVC";
 //#endregion
-export { r as SStripeCVC, r as default };
+export { i as SStripeCVC, i as default };

package/dist/s-stripe/s-stripe-expiry.d.ts

@@ -1,7 +1,3 @@
-import { CardExpiryElement } from '@stripe/react-stripe-js';
 import { StripeTextFieldProps } from './s-stripe';
-export declare function SStripeExpiry(props: Readonly<StripeTextFieldProps<typeof CardExpiryElement>>): import("react/jsx-runtime").JSX.Element;
-export declare namespace SStripeExpiry {
-    var displayName: string;
-}
+export declare const SStripeExpiry: import('react').ForwardRefExoticComponent<Omit<StripeTextFieldProps<import('@stripe/react-stripe-js').CardExpiryElementComponent>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default SStripeExpiry;

package/dist/s-stripe/s-stripe-expiry.js

@@ -1,14 +1,14 @@
 import { StripeTextField as e } from "./s-stripe.js";
-import { jsx as t } from "react/jsx-runtime";
-import { CardExpiryElement as n } from "@stripe/react-stripe-js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { CardExpiryElement as r } from "@stripe/react-stripe-js";
 //#region lib/s-stripe/s-stripe-expiry.tsx
-function r(r) {
-	return /* @__PURE__ */ t(e, {
-		label: "Expiration",
-		stripeElement: n,
-		...r
-	});
-}
-r.displayName = "SStripeExpiry";
+var i = t((t, i) => /* @__PURE__ */ n(e, {
+	ref: i,
+	label: "Expiration",
+	stripeElement: r,
+	...t
+}));
+i.displayName = "SStripeExpiry";
 //#endregion
-export { r as SStripeExpiry, r as default };
+export { i as SStripeExpiry, i as default };

package/dist/s-stripe/s-stripe-number.d.ts

@@ -1,7 +1,3 @@
-import { CardNumberElement } from '@stripe/react-stripe-js';
 import { StripeTextFieldProps } from './s-stripe';
-export declare function SStripeNumber(props: Readonly<StripeTextFieldProps<typeof CardNumberElement>>): import("react/jsx-runtime").JSX.Element;
-export declare namespace SStripeNumber {
-    var displayName: string;
-}
+export declare const SStripeNumber: import('react').ForwardRefExoticComponent<Omit<StripeTextFieldProps<import('@stripe/react-stripe-js').CardNumberElementComponent>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default SStripeNumber;

package/dist/s-stripe/s-stripe-number.js

@@ -1,14 +1,14 @@
 import { StripeTextField as e } from "./s-stripe.js";
-import { jsx as t } from "react/jsx-runtime";
-import { CardNumberElement as n } from "@stripe/react-stripe-js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { CardNumberElement as r } from "@stripe/react-stripe-js";
 //#region lib/s-stripe/s-stripe-number.tsx
-function r(r) {
-	return /* @__PURE__ */ t(e, {
-		label: "Card Number",
-		stripeElement: n,
-		...r
-	});
-}
-r.displayName = "SStripeNumber";
+var i = t((t, i) => /* @__PURE__ */ n(e, {
+	ref: i,
+	label: "Card Number",
+	stripeElement: r,
+	...t
+}));
+i.displayName = "SStripeNumber";
 //#endregion
-export { r as SStripeNumber, r as default };
+export { i as SStripeNumber, i as default };

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

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { AuBankAccountElement, CardCvcElement, CardExpiryElement, CardNumberElement, IbanElement } from '@stripe/react-stripe-js';
 import { STextFieldProps } from '../s-text-field';
 /**
@@ -19,8 +20,14 @@ export interface StripeTextFieldProps<T extends StripeElement> extends Omit<STex
     /** The Stripe Element component to render */
     stripeElement?: T;
 }
-export declare const StripeTextField: {
-    <T extends StripeElement>(props: StripeTextFieldProps<T>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+/**
+ * Type definition for StripeTextField component with generic Stripe Element support
+ */
+export interface StripeTextFieldComponent {
+    <T extends StripeElement>(props: StripeTextFieldProps<T> & {
+        ref?: React.ForwardedRef<HTMLDivElement>;
+    }): React.JSX.Element;
+    displayName?: string;
+}
+export declare const StripeTextField: StripeTextFieldComponent;
 export default StripeTextField;

package/dist/s-stripe/s-stripe.js

@@ -1,31 +1,33 @@
-import { t as e } from "../s-text-field-GqcwXwta.js";
+import { t as e } from "../s-text-field-DLSDoq7u.js";
 import t from "./stripe-input.js";
-import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
 //#region lib/s-stripe/s-stripe.tsx
-var r = (r) => {
-	let { helperText: i, slotProps: a, inputProps: o, error: s, labelErrorMessage: c, stripeElement: l, onChange: u, ...d } = r, f = typeof a?.input == "object" ? a.input.inputProps : void 0;
-	return /* @__PURE__ */ n(e, {
+var i = n((n, i) => {
+	let { helperText: a, slotProps: o, inputProps: s, error: c, labelErrorMessage: l, stripeElement: u, onChange: d, ...f } = n, p = typeof o?.input == "object" ? o.input.inputProps : void 0;
+	return /* @__PURE__ */ r(e, {
+		ref: i,
 		slotProps: {
 			inputLabel: {
-				...a?.inputLabel,
+				...o?.inputLabel,
 				shrink: !0
 			},
 			input: {
-				...a?.input,
+				...o?.input,
 				inputProps: {
-					...o,
-					...f,
-					component: l
+					...s,
+					...p,
+					component: u
 				},
 				inputComponent: t
 			}
 		},
-		error: s,
-		helperText: s ? c : i,
-		onChange: u,
-		...d
+		error: c,
+		helperText: c ? l : a,
+		onChange: d,
+		...f
 	});
-};
-r.displayName = "StripeTextField";
+});
+i.displayName = "StripeTextField";
 //#endregion
-export { r as StripeTextField, r as default };
+export { i as StripeTextField, i as default };

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

@@ -1,27 +1,36 @@
-import * as e from "react";
-import { jsx as t } from "react/jsx-runtime";
+import { t as e } from "../theme-primitives-7ruiI7gY.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
 import '../assets/stripe-input.css';//#region lib/s-stripe/stripe-input.tsx
-var n = {
-	dark: {
-		text: "#ffffff",
-		textSecondary: "#94a0b8",
-		placeholder: "#94a0b8",
-		error: "#910808"
-	},
-	light: {
-		text: "#202124",
-		textSecondary: "#5e6B78",
-		placeholder: "#5e6B78",
-		error: "#f50a1a"
-	}
+function r(e) {
+	let t = e.match(/^hsl\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*\)$/i);
+	if (!t) return e;
+	let n = Number(t[1]), r = Number(t[2]) / 100, i = Number(t[3]) / 100, a = (e) => {
+		let t = (e + n / 30) % 12, a = i - r * Math.min(i, 1 - i) * Math.max(-1, Math.min(t - 3, 9 - t, 1));
+		return Math.round(255 * a).toString(16).padStart(2, "0");
+	};
+	return `#${a(0)}${a(8)}${a(4)}`;
+}
+function i(t) {
+	let { palette: n } = e[t];
+	return {
+		text: r(n.text.primary),
+		textSecondary: r(n.text.secondary),
+		placeholder: r(n.text.secondary),
+		error: r(n.error.main)
+	};
+}
+var a = {
+	dark: i("dark"),
+	light: i("light")
 };
-function r() {
+function o() {
 	return typeof window > "u" ? "dark" : document.documentElement.getAttribute("data-mui-color-scheme") || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
 }
-function i() {
-	return n[r()];
+function s() {
+	return a[o()];
 }
-function a(e, t) {
+function c(e, t) {
 	return {
 		base: {
 			fontFamily: "Outfit, sans-serif",
@@ -32,13 +41,13 @@ function a(e, t) {
 		invalid: { color: e.error }
 	};
 }
-var o = e.forwardRef(function(n, r) {
-	let { component: o, options: s, ...c } = n, [l, u] = e.useState(null);
-	e.useImperativeHandle(r, () => ({ focus: () => l?.focus() }), [l]), e.useEffect(() => {
+var l = t.forwardRef(function(e, r) {
+	let { component: i, options: a, ...o } = e, [l, u] = t.useState(null);
+	t.useImperativeHandle(r, () => ({ focus: () => l?.focus() }), [l]), t.useEffect(() => {
 		if (!l) return;
 		let e = () => {
-			let e = i();
-			l.update({ style: a(e, c.disabled) });
+			let e = s();
+			l.update({ style: c(e, o.disabled) });
 		}, t = new MutationObserver((t) => {
 			for (let n of t) if (n.attributeName === "data-mui-color-scheme" || n.attributeName === "class" || n.attributeName === "style") {
 				requestAnimationFrame(e);
@@ -46,17 +55,17 @@ var o = e.forwardRef(function(n, r) {
 			}
 		});
 		return t.observe(document.documentElement, { attributes: !0 }), () => t.disconnect();
-	}, [l, c.disabled]);
-	let d = i();
-	return /* @__PURE__ */ t(o, {
+	}, [l, o.disabled]);
+	let d = s();
+	return /* @__PURE__ */ n(i, {
 		onReady: u,
 		options: {
-			...s,
-			style: a(d, c.disabled),
-			disabled: c.disabled
+			...a,
+			style: c(d, o.disabled),
+			disabled: o.disabled
 		},
-		...c
+		...o
 	});
 });
 //#endregion
-export { o as default };
+export { l as default };

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

@@ -1,3 +1,3 @@
-import { t as e } from "../s-text-editor-toolbar-DP0MkICo.js";
+import { t as e } from "../s-text-editor-toolbar-DrQ8v-4J.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,2 @@
-import { t as e } from "../s-text-editor-toolbar-DP0MkICo.js";
+import { t as e } from "../s-text-editor-toolbar-DrQ8v-4J.js";
 export { e as STextEditorToolbar };

package/dist/s-text-editor/s-text-editor.d.ts

@@ -15,8 +15,5 @@ export interface STextEditorProps {
     /** Placeholder text shown when editor is empty */
     placeholder?: string;
 }
-export declare const STextEditor: {
-    ({ content, editable, hideToolbar, onUpdate, placeholder, }: STextEditorProps): React.JSX.Element;
-    displayName: string;
-};
+export declare const STextEditor: React.ForwardRefExoticComponent<STextEditorProps & React.RefAttributes<HTMLDivElement>>;
 export default STextEditor;

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

@@ -1,39 +1,36 @@
 import { tint as e } from "../theme/utils.js";
 import { t } from "../Box-BlmynALm.js";
-import { t as n } from "../s-text-editor-toolbar-DP0MkICo.js";
+import { t as n } from "../s-text-editor-toolbar-DrQ8v-4J.js";
 import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Link as o } from "@tiptap/extension-link";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { Placeholder as s } from "@tiptap/extension-placeholder";
 import { EditorContent as c, useEditor as l } from "@tiptap/react";
 import { StarterKit as u } from "@tiptap/starter-kit";
 //#region lib/s-text-editor/s-text-editor.tsx
-var d = ({ content: d, editable: f = !0, hideToolbar: p, onUpdate: m = () => {}, placeholder: h }) => {
+var d = i(({ content: i, editable: d = !0, hideToolbar: f, onUpdate: p = () => {}, placeholder: m }, h) => {
 	let g = l({
-		extensions: [
-			u,
-			s.configure({
-				emptyEditorClass: "is-editor-empty",
-				placeholder: h
-			}),
-			o.configure({
-				openOnClick: !1,
-				autolink: !0
-			})
-		],
-		content: d,
-		editable: f,
-		onUpdate: m,
+		extensions: [u.configure({ link: {
+			openOnClick: !1,
+			autolink: !0
+		} }), s.configure({
+			emptyEditorClass: "is-editor-empty",
+			placeholder: m
+		})],
+		content: i,
+		editable: d,
+		onUpdate: p,
 		parseOptions: { preserveWhitespace: "full" }
 	});
 	return r.useEffect(() => {
-		!g || g.isDestroyed || g.getHTML() !== d && g.commands.setContent(d);
-	}, [d, g]), /* @__PURE__ */ a(t, {
+		!g || g.isDestroyed || g.getHTML() !== i && g.commands.setContent(i);
+	}, [i, g]), /* @__PURE__ */ o(t, {
+		ref: h,
 		className: "tiptap-root",
 		sx: (t) => ({
 			display: "flex",
 			flexDirection: "column",
-			...f && {
+			...d && {
 				border: "1px solid",
 				borderColor: "divider",
 				borderRadius: 1,
@@ -55,7 +52,7 @@ var d = ({ content: d, editable: f = !0, hideToolbar: p, onUpdate: m = () => {},
 				color: "text.primary",
 				flex: "1 1 auto",
 				overflow: "auto",
-				fontSize: "0.875rem",
+				fontSize: t.typography.body1.fontSize,
 				p: "8px 16px",
 				"&:focus-visible": { outline: "none" },
 				"&.resize-cursor": {
@@ -71,12 +68,12 @@ var d = ({ content: d, editable: f = !0, hideToolbar: p, onUpdate: m = () => {},
 				}
 			}
 		}),
-		children: [p ? /* @__PURE__ */ i("div", {}) : /* @__PURE__ */ i(n, { editor: g }), /* @__PURE__ */ i(c, {
+		children: [f ? /* @__PURE__ */ a("div", {}) : /* @__PURE__ */ a(n, { editor: g }), /* @__PURE__ */ a(c, {
 			className: "tiptap-container",
 			editor: g
 		})]
 	});
-};
+});
 d.displayName = "STextEditor";
 //#endregion
 export { d as STextEditor, d as default };