@verbb/plugin-kit-web 2.0.15 → 2.0.17

package/dist-loader/chunks/{pk-popup-FDdBxb4k.js → pk-popup-CrxxR-Hb.js}

@@ -1,8 +1,8 @@
 import { t as SUPPORTS_POPOVER } from "./supports-popover-COjbi2RP.js";
 import { f as A, i as e$1, l as n, m as i$1, p as b, s as e$2, u as customElement } from "./lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "./pk-base-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "./pk-base-CyzwylQ7.js";
 import { t as computePopupTransformOrigin } from "./popup-placement-animation-WlEXnS85.js";
-import { a as offset, c as size, i as flip, l as getOverflowAncestors, n as autoUpdate, o as platform, r as computePosition, s as shift, t as arrow, u as isContainingBlock } from "./floating-ui-DU6GNott.js";
+import { a as offset, c as size, i as flip, l as getOverflowAncestors, n as autoUpdate, o as platform, r as computePosition, s as shift, t as arrow, u as isContainingBlock } from "./floating-ui-Cj0imr6d.js";
 //#region src/internal/resolve-element-by-id.ts
 /** Resolve an element id from the same root as the host (shadow or document), then the document. */
 function resolveElementById(host, id) {
@@ -179,6 +179,7 @@ var PkPopup = class PkPopup extends PkElement {
 		this.arrow = false;
 		this.arrowPlacement = "anchor";
 		this.arrowPadding = 10;
+		this.autoSizePadding = 8;
 		this.anchorTracking = true;
 		this.hoverBridge = false;
 		this.anchorElement = null;
@@ -239,6 +240,22 @@ var PkPopup = class PkPopup extends PkElement {
 			boundary: scrollBoundary,
 			padding: this.shiftPadding
 		}));
+		if (this.autoSize) middleware.push(size({
+			boundary: scrollBoundary,
+			padding: this.autoSizePadding,
+			apply: ({ availableHeight, availableWidth }) => {
+				const constrainWidth = this.autoSize === "horizontal" || this.autoSize === "both";
+				const constrainHeight = this.autoSize === "vertical" || this.autoSize === "both";
+				if (constrainWidth) floatingElement.style.setProperty("--pk-popup-available-width", `${Math.max(0, Math.floor(availableWidth))}px`);
+				else floatingElement.style.removeProperty("--pk-popup-available-width");
+				if (constrainHeight) floatingElement.style.setProperty("--pk-popup-available-height", `${Math.max(0, Math.floor(availableHeight))}px`);
+				else floatingElement.style.removeProperty("--pk-popup-available-height");
+			}
+		}));
+		else {
+			floatingElement.style.removeProperty("--pk-popup-available-width");
+			floatingElement.style.removeProperty("--pk-popup-available-height");
+		}
 		if (this.arrow && arrowTarget) middleware.push(arrow({
 			element: arrowTarget,
 			padding: this.arrowPadding
@@ -538,6 +555,11 @@ __decorate([n({
 	type: Number
 })], PkPopup.prototype, "arrowPadding", void 0);
 __decorate([n()], PkPopup.prototype, "sync", void 0);
+__decorate([n({ attribute: "auto-size" })], PkPopup.prototype, "autoSize", void 0);
+__decorate([n({
+	attribute: "auto-size-padding",
+	type: Number
+})], PkPopup.prototype, "autoSizePadding", void 0);
 __decorate([n({
 	attribute: "anchor-tracking",
 	type: Boolean

package/dist-loader/chunks/{pk-select-CbAaQ7uE.js → pk-select-Dok-JdSe.js}

@@ -1,17 +1,17 @@
 import { d as registerDismissible, f as unregisterDismissible, n as uniqueId, s as scrollIntoView, u as isTopDismissible } from "./pk-a11y-CjB4-U-R.js";
 import { a as o, c as r, f as A, i as e, l as n, m as i, p as b, s as e$1, u as customElement } from "./lit-DpLik9Rf.js";
-import { c as __decorate, i as PkFormAssociatedElement, s as iconStyles } from "./pk-base-B21zXxSo.js";
-import { h as chevronDown } from "./svg-_Mtb7CHx.js";
+import { c as __decorate, i as PkFormAssociatedElement, s as iconStyles } from "./pk-base-CyzwylQ7.js";
+import { h as chevronDown } from "./svg-Bz-bXZn7.js";
 import { t as MirrorValidator } from "./mirror-validator-C5XrXPaq.js";
 import { t as HasSlotController } from "./has-slot-BGJeJdHr.js";
 import { t as PkClearEvent } from "./pk-clear-BMZUzwDt.js";
-import { n as renderIconHtml } from "./render-Niz5wYRa.js";
+import { n as renderIconHtml } from "./render-Bnzcxfss.js";
 import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-C3tSQ3UR.js";
 import { i as waitForPopupReposition, r as syncPopupPlacementAnimation } from "./popup-placement-animation-WlEXnS85.js";
 import { t as popupContentAnimationStyles } from "./popup-content-animation.styles-duCg9-CH.js";
-import "./pk-popup-FDdBxb4k.js";
-import { n as isPointerInsideOverlay, t as isEventInsideOverlay } from "./popup-pointer-caPc8kwB.js";
-import { a as isListboxTypeToSelectKey, i as handleListboxKeyDown, n as LISTBOX_NAVIGATION_KEYS, r as createTypeToSelectHandler, t as syncListboxSeparators } from "./sync-listbox-separators-Dk_E_IVa.js";
+import "./pk-popup-CrxxR-Hb.js";
+import { n as isPointerInsideOverlay, t as isEventInsideOverlay } from "./popup-pointer-Ck28WdVP.js";
+import { a as isListboxTypeToSelectKey, i as handleListboxKeyDown, n as LISTBOX_NAVIGATION_KEYS, r as createTypeToSelectHandler, t as syncListboxSeparators } from "./sync-listbox-separators-Ch5krDUs.js";
 //#region src/components/select/pk-select.styles.ts
 var pkSelectStyles = [popupContentAnimationStyles, i`
     ${iconStyles}
@@ -740,10 +740,12 @@ var PkSelect = class PkSelect extends PkFormAssociatedElement {
 	getActiveDescendantId() {
 		return this.getEnabledVisibleOptions()[this.highlightedIndex]?.optionId || null;
 	}
+	/** Opens the listbox. */
 	async show() {
 		if (this.open || this.closing || this.disabled) return;
 		await this.openPanel();
 	}
+	/** Closes the listbox. */
 	async hide(source = "api") {
 		if (!this.open || this.closing) return;
 		await this.closePanel(source);

package/dist-loader/chunks/{pk-spinner-CIbXjDnp.js → pk-spinner-BKU9Rf2R.js}

@@ -1,5 +1,5 @@
 import { l as n, m as i, p as b, u as customElement } from "./lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement, u as hostDisplayInlineBlock } from "./pk-base-B21zXxSo.js";
+import { c as __decorate, l as PkElement, u as hostDisplayInlineBlock } from "./pk-base-CyzwylQ7.js";
 //#region src/components/spinner/pk-spinner.styles.ts
 var pkSpinnerStyles = [hostDisplayInlineBlock, i`
         @layer pk-component {

package/dist-loader/chunks/{pk-status-BRIVW7EH.js → pk-status-D2g_77m_.js}

@@ -1,5 +1,5 @@
 import { f as A, l as n, m as i, p as b, u as customElement } from "./lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "./pk-base-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "./pk-base-CyzwylQ7.js";
 //#region src/components/status/pk-status.styles.ts
 var pkStatusStyles = i`
     @layer pk-component {

package/dist-loader/chunks/{pk-textarea-C_rOUtFS.js → pk-textarea-CC7rA5A7.js}

@@ -1,6 +1,6 @@
 import { n as uniqueId } from "./pk-a11y-CjB4-U-R.js";
 import { c as r, f as A, l as n, m as i, n as l, p as b, r as o, s as e, u as customElement } from "./lit-DpLik9Rf.js";
-import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles, o as syncStandaloneControlAria } from "./pk-base-B21zXxSo.js";
+import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles, o as syncStandaloneControlAria } from "./pk-base-CyzwylQ7.js";
 import { t as MirrorValidator } from "./mirror-validator-C5XrXPaq.js";
 import { t as RequiredValidator } from "./required-validator-0XwZtX9k.js";
 import { t as HasSlotController } from "./has-slot-BGJeJdHr.js";

package/dist-loader/chunks/{pk-time-picker-Dr3uvbvc.js → pk-time-picker-h5Wgd4a_.js}

@@ -1,9 +1,9 @@
 import { m as i, u as customElement } from "./lit-DpLik9Rf.js";
-import { c as __decorate } from "./pk-base-B21zXxSo.js";
-import { v as clock } from "./svg-_Mtb7CHx.js";
-import { t as createIconElement } from "./render-Niz5wYRa.js";
-import "./pk-option-CunPIei0.js";
-import { n as pkSelectStyles, t as PkSelect } from "./pk-select-CbAaQ7uE.js";
+import { c as __decorate } from "./pk-base-CyzwylQ7.js";
+import { v as clock } from "./svg-Bz-bXZn7.js";
+import { t as createIconElement } from "./render-Bnzcxfss.js";
+import "./pk-option-BrDMERSl.js";
+import { n as pkSelectStyles, t as PkSelect } from "./pk-select-Dok-JdSe.js";
 //#region src/utils/time-options.ts
 var timeOptionsCache = null;
 function resolveTimepickerOptions() {

package/dist-loader/chunks/{pk-tooltip-HwZ0zRd2.js → pk-tooltip-Dd_Q0Bn5.js}

@@ -1,9 +1,9 @@
 import { n as uniqueId } from "./pk-a11y-CjB4-U-R.js";
 import { c as r, f as A, i as e, l as n, m as i, p as b, s as e$1, u as customElement } from "./lit-DpLik9Rf.js";
-import { c as __decorate, l as PkElement } from "./pk-base-B21zXxSo.js";
+import { c as __decorate, l as PkElement } from "./pk-base-CyzwylQ7.js";
 import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-C3tSQ3UR.js";
 import { i as waitForPopupReposition, n as getPopupSide, r as syncPopupPlacementAnimation } from "./popup-placement-animation-WlEXnS85.js";
-import { n as resolveElementById } from "./pk-popup-FDdBxb4k.js";
+import { n as resolveElementById } from "./pk-popup-CrxxR-Hb.js";
 var pkTooltipStyles = [i`
     @layer pk-component {
         .content.pk-popup-content {

package/dist-loader/chunks/{render-Niz5wYRa.js → render-Bnzcxfss.js}

@@ -1,4 +1,4 @@
-import { t as iconToSvg } from "./svg-_Mtb7CHx.js";
+import { t as iconToSvg } from "./svg-Bz-bXZn7.js";
 //#region src/icons/render.ts
 var renderIconHtml = (icon, options = {}) => {
 	return iconToSvg(icon, { title: options.title });

package/dist-loader/chunks/{svg-_Mtb7CHx.js → svg-Bz-bXZn7.js}

@@ -325,6 +325,11 @@ var share = {
 	height: 512,
 	path: "M307.8 18.4c-12 5-19.8 16.6-19.8 29.6l0 80-112 0c-97.2 0-176 78.8-176 176 0 113.3 81.5 163.9 100.2 174.1 2.5 1.4 5.3 1.9 8.1 1.9 10.9 0 19.7-8.9 19.7-19.7 0-7.5-4.3-14.4-9.8-19.5-9.4-8.8-22.2-26.4-22.2-56.7 0-53 43-96 96-96l96 0 0 80c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-9.2-9.2-22.9-11.9-34.9-6.9z"
 };
+var smallCaps = {
+	width: 576,
+	height: 512,
+	path: "M32 448L160 64h64l128 384h-64l-32-96H128l-32 96H32zm117.3-160h85.3L192 160l-42.7 128zM336 448l80-240h48l80 240h-48l-16-48h-80l-16 48h-48zm80-96h48l-24-72-24 72z"
+};
 var sliders = {
 	width: 512,
 	height: 512,
@@ -452,6 +457,7 @@ var icons = {
 	arrowsRotate,
 	magnifyingGlass,
 	share,
+	smallCaps,
 	sliders,
 	strikethrough,
 	subscript,
@@ -505,14 +511,16 @@ var iconToSvg = (icon, options = {}) => {
 		...attributes
 	};
 	if (className) attrs.class = className;
-	if (title) attrs.role = "img";
-	else {
+	if (title) {
+		attrs.role = "img";
+		attrs["aria-label"] = title;
+	} else {
 		attrs["aria-hidden"] = "true";
 		attrs.focusable = "false";
 	}
 	return `<svg ${Object.entries(attrs).map(([key, value]) => {
 		return `${key}="${escapeHtml(value)}"`;
-	}).join(" ")}>${title ? `<title>${escapeHtml(title)}</title>` : ""}<path fill="currentColor" d="${escapeHtml(icon.path)}"/></svg>`;
+	}).join(" ")}><path fill="currentColor" d="${escapeHtml(icon.path)}"/></svg>`;
 };
 //#endregion
-export { heading as A, plus as B, gripMove as C, h4 as D, h3 as E, link as F, table as G, strikethrough as H, listOl as I, underline as J, textSlash as K, listUl as L, icons as M, italic as N, h5 as O, lightbulb as P, minus as R, gear as S, h2 as T, subscript as U, quoteRight as V, superscript as W, xmark as Y, chevronRight as _, alignRight as a, ellipsis as b, arrowRotateRight as c, bold as d, bracketsCurly as f, chevronLeft as g, chevronDown as h, alignLeft as i, highlighter as j, h6 as k, arrowUp as l, check as m, alignCenter as n, arrowDown as o, calendar as p, triangleExclamation as q, alignJustify as r, arrowRotateLeft as s, iconToSvg as t, asterisk as u, clock as v, h1 as w, fileDashedLine as x, code as y, paragraph as z };
+export { heading as A, plus as B, gripMove as C, h4 as D, h3 as E, link as F, superscript as G, smallCaps as H, listOl as I, triangleExclamation as J, table as K, listUl as L, icons as M, italic as N, h5 as O, lightbulb as P, minus as R, gear as S, h2 as T, strikethrough as U, quoteRight as V, subscript as W, xmark as X, underline as Y, chevronRight as _, alignRight as a, ellipsis as b, arrowRotateRight as c, bold as d, bracketsCurly as f, chevronLeft as g, chevronDown as h, alignLeft as i, highlighter as j, h6 as k, arrowUp as l, check as m, alignCenter as n, arrowDown as o, calendar as p, textSlash as q, alignJustify as r, arrowRotateLeft as s, iconToSvg as t, asterisk as u, clock as v, h1 as w, fileDashedLine as x, code as y, paragraph as z };

package/dist-loader/chunks/{tiptap-Db7MTUH1.js → tiptap-CgXkiK8d.js}

@@ -2457,6 +2457,7 @@ var blockTags = {
 	article: true,
 	aside: true,
 	blockquote: true,
+	body: true,
 	canvas: true,
 	dd: true,
 	div: true,
@@ -6719,6 +6720,7 @@ function clientRect(node) {
 	};
 }
 function scrollRectIntoView(view, rect, startDOM) {
+	if (!nonZero(rect) && rect.left == 0) return;
 	let scrollThreshold = view.someProp("scrollThreshold") || 0, scrollMargin = view.someProp("scrollMargin") || 5;
 	let doc = view.dom.ownerDocument;
 	for (let parent = startDOM || view.dom;;) {
@@ -7137,7 +7139,7 @@ var ViewDesc = class {
 	matchesHack(nodeName) {
 		return false;
 	}
-	parseRule() {
+	parseRule(addedNodes) {
 		return null;
 	}
 	stopEvent(event) {
@@ -7463,7 +7465,7 @@ var WidgetViewDesc = class extends ViewDesc {
 				wrap.appendChild(dom);
 				dom = wrap;
 			}
-			dom.contentEditable = "false";
+			if (!dom.hasAttribute("contenteditable")) dom.contentEditable = "false";
 			dom.classList.add("ProseMirror-widget");
 		}
 		super(parent, [], dom, null);
@@ -7602,7 +7604,7 @@ var NodeViewDesc = class NodeViewDesc extends ViewDesc {
 		else if (node.isText) return new TextViewDesc(parent, node, outerDeco, innerDeco, dom, nodeDOM);
 		else return new NodeViewDesc(parent, node, outerDeco, innerDeco, dom, contentDOM || null, nodeDOM);
 	}
-	parseRule() {
+	parseRule(addedNodes) {
 		if (this.node.type.spec.reparseInView) return null;
 		let rule = {
 			node: this.node.type.name,
@@ -7619,7 +7621,11 @@ var NodeViewDesc = class NodeViewDesc extends ViewDesc {
 					break;
 				}
 			}
-			if (!rule.contentElement) rule.getContent = () => Fragment.empty;
+			if (!rule.contentElement) {
+				let found = addedNodes && addedNodes.find((n) => n.nodeType == 1 && addedNodes.indexOf(n.parentNode) < 0 && this.dom.contains(n));
+				if (found) rule.contentElement = found;
+				else rule.getContent = () => Fragment.empty;
+			}
 		}
 		return rule;
 	}
@@ -8856,7 +8862,12 @@ var _policy = null;
 function maybeWrapTrusted(html) {
 	let trustedTypes = window.trustedTypes;
 	if (!trustedTypes) return html;
-	if (!_policy) _policy = trustedTypes.defaultPolicy || trustedTypes.createPolicy("ProseMirrorClipboard", { createHTML: (s) => s });
+	if (!_policy) {
+		if (_policy = trustedTypes.defaultPolicy) try {
+			return _policy.createHTML(html);
+		} catch (_a) {}
+		_policy = trustedTypes.createPolicy("ProseMirrorClipboard", { createHTML: (s) => s });
+	}
 	return _policy.createHTML(html);
 }
 function readHTML(html) {
@@ -8898,6 +8909,11 @@ function addContext(slice, context) {
 	for (let i = array.length - 2; i >= 0; i -= 2) {
 		let type = schema.nodes[array[i]];
 		if (!type || type.hasRequiredAttrs()) break;
+		try {
+			type.checkAttrs(array[i + 1]);
+		} catch (e) {
+			break;
+		}
 		content = Fragment.from(type.create(array[i + 1], content));
 		openStart++;
 		openEnd++;
@@ -9544,7 +9560,7 @@ handlers.blur = (view, _event) => {
 	}
 };
 handlers.beforeinput = (view, _event) => {
-	if (chrome && android && _event.inputType == "deleteContentBackward") {
+	if (android && _event.inputType == "deleteContentBackward") {
 		view.domObserver.flushSoon();
 		let { domChangeCount } = view.input;
 		setTimeout(() => {
@@ -10415,7 +10431,7 @@ function fixUpBadSafariComposition(view, addedNodes) {
 		} else node.parentNode.removeChild(node);
 	}
 }
-function parseBetween(view, from_, to_) {
+function parseBetween(view, from_, to_, addedNodes) {
 	let { node: parent, fromOffset, toOffset, from, to } = view.docView.parseRange(from_, to_);
 	let domSel = view.domSelectionRange();
 	let find;
@@ -10449,7 +10465,7 @@ function parseBetween(view, from_, to_) {
 		to: toOffset,
 		preserveWhitespace: $from.parent.type.whitespace == "pre" ? "full" : true,
 		findPositions: find,
-		ruleFromNode,
+		ruleFromNode: ruleFromNode(addedNodes),
 		context: $from
 	});
 	if (find && find[0].pos != null) {
@@ -10467,9 +10483,9 @@ function parseBetween(view, from_, to_) {
 		to
 	};
 }
-function ruleFromNode(dom) {
+var ruleFromNode = (added) => (dom) => {
 	let desc = dom.pmViewDesc;
-	if (desc) return desc.parseRule();
+	if (desc) return desc.parseRule(added);
 	else if (dom.nodeName == "BR" && dom.parentNode) {
 		if (safari && /^(ul|ol)$/i.test(dom.parentNode.nodeName)) {
 			let skip = document.createElement("div");
@@ -10478,7 +10494,7 @@ function ruleFromNode(dom) {
 		} else if (dom.parentNode.lastChild == dom || safari && /^(tr|table)$/i.test(dom.parentNode.nodeName)) return { ignore: true };
 	} else if (dom.nodeName == "IMG" && dom.getAttribute("mark-placeholder")) return { ignore: true };
 	return null;
-}
+};
 var isInline = /^(a|abbr|acronym|b|bd[io]|big|br|button|cite|code|data(list)?|del|dfn|em|i|img|ins|kbd|label|map|mark|meter|output|q|ruby|s|samp|small|span|strong|su[bp]|time|u|tt|var)$/i;
 function readDOMChange(view, from, to, typeOver, addedNodes) {
 	let compositionID = view.input.compositionPendingChanges || (view.composing ? view.input.compositionID : 0);
@@ -10501,7 +10517,7 @@ function readDOMChange(view, from, to, typeOver, addedNodes) {
 	from = $before.before(shared + 1);
 	to = view.state.doc.resolve(to).after(shared + 1);
 	let sel = view.state.selection;
-	let parse = parseBetween(view, from, to);
+	let parse = parseBetween(view, from, to, addedNodes);
 	let doc = view.state.doc, compare = doc.slice(parse.from, parse.to);
 	let preferredPos, preferredSide;
 	if (view.input.lastKeyCode === 8 && Date.now() - 100 < view.input.lastKeyCodeTime) {
@@ -17861,6 +17877,260 @@ var index_default$17 = Mark.create({
 	}
 });
 //#endregion
+//#region ../node_modules/@tiptap/extension-text-style/dist/index.js
+var MAX_FIND_CHILD_SPAN_DEPTH = 20;
+var findChildSpans = (element, depth = 0) => {
+	const childSpans = [];
+	if (!element.children.length || depth > MAX_FIND_CHILD_SPAN_DEPTH) return childSpans;
+	Array.from(element.children).forEach((child) => {
+		if (child.tagName === "SPAN") childSpans.push(child);
+		else if (child.children.length) childSpans.push(...findChildSpans(child, depth + 1));
+	});
+	return childSpans;
+};
+var mergeNestedSpanStyles = (element) => {
+	if (!element.children.length) return;
+	const childSpans = findChildSpans(element);
+	if (!childSpans) return;
+	childSpans.forEach((childSpan) => {
+		var _a, _b;
+		const childStyle = childSpan.getAttribute("style");
+		const closestParentSpanStyleOfChild = (_b = (_a = childSpan.parentElement) == null ? void 0 : _a.closest("span")) == null ? void 0 : _b.getAttribute("style");
+		childSpan.setAttribute("style", `${closestParentSpanStyleOfChild};${childStyle}`);
+	});
+};
+var TextStyle = Mark.create({
+	name: "textStyle",
+	priority: 101,
+	addOptions() {
+		return {
+			HTMLAttributes: {},
+			mergeNestedSpanStyles: true
+		};
+	},
+	parseHTML() {
+		return [{
+			tag: "span",
+			consuming: false,
+			getAttrs: (element) => {
+				if (!element.hasAttribute("style")) return false;
+				if (this.options.mergeNestedSpanStyles) mergeNestedSpanStyles(element);
+				return {};
+			}
+		}];
+	},
+	renderHTML({ HTMLAttributes }) {
+		return [
+			"span",
+			mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
+			0
+		];
+	},
+	addCommands() {
+		return {
+			toggleTextStyle: (attributes) => ({ commands }) => {
+				return commands.toggleMark(this.name, attributes);
+			},
+			removeEmptyTextStyle: () => ({ tr }) => {
+				const { selection } = tr;
+				tr.doc.nodesBetween(selection.from, selection.to, (node, pos) => {
+					if (node.isTextblock) return true;
+					if (!node.marks.filter((mark) => mark.type === this.type).some((mark) => Object.values(mark.attrs).some((value) => !!value))) tr.removeMark(pos, pos + node.nodeSize, this.type);
+				});
+				return true;
+			}
+		};
+	}
+});
+var BackgroundColor = Extension.create({
+	name: "backgroundColor",
+	addOptions() {
+		return { types: ["textStyle"] };
+	},
+	addGlobalAttributes() {
+		return [{
+			types: this.options.types,
+			attributes: { backgroundColor: {
+				default: null,
+				parseHTML: (element) => {
+					var _a;
+					const styleAttr = element.getAttribute("style");
+					if (styleAttr) {
+						const decls = styleAttr.split(";").map((s) => s.trim()).filter(Boolean);
+						for (let i = decls.length - 1; i >= 0; i -= 1) {
+							const parts = decls[i].split(":");
+							if (parts.length >= 2) {
+								const prop = parts[0].trim().toLowerCase();
+								const val = parts.slice(1).join(":").trim();
+								if (prop === "background-color") return val.replace(/['"]+/g, "");
+							}
+						}
+					}
+					return (_a = element.style.backgroundColor) == null ? void 0 : _a.replace(/['"]+/g, "");
+				},
+				renderHTML: (attributes) => {
+					if (!attributes.backgroundColor) return {};
+					return { style: `background-color: ${attributes.backgroundColor}` };
+				}
+			} }
+		}];
+	},
+	addCommands() {
+		return {
+			setBackgroundColor: (backgroundColor) => ({ chain }) => {
+				return chain().setMark("textStyle", { backgroundColor }).run();
+			},
+			unsetBackgroundColor: () => ({ chain }) => {
+				return chain().setMark("textStyle", { backgroundColor: null }).removeEmptyTextStyle().run();
+			}
+		};
+	}
+});
+var Color = Extension.create({
+	name: "color",
+	addOptions() {
+		return { types: ["textStyle"] };
+	},
+	addGlobalAttributes() {
+		return [{
+			types: this.options.types,
+			attributes: { color: {
+				default: null,
+				parseHTML: (element) => {
+					var _a;
+					const styleAttr = element.getAttribute("style");
+					if (styleAttr) {
+						const decls = styleAttr.split(";").map((s) => s.trim()).filter(Boolean);
+						for (let i = decls.length - 1; i >= 0; i -= 1) {
+							const parts = decls[i].split(":");
+							if (parts.length >= 2) {
+								const prop = parts[0].trim().toLowerCase();
+								const val = parts.slice(1).join(":").trim();
+								if (prop === "color") return val.replace(/['"]+/g, "");
+							}
+						}
+					}
+					return (_a = element.style.color) == null ? void 0 : _a.replace(/['"]+/g, "");
+				},
+				renderHTML: (attributes) => {
+					if (!attributes.color) return {};
+					return { style: `color: ${attributes.color}` };
+				}
+			} }
+		}];
+	},
+	addCommands() {
+		return {
+			setColor: (color) => ({ chain }) => {
+				return chain().setMark("textStyle", { color }).run();
+			},
+			unsetColor: () => ({ chain }) => {
+				return chain().setMark("textStyle", { color: null }).removeEmptyTextStyle().run();
+			}
+		};
+	}
+});
+var FontFamily = Extension.create({
+	name: "fontFamily",
+	addOptions() {
+		return { types: ["textStyle"] };
+	},
+	addGlobalAttributes() {
+		return [{
+			types: this.options.types,
+			attributes: { fontFamily: {
+				default: null,
+				parseHTML: (element) => element.style.fontFamily,
+				renderHTML: (attributes) => {
+					if (!attributes.fontFamily) return {};
+					return { style: `font-family: ${attributes.fontFamily}` };
+				}
+			} }
+		}];
+	},
+	addCommands() {
+		return {
+			setFontFamily: (fontFamily) => ({ chain }) => {
+				return chain().setMark("textStyle", { fontFamily }).run();
+			},
+			unsetFontFamily: () => ({ chain }) => {
+				return chain().setMark("textStyle", { fontFamily: null }).removeEmptyTextStyle().run();
+			}
+		};
+	}
+});
+var FontSize = Extension.create({
+	name: "fontSize",
+	addOptions() {
+		return { types: ["textStyle"] };
+	},
+	addGlobalAttributes() {
+		return [{
+			types: this.options.types,
+			attributes: { fontSize: {
+				default: null,
+				parseHTML: (element) => element.style.fontSize,
+				renderHTML: (attributes) => {
+					if (!attributes.fontSize) return {};
+					return { style: `font-size: ${attributes.fontSize}` };
+				}
+			} }
+		}];
+	},
+	addCommands() {
+		return {
+			setFontSize: (fontSize) => ({ chain }) => {
+				return chain().setMark("textStyle", { fontSize }).run();
+			},
+			unsetFontSize: () => ({ chain }) => {
+				return chain().setMark("textStyle", { fontSize: null }).removeEmptyTextStyle().run();
+			}
+		};
+	}
+});
+var LineHeight = Extension.create({
+	name: "lineHeight",
+	addOptions() {
+		return { types: ["textStyle"] };
+	},
+	addGlobalAttributes() {
+		return [{
+			types: this.options.types,
+			attributes: { lineHeight: {
+				default: null,
+				parseHTML: (element) => element.style.lineHeight,
+				renderHTML: (attributes) => {
+					if (!attributes.lineHeight) return {};
+					return { style: `line-height: ${attributes.lineHeight}` };
+				}
+			} }
+		}];
+	},
+	addCommands() {
+		return {
+			setLineHeight: (lineHeight) => ({ chain }) => {
+				return chain().setMark("textStyle", { lineHeight }).run();
+			},
+			unsetLineHeight: () => ({ chain }) => {
+				return chain().setMark("textStyle", { lineHeight: null }).removeEmptyTextStyle().run();
+			}
+		};
+	}
+});
+var TextStyleKit = Extension.create({
+	name: "textStyleKit",
+	addExtensions() {
+		const extensions = [];
+		if (this.options.backgroundColor !== false) extensions.push(BackgroundColor.configure(this.options.backgroundColor));
+		if (this.options.color !== false) extensions.push(Color.configure(this.options.color));
+		if (this.options.fontFamily !== false) extensions.push(FontFamily.configure(this.options.fontFamily));
+		if (this.options.fontSize !== false) extensions.push(FontSize.configure(this.options.fontSize));
+		if (this.options.lineHeight !== false) extensions.push(LineHeight.configure(this.options.lineHeight));
+		if (this.options.textStyle !== false) extensions.push(TextStyle.configure(this.options.textStyle));
+		return extensions;
+	}
+});
+//#endregion
 //#region ../node_modules/@tiptap/extension-blockquote/dist/index.js
 var inputRegex$1 = /^\s*>\s$/;
 var index_default$16 = Node3.create({
@@ -22885,4 +23155,4 @@ var index_default = Extension.create({
 	}
 });
 //#endregion
-export { Node3 as A, index_default$21 as C, index_default$25 as D, index_default$24 as E, PluginKey as F, TextSelection as I, posToDOMRect as M, NodeSelection as N, index_default$26 as O, Plugin as P, index_default$20 as S, index_default$23 as T, index_default$15 as _, index_default$4 as a, index_default$18 as b, index_default$7 as c, index_default$9 as d, index_default$10 as f, index_default$14 as g, index_default$13 as h, index_default$3 as i, getMarkRange as j, Editor as k, Table as l, index_default$12 as m, index_default$1 as n, index_default$5 as o, index_default$11 as p, index_default$2 as r, index_default$6 as s, index_default as t, index_default$8 as u, index_default$16 as v, index_default$22 as w, index_default$19 as x, index_default$17 as y };
+export { Editor as A, index_default$20 as C, index_default$24 as D, index_default$23 as E, NodeSelection as F, Plugin as I, PluginKey as L, Node3 as M, getMarkRange as N, index_default$25 as O, posToDOMRect as P, TextSelection as R, index_default$19 as S, index_default$22 as T, index_default$15 as _, index_default$4 as a, index_default$17 as b, index_default$7 as c, index_default$9 as d, index_default$10 as f, index_default$14 as g, index_default$13 as h, index_default$3 as i, Extension as j, index_default$26 as k, Table as l, index_default$12 as m, index_default$1 as n, index_default$5 as o, index_default$11 as p, index_default$2 as r, index_default$6 as s, index_default as t, index_default$8 as u, index_default$16 as v, index_default$21 as w, index_default$18 as x, TextStyleKit as y };