@damiro/stylo 0.10.1 → 0.12.0

package/dist/styles.css

@@ -1,2 +1,2 @@
-._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}
+._root_1lohh_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_1lohh_1 .cm-scroller{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--stylo-border) 90%, transparent) transparent}._root_1lohh_1 .cm-scroller::-webkit-scrollbar{width:10px;height:10px}._root_1lohh_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_1lohh_1 .cm-scroller::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--stylo-text-muted) 55%, transparent);background-clip:padding-box}._root_1lohh_1 .cm-scroller::-webkit-scrollbar-corner{background:0 0}._source_1lohh_42{flex:auto;min-height:0;overflow:auto}._source_1lohh_42 .cm-editor{height:100%}._source_1lohh_42 .cm-editor.cm-focused{outline:2px solid var(--stylo-ring);outline-offset:-2px}._inplace_1lohh_57{flex:auto;min-height:0;overflow:auto}._toolbar_1lohh_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}._toolbarGroup_1lohh_75{align-items:center;gap:2px;display:flex}._toolbarButton_1lohh_81{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_1lohh_81:hover:not(:disabled){background:color-mix(in srgb, var(--stylo-border) 45%, transparent);color:var(--stylo-text)}._toolbarButton_1lohh_81[data-active]{background:color-mix(in srgb, var(--stylo-accent) 12%, transparent);color:var(--stylo-text)}._toolbarButton_1lohh_81:disabled{opacity:.4;cursor:default}._toolbarButton_1lohh_81:focus-visible{outline:2px solid var(--stylo-ring);outline-offset:-2px}._toolbarButton_1lohh_81 svg{width:16px;height:16px;display:block}._toolbarButton_1lohh_81 code{font-family:var(--stylo-font-family-mono,ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:.8125rem;font-weight:500}._toolbarSep_1lohh_140{background:var(--stylo-border);align-self:stretch;width:1px;margin:4px 3px}._toolbarSticky_1lohh_150{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_1lohh_150::-webkit-scrollbar{display:none}._toolbarSticky_1lohh_150 ._toolbarButton_1lohh_81{flex:none;min-width:40px;height:40px}._toolbarStickyBottom_1lohh_150{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_1lohh_150{box-shadow:0 2px 8px color-mix(in srgb, var(--stylo-text) 10%, transparent);position:fixed;top:0;left:0;right:0}._toolbarStickyHidden_1lohh_219{opacity:0;pointer-events:none}._stickyToolbarRootBottom_1lohh_230 ._source_1lohh_42,._stickyToolbarRootBottom_1lohh_230 ._inplace_1lohh_57{padding-bottom:52px}._stickyToolbarRootTop_1lohh_235 ._source_1lohh_42,._stickyToolbarRootTop_1lohh_235 ._inplace_1lohh_57{padding-top:52px}._inplace_1lohh_57 .cm-editor{height:100%}._inplace_1lohh_57 .cm-editor.cm-focused{outline:2px solid var(--stylo-ring);outline-offset:-2px}._split_1lohh_249{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}._splitPane_1lohh_256{box-sizing:border-box;flex-direction:column;min-height:0;display:flex;overflow:auto}._splitPane_1lohh_256+._splitPane_1lohh_256{border-left:1px solid var(--stylo-border)}._splitPane_1lohh_256>._source_1lohh_42{flex:1;min-height:0}._preview_1lohh_276{overflow-wrap:break-word;padding:.75rem 1rem;font-size:.9375rem;line-height:1.75}._preview_1lohh_276>:first-child{margin-top:0}._preview_1lohh_276>:last-child{margin-bottom:0}._preview_1lohh_276 :is(h1,h2,h3,h4,h5,h6){font-weight:600}._preview_1lohh_276 h1{margin:0 0 .888889em;font-size:2.25em;line-height:1.11111}._preview_1lohh_276 h2{margin:2em 0 1em;font-size:1.5em;line-height:1.33333}._preview_1lohh_276 h3{margin:1.6em 0 .6em;font-size:1.25em;line-height:1.6}._preview_1lohh_276 :is(h4,h5,h6){margin:1.5em 0 .5em;line-height:1.5}._preview_1lohh_276 p{margin:1.25em 0}._preview_1lohh_276 :is(ul,ol){margin:1.25em 0;padding-left:1.625em}._preview_1lohh_276 li{margin:.5em 0}._preview_1lohh_276 li>:is(ul,ol){margin:.75em 0}._preview_1lohh_276 a{color:var(--stylo-link);text-decoration:none}._preview_1lohh_276 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_1lohh_276 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_1lohh_276 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_1lohh_276 blockquote{border-left:.25rem solid var(--stylo-border);color:var(--stylo-text-muted);margin:1.6em 0;padding-left:1em}._preview_1lohh_276 .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_1lohh_276 .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_1lohh_276 .stylo-callout-note{--stylo-callout-accent:var(--stylo-callout-note,#3b82f6)}._preview_1lohh_276 .stylo-callout-tip{--stylo-callout-accent:var(--stylo-callout-tip,#22c55e)}._preview_1lohh_276 .stylo-callout-warn{--stylo-callout-accent:var(--stylo-callout-warn,#f59e0b)}._preview_1lohh_276 .stylo-callout-danger{--stylo-callout-accent:var(--stylo-callout-danger,#ef4444)}._preview_1lohh_276 .stylo-callout-example{--stylo-callout-accent:var(--stylo-callout-example,#a855f7)}._preview_1lohh_276 .stylo-embed{border-left:.25rem solid var(--stylo-embed-accent,var(--stylo-border));margin:1.6em 0;padding-left:1em}._preview_1lohh_276 .stylo-embed-content>:first-child{margin-top:0}._preview_1lohh_276 .stylo-embed-content>:last-child{margin-bottom:0}._preview_1lohh_276 table{border-collapse:collapse;margin:2em 0;display:block;overflow-x:auto}._preview_1lohh_276 :is(th,td){border:1px solid var(--stylo-table-border);text-align:left;padding:.35em .6em}._preview_1lohh_276 thead th{background:var(--stylo-table-header-bg);font-weight:600}._preview_1lohh_276 tbody tr:nth-child(2n) td{background:var(--stylo-table-stripe-bg)}._preview_1lohh_276 hr{border:none;border-top:1px solid var(--stylo-border);margin:1em 0}._preview_1lohh_276 .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,78 +1,91 @@
-import { i as e, n as t } from "./frontmatter-DGUkb9z-.js";
-import { n, t as r } from "./useCodeMirror-CpE_Ncfn.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";
+import { i as e, n as t } from "./frontmatter-DTCC0gaa.js";
+import { S as n, n as r, t as i } from "./useCodeMirror-BI1kEPRE.js";
+import { n as a, r as o } from "./config-DTBxVhtH.js";
+import { Suspense as s, forwardRef as c, lazy as l, useEffect as u, useImperativeHandle as d, useReducer as f, useRef as p, useState as m, useSyncExternalStore as h } from "react";
+import { EditorView as g, showPanel as _ } from "@codemirror/view";
+import { createPortal as v } from "react-dom";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/editor/SourceView.tsx
-function _({ value: t, onChange: n, readOnly: i, placeholder: a, codeLanguages: o, wikiLinkSource: s, onResolveError: c, onSave: l, onViewChange: u }) {
-	let d = r({
+var x = () => () => {}, S = () => null;
+function C({ value: t, onChange: r, readOnly: a, placeholder: o, codeLanguages: s, wikiLinkSource: c, tagSource: l, onResolveError: u, onSave: d, onViewChange: f, canvasHeader: g }) {
+	let [b, C] = m(null), w = p(f);
+	w.current = f;
+	let T = p((e) => {
+		C(e), w.current?.(e);
+	}).current, E = p(g);
+	E.current = g;
+	let [D] = m(() => g ? new n() : null), O = h(D?.subscribe ?? x, D?.getSnapshot ?? S), [k] = m(() => D ? [_.of(D.panel)] : []), A = i({
 		value: t,
-		onChange: n,
-		readOnly: i,
-		placeholder: a,
-		codeLanguages: o,
-		wikiLinkSource: s,
-		onResolveError: c,
-		onSave: l,
-		onViewChange: u
+		onChange: r,
+		readOnly: a,
+		placeholder: o,
+		codeLanguages: s,
+		wikiLinkSource: c,
+		tagSource: l,
+		onResolveError: u,
+		onSave: d,
+		onViewChange: T,
+		extensions: k
 	});
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ y("div", {
 		className: e.source,
-		ref: d
+		ref: A,
+		children: O && E.current && v(E.current({ view: b }), O)
 	});
 }
 //#endregion
 //#region src/inplace/lazyInPlace.ts
-var v = c(async () => ({ default: (await import("./InPlaceView-CkbMemAa.js")).InPlaceView })), y = c(async () => ({ default: (await import("./Preview-AaGGwLQP.js")).Preview }));
+var w = l(async () => ({ default: (await import("./InPlaceView-BWc06Jso.js")).InPlaceView })), T = l(async () => ({ default: (await import("./Preview-DIsFdBFA.js")).Preview }));
 //#endregion
 //#region src/SplitView.tsx
-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 = x?.scrollDOM, t = C.current;
+function E({ value: t, onChange: n, onWikiLinkClick: r, readOnly: i, placeholder: a, codeLanguages: o, wikiLinkSource: c, tagSource: l, embedSource: d, onResolveError: f, frontmatter: h, onSave: g, onViewChange: _, canvasHeader: v }) {
+	let [x, S] = m(null), w = p(null), E = p(!1);
+	return u(() => {
+		let e = x?.scrollDOM, t = w.current;
 		if (!e || !t) return;
 		let n = (e, t) => {
-			if (w.current) return;
+			if (E.current) return;
 			let n = e.scrollHeight - e.clientHeight;
-			n <= 0 || (w.current = !0, t.scrollTop = e.scrollTop / n * (t.scrollHeight - t.clientHeight), requestAnimationFrame(() => {
-				w.current = !1;
+			n <= 0 || (E.current = !0, t.scrollTop = e.scrollTop / n * (t.scrollHeight - t.clientHeight), requestAnimationFrame(() => {
+				E.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);
 		};
-	}, [x]), /* @__PURE__ */ g("div", {
+	}, [x]), /* @__PURE__ */ b("div", {
 		className: e.split,
-		children: [/* @__PURE__ */ h("div", {
+		children: [/* @__PURE__ */ y("div", {
 			className: e.splitPane,
-			children: /* @__PURE__ */ h(_, {
+			children: /* @__PURE__ */ y(C, {
 				value: t,
 				onChange: n,
 				readOnly: i,
 				placeholder: a,
-				codeLanguages: s,
+				codeLanguages: o,
 				wikiLinkSource: c,
-				onResolveError: d,
-				onSave: v,
+				tagSource: l,
+				onResolveError: f,
+				onSave: g,
 				onViewChange: (e) => {
-					S(e), b?.(e);
-				}
+					S(e), _?.(e);
+				},
+				canvasHeader: v
 			})
-		}), /* @__PURE__ */ h("div", {
+		}), /* @__PURE__ */ y("div", {
 			className: e.splitPane,
-			ref: C,
-			children: /* @__PURE__ */ h(o, {
-				fallback: /* @__PURE__ */ h("div", {
+			ref: w,
+			children: /* @__PURE__ */ y(s, {
+				fallback: /* @__PURE__ */ y("div", {
 					className: e.preview,
 					"aria-busy": "true"
 				}),
-				children: /* @__PURE__ */ h(y, {
+				children: /* @__PURE__ */ y(T, {
 					value: t,
 					onWikiLinkClick: r,
-					embedSource: u,
-					onResolveError: d,
-					frontmatter: m
+					embedSource: d,
+					onResolveError: f,
+					frontmatter: h
 				})
 			})
 		})]
@@ -80,8 +93,8 @@ function b({ value: t, onChange: n, onWikiLinkClick: r, readOnly: i, placeholder
 }
 //#endregion
 //#region src/toolbar/floating-watchdog.ts
-function x(e, t) {
-	l(() => {
+function D(e, t) {
+	u(() => {
 		if (!t) return;
 		let n = 0, r = !1, i = () => {
 			let t = e.current;
@@ -92,9 +105,9 @@ function x(e, t) {
 }
 //#endregion
 //#region src/toolbar/keyboard-inset.ts
-function S(e) {
-	let [t, n] = p(0);
-	return l(() => {
+function O(e) {
+	let [t, n] = m(0);
+	return u(() => {
 		let t = typeof window > "u" ? null : window.visualViewport;
 		if (!e || !t) {
 			n(0);
@@ -108,7 +121,18 @@ function S(e) {
 }
 //#endregion
 //#region src/toolbar/Toolbar.tsx
-function C(e, t) {
+function k(e) {
+	let t = [], n = [];
+	for (let r of e) {
+		if (r !== "|") {
+			n.push(r);
+			continue;
+		}
+		n.length && t.push(n), n = [], t.push("|");
+	}
+	return n.length && t.push(n), t;
+}
+function A(e, t) {
 	if (typeof e != "string") {
 		let { id: t, icon: n, title: r, run: i, isActive: a, disabled: o } = e;
 		return {
@@ -120,26 +144,26 @@ function C(e, t) {
 			disabled: o
 		};
 	}
-	let r = n[e];
-	return r ? {
+	let n = r[e];
+	return n ? {
 		key: e,
-		icon: t?.[e] ?? a[e],
-		title: r.title,
-		run: r.run,
-		isActive: r.isActive,
-		disabled: r.disabled
+		icon: t?.[e] ?? o[e],
+		title: n.title,
+		run: n.run,
+		isActive: n.isActive,
+		disabled: n.disabled
 	} : null;
 }
-function w({ view: t, items: n, icons: r, disabled: i, sticky: a, stickyVisibility: o }) {
-	let [, s] = d((e) => e + 1, 0), [c, u] = p(!1), m = S(a === "bottom"), g = f(null);
-	x(g, a === "top"), l(() => {
+function j({ view: t, items: n, icons: r, disabled: i, sticky: a, stickyVisibility: o }) {
+	let [, s] = f((e) => e + 1, 0), [c, l] = m(!1), d = O(a === "bottom"), h = p(null);
+	D(h, a === "top"), u(() => {
 		if (!t) return;
 		let e = t.contentDOM;
-		u(t.hasFocus);
+		l(t.hasFocus);
 		let n = () => {
-			u(!0), s();
+			l(!0), s();
 		}, r = () => {
-			u(!1), s();
+			l(!1), s();
 		}, i = [
 			"keyup",
 			"mouseup",
@@ -151,164 +175,172 @@ function w({ view: t, items: n, icons: r, disabled: i, sticky: a, stickyVisibili
 			e.removeEventListener("focus", n), e.removeEventListener("blur", r);
 		};
 	}, [t]);
-	let _ = !!a && o === "dynamic" && !c, v = [
+	let g = !!a && o === "dynamic" && !c, _ = [
 		e.toolbar,
 		a && e.toolbarSticky,
 		a === "top" && e.toolbarStickyTop,
 		a === "bottom" && e.toolbarStickyBottom,
-		_ && e.toolbarStickyHidden
-	].filter(Boolean).join(" "), y = a === "bottom" ? { transform: `translateY(-${m}px)` } : void 0;
-	return /* @__PURE__ */ h("div", {
-		ref: g,
-		className: v,
+		g && e.toolbarStickyHidden
+	].filter(Boolean).join(" "), v = a === "bottom" ? { transform: `translateY(-${d}px)` } : void 0;
+	return /* @__PURE__ */ y("div", {
+		ref: h,
+		className: _,
 		role: "toolbar",
 		"aria-label": "Formatting",
-		"aria-hidden": _ || void 0,
-		style: y,
-		children: n.map((n, a) => {
-			if (n === "|") return /* @__PURE__ */ h("span", {
-				className: e.toolbarSep,
-				"aria-hidden": "true"
-			}, `sep-${a}`);
-			let o = C(n, r);
-			if (!o) return null;
-			let c = i || !t || !!o.disabled?.(t.state), l = !!(!c && t && o.isActive?.(t.state));
-			return /* @__PURE__ */ h("button", {
-				type: "button",
-				className: e.toolbarButton,
-				"data-command": o.key,
-				title: o.title,
-				"aria-label": o.title,
-				"aria-pressed": o.isActive ? l : void 0,
-				"data-active": l ? "" : void 0,
-				disabled: c,
-				onMouseDown: (e) => e.preventDefault(),
-				onClick: () => {
-					t && (o.run(t), s());
-				},
-				children: o.icon
-			}, o.key);
-		})
+		"aria-hidden": g || void 0,
+		style: v,
+		children: k(n).map((n, a) => n === "|" ? /* @__PURE__ */ y("span", {
+			className: e.toolbarSep,
+			"aria-hidden": "true"
+		}, `sep-${a}`) : /* @__PURE__ */ y("div", {
+			className: e.toolbarGroup,
+			children: n.map((n) => {
+				let a = A(n, r);
+				if (!a) return null;
+				let o = i || !t || !!a.disabled?.(t.state), c = !!(!o && t && a.isActive?.(t.state));
+				return /* @__PURE__ */ y("button", {
+					type: "button",
+					className: e.toolbarButton,
+					"data-command": a.key,
+					title: a.title,
+					"aria-label": a.title,
+					"aria-pressed": a.isActive ? c : void 0,
+					"data-active": c ? "" : void 0,
+					disabled: o,
+					onMouseDown: (e) => e.preventDefault(),
+					onClick: () => {
+						t && (a.run(t), s());
+					},
+					children: a.icon
+				}, a.key);
+			})
+		}, `group-${a}`))
 	});
 }
 //#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, 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(() => {
+var M = c(function({ value: n, onChange: r, mode: i = "in-place", onSave: o, onFrontmatter: c, onWikiLinkClick: l, onLinkClick: f, readOnly: h, placeholder: _, className: v, inPlace: x, codeLanguages: S, wikiLinkSource: D, tagSource: O, embedSource: k, onResolveError: A, toolbar: M, icons: N, frontmatter: P, canvasHeader: F }, I) {
+	let L = i === "preview" || i === "split" || i === "in-place" ? i : "source", [R, z] = m(null), B = L === "preview" ? null : a(M), V = M && typeof M == "object" ? M.render : void 0, H = M && typeof M == "object" ? M.sticky : void 0, U = H === "top" ? "top" : H ? "bottom" : !1, W = M && typeof M == "object" ? M.stickyVisibility : void 0, G = p(c);
+	G.current = c;
+	let K = p(A);
+	K.current = A;
+	let q = p((e, t) => {
+		K.current?.(e, t);
+	}).current, J = p(void 0);
+	u(() => {
 		let e = t(n)?.frontmatter ?? null;
-		e !== K.current && (K.current = e, U.current?.(e));
-	}, [n]), u(P, () => ({
-		focus: () => I?.focus(),
-		getView: () => I,
+		e !== J.current && (J.current = e, G.current?.(e));
+	}, [n]), d(I, () => ({
+		focus: () => R?.focus(),
+		getView: () => R,
 		insertAtCursor: (e) => {
-			I && (I.dispatch(I.state.replaceSelection(e)), I.focus());
+			R && (R.dispatch(R.state.replaceSelection(e)), R.focus());
 		},
 		scrollToHeading: (e) => {
-			if (!I) return !1;
-			let t = e.trim().toLowerCase(), { doc: n } = I.state;
+			if (!R) return !1;
+			let t = e.trim().toLowerCase(), { doc: n } = R.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 I.dispatch({
+				if (!(!i || i[1] === void 0) && i[1].trim().toLowerCase() === t) return R.dispatch({
 					selection: { anchor: r.from },
-					effects: m.scrollIntoView(r.from, { y: "start" })
-				}), I.focus(), !0;
+					effects: g.scrollIntoView(r.from, { y: "start" })
+				}), R.focus(), !0;
 			}
 			return !1;
 		}
-	}), [I]);
-	let q = [
+	}), [R]);
+	let Y = [
 		e.root,
-		V === "bottom" && e.stickyToolbarRootBottom,
-		V === "top" && e.stickyToolbarRootTop,
+		U === "bottom" && e.stickyToolbarRootBottom,
+		U === "top" && e.stickyToolbarRootTop,
 		"stylo",
-		T
+		v
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ g("div", {
-		className: q,
-		"data-stylo-mode": F,
+	return /* @__PURE__ */ b("div", {
+		className: Y,
+		"data-stylo-mode": L,
 		children: [
-			R && (() => {
-				let e = /* @__PURE__ */ h(w, {
-					view: I,
-					items: R,
-					icons: M,
-					disabled: S,
-					sticky: V,
-					stickyVisibility: H
+			B && (() => {
+				let e = /* @__PURE__ */ y(j, {
+					view: R,
+					items: B,
+					icons: N,
+					disabled: h,
+					sticky: U,
+					stickyVisibility: W
 				});
-				return z ? z(e, { view: I }) : e;
+				return V ? V(e, { view: R }) : e;
 			})(),
-			F === "source" && /* @__PURE__ */ h(_, {
+			L === "source" && /* @__PURE__ */ y(C, {
 				value: n,
 				onChange: r,
-				readOnly: S,
-				placeholder: C,
-				codeLanguages: D,
-				wikiLinkSource: O,
-				onResolveError: G,
-				onSave: s,
-				onViewChange: L
+				readOnly: h,
+				placeholder: _,
+				codeLanguages: S,
+				wikiLinkSource: D,
+				tagSource: O,
+				onResolveError: q,
+				onSave: o,
+				onViewChange: z,
+				canvasHeader: F
 			}),
-			F === "preview" && /* @__PURE__ */ h(o, {
-				fallback: /* @__PURE__ */ h("div", {
+			L === "preview" && /* @__PURE__ */ y(s, {
+				fallback: /* @__PURE__ */ y("div", {
 					className: e.preview,
 					"aria-busy": "true"
 				}),
-				children: /* @__PURE__ */ h(y, {
+				children: /* @__PURE__ */ y(T, {
 					value: n,
-					onWikiLinkClick: d,
+					onWikiLinkClick: l,
 					embedSource: k,
-					onResolveError: G,
-					frontmatter: N
+					onResolveError: q,
+					frontmatter: P
 				})
 			}),
-			F === "split" && /* @__PURE__ */ h(b, {
+			L === "split" && /* @__PURE__ */ y(E, {
 				value: n,
 				onChange: r,
-				onWikiLinkClick: d,
-				readOnly: S,
-				placeholder: C,
-				codeLanguages: D,
-				wikiLinkSource: O,
+				onWikiLinkClick: l,
+				readOnly: h,
+				placeholder: _,
+				codeLanguages: S,
+				wikiLinkSource: D,
+				tagSource: O,
 				embedSource: k,
-				onResolveError: G,
-				frontmatter: N,
-				onSave: s,
-				onViewChange: L
+				onResolveError: q,
+				frontmatter: P,
+				onSave: o,
+				onViewChange: z,
+				canvasHeader: F
 			}),
-			F === "in-place" && /* @__PURE__ */ h(o, {
-				fallback: /* @__PURE__ */ h("div", {
+			L === "in-place" && /* @__PURE__ */ y(s, {
+				fallback: /* @__PURE__ */ y("div", {
 					className: e.inplace,
 					"aria-busy": "true"
 				}),
-				children: /* @__PURE__ */ h(v, {
+				children: /* @__PURE__ */ y(w, {
 					value: n,
 					onChange: r,
-					readOnly: S,
-					placeholder: C,
-					onWikiLinkClick: d,
-					onLinkClick: x,
-					inPlace: E,
-					codeLanguages: D,
-					wikiLinkSource: O,
+					readOnly: h,
+					placeholder: _,
+					onWikiLinkClick: l,
+					onLinkClick: f,
+					inPlace: x,
+					codeLanguages: S,
+					wikiLinkSource: D,
+					tagSource: O,
 					embedSource: k,
-					onResolveError: G,
-					onSave: s,
-					onViewChange: L
+					onResolveError: q,
+					onSave: o,
+					onViewChange: z,
+					canvasHeader: F
 				})
 			})
 		]
 	});
 });
-T.displayName = "Stylo";
+M.displayName = "Stylo";
 //#endregion
-export { T as Stylo, t as splitFrontmatter };
+export { M as Stylo, t as splitFrontmatter };
 
 //# sourceMappingURL=stylo.js.map