@ecsplico/editor 0.0.0-stage → 1.0.0

package/dist/features/authors/index.d.ts

@@ -0,0 +1,7 @@
+import { AUTHOR_COLOR_STYLES, AuthorColorStyle } from "../../settings/values.js";
+import { AuthorIdentity } from "../../core/feature.js";
+import { authorStyleItems } from "./author-color-styles.js";
+import { AuthorsUi, authorsFeatureCore } from "./feature.js";
+import { AuthorAttribution, AuthorAttributionOptions, authorAttributionKey, authorAttributionPlugin, currentAuthor } from "./attribution.js";
+import { AuthorMark, authorsSchemaExtensions, documentAuthors } from "./schema.js";
+export { AUTHOR_COLOR_STYLES, AuthorAttribution, type AuthorAttributionOptions, type AuthorColorStyle, type AuthorIdentity, AuthorMark, type AuthorsUi, authorAttributionKey, authorAttributionPlugin, authorStyleItems, authorsFeatureCore, authorsSchemaExtensions, currentAuthor, documentAuthors };

package/dist/features/authors/index.js

@@ -0,0 +1,6 @@
+import { AUTHOR_COLOR_STYLES } from "../../settings/values.js";
+import { AuthorAttribution, authorAttributionKey, authorAttributionPlugin, currentAuthor } from "./attribution.js";
+import { AuthorMark, authorsSchemaExtensions, documentAuthors } from "./schema.js";
+import { authorsFeatureCore } from "./feature.js";
+import { authorStyleItems } from "./author-color-styles.js";
+export { AUTHOR_COLOR_STYLES, AuthorAttribution, AuthorMark, authorAttributionKey, authorAttributionPlugin, authorStyleItems, authorsFeatureCore, authorsSchemaExtensions, currentAuthor, documentAuthors };

package/dist/features/authors/react/AuthorColorsButton.d.ts

@@ -0,0 +1,8 @@
+import { Editor } from "@tiptap/core";
+//#region src/features/authors/react/AuthorColorsButton.d.ts
+/** Toolbar button „Autorenfarben“: on while the colouring mode is; its popover is the `AuthorColorsPanel` (switch, style, legend). */
+export declare function AuthorColorsButton({ editor }: {
+  editor: Editor | undefined;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=AuthorColorsButton.d.ts.map

package/dist/features/authors/react/AuthorColorsButton.js

@@ -0,0 +1,41 @@
+import { useEditorI18n } from "../../../react/use-editor-i18n.js";
+import { cn } from "../../../react/ui/utils.js";
+import { Icon } from "../../../react/Icon.js";
+import { useEditorSettings } from "../../../react/settings.js";
+import { Button } from "../../../react/ui/button.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../react/ui/popover.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../../react/ui/tooltip.js";
+import { AuthorColorsPanel } from "./AuthorColorsPanel.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/features/authors/react/AuthorColorsButton.tsx
+/** Toolbar button „Autorenfarben“: on while the colouring mode is; its popover is the `AuthorColorsPanel` (switch, style, legend). */
+function AuthorColorsButton({ editor }) {
+	const { settings } = useEditorSettings();
+	const { t } = useEditorI18n();
+	const active = settings.editing.authorColors;
+	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(PopoverTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "icon-sm",
+				"aria-label": t("authors.title"),
+				"aria-pressed": active,
+				disabled: !editor,
+				className: cn(active && "bg-primary/10 text-primary hover:bg-primary/15 hover:text-primary"),
+				onMouseDown: (event) => event.preventDefault(),
+				children: /* @__PURE__ */ jsx(Icon, { name: "i-lucide-palette" })
+			})
+		})
+	}), /* @__PURE__ */ jsx(TooltipContent, { children: t("authors.title") })] }), /* @__PURE__ */ jsx(PopoverContent, {
+		side: "bottom",
+		align: "end",
+		className: "w-auto p-0",
+		children: /* @__PURE__ */ jsx(AuthorColorsPanel, { editor })
+	})] });
+}
+//#endregion
+export { AuthorColorsButton };
+
+//# sourceMappingURL=AuthorColorsButton.js.map

package/dist/features/authors/react/AuthorColorsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthorColorsButton.js","names":[],"sources":["../../../../src/features/authors/react/AuthorColorsButton.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { Icon } from '../../../react/Icon'\nimport { useEditorSettings } from '../../../react/settings'\nimport { Button } from '../../../react/ui/button'\nimport { Popover, PopoverContent, PopoverTrigger } from '../../../react/ui/popover'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../../react/ui/tooltip'\nimport { cn } from '../../../react/ui/utils'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { AuthorColorsPanel } from './AuthorColorsPanel'\n\n/** Toolbar button „Autorenfarben“: on while the colouring mode is; its popover is the `AuthorColorsPanel` (switch, style, legend). */\nexport function AuthorColorsButton({ editor }: { editor: Editor | undefined }) {\n  const { settings } = useEditorSettings()\n  const { t } = useEditorI18n()\n  const active = settings.editing.authorColors\n  return (\n    <Popover>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <PopoverTrigger asChild>\n            <Button\n              variant=\"ghost\"\n              size=\"icon-sm\"\n              aria-label={t('authors.title')}\n              aria-pressed={active}\n              disabled={!editor}\n              className={cn(active && 'bg-primary/10 text-primary hover:bg-primary/15 hover:text-primary')}\n              onMouseDown={event => event.preventDefault()}\n            >\n              <Icon name=\"i-lucide-palette\" />\n            </Button>\n          </PopoverTrigger>\n        </TooltipTrigger>\n        <TooltipContent>{t('authors.title')}</TooltipContent>\n      </Tooltip>\n      <PopoverContent side=\"bottom\" align=\"end\" className=\"w-auto p-0\">\n        <AuthorColorsPanel editor={editor} />\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,mBAAmB,EAAE,UAA0C;CAC7E,MAAM,EAAE,aAAa,kBAAkB;CACvC,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,SAAS,SAAS,QAAQ;CAChC,OACE,qBAAC,SAAD,EAAA,UAAA,CACE,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;EAAgB,SAAA;EACd,UAAA,oBAAC,gBAAD;GAAgB,SAAA;GACd,UAAA,oBAAC,QAAD;IACE,SAAQ;IACR,MAAK;IACL,cAAY,EAAE,eAAe;IAC7B,gBAAc;IACd,UAAU,CAAC;IACX,WAAW,GAAG,UAAU,mEAAmE;IAC3F,cAAa,UAAS,MAAM,eAAe;IAE3C,UAAA,oBAAC,MAAD,EAAM,MAAK,mBAAoB,CAAA;GACzB,CAAA;EACM,CAAA;CACF,CAAA,GAChB,oBAAC,gBAAD,EAAA,UAAiB,EAAE,eAAe,EAAkB,CAAA,CAC7C,EAAA,CAAA,GACT,oBAAC,gBAAD;EAAgB,MAAK;EAAS,OAAM;EAAM,WAAU;EAClD,UAAA,oBAAC,mBAAD,EAA2B,OAAS,CAAA;CACtB,CAAA,CACT,EAAA,CAAA;AAEb"}

package/dist/features/authors/react/AuthorColorsPanel.d.ts

@@ -0,0 +1,8 @@
+import { Editor } from "@tiptap/core";
+//#region src/features/authors/react/AuthorColorsPanel.d.ts
+/** Toolbar popover: author colouring switch and style, plus a legend of the document's authors by character count. */
+export declare function AuthorColorsPanel({ editor }: {
+  editor: Editor | undefined;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=AuthorColorsPanel.d.ts.map

package/dist/features/authors/react/AuthorColorsPanel.js

@@ -0,0 +1,125 @@
+import { AUTHOR_COLOR_STYLES } from "../../../settings/values.js";
+import { useEditorI18n } from "../../../react/use-editor-i18n.js";
+import { cn } from "../../../react/ui/utils.js";
+import { useEditorSettings } from "../../../react/settings.js";
+import { Label } from "../../../react/ui/label.js";
+import { Switch } from "../../../react/ui/switch.js";
+import { currentAuthor } from "../attribution.js";
+import { documentAuthors } from "../schema.js";
+import { RadioGroup, RadioGroupItem } from "../../../react/ui/radio-group.js";
+import { authorStyleItems } from "../author-color-styles.js";
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEditorState } from "@tiptap/react";
+//#region src/features/authors/react/AuthorColorsPanel.tsx
+/** Toolbar popover: author colouring switch and style, plus a legend of the document's authors by character count. */
+function AuthorColorsPanel({ editor }) {
+	const { settings, update } = useEditorSettings();
+	const { t, locale } = useEditorI18n();
+	const switchId = useId();
+	const legendId = useId();
+	const { authors, selfId } = useEditorState({
+		editor: editor ?? null,
+		selector: ({ editor: current }) => current && !current.isDestroyed ? {
+			authors: documentAuthors(current.state.doc),
+			selfId: currentAuthor(current)?.id
+		} : {
+			authors: [],
+			selfId: void 0
+		}
+	}) ?? {
+		authors: [],
+		selfId: void 0
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex w-72 flex-col gap-3 p-3",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx(Switch, {
+					id: switchId,
+					checked: settings.editing.authorColors,
+					onCheckedChange: (checked) => update((draft) => {
+						draft.editing.authorColors = checked;
+					})
+				}), /* @__PURE__ */ jsx(Label, {
+					htmlFor: switchId,
+					className: "text-sm font-medium",
+					children: t("authors.switch.label")
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+				id: legendId,
+				className: "mb-2 text-sm font-medium text-foreground",
+				children: t("authors.style.legend")
+			}), /* @__PURE__ */ jsx(RadioGroup, {
+				"aria-labelledby": legendId,
+				orientation: "horizontal",
+				className: "flex flex-wrap gap-4",
+				value: settings.editing.authorColorStyle,
+				onValueChange: (value) => {
+					const style = AUTHOR_COLOR_STYLES.find((candidate) => candidate === value);
+					if (style) update((draft) => {
+						draft.editing.authorColorStyle = style;
+					});
+				},
+				children: authorStyleItems(t).map((item) => /* @__PURE__ */ jsx(StyleOption, { item }, item.value))
+			})] }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-1.5",
+				children: [
+					/* @__PURE__ */ jsx("p", {
+						className: "text-sm font-medium",
+						children: t("authors.panel.heading")
+					}),
+					authors.length === 0 && /* @__PURE__ */ jsx("p", {
+						className: "text-sm text-muted-foreground",
+						children: t("authors.panel.empty")
+					}),
+					authors.map((row) => /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 text-sm",
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: cn("size-3 shrink-0 rounded-full", !row.author && "bg-(--sk-fg-dimmed)"),
+								style: row.author ? { backgroundColor: row.author.color } : void 0
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "truncate",
+								children: row.author ? row.author.id === selfId ? t("authors.panel.you", { name: row.author.name }) : row.author.name : t("authors.panel.noAuthor")
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "ms-auto shrink-0 text-muted-foreground",
+								children: t("authors.panel.characters", { n: row.characters.toLocaleString(locale) })
+							})
+						]
+					}, row.author?.id ?? ""))
+				]
+			})
+		]
+	});
+}
+function StyleOption({ item }) {
+	const id = useId();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-start gap-2",
+		children: [/* @__PURE__ */ jsx(RadioGroupItem, {
+			id,
+			value: item.value,
+			className: "mt-0.5"
+		}), /* @__PURE__ */ jsxs(Label, {
+			htmlFor: id,
+			className: "flex-col items-start gap-0.5",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-sm font-medium text-foreground",
+				children: item.label
+			}), /* @__PURE__ */ jsx("span", {
+				className: "text-sm font-normal text-muted-foreground",
+				children: item.description
+			})]
+		})]
+	});
+}
+//#endregion
+export { AuthorColorsPanel };
+
+//# sourceMappingURL=AuthorColorsPanel.js.map

package/dist/features/authors/react/AuthorColorsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthorColorsPanel.js","names":[],"sources":["../../../../src/features/authors/react/AuthorColorsPanel.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { useEditorState } from '@tiptap/react'\nimport { useId } from 'react'\nimport { useEditorSettings } from '../../../react/settings'\nimport { Label } from '../../../react/ui/label'\nimport { RadioGroup, RadioGroupItem } from '../../../react/ui/radio-group'\nimport { Switch } from '../../../react/ui/switch'\nimport { cn } from '../../../react/ui/utils'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { currentAuthor } from '../attribution'\nimport { authorStyleItems } from '../author-color-styles'\nimport { AUTHOR_COLOR_STYLES, documentAuthors } from '../schema'\n\n/** Toolbar popover: author colouring switch and style, plus a legend of the document's authors by character count. */\nexport function AuthorColorsPanel({ editor }: { editor: Editor | undefined }) {\n  const { settings, update } = useEditorSettings()\n  const { t, locale } = useEditorI18n()\n  const switchId = useId()\n  const legendId = useId()\n\n  // Re-render on every transaction; only evaluated while the popover content is mounted.\n  const { authors, selfId } = useEditorState({\n    editor: editor ?? null,\n    selector: ({ editor: current }) => current && !current.isDestroyed\n      ? { authors: documentAuthors(current.state.doc), selfId: currentAuthor(current)?.id }\n      : { authors: [], selfId: undefined },\n  }) ?? { authors: [], selfId: undefined }\n\n  return (\n    <div className=\"flex w-72 flex-col gap-3 p-3\">\n      <div className=\"flex items-center gap-2\">\n        <Switch\n          id={switchId}\n          checked={settings.editing.authorColors}\n          onCheckedChange={checked => update((draft) => { draft.editing.authorColors = checked })}\n        />\n        <Label htmlFor={switchId} className=\"text-sm font-medium\">{t('authors.switch.label')}</Label>\n      </div>\n      <div>\n        <p id={legendId} className=\"mb-2 text-sm font-medium text-foreground\">{t('authors.style.legend')}</p>\n        <RadioGroup\n          aria-labelledby={legendId}\n          orientation=\"horizontal\"\n          className=\"flex flex-wrap gap-4\"\n          value={settings.editing.authorColorStyle}\n          onValueChange={(value) => {\n            const style = AUTHOR_COLOR_STYLES.find(candidate => candidate === value)\n            if (style) update((draft) => { draft.editing.authorColorStyle = style })\n          }}\n        >\n          {authorStyleItems(t).map(item => <StyleOption key={item.value} item={item} />)}\n        </RadioGroup>\n      </div>\n      <div className=\"flex flex-col gap-1.5\">\n        <p className=\"text-sm font-medium\">{t('authors.panel.heading')}</p>\n        {authors.length === 0 && <p className=\"text-sm text-muted-foreground\">{t('authors.panel.empty')}</p>}\n        {authors.map(row => (\n          <div key={row.author?.id ?? ''} className=\"flex items-center gap-2 text-sm\">\n            <span\n              className={cn('size-3 shrink-0 rounded-full', !row.author && 'bg-(--sk-fg-dimmed)')}\n              style={row.author ? { backgroundColor: row.author.color } : undefined}\n            />\n            <span className=\"truncate\">{row.author ? (row.author.id === selfId ? t('authors.panel.you', { name: row.author.name }) : row.author.name) : t('authors.panel.noAuthor')}</span>\n            <span className=\"ms-auto shrink-0 text-muted-foreground\">{t('authors.panel.characters', { n: row.characters.toLocaleString(locale) })}</span>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nfunction StyleOption({ item }: { item: ReturnType<typeof authorStyleItems>[number] }) {\n  const id = useId()\n  return (\n    <div className=\"flex items-start gap-2\">\n      <RadioGroupItem id={id} value={item.value} className=\"mt-0.5\" />\n      <Label htmlFor={id} className=\"flex-col items-start gap-0.5\">\n        <span className=\"text-sm font-medium text-foreground\">{item.label}</span>\n        <span className=\"text-sm font-normal text-muted-foreground\">{item.description}</span>\n      </Label>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/features/authors/react/SettingsAuthorsTab.d.ts

@@ -0,0 +1,5 @@
+//#region src/features/authors/react/SettingsAuthorsTab.d.ts
+/** „Autorenfarben“: the colouring mode that shows who wrote which text. */
+export declare function SettingsAuthorsTab(): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=SettingsAuthorsTab.d.ts.map

package/dist/features/authors/react/SettingsAuthorsTab.js

@@ -0,0 +1,92 @@
+import { AUTHOR_COLOR_STYLES } from "../../../settings/values.js";
+import { useEditorI18n } from "../../../react/use-editor-i18n.js";
+import { useEditorSettings } from "../../../react/settings.js";
+import { SettingsSection } from "../../../react/SettingsSection.js";
+import { Label } from "../../../react/ui/label.js";
+import { Switch } from "../../../react/ui/switch.js";
+import { RadioGroup, RadioGroupItem } from "../../../react/ui/radio-group.js";
+import { authorStyleItems } from "../author-color-styles.js";
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/features/authors/react/SettingsAuthorsTab.tsx
+/** „Autorenfarben“: the colouring mode that shows who wrote which text. */
+function SettingsAuthorsTab() {
+	const { settings, update } = useEditorSettings();
+	const { t } = useEditorI18n();
+	const switchId = useId();
+	const legendId = useId();
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex flex-col gap-8",
+		children: /* @__PURE__ */ jsxs(SettingsSection, {
+			title: t("authors.tab"),
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "py-3",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex items-start gap-2",
+					children: [/* @__PURE__ */ jsx(Switch, {
+						id: switchId,
+						className: "mt-0.5",
+						checked: settings.editing.authorColors,
+						onCheckedChange: (checked) => update((draft) => {
+							draft.editing.authorColors = checked;
+						})
+					}), /* @__PURE__ */ jsxs(Label, {
+						htmlFor: switchId,
+						className: "flex-col items-start gap-0.5",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-sm font-medium text-foreground",
+							children: t("authors.switch.label")
+						}), /* @__PURE__ */ jsx("span", {
+							className: "text-sm font-normal text-muted-foreground",
+							children: t("authors.switch.description")
+						})]
+					})]
+				})
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "py-3",
+				children: [/* @__PURE__ */ jsx("p", {
+					id: legendId,
+					className: "mb-2 text-sm font-medium text-foreground",
+					children: t("authors.style.legend")
+				}), /* @__PURE__ */ jsx(RadioGroup, {
+					"aria-labelledby": legendId,
+					orientation: "horizontal",
+					className: "flex flex-wrap gap-4",
+					value: settings.editing.authorColorStyle,
+					onValueChange: (value) => {
+						const style = AUTHOR_COLOR_STYLES.find((candidate) => candidate === value);
+						if (style) update((draft) => {
+							draft.editing.authorColorStyle = style;
+						});
+					},
+					children: authorStyleItems(t).map((item) => /* @__PURE__ */ jsx(StyleOption, { item }, item.value))
+				})]
+			})]
+		})
+	});
+}
+function StyleOption({ item }) {
+	const id = useId();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-start gap-2",
+		children: [/* @__PURE__ */ jsx(RadioGroupItem, {
+			id,
+			value: item.value,
+			className: "mt-0.5"
+		}), /* @__PURE__ */ jsxs(Label, {
+			htmlFor: id,
+			className: "flex-col items-start gap-0.5",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-sm font-medium text-foreground",
+				children: item.label
+			}), /* @__PURE__ */ jsx("span", {
+				className: "text-sm font-normal text-muted-foreground",
+				children: item.description
+			})]
+		})]
+	});
+}
+//#endregion
+export { SettingsAuthorsTab };
+
+//# sourceMappingURL=SettingsAuthorsTab.js.map

package/dist/features/authors/react/SettingsAuthorsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsAuthorsTab.js","names":[],"sources":["../../../../src/features/authors/react/SettingsAuthorsTab.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { useEditorSettings } from '../../../react/settings'\nimport { SettingsSection } from '../../../react/SettingsSection'\nimport { Label } from '../../../react/ui/label'\nimport { RadioGroup, RadioGroupItem } from '../../../react/ui/radio-group'\nimport { Switch } from '../../../react/ui/switch'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { authorStyleItems } from '../author-color-styles'\nimport { AUTHOR_COLOR_STYLES } from '../schema'\n\n/** „Autorenfarben“: the colouring mode that shows who wrote which text. */\nexport function SettingsAuthorsTab() {\n  const { settings, update } = useEditorSettings()\n  const { t } = useEditorI18n()\n  const switchId = useId()\n  const legendId = useId()\n  return (\n    <div className=\"flex flex-col gap-8\">\n      <SettingsSection title={t('authors.tab')}>\n        <div className=\"py-3\">\n          <div className=\"flex items-start gap-2\">\n            <Switch\n              id={switchId}\n              className=\"mt-0.5\"\n              checked={settings.editing.authorColors}\n              onCheckedChange={checked => update((draft) => { draft.editing.authorColors = checked })}\n            />\n            <Label htmlFor={switchId} className=\"flex-col items-start gap-0.5\">\n              <span className=\"text-sm font-medium text-foreground\">{t('authors.switch.label')}</span>\n              <span className=\"text-sm font-normal text-muted-foreground\">\n                {t('authors.switch.description')}\n              </span>\n            </Label>\n          </div>\n        </div>\n        <div className=\"py-3\">\n          <p id={legendId} className=\"mb-2 text-sm font-medium text-foreground\">{t('authors.style.legend')}</p>\n          <RadioGroup\n            aria-labelledby={legendId}\n            orientation=\"horizontal\"\n            className=\"flex flex-wrap gap-4\"\n            value={settings.editing.authorColorStyle}\n            onValueChange={(value) => {\n              const style = AUTHOR_COLOR_STYLES.find(candidate => candidate === value)\n              if (style) update((draft) => { draft.editing.authorColorStyle = style })\n            }}\n          >\n            {authorStyleItems(t).map(item => <StyleOption key={item.value} item={item} />)}\n          </RadioGroup>\n        </div>\n      </SettingsSection>\n    </div>\n  )\n}\n\nfunction StyleOption({ item }: { item: ReturnType<typeof authorStyleItems>[number] }) {\n  const id = useId()\n  return (\n    <div className=\"flex items-start gap-2\">\n      <RadioGroupItem id={id} value={item.value} className=\"mt-0.5\" />\n      <Label htmlFor={id} className=\"flex-col items-start gap-0.5\">\n        <span className=\"text-sm font-medium text-foreground\">{item.label}</span>\n        <span className=\"text-sm font-normal text-muted-foreground\">{item.description}</span>\n      </Label>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,qBAAqB;CACnC,MAAM,EAAE,UAAU,WAAW,kBAAkB;CAC/C,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,WAAW,MAAM;CACvB,MAAM,WAAW,MAAM;CACvB,OACE,oBAAC,OAAD;EAAK,WAAU;EACb,UAAA,qBAAC,iBAAD;GAAiB,OAAO,EAAE,aAAa;GAAvC,UAAA,CACE,oBAAC,OAAD;IAAK,WAAU;IACb,UAAA,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,oBAAC,QAAD;MACE,IAAI;MACJ,WAAU;MACV,SAAS,SAAS,QAAQ;MAC1B,kBAAiB,YAAW,QAAQ,UAAU;OAAE,MAAM,QAAQ,eAAe;MAAQ,CAAC;KACvF,CAAA,GACD,qBAAC,OAAD;MAAO,SAAS;MAAU,WAAU;MAApC,UAAA,CACE,oBAAC,QAAD;OAAM,WAAU;OAAuC,UAAA,EAAE,sBAAsB;MAAQ,CAAA,GACvF,oBAAC,QAAD;OAAM,WAAU;OACb,UAAA,EAAE,4BAA4B;MAC3B,CAAA,CACD;KACJ,CAAA,CAAA;;GACF,CAAA,GACL,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,KAAD;KAAG,IAAI;KAAU,WAAU;KAA4C,UAAA,EAAE,sBAAsB;IAAK,CAAA,GACpG,oBAAC,YAAD;KACE,mBAAiB;KACjB,aAAY;KACZ,WAAU;KACV,OAAO,SAAS,QAAQ;KACxB,gBAAgB,UAAU;MACxB,MAAM,QAAQ,oBAAoB,MAAK,cAAa,cAAc,KAAK;MACvE,IAAI,OAAO,QAAQ,UAAU;OAAE,MAAM,QAAQ,mBAAmB;MAAM,CAAC;KACzE;KAEC,UAAA,iBAAiB,CAAC,CAAC,CAAC,KAAI,SAAQ,oBAAC,aAAD,EAAoC,KAAO,GAAzB,KAAK,KAAoB,CAAC;IACnE,CAAA,CACT;GACU,CAAA,CAAA;;CACd,CAAA;AAET;AAEA,SAAS,YAAY,EAAE,QAA+D;CACpF,MAAM,KAAK,MAAM;CACjB,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,gBAAD;GAAoB;GAAI,OAAO,KAAK;GAAO,WAAU;EAAU,CAAA,GAC/D,qBAAC,OAAD;GAAO,SAAS;GAAI,WAAU;GAA9B,UAAA,CACE,oBAAC,QAAD;IAAM,WAAU;IAAuC,UAAA,KAAK;GAAY,CAAA,GACxE,oBAAC,QAAD;IAAM,WAAU;IAA6C,UAAA,KAAK;GAAkB,CAAA,CAC/E;EACJ,CAAA,CAAA;;AAET"}

package/dist/features/authors/react.d.ts

@@ -0,0 +1,11 @@
+import { ReactFeature } from "../../react/EditorSurface.js";
+import "../../react/index.js";
+import { AuthorColorsButton } from "./react/AuthorColorsButton.js";
+import { AuthorColorsPanel } from "./react/AuthorColorsPanel.js";
+import { SettingsAuthorsTab } from "./react/SettingsAuthorsTab.js";
+//#region src/features/authors/react.d.ts
+/** The React authors feature (shadcn): see `authorsFeatureCore`. */
+export declare function authorsFeature(): ReactFeature;
+//#endregion
+export { AuthorColorsButton, AuthorColorsPanel, SettingsAuthorsTab };
+//# sourceMappingURL=react.d.ts.map

package/dist/features/authors/react.js

@@ -0,0 +1,16 @@
+import { authorsFeatureCore } from "./feature.js";
+import { AuthorColorsPanel } from "./react/AuthorColorsPanel.js";
+import { AuthorColorsButton } from "./react/AuthorColorsButton.js";
+import { SettingsAuthorsTab } from "./react/SettingsAuthorsTab.js";
+//#region src/features/authors/react.ts
+/** The React authors feature (shadcn): see `authorsFeatureCore`. */
+function authorsFeature() {
+	return authorsFeatureCore({
+		toolbarButton: AuthorColorsButton,
+		settingsTab: SettingsAuthorsTab
+	});
+}
+//#endregion
+export { AuthorColorsButton, AuthorColorsPanel, SettingsAuthorsTab, authorsFeature };
+
+//# sourceMappingURL=react.js.map

package/dist/features/authors/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","names":[],"sources":["../../../src/features/authors/react.ts"],"sourcesContent":["import type { ReactFeature } from '../../react'\nimport { authorsFeatureCore } from './feature'\nimport { AuthorColorsButton } from './react/AuthorColorsButton'\nimport { SettingsAuthorsTab } from './react/SettingsAuthorsTab'\n\nexport { AuthorColorsButton } from './react/AuthorColorsButton'\nexport { AuthorColorsPanel } from './react/AuthorColorsPanel'\nexport { SettingsAuthorsTab } from './react/SettingsAuthorsTab'\n\n/** The React authors feature (shadcn): see `authorsFeatureCore`. */\nexport function authorsFeature(): ReactFeature {\n  return authorsFeatureCore({ toolbarButton: AuthorColorsButton, settingsTab: SettingsAuthorsTab })\n}\n"],"mappings":";;;;;;AAUA,SAAgB,iBAA+B;CAC7C,OAAO,mBAAmB;EAAE,eAAe;EAAoB,aAAa;CAAmB,CAAC;AAClG"}

package/dist/features/authors/schema.d.ts

@@ -0,0 +1,22 @@
+import { AUTHOR_COLOR_STYLES, AuthorColorStyle } from "../../settings/values.js";
+import { AuthorIdentity } from "../../core/feature.js";
+import "../../core/schema/mark-flags.js";
+import { AnyExtension, Mark } from "@tiptap/core";
+import { Node as Node$1 } from "@tiptap/pm/model";
+//#region src/features/authors/schema.d.ts
+/**
+ * Who wrote a text run (`id`, `name`, `color` of the inserting user). Persisted with the document; invisible unless
+ * the author colouring mode styles `.author`. No Markdown form (`markdownInvisible`): Markdown export and AI context
+ * stay clean. Default `excludes` (itself): one author per run.
+ */
+export declare const AuthorMark: Mark<any, any>;
+/** The author mark of the document schema. */
+export declare const authorsSchemaExtensions: () => AnyExtension[];
+/** Characters per author in `doc`, most first; `author: null` = text without an author mark (e.g. legacy content). */
+export declare function documentAuthors(doc: Node$1): {
+  author: AuthorIdentity | null;
+  characters: number;
+}[];
+//#endregion
+export { AUTHOR_COLOR_STYLES, type AuthorColorStyle, type AuthorIdentity };
+//# sourceMappingURL=schema.d.ts.map

package/dist/features/authors/schema.js

@@ -0,0 +1,70 @@
+import { AUTHOR_COLOR_STYLES } from "../../settings/values.js";
+import { HEX_COLOR } from "../../core/schema/hex-color.js";
+import { Mark, mergeAttributes } from "@tiptap/core";
+//#region src/features/authors/schema.ts
+/**
+* Who wrote a text run (`id`, `name`, `color` of the inserting user). Persisted with the document; invisible unless
+* the author colouring mode styles `.author`. No Markdown form (`markdownInvisible`): Markdown export and AI context
+* stay clean. Default `excludes` (itself): one author per run.
+*/
+const AuthorMark = Mark.create({
+	name: "author",
+	markdownInvisible: true,
+	addAttributes() {
+		return {
+			id: {
+				default: null,
+				parseHTML: (el) => el.getAttribute("data-author-id"),
+				renderHTML: (attrs) => ({ "data-author-id": attrs.id })
+			},
+			name: {
+				default: null,
+				parseHTML: (el) => el.getAttribute("data-author-name"),
+				renderHTML: (attrs) => ({ "data-author-name": attrs.name })
+			},
+			color: {
+				default: null,
+				parseHTML: (el) => el.getAttribute("data-author-color"),
+				renderHTML: (attrs) => HEX_COLOR.test(String(attrs.color ?? "")) ? {
+					"data-author-color": attrs.color,
+					"style": `--author-color: ${attrs.color}`
+				} : {}
+			}
+		};
+	},
+	parseHTML: () => [{ tag: "span[data-author-id]" }],
+	renderHTML: ({ HTMLAttributes }) => [
+		"span",
+		mergeAttributes(HTMLAttributes, { class: "author" }),
+		0
+	]
+});
+/** The author mark of the document schema. */
+const authorsSchemaExtensions = () => [AuthorMark];
+/** Characters per author in `doc`, most first; `author: null` = text without an author mark (e.g. legacy content). */
+function documentAuthors(doc) {
+	const byId = /* @__PURE__ */ new Map();
+	doc.descendants((node) => {
+		if (!node.isText) return;
+		const attrs = node.marks.find((m) => m.type.name === "author")?.attrs;
+		const id = attrs?.id ?? null;
+		let entry = byId.get(id);
+		if (!entry) {
+			entry = {
+				author: id === null ? null : {
+					id,
+					name: attrs?.name ?? "",
+					color: attrs?.color ?? ""
+				},
+				characters: 0
+			};
+			byId.set(id, entry);
+		}
+		entry.characters += node.text?.length ?? 0;
+	});
+	return [...byId.values()].sort((a, b) => b.characters - a.characters);
+}
+//#endregion
+export { AUTHOR_COLOR_STYLES, AuthorMark, authorsSchemaExtensions, documentAuthors };
+
+//# sourceMappingURL=schema.js.map

package/dist/features/authors/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","names":[],"sources":["../../../src/features/authors/schema.ts"],"sourcesContent":["import { type AnyExtension, Mark, mergeAttributes } from '@tiptap/core'\nimport type { Node as PMNode } from '@tiptap/pm/model'\nimport { HEX_COLOR } from '../../core/schema/hex-color'\nimport '../../core/schema/mark-flags'\nimport type { AuthorIdentity } from '../../core/feature'\n\n// Vue-free and server-importable (`@ecsplico/editor/authors/schema`): the author mark and the helper that reads the\n// authors of a document. The attribution plugin and the UI live in the feature.\n\nexport type { AuthorIdentity } from '../../core/feature'\nexport { AUTHOR_COLOR_STYLES, type AuthorColorStyle } from '../../settings/values'\n\n/**\n * Who wrote a text run (`id`, `name`, `color` of the inserting user). Persisted with the document; invisible unless\n * the author colouring mode styles `.author`. No Markdown form (`markdownInvisible`): Markdown export and AI context\n * stay clean. Default `excludes` (itself): one author per run.\n */\nexport const AuthorMark = Mark.create({\n  name: 'author',\n  markdownInvisible: true,\n  addAttributes() {\n    return {\n      id: {\n        default: null,\n        parseHTML: el => el.getAttribute('data-author-id'),\n        renderHTML: attrs => ({ 'data-author-id': attrs.id }),\n      },\n      name: {\n        default: null,\n        parseHTML: el => el.getAttribute('data-author-name'),\n        renderHTML: attrs => ({ 'data-author-name': attrs.name }),\n      },\n      color: {\n        default: null,\n        parseHTML: el => el.getAttribute('data-author-color'),\n        // Attribute values come from the shared Y.Doc: only plain hex colours reach the inline style.\n        renderHTML: attrs => HEX_COLOR.test(String(attrs.color ?? ''))\n          ? { 'data-author-color': attrs.color, 'style': `--author-color: ${attrs.color}` }\n          : {},\n      },\n    }\n  },\n  parseHTML: () => [{ tag: 'span[data-author-id]' }],\n  renderHTML: ({ HTMLAttributes }) => ['span', mergeAttributes(HTMLAttributes, { class: 'author' }), 0],\n})\n\n/** The author mark of the document schema. */\nexport const authorsSchemaExtensions = (): AnyExtension[] => [AuthorMark]\n\n/** Characters per author in `doc`, most first; `author: null` = text without an author mark (e.g. legacy content). */\nexport function documentAuthors(doc: PMNode): { author: AuthorIdentity | null, characters: number }[] {\n  const byId = new Map<string | null, { author: AuthorIdentity | null, characters: number }>()\n  doc.descendants((node) => {\n    if (!node.isText) return\n    const attrs = node.marks.find(m => m.type.name === 'author')?.attrs as Partial<AuthorIdentity> | undefined\n    const id = attrs?.id ?? null\n    let entry = byId.get(id)\n    if (!entry) {\n      entry = { author: id === null ? null : { id, name: attrs?.name ?? '', color: attrs?.color ?? '' }, characters: 0 }\n      byId.set(id, entry)\n    }\n    entry.characters += node.text?.length ?? 0\n  })\n  return [...byId.values()].sort((a, b) => b.characters - a.characters)\n}\n"],"mappings":";;;;;;;;;AAiBA,MAAa,aAAa,KAAK,OAAO;CACpC,MAAM;CACN,mBAAmB;CACnB,gBAAgB;EACd,OAAO;GACL,IAAI;IACF,SAAS;IACT,YAAW,OAAM,GAAG,aAAa,gBAAgB;IACjD,aAAY,WAAU,EAAE,kBAAkB,MAAM,GAAG;GACrD;GACA,MAAM;IACJ,SAAS;IACT,YAAW,OAAM,GAAG,aAAa,kBAAkB;IACnD,aAAY,WAAU,EAAE,oBAAoB,MAAM,KAAK;GACzD;GACA,OAAO;IACL,SAAS;IACT,YAAW,OAAM,GAAG,aAAa,mBAAmB;IAEpD,aAAY,UAAS,UAAU,KAAK,OAAO,MAAM,SAAS,EAAE,CAAC,IACzD;KAAE,qBAAqB,MAAM;KAAO,SAAS,mBAAmB,MAAM;IAAQ,IAC9E,CAAC;GACP;EACF;CACF;CACA,iBAAiB,CAAC,EAAE,KAAK,uBAAuB,CAAC;CACjD,aAAa,EAAE,qBAAqB;EAAC;EAAQ,gBAAgB,gBAAgB,EAAE,OAAO,SAAS,CAAC;EAAG;CAAC;AACtG,CAAC;;AAGD,MAAa,gCAAgD,CAAC,UAAU;;AAGxE,SAAgB,gBAAgB,KAAsE;CACpG,MAAM,uBAAO,IAAI,IAA0E;CAC3F,IAAI,aAAa,SAAS;EACxB,IAAI,CAAC,KAAK,QAAQ;EAClB,MAAM,QAAQ,KAAK,MAAM,MAAK,MAAK,EAAE,KAAK,SAAS,QAAQ,CAAC,EAAE;EAC9D,MAAM,KAAK,OAAO,MAAM;EACxB,IAAI,QAAQ,KAAK,IAAI,EAAE;EACvB,IAAI,CAAC,OAAO;GACV,QAAQ;IAAE,QAAQ,OAAO,OAAO,OAAO;KAAE;KAAI,MAAM,OAAO,QAAQ;KAAI,OAAO,OAAO,SAAS;IAAG;IAAG,YAAY;GAAE;GACjH,KAAK,IAAI,IAAI,KAAK;EACpB;EACA,MAAM,cAAc,KAAK,MAAM,UAAU;CAC3C,CAAC;CACD,OAAO,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,EAAE,aAAa,EAAE,UAAU;AACtE"}

package/dist/features/authors/vue.d.ts

@@ -0,0 +1,10 @@
+import { VueFeature } from "../../vue/index.js";
+import _default from "./components/AuthorColorsButton.vue.js";
+import _default$1 from "./components/AuthorColorsPanel.vue.js";
+import _default$2 from "./components/SettingsAuthorsTab.vue.js";
+//#region src/features/authors/vue.d.ts
+/** The Vue authors feature (Nuxt UI): see `authorsFeatureCore`. */
+export declare function authorsFeature(): VueFeature;
+//#endregion
+export { _default as AuthorColorsButton, _default$1 as AuthorColorsPanel, _default$2 as SettingsAuthorsTab };
+//# sourceMappingURL=vue.d.ts.map

package/dist/features/authors/vue.js

@@ -0,0 +1,16 @@
+import { authorsFeatureCore } from "./feature.js";
+import _sfc_main$1 from "./components/AuthorColorsPanel.js";
+import _sfc_main from "./components/AuthorColorsButton.js";
+import _sfc_main$2 from "./components/SettingsAuthorsTab.js";
+//#region src/features/authors/vue.ts
+/** The Vue authors feature (Nuxt UI): see `authorsFeatureCore`. */
+function authorsFeature() {
+	return authorsFeatureCore({
+		toolbarButton: _sfc_main,
+		settingsTab: _sfc_main$2
+	});
+}
+//#endregion
+export { _sfc_main as AuthorColorsButton, _sfc_main$1 as AuthorColorsPanel, _sfc_main$2 as SettingsAuthorsTab, authorsFeature };
+
+//# sourceMappingURL=vue.js.map

package/dist/features/authors/vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.js","names":["AuthorColorsButton","SettingsAuthorsTab"],"sources":["../../../src/features/authors/vue.ts"],"sourcesContent":["import type { Component } from 'vue'\nimport type { VueFeature } from '../../vue'\nimport AuthorColorsButton from './components/AuthorColorsButton.vue'\nimport SettingsAuthorsTab from './components/SettingsAuthorsTab.vue'\nimport { authorsFeatureCore } from './feature'\n\nexport { default as AuthorColorsButton } from './components/AuthorColorsButton.vue'\nexport { default as AuthorColorsPanel } from './components/AuthorColorsPanel.vue'\nexport { default as SettingsAuthorsTab } from './components/SettingsAuthorsTab.vue'\n\n/** The Vue authors feature (Nuxt UI): see `authorsFeatureCore`. */\nexport function authorsFeature(): VueFeature {\n  return authorsFeatureCore<Component>({ toolbarButton: AuthorColorsButton, settingsTab: SettingsAuthorsTab })\n}\n"],"mappings":";;;;;;AAWA,SAAgB,iBAA6B;CAC3C,OAAO,mBAA8B;EAAE,eAAeA;EAAoB,aAAaC;CAAmB,CAAC;AAC7G"}

package/dist/features/block-ui/block-actions.d.ts

@@ -0,0 +1,17 @@
+import { MenuItem } from "../../core/toolbar.js";
+import { BlockAction, BlockActionContext, BlockTarget } from "../../core/extension-points.js";
+import "../../core/index.js";
+import { Editor } from "@tiptap/core";
+//#region src/features/block-ui/block-actions.d.ts
+/** An action `target` offers, with the context it runs with and, for a `menu` action, its items. */
+export interface BlockActionEntry {
+  action: BlockAction;
+  ctx: BlockActionContext;
+  menu?: MenuItem[];
+}
+/** Hovering a composite's title/description/tags row addresses the composite itself. */
+export declare function effectiveTarget(editor: Editor, target: BlockTarget): BlockTarget;
+/** The actions `target` offers; a `menu` action only when its menu has items. */
+export declare function blockActionsFor(editor: Editor, target: BlockTarget, actions: readonly BlockAction[]): BlockActionEntry[];
+//#endregion
+//# sourceMappingURL=block-actions.d.ts.map

package/dist/features/block-ui/block-actions.js

@@ -0,0 +1,37 @@
+import { abilitiesAt } from "../../core/abilities.js";
+import { isChromeNode } from "../../core/schema/node-flags.js";
+//#region src/features/block-ui/block-actions.ts
+/** Hovering a composite's title/description/tags row addresses the composite itself. */
+function effectiveTarget(editor, target) {
+	if (!isChromeNode(target.node)) return target;
+	const $pos = editor.state.doc.resolve(target.pos);
+	return {
+		node: $pos.parent,
+		pos: $pos.before()
+	};
+}
+/** The actions `target` offers; a `menu` action only when its menu has items. */
+function blockActionsFor(editor, target, actions) {
+	const ctx = {
+		...target,
+		editor,
+		abilities: abilitiesAt(editor, target.pos, target.node)
+	};
+	return actions.flatMap((action) => {
+		if (!ctx.abilities.has(action.ability) || action.isVisible?.(ctx) === false) return [];
+		if (!action.menu) return [{
+			action,
+			ctx
+		}];
+		const menu = action.menu(ctx);
+		return menu.length ? [{
+			action,
+			ctx,
+			menu
+		}] : [];
+	});
+}
+//#endregion
+export { blockActionsFor, effectiveTarget };
+
+//# sourceMappingURL=block-actions.js.map

package/dist/features/block-ui/block-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-actions.js","names":[],"sources":["../../../src/features/block-ui/block-actions.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { abilitiesAt, type BlockAction, type BlockActionContext, type BlockTarget, type MenuItem } from '../../core'\nimport { isChromeNode } from '../../core/schema'\n\n/** An action `target` offers, with the context it runs with and, for a `menu` action, its items. */\nexport interface BlockActionEntry {\n  action: BlockAction\n  ctx: BlockActionContext\n  menu?: MenuItem[]\n}\n\n/** Hovering a composite's title/description/tags row addresses the composite itself. */\nexport function effectiveTarget(editor: Editor, target: BlockTarget): BlockTarget {\n  if (!isChromeNode(target.node)) return target\n  const $pos = editor.state.doc.resolve(target.pos)\n  return { node: $pos.parent, pos: $pos.before() }\n}\n\n/** The actions `target` offers; a `menu` action only when its menu has items. */\nexport function blockActionsFor(editor: Editor, target: BlockTarget, actions: readonly BlockAction[]): BlockActionEntry[] {\n  const ctx: BlockActionContext = { ...target, editor, abilities: abilitiesAt(editor, target.pos, target.node) }\n  return actions.flatMap((action): BlockActionEntry[] => {\n    if (!ctx.abilities.has(action.ability) || action.isVisible?.(ctx) === false) return []\n    if (!action.menu) return [{ action, ctx }]\n    const menu = action.menu(ctx)\n    return menu.length ? [{ action, ctx, menu }] : []\n  })\n}\n"],"mappings":";;;;AAYA,SAAgB,gBAAgB,QAAgB,QAAkC;CAChF,IAAI,CAAC,aAAa,OAAO,IAAI,GAAG,OAAO;CACvC,MAAM,OAAO,OAAO,MAAM,IAAI,QAAQ,OAAO,GAAG;CAChD,OAAO;EAAE,MAAM,KAAK;EAAQ,KAAK,KAAK,OAAO;CAAE;AACjD;;AAGA,SAAgB,gBAAgB,QAAgB,QAAqB,SAAqD;CACxH,MAAM,MAA0B;EAAE,GAAG;EAAQ;EAAQ,WAAW,YAAY,QAAQ,OAAO,KAAK,OAAO,IAAI;CAAE;CAC7G,OAAO,QAAQ,SAAS,WAA+B;EACrD,IAAI,CAAC,IAAI,UAAU,IAAI,OAAO,OAAO,KAAK,OAAO,YAAY,GAAG,MAAM,OAAO,OAAO,CAAC;EACrF,IAAI,CAAC,OAAO,MAAM,OAAO,CAAC;GAAE;GAAQ;EAAI,CAAC;EACzC,MAAM,OAAO,OAAO,KAAK,GAAG;EAC5B,OAAO,KAAK,SAAS,CAAC;GAAE;GAAQ;GAAK;EAAK,CAAC,IAAI,CAAC;CAClD,CAAC;AACH"}