@damiro/stylo 0.7.0 → 0.9.1

package/dist/render/Embed.d.ts

@@ -0,0 +1,24 @@
+import type { EmbedSource, ResolveErrorInfo } from "../types";
+interface EmbedProps {
+    /** The raw `![[ref]]` reference, trimmed. */
+    reference: string;
+    source: EmbedSource;
+    /** Notified if `source` rejects; the literal fallback still renders. */
+    onError?: (error: unknown, info: ResolveErrorInfo) => void;
+    /**
+     * Render as phrasing content in a `<span>` (a `![[…]]` mid-sentence) rather
+     * than the default block `<div>`. The host node should be inline in this mode.
+     */
+    inline?: boolean;
+}
+/**
+ * Renders one `![[ref]]` embed. Resolves the reference through `embedSource` —
+ * via a shared cache (`embed-cache.ts`), so an embed re-mounted by a scroll or a
+ * `preview` re-render is not re-fetched — and drops the result into
+ * `<div class="stylo-embed-content">`, or a `<span>` when `inline`. While it
+ * resolves — and if it rejects, or resolves to `null` — the literal `![[ref]]`
+ * text stands in, so a reference is never silently lost.
+ */
+export declare function Embed({ reference, source, onError, inline }: EmbedProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Embed.d.ts.map

package/dist/render/Embed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Embed.d.ts","sourceRoot":"","sources":["../../src/render/Embed.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAG7D,UAAU,UAAU;IAClB,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,WAAW,CAAA;IACnB,wEAAwE;IACxE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC1D;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAID;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,UAAU,+BAoCvE"}

package/dist/render/Preview.d.ts

@@ -1,10 +1,14 @@
-import type { FrontmatterDisplay } from "../types";
+import type { EmbedSource, FrontmatterDisplay, ResolveErrorInfo } from "../types";
 export interface PreviewProps {
     value: string;
     onWikiLinkClick?: (target: string) => void;
+    /** Resolves `![[ref]]` embeds. Omit and `![[…]]` stays literal. */
+    embedSource?: EmbedSource;
+    /** Notified when `embedSource` rejects; the literal fallback still renders. */
+    onResolveError?: (error: unknown, info: ResolveErrorInfo) => void;
     /** `"code"` renders the `---` block as a styled `<pre>`; `"hidden"` (default) drops it. */
     frontmatter?: FrontmatterDisplay;
 }
 /** Rendered Markdown + KaTeX view. A pure function of the string. */
-export declare function Preview({ value, onWikiLinkClick, frontmatter }: PreviewProps): import("react").JSX.Element;
+export declare function Preview({ value, onWikiLinkClick, embedSource, onResolveError, frontmatter, }: PreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=Preview.d.ts.map

package/dist/render/Preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/render/Preview.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAOlD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,2FAA2F;IAC3F,WAAW,CAAC,EAAE,kBAAkB,CAAA;CACjC;AAED,qEAAqE;AACrE,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,WAAsB,EAAE,EAAE,YAAY,+BAuCvF"}
+{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/render/Preview.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAQjF,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,mEAAmE;IACnE,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjE,2FAA2F;IAC3F,WAAW,CAAC,EAAE,kBAAkB,CAAA;CACjC;AAED,qEAAqE;AACrE,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,eAAe,EACf,WAAW,EACX,cAAc,EACd,WAAsB,GACvB,EAAE,YAAY,+BA6Ed"}

package/dist/render/embed-cache.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+import type { EmbedSource } from "../types";
+/** A settled result for `ref`, or `undefined` while it is unresolved or absent. */
+export declare function peekEmbed(source: EmbedSource, ref: string): {
+    node: ReactNode;
+} | undefined;
+/** Resolve `ref` through the cache — reusing an in-flight or settled entry, or
+ *  calling `source` on a miss. */
+export declare function resolveEmbed(source: EmbedSource, ref: string): Promise<ReactNode>;
+//# sourceMappingURL=embed-cache.d.ts.map

package/dist/render/embed-cache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"embed-cache.d.ts","sourceRoot":"","sources":["../../src/render/embed-cache.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAwC3C,mFAAmF;AACnF,wBAAgB,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAG;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GAAG,SAAS,CAG3F;AAED;kCACkC;AAClC,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,CA2BjF"}

package/dist/render/remark-embed.d.ts

@@ -0,0 +1,19 @@
+import type { Root } from "mdast";
+/**
+ * Turns `![[ref]]` transclusion syntax into empty carrier elements the `Embed`
+ * component (wired in `Preview`) fills from the host's `embedSource`.
+ *
+ * - A **lone** `![[ref]]` — the whole paragraph, trimmed — becomes a block
+ *   `<div class="stylo-embed" data-stylo-embed="ref">`.
+ * - A `![[ref]]` **inside other text** becomes an inline
+ *   `<span class="stylo-embed" data-stylo-embed-inline="ref">`, and the
+ *   surrounding text is preserved around it. The host node should be phrasing
+ *   content in this case.
+ *
+ * `![[…]]` inside inline or fenced code is left literal (it is not a `text`
+ * node). Must run before `remarkWikilink`, or the inner `[[ref]]` is rewritten
+ * to a link first. Off unless the consumer passes `embedSource` — `Preview` only
+ * adds this plugin then.
+ */
+export declare function remarkEmbed(): (tree: Root) => void;
+//# sourceMappingURL=remark-embed.d.ts.map

package/dist/render/remark-embed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remark-embed.d.ts","sourceRoot":"","sources":["../../src/render/remark-embed.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA8B,IAAI,EAAQ,MAAM,OAAO,CAAA;AAInE;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,WAAW,WACX,IAAI,UA+CnB"}

package/dist/styles.css

@@ -1,2 +1,2 @@
-._root_12qra_1{min-height:0;color:var(--stylo-text);background:var(--stylo-bg);border:1px solid var(--stylo-border);border-radius:var(--stylo-radius);flex-direction:column;display:flex;overflow:hidden}._root_12qra_1 .cm-scroller{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--stylo-border) 90%, transparent) transparent}._root_12qra_1 .cm-scroller::-webkit-scrollbar{width:10px;height:10px}._root_12qra_1 .cm-scroller::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--stylo-border) 90%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:6px}._root_12qra_1 .cm-scroller::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--stylo-text-muted) 55%, transparent);background-clip:padding-box}._root_12qra_1 .cm-scroller::-webkit-scrollbar-corner{background:0 0}._source_12qra_42{flex:auto;min-height:0;overflow:auto}._source_12qra_42 .cm-editor{height:100%}._source_12qra_42 .cm-editor.cm-focused{outline:2px solid var(--stylo-ring);outline-offset:-2px}._inplace_12qra_57{flex:auto;min-height:0;overflow:auto}._toolbar_12qra_63{background:var(--stylo-bg);border-bottom:1px solid var(--stylo-border);flex-wrap:wrap;align-items:center;gap:2px;padding:4px 6px;display:flex}._toolbarButton_12qra_73{box-sizing:border-box;border-radius:calc(var(--stylo-radius) - 3px);min-width:28px;height:28px;color:var(--stylo-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0 5px;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}._toolbarButton_12qra_73:hover:not(:disabled){background:color-mix(in srgb, var(--stylo-border) 45%, transparent);color:var(--stylo-text)}._toolbarButton_12qra_73[data-active]{background:color-mix(in srgb, var(--stylo-accent) 12%, transparent);color:var(--stylo-text)}._toolbarButton_12qra_73:disabled{opacity:.4;cursor:default}._toolbarButton_12qra_73:focus-visible{outline:2px solid var(--stylo-ring);outline-offset:-2px}._toolbarButton_12qra_73 svg{width:16px;height:16px;display:block}._toolbarButton_12qra_73 code{font-family:var(--stylo-font-family-mono,ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:.8125rem;font-weight:500}._toolbarSep_12qra_132{background:var(--stylo-border);align-self:stretch;width:1px;margin:4px 3px}._toolbarSticky_12qra_142{z-index:50;-webkit-overflow-scrolling:touch;scrollbar-width:none;font-family:var(--stylo-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);flex-wrap:nowrap;transition:opacity .15s;overflow-x:auto}._toolbarSticky_12qra_142::-webkit-scrollbar{display:none}._toolbarSticky_12qra_142 ._toolbarButton_12qra_73{flex:none;min-width:40px;height:40px}._toolbarStickyBottom_12qra_142{border-bottom:none;border-top:1px solid var(--stylo-border);box-shadow:0 -2px 8px color-mix(in srgb, var(--stylo-text) 10%, transparent);position:fixed;bottom:0;left:0;right:0}._toolbarStickyTop_12qra_142{box-shadow:0 2px 8px color-mix(in srgb, var(--stylo-text) 10%, transparent);position:fixed;top:0;left:0;right:0}._toolbarStickyHidden_12qra_211{opacity:0;pointer-events:none}._stickyToolbarRootBottom_12qra_222 ._source_12qra_42,._stickyToolbarRootBottom_12qra_222 ._inplace_12qra_57{padding-bottom:52px}._stickyToolbarRootTop_12qra_227 ._source_12qra_42,._stickyToolbarRootTop_12qra_227 ._inplace_12qra_57{padding-top:52px}._inplace_12qra_57 .cm-editor{height:100%}._inplace_12qra_57 .cm-editor.cm-focused{outline:2px solid var(--stylo-ring);outline-offset:-2px}._split_12qra_241{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}._splitPane_12qra_248{box-sizing:border-box;flex-direction:column;min-height:0;display:flex;overflow:auto}._splitPane_12qra_248+._splitPane_12qra_248{border-left:1px solid var(--stylo-border)}._splitPane_12qra_248>._source_12qra_42{flex:1;min-height:0}._preview_12qra_268{overflow-wrap:break-word;padding:.75rem 1rem;font-size:.9375rem;line-height:1.75}._preview_12qra_268>:first-child{margin-top:0}._preview_12qra_268>:last-child{margin-bottom:0}._preview_12qra_268 :is(h1,h2,h3,h4,h5,h6){font-weight:600}._preview_12qra_268 h1{margin:0 0 .888889em;font-size:2.25em;line-height:1.11111}._preview_12qra_268 h2{margin:2em 0 1em;font-size:1.5em;line-height:1.33333}._preview_12qra_268 h3{margin:1.6em 0 .6em;font-size:1.25em;line-height:1.6}._preview_12qra_268 :is(h4,h5,h6){margin:1.5em 0 .5em;line-height:1.5}._preview_12qra_268 p{margin:1.25em 0}._preview_12qra_268 :is(ul,ol){margin:1.25em 0;padding-left:1.625em}._preview_12qra_268 li{margin:.5em 0}._preview_12qra_268 li>:is(ul,ol){margin:.75em 0}._preview_12qra_268 a{color:var(--stylo-link);text-decoration:none}._preview_12qra_268 code{font-family:var(--stylo-font-family-mono,ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);border-radius:calc(var(--stylo-radius) - 3px);background:color-mix(in srgb, var(--stylo-border) 45%, transparent);padding:.1em .35em;font-size:.9em}._preview_12qra_268 pre{border-radius:var(--stylo-radius);background:color-mix(in srgb, var(--stylo-border) 35%, transparent);margin:1.71429em 0;padding:.75rem .9rem;overflow-x:auto}._preview_12qra_268 pre code{background:0 0;padding:0;font-size:.85em}.stylo-frontmatter{border-left:3px solid var(--stylo-border);border-radius:calc(var(--stylo-radius) - 3px);background:color-mix(in srgb, var(--stylo-border) 22%, transparent);color:var(--stylo-text-muted);font-family:var(--stylo-font-family-mono,ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);white-space:pre-wrap;margin:0 0 1.2em;padding:.7rem .9rem;font-size:.8125rem;line-height:1.5;overflow-x:auto}.stylo-frontmatter:before{content:"Frontmatter";font-family:var(--stylo-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.5em;font-size:.7rem;font-weight:600;display:block}._preview_12qra_268 blockquote{border-left:.25rem solid var(--stylo-border);color:var(--stylo-text-muted);margin:1.6em 0;padding-left:1em}._preview_12qra_268 .stylo-callout{border-left:.25rem solid var(--stylo-callout-accent,var(--stylo-border));border-radius:var(--stylo-radius);background:color-mix(in srgb, var(--stylo-callout-accent,var(--stylo-border)) 10%, transparent);color:var(--stylo-text);margin:1.6em 0;padding:.6em 1em}._preview_12qra_268 .stylo-callout:before{content:attr(data-callout);letter-spacing:.04em;text-transform:uppercase;color:var(--stylo-callout-accent,var(--stylo-text-muted));margin-bottom:.2em;font-size:.8em;font-weight:700;display:block}._preview_12qra_268 .stylo-callout-note{--stylo-callout-accent:var(--stylo-callout-note,#3b82f6)}._preview_12qra_268 .stylo-callout-tip{--stylo-callout-accent:var(--stylo-callout-tip,#22c55e)}._preview_12qra_268 .stylo-callout-warn{--stylo-callout-accent:var(--stylo-callout-warn,#f59e0b)}._preview_12qra_268 .stylo-callout-danger{--stylo-callout-accent:var(--stylo-callout-danger,#ef4444)}._preview_12qra_268 .stylo-callout-example{--stylo-callout-accent:var(--stylo-callout-example,#a855f7)}._preview_12qra_268 table{border-collapse:collapse;margin:2em 0;display:block;overflow-x:auto}._preview_12qra_268 :is(th,td){border:1px solid var(--stylo-table-border);text-align:left;padding:.35em .6em}._preview_12qra_268 thead th{background:var(--stylo-table-header-bg);font-weight:600}._preview_12qra_268 tbody tr:nth-child(2n) td{background:var(--stylo-table-stripe-bg)}._preview_12qra_268 hr{border:none;border-top:1px solid var(--stylo-border);margin:1em 0}._preview_12qra_268 .katex-display{padding:.25em 0;overflow:auto hidden}.stylo{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--stylo-bg:#fff;--stylo-surface-floating:#fff;--stylo-text:#09090b;--stylo-text-muted:#71717a;--stylo-border:#e4e4e7;--stylo-accent:#18181b;--stylo-link:#2563eb;--stylo-ring:#a1a1aa;--stylo-radius:.5rem;--stylo-font-size:.9375rem;--stylo-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--stylo-font-family-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--stylo-table-border:var(--stylo-border);--stylo-table-header-bg:color-mix(in srgb, var(--stylo-border) 30%, transparent);--stylo-table-stripe-bg:transparent;--stylo-guide:var(--stylo-border);--stylo-syntax-keyword:#7c3aed;--stylo-syntax-string:#0a7c2f;--stylo-syntax-escape:#b45309;--stylo-syntax-comment:#8a8f98;--stylo-syntax-number:#b45309;--stylo-syntax-constant:#b45309;--stylo-syntax-function:#2563eb;--stylo-syntax-type:#a16207;--stylo-syntax-property:#0f766e;--stylo-syntax-tag:#cf222e;--stylo-syntax-invalid:#dc2626}:where(.dark,[data-theme=dark]) .stylo,.stylo:where(.dark,[data-theme=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--stylo-bg:#09090b;--stylo-surface-floating:#09090b;--stylo-text:#fafafa;--stylo-text-muted:#a1a1aa;--stylo-border:#27272a;--stylo-accent:#fafafa;--stylo-link:#60a5fa;--stylo-ring:#52525b;--stylo-syntax-keyword:#c678dd;--stylo-syntax-string:#98c379;--stylo-syntax-escape:#d19a66;--stylo-syntax-comment:#7f848e;--stylo-syntax-number:#d19a66;--stylo-syntax-constant:#d19a66;--stylo-syntax-function:#61afef;--stylo-syntax-type:#e5c07b;--stylo-syntax-property:#56b6c2;--stylo-syntax-tag:#e06c75;--stylo-syntax-invalid:#e06c75}._root_18hcd_3{color:var(--stylo-text);font:inherit;grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=460px){._root_18hcd_3{grid-template-columns:1fr}}._col_18hcd_17{border:1px solid var(--stylo-border);border-radius:var(--stylo-radius);background:var(--stylo-bg);flex-direction:column;min-width:0;display:flex}._colHead_18hcd_26{border-bottom:1px solid var(--stylo-border);letter-spacing:.04em;text-transform:uppercase;color:var(--stylo-text-muted);margin:0;padding:8px 12px;font-size:.75rem;font-weight:600}._list_18hcd_37{flex-direction:column;flex:1;gap:2px;margin:0;padding:4px;list-style:none;display:flex}._row_18hcd_47{border-radius:calc(var(--stylo-radius) - 3px);background:var(--stylo-bg);align-items:center;gap:8px;padding:5px 6px;display:flex}._row_18hcd_47:focus-visible{outline:2px solid var(--stylo-ring);outline-offset:-2px}._row_18hcd_47:hover{background:color-mix(in srgb, var(--stylo-border) 30%, transparent)}._row_18hcd_47[data-dragging]{background:var(--stylo-surface-floating,#fff);opacity:.9;box-shadow:0 4px 16px #00000024}._handle_18hcd_73{border-radius:calc(var(--stylo-radius) - 4px);width:20px;height:22px;color:var(--stylo-text-muted);font:inherit;cursor:grab;touch-action:none;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}._handle_18hcd_73:hover{background:color-mix(in srgb, var(--stylo-border) 45%, transparent);color:var(--stylo-text)}._handle_18hcd_73:focus-visible{outline:2px solid var(--stylo-ring);outline-offset:-1px}._handle_18hcd_73:active{cursor:grabbing}._glyph_18hcd_105{width:18px;height:18px;color:var(--stylo-text-muted);flex:none;justify-content:center;align-items:center;display:inline-flex}._glyph_18hcd_105 svg{width:16px;height:16px;display:block}._label_18hcd_121{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8125rem;overflow:hidden}._rowActions_18hcd_130{flex:none;gap:2px;display:flex}._iconButton_18hcd_136,._textButton_18hcd_137{box-sizing:border-box;border-radius:calc(var(--stylo-radius) - 4px);color:var(--stylo-text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000}._iconButton_18hcd_136{width:22px;height:22px;font-size:.8125rem;line-height:1}._textButton_18hcd_137{padding:3px 8px;font-size:.75rem}._iconButton_18hcd_136:hover:not(:disabled),._textButton_18hcd_137:hover:not(:disabled){background:color-mix(in srgb, var(--stylo-border) 45%, transparent);color:var(--stylo-text)}._iconButton_18hcd_136:focus-visible,._textButton_18hcd_137:focus-visible{outline:2px solid var(--stylo-ring);outline-offset:-1px}._iconButton_18hcd_136:disabled{opacity:.35;cursor:default}._footer_18hcd_176{border-top:1px solid var(--stylo-border);flex-wrap:wrap;gap:6px;padding:6px;display:flex}._empty_18hcd_184{color:var(--stylo-text-muted);padding:8px 6px;font-size:.8125rem}._srOnly_18hcd_190{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
+._root_1y1lh_1{min-height:0;color:var(--stylo-text);background:var(--stylo-bg);border:1px solid var(--stylo-border);border-radius:var(--stylo-radius);flex-direction:column;display:flex;overflow:hidden}._root_1y1lh_1 .cm-scroller{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--stylo-border) 90%, transparent) transparent}._root_1y1lh_1 .cm-scroller::-webkit-scrollbar{width:10px;height:10px}._root_1y1lh_1 .cm-scroller::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--stylo-border) 90%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:6px}._root_1y1lh_1 .cm-scroller::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--stylo-text-muted) 55%, transparent);background-clip:padding-box}._root_1y1lh_1 .cm-scroller::-webkit-scrollbar-corner{background:0 0}._source_1y1lh_42{flex:auto;min-height:0;overflow:auto}._source_1y1lh_42 .cm-editor{height:100%}._source_1y1lh_42 .cm-editor.cm-focused{outline:2px solid var(--stylo-ring);outline-offset:-2px}._inplace_1y1lh_57{flex:auto;min-height:0;overflow:auto}._toolbar_1y1lh_63{background:var(--stylo-bg);border-bottom:1px solid var(--stylo-border);flex-wrap:wrap;align-items:center;gap:2px;padding:4px 6px;display:flex}._toolbarButton_1y1lh_73{box-sizing:border-box;border-radius:calc(var(--stylo-radius) - 3px);min-width:28px;height:28px;color:var(--stylo-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0 5px;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}._toolbarButton_1y1lh_73:hover:not(:disabled){background:color-mix(in srgb, var(--stylo-border) 45%, transparent);color:var(--stylo-text)}._toolbarButton_1y1lh_73[data-active]{background:color-mix(in srgb, var(--stylo-accent) 12%, transparent);color:var(--stylo-text)}._toolbarButton_1y1lh_73:disabled{opacity:.4;cursor:default}._toolbarButton_1y1lh_73:focus-visible{outline:2px solid var(--stylo-ring);outline-offset:-2px}._toolbarButton_1y1lh_73 svg{width:16px;height:16px;display:block}._toolbarButton_1y1lh_73 code{font-family:var(--stylo-font-family-mono,ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:.8125rem;font-weight:500}._toolbarSep_1y1lh_132{background:var(--stylo-border);align-self:stretch;width:1px;margin:4px 3px}._toolbarSticky_1y1lh_142{z-index:50;-webkit-overflow-scrolling:touch;scrollbar-width:none;font-family:var(--stylo-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);flex-wrap:nowrap;transition:opacity .15s;overflow-x:auto}._toolbarSticky_1y1lh_142::-webkit-scrollbar{display:none}._toolbarSticky_1y1lh_142 ._toolbarButton_1y1lh_73{flex:none;min-width:40px;height:40px}._toolbarStickyBottom_1y1lh_142{border-bottom:none;border-top:1px solid var(--stylo-border);box-shadow:0 -2px 8px color-mix(in srgb, var(--stylo-text) 10%, transparent);position:fixed;bottom:0;left:0;right:0}._toolbarStickyTop_1y1lh_142{box-shadow:0 2px 8px color-mix(in srgb, var(--stylo-text) 10%, transparent);position:fixed;top:0;left:0;right:0}._toolbarStickyHidden_1y1lh_211{opacity:0;pointer-events:none}._stickyToolbarRootBottom_1y1lh_222 ._source_1y1lh_42,._stickyToolbarRootBottom_1y1lh_222 ._inplace_1y1lh_57{padding-bottom:52px}._stickyToolbarRootTop_1y1lh_227 ._source_1y1lh_42,._stickyToolbarRootTop_1y1lh_227 ._inplace_1y1lh_57{padding-top:52px}._inplace_1y1lh_57 .cm-editor{height:100%}._inplace_1y1lh_57 .cm-editor.cm-focused{outline:2px solid var(--stylo-ring);outline-offset:-2px}._split_1y1lh_241{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}._splitPane_1y1lh_248{box-sizing:border-box;flex-direction:column;min-height:0;display:flex;overflow:auto}._splitPane_1y1lh_248+._splitPane_1y1lh_248{border-left:1px solid var(--stylo-border)}._splitPane_1y1lh_248>._source_1y1lh_42{flex:1;min-height:0}._preview_1y1lh_268{overflow-wrap:break-word;padding:.75rem 1rem;font-size:.9375rem;line-height:1.75}._preview_1y1lh_268>:first-child{margin-top:0}._preview_1y1lh_268>:last-child{margin-bottom:0}._preview_1y1lh_268 :is(h1,h2,h3,h4,h5,h6){font-weight:600}._preview_1y1lh_268 h1{margin:0 0 .888889em;font-size:2.25em;line-height:1.11111}._preview_1y1lh_268 h2{margin:2em 0 1em;font-size:1.5em;line-height:1.33333}._preview_1y1lh_268 h3{margin:1.6em 0 .6em;font-size:1.25em;line-height:1.6}._preview_1y1lh_268 :is(h4,h5,h6){margin:1.5em 0 .5em;line-height:1.5}._preview_1y1lh_268 p{margin:1.25em 0}._preview_1y1lh_268 :is(ul,ol){margin:1.25em 0;padding-left:1.625em}._preview_1y1lh_268 li{margin:.5em 0}._preview_1y1lh_268 li>:is(ul,ol){margin:.75em 0}._preview_1y1lh_268 a{color:var(--stylo-link);text-decoration:none}._preview_1y1lh_268 code{font-family:var(--stylo-font-family-mono,ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);border-radius:calc(var(--stylo-radius) - 3px);background:color-mix(in srgb, var(--stylo-border) 45%, transparent);padding:.1em .35em;font-size:.9em}._preview_1y1lh_268 pre{border-radius:var(--stylo-radius);background:color-mix(in srgb, var(--stylo-border) 35%, transparent);margin:1.71429em 0;padding:.75rem .9rem;overflow-x:auto}._preview_1y1lh_268 pre code{background:0 0;padding:0;font-size:.85em}.stylo-frontmatter{border-left:3px solid var(--stylo-border);border-radius:calc(var(--stylo-radius) - 3px);background:color-mix(in srgb, var(--stylo-border) 22%, transparent);color:var(--stylo-text-muted);font-family:var(--stylo-font-family-mono,ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);white-space:pre-wrap;margin:0 0 1.2em;padding:.7rem .9rem;font-size:.8125rem;line-height:1.5;overflow-x:auto}.stylo-frontmatter:before{content:"Frontmatter";font-family:var(--stylo-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.5em;font-size:.7rem;font-weight:600;display:block}._preview_1y1lh_268 blockquote{border-left:.25rem solid var(--stylo-border);color:var(--stylo-text-muted);margin:1.6em 0;padding-left:1em}._preview_1y1lh_268 .stylo-callout{border-left:.25rem solid var(--stylo-callout-accent,var(--stylo-border));border-radius:var(--stylo-radius);background:color-mix(in srgb, var(--stylo-callout-accent,var(--stylo-border)) 10%, transparent);color:var(--stylo-text);margin:1.6em 0;padding:.6em 1em}._preview_1y1lh_268 .stylo-callout:before{content:attr(data-callout);letter-spacing:.04em;text-transform:uppercase;color:var(--stylo-callout-accent,var(--stylo-text-muted));margin-bottom:.2em;font-size:.8em;font-weight:700;display:block}._preview_1y1lh_268 .stylo-callout-note{--stylo-callout-accent:var(--stylo-callout-note,#3b82f6)}._preview_1y1lh_268 .stylo-callout-tip{--stylo-callout-accent:var(--stylo-callout-tip,#22c55e)}._preview_1y1lh_268 .stylo-callout-warn{--stylo-callout-accent:var(--stylo-callout-warn,#f59e0b)}._preview_1y1lh_268 .stylo-callout-danger{--stylo-callout-accent:var(--stylo-callout-danger,#ef4444)}._preview_1y1lh_268 .stylo-callout-example{--stylo-callout-accent:var(--stylo-callout-example,#a855f7)}._preview_1y1lh_268 .stylo-embed{border-left:.25rem solid var(--stylo-embed-accent,var(--stylo-border));margin:1.6em 0;padding-left:1em}._preview_1y1lh_268 .stylo-embed-content>:first-child{margin-top:0}._preview_1y1lh_268 .stylo-embed-content>:last-child{margin-bottom:0}._preview_1y1lh_268 table{border-collapse:collapse;margin:2em 0;display:block;overflow-x:auto}._preview_1y1lh_268 :is(th,td){border:1px solid var(--stylo-table-border);text-align:left;padding:.35em .6em}._preview_1y1lh_268 thead th{background:var(--stylo-table-header-bg);font-weight:600}._preview_1y1lh_268 tbody tr:nth-child(2n) td{background:var(--stylo-table-stripe-bg)}._preview_1y1lh_268 hr{border:none;border-top:1px solid var(--stylo-border);margin:1em 0}._preview_1y1lh_268 .katex-display{padding:.25em 0;overflow:auto hidden}.stylo{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--stylo-bg:#fff;--stylo-surface-floating:#fff;--stylo-text:#09090b;--stylo-text-muted:#71717a;--stylo-border:#e4e4e7;--stylo-accent:#18181b;--stylo-link:#2563eb;--stylo-ring:#a1a1aa;--stylo-radius:.5rem;--stylo-font-size:.9375rem;--stylo-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--stylo-font-family-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--stylo-table-border:var(--stylo-border);--stylo-table-header-bg:color-mix(in srgb, var(--stylo-border) 30%, transparent);--stylo-table-stripe-bg:transparent;--stylo-guide:var(--stylo-border);--stylo-syntax-keyword:#7c3aed;--stylo-syntax-string:#0a7c2f;--stylo-syntax-escape:#b45309;--stylo-syntax-comment:#8a8f98;--stylo-syntax-number:#b45309;--stylo-syntax-constant:#b45309;--stylo-syntax-function:#2563eb;--stylo-syntax-type:#a16207;--stylo-syntax-property:#0f766e;--stylo-syntax-tag:#cf222e;--stylo-syntax-invalid:#dc2626}:where(.dark,[data-theme=dark]) .stylo,.stylo:where(.dark,[data-theme=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--stylo-bg:#09090b;--stylo-surface-floating:#09090b;--stylo-text:#fafafa;--stylo-text-muted:#a1a1aa;--stylo-border:#27272a;--stylo-accent:#fafafa;--stylo-link:#60a5fa;--stylo-ring:#52525b;--stylo-syntax-keyword:#c678dd;--stylo-syntax-string:#98c379;--stylo-syntax-escape:#d19a66;--stylo-syntax-comment:#7f848e;--stylo-syntax-number:#d19a66;--stylo-syntax-constant:#d19a66;--stylo-syntax-function:#61afef;--stylo-syntax-type:#e5c07b;--stylo-syntax-property:#56b6c2;--stylo-syntax-tag:#e06c75;--stylo-syntax-invalid:#e06c75}._root_18hcd_3{color:var(--stylo-text);font:inherit;grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=460px){._root_18hcd_3{grid-template-columns:1fr}}._col_18hcd_17{border:1px solid var(--stylo-border);border-radius:var(--stylo-radius);background:var(--stylo-bg);flex-direction:column;min-width:0;display:flex}._colHead_18hcd_26{border-bottom:1px solid var(--stylo-border);letter-spacing:.04em;text-transform:uppercase;color:var(--stylo-text-muted);margin:0;padding:8px 12px;font-size:.75rem;font-weight:600}._list_18hcd_37{flex-direction:column;flex:1;gap:2px;margin:0;padding:4px;list-style:none;display:flex}._row_18hcd_47{border-radius:calc(var(--stylo-radius) - 3px);background:var(--stylo-bg);align-items:center;gap:8px;padding:5px 6px;display:flex}._row_18hcd_47:focus-visible{outline:2px solid var(--stylo-ring);outline-offset:-2px}._row_18hcd_47:hover{background:color-mix(in srgb, var(--stylo-border) 30%, transparent)}._row_18hcd_47[data-dragging]{background:var(--stylo-surface-floating,#fff);opacity:.9;box-shadow:0 4px 16px #00000024}._handle_18hcd_73{border-radius:calc(var(--stylo-radius) - 4px);width:20px;height:22px;color:var(--stylo-text-muted);font:inherit;cursor:grab;touch-action:none;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}._handle_18hcd_73:hover{background:color-mix(in srgb, var(--stylo-border) 45%, transparent);color:var(--stylo-text)}._handle_18hcd_73:focus-visible{outline:2px solid var(--stylo-ring);outline-offset:-1px}._handle_18hcd_73:active{cursor:grabbing}._glyph_18hcd_105{width:18px;height:18px;color:var(--stylo-text-muted);flex:none;justify-content:center;align-items:center;display:inline-flex}._glyph_18hcd_105 svg{width:16px;height:16px;display:block}._label_18hcd_121{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8125rem;overflow:hidden}._rowActions_18hcd_130{flex:none;gap:2px;display:flex}._iconButton_18hcd_136,._textButton_18hcd_137{box-sizing:border-box;border-radius:calc(var(--stylo-radius) - 4px);color:var(--stylo-text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000}._iconButton_18hcd_136{width:22px;height:22px;font-size:.8125rem;line-height:1}._textButton_18hcd_137{padding:3px 8px;font-size:.75rem}._iconButton_18hcd_136:hover:not(:disabled),._textButton_18hcd_137:hover:not(:disabled){background:color-mix(in srgb, var(--stylo-border) 45%, transparent);color:var(--stylo-text)}._iconButton_18hcd_136:focus-visible,._textButton_18hcd_137:focus-visible{outline:2px solid var(--stylo-ring);outline-offset:-1px}._iconButton_18hcd_136:disabled{opacity:.35;cursor:default}._footer_18hcd_176{border-top:1px solid var(--stylo-border);flex-wrap:wrap;gap:6px;padding:6px;display:flex}._empty_18hcd_184{color:var(--stylo-text-muted);padding:8px 6px;font-size:.8125rem}._srOnly_18hcd_190{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
 /*$vite$:1*/

package/dist/stylo.js

@@ -1,47 +1,48 @@
-import { i as e, r as t } from "./wikilink-CTR8IFKc.js";
-import { n, t as r } from "./useCodeMirror-GPSkaYW6.js";
+import { i as e, n as t } from "./frontmatter-DGUkb9z-.js";
+import { n, t as r } from "./useCodeMirror-DtwupFgc.js";
 import { n as i, r as a } from "./config-DTBxVhtH.js";
 import { Suspense as o, forwardRef as s, lazy as c, useEffect as l, useImperativeHandle as u, useReducer as d, useRef as f, useState as p } from "react";
 import { EditorView as m } from "@codemirror/view";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/editor/SourceView.tsx
-function _({ value: t, onChange: n, readOnly: i, placeholder: a, codeLanguages: o, wikiLinkSource: s, onSave: c, onViewChange: l }) {
-	let u = r({
+function _({ value: t, onChange: n, readOnly: i, placeholder: a, codeLanguages: o, wikiLinkSource: s, onResolveError: c, onSave: l, onViewChange: u }) {
+	let d = r({
 		value: t,
 		onChange: n,
 		readOnly: i,
 		placeholder: a,
 		codeLanguages: o,
 		wikiLinkSource: s,
-		onSave: c,
-		onViewChange: l
+		onResolveError: c,
+		onSave: l,
+		onViewChange: u
 	});
 	return /* @__PURE__ */ h("div", {
 		className: e.source,
-		ref: u
+		ref: d
 	});
 }
 //#endregion
 //#region src/inplace/lazyInPlace.ts
-var v = c(async () => ({ default: (await import("./InPlaceView-CS1qy-Ba.js")).InPlaceView })), y = c(async () => ({ default: (await import("./Preview-Bw0k3Mev.js")).Preview }));
+var v = c(async () => ({ default: (await import("./InPlaceView-Bu91_3Ig.js")).InPlaceView })), y = c(async () => ({ default: (await import("./Preview-AaGGwLQP.js")).Preview }));
 //#endregion
 //#region src/SplitView.tsx
-function b({ value: t, onChange: n, onWikiLinkClick: r, readOnly: i, placeholder: a, codeLanguages: s, wikiLinkSource: c, frontmatter: u, onSave: d, onViewChange: m }) {
-	let [v, b] = p(null), x = f(null), S = f(!1);
+function b({ value: t, onChange: n, onWikiLinkClick: r, readOnly: i, placeholder: a, codeLanguages: s, wikiLinkSource: c, embedSource: u, onResolveError: d, frontmatter: m, onSave: v, onViewChange: b }) {
+	let [x, S] = p(null), C = f(null), w = f(!1);
 	return l(() => {
-		let e = v?.scrollDOM, t = x.current;
+		let e = x?.scrollDOM, t = C.current;
 		if (!e || !t) return;
 		let n = (e, t) => {
-			if (S.current) return;
+			if (w.current) return;
 			let n = e.scrollHeight - e.clientHeight;
-			n <= 0 || (S.current = !0, t.scrollTop = e.scrollTop / n * (t.scrollHeight - t.clientHeight), requestAnimationFrame(() => {
-				S.current = !1;
+			n <= 0 || (w.current = !0, t.scrollTop = e.scrollTop / n * (t.scrollHeight - t.clientHeight), requestAnimationFrame(() => {
+				w.current = !1;
 			}));
 		}, r = () => n(e, t), i = () => n(t, e);
 		return e.addEventListener("scroll", r, { passive: !0 }), t.addEventListener("scroll", i, { passive: !0 }), () => {
 			e.removeEventListener("scroll", r), t.removeEventListener("scroll", i);
 		};
-	}, [v]), /* @__PURE__ */ g("div", {
+	}, [x]), /* @__PURE__ */ g("div", {
 		className: e.split,
 		children: [/* @__PURE__ */ h("div", {
 			className: e.splitPane,
@@ -52,14 +53,15 @@ function b({ value: t, onChange: n, onWikiLinkClick: r, readOnly: i, placeholder
 				placeholder: a,
 				codeLanguages: s,
 				wikiLinkSource: c,
-				onSave: d,
+				onResolveError: d,
+				onSave: v,
 				onViewChange: (e) => {
-					b(e), m?.(e);
+					S(e), b?.(e);
 				}
 			})
 		}), /* @__PURE__ */ h("div", {
 			className: e.splitPane,
-			ref: x,
+			ref: C,
 			children: /* @__PURE__ */ h(o, {
 				fallback: /* @__PURE__ */ h("div", {
 					className: e.preview,
@@ -67,7 +69,10 @@ function b({ value: t, onChange: n, onWikiLinkClick: r, readOnly: i, placeholder
 				}),
 				children: /* @__PURE__ */ h(y, {
 					value: t,
-					onWikiLinkClick: r
+					onWikiLinkClick: r,
+					embedSource: u,
+					onResolveError: d,
+					frontmatter: m
 				})
 			})
 		})]
@@ -188,65 +193,70 @@ function w({ view: t, items: n, icons: r, disabled: i, sticky: a, stickyVisibili
 }
 //#endregion
 //#region src/Stylo.tsx
-var T = s(function({ value: n, onChange: r, mode: a = "in-place", onSave: s, onFrontmatter: c, onWikiLinkClick: d, onLinkClick: x, readOnly: S, placeholder: C, className: T, inPlace: E, codeLanguages: D, wikiLinkSource: O, toolbar: k, icons: A, frontmatter: j }, M) {
-	let N = a === "preview" || a === "split" || a === "in-place" ? a : "source", [P, F] = p(null), I = N === "preview" ? null : i(k), L = k && typeof k == "object" ? k.render : void 0, R = k && typeof k == "object" ? k.sticky : void 0, z = R === "top" ? "top" : R ? "bottom" : !1, B = k && typeof k == "object" ? k.stickyVisibility : void 0, V = f(c);
-	V.current = c;
-	let H = f(void 0);
+var T = s(function({ value: n, onChange: r, mode: a = "in-place", onSave: s, onFrontmatter: c, onWikiLinkClick: d, onLinkClick: x, readOnly: S, placeholder: C, className: T, inPlace: E, codeLanguages: D, wikiLinkSource: O, embedSource: k, onResolveError: A, toolbar: j, icons: M, frontmatter: N }, P) {
+	let F = a === "preview" || a === "split" || a === "in-place" ? a : "source", [I, L] = p(null), R = F === "preview" ? null : i(j), z = j && typeof j == "object" ? j.render : void 0, B = j && typeof j == "object" ? j.sticky : void 0, V = B === "top" ? "top" : B ? "bottom" : !1, H = j && typeof j == "object" ? j.stickyVisibility : void 0, U = f(c);
+	U.current = c;
+	let W = f(A);
+	W.current = A;
+	let G = f((e, t) => {
+		W.current?.(e, t);
+	}).current, K = f(void 0);
 	l(() => {
 		let e = t(n)?.frontmatter ?? null;
-		e !== H.current && (H.current = e, V.current?.(e));
-	}, [n]), u(M, () => ({
-		focus: () => P?.focus(),
-		getView: () => P,
+		e !== K.current && (K.current = e, U.current?.(e));
+	}, [n]), u(P, () => ({
+		focus: () => I?.focus(),
+		getView: () => I,
 		insertAtCursor: (e) => {
-			P && (P.dispatch(P.state.replaceSelection(e)), P.focus());
+			I && (I.dispatch(I.state.replaceSelection(e)), I.focus());
 		},
 		scrollToHeading: (e) => {
-			if (!P) return !1;
-			let t = e.trim().toLowerCase(), { doc: n } = P.state;
+			if (!I) return !1;
+			let t = e.trim().toLowerCase(), { doc: n } = I.state;
 			for (let e = 1; e <= n.lines; e++) {
 				let r = n.line(e), i = /^ {0,3}#{1,6}[ \t]+(.*?)(?:[ \t]+#+)?[ \t]*$/.exec(r.text);
-				if (!(!i || i[1] === void 0) && i[1].trim().toLowerCase() === t) return P.dispatch({
+				if (!(!i || i[1] === void 0) && i[1].trim().toLowerCase() === t) return I.dispatch({
 					selection: { anchor: r.from },
 					effects: m.scrollIntoView(r.from, { y: "start" })
-				}), P.focus(), !0;
+				}), I.focus(), !0;
 			}
 			return !1;
 		}
-	}), [P]);
-	let U = [
+	}), [I]);
+	let q = [
 		e.root,
-		z === "bottom" && e.stickyToolbarRootBottom,
-		z === "top" && e.stickyToolbarRootTop,
+		V === "bottom" && e.stickyToolbarRootBottom,
+		V === "top" && e.stickyToolbarRootTop,
 		"stylo",
 		T
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ g("div", {
-		className: U,
-		"data-stylo-mode": N,
+		className: q,
+		"data-stylo-mode": F,
 		children: [
-			I && (() => {
+			R && (() => {
 				let e = /* @__PURE__ */ h(w, {
-					view: P,
-					items: I,
-					icons: A,
+					view: I,
+					items: R,
+					icons: M,
 					disabled: S,
-					sticky: z,
-					stickyVisibility: B
+					sticky: V,
+					stickyVisibility: H
 				});
-				return L ? L(e, { view: P }) : e;
+				return z ? z(e, { view: I }) : e;
 			})(),
-			N === "source" && /* @__PURE__ */ h(_, {
+			F === "source" && /* @__PURE__ */ h(_, {
 				value: n,
 				onChange: r,
 				readOnly: S,
 				placeholder: C,
 				codeLanguages: D,
 				wikiLinkSource: O,
+				onResolveError: G,
 				onSave: s,
-				onViewChange: F
+				onViewChange: L
 			}),
-			N === "preview" && /* @__PURE__ */ h(o, {
+			F === "preview" && /* @__PURE__ */ h(o, {
 				fallback: /* @__PURE__ */ h("div", {
 					className: e.preview,
 					"aria-busy": "true"
@@ -254,10 +264,12 @@ var T = s(function({ value: n, onChange: r, mode: a = "in-place", onSave: s, onF
 				children: /* @__PURE__ */ h(y, {
 					value: n,
 					onWikiLinkClick: d,
-					frontmatter: j
+					embedSource: k,
+					onResolveError: G,
+					frontmatter: N
 				})
 			}),
-			N === "split" && /* @__PURE__ */ h(b, {
+			F === "split" && /* @__PURE__ */ h(b, {
 				value: n,
 				onChange: r,
 				onWikiLinkClick: d,
@@ -265,11 +277,13 @@ var T = s(function({ value: n, onChange: r, mode: a = "in-place", onSave: s, onF
 				placeholder: C,
 				codeLanguages: D,
 				wikiLinkSource: O,
-				frontmatter: j,
+				embedSource: k,
+				onResolveError: G,
+				frontmatter: N,
 				onSave: s,
-				onViewChange: F
+				onViewChange: L
 			}),
-			N === "in-place" && /* @__PURE__ */ h(o, {
+			F === "in-place" && /* @__PURE__ */ h(o, {
 				fallback: /* @__PURE__ */ h("div", {
 					className: e.inplace,
 					"aria-busy": "true"
@@ -284,8 +298,10 @@ var T = s(function({ value: n, onChange: r, mode: a = "in-place", onSave: s, onF
 					inPlace: E,
 					codeLanguages: D,
 					wikiLinkSource: O,
+					embedSource: k,
+					onResolveError: G,
 					onSave: s,
-					onViewChange: F
+					onViewChange: L
 				})
 			})
 		]

package/dist/stylo.js.map

@@ -1 +1 @@
-{"version":3,"file":"stylo.js","names":[],"sources":["../src/editor/SourceView.tsx","../src/inplace/lazyInPlace.ts","../src/render/lazyPreview.ts","../src/SplitView.tsx","../src/toolbar/floating-watchdog.ts","../src/toolbar/keyboard-inset.ts","../src/toolbar/Toolbar.tsx","../src/Stylo.tsx"],"sourcesContent":["import type { EditorView } from \"@codemirror/view\"\nimport styles from \"../styles/stylo.module.css\"\nimport type { CodeLanguages, WikiLinkSource } from \"../types\"\nimport { useCodeMirror } from \"./useCodeMirror\"\n\nexport interface SourceViewProps {\n  value: string\n  onChange: (next: string) => void\n  readOnly?: boolean\n  placeholder?: string\n  /** Fenced-code grammars, forwarded to the Markdown language. Read once. */\n  codeLanguages?: CodeLanguages\n  /** `[[wikilink]]` autocomplete source. Read once. */\n  wikiLinkSource?: WikiLinkSource\n  /** Called with the doc string on `Mod-s`. */\n  onSave?: (value: string) => void\n  /** Called with the `EditorView` once created, and with `null` on teardown. */\n  onViewChange?: (view: EditorView | null) => void\n}\n\n/** Raw CodeMirror 6 Markdown surface bound to the canonical string. */\nexport function SourceView({\n  value,\n  onChange,\n  readOnly,\n  placeholder,\n  codeLanguages,\n  wikiLinkSource,\n  onSave,\n  onViewChange,\n}: SourceViewProps) {\n  const ref = useCodeMirror({\n    value,\n    onChange,\n    readOnly,\n    placeholder,\n    codeLanguages,\n    wikiLinkSource,\n    onSave,\n    onViewChange,\n  })\n  return <div className={styles.source} ref={ref} />\n}\n","import { lazy } from \"react\"\n\n/**\n * The in-place canvas carries the decoration plugin (and, in later increments,\n * its KaTeX widgets). It loads only when `mode` resolves to `in-place`, so\n * `source` consumers never fetch it.\n */\nexport const LazyInPlaceView = lazy(async () => ({\n  default: (await import(\"./InPlaceView\")).InPlaceView,\n}))\n","import { lazy } from \"react\"\n\n/**\n * Preview pulls in react-markdown + remark/rehype + KaTeX. It is loaded only\n * when a rendered mode (`preview`, `split`) is actually used, so `mode=\"source\"`\n * consumers never pay for it. Both callers share this one wrapper, so the render\n * pipeline stays a single lazy chunk.\n */\nexport const LazyPreview = lazy(async () => ({\n  default: (await import(\"./Preview\")).Preview,\n}))\n","import { Suspense, useEffect, useRef, useState } from \"react\"\nimport type { EditorView } from \"@codemirror/view\"\nimport { SourceView } from \"./editor/SourceView\"\nimport { LazyPreview } from \"./render/lazyPreview\"\nimport styles from \"./styles/stylo.module.css\"\nimport type { CodeLanguages, FrontmatterDisplay, WikiLinkSource } from \"./types\"\n\nexport interface SplitViewProps {\n  value: string\n  onChange: (next: string) => void\n  onWikiLinkClick?: (target: string) => void\n  readOnly?: boolean\n  placeholder?: string\n  codeLanguages?: CodeLanguages\n  wikiLinkSource?: WikiLinkSource\n  frontmatter?: FrontmatterDisplay\n  /** Called with the doc string on `Mod-s`. */\n  onSave?: (value: string) => void\n  /** Forwarded the source pane's `EditorView` for the shared toolbar. */\n  onViewChange?: (view: EditorView | null) => void\n}\n\n/**\n * Source and preview side by side. Both panes are a pure function of the same\n * string; the only link between them is a proportional scroll sync. Expects the\n * Stylo root to have a bounded height — otherwise both panes grow and the page\n * scrolls instead.\n */\nexport function SplitView({\n  value,\n  onChange,\n  onWikiLinkClick,\n  readOnly,\n  placeholder,\n  codeLanguages,\n  wikiLinkSource,\n  frontmatter,\n  onSave,\n  onViewChange,\n}: SplitViewProps) {\n  const [view, setView] = useState<EditorView | null>(null)\n  const previewPane = useRef<HTMLDivElement | null>(null)\n  const syncing = useRef(false)\n\n  const handleView = (next: EditorView | null) => {\n    setView(next)\n    onViewChange?.(next)\n  }\n\n  useEffect(() => {\n    const source = view?.scrollDOM\n    const preview = previewPane.current\n    if (!source || !preview) return\n\n    const sync = (from: HTMLElement, to: HTMLElement) => {\n      if (syncing.current) return\n      const range = from.scrollHeight - from.clientHeight\n      if (range <= 0) return\n      syncing.current = true\n      to.scrollTop = (from.scrollTop / range) * (to.scrollHeight - to.clientHeight)\n      requestAnimationFrame(() => {\n        syncing.current = false\n      })\n    }\n\n    const fromSource = () => sync(source, preview)\n    const fromPreview = () => sync(preview, source)\n    source.addEventListener(\"scroll\", fromSource, { passive: true })\n    preview.addEventListener(\"scroll\", fromPreview, { passive: true })\n    return () => {\n      source.removeEventListener(\"scroll\", fromSource)\n      preview.removeEventListener(\"scroll\", fromPreview)\n    }\n  }, [view])\n\n  return (\n    <div className={styles.split}>\n      <div className={styles.splitPane}>\n        <SourceView\n          value={value}\n          onChange={onChange}\n          readOnly={readOnly}\n          placeholder={placeholder}\n          codeLanguages={codeLanguages}\n          wikiLinkSource={wikiLinkSource}\n          onSave={onSave}\n          onViewChange={handleView}\n        />\n      </div>\n      <div className={styles.splitPane} ref={previewPane}>\n        <Suspense fallback={<div className={styles.preview} aria-busy=\"true\" />}>\n          <LazyPreview value={value} onWikiLinkClick={onWikiLinkClick} />\n        </Suspense>\n      </div>\n    </div>\n  )\n}\n","import { useEffect, type RefObject } from \"react\"\n\n/**\n * Continuously re-asserts a `transform` on a `position: fixed` element,\n * alternating an imperceptible sub-pixel jitter every animation frame,\n * instead of trusting the browser to keep it correctly composited on its\n * own. Several rounds of on-device testing found iOS Safari losing track of\n * this exact kind of element — across its own address-bar animation, and in\n * at least one report tied to the keyboard opening — in ways a one-time\n * static fix (a plain `translateZ(0)`) did not reliably prevent. A value\n * that never changes gives the browser nothing to recompute; alternating it\n * every frame forces a fresh compositor pass regardless of what triggered\n * the drift, so it can't stay wrong for more than one frame (~16ms).\n *\n * Writes to the DOM directly rather than through React state, so this never\n * causes a re-render — the transform is the only thing touched.\n */\nexport function useFloatingWatchdog(ref: RefObject<HTMLElement | null>, enabled: boolean): void {\n  useEffect(() => {\n    if (!enabled) return\n    let raf = 0\n    let jitter = false\n    const tick = () => {\n      const el = ref.current\n      if (el) {\n        jitter = !jitter\n        el.style.transform = jitter ? \"translate3d(0, 0.01px, 0)\" : \"translate3d(0, 0, 0)\"\n      }\n      raf = requestAnimationFrame(tick)\n    }\n    raf = requestAnimationFrame(tick)\n    return () => cancelAnimationFrame(raf)\n  }, [ref, enabled])\n}\n","import { useEffect, useState } from \"react\"\n\n/**\n * How far the on-screen keyboard eats into the window, tracked through the\n * `visualViewport` API. 0 when `enabled` is false or the browser has no\n * `visualViewport` (older Safari, SSR, most desktop browsers). A mobile\n * keyboard shrinks the *visual* viewport, not the layout viewport a plain\n * `position: fixed` bottom offset is computed against — this is what lets the\n * sticky toolbar ride up above the keyboard instead of hiding behind it.\n */\nexport function useKeyboardInset(enabled: boolean): number {\n  const [inset, setInset] = useState(0)\n\n  useEffect(() => {\n    const vv = typeof window === \"undefined\" ? null : window.visualViewport\n    if (!enabled || !vv) {\n      setInset(0)\n      return\n    }\n    const update = () => setInset(Math.max(0, window.innerHeight - vv.height - vv.offsetTop))\n    update()\n    vv.addEventListener(\"resize\", update)\n    vv.addEventListener(\"scroll\", update)\n    return () => {\n      vv.removeEventListener(\"resize\", update)\n      vv.removeEventListener(\"scroll\", update)\n    }\n  }, [enabled])\n\n  return inset\n}\n","import { useEffect, useReducer, useRef, useState } from \"react\"\nimport type { ReactNode } from \"react\"\nimport type { EditorState } from \"@codemirror/state\"\nimport type { EditorView } from \"@codemirror/view\"\nimport styles from \"../styles/stylo.module.css\"\nimport type { ToolbarCommandId } from \"../types\"\nimport { BUILTIN_BY_ID } from \"./commands\"\nimport type { ToolbarItem } from \"./config\"\nimport { useFloatingWatchdog } from \"./floating-watchdog\"\nimport { DEFAULT_ICONS } from \"./icons\"\nimport { useKeyboardInset } from \"./keyboard-inset\"\n\nexport interface ToolbarProps {\n  /** The surface the commands act on. `null` while a lazy view is mounting. */\n  view: EditorView | null\n  /** Ordered items to render; `\"|\"` is a separator. */\n  items: ToolbarItem[]\n  /** Per-id glyph overrides; any id left out keeps its built-in icon. */\n  icons?: Partial<Record<ToolbarCommandId, ReactNode>>\n  /** Render every button inert (e.g. a read-only surface). */\n  disabled?: boolean\n  /** Fix the bar to a window edge (normalised from `ToolbarConfig.sticky`; the\n   *  caller resolves `true` to `\"bottom\"`). */\n  sticky?: \"top\" | \"bottom\" | false\n  /** Fade the bar out while the editing surface is unfocused (`ToolbarConfig.stickyVisibility`). */\n  stickyVisibility?: \"consistent\" | \"dynamic\"\n}\n\n/** A button to render, normalised from a built-in id or a custom item. */\ninterface Btn {\n  key: string\n  icon: ReactNode\n  title: string\n  run: (view: EditorView) => unknown\n  isActive?: (state: EditorState) => boolean\n  disabled?: (state: EditorState) => boolean\n}\n\n/** Resolve one non-separator item to a renderable button, or `null` to skip it. */\nfunction toButton(item: Exclude<ToolbarItem, \"|\">, icons: ToolbarProps[\"icons\"]): Btn | null {\n  if (typeof item !== \"string\") {\n    const { id, icon, title, run, isActive, disabled } = item\n    return { key: id, icon, title, run, isActive, disabled }\n  }\n  const cmd = BUILTIN_BY_ID[item]\n  if (!cmd) return null\n  return {\n    key: item,\n    icon: icons?.[item] ?? DEFAULT_ICONS[item],\n    title: cmd.title,\n    run: cmd.run,\n    isActive: cmd.isActive,\n    disabled: cmd.disabled,\n  }\n}\n\n/**\n * Formatting bar above the editing surface. It holds no document state — each\n * button runs a command against the live `EditorView`. Pressed states are read\n * back from the view whenever the selection, keys, or pointer move. Built-in\n * ids and consumer-supplied {@link ToolbarCustomItem}s render through the same\n * button path.\n */\nexport function Toolbar({ view, items, icons, disabled, sticky, stickyVisibility }: ToolbarProps) {\n  const [, refresh] = useReducer((n: number) => n + 1, 0)\n  const [focused, setFocused] = useState(false)\n  // Only \"bottom\" needs keyboard tracking — nothing eats into the top of the\n  // screen the way a keyboard eats the bottom.\n  const keyboardInset = useKeyboardInset(sticky === \"bottom\")\n  const barRef = useRef<HTMLDivElement>(null)\n  useFloatingWatchdog(barRef, sticky === \"top\")\n\n  useEffect(() => {\n    if (!view) return\n    const el = view.contentDOM\n    setFocused(view.hasFocus)\n    const onFocus = () => {\n      setFocused(true)\n      refresh()\n    }\n    const onBlur = () => {\n      setFocused(false)\n      refresh()\n    }\n    const events = [\"keyup\", \"mouseup\", \"input\"] as const\n    for (const ev of events) el.addEventListener(ev, refresh)\n    el.addEventListener(\"focus\", onFocus)\n    el.addEventListener(\"blur\", onBlur)\n    return () => {\n      for (const ev of events) el.removeEventListener(ev, refresh)\n      el.removeEventListener(\"focus\", onFocus)\n      el.removeEventListener(\"blur\", onBlur)\n    }\n  }, [view])\n\n  // \"dynamic\" fades the bar out while nothing is focused, so it doesn't sit\n  // over the content while the caret is elsewhere (e.g. scrolling to read).\n  const dynamicHidden = Boolean(sticky) && stickyVisibility === \"dynamic\" && !focused\n\n  const className = [\n    styles.toolbar,\n    sticky && styles.toolbarSticky,\n    sticky === \"top\" && styles.toolbarStickyTop,\n    sticky === \"bottom\" && styles.toolbarStickyBottom,\n    dynamicHidden && styles.toolbarStickyHidden,\n  ]\n    .filter(Boolean)\n    .join(\" \")\n  // `transform`, not `bottom` — a `position: fixed` element repositioned via\n  // `bottom` doesn't reliably repaint in step with the keyboard animation on\n  // iOS Safari; `translateY` forces a compositor update on every\n  // `visualViewport` event instead. The bar's resting position (keyboard\n  // closed) is `bottom: 0` in CSS; this only nudges it up. `\"top\"` needs no\n  // offset at all.\n  const stickyStyle =\n    sticky === \"bottom\" ? { transform: `translateY(-${keyboardInset}px)` } : undefined\n\n  return (\n    <div\n      ref={barRef}\n      className={className}\n      role=\"toolbar\"\n      aria-label=\"Formatting\"\n      aria-hidden={dynamicHidden || undefined}\n      style={stickyStyle}\n    >\n      {items.map((item, i) => {\n        if (item === \"|\") {\n          return <span key={`sep-${i}`} className={styles.toolbarSep} aria-hidden=\"true\" />\n        }\n        const btn = toButton(item, icons)\n        if (!btn) return null\n        const off = disabled || !view || Boolean(btn.disabled?.(view.state))\n        const active = Boolean(!off && view && btn.isActive?.(view.state))\n        return (\n          <button\n            key={btn.key}\n            type=\"button\"\n            className={styles.toolbarButton}\n            data-command={btn.key}\n            title={btn.title}\n            aria-label={btn.title}\n            aria-pressed={btn.isActive ? active : undefined}\n            data-active={active ? \"\" : undefined}\n            disabled={off}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => {\n              if (!view) return\n              btn.run(view)\n              refresh()\n            }}\n          >\n            {btn.icon}\n          </button>\n        )\n      })}\n    </div>\n  )\n}\n","import { forwardRef, Suspense, useEffect, useImperativeHandle, useRef, useState } from \"react\"\nimport { EditorView } from \"@codemirror/view\"\nimport { SourceView } from \"./editor/SourceView\"\nimport { LazyInPlaceView } from \"./inplace/lazyInPlace\"\nimport { LazyPreview } from \"./render/lazyPreview\"\nimport { SplitView } from \"./SplitView\"\nimport styles from \"./styles/stylo.module.css\"\nimport { Toolbar } from \"./toolbar/Toolbar\"\nimport { resolveToolbarItems } from \"./toolbar/config\"\nimport { splitFrontmatter } from \"./frontmatter\"\nimport \"./styles/tokens.css\"\nimport type { StyloHandle, StyloProps } from \"./types\"\n\n/**\n * Plain-text-first Markdown editor. `value` is the canonical Markdown string;\n * every view is a pure function of it.\n *\n * The default `mode` is `in-place`, the live decoration canvas (ADR-002 §1,\n * ADR-004). Pass `mode=\"source\"` for the plain surface with no lazy render\n * chunk. `preview` and `split` are also available.\n *\n * A formatting `toolbar` sits above every editing surface (all modes but\n * `preview`); pass `toolbar={false}` to drop it or a `ToolbarConfig` to trim it.\n */\nexport const Stylo = forwardRef<StyloHandle, StyloProps>(function Stylo(\n  {\n    value,\n    onChange,\n    mode = \"in-place\",\n    onSave,\n    onFrontmatter,\n    onWikiLinkClick,\n    onLinkClick,\n    readOnly,\n    placeholder,\n    className,\n    inPlace,\n    codeLanguages,\n    wikiLinkSource,\n    toolbar,\n    icons,\n    frontmatter,\n  },\n  ref,\n) {\n  const resolved = mode === \"preview\" || mode === \"split\" || mode === \"in-place\" ? mode : \"source\"\n\n  const [view, setView] = useState<EditorView | null>(null)\n  const toolbarItems = resolved === \"preview\" ? null : resolveToolbarItems(toolbar)\n  const toolbarRender = toolbar && typeof toolbar === \"object\" ? toolbar.render : undefined\n  const stickyConfig = toolbar && typeof toolbar === \"object\" ? toolbar.sticky : undefined\n  const stickyToolbar: \"top\" | \"bottom\" | false =\n    stickyConfig === \"top\" ? \"top\" : stickyConfig ? \"bottom\" : false\n  const stickyVisibility =\n    toolbar && typeof toolbar === \"object\" ? toolbar.stickyVisibility : undefined\n\n  // Report the raw frontmatter block on mount and whenever it changes. Stylo\n  // does not parse it — the host passes `raw` to its own YAML parser.\n  const onFrontmatterRef = useRef(onFrontmatter)\n  onFrontmatterRef.current = onFrontmatter\n  const lastFrontmatter = useRef<string | null | undefined>(undefined)\n  useEffect(() => {\n    const raw = splitFrontmatter(value)?.frontmatter ?? null\n    if (raw === lastFrontmatter.current) return\n    lastFrontmatter.current = raw\n    onFrontmatterRef.current?.(raw)\n  }, [value])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus: () => view?.focus(),\n      getView: () => view,\n      insertAtCursor: (md) => {\n        if (!view) return\n        view.dispatch(view.state.replaceSelection(md))\n        view.focus()\n      },\n      scrollToHeading: (text) => {\n        if (!view) return false\n        const target = text.trim().toLowerCase()\n        const { doc } = view.state\n        for (let n = 1; n <= doc.lines; n++) {\n          const line = doc.line(n)\n          const m = /^ {0,3}#{1,6}[ \\t]+(.*?)(?:[ \\t]+#+)?[ \\t]*$/.exec(line.text)\n          if (!m || m[1] === undefined) continue\n          if (m[1].trim().toLowerCase() !== target) continue\n          view.dispatch({\n            selection: { anchor: line.from },\n            effects: EditorView.scrollIntoView(line.from, { y: \"start\" }),\n          })\n          view.focus()\n          return true\n        }\n        return false\n      },\n    }),\n    [view],\n  )\n\n  const rootClass = [\n    styles.root,\n    stickyToolbar === \"bottom\" && styles.stickyToolbarRootBottom,\n    stickyToolbar === \"top\" && styles.stickyToolbarRootTop,\n    \"stylo\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \")\n\n  return (\n    <div className={rootClass} data-stylo-mode={resolved}>\n      {toolbarItems &&\n        (() => {\n          const bar = (\n            <Toolbar\n              view={view}\n              items={toolbarItems}\n              icons={icons}\n              disabled={readOnly}\n              sticky={stickyToolbar}\n              stickyVisibility={stickyVisibility}\n            />\n          )\n          return toolbarRender ? toolbarRender(bar, { view }) : bar\n        })()}\n\n      {resolved === \"source\" && (\n        <SourceView\n          value={value}\n          onChange={onChange}\n          readOnly={readOnly}\n          placeholder={placeholder}\n          codeLanguages={codeLanguages}\n          wikiLinkSource={wikiLinkSource}\n          onSave={onSave}\n          onViewChange={setView}\n        />\n      )}\n\n      {resolved === \"preview\" && (\n        <Suspense fallback={<div className={styles.preview} aria-busy=\"true\" />}>\n          <LazyPreview value={value} onWikiLinkClick={onWikiLinkClick} frontmatter={frontmatter} />\n        </Suspense>\n      )}\n\n      {resolved === \"split\" && (\n        <SplitView\n          value={value}\n          onChange={onChange}\n          onWikiLinkClick={onWikiLinkClick}\n          readOnly={readOnly}\n          placeholder={placeholder}\n          codeLanguages={codeLanguages}\n          wikiLinkSource={wikiLinkSource}\n          frontmatter={frontmatter}\n          onSave={onSave}\n          onViewChange={setView}\n        />\n      )}\n\n      {resolved === \"in-place\" && (\n        <Suspense fallback={<div className={styles.inplace} aria-busy=\"true\" />}>\n          <LazyInPlaceView\n            value={value}\n            onChange={onChange}\n            readOnly={readOnly}\n            placeholder={placeholder}\n            onWikiLinkClick={onWikiLinkClick}\n            onLinkClick={onLinkClick}\n            inPlace={inPlace}\n            codeLanguages={codeLanguages}\n            wikiLinkSource={wikiLinkSource}\n            onSave={onSave}\n            onViewChange={setView}\n          />\n        </Suspense>\n      )}\n    </div>\n  )\n})\n\nStylo.displayName = \"Stylo\"\n"],"mappings":"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"}
+{"version":3,"file":"stylo.js","names":[],"sources":["../src/editor/SourceView.tsx","../src/inplace/lazyInPlace.ts","../src/render/lazyPreview.ts","../src/SplitView.tsx","../src/toolbar/floating-watchdog.ts","../src/toolbar/keyboard-inset.ts","../src/toolbar/Toolbar.tsx","../src/Stylo.tsx"],"sourcesContent":["import type { EditorView } from \"@codemirror/view\"\nimport styles from \"../styles/stylo.module.css\"\nimport type { CodeLanguages, ResolveErrorInfo, WikiLinkSource } from \"../types\"\nimport { useCodeMirror } from \"./useCodeMirror\"\n\nexport interface SourceViewProps {\n  value: string\n  onChange: (next: string) => void\n  readOnly?: boolean\n  placeholder?: string\n  /** Fenced-code grammars, forwarded to the Markdown language. Read once. */\n  codeLanguages?: CodeLanguages\n  /** `[[wikilink]]` autocomplete source. Read once. */\n  wikiLinkSource?: WikiLinkSource\n  /** Notified when `wikiLinkSource` rejects. */\n  onResolveError?: (error: unknown, info: ResolveErrorInfo) => void\n  /** Called with the doc string on `Mod-s`. */\n  onSave?: (value: string) => void\n  /** Called with the `EditorView` once created, and with `null` on teardown. */\n  onViewChange?: (view: EditorView | null) => void\n}\n\n/** Raw CodeMirror 6 Markdown surface bound to the canonical string. */\nexport function SourceView({\n  value,\n  onChange,\n  readOnly,\n  placeholder,\n  codeLanguages,\n  wikiLinkSource,\n  onResolveError,\n  onSave,\n  onViewChange,\n}: SourceViewProps) {\n  const ref = useCodeMirror({\n    value,\n    onChange,\n    readOnly,\n    placeholder,\n    codeLanguages,\n    wikiLinkSource,\n    onResolveError,\n    onSave,\n    onViewChange,\n  })\n  return <div className={styles.source} ref={ref} />\n}\n","import { lazy } from \"react\"\n\n/**\n * The in-place canvas carries the decoration plugin (and, in later increments,\n * its KaTeX widgets). It loads only when `mode` resolves to `in-place`, so\n * `source` consumers never fetch it.\n */\nexport const LazyInPlaceView = lazy(async () => ({\n  default: (await import(\"./InPlaceView\")).InPlaceView,\n}))\n","import { lazy } from \"react\"\n\n/**\n * Preview pulls in react-markdown + remark/rehype + KaTeX. It is loaded only\n * when a rendered mode (`preview`, `split`) is actually used, so `mode=\"source\"`\n * consumers never pay for it. Both callers share this one wrapper, so the render\n * pipeline stays a single lazy chunk.\n */\nexport const LazyPreview = lazy(async () => ({\n  default: (await import(\"./Preview\")).Preview,\n}))\n","import { Suspense, useEffect, useRef, useState } from \"react\"\nimport type { EditorView } from \"@codemirror/view\"\nimport { SourceView } from \"./editor/SourceView\"\nimport { LazyPreview } from \"./render/lazyPreview\"\nimport styles from \"./styles/stylo.module.css\"\nimport type {\n  CodeLanguages,\n  EmbedSource,\n  FrontmatterDisplay,\n  ResolveErrorInfo,\n  WikiLinkSource,\n} from \"./types\"\n\nexport interface SplitViewProps {\n  value: string\n  onChange: (next: string) => void\n  onWikiLinkClick?: (target: string) => void\n  readOnly?: boolean\n  placeholder?: string\n  codeLanguages?: CodeLanguages\n  wikiLinkSource?: WikiLinkSource\n  embedSource?: EmbedSource\n  onResolveError?: (error: unknown, info: ResolveErrorInfo) => void\n  frontmatter?: FrontmatterDisplay\n  /** Called with the doc string on `Mod-s`. */\n  onSave?: (value: string) => void\n  /** Forwarded the source pane's `EditorView` for the shared toolbar. */\n  onViewChange?: (view: EditorView | null) => void\n}\n\n/**\n * Source and preview side by side. Both panes are a pure function of the same\n * string; the only link between them is a proportional scroll sync. Expects the\n * Stylo root to have a bounded height — otherwise both panes grow and the page\n * scrolls instead.\n */\nexport function SplitView({\n  value,\n  onChange,\n  onWikiLinkClick,\n  readOnly,\n  placeholder,\n  codeLanguages,\n  wikiLinkSource,\n  embedSource,\n  onResolveError,\n  frontmatter,\n  onSave,\n  onViewChange,\n}: SplitViewProps) {\n  const [view, setView] = useState<EditorView | null>(null)\n  const previewPane = useRef<HTMLDivElement | null>(null)\n  const syncing = useRef(false)\n\n  const handleView = (next: EditorView | null) => {\n    setView(next)\n    onViewChange?.(next)\n  }\n\n  useEffect(() => {\n    const source = view?.scrollDOM\n    const preview = previewPane.current\n    if (!source || !preview) return\n\n    const sync = (from: HTMLElement, to: HTMLElement) => {\n      if (syncing.current) return\n      const range = from.scrollHeight - from.clientHeight\n      if (range <= 0) return\n      syncing.current = true\n      to.scrollTop = (from.scrollTop / range) * (to.scrollHeight - to.clientHeight)\n      requestAnimationFrame(() => {\n        syncing.current = false\n      })\n    }\n\n    const fromSource = () => sync(source, preview)\n    const fromPreview = () => sync(preview, source)\n    source.addEventListener(\"scroll\", fromSource, { passive: true })\n    preview.addEventListener(\"scroll\", fromPreview, { passive: true })\n    return () => {\n      source.removeEventListener(\"scroll\", fromSource)\n      preview.removeEventListener(\"scroll\", fromPreview)\n    }\n  }, [view])\n\n  return (\n    <div className={styles.split}>\n      <div className={styles.splitPane}>\n        <SourceView\n          value={value}\n          onChange={onChange}\n          readOnly={readOnly}\n          placeholder={placeholder}\n          codeLanguages={codeLanguages}\n          wikiLinkSource={wikiLinkSource}\n          onResolveError={onResolveError}\n          onSave={onSave}\n          onViewChange={handleView}\n        />\n      </div>\n      <div className={styles.splitPane} ref={previewPane}>\n        <Suspense fallback={<div className={styles.preview} aria-busy=\"true\" />}>\n          <LazyPreview\n            value={value}\n            onWikiLinkClick={onWikiLinkClick}\n            embedSource={embedSource}\n            onResolveError={onResolveError}\n            frontmatter={frontmatter}\n          />\n        </Suspense>\n      </div>\n    </div>\n  )\n}\n","import { useEffect, type RefObject } from \"react\"\n\n/**\n * Continuously re-asserts a `transform` on a `position: fixed` element,\n * alternating an imperceptible sub-pixel jitter every animation frame,\n * instead of trusting the browser to keep it correctly composited on its\n * own. Several rounds of on-device testing found iOS Safari losing track of\n * this exact kind of element — across its own address-bar animation, and in\n * at least one report tied to the keyboard opening — in ways a one-time\n * static fix (a plain `translateZ(0)`) did not reliably prevent. A value\n * that never changes gives the browser nothing to recompute; alternating it\n * every frame forces a fresh compositor pass regardless of what triggered\n * the drift, so it can't stay wrong for more than one frame (~16ms).\n *\n * Writes to the DOM directly rather than through React state, so this never\n * causes a re-render — the transform is the only thing touched.\n */\nexport function useFloatingWatchdog(ref: RefObject<HTMLElement | null>, enabled: boolean): void {\n  useEffect(() => {\n    if (!enabled) return\n    let raf = 0\n    let jitter = false\n    const tick = () => {\n      const el = ref.current\n      if (el) {\n        jitter = !jitter\n        el.style.transform = jitter ? \"translate3d(0, 0.01px, 0)\" : \"translate3d(0, 0, 0)\"\n      }\n      raf = requestAnimationFrame(tick)\n    }\n    raf = requestAnimationFrame(tick)\n    return () => cancelAnimationFrame(raf)\n  }, [ref, enabled])\n}\n","import { useEffect, useState } from \"react\"\n\n/**\n * How far the on-screen keyboard eats into the window, tracked through the\n * `visualViewport` API. 0 when `enabled` is false or the browser has no\n * `visualViewport` (older Safari, SSR, most desktop browsers). A mobile\n * keyboard shrinks the *visual* viewport, not the layout viewport a plain\n * `position: fixed` bottom offset is computed against — this is what lets the\n * sticky toolbar ride up above the keyboard instead of hiding behind it.\n */\nexport function useKeyboardInset(enabled: boolean): number {\n  const [inset, setInset] = useState(0)\n\n  useEffect(() => {\n    const vv = typeof window === \"undefined\" ? null : window.visualViewport\n    if (!enabled || !vv) {\n      setInset(0)\n      return\n    }\n    const update = () => setInset(Math.max(0, window.innerHeight - vv.height - vv.offsetTop))\n    update()\n    vv.addEventListener(\"resize\", update)\n    vv.addEventListener(\"scroll\", update)\n    return () => {\n      vv.removeEventListener(\"resize\", update)\n      vv.removeEventListener(\"scroll\", update)\n    }\n  }, [enabled])\n\n  return inset\n}\n","import { useEffect, useReducer, useRef, useState } from \"react\"\nimport type { ReactNode } from \"react\"\nimport type { EditorState } from \"@codemirror/state\"\nimport type { EditorView } from \"@codemirror/view\"\nimport styles from \"../styles/stylo.module.css\"\nimport type { ToolbarCommandId } from \"../types\"\nimport { BUILTIN_BY_ID } from \"./commands\"\nimport type { ToolbarItem } from \"./config\"\nimport { useFloatingWatchdog } from \"./floating-watchdog\"\nimport { DEFAULT_ICONS } from \"./icons\"\nimport { useKeyboardInset } from \"./keyboard-inset\"\n\nexport interface ToolbarProps {\n  /** The surface the commands act on. `null` while a lazy view is mounting. */\n  view: EditorView | null\n  /** Ordered items to render; `\"|\"` is a separator. */\n  items: ToolbarItem[]\n  /** Per-id glyph overrides; any id left out keeps its built-in icon. */\n  icons?: Partial<Record<ToolbarCommandId, ReactNode>>\n  /** Render every button inert (e.g. a read-only surface). */\n  disabled?: boolean\n  /** Fix the bar to a window edge (normalised from `ToolbarConfig.sticky`; the\n   *  caller resolves `true` to `\"bottom\"`). */\n  sticky?: \"top\" | \"bottom\" | false\n  /** Fade the bar out while the editing surface is unfocused (`ToolbarConfig.stickyVisibility`). */\n  stickyVisibility?: \"consistent\" | \"dynamic\"\n}\n\n/** A button to render, normalised from a built-in id or a custom item. */\ninterface Btn {\n  key: string\n  icon: ReactNode\n  title: string\n  run: (view: EditorView) => unknown\n  isActive?: (state: EditorState) => boolean\n  disabled?: (state: EditorState) => boolean\n}\n\n/** Resolve one non-separator item to a renderable button, or `null` to skip it. */\nfunction toButton(item: Exclude<ToolbarItem, \"|\">, icons: ToolbarProps[\"icons\"]): Btn | null {\n  if (typeof item !== \"string\") {\n    const { id, icon, title, run, isActive, disabled } = item\n    return { key: id, icon, title, run, isActive, disabled }\n  }\n  const cmd = BUILTIN_BY_ID[item]\n  if (!cmd) return null\n  return {\n    key: item,\n    icon: icons?.[item] ?? DEFAULT_ICONS[item],\n    title: cmd.title,\n    run: cmd.run,\n    isActive: cmd.isActive,\n    disabled: cmd.disabled,\n  }\n}\n\n/**\n * Formatting bar above the editing surface. It holds no document state — each\n * button runs a command against the live `EditorView`. Pressed states are read\n * back from the view whenever the selection, keys, or pointer move. Built-in\n * ids and consumer-supplied {@link ToolbarCustomItem}s render through the same\n * button path.\n */\nexport function Toolbar({ view, items, icons, disabled, sticky, stickyVisibility }: ToolbarProps) {\n  const [, refresh] = useReducer((n: number) => n + 1, 0)\n  const [focused, setFocused] = useState(false)\n  // Only \"bottom\" needs keyboard tracking — nothing eats into the top of the\n  // screen the way a keyboard eats the bottom.\n  const keyboardInset = useKeyboardInset(sticky === \"bottom\")\n  const barRef = useRef<HTMLDivElement>(null)\n  useFloatingWatchdog(barRef, sticky === \"top\")\n\n  useEffect(() => {\n    if (!view) return\n    const el = view.contentDOM\n    setFocused(view.hasFocus)\n    const onFocus = () => {\n      setFocused(true)\n      refresh()\n    }\n    const onBlur = () => {\n      setFocused(false)\n      refresh()\n    }\n    const events = [\"keyup\", \"mouseup\", \"input\"] as const\n    for (const ev of events) el.addEventListener(ev, refresh)\n    el.addEventListener(\"focus\", onFocus)\n    el.addEventListener(\"blur\", onBlur)\n    return () => {\n      for (const ev of events) el.removeEventListener(ev, refresh)\n      el.removeEventListener(\"focus\", onFocus)\n      el.removeEventListener(\"blur\", onBlur)\n    }\n  }, [view])\n\n  // \"dynamic\" fades the bar out while nothing is focused, so it doesn't sit\n  // over the content while the caret is elsewhere (e.g. scrolling to read).\n  const dynamicHidden = Boolean(sticky) && stickyVisibility === \"dynamic\" && !focused\n\n  const className = [\n    styles.toolbar,\n    sticky && styles.toolbarSticky,\n    sticky === \"top\" && styles.toolbarStickyTop,\n    sticky === \"bottom\" && styles.toolbarStickyBottom,\n    dynamicHidden && styles.toolbarStickyHidden,\n  ]\n    .filter(Boolean)\n    .join(\" \")\n  // `transform`, not `bottom` — a `position: fixed` element repositioned via\n  // `bottom` doesn't reliably repaint in step with the keyboard animation on\n  // iOS Safari; `translateY` forces a compositor update on every\n  // `visualViewport` event instead. The bar's resting position (keyboard\n  // closed) is `bottom: 0` in CSS; this only nudges it up. `\"top\"` needs no\n  // offset at all.\n  const stickyStyle =\n    sticky === \"bottom\" ? { transform: `translateY(-${keyboardInset}px)` } : undefined\n\n  return (\n    <div\n      ref={barRef}\n      className={className}\n      role=\"toolbar\"\n      aria-label=\"Formatting\"\n      aria-hidden={dynamicHidden || undefined}\n      style={stickyStyle}\n    >\n      {items.map((item, i) => {\n        if (item === \"|\") {\n          return <span key={`sep-${i}`} className={styles.toolbarSep} aria-hidden=\"true\" />\n        }\n        const btn = toButton(item, icons)\n        if (!btn) return null\n        const off = disabled || !view || Boolean(btn.disabled?.(view.state))\n        const active = Boolean(!off && view && btn.isActive?.(view.state))\n        return (\n          <button\n            key={btn.key}\n            type=\"button\"\n            className={styles.toolbarButton}\n            data-command={btn.key}\n            title={btn.title}\n            aria-label={btn.title}\n            aria-pressed={btn.isActive ? active : undefined}\n            data-active={active ? \"\" : undefined}\n            disabled={off}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => {\n              if (!view) return\n              btn.run(view)\n              refresh()\n            }}\n          >\n            {btn.icon}\n          </button>\n        )\n      })}\n    </div>\n  )\n}\n","import { forwardRef, Suspense, useEffect, useImperativeHandle, useRef, useState } from \"react\"\nimport { EditorView } from \"@codemirror/view\"\nimport { SourceView } from \"./editor/SourceView\"\nimport { LazyInPlaceView } from \"./inplace/lazyInPlace\"\nimport { LazyPreview } from \"./render/lazyPreview\"\nimport { SplitView } from \"./SplitView\"\nimport styles from \"./styles/stylo.module.css\"\nimport { Toolbar } from \"./toolbar/Toolbar\"\nimport { resolveToolbarItems } from \"./toolbar/config\"\nimport { splitFrontmatter } from \"./frontmatter\"\nimport \"./styles/tokens.css\"\nimport type { ResolveErrorInfo, StyloHandle, StyloProps } from \"./types\"\n\n/**\n * Plain-text-first Markdown editor. `value` is the canonical Markdown string;\n * every view is a pure function of it.\n *\n * The default `mode` is `in-place`, the live decoration canvas (ADR-002 §1,\n * ADR-004). Pass `mode=\"source\"` for the plain surface with no lazy render\n * chunk. `preview` and `split` are also available.\n *\n * A formatting `toolbar` sits above every editing surface (all modes but\n * `preview`); pass `toolbar={false}` to drop it or a `ToolbarConfig` to trim it.\n */\nexport const Stylo = forwardRef<StyloHandle, StyloProps>(function Stylo(\n  {\n    value,\n    onChange,\n    mode = \"in-place\",\n    onSave,\n    onFrontmatter,\n    onWikiLinkClick,\n    onLinkClick,\n    readOnly,\n    placeholder,\n    className,\n    inPlace,\n    codeLanguages,\n    wikiLinkSource,\n    embedSource,\n    onResolveError,\n    toolbar,\n    icons,\n    frontmatter,\n  },\n  ref,\n) {\n  const resolved = mode === \"preview\" || mode === \"split\" || mode === \"in-place\" ? mode : \"source\"\n\n  const [view, setView] = useState<EditorView | null>(null)\n  const toolbarItems = resolved === \"preview\" ? null : resolveToolbarItems(toolbar)\n  const toolbarRender = toolbar && typeof toolbar === \"object\" ? toolbar.render : undefined\n  const stickyConfig = toolbar && typeof toolbar === \"object\" ? toolbar.sticky : undefined\n  const stickyToolbar: \"top\" | \"bottom\" | false =\n    stickyConfig === \"top\" ? \"top\" : stickyConfig ? \"bottom\" : false\n  const stickyVisibility =\n    toolbar && typeof toolbar === \"object\" ? toolbar.stickyVisibility : undefined\n\n  // Report the raw frontmatter block on mount and whenever it changes. Stylo\n  // does not parse it — the host passes `raw` to its own YAML parser.\n  const onFrontmatterRef = useRef(onFrontmatter)\n  onFrontmatterRef.current = onFrontmatter\n\n  // Stable wrapper so a changed `onResolveError` needs no editor rebuild and\n  // does not thrash the embed effect. Passed to every surface.\n  const onResolveErrorRef = useRef(onResolveError)\n  onResolveErrorRef.current = onResolveError\n  const resolveError = useRef((error: unknown, info: ResolveErrorInfo) => {\n    onResolveErrorRef.current?.(error, info)\n  }).current\n  const lastFrontmatter = useRef<string | null | undefined>(undefined)\n  useEffect(() => {\n    const raw = splitFrontmatter(value)?.frontmatter ?? null\n    if (raw === lastFrontmatter.current) return\n    lastFrontmatter.current = raw\n    onFrontmatterRef.current?.(raw)\n  }, [value])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus: () => view?.focus(),\n      getView: () => view,\n      insertAtCursor: (md) => {\n        if (!view) return\n        view.dispatch(view.state.replaceSelection(md))\n        view.focus()\n      },\n      scrollToHeading: (text) => {\n        if (!view) return false\n        const target = text.trim().toLowerCase()\n        const { doc } = view.state\n        for (let n = 1; n <= doc.lines; n++) {\n          const line = doc.line(n)\n          const m = /^ {0,3}#{1,6}[ \\t]+(.*?)(?:[ \\t]+#+)?[ \\t]*$/.exec(line.text)\n          if (!m || m[1] === undefined) continue\n          if (m[1].trim().toLowerCase() !== target) continue\n          view.dispatch({\n            selection: { anchor: line.from },\n            effects: EditorView.scrollIntoView(line.from, { y: \"start\" }),\n          })\n          view.focus()\n          return true\n        }\n        return false\n      },\n    }),\n    [view],\n  )\n\n  const rootClass = [\n    styles.root,\n    stickyToolbar === \"bottom\" && styles.stickyToolbarRootBottom,\n    stickyToolbar === \"top\" && styles.stickyToolbarRootTop,\n    \"stylo\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \")\n\n  return (\n    <div className={rootClass} data-stylo-mode={resolved}>\n      {toolbarItems &&\n        (() => {\n          const bar = (\n            <Toolbar\n              view={view}\n              items={toolbarItems}\n              icons={icons}\n              disabled={readOnly}\n              sticky={stickyToolbar}\n              stickyVisibility={stickyVisibility}\n            />\n          )\n          return toolbarRender ? toolbarRender(bar, { view }) : bar\n        })()}\n\n      {resolved === \"source\" && (\n        <SourceView\n          value={value}\n          onChange={onChange}\n          readOnly={readOnly}\n          placeholder={placeholder}\n          codeLanguages={codeLanguages}\n          wikiLinkSource={wikiLinkSource}\n          onResolveError={resolveError}\n          onSave={onSave}\n          onViewChange={setView}\n        />\n      )}\n\n      {resolved === \"preview\" && (\n        <Suspense fallback={<div className={styles.preview} aria-busy=\"true\" />}>\n          <LazyPreview\n            value={value}\n            onWikiLinkClick={onWikiLinkClick}\n            embedSource={embedSource}\n            onResolveError={resolveError}\n            frontmatter={frontmatter}\n          />\n        </Suspense>\n      )}\n\n      {resolved === \"split\" && (\n        <SplitView\n          value={value}\n          onChange={onChange}\n          onWikiLinkClick={onWikiLinkClick}\n          readOnly={readOnly}\n          placeholder={placeholder}\n          codeLanguages={codeLanguages}\n          wikiLinkSource={wikiLinkSource}\n          embedSource={embedSource}\n          onResolveError={resolveError}\n          frontmatter={frontmatter}\n          onSave={onSave}\n          onViewChange={setView}\n        />\n      )}\n\n      {resolved === \"in-place\" && (\n        <Suspense fallback={<div className={styles.inplace} aria-busy=\"true\" />}>\n          <LazyInPlaceView\n            value={value}\n            onChange={onChange}\n            readOnly={readOnly}\n            placeholder={placeholder}\n            onWikiLinkClick={onWikiLinkClick}\n            onLinkClick={onLinkClick}\n            inPlace={inPlace}\n            codeLanguages={codeLanguages}\n            wikiLinkSource={wikiLinkSource}\n            embedSource={embedSource}\n            onResolveError={resolveError}\n            onSave={onSave}\n            onViewChange={setView}\n          />\n        </Suspense>\n      )}\n    </div>\n  )\n})\n\nStylo.displayName = \"Stylo\"\n"],"mappings":"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"}

package/dist/toolbar/block.d.ts

@@ -2,14 +2,6 @@ import type { EditorState } from "@codemirror/state";
 import type { EditorView } from "@codemirror/view";
 /** The 1-based line numbers the primary selection touches. */
 export declare function selectedLines(state: EditorState): [number, number];
-/**
- * Set, swap, or clear an ATX heading prefix on every line the selection touches.
- * A line already at `level` is cleared; any other level (or none) is set to it.
- */
-export declare function toggleHeading(view: EditorView, level: number): boolean;
-/** Strip any ATX heading prefix from every line the selection touches — the
- *  explicit "back to body text" that toggling a heading level does obliquely. */
-export declare function clearHeading(view: EditorView): boolean;
 export interface LinePrefixSpec {
     /** Detects this exact prefix; `match[0]` (from line start) is what gets stripped. */
     match: RegExp;
@@ -35,22 +27,4 @@ export interface LinePrefixSpec {
 export declare function toggleLinePrefix(view: EditorView, spec: LinePrefixSpec): boolean;
 /** True when the primary caret's line carries the prefix. */
 export declare function linePrefixActive(state: EditorState, match: RegExp): boolean;
-/**
- * Insert a `---` thematic break, or remove the one the caret is on. A blank line
- * is inserted before the rule when the current line has content — otherwise
- * CommonMark reads `text` + `---` as a setext H2, not a divider.
- */
-export declare function toggleHorizontalRule(view: EditorView): boolean;
-/** True when the primary caret's line is a thematic break. */
-export declare function horizontalRuleActive(state: EditorState): boolean;
-/**
- * Toggle the leading `---` YAML block. With none present, the top of the
- * document — line 1 through the last selected line — is wrapped in `---` fences
- * (so the "type it, select it, click" flow works). With one present, only the
- * two fence lines are removed; the YAML text stays in the document. Keeping it
- * out of rendered output is the preview pipeline's job, not this toggle's.
- */
-export declare function toggleFrontmatter(view: EditorView): boolean;
-/** True when the document has a leading `---` YAML block. */
-export declare function frontmatterActive(state: EditorState): boolean;
 //# sourceMappingURL=block.d.ts.map

package/dist/toolbar/block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../src/toolbar/block.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAEpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAGlD,8DAA8D;AAC9D,wBAAgB,aAAa,CAAC,KAAK,EAAE,WAAW,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAGlE;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAmBtE;AAED;iFACiF;AACjF,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAatD;AAED,MAAM,WAAW,cAAc;IAC7B,qFAAqF;IACrF,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,CAAA;IACxC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,cAAc,GAAG,OAAO,CAsChF;AAED,6DAA6D;AAC7D,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAE3E;AAKD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAyB9D;AAED,8DAA8D;AAC9D,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO,CAEhE;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CA2B3D;AAED,6DAA6D;AAC7D,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO,CAE7D"}
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../src/toolbar/block.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAElD,8DAA8D;AAC9D,wBAAgB,aAAa,CAAC,KAAK,EAAE,WAAW,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAGlE;AAED,MAAM,WAAW,cAAc;IAC7B,qFAAqF;IACrF,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,CAAA;IACxC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,cAAc,GAAG,OAAO,CAsChF;AAED,6DAA6D;AAC7D,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAE3E"}