@wrdagency/blockout 1.0.10 → 1.0.12

package/dist/assets/index11.css

@@ -1 +1 @@
-.component-toolbar{display:flex;align-items:center;gap:.25rem;padding:.25rem}.component-toolbar__divider{min-height:1.5rem;margin:0 .25rem;width:0px;border-bottom:none;border-right:1px solid var(--blockout__colours__primary--300)}
+.component-toolbar{display:flex;align-items:center;gap:.25rem;padding:.25rem}.component-toolbar__divider{min-height:1.5rem;margin:0 .25rem;width:0px;border-bottom:none;border-right:1px solid var(--blockout__colours__surface--300)}

package/dist/assets/style13.css

@@ -1 +1 @@
-.component-markdown-control__input{padding:calc(var(--base-control__padding) * 2);border-radius:var(--blockout__radius--md)}.component-markdown-control__input .editor:focus{outline:none}.component-markdown-editor .component-markdown-editor__toolbar{border-bottom:1px solid var(--blockout__colours__surface--300)}.component-markdown-editor .component-markdown-editor__toolbar .component-button{-webkit-user-select:none;user-select:none}.component-markdown-editor:has(.component-markdown-editor__toolbar){padding-top:0}.component-markdown-editor:has(.component-markdown-editor__toolbar) .component-markdown-editor__content{padding-top:1rem}.component-markdown-editor .component-markdown-editor__content{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;color:var(--blockout__colours__surface--700);background-color:transparent;line-height:1.5;word-wrap:break-word}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit{--blockout__colours__surface--950: #fafaf9;--blockout__colours__surface--900: #f5f5f4;--blockout__colours__surface--800: #e7e5e4;--blockout__colours__surface--700: #d6d3d1;--blockout__colours__surface--600: #a8a29e;--blockout__colours__surface--500: #78716c;--blockout__colours__surface--400: #57534e;--blockout__colours__surface--300: #44403c;--blockout__colours__surface--200: #292524;--blockout__colours__surface--100: #1c1917;--blockout__colours__surface--50: #0c0a09;--blockout__colours__surface--0: #000000;--blockout__colours__primary--950: #fffbeb;--blockout__colours__primary--900: #fef3c6;--blockout__colours__primary--800: #fee685;--blockout__colours__primary--700: #ffd230;--blockout__colours__primary--600: #ffb900;--blockout__colours__primary--500: #fe9a00;--blockout__colours__primary--400: #e17100;--blockout__colours__primary--300: #bb4d00;--blockout__colours__primary--200: #973c00;--blockout__colours__primary--100: #7a3306;--blockout__colours__primary--50: #461901;color-scheme:dark;color:var(--blockout__colours__surface--950);background-color:var(--blockout__colours__surface--200);position:absolute;z-index:90;padding:.25rem;border-radius:var(--blockout__radius--sm);border:1px solid var(--blockout__colours__surface--300);box-shadow:0 .175rem .375rem #0000001a;transition:opacity .25s ease,transform .25s ease}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview[data-show=false],.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit[data-show=false]{opacity:0;transform:translateY(-.25rem);pointer-events:none}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit{display:flex;align-items:center;gap:.25rem;width:fit-content;max-width:25rem}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .button,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .button,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .button,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--blockout__radius--xs);flex-shrink:0;cursor:pointer;transform:background-color .15s ease;color:transparent}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .button:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .button:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .button:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .button:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .button:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .button:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .button:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .button:focus{background-color:var(--blockout__colours__surface--0)}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .milkdown-icon,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .milkdown-icon,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .milkdown-icon,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .milkdown-icon{background-size:66%;background-repeat:no-repeat;background-position:center}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .link-icon,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .link-icon,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .link-icon,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .link-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2378716c' viewBox='0 0 256 256'%3E%3Cpath d='M117.18,188.74a12,12,0,0,1,0,17l-5.12,5.12A58.26,58.26,0,0,1,70.6,228h0A58.62,58.62,0,0,1,29.14,127.92L63.89,93.17a58.64,58.64,0,0,1,98.56,28.11,12,12,0,1,1-23.37,5.44,34.65,34.65,0,0,0-58.22-16.58L46.11,144.89A34.62,34.62,0,0,0,70.57,204h0a34.41,34.41,0,0,0,24.49-10.14l5.11-5.12A12,12,0,0,1,117.18,188.74ZM226.83,45.17a58.65,58.65,0,0,0-82.93,0l-5.11,5.11a12,12,0,0,0,17,17l5.12-5.12a34.63,34.63,0,1,1,49,49L175.1,145.86A34.39,34.39,0,0,1,150.61,156h0a34.63,34.63,0,0,1-33.69-26.72,12,12,0,0,0-23.38,5.44A58.64,58.64,0,0,0,150.56,180h.05a58.28,58.28,0,0,0,41.47-17.17l34.75-34.75a58.62,58.62,0,0,0,0-82.91Z'%3E%3C/path%3E%3C/svg%3E");cursor:default}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .link-icon:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .link-icon:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .link-icon:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .link-icon:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .link-icon:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .link-icon:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .link-icon:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .link-icon:focus{background-color:transparent}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .link-edit-button,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .link-edit-button,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .link-edit-button,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .link-edit-button{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23fff' viewBox='0 0 256 256'%3E%3Cpath d='M230.14,70.54,185.46,25.85a20,20,0,0,0-28.29,0L33.86,149.17A19.85,19.85,0,0,0,28,163.31V208a20,20,0,0,0,20,20H92.69a19.86,19.86,0,0,0,14.14-5.86L230.14,98.82a20,20,0,0,0,0-28.28ZM91,204H52V165l84-84,39,39ZM192,103,153,64l18.34-18.34,39,39Z'%3E%3C/path%3E%3C/svg%3E")}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .link-remove-button,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .link-remove-button,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .link-remove-button,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .link-remove-button{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23fff' viewBox='0 0 256 256'%3E%3Cpath d='M195.8,60.2a28,28,0,0,0-39.51-.09L144.68,72.28a12,12,0,1,1-17.36-16.56L139,43.43l.2-.2a52,52,0,0,1,73.54,73.54l-.2.2-12.29,11.71a12,12,0,0,1-16.56-17.36l12.17-11.61A28,28,0,0,0,195.8,60.2ZM111.32,183.72,99.71,195.89a28,28,0,0,1-39.6-39.6l12.17-11.61a12,12,0,0,0-16.56-17.36L43.43,139l-.2.2a52,52,0,0,0,73.54,73.54l.2-.2,11.71-12.29a12,12,0,1,0-17.36-16.56ZM216,148H192a12,12,0,0,0,0,24h24a12,12,0,0,0,0-24ZM40,108H64a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24Zm120,72a12,12,0,0,0-12,12v24a12,12,0,0,0,24,0V192A12,12,0,0,0,160,180ZM96,76a12,12,0,0,0,12-12V40a12,12,0,0,0-24,0V64A12,12,0,0,0,96,76Z'%3E%3C/path%3E%3C/svg%3E")}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .confirm,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .confirm,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .confirm,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .confirm{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23fff' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'%3E%3C/path%3E%3C/svg%3E")}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .link-display,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .link-display,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .link-display,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .link-display{flex-grow:1;color:var(--blockout__colours__primary--500);text-decoration:underline;display:block;min-width:0px;max-width:60vw;width:35ch;white-space:nowrap;text-overflow:ellipsis;overflow:clip;transition:color .15s ease}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .link-display:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .link-display:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .link-display:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .link-display:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .link-display:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .link-display:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .link-display:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .link-display:focus{color:var(--blockout__colours__primary--600);text-decoration:none}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .input-area,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .input-area,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .input-area,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .input-area{flex-grow:1;display:block;min-width:0px;max-width:60vw;width:35ch;height:2rem;transition:background-color .15s ease;border-radius:var(--blockout__radius--xs)}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .input-area:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .input-area:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .input-area:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .input-area:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .input-area:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .input-area:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .input-area:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .input-area:focus{background-color:var(--blockout__colours__surface--0);outline:none}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash{--blockout__colours__surface--950: #fafaf9;--blockout__colours__surface--900: #f5f5f4;--blockout__colours__surface--800: #e7e5e4;--blockout__colours__surface--700: #d6d3d1;--blockout__colours__surface--600: #a8a29e;--blockout__colours__surface--500: #78716c;--blockout__colours__surface--400: #57534e;--blockout__colours__surface--300: #44403c;--blockout__colours__surface--200: #292524;--blockout__colours__surface--100: #1c1917;--blockout__colours__surface--50: #0c0a09;--blockout__colours__surface--0: #000000;--blockout__colours__primary--950: #fffbeb;--blockout__colours__primary--900: #fef3c6;--blockout__colours__primary--800: #fee685;--blockout__colours__primary--700: #ffd230;--blockout__colours__primary--600: #ffb900;--blockout__colours__primary--500: #fe9a00;--blockout__colours__primary--400: #e17100;--blockout__colours__primary--300: #bb4d00;--blockout__colours__primary--200: #973c00;--blockout__colours__primary--100: #7a3306;--blockout__colours__primary--50: #461901;color-scheme:dark;color:var(--blockout__colours__surface--950);background-color:var(--blockout__colours__surface--200);position:absolute;z-index:900;border-radius:var(--blockout__radius--sm);border:1px solid var(--blockout__colours__surface--300);box-shadow:0 .175rem .375rem #0000001a;display:flex;flex-direction:column;gap:.25rem;padding:.25rem}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash[data-show=false]{opacity:0;pointer-events:none}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option{display:flex;justify-content:center;align-items:start;flex-direction:column;gap:.25rem;padding:.375rem .5rem .375rem .675rem;min-height:2.25rem;border-radius:var(--blockout__radius--sm);cursor:pointer;transition:background-color .25s ease}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option:focus{outline:none}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option:first-child{border-top:none}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option[aria-disabled=true] .component-markdown-editor__slash__option__label{color:var(--blockout__colours__surface--400)}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option[aria-disabled=true] .component-markdown-editor__slash__option__description{color:var(--blockout__colours__surface--300)}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option__label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--blockout__colours__surface--900);transition:color .25s ease;white-space:nowrap}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option__label>svg{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--blockout__colours__surface--500);fill:var(--blockout__colours__surface--500)}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option__description{font-weight:400;color:var(--blockout__colours__surface--600);font-size:.875rem;transition:color .25s ease,opacity .25s ease}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option:is([data-active-item=true],:hover,:focus){background-color:var(--blockout__colours__surface--50)}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option:is([data-active-item=true],:hover,:focus) .component-markdown-editor__slash__option__label{color:var(--blockout__colours__surface--900)}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option:is([data-active-item=true],:hover,:focus) .component-markdown-editor__slash__option__description{color:var(--blockout__colours__surface--700)}.component-markdown-editor .component-markdown-editor__content details,.component-markdown-editor .component-markdown-editor__content figcaption,.component-markdown-editor .component-markdown-editor__content figure{display:block}.component-markdown-editor .component-markdown-editor__content a{background-color:transparent;color:var(--blockout__colours__primary--500);text-decoration:underline;transition:color .15s ease}.component-markdown-editor .component-markdown-editor__content a:hover{color:var(--blockout__colours__primary--600);text-decoration:none}.component-markdown-editor .component-markdown-editor__content b,.component-markdown-editor .component-markdown-editor__content strong{font-weight:500;color:var(--blockout__colours__surface--950)}.component-markdown-editor .component-markdown-editor__content mark{background-color:var(--blockout__colours__primary--100);color:var(--blockout__colours__surface--800)}.component-markdown-editor .component-markdown-editor__content small{font-size:90%}.component-markdown-editor .component-markdown-editor__content sub,.component-markdown-editor .component-markdown-editor__content sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.component-markdown-editor .component-markdown-editor__content sub{bottom:-.25em}.component-markdown-editor .component-markdown-editor__content sup{top:-.5em}.component-markdown-editor .component-markdown-editor__content img{border-style:none;max-width:100%;box-sizing:content-box}.component-markdown-editor .component-markdown-editor__content figure{margin:1em 2.5rem}.component-markdown-editor .component-markdown-editor__content hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid var(--blockout__colours__surface--300);height:.25em;padding:0;margin:1.5rem 0;background-color:var(--blockout__colours__surface--300);border:0}.component-markdown-editor .component-markdown-editor__content hr:before{display:table;content:""}.component-markdown-editor .component-markdown-editor__content hr:after{display:table;clear:both;content:""}.component-markdown-editor .component-markdown-editor__content h1,.component-markdown-editor .component-markdown-editor__content h2,.component-markdown-editor .component-markdown-editor__content h3,.component-markdown-editor .component-markdown-editor__content h4,.component-markdown-editor .component-markdown-editor__content h5,.component-markdown-editor .component-markdown-editor__content h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:600;line-height:1.25;color:var(--blockout__colours__surface--950)}.component-markdown-editor .component-markdown-editor__content h1:before,.component-markdown-editor .component-markdown-editor__content h2:before,.component-markdown-editor .component-markdown-editor__content h3:before,.component-markdown-editor .component-markdown-editor__content h4:before,.component-markdown-editor .component-markdown-editor__content h5:before,.component-markdown-editor .component-markdown-editor__content h6:before{content:"#";font-weight:400;font-size:.75em;color:var(--blockout__colours__surface--400);margin-right:1ch}.component-markdown-editor .component-markdown-editor__content h1{margin:.67em 0;font-weight:600;padding-bottom:.3em;font-size:2em;border-bottom:1px solid var(--blockout__colours__surface--300)}.component-markdown-editor .component-markdown-editor__content h1:before{content:"#"}.component-markdown-editor .component-markdown-editor__content h2{font-weight:600;padding-bottom:.3em;font-size:1.5em;border-bottom:1px solid var(--blockout__colours__surface--300)}.component-markdown-editor .component-markdown-editor__content h2:before{content:"##"}.component-markdown-editor .component-markdown-editor__content h3{font-weight:600;font-size:1.25em}.component-markdown-editor .component-markdown-editor__content h3:before{content:"###"}.component-markdown-editor .component-markdown-editor__content h4{font-weight:600;font-size:1em}.component-markdown-editor .component-markdown-editor__content h4:before{content:"####"}.component-markdown-editor .component-markdown-editor__content h5{font-weight:600;font-size:.875em}.component-markdown-editor .component-markdown-editor__content h6{font-weight:600;font-size:.85em;color:#59636e}.component-markdown-editor .component-markdown-editor__content p{margin-top:0;margin-bottom:10px}.component-markdown-editor .component-markdown-editor__content blockquote{margin:0;padding:0 1em;color:#59636e;border-left:.25em solid var(--blockout__colours__surface--300)}.component-markdown-editor .component-markdown-editor__content ul,.component-markdown-editor .component-markdown-editor__content ol{margin-top:0;margin-bottom:0;padding-left:2em;list-style:disc}.component-markdown-editor .component-markdown-editor__content ol{list-style:decimal}.component-markdown-editor .component-markdown-editor__content ol ol,.component-markdown-editor .component-markdown-editor__content ul ol{list-style-type:lower-roman}.component-markdown-editor .component-markdown-editor__content ul ul ol,.component-markdown-editor .component-markdown-editor__content ul ol ol,.component-markdown-editor .component-markdown-editor__content ol ul ol,.component-markdown-editor .component-markdown-editor__content ol ol ol{list-style-type:lower-alpha}.component-markdown-editor .component-markdown-editor__content .milkdown-list-item-block,.component-markdown-editor .component-markdown-editor__content .milkdown-list-item-block .list-item{list-style:inherit}.component-markdown-editor .component-markdown-editor__content :is(ul,ol):has(.milkdown-icon.unchecked,.milkdown-icon.checked){padding-left:1em}.component-markdown-editor .component-markdown-editor__content :is(ul,ol):has(.milkdown-icon.unchecked,.milkdown-icon.checked) .list-item{display:flex;align-items:start;gap:.5em;margin-bottom:1rem}.component-markdown-editor .component-markdown-editor__content :is(ul,ol):has(.milkdown-icon.unchecked,.milkdown-icon.checked) .list-item p{flex-grow:1;margin-bottom:0}.component-markdown-editor .component-markdown-editor__content :is(ul,ol):has(.milkdown-icon.unchecked,.milkdown-icon.checked) .list-item .milkdown-icon{display:block;width:1.25rem;height:1.25rem;border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--xs);cursor:pointer;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23fff" viewBox="0 0 256 256"><path d="M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z"></path></svg>');background-size:80%;background-repeat:no-repeat;background-position:center;transition:background-color .15s ease,border-color .15s ease;position:relative;top:.125rem}.component-markdown-editor .component-markdown-editor__content :is(ul,ol):has(.milkdown-icon.unchecked,.milkdown-icon.checked) .list-item .milkdown-icon:hover{border-color:var(--blockout__colours__primary--500)}.component-markdown-editor .component-markdown-editor__content :is(ul,ol):has(.milkdown-icon.unchecked,.milkdown-icon.checked) .list-item .milkdown-icon.checked{background-color:var(--blockout__colours__primary--500);border-color:var(--blockout__colours__primary--500)}.component-markdown-editor .component-markdown-editor__content .editor>*:first-child{margin-top:0!important}.component-markdown-editor .component-markdown-editor__content .editor>*:last-child{margin-bottom:0!important}.component-markdown-editor .component-markdown-editor__content a:not([href]){color:inherit;text-decoration:none}.component-markdown-editor .component-markdown-editor__content p,.component-markdown-editor .component-markdown-editor__content blockquote,.component-markdown-editor .component-markdown-editor__content ul,.component-markdown-editor .component-markdown-editor__content ol,.component-markdown-editor .component-markdown-editor__content table{margin-top:0;margin-bottom:1rem}.component-markdown-editor .component-markdown-editor__content blockquote>:first-child{margin-top:0}.component-markdown-editor .component-markdown-editor__content blockquote>:last-child{margin-bottom:0}.component-markdown-editor .component-markdown-editor__content ul ul,.component-markdown-editor .component-markdown-editor__content ul ol,.component-markdown-editor .component-markdown-editor__content ol ol,.component-markdown-editor .component-markdown-editor__content ol ul{margin-top:0;margin-bottom:0}.component-markdown-editor .component-markdown-editor__content li>p{margin:0}.component-markdown-editor .component-markdown-editor__content li+li{margin-top:.25em}.component-markdown-editor .component-markdown-editor__content table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;font-variant:tabular-nums}.component-markdown-editor .component-markdown-editor__content td,.component-markdown-editor .component-markdown-editor__content th{padding:0}.component-markdown-editor .component-markdown-editor__content table th{font-weight:600}.component-markdown-editor .component-markdown-editor__content table th,.component-markdown-editor .component-markdown-editor__content table td{padding:6px 13px;border:1px solid var(--blockout__colours__surface--300)}.component-markdown-editor .component-markdown-editor__content table th>:last-child,.component-markdown-editor .component-markdown-editor__content table td>:last-child{margin-bottom:0}.component-markdown-editor .component-markdown-editor__content table tr{background-color:var(--blockout__colours__surface--0);border-top:1px solid var(--blockout__colours__surface--300)}.component-markdown-editor .component-markdown-editor__content table tr:nth-child(2n){background-color:var(--blockout__colours__surface--50)}.component-markdown-editor .component-markdown-editor__content table img{background-color:transparent}.component-markdown-editor .component-markdown-editor__content img.emoji{display:inline;height:1rem;width:1rem}
+.component-markdown-control__input{padding:calc(var(--base-control__padding) * 2);border-radius:var(--blockout__radius--md)}.component-markdown-control__input .editor:focus{outline:none}.component-markdown-editor{display:flex!important;flex-direction:column;padding:0!important}.component-markdown-editor .component-markdown-editor__toolbar{padding:var(--base-control__padding) 0;margin:0 var(--base-control__padding);border-bottom:1px solid var(--blockout__colours__surface--300)}.component-markdown-editor .component-markdown-editor__toolbar .component-button{-webkit-user-select:none;user-select:none}.component-markdown-editor:has(.component-markdown-editor__toolbar){padding-top:0}.component-markdown-editor:has(.component-markdown-editor__toolbar) .component-markdown-editor__content{padding:calc(var(--base-control__padding) * 2)}.component-markdown-editor.component-markdown-editor--toolbar-bottom{padding-top:var(--base-control__padding);padding-bottom:0}.component-markdown-editor.component-markdown-editor--toolbar-bottom .component-markdown-editor__toolbar{order:10;border-bottom:none;border-top:1px solid var(--blockout__colours__surface--300)}.component-markdown-editor .component-markdown-editor__content{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;color:var(--blockout__colours__surface--700);background-color:transparent;line-height:1.5;word-wrap:break-word}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit{--blockout__colours__surface--950: #fafaf9;--blockout__colours__surface--900: #f5f5f4;--blockout__colours__surface--800: #e7e5e4;--blockout__colours__surface--700: #d6d3d1;--blockout__colours__surface--600: #a8a29e;--blockout__colours__surface--500: #78716c;--blockout__colours__surface--400: #57534e;--blockout__colours__surface--300: #44403c;--blockout__colours__surface--200: #292524;--blockout__colours__surface--100: #1c1917;--blockout__colours__surface--50: #0c0a09;--blockout__colours__surface--0: #000000;--blockout__colours__primary--950: #fffbeb;--blockout__colours__primary--900: #fef3c6;--blockout__colours__primary--800: #fee685;--blockout__colours__primary--700: #ffd230;--blockout__colours__primary--600: #ffb900;--blockout__colours__primary--500: #fe9a00;--blockout__colours__primary--400: #e17100;--blockout__colours__primary--300: #bb4d00;--blockout__colours__primary--200: #973c00;--blockout__colours__primary--100: #7a3306;--blockout__colours__primary--50: #461901;color-scheme:dark;color:var(--blockout__colours__surface--950);background-color:var(--blockout__colours__surface--200);position:absolute;z-index:90;padding:.25rem;border-radius:var(--blockout__radius--sm);border:1px solid var(--blockout__colours__surface--300);box-shadow:0 .175rem .375rem #0000001a;transition:opacity .25s ease,transform .25s ease}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview[data-show=false],.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit[data-show=false]{opacity:0;transform:translateY(-.25rem);pointer-events:none}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit{display:flex;align-items:center;gap:.25rem;width:fit-content;max-width:25rem}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .button,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .button,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .button,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--blockout__radius--xs);flex-shrink:0;cursor:pointer;transform:background-color .15s ease;color:transparent}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .button:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .button:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .button:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .button:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .button:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .button:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .button:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .button:focus{background-color:var(--blockout__colours__surface--0)}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .milkdown-icon,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .milkdown-icon,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .milkdown-icon,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .milkdown-icon{background-size:66%;background-repeat:no-repeat;background-position:center}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .link-icon,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .link-icon,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .link-icon,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .link-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2378716c' viewBox='0 0 256 256'%3E%3Cpath d='M117.18,188.74a12,12,0,0,1,0,17l-5.12,5.12A58.26,58.26,0,0,1,70.6,228h0A58.62,58.62,0,0,1,29.14,127.92L63.89,93.17a58.64,58.64,0,0,1,98.56,28.11,12,12,0,1,1-23.37,5.44,34.65,34.65,0,0,0-58.22-16.58L46.11,144.89A34.62,34.62,0,0,0,70.57,204h0a34.41,34.41,0,0,0,24.49-10.14l5.11-5.12A12,12,0,0,1,117.18,188.74ZM226.83,45.17a58.65,58.65,0,0,0-82.93,0l-5.11,5.11a12,12,0,0,0,17,17l5.12-5.12a34.63,34.63,0,1,1,49,49L175.1,145.86A34.39,34.39,0,0,1,150.61,156h0a34.63,34.63,0,0,1-33.69-26.72,12,12,0,0,0-23.38,5.44A58.64,58.64,0,0,0,150.56,180h.05a58.28,58.28,0,0,0,41.47-17.17l34.75-34.75a58.62,58.62,0,0,0,0-82.91Z'%3E%3C/path%3E%3C/svg%3E");cursor:default}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .link-icon:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .link-icon:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .link-icon:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .link-icon:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .link-icon:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .link-icon:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .link-icon:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .link-icon:focus{background-color:transparent}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .link-edit-button,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .link-edit-button,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .link-edit-button,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .link-edit-button{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23fff' viewBox='0 0 256 256'%3E%3Cpath d='M230.14,70.54,185.46,25.85a20,20,0,0,0-28.29,0L33.86,149.17A19.85,19.85,0,0,0,28,163.31V208a20,20,0,0,0,20,20H92.69a19.86,19.86,0,0,0,14.14-5.86L230.14,98.82a20,20,0,0,0,0-28.28ZM91,204H52V165l84-84,39,39ZM192,103,153,64l18.34-18.34,39,39Z'%3E%3C/path%3E%3C/svg%3E")}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .link-remove-button,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .link-remove-button,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .link-remove-button,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .link-remove-button{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23fff' viewBox='0 0 256 256'%3E%3Cpath d='M195.8,60.2a28,28,0,0,0-39.51-.09L144.68,72.28a12,12,0,1,1-17.36-16.56L139,43.43l.2-.2a52,52,0,0,1,73.54,73.54l-.2.2-12.29,11.71a12,12,0,0,1-16.56-17.36l12.17-11.61A28,28,0,0,0,195.8,60.2ZM111.32,183.72,99.71,195.89a28,28,0,0,1-39.6-39.6l12.17-11.61a12,12,0,0,0-16.56-17.36L43.43,139l-.2.2a52,52,0,0,0,73.54,73.54l.2-.2,11.71-12.29a12,12,0,1,0-17.36-16.56ZM216,148H192a12,12,0,0,0,0,24h24a12,12,0,0,0,0-24ZM40,108H64a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24Zm120,72a12,12,0,0,0-12,12v24a12,12,0,0,0,24,0V192A12,12,0,0,0,160,180ZM96,76a12,12,0,0,0,12-12V40a12,12,0,0,0-24,0V64A12,12,0,0,0,96,76Z'%3E%3C/path%3E%3C/svg%3E")}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .confirm,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .confirm,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .confirm,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .confirm{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23fff' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'%3E%3C/path%3E%3C/svg%3E")}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .link-display,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .link-display,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .link-display,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .link-display{flex-grow:1;color:var(--blockout__colours__primary--500);text-decoration:underline;display:block;min-width:0px;max-width:60vw;width:35ch;white-space:nowrap;text-overflow:ellipsis;overflow:clip;transition:color .15s ease}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .link-display:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .link-display:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .link-display:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .link-display:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .link-display:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .link-display:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .link-display:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .link-display:focus{color:var(--blockout__colours__primary--600);text-decoration:none}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .input-area,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .input-area,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .input-area,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .input-area{flex-grow:1;display:block;min-width:0px;max-width:60vw;width:35ch;height:2rem;transition:background-color .15s ease;border-radius:var(--blockout__radius--xs)}.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .input-area:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-preview .input-area:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .input-area:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-preview .link-edit .input-area:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .input-area:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-preview .input-area:focus,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .input-area:hover,.component-markdown-editor .component-markdown-editor__content .milkdown-link-edit .link-edit .input-area:focus{background-color:var(--blockout__colours__surface--0);outline:none}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash{--blockout__colours__surface--950: #fafaf9;--blockout__colours__surface--900: #f5f5f4;--blockout__colours__surface--800: #e7e5e4;--blockout__colours__surface--700: #d6d3d1;--blockout__colours__surface--600: #a8a29e;--blockout__colours__surface--500: #78716c;--blockout__colours__surface--400: #57534e;--blockout__colours__surface--300: #44403c;--blockout__colours__surface--200: #292524;--blockout__colours__surface--100: #1c1917;--blockout__colours__surface--50: #0c0a09;--blockout__colours__surface--0: #000000;--blockout__colours__primary--950: #fffbeb;--blockout__colours__primary--900: #fef3c6;--blockout__colours__primary--800: #fee685;--blockout__colours__primary--700: #ffd230;--blockout__colours__primary--600: #ffb900;--blockout__colours__primary--500: #fe9a00;--blockout__colours__primary--400: #e17100;--blockout__colours__primary--300: #bb4d00;--blockout__colours__primary--200: #973c00;--blockout__colours__primary--100: #7a3306;--blockout__colours__primary--50: #461901;color-scheme:dark;color:var(--blockout__colours__surface--950);background-color:var(--blockout__colours__surface--200);position:absolute;z-index:900;border-radius:var(--blockout__radius--sm);border:1px solid var(--blockout__colours__surface--300);box-shadow:0 .175rem .375rem #0000001a;display:flex;flex-direction:column;gap:.25rem;padding:.25rem}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash[data-show=false]{opacity:0;pointer-events:none}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option{display:flex;justify-content:center;align-items:start;flex-direction:column;gap:.25rem;padding:.375rem .5rem .375rem .675rem;min-height:2.25rem;border-radius:var(--blockout__radius--sm);cursor:pointer;transition:background-color .25s ease}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option:focus{outline:none}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option:first-child{border-top:none}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option[aria-disabled=true] .component-markdown-editor__slash__option__label{color:var(--blockout__colours__surface--400)}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option[aria-disabled=true] .component-markdown-editor__slash__option__description{color:var(--blockout__colours__surface--300)}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option__label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--blockout__colours__surface--900);transition:color .25s ease;white-space:nowrap}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option__label>svg{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--blockout__colours__surface--500);fill:var(--blockout__colours__surface--500)}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option__description{font-weight:400;color:var(--blockout__colours__surface--600);font-size:.875rem;transition:color .25s ease,opacity .25s ease}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option:is([data-active-item=true],:hover,:focus){background-color:var(--blockout__colours__surface--50)}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option:is([data-active-item=true],:hover,:focus) .component-markdown-editor__slash__option__label{color:var(--blockout__colours__surface--900)}.component-markdown-editor .component-markdown-editor__content .component-markdown-editor__slash .component-markdown-editor__slash__option:is([data-active-item=true],:hover,:focus) .component-markdown-editor__slash__option__description{color:var(--blockout__colours__surface--700)}.component-markdown-editor .component-markdown-editor__content details,.component-markdown-editor .component-markdown-editor__content figcaption,.component-markdown-editor .component-markdown-editor__content figure{display:block}.component-markdown-editor .component-markdown-editor__content a{background-color:transparent;color:var(--blockout__colours__primary--500);text-decoration:underline;transition:color .15s ease}.component-markdown-editor .component-markdown-editor__content a:hover{color:var(--blockout__colours__primary--600);text-decoration:none}.component-markdown-editor .component-markdown-editor__content b,.component-markdown-editor .component-markdown-editor__content strong{font-weight:500;color:var(--blockout__colours__surface--950)}.component-markdown-editor .component-markdown-editor__content mark{background-color:var(--blockout__colours__primary--100);color:var(--blockout__colours__surface--800)}.component-markdown-editor .component-markdown-editor__content small{font-size:90%}.component-markdown-editor .component-markdown-editor__content sub,.component-markdown-editor .component-markdown-editor__content sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.component-markdown-editor .component-markdown-editor__content sub{bottom:-.25em}.component-markdown-editor .component-markdown-editor__content sup{top:-.5em}.component-markdown-editor .component-markdown-editor__content img{border-style:none;max-width:100%;box-sizing:content-box}.component-markdown-editor .component-markdown-editor__content figure{margin:1em 2.5rem}.component-markdown-editor .component-markdown-editor__content hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid var(--blockout__colours__surface--300);height:.25em;padding:0;margin:1.5rem 0;background-color:var(--blockout__colours__surface--300);border:0}.component-markdown-editor .component-markdown-editor__content hr:before{display:table;content:""}.component-markdown-editor .component-markdown-editor__content hr:after{display:table;clear:both;content:""}.component-markdown-editor .component-markdown-editor__content h1,.component-markdown-editor .component-markdown-editor__content h2,.component-markdown-editor .component-markdown-editor__content h3,.component-markdown-editor .component-markdown-editor__content h4,.component-markdown-editor .component-markdown-editor__content h5,.component-markdown-editor .component-markdown-editor__content h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:600;line-height:1.25;color:var(--blockout__colours__surface--950)}.component-markdown-editor .component-markdown-editor__content h1:before,.component-markdown-editor .component-markdown-editor__content h2:before,.component-markdown-editor .component-markdown-editor__content h3:before,.component-markdown-editor .component-markdown-editor__content h4:before,.component-markdown-editor .component-markdown-editor__content h5:before,.component-markdown-editor .component-markdown-editor__content h6:before{content:"#";font-weight:400;font-size:.75em;color:var(--blockout__colours__surface--400);margin-right:1ch}.component-markdown-editor .component-markdown-editor__content h1{margin:.67em 0;font-weight:600;padding-bottom:.3em;font-size:2em;border-bottom:1px solid var(--blockout__colours__surface--300)}.component-markdown-editor .component-markdown-editor__content h1:before{content:"#"}.component-markdown-editor .component-markdown-editor__content h2{font-weight:600;padding-bottom:.3em;font-size:1.5em;border-bottom:1px solid var(--blockout__colours__surface--300)}.component-markdown-editor .component-markdown-editor__content h2:before{content:"##"}.component-markdown-editor .component-markdown-editor__content h3{font-weight:600;font-size:1.25em}.component-markdown-editor .component-markdown-editor__content h3:before{content:"###"}.component-markdown-editor .component-markdown-editor__content h4{font-weight:600;font-size:1em}.component-markdown-editor .component-markdown-editor__content h4:before{content:"####"}.component-markdown-editor .component-markdown-editor__content h5{font-weight:600;font-size:.875em}.component-markdown-editor .component-markdown-editor__content h6{font-weight:600;font-size:.85em;color:#59636e}.component-markdown-editor .component-markdown-editor__content p{margin-top:0;margin-bottom:10px}.component-markdown-editor .component-markdown-editor__content blockquote{margin:0;padding:0 1em;color:#59636e;border-left:.25em solid var(--blockout__colours__surface--300)}.component-markdown-editor .component-markdown-editor__content ul,.component-markdown-editor .component-markdown-editor__content ol{margin-top:0;margin-bottom:0;padding-left:2em;list-style:disc}.component-markdown-editor .component-markdown-editor__content ol{list-style:decimal}.component-markdown-editor .component-markdown-editor__content ol ol,.component-markdown-editor .component-markdown-editor__content ul ol{list-style-type:lower-roman}.component-markdown-editor .component-markdown-editor__content ul ul ol,.component-markdown-editor .component-markdown-editor__content ul ol ol,.component-markdown-editor .component-markdown-editor__content ol ul ol,.component-markdown-editor .component-markdown-editor__content ol ol ol{list-style-type:lower-alpha}.component-markdown-editor .component-markdown-editor__content .milkdown-list-item-block,.component-markdown-editor .component-markdown-editor__content .milkdown-list-item-block .list-item{list-style:inherit}.component-markdown-editor .component-markdown-editor__content :is(ul,ol):has(.milkdown-icon.unchecked,.milkdown-icon.checked){padding-left:1em}.component-markdown-editor .component-markdown-editor__content :is(ul,ol):has(.milkdown-icon.unchecked,.milkdown-icon.checked) .list-item{display:flex;align-items:start;gap:.5em;margin-bottom:1rem}.component-markdown-editor .component-markdown-editor__content :is(ul,ol):has(.milkdown-icon.unchecked,.milkdown-icon.checked) .list-item p{flex-grow:1;margin-bottom:0}.component-markdown-editor .component-markdown-editor__content :is(ul,ol):has(.milkdown-icon.unchecked,.milkdown-icon.checked) .list-item .milkdown-icon{display:block;width:1.25rem;height:1.25rem;border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--xs);cursor:pointer;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23fff" viewBox="0 0 256 256"><path d="M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z"></path></svg>');background-size:80%;background-repeat:no-repeat;background-position:center;transition:background-color .15s ease,border-color .15s ease;position:relative;top:.125rem}.component-markdown-editor .component-markdown-editor__content :is(ul,ol):has(.milkdown-icon.unchecked,.milkdown-icon.checked) .list-item .milkdown-icon:hover{border-color:var(--blockout__colours__primary--500)}.component-markdown-editor .component-markdown-editor__content :is(ul,ol):has(.milkdown-icon.unchecked,.milkdown-icon.checked) .list-item .milkdown-icon.checked{background-color:var(--blockout__colours__primary--500);border-color:var(--blockout__colours__primary--500)}.component-markdown-editor .component-markdown-editor__content .editor>*:first-child{margin-top:0!important}.component-markdown-editor .component-markdown-editor__content .editor>*:last-child{margin-bottom:0!important}.component-markdown-editor .component-markdown-editor__content a:not([href]){color:inherit;text-decoration:none}.component-markdown-editor .component-markdown-editor__content p,.component-markdown-editor .component-markdown-editor__content blockquote,.component-markdown-editor .component-markdown-editor__content ul,.component-markdown-editor .component-markdown-editor__content ol,.component-markdown-editor .component-markdown-editor__content table{margin-top:0;margin-bottom:1rem}.component-markdown-editor .component-markdown-editor__content blockquote>:first-child{margin-top:0}.component-markdown-editor .component-markdown-editor__content blockquote>:last-child{margin-bottom:0}.component-markdown-editor .component-markdown-editor__content ul ul,.component-markdown-editor .component-markdown-editor__content ul ol,.component-markdown-editor .component-markdown-editor__content ol ol,.component-markdown-editor .component-markdown-editor__content ol ul{margin-top:0;margin-bottom:0}.component-markdown-editor .component-markdown-editor__content li>p{margin:0}.component-markdown-editor .component-markdown-editor__content li+li{margin-top:.25em}.component-markdown-editor .component-markdown-editor__content table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;font-variant:tabular-nums}.component-markdown-editor .component-markdown-editor__content td,.component-markdown-editor .component-markdown-editor__content th{padding:0}.component-markdown-editor .component-markdown-editor__content table th{font-weight:600}.component-markdown-editor .component-markdown-editor__content table th,.component-markdown-editor .component-markdown-editor__content table td{padding:6px 13px;border:1px solid var(--blockout__colours__surface--300)}.component-markdown-editor .component-markdown-editor__content table th>:last-child,.component-markdown-editor .component-markdown-editor__content table td>:last-child{margin-bottom:0}.component-markdown-editor .component-markdown-editor__content table tr{background-color:var(--blockout__colours__surface--0);border-top:1px solid var(--blockout__colours__surface--300)}.component-markdown-editor .component-markdown-editor__content table tr:nth-child(2n){background-color:var(--blockout__colours__surface--50)}.component-markdown-editor .component-markdown-editor__content table img{background-color:transparent}.component-markdown-editor .component-markdown-editor__content img.emoji{display:inline;height:1rem;width:1rem}

package/dist/assets/style21.css

@@ -1 +1 @@
-.component-menu__menu-wrapper{z-index:9999!important}.component-menu__window{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;min-width:calc(var(--popover-anchor-width) + 2px);max-height:var(--popover-available-height);overflow-y:auto;padding:.5rem;min-height:40px}.component-menu__item{display:flex;align-items:baseline;gap:.875rem;padding:.375rem .675rem;width:100%;cursor:pointer;transition:background-color .25s ease}.component-menu__item[data-active-item=true]{background-color:var(--blockout__colours__surface--100);border-radius:var(--blockout__radius--md)}.component-menu__item:focus-visible{outline:none}.component-menu__item[data-active-item=true] .component-menu__item__label{color:var(--blockout__colours__surface--950)}.component-menu__item[data-active-item=true] .component-menu__item__description{color:var(--blockout__colours__surface--700)}.component-menu__item[aria-disabled=true] .component-menu__item__label{color:var(--blockout__colours__surface--500)}.component-menu__item[aria-disabled=true] .component-menu__item__description{color:var(--blockout__colours__surface--300)}.component-menu__item__icon{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400)}.component-menu__window:not(:has(.component-menu__item__icon--pictoral:not(.component-menu__item__icon--empty))) .component-menu__item__icon--pictoral{display:none}.component-menu__item__icon--pictoral{transform:translateY(.25rem)}.component-menu__item__text{flex-grow:1}.component-menu__item__text__header{display:flex;align-items:center;gap:2rem;justify-content:space-between;width:100%}.component-menu__item__text__header+.component-menu__item__description{margin-top:.25rem}.component-menu__item__label{font-weight:500;color:var(--blockout__colours__surface--950);transition:color .25s ease}.component-menu__item__description{font-weight:400;color:var(--blockout__colours__surface--600);font-size:.875rem;padding-right:.375rem;transition:color .25s ease,opacity .25s ease}.component-menu__item--toggle--checked .component-menu__item__icon--checkbox{fill:var(--blockout__colours__surface--950)}.component-menu__separator{margin:0 -.325rem;border-top:1px solid var(--blockout__colours__surface--200);border-bottom:none}
+.component-menu__menu-wrapper{z-index:9999!important}.component-menu__window{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;min-width:calc(var(--popover-anchor-width) + 2px);max-height:var(--popover-available-height);overflow-y:auto;padding:.5rem;min-height:40px}.component-menu__item{display:flex;align-items:baseline;gap:.875rem;padding:.375rem .675rem;width:100%;cursor:pointer;transition:background-color .25s ease}.component-menu__item[data-active-item=true]{background-color:var(--blockout__colours__surface--100);border-radius:var(--blockout__radius--md)}.component-menu__item:focus-visible{outline:none}.component-menu__item[data-active-item=true] .component-menu__item__label{color:var(--blockout__colours__surface--950)}.component-menu__item[data-active-item=true] .component-menu__item__description{color:var(--blockout__colours__surface--700)}.component-menu__item[aria-disabled=true] .component-menu__item__label{color:var(--blockout__colours__surface--500)}.component-menu__item[aria-disabled=true] .component-menu__item__description{color:var(--blockout__colours__surface--300)}.component-menu__item__icon{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400)}.component-menu__window:not(:has(.component-menu__item__icon--pictoral:not(.component-menu__item__icon--empty))) .component-menu__item__icon--pictoral{display:none}.component-menu__item__icon--pictoral{transform:translateY(.25rem)}.component-menu__item__text{flex-grow:1}.component-menu__item__text__header{display:flex;align-items:center;gap:2rem;justify-content:space-between;width:100%}.component-menu__item__text__header+.component-menu__item__description{margin-top:.25rem}.component-menu__item__label{font-weight:500;color:var(--blockout__colours__surface--950);transition:color .25s ease}.component-menu__item__description{font-weight:400;color:var(--blockout__colours__surface--600);font-size:.875rem;padding-right:.375rem;transition:color .25s ease,opacity .25s ease}.component-menu__item--toggle--checked .component-menu__item__icon--checkbox{fill:var(--blockout__colours__surface--950)}.component-menu__separator{margin:0 -.325rem;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:none}

package/dist/components/controls/markdown-control/editor.d.ts

@@ -1,8 +1,12 @@
-import { FC } from 'react';
-interface MarkdownEditorProps {
+import { Editor } from '@milkdown/kit/core';
+import { FC, PropsWithChildren, RefObject } from 'react';
+interface MarkdownEditorProps extends PropsWithChildren {
     className?: string;
     value?: string;
-    onChangeValue: (value: string) => void;
+    onChangeValue?: (value: string) => void;
+    placeholder?: string;
+    toolbar?: "top" | "bottom" | false;
+    milkdownRef?: RefObject<Editor | undefined>;
 }
 export declare const MarkdownEditor: FC<MarkdownEditorProps>;
 export {};