@levo-so/studio 0.1.95 → 0.1.96

package/nodeAlignment-CG3qmAuQ.js

@@ -0,0 +1,180 @@
+import { a as e } from "./getFieldValidations-qVzuq6mv.js";
+import { t } from "./theme.cssm-De_pl52g.js";
+import { jsx as n } from "react/jsx-runtime";
+import { c as r } from "react/compiler-runtime";
+import i from "clsx";
+import { NodeSelection as a } from "@tiptap/pm/state";
+import { Extension as o, findParentNodeClosestToPos as s } from "@tiptap/core";
+import { CellSelection as c, cellAround as l } from "@tiptap/pm/tables";
+//#region ../../libraries/rich-text-editor/dist/styles/content.cssm.js
+var u = "d3c9ok0", d = "_7afiv40", f = (a) => {
+	let o = r(6), { children: s, theme: c } = a, l = c?.className, u;
+	o[0] === l ? u = o[1] : (u = i(t, d, l), o[0] = l, o[1] = u);
+	let f = c?.style, p;
+	return o[2] !== s || o[3] !== u || o[4] !== f ? (p = /* @__PURE__ */ n(e, {
+		className: u,
+		style: f,
+		children: s
+	}), o[2] = s, o[3] = u, o[4] = f, o[5] = p) : p = o[5], p;
+};
+//#endregion
+//#region ../../libraries/rich-text-editor/dist/utils/isValidPosition.js
+function p(e) {
+	return typeof e == "number" && e >= 0;
+}
+//#endregion
+//#region ../../libraries/rich-text-editor/dist/utils/getSelectedNodeOfType.js
+function m(e, t) {
+	let n = [], r = new Set(t);
+	if (e instanceof c) return e.forEachCell((e, t) => {
+		r.has(e.type.name) && n.push({
+			node: e,
+			pos: t
+		});
+	}), n;
+	if (e instanceof a) {
+		let { node: t, from: i } = e;
+		return t && r.has(t.type.name) && n.push({
+			node: t,
+			pos: i
+		}), n;
+	}
+	let { $anchor: i } = e, o = l(i);
+	if (o) {
+		let t = e.$anchor.doc.nodeAt(o.pos);
+		if (t && r.has(t.type.name)) return n.push({
+			node: t,
+			pos: o.pos
+		}), n;
+	}
+	let u = s(i, (e) => r.has(e.type.name));
+	return u && n.push({
+		node: u.node,
+		pos: u.pos
+	}), n;
+}
+//#endregion
+//#region ../../libraries/rich-text-editor/dist/utils/updateNodesAttr.js
+function h(e, t, n, r) {
+	if (!t.length) return !1;
+	let i = !1;
+	for (let { pos: a } of t) {
+		let t = e.doc.nodeAt(a);
+		if (!t) continue;
+		let o = t.attrs[n], s = typeof r == "function" ? r(o) : r;
+		if (o === s) continue;
+		let c = { ...t.attrs };
+		s === void 0 ? delete c[n] : c[n] = s, e.setNodeMarkup(a, void 0, c), i = !0;
+	}
+	return i;
+}
+//#endregion
+//#region ../../libraries/rich-text-editor/dist/features/nodeStyling/extension/nodeAlignment.js
+function g(e, t, n) {
+	if (e.length === 0) return null;
+	for (let r of e) if ((r.node.attrs?.[t] ?? null) !== n) return n;
+	return null;
+}
+var _ = o.create({
+	name: "textAlign",
+	addOptions() {
+		return {
+			types: [
+				"paragraph",
+				"heading",
+				"quote",
+				"blockquoteFigure",
+				"tableCell",
+				"tableHeader"
+			],
+			useStyle: !0,
+			textAlignValues: [
+				"left",
+				"center",
+				"right",
+				"justify"
+			],
+			verticalAlignValues: [
+				"top",
+				"middle",
+				"bottom"
+			]
+		};
+	},
+	addGlobalAttributes() {
+		return [{
+			types: this.options.types,
+			attributes: {
+				textAlign: {
+					default: null,
+					parseHTML: (e) => {
+						let t = e.style?.textAlign;
+						if (t && this.options.textAlignValues.includes(t)) return t;
+						let n = e.getAttribute("data-text-align");
+						return n && this.options.textAlignValues.includes(n) ? n : null;
+					},
+					renderHTML: (e) => {
+						let t = e.textAlign;
+						return !t || !this.options.textAlignValues.includes(t) ? {} : this.options.useStyle ? { style: `text-align: ${t}` } : { "data-text-align": t };
+					}
+				},
+				nodeVerticalAlign: {
+					default: null,
+					parseHTML: (e) => {
+						let t = e.style?.verticalAlign;
+						if (t && this.options.verticalAlignValues.includes(t)) return t;
+						let n = e.getAttribute("data-vertical-align");
+						return n && this.options.verticalAlignValues.includes(n) ? n : null;
+					},
+					renderHTML: (e) => {
+						let t = e.nodeVerticalAlign;
+						return !t || !this.options.verticalAlignValues.includes(t) ? {} : this.options.useStyle ? { style: `vertical-align: ${t}` } : { "data-vertical-align": t };
+					}
+				}
+			}
+		}];
+	},
+	addCommands() {
+		let e = (e, t) => (n) => ({ state: r, tr: i }) => {
+			let a = m(r.selection, this.options.types);
+			return a.length === 0 ? !1 : h(i, a, e, t(a, n));
+		};
+		return {
+			setNodeTextAlign: e("textAlign", (e, t) => !t || !this.options.textAlignValues.includes(t) ? null : t),
+			unsetNodeTextAlign: e("textAlign", () => null),
+			toggleNodeTextAlign: e("textAlign", (e, t) => !t || !this.options.textAlignValues.includes(t) ? null : g(e, "textAlign", t)),
+			setNodeVAlign: e("nodeVerticalAlign", (e, t) => !t || !this.options.verticalAlignValues.includes(t) ? null : t),
+			unsetNodeVAlign: e("nodeVerticalAlign", () => null),
+			toggleNodeVAlign: e("nodeVerticalAlign", (e, t) => !t || !this.options.verticalAlignValues.includes(t) ? null : g(e, "nodeVerticalAlign", t)),
+			setNodeAlignment: (e, t) => ({ state: n, tr: r }) => {
+				let i = m(n.selection, this.options.types);
+				if (i.length === 0) return !1;
+				let a = !1;
+				for (let { node: n, pos: o } of i) {
+					let i = { ...n.attrs };
+					e && this.options.textAlignValues.includes(e) && (i.textAlign = e, a = !0), t && this.options.verticalAlignValues.includes(t) && (i.nodeVerticalAlign = t, a = !0), a && r.setNodeMarkup(o, void 0, i);
+				}
+				return a;
+			},
+			unsetNodeAlignment: () => ({ state: e, tr: t }) => {
+				let n = m(e.selection, this.options.types);
+				if (n.length === 0) return !1;
+				let r = !1;
+				for (let { node: e, pos: i } of n) {
+					let n = e.attrs?.textAlign ?? null, a = e.attrs?.nodeVerticalAlign ?? null;
+					if (n || a) {
+						let n = {
+							...e.attrs,
+							textAlign: null,
+							nodeVerticalAlign: null
+						};
+						t.setNodeMarkup(i, void 0, n), r = !0;
+					}
+				}
+				return r;
+			}
+		};
+	}
+});
+//#endregion
+export { f as a, p as i, h as n, u as o, m as r, _ as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/studio",
-  "version": "0.1.95",
+  "version": "0.1.96",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Levo Studio components and utilities for building block-based pages",
   "type": "module",
@@ -59,7 +59,6 @@
     "yup": "1.7.1",
     "@base-ui/react": "1.1.0",
     "@tabler/icons-react": "3.34.1",
-    "@vanilla-extract/css": "1.19.0",
     "@vanilla-extract/dynamic": "2.1.5",
     "@vanilla-extract/recipes": "0.5.7",
     "clsx": "2.1.1",
@@ -81,13 +80,13 @@
     "@tiptap/extension-code-block": "3.19.0",
     "@tiptap/extension-code-block-lowlight": "3.19.0",
     "@tiptap/extension-color": "3.19.0",
-    "@tiptap/extension-document": "3.19.0",
     "@tiptap/extension-details": "3.19.0",
     "@tiptap/extension-details-content": "2.27.2",
     "@tiptap/extension-details-summary": "2.27.2",
-    "@tiptap/extension-dropcursor": "3.19.0",
+    "@tiptap/extension-document": "3.19.0",
     "@tiptap/extension-drag-handle": "3.19.0",
     "@tiptap/extension-drag-handle-react": "3.19.0",
+    "@tiptap/extension-dropcursor": "3.19.0",
     "@tiptap/extension-emoji": "3.19.0",
     "@tiptap/extension-file-handler": "3.19.0",
     "@tiptap/extension-focus": "3.19.0",