@noxickon/onyx 5.0.2 → 6.1.0

package/dist/rich-editor/RichEditor.d.ts

@@ -0,0 +1,19 @@
+import { OxRichEditorAddonProps, OxRichEditorButtonGroupProps, OxRichEditorControlProps, OxRichEditorGroupProps, OxRichEditorHeadingSelectProps, OxRichEditorProps, OxRichEditorToolbarProps } from './RichEditor.types';
+declare function OxRichEditorRoot({ className, editor: editorProperty, ...props }: OxRichEditorProps): import("react").JSX.Element;
+declare function OxRichEditorGroup({ children, className, disabled, editor: editorProperty, invalid, onMouseDown, readOnly, ...props }: OxRichEditorGroupProps): import("react").JSX.Element;
+declare function OxRichEditorAddon({ align, className, variant, ...props }: OxRichEditorAddonProps): import("react").JSX.Element;
+declare function OxRichEditorToolbar({ 'aria-label': ariaLabel, ...props }: OxRichEditorToolbarProps): import("react").JSX.Element;
+declare function OxRichEditorButtonGroup({ className, orientation, ...props }: OxRichEditorButtonGroupProps): import("react").JSX.Element;
+declare function OxRichEditorControl({ active, ariaLabel, children, className, disabled, isActive, isEnabled, onClick, onMouseDown, onPress, shortcut, ...props }: OxRichEditorControlProps): import("react").JSX.Element;
+declare const OxRichEditorBold: () => import("react").JSX.Element;
+declare const OxRichEditorItalic: () => import("react").JSX.Element;
+declare const OxRichEditorUnderline: () => import("react").JSX.Element;
+declare const OxRichEditorStrike: () => import("react").JSX.Element;
+declare const OxRichEditorCode: () => import("react").JSX.Element;
+declare function OxRichEditorBulletList(): import("react").JSX.Element;
+declare function OxRichEditorOrderedList(): import("react").JSX.Element;
+declare function OxRichEditorBlockquote(): import("react").JSX.Element;
+declare function OxRichEditorUndo(): import("react").JSX.Element;
+declare function OxRichEditorRedo(): import("react").JSX.Element;
+declare function OxRichEditorHeadingSelect({ className }: OxRichEditorHeadingSelectProps): import("react").JSX.Element;
+export { OxRichEditorAddon, OxRichEditorBlockquote, OxRichEditorBold, OxRichEditorBulletList, OxRichEditorButtonGroup, OxRichEditorCode, OxRichEditorControl, OxRichEditorGroup, OxRichEditorHeadingSelect, OxRichEditorItalic, OxRichEditorOrderedList, OxRichEditorRedo, OxRichEditorRoot, OxRichEditorStrike, OxRichEditorToolbar, OxRichEditorUnderline, OxRichEditorUndo, };

package/dist/rich-editor/RichEditor.styles.d.ts

@@ -0,0 +1,82 @@
+import { VariantProps } from '../internal/tv';
+export declare const richEditorContentVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export type RichEditorContentVariants = VariantProps<typeof richEditorContentVariants>;
+export declare const richEditorGroupVariants: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            addon?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            addon?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    addon: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            addon?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    addon: string[];
+}, import('tailwind-variants').TVReturnType<unknown, {
+    base: string[];
+    addon: string[];
+}, undefined, unknown, unknown, undefined>>;
+export type RichEditorGroupVariants = VariantProps<typeof richEditorGroupVariants>;
+export declare const richEditorAddonVariants: import('tailwind-variants').TVReturnType<{
+    variant: {
+        separated: string;
+        inline: string;
+    };
+    align: {
+        'block-start': string;
+        'block-end': string;
+    };
+}, undefined, undefined, {
+    variant: {
+        separated: string;
+        inline: string;
+    };
+    align: {
+        'block-start': string;
+        'block-end': string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        separated: string;
+        inline: string;
+    };
+    align: {
+        'block-start': string;
+        'block-end': string;
+    };
+}, undefined, undefined, unknown, unknown, undefined>>;
+export declare const richEditorButtonGroupVariants: import('tailwind-variants').TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+}, undefined, string[], {
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export type RichEditorButtonGroupVariants = VariantProps<typeof richEditorButtonGroupVariants>;
+export declare const richEditorControlVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const richEditorHeadingSelectVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;

package/dist/rich-editor/RichEditor.styles.js

@@ -0,0 +1,71 @@
+import { tv as e } from "../internal/tv.js";
+import { createBlockAddonVariants as t, nestedControlReset as n } from "../internal/styles/addonStyles.js";
+import { controlDisabled as r, controlFocusWithin as i, controlReadonly as a, controlSurface as o } from "../internal/styles/controlStyles.js";
+//#region src/rich-editor/RichEditor.styles.ts
+var s = [
+	...n,
+	"[&_[data-ox-slot=rich-editor]]:min-h-0",
+	"[&_[data-ox-slot=rich-editor]]:focus-within:border-transparent [&_[data-ox-slot=rich-editor]]:focus-within:shadow-none"
+], c = ["[&_.ProseMirror]:min-h-30 [&_.ProseMirror]:px-4 [&_.ProseMirror]:py-3.5", "[&_.ProseMirror]:text-body [&_.ProseMirror]:text-fg"], l = e({ base: [
+	"block w-full",
+	...o,
+	...i,
+	a,
+	"ox-readonly:cursor-default",
+	"ox-disabled:cursor-not-allowed ox-disabled:opacity-50 ox-disabled:bg-surface-raised",
+	...c
+] }), u = [
+	"flex items-center gap-1 flex-wrap px-2 py-1.75",
+	"data-[ox-slot=rich-editor-group-suffix]:px-3",
+	"text-fg-muted",
+	"[&_button]:cursor-pointer",
+	"group-data-[disabled]/rich-editor-group:cursor-not-allowed",
+	"group-data-[readonly]/rich-editor-group:cursor-default"
+], d = e({ slots: {
+	base: [
+		"group/rich-editor-group",
+		"relative flex w-full flex-col overflow-hidden",
+		...o,
+		...i,
+		r,
+		...s
+	],
+	addon: [...u]
+} }), f = t({ surface: "bg-surface-raised" }), p = e({
+	base: [
+		"inline-flex items-center gap-0.5",
+		"data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col",
+		"[&:not(:first-child)]:ms-1 [&:not(:first-child)]:ps-1.5",
+		"[&:not(:first-child)]:border-s [&:not(:first-child)]:border-line"
+	],
+	variants: { orientation: {
+		horizontal: "",
+		vertical: ""
+	} },
+	defaultVariants: { orientation: "horizontal" }
+}), m = e({ base: [
+	"inline-grid place-items-center shrink-0",
+	"min-w-7 h-7 px-1.25 rounded-sm border-0",
+	"text-fg-muted bg-transparent",
+	"cursor-pointer select-none outline-none",
+	"transition ease-out",
+	"active:scale-97 will-change-transform",
+	"ox-interactive:hover:text-fg ox-interactive:hover:bg-surface-high",
+	"ox-active:text-primary-soft-fg ox-active:bg-primary-soft",
+	"ox-active:ox-interactive:hover:bg-[color-mix(in_oklab,var(--primary-soft),var(--fg)_8%)]",
+	"ox-disabled:opacity-40 ox-disabled:cursor-not-allowed ox-disabled:active:scale-100",
+	"focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-primary-ink focus-visible:-outline-offset-1",
+	"[&_svg:not([class*=size-])]:size-4"
+] }), h = e({ base: [
+	"inline-flex items-center justify-between gap-1.5",
+	"h-7 px-2.25 rounded-sm",
+	"text-body font-medium text-fg-muted",
+	"cursor-pointer select-none outline-none",
+	"transition-colors ease-out",
+	"ox-interactive:hover:text-fg ox-interactive:hover:bg-surface-high",
+	"data-[popup-open]:bg-surface-high data-[popup-open]:text-fg",
+	"focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-primary-ink focus-visible:-outline-offset-1",
+	"ox-disabled:opacity-40 ox-disabled:cursor-not-allowed"
+] });
+//#endregion
+export { f as richEditorAddonVariants, p as richEditorButtonGroupVariants, l as richEditorContentVariants, m as richEditorControlVariants, d as richEditorGroupVariants, h as richEditorHeadingSelectVariants };

package/dist/rich-editor/RichEditor.types.d.ts

@@ -0,0 +1,47 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Editor, Extensions, JSONContent } from '@tiptap/react';
+import { AddonVariant, BlockAddonAlign } from '../internal/styles/addonStyles';
+import { RichEditorButtonGroupVariants } from './RichEditor.styles';
+interface UseOxRichEditorOptions {
+    defaultValue?: string;
+    editable?: boolean;
+    extensions?: Extensions;
+    onChange?: (html: string, json: JSONContent) => void;
+    placeholder?: string;
+    value?: string;
+}
+interface OxRichEditorProps extends Omit<ComponentProps<'div'>, 'children' | 'onChange'> {
+    className?: string;
+    editor?: Editor | null;
+}
+interface OxRichEditorGroupProps extends Omit<ComponentProps<'div'>, 'onChange'> {
+    className?: string;
+    disabled?: boolean;
+    editor?: Editor | null;
+    invalid?: boolean;
+    readOnly?: boolean;
+}
+interface OxRichEditorAddonProps extends ComponentProps<'div'> {
+    align?: BlockAddonAlign;
+    className?: string;
+    variant?: AddonVariant;
+}
+type OxRichEditorToolbarProps = Omit<OxRichEditorAddonProps, 'role'>;
+interface OxRichEditorButtonGroupProps extends ComponentProps<'div'> {
+    className?: string;
+    orientation?: NonNullable<RichEditorButtonGroupVariants['orientation']>;
+}
+interface OxRichEditorControlProps extends Omit<ComponentProps<'button'>, 'children' | 'disabled' | 'onChange'> {
+    active?: boolean;
+    ariaLabel: string;
+    children?: ReactNode;
+    disabled?: boolean;
+    isActive?: (editor: Editor) => boolean;
+    isEnabled?: (editor: Editor) => boolean;
+    onPress?: (editor: Editor) => void;
+    shortcut?: string;
+}
+interface OxRichEditorHeadingSelectProps {
+    className?: string;
+}
+export type { OxRichEditorAddonProps, OxRichEditorButtonGroupProps, OxRichEditorControlProps, OxRichEditorGroupProps, OxRichEditorHeadingSelectProps, OxRichEditorProps, OxRichEditorToolbarProps, UseOxRichEditorOptions, };

package/dist/rich-editor/RichEditor2.js

@@ -0,0 +1,388 @@
+import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
+import { createCompoundContext as t } from "../internal/context/createCompoundContext/createCompoundContext.js";
+import { addonEdge as n } from "../internal/styles/addonStyles.js";
+import { OxDropdown as r } from "../components/Dropdown/index.js";
+import { richEditorAddonVariants as i, richEditorButtonGroupVariants as a, richEditorContentVariants as o, richEditorControlVariants as s, richEditorGroupVariants as c, richEditorHeadingSelectVariants as l } from "./RichEditor.styles.js";
+import './RichEditor.css';/* empty css           */
+import { useEffect as u, useRef as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Bold as m, ChevronDown as h, Code as g, Italic as _, List as v, ListOrdered as y, Quote as b, Redo2 as x, Strikethrough as S, Underline as C, Undo2 as w } from "lucide-react";
+import { EditorContent as T, useEditorState as E } from "@tiptap/react";
+//#region src/rich-editor/RichEditor.tsx
+var D = e(), O = "button, a, input, textarea, select, [contenteditable=\"true\"], [role=\"button\"], [role=\"link\"]", { Provider: k, useOptionalContext: A, useRequiredContext: j } = t("OxRichEditor.Group"), { Provider: M, useOptionalContext: N } = t("OxRichEditor");
+function P(e) {
+	let t = A(), n = N();
+	return e ?? t?.editor ?? n?.editor ?? null;
+}
+function F(e) {
+	let t = (0, D.c)(20), n, r, i;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3]) : ({className: n, editor: r, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i);
+	let a = A(), s = r ?? a?.editor ?? null, c = a?.invalid ?? !1, l = a?.disabled ?? !1, u = a?.readOnly ?? !1, d;
+	t[4] === s ? d = t[5] : (d = { editor: s }, t[4] = s, t[5] = d);
+	let p = d, m;
+	t[6] === n ? m = t[7] : (m = o({ class: n }), t[6] = n, t[7] = m);
+	let h = l || void 0, g = c || void 0, _ = u || void 0, v;
+	t[8] === s ? v = t[9] : (v = /* @__PURE__ */ f(T, { editor: s }), t[8] = s, t[9] = v);
+	let y;
+	t[10] !== i || t[11] !== m || t[12] !== h || t[13] !== g || t[14] !== _ || t[15] !== v ? (y = /* @__PURE__ */ f("div", {
+		...i,
+		className: m,
+		"data-disabled": h,
+		"data-invalid": g,
+		"data-ox-group-control": "",
+		"data-ox-slot": "rich-editor",
+		"data-readonly": _,
+		children: v
+	}), t[10] = i, t[11] = m, t[12] = h, t[13] = g, t[14] = _, t[15] = v, t[16] = y) : y = t[16];
+	let b;
+	return t[17] !== p || t[18] !== y ? (b = /* @__PURE__ */ f(M, {
+		value: p,
+		children: y
+	}), t[17] = p, t[18] = y, t[19] = b) : b = t[19], b;
+}
+function I(e) {
+	let t = (0, D.c)(23), n, r, i, a, o, s, l, u;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4], o = t[5], s = t[6], l = t[7], u = t[8]) : ({children: n, className: r, disabled: s, editor: i, invalid: l, onMouseDown: a, readOnly: u, ...o} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a, t[5] = o, t[6] = s, t[7] = l, t[8] = u);
+	let p = s === void 0 ? !1 : s, m = l === void 0 ? !1 : l, h = u === void 0 ? !1 : u, g = c(), _ = d(null), v = i ?? null, y;
+	t[9] !== p || t[10] !== v?.commands ? (y = (e) => {
+		if (p) return;
+		let t = e.target;
+		t.closest(O) || t.closest(".ProseMirror") || (e.preventDefault(), v?.commands.focus());
+	}, t[9] = p, t[10] = v?.commands, t[11] = y) : y = t[11];
+	let b = y, x = {
+		disabled: p,
+		editor: v,
+		invalid: m,
+		readOnly: h,
+		slots: g
+	}, S = g.base({ class: r }), C = p || void 0, w = m || void 0, T = h || void 0, E;
+	t[12] !== b || t[13] !== a ? (E = (e) => {
+		b(e), a?.(e);
+	}, t[12] = b, t[13] = a, t[14] = E) : E = t[14];
+	let A;
+	return t[15] !== n || t[16] !== o || t[17] !== S || t[18] !== C || t[19] !== w || t[20] !== T || t[21] !== E ? (A = /* @__PURE__ */ f("div", {
+		...o,
+		className: S,
+		"data-disabled": C,
+		"data-invalid": w,
+		"data-ox-slot": "rich-editor-group",
+		"data-readonly": T,
+		ref: _,
+		role: "group",
+		onMouseDown: E,
+		children: n
+	}), t[15] = n, t[16] = o, t[17] = S, t[18] = C, t[19] = w, t[20] = T, t[21] = E, t[22] = A) : A = t[22], /* @__PURE__ */ f(k, {
+		value: x,
+		children: A
+	});
+}
+function L(e) {
+	let t = (0, D.c)(3), n = d(null), r, i;
+	return t[0] === e ? (r = t[1], i = t[2]) : (r = () => {
+		let t = n.current;
+		if (!e || !t) return;
+		let r = () => [...t.querySelectorAll("button:not(:disabled)")], i = (e) => {
+			for (let n of t.querySelectorAll("button")) n.tabIndex = n === e ? 0 : -1;
+		}, a = () => {
+			let e = [...t.querySelectorAll("button[tabindex=\"0\"]")], n = e.find(R);
+			e.length === 1 && n || i(n ?? r()[0] ?? null);
+		}, o = (e) => {
+			e.target instanceof HTMLButtonElement && i(e.target);
+		}, s = (e) => {
+			if (![
+				"ArrowLeft",
+				"ArrowRight",
+				"End",
+				"Home"
+			].includes(e.key)) return;
+			let t = r();
+			if (t.length === 0) return;
+			let n = t.indexOf(document.activeElement);
+			if (n === -1) return;
+			let i;
+			bb51: switch (e.key) {
+				case "Home":
+					i = 0;
+					break bb51;
+				case "End":
+					i = t.length - 1;
+					break bb51;
+				case "ArrowRight":
+					i = (n + 1) % t.length;
+					break bb51;
+				default: i = (n - 1 + t.length) % t.length;
+			}
+			e.preventDefault(), t[i]?.focus();
+		}, c = new MutationObserver(a);
+		return c.observe(t, {
+			attributeFilter: ["disabled"],
+			attributes: !0,
+			childList: !0,
+			subtree: !0
+		}), a(), t.addEventListener("focusin", o), t.addEventListener("keydown", s), () => {
+			c.disconnect(), t.removeEventListener("focusin", o), t.removeEventListener("keydown", s);
+			for (let e of t.querySelectorAll("button")) e.tabIndex = 0;
+		};
+	}, i = [e], t[0] = e, t[1] = r, t[2] = i), u(r, i), n;
+}
+function R(e) {
+	return !e.disabled;
+}
+function z(e) {
+	let t = (0, D.c)(18), r, a, o, s;
+	t[0] === e ? (r = t[1], a = t[2], o = t[3], s = t[4]) : ({align: o, className: r, variant: s, ...a} = e, t[0] = e, t[1] = r, t[2] = a, t[3] = o, t[4] = s);
+	let c = o === void 0 ? "block-start" : o, { slots: l } = j("OxRichEditor.Addon"), u = s ?? "separated", d = L(a.role === "toolbar"), p;
+	t[5] !== c || t[6] !== r || t[7] !== u || t[8] !== l ? (p = l.addon({ class: [i({
+		variant: u,
+		align: c
+	}), r] }), t[5] = c, t[6] = r, t[7] = u, t[8] = l, t[9] = p) : p = t[9];
+	let m;
+	t[10] === c ? m = t[11] : (m = n(c), t[10] = c, t[11] = m);
+	let h = `rich-editor-group-${m}`, g;
+	return t[12] !== u || t[13] !== a || t[14] !== d || t[15] !== p || t[16] !== h ? (g = /* @__PURE__ */ f("div", {
+		...a,
+		className: p,
+		"data-ox-addon": u,
+		"data-ox-slot": h,
+		ref: d
+	}), t[12] = u, t[13] = a, t[14] = d, t[15] = p, t[16] = h, t[17] = g) : g = t[17], g;
+}
+function B(e) {
+	let t = (0, D.c)(6), n, r;
+	t[0] === e ? (n = t[1], r = t[2]) : ({"aria-label": r, ...n} = e, t[0] = e, t[1] = n, t[2] = r);
+	let i = r === void 0 ? "Formatting" : r, a;
+	return t[3] !== i || t[4] !== n ? (a = /* @__PURE__ */ f(z, {
+		"aria-label": i,
+		...n,
+		role: "toolbar"
+	}), t[3] = i, t[4] = n, t[5] = a) : a = t[5], a;
+}
+function V(e) {
+	let t = (0, D.c)(11), n, r, i;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3]) : ({className: n, orientation: i, ...r} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i);
+	let o = i === void 0 ? "horizontal" : i, s;
+	t[4] !== n || t[5] !== o ? (s = a({
+		orientation: o,
+		class: n
+	}), t[4] = n, t[5] = o, t[6] = s) : s = t[6];
+	let c;
+	return t[7] !== o || t[8] !== r || t[9] !== s ? (c = /* @__PURE__ */ f("div", {
+		...r,
+		className: s,
+		"data-orientation": o,
+		"data-ox-slot": "rich-editor-button-group",
+		role: "group"
+	}), t[7] = o, t[8] = r, t[9] = s, t[10] = c) : c = t[10], c;
+}
+function H(e) {
+	let t = (0, D.c)(40), n, r, i, a, o, c, l, u, d, p, m, h;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4], o = t[5], c = t[6], l = t[7], u = t[8], d = t[9], p = t[10], m = t[11], h = t[12]) : ({active: n, ariaLabel: r, children: i, className: a, disabled: o, isActive: c, isEnabled: l, onClick: u, onMouseDown: d, onPress: p, shortcut: h, ...m} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a, t[5] = o, t[6] = c, t[7] = l, t[8] = u, t[9] = d, t[10] = p, t[11] = m, t[12] = h);
+	let g = P(), _ = A(), v;
+	t[13] !== c || t[14] !== l ? (v = (e) => {
+		let { editor: t } = e;
+		return t ? {
+			active: c ? c(t) : !1,
+			enabled: l ? l(t) : !0
+		} : {
+			active: !1,
+			enabled: !0
+		};
+	}, t[13] = c, t[14] = l, t[15] = v) : v = t[15];
+	let y;
+	t[16] !== g || t[17] !== v ? (y = {
+		editor: g,
+		selector: v
+	}, t[16] = g, t[17] = v, t[18] = y) : y = t[18];
+	let b = E(y), x = n ?? b?.active ?? !1, S = b?.enabled ?? !0, C = _?.disabled || _?.readOnly, w = o || C || !g || !S, T = h ? `${r} (${h})` : r, O = x ? "true" : void 0, k;
+	t[19] === a ? k = t[20] : (k = s({ class: a }), t[19] = a, t[20] = k);
+	let j = x ? "true" : void 0, M = w ? "true" : void 0, N;
+	t[21] !== g || t[22] !== w || t[23] !== u || t[24] !== p ? (N = (e) => {
+		!g || w || (p?.(g), u?.(e));
+	}, t[21] = g, t[22] = w, t[23] = u, t[24] = p, t[25] = N) : N = t[25];
+	let F;
+	t[26] === d ? F = t[27] : (F = (e) => {
+		e.preventDefault(), d?.(e);
+	}, t[26] = d, t[27] = F);
+	let I;
+	return t[28] !== r || t[29] !== i || t[30] !== w || t[31] !== m || t[32] !== O || t[33] !== k || t[34] !== j || t[35] !== M || t[36] !== N || t[37] !== F || t[38] !== T ? (I = /* @__PURE__ */ f("button", {
+		...m,
+		"aria-label": r,
+		"aria-pressed": O,
+		className: k,
+		"data-active": j,
+		"data-disabled": M,
+		"data-ox-slot": "rich-editor-control",
+		disabled: w,
+		title: T,
+		type: "button",
+		onClick: N,
+		onMouseDown: F,
+		children: i
+	}), t[28] = r, t[29] = i, t[30] = w, t[31] = m, t[32] = O, t[33] = k, t[34] = j, t[35] = M, t[36] = N, t[37] = F, t[38] = T, t[39] = I) : I = t[39], I;
+}
+function U(e, t, n, r, i) {
+	return function() {
+		return /* @__PURE__ */ f(H, {
+			ariaLabel: r,
+			isActive: (t) => t.isActive(e),
+			shortcut: i,
+			onPress: (e) => {
+				t(e);
+			},
+			children: n
+		});
+	};
+}
+var W = U("bold", (e) => e.chain().focus().toggleBold().run(), /* @__PURE__ */ f(m, {}), "Bold", "⌘B"), G = U("italic", (e) => e.chain().focus().toggleItalic().run(), /* @__PURE__ */ f(_, {}), "Italic", "⌘I"), K = U("underline", (e) => e.chain().focus().toggleUnderline().run(), /* @__PURE__ */ f(C, {}), "Underline", "⌘U"), q = U("strike", (e) => e.chain().focus().toggleStrike().run(), /* @__PURE__ */ f(S, {}), "Strikethrough", "⌘⇧X"), J = U("code", (e) => e.chain().focus().toggleCode().run(), /* @__PURE__ */ f(g, {}), "Inline code", "⌘E");
+function Y() {
+	let e = (0, D.c)(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ f(H, {
+		ariaLabel: "Bullet list",
+		isActive: Z,
+		shortcut: "⌘⇧8",
+		onPress: X,
+		children: /* @__PURE__ */ f(v, {})
+	}), e[0] = t) : t = e[0], t;
+}
+function X(e) {
+	e.chain().focus().toggleBulletList().run();
+}
+function Z(e) {
+	return e.isActive("bulletList");
+}
+function Q() {
+	let e = (0, D.c)(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ f(H, {
+		ariaLabel: "Ordered list",
+		isActive: te,
+		shortcut: "⌘⇧7",
+		onPress: ee,
+		children: /* @__PURE__ */ f(y, {})
+	}), e[0] = t) : t = e[0], t;
+}
+function ee(e) {
+	e.chain().focus().toggleOrderedList().run();
+}
+function te(e) {
+	return e.isActive("orderedList");
+}
+function ne() {
+	let e = (0, D.c)(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ f(H, {
+		ariaLabel: "Blockquote",
+		isActive: ie,
+		shortcut: "⌘⇧B",
+		onPress: re,
+		children: /* @__PURE__ */ f(b, {})
+	}), e[0] = t) : t = e[0], t;
+}
+function re(e) {
+	e.chain().focus().toggleBlockquote().run();
+}
+function ie(e) {
+	return e.isActive("blockquote");
+}
+function ae() {
+	let e = (0, D.c)(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ f(H, {
+		ariaLabel: "Undo",
+		isEnabled: se,
+		shortcut: "⌘Z",
+		onPress: oe,
+		children: /* @__PURE__ */ f(w, {})
+	}), e[0] = t) : t = e[0], t;
+}
+function oe(e) {
+	e.chain().focus().undo().run();
+}
+function se(e) {
+	return e.can().undo();
+}
+function ce() {
+	let e = (0, D.c)(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ f(H, {
+		ariaLabel: "Redo",
+		isEnabled: ue,
+		shortcut: "⌘⇧Z",
+		onPress: le,
+		children: /* @__PURE__ */ f(x, {})
+	}), e[0] = t) : t = e[0], t;
+}
+function le(e) {
+	e.chain().focus().redo().run();
+}
+function ue(e) {
+	return e.can().redo();
+}
+var $ = [
+	{
+		label: "Paragraph",
+		value: "paragraph"
+	},
+	{
+		label: "Heading 1",
+		value: "h1"
+	},
+	{
+		label: "Heading 2",
+		value: "h2"
+	},
+	{
+		label: "Heading 3",
+		value: "h3"
+	}
+];
+function de(e) {
+	return e ? e.isActive("heading", { level: 1 }) ? "h1" : e.isActive("heading", { level: 2 }) ? "h2" : e.isActive("heading", { level: 3 }) ? "h3" : "paragraph" : "paragraph";
+}
+function fe(e, t) {
+	let n = e.chain().focus();
+	if (t === "paragraph") {
+		n.setParagraph().run();
+		return;
+	}
+	let r = Number(t.slice(1));
+	n.setHeading({ level: r }).run();
+}
+function pe(e) {
+	let t = (0, D.c)(21), { className: n } = e, i = P(), a = A(), o;
+	t[0] === i ? o = t[1] : (o = {
+		editor: i,
+		selector: me
+	}, t[0] = i, t[1] = o);
+	let s = E(o), c;
+	t[2] === s ? c = t[3] : (c = $.find((e) => e.value === s)?.label, t[2] = s, t[3] = c);
+	let u = c, d = !i || a?.disabled || a?.readOnly, m;
+	t[4] === n ? m = t[5] : (m = l({ class: n }), t[4] = n, t[5] = m);
+	let g = d ? "true" : void 0, _;
+	t[6] === u ? _ = t[7] : (_ = /* @__PURE__ */ f("span", { children: u }), t[6] = u, t[7] = _);
+	let v;
+	t[8] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ f(h, { size: 14 }), t[8] = v) : v = t[8];
+	let y;
+	t[9] !== d || t[10] !== m || t[11] !== g || t[12] !== _ ? (y = /* @__PURE__ */ f(r.Trigger, { children: /* @__PURE__ */ p("button", {
+		"aria-label": "Text style",
+		className: m,
+		"data-disabled": g,
+		"data-ox-slot": "rich-editor-heading-select",
+		disabled: d,
+		type: "button",
+		children: [_, v]
+	}) }), t[9] = d, t[10] = m, t[11] = g, t[12] = _, t[13] = y) : y = t[13];
+	let b;
+	t[14] === i ? b = t[15] : (b = $.map((e) => /* @__PURE__ */ f(r.Item, {
+		onClick: () => {
+			i && fe(i, e.value);
+		},
+		children: e.label
+	}, e.value)), t[14] = i, t[15] = b);
+	let x;
+	t[16] === b ? x = t[17] : (x = /* @__PURE__ */ f(r.Content, { children: b }), t[16] = b, t[17] = x);
+	let S;
+	return t[18] !== y || t[19] !== x ? (S = /* @__PURE__ */ p(r, { children: [y, x] }), t[18] = y, t[19] = x, t[20] = S) : S = t[20], S;
+}
+function me(e) {
+	let { editor: t } = e;
+	return de(t);
+}
+//#endregion
+export { z as OxRichEditorAddon, ne as OxRichEditorBlockquote, W as OxRichEditorBold, Y as OxRichEditorBulletList, V as OxRichEditorButtonGroup, J as OxRichEditorCode, H as OxRichEditorControl, I as OxRichEditorGroup, pe as OxRichEditorHeadingSelect, G as OxRichEditorItalic, Q as OxRichEditorOrderedList, ce as OxRichEditorRedo, F as OxRichEditorRoot, q as OxRichEditorStrike, B as OxRichEditorToolbar, K as OxRichEditorUnderline, ae as OxRichEditorUndo };

package/dist/rich-editor/index.d.ts

@@ -0,0 +1,21 @@
+import { OxRichEditorAddon, OxRichEditorBlockquote, OxRichEditorBulletList, OxRichEditorButtonGroup, OxRichEditorControl, OxRichEditorGroup, OxRichEditorHeadingSelect, OxRichEditorOrderedList, OxRichEditorRedo, OxRichEditorRoot, OxRichEditorToolbar, OxRichEditorUndo } from './RichEditor';
+export declare const OxRichEditor: typeof OxRichEditorRoot & {
+    Addon: typeof OxRichEditorAddon;
+    Blockquote: typeof OxRichEditorBlockquote;
+    Bold: () => import("react").JSX.Element;
+    BulletList: typeof OxRichEditorBulletList;
+    ButtonGroup: typeof OxRichEditorButtonGroup;
+    Code: () => import("react").JSX.Element;
+    Control: typeof OxRichEditorControl;
+    Group: typeof OxRichEditorGroup;
+    HeadingSelect: typeof OxRichEditorHeadingSelect;
+    Italic: () => import("react").JSX.Element;
+    OrderedList: typeof OxRichEditorOrderedList;
+    Redo: typeof OxRichEditorRedo;
+    Strike: () => import("react").JSX.Element;
+    Toolbar: typeof OxRichEditorToolbar;
+    Underline: () => import("react").JSX.Element;
+    Undo: typeof OxRichEditorUndo;
+};
+export type { OxRichEditorAddonProps, OxRichEditorButtonGroupProps, OxRichEditorControlProps, OxRichEditorGroupProps, OxRichEditorHeadingSelectProps, OxRichEditorProps, OxRichEditorToolbarProps, UseOxRichEditorOptions, } from './RichEditor.types';
+export { useOxRichEditor } from './useOxRichEditor';

package/dist/rich-editor/useOxRichEditor.d.ts

@@ -0,0 +1,2 @@
+import { UseOxRichEditorOptions } from './RichEditor.types';
+export declare function useOxRichEditor({ defaultValue, editable, extensions, onChange, placeholder, value, }?: UseOxRichEditorOptions): import('@tiptap/core').Editor | null;

package/dist/rich-editor/useOxRichEditor.js

@@ -0,0 +1,43 @@
+import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
+import { useEffect as t, useRef as n } from "react";
+import { useEditor as r } from "@tiptap/react";
+import i from "@tiptap/extension-placeholder";
+import a from "@tiptap/starter-kit";
+//#region src/rich-editor/useOxRichEditor.ts
+var o = e();
+function s(e) {
+	let s = (0, o.c)(26), { defaultValue: c, editable: l, extensions: u, onChange: d, placeholder: f, value: p } = e === void 0 ? {} : e, m = l === void 0 ? !0 : l, h = u === void 0 ? [] : u, g = n(p ?? c), _ = a, v = f ? [i.configure({ placeholder: f })] : [], y;
+	s[0] !== h || s[1] !== _ || s[2] !== v ? (y = [
+		_,
+		...v,
+		...h
+	], s[0] = h, s[1] = _, s[2] = v, s[3] = y) : y = s[3];
+	let b = p ?? c ?? "", x = f ?? "Rich text editor", S;
+	s[4] === x ? S = s[5] : (S = { attributes: { "aria-label": x } }, s[4] = x, s[5] = S);
+	let C;
+	s[6] !== g || s[7] !== d ? (C = (e) => {
+		let { editor: t } = e, n = t.getHTML();
+		g.current = n, d?.(n, t.getJSON());
+	}, s[6] = g, s[7] = d, s[8] = C) : C = s[8];
+	let w;
+	s[9] !== m || s[10] !== y || s[11] !== b || s[12] !== S || s[13] !== C ? (w = {
+		extensions: y,
+		content: b,
+		editable: m,
+		immediatelyRender: !1,
+		editorProps: S,
+		onUpdate: C
+	}, s[9] = m, s[10] = y, s[11] = b, s[12] = S, s[13] = C, s[14] = w) : w = s[14];
+	let T = r(w), E;
+	s[15] !== T || s[16] !== g || s[17] !== p ? (E = () => {
+		!T || p === void 0 || p !== g.current && (g.current = p, T.commands.setContent(p, { emitUpdate: !1 }));
+	}, s[15] = T, s[16] = g, s[17] = p, s[18] = E) : E = s[18];
+	let D;
+	s[19] !== T || s[20] !== p ? (D = [T, p], s[19] = T, s[20] = p, s[21] = D) : D = s[21], t(E, D);
+	let O, k;
+	return s[22] !== m || s[23] !== T ? (O = () => {
+		T && T.isEditable !== m && T.setEditable(m);
+	}, k = [T, m], s[22] = m, s[23] = T, s[24] = O, s[25] = k) : (O = s[24], k = s[25]), t(O, k), T;
+}
+//#endregion
+export { s as useOxRichEditor };