@damiro/stylo 0.15.1 → 0.16.0

package/dist/styles.css

@@ -1,2 +1,2 @@
-._root_mypuk_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_mypuk_1 .cm-scroller{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--stylo-border) 90%, transparent) transparent}._root_mypuk_1 .cm-scroller::-webkit-scrollbar{width:10px;height:10px}._root_mypuk_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_mypuk_1 .cm-scroller::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--stylo-text-muted) 55%, transparent);background-clip:padding-box}._root_mypuk_1 .cm-scroller::-webkit-scrollbar-corner{background:0 0}._source_mypuk_42{flex:auto;min-height:0;overflow:auto}._source_mypuk_42 .cm-editor{height:100%}._source_mypuk_42 .cm-editor.cm-focused{outline:2px solid var(--stylo-ring);outline-offset:-2px}._inplace_mypuk_57{flex:auto;min-height:0;overflow:auto}._toolbar_mypuk_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_mypuk_75{align-items:center;gap:2px;display:flex}._toolbarButton_mypuk_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_mypuk_81:hover:not(:disabled){background:color-mix(in srgb, var(--stylo-border) 45%, transparent);color:var(--stylo-text)}._toolbarButton_mypuk_81[data-active]{background:color-mix(in srgb, var(--stylo-accent) 12%, transparent);color:var(--stylo-text)}._toolbarButton_mypuk_81:disabled{opacity:.4;cursor:default}._toolbarButton_mypuk_81:focus-visible{outline:2px solid var(--stylo-ring);outline-offset:-2px}._toolbarButton_mypuk_81 svg{width:16px;height:16px;display:block}._toolbarButton_mypuk_81 code{font-family:var(--stylo-font-family-mono,ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:.8125rem;font-weight:500}._toolbarSep_mypuk_140{background:var(--stylo-border);align-self:stretch;width:1px;margin:4px 3px}._toolbarSticky_mypuk_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_mypuk_150::-webkit-scrollbar{display:none}._toolbarSticky_mypuk_150 ._toolbarButton_mypuk_81{flex:none;min-width:40px;height:40px}._toolbarStickyBottom_mypuk_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_mypuk_150{box-shadow:0 2px 8px color-mix(in srgb, var(--stylo-text) 10%, transparent);position:fixed;top:0;left:0;right:0}._toolbarStickyHidden_mypuk_219{opacity:0;pointer-events:none}._stickyToolbarRootBottom_mypuk_230 ._source_mypuk_42,._stickyToolbarRootBottom_mypuk_230 ._inplace_mypuk_57{padding-bottom:52px}._stickyToolbarRootTop_mypuk_235 ._source_mypuk_42,._stickyToolbarRootTop_mypuk_235 ._inplace_mypuk_57{padding-top:52px}._inplace_mypuk_57 .cm-editor{height:100%}._inplace_mypuk_57 .cm-editor.cm-focused{outline:2px solid var(--stylo-ring);outline-offset:-2px}._split_mypuk_249{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}._splitPane_mypuk_256{box-sizing:border-box;flex-direction:column;min-height:0;display:flex;overflow:auto}._splitPane_mypuk_256+._splitPane_mypuk_256{border-left:1px solid var(--stylo-border)}._splitPane_mypuk_256>._source_mypuk_42{flex:1;min-height:0}._preview_mypuk_282{min-height:0;font-size:var(--stylo-font-size,.9375rem);overflow-wrap:break-word;flex:auto;padding:.8em 1.06667em;line-height:1.75;overflow:auto}._preview_mypuk_282>:first-child{margin-top:0}._preview_mypuk_282>:last-child{margin-bottom:0}._preview_mypuk_282 :is(h1,h2,h3,h4,h5,h6){font-weight:600}._preview_mypuk_282 h1{font-size:var(--stylo-rhythm-h1-size,2.25em);line-height:var(--stylo-rhythm-h1-line,1.11111);margin:0 0 .888889em}._preview_mypuk_282 h2{font-size:var(--stylo-rhythm-h2-size,1.5em);line-height:var(--stylo-rhythm-h2-line,1.33333);margin:2em 0 1em}._preview_mypuk_282 h3{font-size:var(--stylo-rhythm-h3-size,1.25em);line-height:var(--stylo-rhythm-h3-line,1.6);margin:1.6em 0 .6em}._preview_mypuk_282 :is(h4,h5,h6){line-height:var(--stylo-rhythm-h4-line,1.5);margin:1.5em 0 .5em}._preview_mypuk_282 h4{font-size:var(--stylo-rhythm-h4-size,1em)}._preview_mypuk_282 h5{font-size:var(--stylo-rhythm-h5-size,.9em)}._preview_mypuk_282 h6{font-size:var(--stylo-rhythm-h6-size,.9em)}._preview_mypuk_282 p{margin:1.25em 0}._preview_mypuk_282 :is(ul,ol){margin:1.25em 0;padding-left:1.625em}._preview_mypuk_282 li{margin:var(--stylo-rhythm-list-item-gap,.5em) 0}._preview_mypuk_282 li>:is(ul,ol){margin:var(--stylo-rhythm-list-item-gap-nested,.75em) 0}._preview_mypuk_282 a{color:var(--stylo-link);text-decoration:none}._preview_mypuk_282 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_mypuk_282 pre{border-radius:var(--stylo-radius);background:color-mix(in srgb, var(--stylo-border) 35%, transparent);white-space:var(--stylo-preview-code-white-space,pre-wrap);overflow-wrap:break-word;margin:1.71429em 0;padding:.75rem .9rem;overflow-x:auto}._preview_mypuk_282 pre code{background:0 0;padding:0;font-size:.85em}.stylo-tok-keyword{color:var(--stylo-syntax-keyword)}.stylo-tok-string{color:var(--stylo-syntax-string)}.stylo-tok-escape{color:var(--stylo-syntax-escape)}.stylo-tok-comment{color:var(--stylo-syntax-comment);font-style:italic}.stylo-tok-number{color:var(--stylo-syntax-number)}.stylo-tok-constant{color:var(--stylo-syntax-constant)}.stylo-tok-function{color:var(--stylo-syntax-function)}.stylo-tok-type{color:var(--stylo-syntax-type)}.stylo-tok-property{color:var(--stylo-syntax-property)}.stylo-tok-tag{color:var(--stylo-syntax-tag)}.stylo-tok-meta{color:var(--stylo-syntax-comment)}.stylo-tok-invalid{color:var(--stylo-syntax-invalid)}.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_mypuk_282 blockquote{border-left:.25rem solid var(--stylo-border);color:var(--stylo-text-muted);margin:1.6em 0;padding-left:1em}._preview_mypuk_282 .stylo-callout{padding:var(--stylo-rhythm-callout-padding-y,.7em) var(--stylo-rhythm-callout-padding-x,1rem);border-left:.25rem solid var(--stylo-callout-accent,var(--stylo-border));border-top-right-radius:var(--stylo-radius);border-bottom-right-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}._preview_mypuk_282 .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_mypuk_282 .stylo-callout-note{--stylo-callout-accent:var(--stylo-callout-note,#3b82f6)}._preview_mypuk_282 .stylo-callout-tip{--stylo-callout-accent:var(--stylo-callout-tip,#22c55e)}._preview_mypuk_282 .stylo-callout-warn{--stylo-callout-accent:var(--stylo-callout-warn,#f59e0b)}._preview_mypuk_282 .stylo-callout-danger{--stylo-callout-accent:var(--stylo-callout-danger,#ef4444)}._preview_mypuk_282 .stylo-callout-example{--stylo-callout-accent:var(--stylo-callout-example,#a855f7)}._preview_mypuk_282 .stylo-embed{border-left:.25rem solid var(--stylo-embed-accent,var(--stylo-border));margin:1.6em 0;padding-left:1em}._preview_mypuk_282 .stylo-embed-content>:first-child{margin-top:0}._preview_mypuk_282 .stylo-embed-content>:last-child{margin-bottom:0}._preview_mypuk_282 table{border-collapse:collapse;margin:2em 0;display:block;overflow-x:auto}._preview_mypuk_282 :is(th,td){border:1px solid var(--stylo-table-border);text-align:left;padding:.35em .6em}._preview_mypuk_282 thead th{background:var(--stylo-table-header-bg);font-weight:600}._preview_mypuk_282 tbody tr:nth-child(2n) td{background:var(--stylo-table-stripe-bg)}._preview_mypuk_282 hr{border:none;border-top:1px solid var(--stylo-border);margin:1em 0}._preview_mypuk_282 .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;--stylo-rhythm-h1-size:2.25em;--stylo-rhythm-h1-line:1.11111;--stylo-rhythm-h2-size:1.5em;--stylo-rhythm-h2-line:1.33333;--stylo-rhythm-h3-size:1.25em;--stylo-rhythm-h3-line:1.6;--stylo-rhythm-h4-size:1em;--stylo-rhythm-h4-line:1.5;--stylo-rhythm-h5-size:.9em;--stylo-rhythm-h5-line:1.5;--stylo-rhythm-h6-size:.9em;--stylo-rhythm-h6-line:1.5;--stylo-rhythm-list-item-gap:.5em;--stylo-rhythm-list-item-gap-nested:.75em;--stylo-rhythm-callout-padding-x:1rem;--stylo-rhythm-callout-padding-y:.7em}: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_11vle_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_11vle_1 .cm-scroller{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--stylo-border) 90%, transparent) transparent}._root_11vle_1 .cm-scroller::-webkit-scrollbar{width:10px;height:10px}._root_11vle_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_11vle_1 .cm-scroller::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--stylo-text-muted) 55%, transparent);background-clip:padding-box}._root_11vle_1 .cm-scroller::-webkit-scrollbar-corner{background:0 0}._source_11vle_42{flex:auto;min-height:0;overflow:auto}._source_11vle_42 .cm-editor{height:100%}._source_11vle_42 .cm-editor.cm-focused{outline:2px solid var(--stylo-ring);outline-offset:-2px}._inplace_11vle_57{flex:auto;min-height:0;overflow:auto}._toolbar_11vle_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_11vle_75{align-items:center;gap:2px;display:flex}._toolbarButton_11vle_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_11vle_81:hover:not(:disabled){background:color-mix(in srgb, var(--stylo-border) 45%, transparent);color:var(--stylo-text)}._toolbarButton_11vle_81[data-active]{background:color-mix(in srgb, var(--stylo-accent) 12%, transparent);color:var(--stylo-text)}._toolbarButton_11vle_81:disabled{opacity:.4;cursor:default}._toolbarButton_11vle_81:focus-visible{outline:2px solid var(--stylo-ring);outline-offset:-2px}._toolbarButton_11vle_81 svg{width:16px;height:16px;display:block}._toolbarButton_11vle_81 code{font-family:var(--stylo-font-family-mono,ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:.8125rem;font-weight:500}._toolbarSep_11vle_140{background:var(--stylo-border);align-self:stretch;width:1px;margin:4px 3px}._toolbarSticky_11vle_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_11vle_150::-webkit-scrollbar{display:none}._toolbarSticky_11vle_150 ._toolbarButton_11vle_81{flex:none;min-width:40px;height:40px}._toolbarStickyBottom_11vle_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_11vle_150{box-shadow:0 2px 8px color-mix(in srgb, var(--stylo-text) 10%, transparent);position:fixed;top:0;left:0;right:0}._toolbarStickyHidden_11vle_219{opacity:0;pointer-events:none}._stickyToolbarRootBottom_11vle_230 ._source_11vle_42,._stickyToolbarRootBottom_11vle_230 ._inplace_11vle_57{padding-bottom:52px}._stickyToolbarRootTop_11vle_235 ._source_11vle_42,._stickyToolbarRootTop_11vle_235 ._inplace_11vle_57{padding-top:52px}._inplace_11vle_57 .cm-editor{height:100%}._inplace_11vle_57 .cm-editor.cm-focused{outline:2px solid var(--stylo-ring);outline-offset:-2px}._split_11vle_249{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}._splitPane_11vle_256{box-sizing:border-box;flex-direction:column;min-height:0;display:flex;overflow:auto}._splitPane_11vle_256+._splitPane_11vle_256{border-left:1px solid var(--stylo-border)}._splitPane_11vle_256>._source_11vle_42{flex:1;min-height:0}._preview_11vle_282{min-height:0;font-size:var(--stylo-font-size,.9375rem);overflow-wrap:break-word;flex:auto;padding:.8em 1.06667em;line-height:1.75;overflow:auto}._preview_11vle_282>:first-child{margin-top:0}._preview_11vle_282>:last-child{margin-bottom:0}._preview_11vle_282 :is(h1,h2,h3,h4,h5,h6){font-weight:600}._preview_11vle_282 h1{font-size:var(--stylo-rhythm-h1-size,2.25em);line-height:var(--stylo-rhythm-h1-line,1.11111);margin:0 0 .888889em}._preview_11vle_282 h2{font-size:var(--stylo-rhythm-h2-size,1.5em);line-height:var(--stylo-rhythm-h2-line,1.33333);margin:2em 0 1em}._preview_11vle_282 h3{font-size:var(--stylo-rhythm-h3-size,1.25em);line-height:var(--stylo-rhythm-h3-line,1.6);margin:1.6em 0 .6em}._preview_11vle_282 :is(h4,h5,h6){line-height:var(--stylo-rhythm-h4-line,1.5);margin:1.5em 0 .5em}._preview_11vle_282 h4{font-size:var(--stylo-rhythm-h4-size,1em)}._preview_11vle_282 h5{font-size:var(--stylo-rhythm-h5-size,.9em)}._preview_11vle_282 h6{font-size:var(--stylo-rhythm-h6-size,.9em)}._preview_11vle_282 p{margin:1.25em 0}._preview_11vle_282 :is(ul,ol){margin:1.25em 0;padding-left:1.625em}._preview_11vle_282 li{margin:var(--stylo-rhythm-list-item-gap,.5em) 0}._preview_11vle_282 li>:is(ul,ol){margin:var(--stylo-rhythm-list-item-gap-nested,.75em) 0}._preview_11vle_282 a{color:var(--stylo-link);text-decoration:none}._preview_11vle_282 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_11vle_282 pre{border-radius:var(--stylo-radius);background:color-mix(in srgb, var(--stylo-border) 35%, transparent);white-space:var(--stylo-preview-code-white-space,pre-wrap);overflow-wrap:break-word;margin:1.71429em 0;padding:.75rem .9rem;overflow-x:auto}._preview_11vle_282 pre code{background:0 0;padding:0;font-size:.85em}.stylo-tok-keyword{color:var(--stylo-syntax-keyword)}.stylo-tok-string{color:var(--stylo-syntax-string)}.stylo-tok-escape{color:var(--stylo-syntax-escape)}.stylo-tok-comment{color:var(--stylo-syntax-comment);font-style:italic}.stylo-tok-number{color:var(--stylo-syntax-number)}.stylo-tok-constant{color:var(--stylo-syntax-constant)}.stylo-tok-function{color:var(--stylo-syntax-function)}.stylo-tok-type{color:var(--stylo-syntax-type)}.stylo-tok-property{color:var(--stylo-syntax-property)}.stylo-tok-tag{color:var(--stylo-syntax-tag)}.stylo-tok-meta{color:var(--stylo-syntax-comment)}.stylo-tok-invalid{color:var(--stylo-syntax-invalid)}.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_11vle_282 blockquote{border-left:.25rem solid var(--stylo-border);color:var(--stylo-text-muted);margin:1.6em 0;padding-left:1em}._preview_11vle_282 .stylo-callout{padding:var(--stylo-rhythm-callout-padding-y,.7em) var(--stylo-rhythm-callout-padding-x,1rem);border-left:.25rem solid var(--stylo-callout-accent,var(--stylo-border));border-top-right-radius:var(--stylo-radius);border-bottom-right-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}._preview_11vle_282 .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_11vle_282 .stylo-callout-note{--stylo-callout-accent:var(--stylo-callout-note,#3b82f6)}._preview_11vle_282 .stylo-callout-tip{--stylo-callout-accent:var(--stylo-callout-tip,#22c55e)}._preview_11vle_282 .stylo-callout-warn{--stylo-callout-accent:var(--stylo-callout-warn,#f59e0b)}._preview_11vle_282 .stylo-callout-danger{--stylo-callout-accent:var(--stylo-callout-danger,#ef4444)}._preview_11vle_282 .stylo-callout-example{--stylo-callout-accent:var(--stylo-callout-example,#a855f7)}._preview_11vle_282 .stylo-embed{border-left:.25rem solid var(--stylo-embed-accent,var(--stylo-border));margin:1.6em 0;padding-left:1em}._preview_11vle_282 .stylo-embed-content>:first-child{margin-top:0}._preview_11vle_282 .stylo-embed-content>:last-child{margin-bottom:0}._preview_11vle_282 .stylo-table-wrap{margin:2em 0;display:block;overflow-x:auto}._preview_11vle_282 table{border-collapse:collapse}._preview_11vle_282 :is(th,td){border:1px solid var(--stylo-table-border);text-align:left;padding:.35em .6em}._preview_11vle_282 thead th{background:var(--stylo-table-header-bg);font-weight:600}._preview_11vle_282 tbody tr:nth-child(2n) td{background:var(--stylo-table-stripe-bg)}._preview_11vle_282 hr{border:none;border-top:1px solid var(--stylo-border);margin:1em 0}._preview_11vle_282 .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;--stylo-rhythm-h1-size:2.25em;--stylo-rhythm-h1-line:1.11111;--stylo-rhythm-h2-size:1.5em;--stylo-rhythm-h2-line:1.33333;--stylo-rhythm-h3-size:1.25em;--stylo-rhythm-h3-line:1.6;--stylo-rhythm-h4-size:1em;--stylo-rhythm-h4-line:1.5;--stylo-rhythm-h5-size:.9em;--stylo-rhythm-h5-line:1.5;--stylo-rhythm-h6-size:.9em;--stylo-rhythm-h6-line:1.5;--stylo-rhythm-list-item-gap:.5em;--stylo-rhythm-list-item-gap-nested:.75em;--stylo-rhythm-callout-padding-x:1rem;--stylo-rhythm-callout-padding-y:.7em}: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,94 +1,94 @@
-import { i as e, o as t } from "./highlight-BLVSvron.js";
-import { S as n, n as r, t as i } from "./useCodeMirror-QmbR0rQM.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";
+import { c as e, t, u as n } from "./embed-cache-CcBfVrc9.js";
+import { g as r, k as i, l as a, n as o, t as s } from "./useCodeMirror-TAWSJQiZ.js";
+import { n as c, r as l } from "./config-DTBxVhtH.js";
+import { Suspense as u, forwardRef as d, lazy as f, useEffect as p, useImperativeHandle as m, useReducer as h, useRef as g, useState as _, useSyncExternalStore as v } from "react";
+import { EditorView as y, showPanel as b } from "@codemirror/view";
+import { createPortal as x } from "react-dom";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/editor/SourceView.tsx
-var x = () => () => {}, S = () => null;
-function C({ value: e, 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({
+var w = () => () => {}, T = () => null;
+function E({ value: e, onChange: t, readOnly: r, placeholder: a, codeLanguages: o, wikiLinkSource: c, tagSource: l, onResolveError: u, onSave: d, onViewChange: f, canvasHeader: p }) {
+	let [m, h] = _(null), y = g(f);
+	y.current = f;
+	let C = g((e) => {
+		h(e), y.current?.(e);
+	}).current, E = g(p);
+	E.current = p;
+	let [D] = _(() => p ? new i() : null), O = v(D?.subscribe ?? w, D?.getSnapshot ?? T), [k] = _(() => D ? [b.of(D.panel)] : []), A = s({
 		value: e,
-		onChange: r,
-		readOnly: a,
-		placeholder: o,
-		codeLanguages: s,
+		onChange: t,
+		readOnly: r,
+		placeholder: a,
+		codeLanguages: o,
 		wikiLinkSource: c,
 		tagSource: l,
 		onResolveError: u,
 		onSave: d,
-		onViewChange: T,
+		onViewChange: C,
 		extensions: k
 	});
-	return /* @__PURE__ */ y("div", {
-		className: t.source,
+	return /* @__PURE__ */ S("div", {
+		className: n.source,
 		ref: A,
-		children: O && E.current && v(E.current({ view: b }), O)
+		children: O && E.current && x(E.current({ view: m }), O)
 	});
 }
 //#endregion
 //#region src/inplace/lazyInPlace.ts
-var w = l(async () => ({ default: (await import("./InPlaceView-BLlGJ9mh.js")).InPlaceView })), T = l(async () => ({ default: (await import("./Preview-DKOoZ-vr.js")).Preview }));
+var D = f(async () => ({ default: (await import("./InPlaceView-CC5hZCcI.js")).InPlaceView })), O = f(async () => ({ default: (await import("./Preview-5lm2uUVj.js")).Preview }));
 //#endregion
 //#region src/SplitView.tsx
-function E({ value: e, onChange: n, onWikiLinkClick: r, readOnly: i, placeholder: a, codeLanguages: o, wikiLinkSource: c, tagSource: l, embedSource: d, onResolveError: f, frontmatter: h, softBreaks: g, onTaskToggle: _, onSave: v, onViewChange: x, canvasHeader: S }) {
-	let [w, E] = m(null), D = p(null), O = p(!1);
-	return u(() => {
-		let e = w?.scrollDOM, t = D.current;
+function k({ value: e, onChange: t, onWikiLinkClick: r, readOnly: i, placeholder: a, codeLanguages: o, wikiLinkSource: s, tagSource: c, embedSource: l, onResolveError: d, frontmatter: f, softBreaks: m, onTaskToggle: h, onSave: v, onViewChange: y, canvasHeader: b }) {
+	let [x, w] = _(null), T = g(null), D = g(!1);
+	return p(() => {
+		let e = x?.scrollDOM, t = T.current;
 		if (!e || !t) return;
 		let n = (e, t) => {
-			if (O.current) return;
+			if (D.current) return;
 			let n = e.scrollHeight - e.clientHeight;
-			n <= 0 || (O.current = !0, t.scrollTop = e.scrollTop / n * (t.scrollHeight - t.clientHeight), requestAnimationFrame(() => {
-				O.current = !1;
+			n <= 0 || (D.current = !0, t.scrollTop = e.scrollTop / n * (t.scrollHeight - t.clientHeight), requestAnimationFrame(() => {
+				D.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);
 		};
-	}, [w]), /* @__PURE__ */ b("div", {
-		className: t.split,
-		children: [/* @__PURE__ */ y("div", {
-			className: t.splitPane,
-			children: /* @__PURE__ */ y(C, {
+	}, [x]), /* @__PURE__ */ C("div", {
+		className: n.split,
+		children: [/* @__PURE__ */ S("div", {
+			className: n.splitPane,
+			children: /* @__PURE__ */ S(E, {
 				value: e,
-				onChange: n,
+				onChange: t,
 				readOnly: i,
 				placeholder: a,
 				codeLanguages: o,
-				wikiLinkSource: c,
-				tagSource: l,
-				onResolveError: f,
+				wikiLinkSource: s,
+				tagSource: c,
+				onResolveError: d,
 				onSave: v,
 				onViewChange: (e) => {
-					E(e), x?.(e);
+					w(e), y?.(e);
 				},
-				canvasHeader: S
+				canvasHeader: b
 			})
-		}), /* @__PURE__ */ y("div", {
-			className: t.splitPane,
-			ref: D,
-			children: /* @__PURE__ */ y(s, {
-				fallback: /* @__PURE__ */ y("div", {
-					className: t.preview,
+		}), /* @__PURE__ */ S("div", {
+			className: n.splitPane,
+			ref: T,
+			children: /* @__PURE__ */ S(u, {
+				fallback: /* @__PURE__ */ S("div", {
+					className: n.preview,
 					"aria-busy": "true"
 				}),
-				children: /* @__PURE__ */ y(T, {
+				children: /* @__PURE__ */ S(O, {
 					value: e,
 					onWikiLinkClick: r,
-					embedSource: d,
-					onResolveError: f,
-					frontmatter: h,
+					embedSource: l,
+					onResolveError: d,
+					frontmatter: f,
 					codeLanguages: o,
-					softBreaks: g,
-					onTaskToggle: _
+					softBreaks: m,
+					onTaskToggle: h
 				})
 			})
 		})]
@@ -96,8 +96,8 @@ function E({ value: e, onChange: n, onWikiLinkClick: r, readOnly: i, placeholder
 }
 //#endregion
 //#region src/toolbar/floating-watchdog.ts
-function D(e, t) {
-	u(() => {
+function A(e, t) {
+	p(() => {
 		if (!t) return;
 		let n = 0, r = !1, i = () => {
 			let t = e.current;
@@ -108,9 +108,9 @@ function D(e, t) {
 }
 //#endregion
 //#region src/toolbar/keyboard-inset.ts
-function O(e) {
-	let [t, n] = m(0);
-	return u(() => {
+function j(e) {
+	let [t, n] = _(0);
+	return p(() => {
 		let t = typeof window > "u" ? null : window.visualViewport;
 		if (!e || !t) {
 			n(0);
@@ -124,7 +124,7 @@ function O(e) {
 }
 //#endregion
 //#region src/toolbar/Toolbar.tsx
-function k(e) {
+function M(e) {
 	let t = [], n = [];
 	for (let r of e) {
 		if (r !== "|") {
@@ -135,7 +135,7 @@ function k(e) {
 	}
 	return n.length && t.push(n), t;
 }
-function A(e, t) {
+function N(e, t) {
 	if (typeof e != "string") {
 		let { id: t, icon: n, title: r, run: i, isActive: a, disabled: o } = e;
 		return {
@@ -147,208 +147,220 @@ function A(e, t) {
 			disabled: o
 		};
 	}
-	let n = r[e];
+	let n = o[e];
 	return n ? {
 		key: e,
-		icon: t?.[e] ?? o[e],
+		icon: t?.[e] ?? l[e],
 		title: n.title,
 		run: n.run,
 		isActive: n.isActive,
 		disabled: n.disabled
 	} : null;
 }
-function j({ view: e, 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(() => {
+function P({ view: e, items: t, icons: i, disabled: s, sticky: c, stickyVisibility: l }) {
+	let [, u] = h((e) => e + 1, 0), [d, f] = _(!1), m = j(c === "bottom"), v = g(null);
+	A(v, c === "top"), p(() => {
 		if (!e) return;
 		let t = e.contentDOM;
-		l(e.hasFocus);
+		f(e.hasFocus);
 		let n = () => {
-			l(!0), s();
+			f(!0), u();
 		}, r = () => {
-			l(!1), s();
+			f(!1), u();
 		}, i = [
 			"keyup",
 			"mouseup",
 			"input"
 		];
-		for (let e of i) t.addEventListener(e, s);
+		for (let e of i) t.addEventListener(e, u);
 		return t.addEventListener("focus", n), t.addEventListener("blur", r), () => {
-			for (let e of i) t.removeEventListener(e, s);
+			for (let e of i) t.removeEventListener(e, u);
 			t.removeEventListener("focus", n), t.removeEventListener("blur", r);
 		};
 	}, [e]);
-	let g = !!a && o === "dynamic" && !c, _ = [
-		t.toolbar,
-		a && t.toolbarSticky,
-		a === "top" && t.toolbarStickyTop,
-		a === "bottom" && t.toolbarStickyBottom,
-		g && t.toolbarStickyHidden
-	].filter(Boolean).join(" "), v = a === "bottom" ? { transform: `translateY(-${d}px)` } : void 0;
-	return /* @__PURE__ */ y("div", {
-		ref: h,
-		className: _,
+	let y = !!c && l === "dynamic" && !d, b = e ? !!r(e) : !1, x = [
+		n.toolbar,
+		c && n.toolbarSticky,
+		c === "top" && n.toolbarStickyTop,
+		c === "bottom" && n.toolbarStickyBottom,
+		y && n.toolbarStickyHidden
+	].filter(Boolean).join(" "), C = c === "bottom" ? { transform: `translateY(-${m}px)` } : void 0;
+	return /* @__PURE__ */ S("div", {
+		ref: v,
+		className: x,
 		role: "toolbar",
 		"aria-label": "Formatting",
-		"aria-hidden": g || void 0,
-		style: v,
-		children: k(n).map((n, a) => n === "|" ? /* @__PURE__ */ y("span", {
-			className: t.toolbarSep,
+		"aria-hidden": y || void 0,
+		style: C,
+		children: M(t).map((t, r) => t === "|" ? /* @__PURE__ */ S("span", {
+			className: n.toolbarSep,
 			"aria-hidden": "true"
-		}, `sep-${a}`) : /* @__PURE__ */ y("div", {
-			className: t.toolbarGroup,
-			children: n.map((n) => {
-				let a = A(n, r);
-				if (!a) return null;
-				let o = i || !e || !!a.disabled?.(e.state), c = !!(!o && e && a.isActive?.(e.state));
-				return /* @__PURE__ */ y("button", {
+		}, `sep-${r}`) : /* @__PURE__ */ S("div", {
+			className: n.toolbarGroup,
+			children: t.map((t) => {
+				let r = N(t, i);
+				if (!r) return null;
+				let c = typeof t == "string" ? o[t] : void 0, l = e ? c ? a(e.state, c, b) : {
+					disabled: !!r.disabled?.(e.state),
+					active: !!r.isActive?.(e.state)
+				} : {
+					disabled: !0,
+					active: !1
+				}, d = s || !e || l.disabled, f = !d && l.active;
+				return /* @__PURE__ */ S("button", {
 					type: "button",
-					className: t.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,
+					className: n.toolbarButton,
+					"data-command": r.key,
+					title: r.title,
+					"aria-label": r.title,
+					"aria-pressed": r.isActive ? f : void 0,
+					"data-active": f ? "" : void 0,
+					disabled: d,
 					onMouseDown: (e) => e.preventDefault(),
 					onClick: () => {
-						e && (a.run(e), s());
+						e && (r.run(e), u());
 					},
-					children: a.icon
-				}, a.key);
+					children: r.icon
+				}, r.key);
 			})
-		}, `group-${a}`))
+		}, `group-${r}`))
 	});
 }
 //#endregion
 //#region src/Stylo.tsx
-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, softBreaks: F, onTaskToggle: I, canvasHeader: L }, R) {
-	let z = i === "preview" || i === "split" || i === "in-place" ? i : "source", [B, V] = m(null), H = z === "preview" ? null : a(M), U = M && typeof M == "object" ? M.render : void 0, W = M && typeof M == "object" ? M.sticky : void 0, G = W === "top" ? "top" : W ? "bottom" : !1, K = M && typeof M == "object" ? M.stickyVisibility : void 0, q = p(c);
-	q.current = c;
-	let J = p(A);
-	J.current = A;
-	let Y = p((e, t) => {
-		J.current?.(e, t);
-	}).current, X = p(void 0);
-	u(() => {
-		let t = e(n)?.frontmatter ?? null;
-		t !== X.current && (X.current = t, q.current?.(t));
-	}, [n]), d(R, () => ({
-		focus: () => B?.focus(),
-		getView: () => B,
+var F = d(function({ value: r, onChange: i, mode: a = "in-place", onSave: o, onFrontmatter: s, onWikiLinkClick: l, onLinkClick: d, readOnly: f, placeholder: h, className: v, inPlace: b, codeLanguages: x, wikiLinkSource: w, tagSource: T, embedSource: A, onResolveError: j, toolbar: M, icons: N, frontmatter: F, softBreaks: I, onTaskToggle: L, canvasHeader: R }, z) {
+	let B = a === "preview" || a === "split" || a === "in-place" ? a : "source", [V, H] = _(null), U = B === "preview" ? null : c(M), W = M && typeof M == "object" ? M : void 0, G = W?.render, K = W?.sticky === "top" ? "top" : W?.sticky ? "bottom" : !1, q = W?.stickyVisibility, J = g(s);
+	J.current = s;
+	let Y = g(j);
+	Y.current = j;
+	let X = g((e, t) => {
+		Y.current?.(e, t);
+	}).current, Z = g(A);
+	Z.current = A;
+	let Q = g(void 0);
+	p(() => {
+		let t = e(r)?.frontmatter ?? null;
+		t !== Q.current && (Q.current = t, J.current?.(t));
+	}, [r]), m(z, () => ({
+		focus: () => V?.focus(),
+		getView: () => V,
 		insertAtCursor: (e) => {
-			B && (B.dispatch(B.state.replaceSelection(e)), B.focus());
+			V && (V.dispatch(V.state.replaceSelection(e)), V.focus());
 		},
 		scrollToHeading: (e) => {
-			if (!B) return !1;
-			let t = e.trim().toLowerCase(), { doc: n } = B.state;
+			if (!V) return !1;
+			let t = e.trim().toLowerCase(), { doc: n } = V.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 B.dispatch({
+				if (!(!i || i[1] === void 0) && i[1].trim().toLowerCase() === t) return V.dispatch({
 					selection: { anchor: r.from },
-					effects: g.scrollIntoView(r.from, { y: "start" })
-				}), B.focus(), !0;
+					effects: y.scrollIntoView(r.from, { y: "start" })
+				}), V.focus(), !0;
 			}
 			return !1;
+		},
+		invalidateEmbed: (e) => {
+			let n = Z.current;
+			n && t(n, e);
 		}
-	}), [B]);
-	let Z = [
-		t.root,
-		G === "bottom" && t.stickyToolbarRootBottom,
-		G === "top" && t.stickyToolbarRootTop,
+	}), [V]);
+	let $ = [
+		n.root,
+		K === "bottom" && n.stickyToolbarRootBottom,
+		K === "top" && n.stickyToolbarRootTop,
 		"stylo",
 		v
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ b("div", {
-		className: Z,
-		"data-stylo-mode": z,
+	return /* @__PURE__ */ C("div", {
+		className: $,
+		"data-stylo-mode": B,
 		children: [
-			H && (() => {
-				let e = /* @__PURE__ */ y(j, {
-					view: B,
-					items: H,
+			U && (() => {
+				let e = /* @__PURE__ */ S(P, {
+					view: V,
+					items: U,
 					icons: N,
-					disabled: h,
-					sticky: G,
-					stickyVisibility: K
+					disabled: f,
+					sticky: K,
+					stickyVisibility: q
 				});
-				return U ? U(e, { view: B }) : e;
+				return G ? G(e, { view: V }) : e;
 			})(),
-			z === "source" && /* @__PURE__ */ y(C, {
-				value: n,
-				onChange: r,
-				readOnly: h,
-				placeholder: _,
-				codeLanguages: S,
-				wikiLinkSource: D,
-				tagSource: O,
-				onResolveError: Y,
+			B === "source" && /* @__PURE__ */ S(E, {
+				value: r,
+				onChange: i,
+				readOnly: f,
+				placeholder: h,
+				codeLanguages: x,
+				wikiLinkSource: w,
+				tagSource: T,
+				onResolveError: X,
 				onSave: o,
-				onViewChange: V,
-				canvasHeader: L
+				onViewChange: H,
+				canvasHeader: R
 			}),
-			z === "preview" && /* @__PURE__ */ y(s, {
-				fallback: /* @__PURE__ */ y("div", {
-					className: t.preview,
+			B === "preview" && /* @__PURE__ */ S(u, {
+				fallback: /* @__PURE__ */ S("div", {
+					className: n.preview,
 					"aria-busy": "true"
 				}),
-				children: /* @__PURE__ */ y(T, {
-					value: n,
+				children: /* @__PURE__ */ S(O, {
+					value: r,
 					onWikiLinkClick: l,
-					embedSource: k,
-					onResolveError: Y,
-					frontmatter: P,
-					codeLanguages: S,
-					softBreaks: F,
-					onTaskToggle: I
+					embedSource: A,
+					onResolveError: X,
+					frontmatter: F,
+					codeLanguages: x,
+					softBreaks: I,
+					onTaskToggle: L
 				})
 			}),
-			z === "split" && /* @__PURE__ */ y(E, {
-				value: n,
-				onChange: r,
+			B === "split" && /* @__PURE__ */ S(k, {
+				value: r,
+				onChange: i,
 				onWikiLinkClick: l,
-				readOnly: h,
-				placeholder: _,
-				codeLanguages: S,
-				wikiLinkSource: D,
-				tagSource: O,
-				embedSource: k,
-				onResolveError: Y,
-				frontmatter: P,
-				softBreaks: F,
-				onTaskToggle: I,
+				readOnly: f,
+				placeholder: h,
+				codeLanguages: x,
+				wikiLinkSource: w,
+				tagSource: T,
+				embedSource: A,
+				onResolveError: X,
+				frontmatter: F,
+				softBreaks: I,
+				onTaskToggle: L,
 				onSave: o,
-				onViewChange: V,
-				canvasHeader: L
+				onViewChange: H,
+				canvasHeader: R
 			}),
-			z === "in-place" && /* @__PURE__ */ y(s, {
-				fallback: /* @__PURE__ */ y("div", {
-					className: t.inplace,
+			B === "in-place" && /* @__PURE__ */ S(u, {
+				fallback: /* @__PURE__ */ S("div", {
+					className: n.inplace,
 					"aria-busy": "true"
 				}),
-				children: /* @__PURE__ */ y(w, {
-					value: n,
-					onChange: r,
-					readOnly: h,
-					placeholder: _,
+				children: /* @__PURE__ */ S(D, {
+					value: r,
+					onChange: i,
+					readOnly: f,
+					placeholder: h,
 					onWikiLinkClick: l,
-					onLinkClick: f,
-					inPlace: x,
-					codeLanguages: S,
-					wikiLinkSource: D,
-					tagSource: O,
-					embedSource: k,
-					onResolveError: Y,
+					onLinkClick: d,
+					inPlace: b,
+					codeLanguages: x,
+					wikiLinkSource: w,
+					tagSource: T,
+					embedSource: A,
+					onResolveError: X,
 					onSave: o,
-					onViewChange: V,
-					canvasHeader: L
+					onViewChange: H,
+					canvasHeader: R
 				})
 			})
 		]
 	});
 });
-M.displayName = "Stylo";
+F.displayName = "Stylo";
 //#endregion
-export { M as Stylo, e as splitFrontmatter };
+export { F as Stylo, e as splitFrontmatter };
 
 //# sourceMappingURL=stylo.js.map