@solostylist/ui-kit 1.0.202 → 1.0.204

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

@@ -1,207 +1,4 @@
-import { j as c } from "../jsx-runtime-tc70JA_2.js";
-import * as l from "react";
-import { c as a } from "../createSvgIcon-BkbeLOhM.js";
-import { MenuItem as m } from "@mui/material";
-import { STextField as x } from "../s-text-field/s-text-field.js";
-import { I as d, S as j, F as k } from "../Select-D2l9rDWL.js";
-import { S as f } from "../Stack-Dfjnuorw.js";
-import { P as H } from "../Menu-GVFDMHCN.js";
-const L = a(/* @__PURE__ */ c.jsx("path", {
-  d: "M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0 4.6-4.6-4.6-4.6L16 6l6 6-6 6z"
-}), "Code"), b = a(/* @__PURE__ */ c.jsx("path", {
-  d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42M10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5"
-}), "FormatBold"), C = a(/* @__PURE__ */ c.jsx("path", {
-  d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"
-}), "FormatItalic"), I = a(/* @__PURE__ */ c.jsx("path", {
-  d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5m0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5m0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5M7 19h14v-2H7zm0-6h14v-2H7zm0-8v2h14V5z"
-}), "FormatListBulleted"), S = a(/* @__PURE__ */ c.jsx("path", {
-  d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2zm1-9h1V4H2v1h1zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2zm5-6v2h14V5zm0 14h14v-2H7zm0-6h14v-2H7z"
-}), "FormatListNumbered"), g = a(/* @__PURE__ */ c.jsx("path", {
-  d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1M8 13h8v-2H8zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5"
-}), "Link"), z = a(/* @__PURE__ */ c.jsx("path", {
-  d: "M6.85 7.08C6.85 4.37 9.45 3 12.24 3c1.64 0 3 .49 3.9 1.28.77.65 1.46 1.73 1.46 3.24h-3.01c0-.31-.05-.59-.15-.85-.29-.86-1.2-1.28-2.25-1.28-1.86 0-2.34 1.02-2.34 1.7 0 .48.25.88.74 1.21.38.25.77.48 1.41.7H7.39c-.21-.34-.54-.89-.54-1.92M21 12v-2H3v2h9.62c1.15.45 1.96.75 1.96 1.97 0 1-.81 1.67-2.28 1.67-1.54 0-2.93-.54-2.93-2.51H6.4c0 .55.08 1.13.24 1.58.81 2.29 3.29 3.3 5.67 3.3 2.27 0 5.3-.89 5.3-4.05 0-.3-.01-1.16-.48-1.94H21z"
-}), "StrikethroughS"), N = ({ editor: n }) => {
-  const [o, e] = l.useState(!1), [p, i] = l.useState(null), [r, h] = l.useState("");
-  return /* @__PURE__ */ c.jsxs(l.Fragment, { children: [
-    /* @__PURE__ */ c.jsx(
-      f,
-      {
-        className: "tiptap-toolbar",
-        spacing: 1,
-        sx: {
-          borderBottom: "1px solid",
-          borderColor: "divider",
-          p: "8px",
-          minHeight: "57px"
-        },
-        children: n ? /* @__PURE__ */ c.jsxs(f, { direction: "row", spacing: 0.5, sx: { alignItems: "center", flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ c.jsxs(
-            j,
-            {
-              onChange: (s) => {
-                const u = s.target.value;
-                if (u) {
-                  if (u === "p") {
-                    n.chain().focus().setParagraph().run();
-                    return;
-                  }
-                  if (u.startsWith("h")) {
-                    const v = parseInt(u.replace("h", ""));
-                    !isNaN(v) && v >= 1 && v <= 6 && n.chain().focus().setHeading({ level: v }).run();
-                  }
-                }
-              },
-              value: B(n),
-              children: [
-                /* @__PURE__ */ c.jsx(m, { disabled: !n.can().chain().focus().setParagraph().run(), value: "p", children: "Paragraph" }),
-                [1, 2, 3, 4, 5, 6].map((s) => /* @__PURE__ */ c.jsxs(
-                  m,
-                  {
-                    disabled: !n.can().chain().focus().setHeading({ level: s }).run(),
-                    value: `h${s}`,
-                    children: [
-                      "Heading ",
-                      s
-                    ]
-                  },
-                  s
-                ))
-              ]
-            }
-          ),
-          /* @__PURE__ */ c.jsx(
-            t,
-            {
-              active: n.isActive("bold"),
-              disabled: !n.can().chain().focus().toggleBold().run(),
-              onClick: () => {
-                n.chain().focus().toggleBold().run();
-              },
-              children: /* @__PURE__ */ c.jsx(b, {})
-            }
-          ),
-          /* @__PURE__ */ c.jsx(
-            t,
-            {
-              active: n.isActive("italic"),
-              disabled: !n.can().chain().focus().toggleItalic().run(),
-              onClick: () => {
-                n.chain().focus().toggleItalic().run();
-              },
-              children: /* @__PURE__ */ c.jsx(C, {})
-            }
-          ),
-          /* @__PURE__ */ c.jsx(
-            t,
-            {
-              active: n.isActive("strike"),
-              disabled: !n.can().chain().focus().toggleStrike().run(),
-              onClick: () => {
-                n.chain().focus().toggleStrike().run();
-              },
-              children: /* @__PURE__ */ c.jsx(z, {})
-            }
-          ),
-          /* @__PURE__ */ c.jsx(
-            t,
-            {
-              active: n.isActive("codeBlock"),
-              disabled: !n.can().chain().focus().toggleCodeBlock().run(),
-              onClick: () => {
-                n.chain().focus().toggleCodeBlock();
-              },
-              children: /* @__PURE__ */ c.jsx(L, {})
-            }
-          ),
-          /* @__PURE__ */ c.jsx(
-            t,
-            {
-              active: n.isActive("bulletList"),
-              disabled: !n.can().chain().focus().toggleBulletList().run(),
-              onClick: () => {
-                n.chain().focus().toggleBulletList().run();
-              },
-              children: /* @__PURE__ */ c.jsx(I, {})
-            }
-          ),
-          /* @__PURE__ */ c.jsx(
-            t,
-            {
-              active: n.isActive("orderedList"),
-              disabled: !n.can().chain().focus().toggleOrderedList().run(),
-              onClick: () => {
-                n.chain().focus().toggleOrderedList().run();
-              },
-              children: /* @__PURE__ */ c.jsx(S, {})
-            }
-          ),
-          /* @__PURE__ */ c.jsx(
-            t,
-            {
-              onClick: (s) => {
-                h(n.getAttributes("link").href ?? ""), i(s.currentTarget), e(!0);
-              },
-              children: /* @__PURE__ */ c.jsx(g, {})
-            }
-          ),
-          /* @__PURE__ */ c.jsx(
-            t,
-            {
-              active: n.isActive("link"),
-              disabled: !n.can().chain().focus().unsetLink().run(),
-              onClick: () => {
-                n.chain().focus().unsetLink().run();
-              },
-              children: /* @__PURE__ */ c.jsx(g, {})
-            }
-          )
-        ] }) : null
-      }
-    ),
-    /* @__PURE__ */ c.jsx(
-      H,
-      {
-        anchorEl: p,
-        anchorOrigin: { horizontal: "left", vertical: "bottom" },
-        onClose: () => {
-          e(!1), i(null), h("");
-        },
-        open: o,
-        slotProps: { paper: { sx: { p: 2 } } },
-        children: /* @__PURE__ */ c.jsx(k, { children: /* @__PURE__ */ c.jsx(
-          x,
-          {
-            name: "url",
-            label: "URL",
-            onChange: (s) => {
-              h(s.target.value);
-            },
-            onKeyUp: (s) => {
-              if (s.key === "Enter") {
-                if (r === "") {
-                  n?.chain().focus().extendMarkRange("link").unsetLink().run();
-                  return;
-                }
-                n?.chain().focus().setLink({ href: r }).run(), e(!1), i(null), h("");
-              }
-            },
-            value: r
-          }
-        ) })
-      }
-    )
-  ] });
-};
-function B(n) {
-  if (n.isActive("paragraph")) return "p";
-  const o = [1, 2, 3, 4, 5, 6];
-  for (const e of o)
-    if (n.isActive("heading", { level: e })) return `h${e}`;
-  return "p";
-}
-const t = l.forwardRef(function({ active: o, children: e, disabled: p, onClick: i }, r) {
-  return /* @__PURE__ */ c.jsx(d, { color: o ? "primary" : "inherit", disabled: p, onClick: i, ref: r, children: e });
-});
-export {
-  N as STextEditorToolbar
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { t as e } from "../s-text-editor-toolbar-DC-dnSBG.js";
+export { e as STextEditorToolbar };

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

@@ -15,9 +15,6 @@ export interface STextEditorProps {
     /** Placeholder text shown when editor is empty */
     placeholder?: string;
 }
-/**
- * A powerful rich text editor built on Tiptap with an integrated toolbar.
- */
 export declare const STextEditor: {
     ({ content, editable, hideToolbar, onUpdate, placeholder, }: STextEditorProps): React.JSX.Element;
     displayName: string;

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

@@ -1,82 +1,76 @@
-import { j as r } from "../jsx-runtime-tc70JA_2.js";
-import * as p from "react";
-import { Link as n } from "@tiptap/extension-link";
-import { Placeholder as m } from "@tiptap/extension-placeholder";
-import { useEditor as f, EditorContent as d } from "@tiptap/react";
+import "../createTheme-CMuiGmV-.js";
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { t } from "../Box-a5uPlxYL.js";
+import { t as n } from "../s-text-editor-toolbar-DC-dnSBG.js";
+import * as r from "react";
+import { Link as i } from "@tiptap/extension-link";
+import { Placeholder as a } from "@tiptap/extension-placeholder";
+import { EditorContent as o, useEditor as s } from "@tiptap/react";
 import { StarterKit as c } from "@tiptap/starter-kit";
-import { STextEditorToolbar as x } from "./s-text-editor-toolbar.js";
-import { B as u } from "../Box-BkXoTbe8.js";
-const h = ({
-  content: o,
-  editable: t = !0,
-  hideToolbar: i,
-  onUpdate: s = () => {
-  },
-  placeholder: a
-}) => {
-  const l = [
-    c,
-    m.configure({ emptyEditorClass: "is-editor-empty", placeholder: a }),
-    n.configure({ openOnClick: !1, autolink: !0 })
-  ], e = f({
-    extensions: l,
-    content: o,
-    editable: t,
-    onUpdate: s,
-    parseOptions: {
-      preserveWhitespace: "full"
-    }
-  });
-  return p.useEffect(() => {
-    e && e.getHTML() !== o && e.commands.setContent(o);
-  }, [o, e]), /* @__PURE__ */ r.jsxs(
-    u,
-    {
-      className: "tiptap-root",
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        ...t && {
-          border: "1px solid",
-          borderColor: "divider",
-          borderRadius: 1
-        },
-        "& .tiptap-container": {
-          display: "flex",
-          flex: "1 1 auto",
-          flexDirection: "column",
-          minHeight: 0,
-          height: "12rem"
-        },
-        "& .tiptap": {
-          color: "text.primary",
-          flex: "1 1 auto",
-          overflow: "auto",
-          fontSize: "0.875rem",
-          p: "8px 16px",
-          "&:focus-visible": { outline: "none" },
-          "&.resize-cursor": {
-            cursor: "ew-resize",
-            "& table": { cursor: "col-resize" }
-          },
-          "& .is-editor-empty:before": {
-            color: "divider",
-            content: "attr(data-placeholder)",
-            float: "left",
-            height: 0,
-            pointerEvents: "none"
-          }
-        }
-      },
-      children: [
-        i ? /* @__PURE__ */ r.jsx("div", {}) : /* @__PURE__ */ r.jsx(x, { editor: e }),
-        /* @__PURE__ */ r.jsx(d, { className: "tiptap-container", editor: e })
-      ]
-    }
-  );
-};
-h.displayName = "STextEditor";
-export {
-  h as STextEditor,
-  h as default
+//#region lib/s-text-editor/s-text-editor.tsx
+var l = e(), u = ({ content: e, editable: u = !0, hideToolbar: d, onUpdate: f = () => {}, placeholder: p }) => {
+	let m = s({
+		extensions: [
+			c,
+			a.configure({
+				emptyEditorClass: "is-editor-empty",
+				placeholder: p
+			}),
+			i.configure({
+				openOnClick: !1,
+				autolink: !0
+			})
+		],
+		content: e,
+		editable: u,
+		onUpdate: f,
+		parseOptions: { preserveWhitespace: "full" }
+	});
+	return r.useEffect(() => {
+		m && m.getHTML() !== e && m.commands.setContent(e);
+	}, [e, m]), /* @__PURE__ */ (0, l.jsxs)(t, {
+		className: "tiptap-root",
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			...u && {
+				border: "1px solid",
+				borderColor: "divider",
+				borderRadius: 1
+			},
+			"& .tiptap-container": {
+				display: "flex",
+				flex: "1 1 auto",
+				flexDirection: "column",
+				minHeight: 0,
+				height: "12rem"
+			},
+			"& .tiptap": {
+				color: "text.primary",
+				flex: "1 1 auto",
+				overflow: "auto",
+				fontSize: "0.875rem",
+				p: "8px 16px",
+				"&:focus-visible": { outline: "none" },
+				"&.resize-cursor": {
+					cursor: "ew-resize",
+					"& table": { cursor: "col-resize" }
+				},
+				"& .is-editor-empty:before": {
+					color: "divider",
+					content: "attr(data-placeholder)",
+					float: "left",
+					height: 0,
+					pointerEvents: "none"
+				}
+			}
+		},
+		children: [d ? /* @__PURE__ */ (0, l.jsx)("div", {}) : /* @__PURE__ */ (0, l.jsx)(n, { editor: m }), /* @__PURE__ */ (0, l.jsx)(o, {
+			className: "tiptap-container",
+			editor: m
+		})]
+	});
 };
+u.displayName = "STextEditor";
+//#endregion
+export { u as STextEditor, u as default };

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

@@ -0,0 +1,177 @@
+import { n as e } from "./Menu-BB3Khkc0.js";
+import { t } from "./jsx-runtime-V-UOMaX1.js";
+import { t as n } from "./Stack-BJ4hQFAK.js";
+import { a as r, n as i, t as a } from "./Select-B9880Uge.js";
+import { t as o } from "./createSvgIcon-Bs2KOQvq.js";
+import { t as s } from "./s-text-field-C2WdBxNO.js";
+import * as c from "react";
+import { MenuItem as l } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/esm/Code.js
+var u = t(), d = o(/* @__PURE__ */ (0, u.jsx)("path", { d: "M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0 4.6-4.6-4.6-4.6L16 6l6 6-6 6z" }), "Code"), f = o(/* @__PURE__ */ (0, u.jsx)("path", { d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42M10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5" }), "FormatBold"), p = o(/* @__PURE__ */ (0, u.jsx)("path", { d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z" }), "FormatItalic"), m = o(/* @__PURE__ */ (0, u.jsx)("path", { d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5m0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5m0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5M7 19h14v-2H7zm0-6h14v-2H7zm0-8v2h14V5z" }), "FormatListBulleted"), h = o(/* @__PURE__ */ (0, u.jsx)("path", { d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2zm1-9h1V4H2v1h1zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2zm5-6v2h14V5zm0 14h14v-2H7zm0-6h14v-2H7z" }), "FormatListNumbered"), g = o(/* @__PURE__ */ (0, u.jsx)("path", { d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1M8 13h8v-2H8zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5" }), "Link"), _ = o(/* @__PURE__ */ (0, u.jsx)("path", { d: "M6.85 7.08C6.85 4.37 9.45 3 12.24 3c1.64 0 3 .49 3.9 1.28.77.65 1.46 1.73 1.46 3.24h-3.01c0-.31-.05-.59-.15-.85-.29-.86-1.2-1.28-2.25-1.28-1.86 0-2.34 1.02-2.34 1.7 0 .48.25.88.74 1.21.38.25.77.48 1.41.7H7.39c-.21-.34-.54-.89-.54-1.92M21 12v-2H3v2h9.62c1.15.45 1.96.75 1.96 1.97 0 1-.81 1.67-2.28 1.67-1.54 0-2.93-.54-2.93-2.51H6.4c0 .55.08 1.13.24 1.58.81 2.29 3.29 3.3 5.67 3.3 2.27 0 5.3-.89 5.3-4.05 0-.3-.01-1.16-.48-1.94H21z" }), "StrikethroughS"), v = ({ editor: t }) => {
+	let [r, o] = c.useState(!1), [v, x] = c.useState(null), [S, C] = c.useState("");
+	return /* @__PURE__ */ (0, u.jsxs)(c.Fragment, { children: [/* @__PURE__ */ (0, u.jsx)(n, {
+		className: "tiptap-toolbar",
+		spacing: 1,
+		sx: {
+			borderBottom: "1px solid",
+			borderColor: "divider",
+			p: "8px",
+			minHeight: "57px"
+		},
+		children: t ? /* @__PURE__ */ (0, u.jsxs)(n, {
+			direction: "row",
+			spacing: .5,
+			sx: {
+				alignItems: "center",
+				flexWrap: "wrap"
+			},
+			children: [
+				/* @__PURE__ */ (0, u.jsxs)(a, {
+					onChange: (e) => {
+						let n = e.target.value;
+						if (n) {
+							if (n === "p") {
+								t.chain().focus().setParagraph().run();
+								return;
+							}
+							if (n.startsWith("h")) {
+								let e = parseInt(n.replace("h", ""));
+								!isNaN(e) && e >= 1 && e <= 6 && t.chain().focus().setHeading({ level: e }).run();
+							}
+						}
+					},
+					value: y(t),
+					children: [/* @__PURE__ */ (0, u.jsx)(l, {
+						disabled: !t.can().chain().focus().setParagraph().run(),
+						value: "p",
+						children: "Paragraph"
+					}), [
+						1,
+						2,
+						3,
+						4,
+						5,
+						6
+					].map((e) => /* @__PURE__ */ (0, u.jsxs)(l, {
+						disabled: !t.can().chain().focus().setHeading({ level: e }).run(),
+						value: `h${e}`,
+						children: ["Heading ", e]
+					}, e))]
+				}),
+				/* @__PURE__ */ (0, u.jsx)(b, {
+					active: t.isActive("bold"),
+					disabled: !t.can().chain().focus().toggleBold().run(),
+					onClick: () => {
+						t.chain().focus().toggleBold().run();
+					},
+					children: /* @__PURE__ */ (0, u.jsx)(f, {})
+				}),
+				/* @__PURE__ */ (0, u.jsx)(b, {
+					active: t.isActive("italic"),
+					disabled: !t.can().chain().focus().toggleItalic().run(),
+					onClick: () => {
+						t.chain().focus().toggleItalic().run();
+					},
+					children: /* @__PURE__ */ (0, u.jsx)(p, {})
+				}),
+				/* @__PURE__ */ (0, u.jsx)(b, {
+					active: t.isActive("strike"),
+					disabled: !t.can().chain().focus().toggleStrike().run(),
+					onClick: () => {
+						t.chain().focus().toggleStrike().run();
+					},
+					children: /* @__PURE__ */ (0, u.jsx)(_, {})
+				}),
+				/* @__PURE__ */ (0, u.jsx)(b, {
+					active: t.isActive("codeBlock"),
+					disabled: !t.can().chain().focus().toggleCodeBlock().run(),
+					onClick: () => {
+						t.chain().focus().toggleCodeBlock();
+					},
+					children: /* @__PURE__ */ (0, u.jsx)(d, {})
+				}),
+				/* @__PURE__ */ (0, u.jsx)(b, {
+					active: t.isActive("bulletList"),
+					disabled: !t.can().chain().focus().toggleBulletList().run(),
+					onClick: () => {
+						t.chain().focus().toggleBulletList().run();
+					},
+					children: /* @__PURE__ */ (0, u.jsx)(m, {})
+				}),
+				/* @__PURE__ */ (0, u.jsx)(b, {
+					active: t.isActive("orderedList"),
+					disabled: !t.can().chain().focus().toggleOrderedList().run(),
+					onClick: () => {
+						t.chain().focus().toggleOrderedList().run();
+					},
+					children: /* @__PURE__ */ (0, u.jsx)(h, {})
+				}),
+				/* @__PURE__ */ (0, u.jsx)(b, {
+					onClick: (e) => {
+						C(t.getAttributes("link").href ?? ""), x(e.currentTarget), o(!0);
+					},
+					children: /* @__PURE__ */ (0, u.jsx)(g, {})
+				}),
+				/* @__PURE__ */ (0, u.jsx)(b, {
+					active: t.isActive("link"),
+					disabled: !t.can().chain().focus().unsetLink().run(),
+					onClick: () => {
+						t.chain().focus().unsetLink().run();
+					},
+					children: /* @__PURE__ */ (0, u.jsx)(g, {})
+				})
+			]
+		}) : null
+	}), /* @__PURE__ */ (0, u.jsx)(e, {
+		anchorEl: v,
+		anchorOrigin: {
+			horizontal: "left",
+			vertical: "bottom"
+		},
+		onClose: () => {
+			o(!1), x(null), C("");
+		},
+		open: r,
+		slotProps: { paper: { sx: { p: 2 } } },
+		children: /* @__PURE__ */ (0, u.jsx)(i, { children: /* @__PURE__ */ (0, u.jsx)(s, {
+			name: "url",
+			label: "URL",
+			onChange: (e) => {
+				C(e.target.value);
+			},
+			onKeyUp: (e) => {
+				if (e.key === "Enter") {
+					if (S === "") {
+						t?.chain().focus().extendMarkRange("link").unsetLink().run();
+						return;
+					}
+					t?.chain().focus().setLink({ href: S }).run(), o(!1), x(null), C("");
+				}
+			},
+			value: S
+		}) })
+	})] });
+};
+function y(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 b = c.forwardRef(function({ active: e, children: t, disabled: n, onClick: i }, a) {
+	return /* @__PURE__ */ (0, u.jsx)(r, {
+		color: e ? "primary" : "inherit",
+		disabled: n,
+		onClick: i,
+		ref: a,
+		children: t
+	});
+});
+//#endregion
+export { v as t };

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

@@ -1,4 +1,4 @@
-import { STextField as a } from "./s-text-field.js";
-export {
-  a as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { t as e } from "../s-text-field-C2WdBxNO.js";
+export { e as default };

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

@@ -15,9 +15,6 @@ export type STextFieldProps = Omit<React.ComponentProps<typeof TextField>, 'erro
     /** Help text shown in tooltip next to the label */
     hint?: string;
 };
-/**
- * An enhanced text field component with integrated form labeling, error handling, and password visibility toggle.
- */
 export declare const STextField: {
     ({ label, required, error, type, htmlFor, hint, ...props }: STextFieldProps): React.JSX.Element;
     displayName: string;

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

@@ -1,49 +1,4 @@
-import { j as s } from "../jsx-runtime-tc70JA_2.js";
-import { useState as u } from "react";
-import { TextField as j, InputAdornment as h, IconButton as w } from "@mui/material";
-import { SForm as y } from "../s-form/s-form.js";
-import { c as r } from "../createSvgIcon-BkbeLOhM.js";
-const b = r(/* @__PURE__ */ s.jsx("path", {
-  d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"
-}), "Visibility"), g = r(/* @__PURE__ */ s.jsx("path", {
-  d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z"
-}), "VisibilityOff"), P = ({
-  label: d = "",
-  required: c = !1,
-  error: t,
-  type: o = "text",
-  htmlFor: e,
-  hint: a,
-  ...l
-}) => {
-  const [i, p] = u(!1), n = o === "password", m = () => {
-    p(!i);
-  }, x = n && i ? "text" : o, f = n ? /* @__PURE__ */ s.jsx(h, { position: "end", children: /* @__PURE__ */ s.jsx(
-    w,
-    {
-      "aria-label": "toggle password visibility",
-      onClick: m,
-      edge: "end",
-      size: "small",
-      children: i ? /* @__PURE__ */ s.jsx(g, {}) : /* @__PURE__ */ s.jsx(b, {})
-    }
-  ) }) : void 0;
-  return /* @__PURE__ */ s.jsx(y, { label: d, hint: a, error: t, required: c, htmlFor: e, children: /* @__PURE__ */ s.jsx(
-    j,
-    {
-      fullWidth: !0,
-      type: x,
-      id: e,
-      error: !!t,
-      ...l,
-      slotProps: {
-        input: { endAdornment: f, ...l.slotProps?.input }
-      }
-    }
-  ) });
-};
-P.displayName = "STextField";
-export {
-  P as STextField,
-  P as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { t as e } from "../s-text-field-C2WdBxNO.js";
+export { e as STextField, e as default };