@pie-lib/editable-html-tip-tap 2.1.2-next.3 → 2.1.2-next.30

package/dist/components/respArea/DragInTheBlank/choice.js

@@ -0,0 +1,156 @@
+import e from "../../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { GripIcon as t } from "../../icons/RespArea.js";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { styled as a } from "@mui/material/styles";
+import o from "prop-types";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useDraggable as l, useDroppable as u } from "@dnd-kit/core";
+import { color as d } from "@pie-lib/render-ui";
+import { renderMath as f } from "@pie-element/shared-math-rendering-mathjax";
+//#region src/components/respArea/DragInTheBlank/choice.tsx
+var p = a("span")(({ theme: e }) => ({
+	border: `solid 0px ${e.palette.primary.main}`,
+	"& mjx-frac": { fontSize: "120% !important" }
+}));
+function m({ n: e, children: a, isDragging: o, isOver: l, dragItem: u, value: p, selected: m }) {
+	let [h, g] = i(null), _ = r(null), v = (e) => {
+		_.current && (_.current.contains(e.target) ? _.current.classList.add("selected") : _.current.classList.remove("selected"));
+	};
+	n(() => (document.addEventListener("click", v), () => {
+		document.removeEventListener("click", v);
+	}), []), n(() => {
+		_.current && typeof f == "function" && f(_.current);
+	}, [
+		p?.value,
+		l,
+		u?.value?.value
+	]), n(() => {
+		if (l && _.current && !h) {
+			let e = _.current;
+			g({
+				width: e.offsetWidth,
+				height: e.offsetHeight
+			});
+		} else !l && h && g(null);
+	}, [l, h]);
+	let y = u && l ? u.value.value : p.value || "\xA0", b = o ? "\xA0" : y, x = b !== "\xA0", S = u && l, C = m ? `2px solid ${d.primaryDark()}` : S ? `1px solid ${d.defaults.BORDER_DARK}` : `1px solid ${d.defaults.BORDER_LIGHT}`;
+	return /* @__PURE__ */ c("div", {
+		ref: _,
+		className: m ? "selected" : void 0,
+		style: {
+			display: "inline-flex",
+			minWidth: "178px",
+			minHeight: "36px",
+			background: S ? `${d.defaults.BORDER_LIGHT}` : `${d.defaults.WHITE}`,
+			border: C,
+			boxSizing: "border-box",
+			borderRadius: "3px",
+			overflow: "hidden",
+			position: "relative",
+			padding: "8px 8px 8px 35px",
+			width: h ? h.width : void 0,
+			height: h ? h.height : void 0,
+			touchAction: "none"
+		},
+		"data-key": e.index,
+		contentEditable: !1,
+		children: [
+			x && /* @__PURE__ */ s(t, {
+				style: {
+					position: "absolute",
+					top: "6px",
+					left: "15px",
+					color: "#9B9B9B"
+				},
+				contentEditable: !1
+			}),
+			/* @__PURE__ */ s("span", { dangerouslySetInnerHTML: { __html: b } }),
+			a
+		]
+	});
+}
+m.propTypes = {
+	n: o.object,
+	children: o.node,
+	isDragging: o.bool,
+	isOver: o.bool,
+	dragItem: o.object,
+	value: o.object,
+	selected: o.bool
+};
+function h({ value: t, disabled: n, instanceId: r, children: i, n: a, onChange: o, removeResponse: c, duplicates: d, pos: f, selected: h }) {
+	let { attributes: g, listeners: _, setNodeRef: v, isDragging: y } = l({
+		id: `drag-${a.index}`,
+		disabled: n || !t?.value,
+		data: {
+			id: `drag-${a.index}`,
+			value: t,
+			instanceId: r,
+			n: a,
+			pos: f,
+			opts: { duplicates: d },
+			type: "drag-in-the-blank-placed-choice",
+			fromChoice: !t,
+			onRemove: (e) => c(e),
+			onDrop: (e, t) => {
+				t?.type === "drag-in-the-blank-drop-choice" && (o(e), !d && e.fromChoice && c(e));
+			}
+		}
+	}), { setNodeRef: b, isOver: x, active: S } = u({
+		id: `drop-${a.index}`,
+		data: {
+			type: "drag-in-the-blank-drop-choice",
+			accepts: ["drag-in-the-blank-choice", "drag-in-the-blank-placed-choice"],
+			instanceId: r,
+			value: t,
+			id: `drop-${a.index}`,
+			pos: f,
+			n: a,
+			opts: { duplicates: d },
+			onDrop: (e, t) => {
+				if (t?.type === "drag-in-the-blank-drop-choice" && e.value.id !== t.value.id) {
+					if (e.type === "drag-in-the-blank-choice") {
+						o(e), !d && e.fromChoice && c(e);
+						return;
+					}
+					e.type === "drag-in-the-blank-placed-choice" && (c(t), o(e), setTimeout(() => c(e), 10));
+				}
+			}
+		}
+	}), C = (e) => {
+		v(e), b(e);
+	}, w = /* @__PURE__ */ s(m, {
+		n: a,
+		isDragging: y,
+		isOver: x,
+		dragItem: S?.data?.current,
+		value: t,
+		selected: h,
+		children: i
+	}), T = t ? /* @__PURE__ */ s("span", {
+		ref: C,
+		...g,
+		..._,
+		children: w
+	}) : /* @__PURE__ */ s("span", {
+		ref: b,
+		children: w
+	});
+	return /* @__PURE__ */ s(p, {
+		className: e(x && "over"),
+		children: T
+	});
+}
+h.propTypes = {
+	value: o.object,
+	disabled: o.bool,
+	instanceId: o.string,
+	children: o.node,
+	n: o.object.isRequired,
+	onChange: o.func.isRequired,
+	removeResponse: o.func.isRequired,
+	duplicates: o.bool,
+	selected: o.bool
+};
+//#endregion
+export { h as default };

package/dist/components/respArea/ExplicitConstructedResponse.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @synced-from pie-lib/packages/editable-html-tip-tap/src/components/respArea/ExplicitConstructedResponse.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+declare const ExplicitConstructedResponse: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        attributes: PropTypes.Requireable<object>;
+        error: PropTypes.Requireable<any>;
+        value: PropTypes.Requireable<string>;
+        isFocused: PropTypes.Requireable<boolean>;
+    };
+};
+export default ExplicitConstructedResponse;

package/dist/components/respArea/ExplicitConstructedResponse.js

@@ -0,0 +1,83 @@
+import e from "../../extensions/custom-toolbar-wrapper.js";
+import t, { useEffect as n, useRef as r, useState as i } from "react";
+import { NodeViewWrapper as a } from "@tiptap/react";
+import o from "react-dom";
+import s from "prop-types";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/respArea/ExplicitConstructedResponse.tsx
+var u = (s) => {
+	let { editor: u, node: d, getPos: f, options: p, selected: m } = s, { attrs: h } = d, { value: g } = h, { respAreaToolbar: _, error: v } = p, y = f(), [b, x] = i(!1), S = _([d, y], u, () => {}), C = r(null), w;
+	if (v) {
+		let e = v(), t = parseInt(h.index, 10);
+		w = !!e?.[t]?.[0];
+	}
+	return n(() => {
+		let { selection: e } = u.state, t = e.from + d.nodeSize === e.to;
+		m ? t && x(m) : x(m);
+	}, [
+		u,
+		d,
+		m
+	]), n(() => {
+		let e = (e) => {
+			!(e.target.closest(".insert-character-dialog") || e.target.closest("[data-toolbar-for]")) && C.current && !C.current.contains(e.target) && !e.target.closest("[data-inline-node]") && x(!1);
+		};
+		return b ? document.addEventListener("mousedown", e) : document.removeEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [b]), /* @__PURE__ */ l(a, {
+		className: "drag-in-the-blank",
+		"data-selected": m,
+		style: {
+			display: "inline-flex",
+			minHeight: "55px",
+			position: "relative",
+			cursor: "pointer"
+		},
+		children: [/* @__PURE__ */ c("div", {
+			...h,
+			style: {
+				display: "inline-flex",
+				width: "100%",
+				minHeight: "46px",
+				height: "46px",
+				backgroundColor: "#FFF",
+				border: `1px solid ${w ? "red" : "#C0C3CF"}`,
+				boxSizing: "border-box",
+				borderRadius: "4px",
+				overflow: "hidden",
+				padding: "12px 21px",
+				margin: "0 4px",
+				minWidth: "178px",
+				visibility: b ? "hidden" : "visible"
+			},
+			onClick: () => x(!0),
+			dangerouslySetInnerHTML: { __html: g || "<div>&nbsp;</div>" }
+		}), b && /* @__PURE__ */ l(t.Fragment, { children: [/* @__PURE__ */ c("div", {
+			ref: C,
+			className: "absolute z-50 bg-white shadow-lg rounded p-2",
+			style: { zIndex: 1 },
+			children: /* @__PURE__ */ c(S, {})
+		}), u._tiptapContainerEl && o.createPortal(/* @__PURE__ */ c(e, {
+			deletable: !0,
+			toolbarOpts: { minWidth: "auto" },
+			autoWidth: !0,
+			style: {
+				top: -40,
+				left: 0,
+				right: 0
+			},
+			onDelete: () => {
+				let { tr: e } = u.state;
+				e.delete(y, y + d.nodeSize), u._toolbarOpened = !1, u.view.dispatch(e), x(!1), u.commands.focus();
+			},
+			showDone: !1
+		}), u._tiptapContainerEl)] })]
+	});
+};
+u.propTypes = {
+	attributes: s.object,
+	error: s.any,
+	value: s.string,
+	isFocused: s.bool
+};
+//#endregion
+export { u as default };

package/dist/components/respArea/InlineDropdown.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @synced-from pie-lib/packages/editable-html-tip-tap/src/components/respArea/InlineDropdown.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+declare const InlineDropdown: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        attributes: PropTypes.Requireable<object>;
+        selectedItem: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+    };
+};
+export default InlineDropdown;

package/dist/components/respArea/InlineDropdown.js

@@ -0,0 +1,119 @@
+import e from "../../extensions/custom-toolbar-wrapper.js";
+import { Chevron as t } from "../icons/RespArea.js";
+import n, { useEffect as r, useRef as i, useState as a } from "react";
+import { NodeViewWrapper as o } from "@tiptap/react";
+import { NodeSelection as s } from "prosemirror-state";
+import c from "react-dom";
+import l from "prop-types";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/respArea/InlineDropdown.tsx
+var f = (l) => {
+	let { editor: f, node: p, getPos: m, options: h, selected: g } = l, { attrs: _ } = p, { value: v, error: y } = _, b = v || "<div>&nbsp</div>", x = m(), S = i(null), C = i(null), w = i(!1), T = () => f._holdInlineDropdownToolbarIndex != null && String(f._holdInlineDropdownToolbarIndex) === String(p.attrs.index), [E, D] = a(!1), [O, k] = a({
+		top: 0,
+		left: 0
+	}), A = () => {
+		T() || D(!1);
+	}, j = h.respAreaToolbar([p, x], f, A), M = () => {
+		let { tr: e } = f.state, t = e.doc.nodeAt(x);
+		if (!t) return;
+		let { selection: n } = e;
+		n.from === x && n.to === x + t.nodeSize || (e.setSelection(s.create(e.doc, x)), f.view.dispatch(e));
+	}, N = () => {
+		w.current || (h.onToolbarCloseRequest ? (w.current = !0, h.onToolbarCloseRequest([p, x], f, () => {
+			w.current = !1, delete f._holdInlineDropdownToolbarIndex, A();
+		}, () => {
+			w.current = !1, delete f._holdInlineDropdownToolbarIndex, D(!0), setTimeout(M, 0);
+		})) : A());
+	};
+	return r(() => {
+		let { selection: e } = f.state, t = e.from + p.nodeSize === e.to;
+		g ? t && D(!0) : E && N();
+	}, [
+		f,
+		p,
+		g
+	]), r(() => {
+		let e = document.body.getBoundingClientRect(), { from: t } = f.state.selection, n = f.view.coordsAtPos(t);
+		k({
+			top: n.top + Math.abs(e.top) + 40,
+			left: n.left
+		});
+		let r = (e) => {
+			let t = e.target.closest("[data-toolbar-for]");
+			!e.target.closest("[data-inline-dropdown-toolbar]") && (!t || t.dataset.toolbarFor !== C.current?.instanceId) && !f._toolbarOpened && S.current && !S.current.contains(e.target) && !e.target.closest("[data-inline-node]") && N();
+		};
+		return E ? document.addEventListener("mousedown", r) : document.removeEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
+	}, [E]), /* @__PURE__ */ d(o, {
+		className: "inline-dropdown",
+		"data-selected": g,
+		style: {
+			display: "inline-flex",
+			height: "50px",
+			cursor: "pointer"
+		},
+		children: [/* @__PURE__ */ d("div", {
+			style: {
+				display: "inline-flex",
+				minWidth: "178px",
+				height: "36px",
+				background: "#FFF",
+				border: "1px solid #C0C3CF",
+				boxSizing: "border-box",
+				borderRadius: "3px",
+				margin: "0 2px",
+				position: "relative",
+				alignItems: "center"
+			},
+			onClick: () => D(!0),
+			children: [/* @__PURE__ */ u("div", {
+				style: {
+					flex: 1,
+					overflow: "hidden",
+					padding: "0 25px 0 8px",
+					whiteSpace: "nowrap",
+					textOverflow: "ellipsis"
+				},
+				children: /* @__PURE__ */ u("span", {
+					style: {
+						display: "inline-block",
+						verticalAlign: "middle"
+					},
+					dangerouslySetInnerHTML: { __html: b }
+				})
+			}), /* @__PURE__ */ u(t, {
+				direction: "down",
+				style: {
+					position: "absolute",
+					top: "5px",
+					right: "5px"
+				}
+			})]
+		}), E && /* @__PURE__ */ d(n.Fragment, { children: [c.createPortal(/* @__PURE__ */ u("div", {
+			ref: S,
+			style: { zIndex: 1 },
+			children: /* @__PURE__ */ u(j, { editorCallback: (e) => {
+				C.current = e;
+			} })
+		}), document.body), f._tiptapContainerEl && c.createPortal(/* @__PURE__ */ u(e, {
+			deletable: !0,
+			toolbarOpts: { minWidth: "auto" },
+			autoWidth: !0,
+			style: {
+				top: -40,
+				left: 0,
+				right: 0
+			},
+			onDelete: () => {
+				let { tr: e } = f.state;
+				e.delete(x, x + p.nodeSize), f._toolbarOpened = !1, delete f._holdInlineDropdownToolbarIndex, f.view.dispatch(e), D(!1), f.commands.focus();
+			},
+			showDone: !1
+		}), f._tiptapContainerEl)] })]
+	});
+};
+f.propTypes = {
+	attributes: l.object,
+	selectedItem: l.oneOfType([l.string, l.object])
+};
+//#endregion
+export { f as default };

package/dist/components/respArea/MathTemplated.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @synced-from pie-lib/packages/editable-html-tip-tap/src/components/respArea/MathTemplated.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+declare const MathTemplated: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        attributes: PropTypes.Requireable<object>;
+        value: PropTypes.Requireable<string>;
+        keyToDisplay: PropTypes.Requireable<string>;
+    };
+};
+export default MathTemplated;

package/dist/components/respArea/MathTemplated.js

@@ -0,0 +1,97 @@
+import "react";
+import { NodeViewWrapper as e } from "@tiptap/react";
+import { styled as t } from "@mui/material/styles";
+import n from "prop-types";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { mq as a } from "@pie-lib/math-input";
+//#region src/components/respArea/MathTemplated.tsx
+var o = t("span")(() => ({
+	display: "inline-flex",
+	border: "1px solid #C0C3CF",
+	margin: "1px 5px",
+	cursor: "pointer",
+	alignItems: "center",
+	justifyContent: "center",
+	minWidth: "50px",
+	minHeight: "36px",
+	height: "fit-content"
+})), s = t("div")(({ theme: e }) => ({
+	background: e.palette.grey.A100,
+	color: e.palette.grey.A700,
+	display: "inline-flex",
+	borderRight: "2px solid #C0C3CF",
+	boxSizing: "border-box",
+	overflow: "hidden",
+	fontSize: "12px",
+	minHeight: "36px",
+	height: "100%",
+	alignItems: "center",
+	fontFamily: "Symbola, Times New Roman, serif",
+	padding: "0 2px"
+})), c = t("div")(() => ({
+	flex: 8,
+	color: "var(--pie-text, black)",
+	padding: "4px !important",
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	backgroundColor: "var(--pie-background, rgba(255, 255, 255, 0))",
+	"& > .mq-math-mode sup.mq-nthroot": {
+		fontSize: "70% !important",
+		verticalAlign: "1em !important"
+	},
+	"& > .mq-math-mode .mq-sqrt-stem": {
+		borderTop: "0.07em solid",
+		marginLeft: "-1.5px",
+		marginTop: "-2px !important",
+		paddingTop: "5px !important"
+	},
+	"& .mq-overarrow-inner": {
+		paddingTop: "0 !important",
+		border: "none !important"
+	},
+	"& .mq-overarrow.mq-arrow-both": {
+		marginTop: "0px",
+		minWidth: "1.23em",
+		"& *": { lineHeight: "1 !important" },
+		"&:before": {
+			top: "-0.4em",
+			left: "-1px"
+		},
+		"&:after": {
+			top: "0px !important",
+			position: "absolute !important",
+			right: "-2px"
+		},
+		"&.mq-empty:after": { top: "-0.45em" }
+	},
+	"& .mq-overarrow.mq-arrow-right": { "&:before": {
+		top: "-0.4em",
+		right: "-1px"
+	} },
+	"& .mq-overarrow-inner-right": { display: "none !important" },
+	"& .mq-overarrow-inner-left": { display: "none !important" }
+})), l = (t) => {
+	let { node: n, options: l, selected: u } = t, { attrs: d } = n, { value: f, index: p } = d, m = `R ${parseInt(p) + 1}`;
+	return /* @__PURE__ */ r(e, {
+		className: "math-templated",
+		"data-selected": u,
+		style: {
+			display: "inline-flex",
+			minHeight: "36px",
+			minWidth: "50px",
+			cursor: "pointer"
+		},
+		children: /* @__PURE__ */ i(o, {
+			...d,
+			children: [/* @__PURE__ */ r(s, { children: m }), /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(a.Static, { latex: f }) })]
+		})
+	});
+};
+l.propTypes = {
+	attributes: n.object,
+	value: n.string,
+	keyToDisplay: n.string
+};
+//#endregion
+export { l as default };

package/dist/components/respArea/ToolbarIcon.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @synced-from pie-lib/packages/editable-html-tip-tap/src/components/respArea/ToolbarIcon.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+export declare const Chevron: (props: any) => React.JSX.Element;
+export declare const GripIcon: ({ style }: {
+    style: any;
+}) => React.JSX.Element;
+export declare const ToolbarIcon: () => React.JSX.Element;

package/dist/components/respArea/ToolbarIcon.js

@@ -0,0 +1,17 @@
+import "react";
+import { styled as e } from "@mui/material/styles";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/respArea/ToolbarIcon.tsx
+var n = e("div")(({ theme: e }) => ({
+	fontFamily: "Cerebri Sans !important",
+	fontSize: e.typography.fontSize,
+	fontWeight: "bold",
+	lineHeight: "14px",
+	position: "relative",
+	top: "7px",
+	width: "110px",
+	height: "28px",
+	whiteSpace: "nowrap"
+})), r = () => /* @__PURE__ */ t(n, { children: "+ Response Area" });
+//#endregion
+export { r as ToolbarIcon };

package/dist/components/respArea/inlineDropdownUtils.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @synced-from pie-lib/packages/editable-html-tip-tap/src/components/respArea/inlineDropdownUtils.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+export declare const HOLD_INLINE_DROPDOWN_TOOLBAR_INDEX = "_holdInlineDropdownToolbarIndex";
+export declare const findInlineDropdownPos: (editor: any, index: any) => null;
+export declare const holdInlineDropdownToolbar: (editor: any, index: any) => void;
+export declare const releaseInlineDropdownToolbarHold: (editor: any) => void;
+export declare const isInlineDropdownToolbarHeld: (editor: any, index: any) => boolean;
+export declare const selectInlineDropdownNode: (editor: any, index: any, fallbackPos: any) => any;
+export declare const deleteInlineDropdownByIndex: (editor: any, index: any, fallbackPos: any) => boolean;

package/dist/components/respArea/inlineDropdownUtils.js

@@ -0,0 +1,15 @@
+import "prosemirror-state";
+//#region src/components/respArea/inlineDropdownUtils.ts
+var e = "_holdInlineDropdownToolbarIndex", t = (e, t) => {
+	let n = null;
+	return e.state.doc.descendants((e, r) => e.type?.name === "inline_dropdown" && String(e.attrs?.index) === String(t) ? (n = r, !1) : !0), n;
+}, n = (t) => {
+	delete t[e];
+}, r = (e, r, i) => {
+	let a = t(e, r) ?? i;
+	if (a == null) return n(e), !1;
+	let { tr: o } = e.state, s = o.doc.nodeAt(a);
+	return s ? (o.delete(a, a + s.nodeSize), e.view.dispatch(o), n(e), !0) : (n(e), !1);
+};
+//#endregion
+export { r as deleteInlineDropdownByIndex };

package/dist/constants.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @synced-from pie-lib/packages/editable-html-tip-tap/src/constants.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+export declare const PIE_TOOLBAR__CLASS = "pie-toolbar";
+declare const _default: {
+    PIE_TOOLBAR__CLASS: string;
+};
+export default _default;

package/dist/constants.js

@@ -0,0 +1,4 @@
+//#region src/constants.ts
+var e = "pie-toolbar";
+//#endregion
+export { e as PIE_TOOLBAR__CLASS };

package/dist/extensions/css.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @synced-from pie-lib/packages/editable-html-tip-tap/src/extensions/css.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import { Mark } from '@tiptap/core';
+export declare const removeDialogs: () => void;
+export declare const CSSMark: Mark<any, any>;