@ecsplico/editor 0.0.0-stage → 2.0.0

package/dist/react/SettingsSection.js

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/react/SettingsSection.tsx
+/** Titled group of settings rows; rows are separated by dividers. */
+function SettingsSection({ title, description, children }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: "flex flex-col gap-2",
+		children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+			className: "text-sm font-semibold text-foreground",
+			children: title
+		}), description && /* @__PURE__ */ jsx("p", {
+			className: "text-xs text-muted-foreground",
+			children: description
+		})] }), /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col divide-y divide-border",
+			children
+		})]
+	});
+}
+//#endregion
+export { SettingsSection };
+
+//# sourceMappingURL=SettingsSection.js.map

package/dist/react/SettingsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsSection.js","names":[],"sources":["../../src/react/SettingsSection.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/** Titled group of settings rows; rows are separated by dividers. */\nexport function SettingsSection({ title, description, children }: { title: string, description?: string, children?: ReactNode }) {\n  return (\n    <section className=\"flex flex-col gap-2\">\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground\">{title}</h3>\n        {description && <p className=\"text-xs text-muted-foreground\">{description}</p>}\n      </div>\n      <div className=\"flex flex-col divide-y divide-border\">{children}</div>\n    </section>\n  )\n}\n"],"mappings":";;;AAGA,SAAgB,gBAAgB,EAAE,OAAO,aAAa,YAA2E;CAC/H,OACE,qBAAC,WAAD;EAAS,WAAU;EAAnB,UAAA,CACE,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,MAAD;GAAI,WAAU;GAAyC,UAAA;EAAU,CAAA,GAChE,eAAe,oBAAC,KAAD;GAAG,WAAU;GAAiC,UAAA;EAAe,CAAA,CAC1E,EAAA,CAAA,GACL,oBAAC,OAAD;GAAK,WAAU;GAAwC;EAAc,CAAA,CAC9D;;AAEb"}

package/dist/react/SimpleEditor.d.ts

@@ -0,0 +1,27 @@
+import { AbilitiesOptions, SlashCommandItem } from "../core/extension-points.js";
+import { EditorMetadata, MetadataItem } from "../core/metadata-types.js";
+import { AnyExtension, Editor, JSONContent } from "@tiptap/core";
+//#region src/react/SimpleEditor.d.ts
+export interface SimpleEditorProps {
+  /** TipTap JSON, with `onChange`; the editor keeps its own undo history. Content outside the simple schema is rejected through `onContentError`. */
+  value?: JSONContent;
+  onChange?: (content: JSONContent) => void;
+  editable?: boolean;
+  /** Host lists (custom `@`/`#`-style sources); the simple editor has no built-in lists. */
+  metadata?: EditorMetadata;
+  /** Deep-merged into the ability defaults; read once at mount. */
+  abilities?: Partial<AbilitiesOptions>;
+  /** Added after the built-in extensions; read once at mount. */
+  extensions?: AnyExtension[];
+  /** Builds the `/` menu from the defaults (none in the simple editor); absent = no `/` menu. Read once at mount. */
+  slashCommands?: (defaults: SlashCommandItem[]) => SlashCommandItem[];
+  onReady?: (editor: Editor) => void;
+  onMetadataCreate?: (list: string, item: MetadataItem) => void;
+  onContentError?: (error: Error) => void;
+}
+/** The simple editor (core feature only: formatting, headings, lists, quotes, code, undo/redo); no backend, no AI. */
+export declare const SimpleEditor: import("react").ForwardRefExoticComponent<SimpleEditorProps & import("react").RefAttributes<{
+  editor: Editor | null;
+}>>;
+//#endregion
+//# sourceMappingURL=SimpleEditor.d.ts.map

package/dist/react/SimpleEditor.js

@@ -0,0 +1,22 @@
+import { EditorSurface } from "./EditorSurface.js";
+import { simpleEditor } from "../presets/simple.js";
+import { forwardRef, useImperativeHandle, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/react/SimpleEditor.tsx
+/** The simple editor (core feature only: formatting, headings, lists, quotes, code, undo/redo); no backend, no AI. */
+const SimpleEditor = forwardRef(function SimpleEditor(props, ref) {
+	const [preset] = useState(simpleEditor);
+	const surface = useRef(null);
+	useImperativeHandle(ref, () => ({ get editor() {
+		return surface.current?.editor ?? null;
+	} }), []);
+	return /* @__PURE__ */ jsx(EditorSurface, {
+		ref: surface,
+		preset,
+		...props
+	});
+});
+//#endregion
+export { SimpleEditor };
+
+//# sourceMappingURL=SimpleEditor.js.map

package/dist/react/SimpleEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleEditor.js","names":[],"sources":["../../src/react/SimpleEditor.tsx"],"sourcesContent":["import type { AnyExtension, Editor, JSONContent } from '@tiptap/core'\nimport { forwardRef, useImperativeHandle, useRef, useState } from 'react'\nimport type { AbilitiesOptions, SlashCommandItem } from '../core/extension-points'\nimport type { EditorMetadata, MetadataItem } from '../core/metadata-types'\nimport { simpleEditor } from '../presets/simple'\nimport { EditorSurface, type EditorSurfaceHandle } from './EditorSurface'\n\nexport interface SimpleEditorProps {\n  /** TipTap JSON, with `onChange`; the editor keeps its own undo history. Content outside the simple schema is rejected through `onContentError`. */\n  value?: JSONContent\n  onChange?: (content: JSONContent) => void\n  editable?: boolean\n  /** Host lists (custom `@`/`#`-style sources); the simple editor has no built-in lists. */\n  metadata?: EditorMetadata\n  /** Deep-merged into the ability defaults; read once at mount. */\n  abilities?: Partial<AbilitiesOptions>\n  /** Added after the built-in extensions; read once at mount. */\n  extensions?: AnyExtension[]\n  /** Builds the `/` menu from the defaults (none in the simple editor); absent = no `/` menu. Read once at mount. */\n  slashCommands?: (defaults: SlashCommandItem[]) => SlashCommandItem[]\n  onReady?: (editor: Editor) => void\n  onMetadataCreate?: (list: string, item: MetadataItem) => void\n  onContentError?: (error: Error) => void\n}\n\n/** The simple editor (core feature only: formatting, headings, lists, quotes, code, undo/redo); no backend, no AI. */\nexport const SimpleEditor = forwardRef<{ editor: Editor | null }, SimpleEditorProps>(function SimpleEditor(props, ref) {\n  const [preset] = useState(simpleEditor)\n  const surface = useRef<EditorSurfaceHandle>(null)\n  useImperativeHandle(ref, () => ({ get editor() { return surface.current?.editor ?? null } }), [])\n  return <EditorSurface ref={surface} preset={preset} {...props} />\n})\n"],"mappings":";;;;;;AA0BA,MAAa,eAAe,WAAyD,SAAS,aAAa,OAAO,KAAK;CACrH,MAAM,CAAC,UAAU,SAAS,YAAY;CACtC,MAAM,UAAU,OAA4B,IAAI;CAChD,oBAAoB,YAAY,EAAE,IAAI,SAAS;EAAE,OAAO,QAAQ,SAAS,UAAU;CAAK,EAAE,IAAI,CAAC,CAAC;CAChG,OAAO,oBAAC,eAAD;EAAe,KAAK;EAAiB;EAAQ,GAAI;CAAQ,CAAA;AAClE,CAAC"}

package/dist/react/advanced-preset.d.ts

@@ -0,0 +1,11 @@
+import { ReactPreset } from "./EditorSurface.js";
+import { AdvancedEditorOptions } from "../presets/advanced.js";
+//#region src/react/advanced-preset.d.ts
+/**
+ * The advanced editor on the React surface: every feature of `ADVANCED_FEATURE_IDS` (core, media, transcript, composites,
+ * mentions, authors, comments, AI, collaboration, block UI, the three integrations composite-media, composite-AI and
+ * transcript-AI, themes) at its slot, so the schema is the one of `advancedSchemaExtensions()` in the same order.
+ */
+export declare const advancedEditor: (options?: AdvancedEditorOptions) => ReactPreset;
+//#endregion
+//# sourceMappingURL=advanced-preset.d.ts.map

package/dist/react/advanced-preset.js

@@ -0,0 +1,31 @@
+import { advancedEditorCore } from "../presets/advanced.js";
+import { aiFeature } from "../features/ai/react.js";
+import { authorsFeature } from "../features/authors/react.js";
+import { blockUiFeature } from "../features/block-ui/react.js";
+import { collabFeature } from "../features/collab/react.js";
+import { commentsFeature } from "../features/comments/react.js";
+import { compositeFeature } from "../features/composites/react.js";
+import { mediaFeature } from "../features/media/react.js";
+import { themesFeature } from "../features/themes/react.js";
+import { transcriptFeature } from "../features/transcript/react.js";
+//#region src/react/advanced-preset.ts
+/**
+* The advanced editor on the React surface: every feature of `ADVANCED_FEATURE_IDS` (core, media, transcript, composites,
+* mentions, authors, comments, AI, collaboration, block UI, the three integrations composite-media, composite-AI and
+* transcript-AI, themes) at its slot, so the schema is the one of `advancedSchemaExtensions()` in the same order.
+*/
+const advancedEditor = (options = {}) => advancedEditorCore({
+	"media": mediaFeature(),
+	"transcript": transcriptFeature(),
+	"composites": compositeFeature,
+	"authors": authorsFeature(),
+	"comments": commentsFeature(),
+	"ai": aiFeature(),
+	"collab": collabFeature(),
+	"block-ui": blockUiFeature(),
+	"themes": themesFeature()
+}, options);
+//#endregion
+export { advancedEditor };
+
+//# sourceMappingURL=advanced-preset.js.map

package/dist/react/advanced-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced-preset.js","names":[],"sources":["../../src/react/advanced-preset.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport type { ComponentType } from 'react'\nimport { aiFeature } from '../features/ai/react'\nimport { authorsFeature } from '../features/authors/react'\nimport { blockUiFeature } from '../features/block-ui/react'\nimport { collabFeature } from '../features/collab/react'\nimport { commentsFeature } from '../features/comments/react'\nimport { compositeFeature } from '../features/composites/react'\nimport { mediaFeature } from '../features/media/react'\nimport { themesFeature } from '../features/themes/react'\nimport { transcriptFeature } from '../features/transcript/react'\nimport { type AdvancedEditorOptions, advancedEditorCore } from '../presets/advanced'\nimport type { ReactPreset } from './EditorSurface'\n\n/**\n * The advanced editor on the React surface: every feature of `ADVANCED_FEATURE_IDS` (core, media, transcript, composites,\n * mentions, authors, comments, AI, collaboration, block UI, the three integrations composite-media, composite-AI and\n * transcript-AI, themes) at its slot, so the schema is the one of `advancedSchemaExtensions()` in the same order.\n */\nexport const advancedEditor = (options: AdvancedEditorOptions = {}): ReactPreset => advancedEditorCore<ComponentType<{ editor: Editor }>>({\n  'media': mediaFeature(),\n  'transcript': transcriptFeature(),\n  'composites': compositeFeature,\n  'authors': authorsFeature(),\n  'comments': commentsFeature(),\n  'ai': aiFeature(),\n  'collab': collabFeature(),\n  'block-ui': blockUiFeature(),\n  'themes': themesFeature(),\n}, options)\n"],"mappings":";;;;;;;;;;;;;;;;AAmBA,MAAa,kBAAkB,UAAiC,CAAC,MAAmB,mBAAsD;CACxI,SAAS,aAAa;CACtB,cAAc,kBAAkB;CAChC,cAAc;CACd,WAAW,eAAe;CAC1B,YAAY,gBAAgB;CAC5B,MAAM,UAAU;CAChB,UAAU,cAAc;CACxB,YAAY,eAAe;CAC3B,UAAU,cAAc;AAC1B,GAAG,OAAO"}

package/dist/react/advanced.d.ts

@@ -0,0 +1,4 @@
+import { AdvancedEditorOptions } from "../presets/advanced.js";
+import { AdvancedEditor, AdvancedEditorProps } from "./AdvancedEditor.js";
+import { advancedEditor } from "./advanced-preset.js";
+export { AdvancedEditor, type AdvancedEditorOptions, type AdvancedEditorProps, advancedEditor };

package/dist/react/advanced.js

@@ -0,0 +1,3 @@
+import { advancedEditor } from "./advanced-preset.js";
+import { AdvancedEditor } from "./AdvancedEditor.js";
+export { AdvancedEditor, advancedEditor };

package/dist/react/context.d.ts

@@ -0,0 +1,12 @@
+import { EditorContext } from "../core/context.js";
+import { ReactNode } from "react";
+//#region src/react/context.d.ts
+/** Makes `context` (from `createEditorContext()`) available to the editor components below. The host owns it and disposes it. */
+export declare function EditorContextProvider({ context, children }: {
+  context: EditorContext;
+  children: ReactNode;
+}): import("react").JSX.Element;
+/** The `EditorContext` of the nearest `EditorContextProvider`. */
+export declare function useEditorContext(): EditorContext;
+//#endregion
+//# sourceMappingURL=context.d.ts.map

package/dist/react/context.js

@@ -0,0 +1,21 @@
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/react/context.tsx
+const Ctx = createContext(null);
+/** Makes `context` (from `createEditorContext()`) available to the editor components below. The host owns it and disposes it. */
+function EditorContextProvider({ context, children }) {
+	return /* @__PURE__ */ jsx(Ctx.Provider, {
+		value: context,
+		children
+	});
+}
+/** The `EditorContext` of the nearest `EditorContextProvider`. */
+function useEditorContext() {
+	const context = useContext(Ctx);
+	if (!context) throw new Error("@ecsplico/editor: no editor context; wrap the tree in <EditorContextProvider context={createEditorContext()}>");
+	return context;
+}
+//#endregion
+export { EditorContextProvider, useEditorContext };
+
+//# sourceMappingURL=context.js.map

package/dist/react/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/react/context.tsx"],"sourcesContent":["import { createContext, type ReactNode, useContext } from 'react'\nimport type { EditorContext } from '../core/context'\n\nconst Ctx = createContext<EditorContext | null>(null)\n\n/** Makes `context` (from `createEditorContext()`) available to the editor components below. The host owns it and disposes it. */\nexport function EditorContextProvider({ context, children }: { context: EditorContext, children: ReactNode }) {\n  return <Ctx.Provider value={context}>{children}</Ctx.Provider>\n}\n\n/** The `EditorContext` of the nearest `EditorContextProvider`. */\nexport function useEditorContext(): EditorContext {\n  const context = useContext(Ctx)\n  if (!context) throw new Error('@ecsplico/editor: no editor context; wrap the tree in <EditorContextProvider context={createEditorContext()}>')\n  return context\n}\n"],"mappings":";;;AAGA,MAAM,MAAM,cAAoC,IAAI;;AAGpD,SAAgB,sBAAsB,EAAE,SAAS,YAA6D;CAC5G,OAAO,oBAAC,IAAI,UAAL;EAAc,OAAO;EAAU;CAAuB,CAAA;AAC/D;;AAGA,SAAgB,mBAAkC;CAChD,MAAM,UAAU,WAAW,GAAG;CAC9B,IAAI,CAAC,SAAS,MAAM,IAAI,MAAM,+GAA+G;CAC7I,OAAO;AACT"}

package/dist/react/editor-ui.d.ts

@@ -0,0 +1,14 @@
+import { EditorUi } from "../core/editor-ui.js";
+import { Editor } from "@tiptap/core";
+//#region src/react/editor-ui.d.ts
+/** Provided by `EditorSurface` to its subtree (overlays, node views). */
+export declare const EditorUiContext: import("react").Context<EditorUi | null>;
+/**
+ * The chrome of the surface a component belongs to. Without an argument: the `EditorUiContext` provided by an ancestor
+ * surface (components inside the editor's subtree). Components a host places beside the editor (toolbar, a sidebar)
+ * pass the editor they work on and get the chrome registered for exactly that editor, even inside another surface's
+ * subtree — never another editor's on the same page. `undefined` while that editor is missing or unknown.
+ */
+export declare function useEditorUi(editor?: Editor): EditorUi | undefined;
+//#endregion
+//# sourceMappingURL=editor-ui.d.ts.map

package/dist/react/editor-ui.js

@@ -0,0 +1,20 @@
+import { editorEntryOf } from "../core/editor-ui.js";
+import { createContext, useContext } from "react";
+//#region src/react/editor-ui.tsx
+/** Provided by `EditorSurface` to its subtree (overlays, node views). */
+const EditorUiContext = createContext(null);
+/**
+* The chrome of the surface a component belongs to. Without an argument: the `EditorUiContext` provided by an ancestor
+* surface (components inside the editor's subtree). Components a host places beside the editor (toolbar, a sidebar)
+* pass the editor they work on and get the chrome registered for exactly that editor, even inside another surface's
+* subtree — never another editor's on the same page. `undefined` while that editor is missing or unknown.
+*/
+function useEditorUi(editor) {
+	const injected = useContext(EditorUiContext);
+	if (editor === void 0) return injected ?? void 0;
+	return editorEntryOf(editor)?.ui;
+}
+//#endregion
+export { EditorUiContext, useEditorUi };
+
+//# sourceMappingURL=editor-ui.js.map

package/dist/react/editor-ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-ui.js","names":[],"sources":["../../src/react/editor-ui.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { createContext, useContext } from 'react'\nimport { editorEntryOf, type EditorUi } from '../core/editor-ui'\n\n/** Provided by `EditorSurface` to its subtree (overlays, node views). */\nexport const EditorUiContext = createContext<EditorUi | null>(null)\n\n/**\n * The chrome of the surface a component belongs to. Without an argument: the `EditorUiContext` provided by an ancestor\n * surface (components inside the editor's subtree). Components a host places beside the editor (toolbar, a sidebar)\n * pass the editor they work on and get the chrome registered for exactly that editor, even inside another surface's\n * subtree — never another editor's on the same page. `undefined` while that editor is missing or unknown.\n */\nexport function useEditorUi(editor?: Editor): EditorUi | undefined {\n  const injected = useContext(EditorUiContext)\n  if (editor === undefined) return injected ?? undefined\n  return editorEntryOf(editor)?.ui\n}\n"],"mappings":";;;;AAKA,MAAa,kBAAkB,cAA+B,IAAI;;;;;;;AAQlE,SAAgB,YAAY,QAAuC;CACjE,MAAM,WAAW,WAAW,eAAe;CAC3C,IAAI,WAAW,KAAA,GAAW,OAAO,YAAY,KAAA;CAC7C,OAAO,cAAc,MAAM,CAAC,EAAE;AAChC"}

package/dist/react/index.d.ts

@@ -0,0 +1,17 @@
+import { EditorSurface, EditorSurfaceHandle, EditorSurfaceProps, ReactFeature, ReactPreset } from "./EditorSurface.js";
+import { EditorContextProvider, useEditorContext } from "./context.js";
+import { EditorSettingsModal } from "./EditorSettingsModal.js";
+import { EditorSettingsPanel } from "./EditorSettingsPanel.js";
+import { EditorToolbar } from "./EditorToolbar.js";
+import { EditorUiContext, useEditorUi } from "./editor-ui.js";
+import { Icon } from "./Icon.js";
+import { reactNotifier } from "./notify.js";
+import { SettingsSection } from "./SettingsSection.js";
+import { useEditorI18n } from "./use-editor-i18n.js";
+import { useEditorSettings } from "./settings.js";
+import { SuggestionList, SuggestionListHandle, reactSuggestionRenderer } from "./suggestion-renderer.js";
+import { cn } from "./ui/utils.js";
+import { useNotifier } from "./use-notifier.js";
+import { useStore } from "./use-store.js";
+import { Toaster } from "sonner";
+export { EditorContextProvider, EditorSettingsModal, EditorSettingsPanel, EditorSurface, type EditorSurfaceHandle, type EditorSurfaceProps, EditorToolbar, EditorUiContext, Icon, type ReactFeature, type ReactPreset, SettingsSection, SuggestionList, type SuggestionListHandle, Toaster, cn, reactNotifier, reactSuggestionRenderer, useEditorContext, useEditorI18n, useEditorSettings, useEditorUi, useNotifier, useStore };

package/dist/react/index.js

@@ -0,0 +1,17 @@
+import { EditorContextProvider, useEditorContext } from "./context.js";
+import { useEditorI18n } from "./use-editor-i18n.js";
+import { cn } from "./ui/utils.js";
+import { Icon } from "./Icon.js";
+import { EditorSettingsPanel } from "./EditorSettingsPanel.js";
+import { useStore } from "./use-store.js";
+import { useEditorSettings } from "./settings.js";
+import { EditorSettingsModal } from "./EditorSettingsModal.js";
+import { EditorUiContext, useEditorUi } from "./editor-ui.js";
+import { reactNotifier } from "./notify.js";
+import { SuggestionList, reactSuggestionRenderer } from "./suggestion-renderer.js";
+import { EditorSurface } from "./EditorSurface.js";
+import { useNotifier } from "./use-notifier.js";
+import { SettingsSection } from "./SettingsSection.js";
+import { EditorToolbar } from "./EditorToolbar.js";
+import { Toaster } from "sonner";
+export { EditorContextProvider, EditorSettingsModal, EditorSettingsPanel, EditorSurface, EditorToolbar, EditorUiContext, Icon, SettingsSection, SuggestionList, Toaster, cn, reactNotifier, reactSuggestionRenderer, useEditorContext, useEditorI18n, useEditorSettings, useEditorUi, useNotifier, useStore };

package/dist/react/notify.d.ts

@@ -0,0 +1,6 @@
+import { Notifier } from "../core/notify.js";
+//#region src/react/notify.d.ts
+/** Shows notices as sonner toasts (`kind` picks the toast type; `id` replaces a visible toast of the same id). */
+export declare const reactNotifier: Notifier;
+//#endregion
+//# sourceMappingURL=notify.d.ts.map

package/dist/react/notify.js

@@ -0,0 +1,25 @@
+import { toast } from "sonner";
+//#region src/react/notify.ts
+/** Shows notices as sonner toasts (`kind` picks the toast type; `id` replaces a visible toast of the same id). */
+const reactNotifier = Object.assign(({ id, title, description, kind, duration, action }) => {
+	const options = {
+		...description !== void 0 && { description },
+		...id !== void 0 && { id },
+		...action && { action: {
+			label: action.label,
+			onClick: action.onClick
+		} },
+		...duration !== void 0 && { duration: duration === 0 ? Infinity : duration }
+	};
+	if (kind === "success") toast.success(title, options);
+	else if (kind === "warning") toast.warning(title, options);
+	else if (kind === "error") toast.error(title, options);
+	else if (kind === "info") toast.info(title, options);
+	else toast.message(title, options);
+}, { dismiss: (id) => {
+	toast.dismiss(id);
+} });
+//#endregion
+export { reactNotifier };
+
+//# sourceMappingURL=notify.js.map

package/dist/react/notify.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notify.js","names":[],"sources":["../../src/react/notify.ts"],"sourcesContent":["import { toast } from 'sonner'\nimport type { Notice, Notifier } from '../core/notify'\n\n/** Shows notices as sonner toasts (`kind` picks the toast type; `id` replaces a visible toast of the same id). */\nexport const reactNotifier: Notifier = Object.assign(({ id, title, description, kind, duration, action }: Notice) => {\n  const options = {\n    ...(description !== undefined && { description }),\n    ...(id !== undefined && { id }),\n    ...(action && { action: { label: action.label, onClick: action.onClick } }),\n    ...(duration !== undefined && { duration: duration === 0 ? Infinity : duration }),\n  }\n  if (kind === 'success') toast.success(title, options)\n  else if (kind === 'warning') toast.warning(title, options)\n  else if (kind === 'error') toast.error(title, options)\n  else if (kind === 'info') toast.info(title, options)\n  else toast.message(title, options)\n}, { dismiss: (id: string) => { toast.dismiss(id) } })\n"],"mappings":";;;AAIA,MAAa,gBAA0B,OAAO,QAAQ,EAAE,IAAI,OAAO,aAAa,MAAM,UAAU,aAAqB;CACnH,MAAM,UAAU;EACd,GAAI,gBAAgB,KAAA,KAAa,EAAE,YAAY;EAC/C,GAAI,OAAO,KAAA,KAAa,EAAE,GAAG;EAC7B,GAAI,UAAU,EAAE,QAAQ;GAAE,OAAO,OAAO;GAAO,SAAS,OAAO;EAAQ,EAAE;EACzE,GAAI,aAAa,KAAA,KAAa,EAAE,UAAU,aAAa,IAAI,WAAW,SAAS;CACjF;CACA,IAAI,SAAS,WAAW,MAAM,QAAQ,OAAO,OAAO;MAC/C,IAAI,SAAS,WAAW,MAAM,QAAQ,OAAO,OAAO;MACpD,IAAI,SAAS,SAAS,MAAM,MAAM,OAAO,OAAO;MAChD,IAAI,SAAS,QAAQ,MAAM,KAAK,OAAO,OAAO;MAC9C,MAAM,QAAQ,OAAO,OAAO;AACnC,GAAG,EAAE,UAAU,OAAe;CAAE,MAAM,QAAQ,EAAE;AAAE,EAAE,CAAC"}

package/dist/react/settings.d.ts

@@ -0,0 +1,17 @@
+import { EditorSettings } from "../settings/index.js";
+import { Store } from "../core/store.js";
+//#region src/react/settings.d.ts
+/**
+ * The editor settings shared by all editors of the app (see `createEditorContext` for persistence). `settings` is
+ * the current value; change it with `update(draft => { draft.x = y })` or `set`. `ready` turns true when the stored
+ * settings are usable, `synced` when the account's settings from the server are in effect.
+ */
+export declare function useEditorSettings(): {
+  settings: EditorSettings;
+  update: Store<EditorSettings>['update'];
+  set: Store<EditorSettings>['set'];
+  ready: boolean;
+  synced: boolean;
+};
+//#endregion
+//# sourceMappingURL=settings.d.ts.map

package/dist/react/settings.js

@@ -0,0 +1,27 @@
+import { useEditorContext } from "./context.js";
+import { useStore } from "./use-store.js";
+import { useEffect } from "react";
+//#region src/react/settings.ts
+/**
+* The editor settings shared by all editors of the app (see `createEditorContext` for persistence). `settings` is
+* the current value; change it with `update(draft => { draft.x = y })` or `set`. `ready` turns true when the stored
+* settings are usable, `synced` when the account's settings from the server are in effect.
+*/
+function useEditorSettings() {
+	const context = useEditorContext();
+	useEffect(() => context.load(), [context]);
+	const settings = useStore(context.settings);
+	const ready = useStore(context.ready);
+	const synced = useStore(context.synced);
+	return {
+		settings,
+		update: context.settings.update,
+		set: context.settings.set,
+		ready,
+		synced
+	};
+}
+//#endregion
+export { useEditorSettings };
+
+//# sourceMappingURL=settings.js.map

package/dist/react/settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.js","names":[],"sources":["../../src/react/settings.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport type { EditorSettings } from '../settings'\nimport type { Store } from '../core/store'\nimport { useEditorContext } from './context'\nimport { useStore } from './use-store'\n\n/**\n * The editor settings shared by all editors of the app (see `createEditorContext` for persistence). `settings` is\n * the current value; change it with `update(draft => { draft.x = y })` or `set`. `ready` turns true when the stored\n * settings are usable, `synced` when the account's settings from the server are in effect.\n */\nexport function useEditorSettings(): {\n  settings: EditorSettings\n  update: Store<EditorSettings>['update']\n  set: Store<EditorSettings>['set']\n  ready: boolean\n  synced: boolean\n} {\n  const context = useEditorContext()\n  useEffect(() => context.load(), [context])\n  const settings = useStore(context.settings)\n  const ready = useStore(context.ready)\n  const synced = useStore(context.synced)\n  return { settings, update: context.settings.update, set: context.settings.set, ready, synced }\n}\n"],"mappings":";;;;;;;;;AAWA,SAAgB,oBAMd;CACA,MAAM,UAAU,iBAAiB;CACjC,gBAAgB,QAAQ,KAAK,GAAG,CAAC,OAAO,CAAC;CACzC,MAAM,WAAW,SAAS,QAAQ,QAAQ;CAC1C,MAAM,QAAQ,SAAS,QAAQ,KAAK;CACpC,MAAM,SAAS,SAAS,QAAQ,MAAM;CACtC,OAAO;EAAE;EAAU,QAAQ,QAAQ,SAAS;EAAQ,KAAK,QAAQ,SAAS;EAAK;EAAO;CAAO;AAC/F"}

package/dist/react/simple.d.ts

@@ -0,0 +1,2 @@
+import { SimpleEditor, SimpleEditorProps } from "./SimpleEditor.js";
+export { SimpleEditor, type SimpleEditorProps };

package/dist/react/simple.js

@@ -0,0 +1 @@
+export { SimpleEditor } from "./SimpleEditor.js";

package/dist/react/styles/advanced.css

@@ -0,0 +1,18 @@
+/*
+ * Everything a React host needs to style the advanced editor, in the order the Nuxt module registers the feature
+ * sheets (`nuxt/module.ts`): the shadcn token mapping first, `themes.css` last so a theme overrides the rest.
+ * Import it once after Tailwind: `@import "@ecsplico/editor/react/styles/advanced.css";`
+ */
+@import "./ui-vars.css";
+@import "../../styles/core.css";
+@import "../../styles/media.css";
+@import "../../styles/mentions.css";
+@import "../../styles/authors.css";
+@import "../../styles/comments.css";
+@import "../../styles/transcript.css";
+@import "../../styles/composites.css";
+@import "../../styles/ai.css";
+@import "../../styles/collab.css";
+@import "../../styles/block-ui.css";
+@import "../../styles/themes.css";
+@import "./themes-bridge.css";

package/dist/react/styles/themes-bridge.css

@@ -0,0 +1,26 @@
+/*
+ * Obsidian themes on the React surface: `themes.css` maps Obsidian's variables onto the `--sk-*` tokens the feature
+ * sheets read; shadcn/ui components and the host page read the shadcn tokens instead, so they follow the theme here.
+ * `html.obsidian-theme` outranks the host's own `:root`/`.dark` token blocks wherever they are declared.
+ */
+html.obsidian-theme {
+  --background: var(--background-primary);
+  --foreground: var(--text-normal);
+  --card: var(--background-primary);
+  --card-foreground: var(--text-normal);
+  --popover: var(--background-primary);
+  --popover-foreground: var(--text-normal);
+  --primary: var(--interactive-accent);
+  --primary-foreground: var(--text-on-accent);
+  --secondary: var(--background-secondary);
+  --secondary-foreground: var(--text-normal);
+  --muted: var(--background-secondary);
+  --muted-foreground: var(--text-muted);
+  --accent: var(--background-modifier-hover);
+  --accent-foreground: var(--text-normal);
+  --destructive: var(--color-red);
+  --border: var(--background-modifier-border);
+  /* Form control borders and the unchecked switch track: the plain border colour vanishes against the panel. */
+  --input: var(--background-modifier-border-hover);
+  --ring: var(--interactive-accent);
+}

package/dist/react/styles/ui-vars.css

@@ -0,0 +1,20 @@
+/* The React surface's token map: the `--sk-*` variables the feature stylesheets (`styles/*.css`) read resolve to the
+   shadcn/ui theme tokens (the counterpart of `vue/kit/nuxt-ui.css`). */
+:root,
+.dark {
+  --sk-bg: var(--background);
+  --sk-fg: var(--foreground);
+  --sk-fg-highlighted: var(--foreground);
+  --sk-fg-toned: var(--foreground);
+  --sk-fg-dimmed: var(--muted-foreground);
+  --sk-muted: var(--muted-foreground);
+  --sk-border: var(--border);
+  --sk-border-accented: var(--border);
+  --sk-primary: var(--primary);
+  --sk-primary-fg: var(--primary-foreground);
+  --sk-success: var(--color-success, oklch(0.72 0.19 150));
+  --sk-danger: var(--destructive);
+  --sk-radius: var(--radius);
+  --sk-bg-elevated: var(--card);
+  --sk-bg-accented: var(--accent);
+}

package/dist/react/suggestion-renderer.d.ts

@@ -0,0 +1,12 @@
+import { SuggestionListProps, SuggestionPopupRenderer } from "../core/suggestion-popup.js";
+//#region src/react/suggestion-renderer.d.ts
+export interface SuggestionListHandle {
+  /** Called from the suggestion plugin's `onKeyDown`; `true` = handled (the editor ignores the key). */
+  onKeyDown(event: KeyboardEvent): boolean;
+}
+/** Rendered by `createSuggestionRender()` through `reactSuggestionRenderer`; items stay opaque here, `display` describes them. */
+export declare const SuggestionList: import("react").ForwardRefExoticComponent<SuggestionListProps & import("react").RefAttributes<SuggestionListHandle>>;
+/** Mounts `SuggestionList` as the popup of every `@tiptap/suggestion` trigger; the React surface registers it through `SuggestionPopup`. */
+export declare const reactSuggestionRenderer: SuggestionPopupRenderer;
+//#endregion
+//# sourceMappingURL=suggestion-renderer.d.ts.map

package/dist/react/suggestion-renderer.js

@@ -0,0 +1,90 @@
+import { cn } from "./ui/utils.js";
+import { Icon } from "./Icon.js";
+import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ReactRenderer } from "@tiptap/react";
+//#region src/react/suggestion-renderer.tsx
+/** Rendered by `createSuggestionRender()` through `reactSuggestionRenderer`; items stay opaque here, `display` describes them. */
+const SuggestionList = forwardRef(function SuggestionList({ items, display, command, loading, loadingText, emptyText }, ref) {
+	const rows = useMemo(() => items.map((item) => display(item)), [items, display]);
+	const [selected, setSelected] = useState(0);
+	const selectedRef = useRef(0);
+	const list = useRef(null);
+	const select = (index) => {
+		selectedRef.current = index;
+		setSelected(index);
+	};
+	useEffect(() => {
+		selectedRef.current = 0;
+		setSelected(0);
+	}, [items]);
+	useEffect(() => {
+		list.current?.children[selected]?.scrollIntoView({ block: "nearest" });
+	}, [selected]);
+	const pick = (index) => {
+		const item = items[index];
+		if (item !== void 0) command(item);
+	};
+	useImperativeHandle(ref, () => ({ onKeyDown(event) {
+		const count = items.length;
+		if (!count) return false;
+		if (event.key === "ArrowDown") select((selectedRef.current + 1) % count);
+		else if (event.key === "ArrowUp") select((selectedRef.current - 1 + count) % count);
+		else if (event.key === "Enter" || event.key === "Tab") pick(selectedRef.current);
+		else return false;
+		return true;
+	} }));
+	return /* @__PURE__ */ jsx("div", {
+		className: "max-h-64 min-w-48 overflow-y-auto rounded-md border bg-popover p-1 text-sm text-popover-foreground shadow-lg",
+		children: rows.length ? /* @__PURE__ */ jsx("ul", {
+			ref: list,
+			role: "listbox",
+			className: "m-0 list-none p-0",
+			children: rows.map((row, index) => /* @__PURE__ */ jsxs("li", {
+				role: "option",
+				"aria-selected": index === selected,
+				className: cn("flex cursor-pointer items-center gap-2 rounded px-2 py-1.5", index === selected && "bg-accent text-accent-foreground"),
+				onMouseEnter: () => select(index),
+				onMouseDown: (event) => {
+					event.preventDefault();
+					pick(index);
+				},
+				children: [
+					row.icon && /* @__PURE__ */ jsx(Icon, {
+						name: row.icon,
+						style: { color: row.color }
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "truncate",
+						style: { color: row.color },
+						children: row.label
+					}),
+					row.description && /* @__PURE__ */ jsx("span", {
+						className: "ml-auto truncate text-xs text-muted-foreground",
+						children: row.description
+					})
+				]
+			}, index))
+		}) : /* @__PURE__ */ jsx("p", {
+			className: "px-2 py-1.5 text-muted-foreground",
+			children: loading ? loadingText : emptyText
+		})
+	});
+});
+/** Mounts `SuggestionList` as the popup of every `@tiptap/suggestion` trigger; the React surface registers it through `SuggestionPopup`. */
+const reactSuggestionRenderer = (props, editor) => {
+	const renderer = new ReactRenderer(SuggestionList, {
+		props,
+		editor
+	});
+	return {
+		element: renderer.element,
+		update: (p) => renderer.updateProps(p),
+		onKeyDown: (e) => renderer.ref?.onKeyDown(e) ?? false,
+		destroy: () => renderer.destroy()
+	};
+};
+//#endregion
+export { SuggestionList, reactSuggestionRenderer };
+
+//# sourceMappingURL=suggestion-renderer.js.map

package/dist/react/suggestion-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestion-renderer.js","names":[],"sources":["../../src/react/suggestion-renderer.tsx"],"sourcesContent":["import { ReactRenderer } from '@tiptap/react'\nimport { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react'\nimport type { SuggestionListProps, SuggestionPopupRenderer } from '../core/suggestion-popup'\nimport { Icon } from './Icon'\nimport { cn } from './ui/utils'\n\nexport interface SuggestionListHandle {\n  /** Called from the suggestion plugin's `onKeyDown`; `true` = handled (the editor ignores the key). */\n  onKeyDown(event: KeyboardEvent): boolean\n}\n\n/** Rendered by `createSuggestionRender()` through `reactSuggestionRenderer`; items stay opaque here, `display` describes them. */\nexport const SuggestionList = forwardRef<SuggestionListHandle, SuggestionListProps>(function SuggestionList({ items, display, command, loading, loadingText, emptyText }, ref) {\n  const rows = useMemo(() => items.map(item => display(item)), [items, display])\n  const [selected, setSelected] = useState(0)\n  const selectedRef = useRef(0)\n  const list = useRef<HTMLUListElement>(null)\n\n  const select = (index: number) => {\n    selectedRef.current = index\n    setSelected(index)\n  }\n\n  useEffect(() => {\n    selectedRef.current = 0\n    setSelected(0)\n  }, [items])\n\n  useEffect(() => {\n    list.current?.children[selected]?.scrollIntoView({ block: 'nearest' })\n  }, [selected])\n\n  const pick = (index: number) => {\n    const item = items[index]\n    if (item !== undefined) command(item)\n  }\n\n  useImperativeHandle(ref, () => ({\n    onKeyDown(event) {\n      const count = items.length\n      if (!count) return false\n      if (event.key === 'ArrowDown') select((selectedRef.current + 1) % count)\n      else if (event.key === 'ArrowUp') select((selectedRef.current - 1 + count) % count)\n      else if (event.key === 'Enter' || event.key === 'Tab') pick(selectedRef.current)\n      else return false\n      return true\n    },\n  }))\n\n  return (\n    <div className=\"max-h-64 min-w-48 overflow-y-auto rounded-md border bg-popover p-1 text-sm text-popover-foreground shadow-lg\">\n      {rows.length\n        ? (\n            // Utilities beat the `.tiptap ul` typography (components layer) when the list is rendered inside the editor (speaker field).\n            <ul ref={list} role=\"listbox\" className=\"m-0 list-none p-0\">\n              {rows.map((row, index) => (\n                <li\n                  key={index}\n                  role=\"option\"\n                  aria-selected={index === selected}\n                  className={cn('flex cursor-pointer items-center gap-2 rounded px-2 py-1.5', index === selected && 'bg-accent text-accent-foreground')}\n                  onMouseEnter={() => select(index)}\n                  onMouseDown={(event) => {\n                    event.preventDefault()\n                    pick(index)\n                  }}\n                >\n                  {row.icon && <Icon name={row.icon} style={{ color: row.color }} />}\n                  <span className=\"truncate\" style={{ color: row.color }}>{row.label}</span>\n                  {row.description && <span className=\"ml-auto truncate text-xs text-muted-foreground\">{row.description}</span>}\n                </li>\n              ))}\n            </ul>\n          )\n        : <p className=\"px-2 py-1.5 text-muted-foreground\">{loading ? loadingText : emptyText}</p>}\n    </div>\n  )\n})\n\n/** Mounts `SuggestionList` as the popup of every `@tiptap/suggestion` trigger; the React surface registers it through `SuggestionPopup`. */\nexport const reactSuggestionRenderer: SuggestionPopupRenderer = (props, editor) => {\n  const renderer = new ReactRenderer<SuggestionListHandle, SuggestionListProps>(SuggestionList, { props, editor })\n  return {\n    element: renderer.element,\n    update: p => renderer.updateProps(p),\n    onKeyDown: e => renderer.ref?.onKeyDown(e) ?? false,\n    destroy: () => renderer.destroy(),\n  }\n}\n"],"mappings":";;;;;;;AAYA,MAAa,iBAAiB,WAAsD,SAAS,eAAe,EAAE,OAAO,SAAS,SAAS,SAAS,aAAa,aAAa,KAAK;CAC7K,MAAM,OAAO,cAAc,MAAM,KAAI,SAAQ,QAAQ,IAAI,CAAC,GAAG,CAAC,OAAO,OAAO,CAAC;CAC7E,MAAM,CAAC,UAAU,eAAe,SAAS,CAAC;CAC1C,MAAM,cAAc,OAAO,CAAC;CAC5B,MAAM,OAAO,OAAyB,IAAI;CAE1C,MAAM,UAAU,UAAkB;EAChC,YAAY,UAAU;EACtB,YAAY,KAAK;CACnB;CAEA,gBAAgB;EACd,YAAY,UAAU;EACtB,YAAY,CAAC;CACf,GAAG,CAAC,KAAK,CAAC;CAEV,gBAAgB;EACd,KAAK,SAAS,SAAS,SAAS,EAAE,eAAe,EAAE,OAAO,UAAU,CAAC;CACvE,GAAG,CAAC,QAAQ,CAAC;CAEb,MAAM,QAAQ,UAAkB;EAC9B,MAAM,OAAO,MAAM;EACnB,IAAI,SAAS,KAAA,GAAW,QAAQ,IAAI;CACtC;CAEA,oBAAoB,YAAY,EAC9B,UAAU,OAAO;EACf,MAAM,QAAQ,MAAM;EACpB,IAAI,CAAC,OAAO,OAAO;EACnB,IAAI,MAAM,QAAQ,aAAa,QAAQ,YAAY,UAAU,KAAK,KAAK;OAClE,IAAI,MAAM,QAAQ,WAAW,QAAQ,YAAY,UAAU,IAAI,SAAS,KAAK;OAC7E,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,OAAO,KAAK,YAAY,OAAO;OAC1E,OAAO;EACZ,OAAO;CACT,EACF,EAAE;CAEF,OACE,oBAAC,OAAD;EAAK,WAAU;EACZ,UAAA,KAAK,SAGA,oBAAC,MAAD;GAAI,KAAK;GAAM,MAAK;GAAU,WAAU;GACrC,UAAA,KAAK,KAAK,KAAK,UACd,qBAAC,MAAD;IAEE,MAAK;IACL,iBAAe,UAAU;IACzB,WAAW,GAAG,8DAA8D,UAAU,YAAY,kCAAkC;IACpI,oBAAoB,OAAO,KAAK;IAChC,cAAc,UAAU;KACtB,MAAM,eAAe;KACrB,KAAK,KAAK;IACZ;IATF,UAAA;KAWG,IAAI,QAAQ,oBAAC,MAAD;MAAM,MAAM,IAAI;MAAM,OAAO,EAAE,OAAO,IAAI,MAAM;KAAI,CAAA;KACjE,oBAAC,QAAD;MAAM,WAAU;MAAW,OAAO,EAAE,OAAO,IAAI,MAAM;MAAI,UAAA,IAAI;KAAY,CAAA;KACxE,IAAI,eAAe,oBAAC,QAAD;MAAM,WAAU;MAAkD,UAAA,IAAI;KAAkB,CAAA;IAC1G;GAbG,GAAA,KAaH,CACL;EACC,CAAA,IAEN,oBAAC,KAAD;GAAG,WAAU;GAAqC,UAAA,UAAU,cAAc;EAAa,CAAA;CACxF,CAAA;AAET,CAAC;;AAGD,MAAa,2BAAoD,OAAO,WAAW;CACjF,MAAM,WAAW,IAAI,cAAyD,gBAAgB;EAAE;EAAO;CAAO,CAAC;CAC/G,OAAO;EACL,SAAS,SAAS;EAClB,SAAQ,MAAK,SAAS,YAAY,CAAC;EACnC,YAAW,MAAK,SAAS,KAAK,UAAU,CAAC,KAAK;EAC9C,eAAe,SAAS,QAAQ;CAClC;AACF"}

package/dist/react/ui/alert.js

@@ -0,0 +1,38 @@
+import { cn } from "./utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/react/ui/alert.tsx
+const alertVariants = cva("group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4", {
+	variants: { variant: {
+		default: "bg-card text-card-foreground",
+		destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Alert({ className, variant, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert",
+		role: "alert",
+		className: cn(alertVariants({ variant }), className),
+		...props
+	});
+}
+function AlertTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-title",
+		className: cn("font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground", className),
+		...props
+	});
+}
+function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-description",
+		className: cn("text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className),
+		...props
+	});
+}
+//#endregion
+export { Alert, AlertDescription, AlertTitle };
+
+//# sourceMappingURL=alert.js.map

package/dist/react/ui/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","names":[],"sources":["../../../src/react/ui/alert.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"./utils\"\n\nconst alertVariants = cva(\n  \"group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-action\"\n      className={cn(\"absolute top-2 right-2\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction }\n"],"mappings":";;;;;AAIA,MAAM,gBAAgB,IACpB,6TACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,MAAM,EACb,WACA,SACA,GAAG,SACgE;CACnE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;EACnD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,uHACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EACxB,WACA,GAAG,SAC2B;CAC9B,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,8JACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}