@wrdagency/blockout 1.0.18 → 1.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/assets/index8.css +1 -1
  2. package/dist/assets/style13.css +1 -1
  3. package/dist/components/controls/select-control/props.d.ts +1 -0
  4. package/dist/components/controls/select-control/select.d.ts +1 -1
  5. package/dist/components/controls/select-control/select.js +44 -41
  6. package/dist/primitives/tooltip/index.d.ts +1 -1
  7. package/package.json +1 -1
package/dist/assets/index8.css CHANGED
@@ -1 +1 @@
1
- :root:has(.component-shell),html:has(.component-shell){overflow:hidden}.component-shell{display:grid;grid-template-columns:13rem 1fr;grid-template-rows:3.5rem 1fr;grid-template-areas:"sidebar navigation" "sidebar main";background-color:var(--blockout__colours__surface--100);width:100%;height:100vh;height:100dvh;overflow:hidden}.component-shell__sidebar{grid-area:sidebar;min-width:0;min-height:0}.component-shell__navigation{grid-area:navigation;min-width:0;min-height:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-right:.5rem}.component-shell__panes{grid-area:main;min-width:0;min-height:0;border-top-left-radius:var(--blockout__radius--2xl);overflow:hidden;display:flex;flex-wrap:wrap;gap:1rem}.component-shell__pane{background-color:var(--blockout__colours__surface--0);border-top-left-radius:var(--blockout__radius--lg);height:100%;min-width:min(var(--pane-min-width),100vw);flex:var(--pane-weight)}.component-shell__pane:not(:last-child){border-top-right-radius:var(--blockout__radius--lg)}.component-shell__pane__scroll-area>.primitive-scroll-area__viewport>div{height:100%}.component-shell__pane__padding{padding:1.5rem}@media (width >= 40rem){.component-shell__pane__padding{padding:2rem}}@media (width >= 48rem){.component-shell__pane__padding{padding:2.5rem}}@media (width >= 64rem){.component-shell__pane__padding{padding:3rem}}.component-shell__pane__padding.component-shell__pane__padding--edgeless-top{padding-top:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-right{padding-right:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-bottom{padding-bottom:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-left{padding-left:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-x{padding-left:0!important;padding-right:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-y{padding-top:0!important;padding-bottom:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-all{padding:0!important}
1
+ :root:has(.component-shell),html:has(.component-shell){overflow:hidden}.component-shell{display:grid;grid-template-columns:13rem 1fr;grid-template-rows:3.5rem 1fr;grid-template-areas:"sidebar navigation" "sidebar main";background-color:var(--blockout__colours__surface--100);width:100%;height:100vh;height:100dvh;overflow:hidden}.component-shell__sidebar{grid-area:sidebar;min-width:0;min-height:0}.component-shell__navigation{grid-area:navigation;min-width:0;min-height:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-right:.5rem}.component-shell__panes{grid-area:main;min-width:0;min-height:0;border-top-left-radius:var(--blockout__radius--2xl);overflow:hidden;display:flex;flex-wrap:wrap;gap:1rem}.component-shell__pane{background-color:var(--blockout__colours__surface--0);border-top-left-radius:var(--blockout__radius--lg);height:100%;min-width:min(var(--pane-min-width),100vw);flex:var(--pane-weight)}.component-shell__pane:not(:last-child){border-top-right-radius:var(--blockout__radius--lg)}.component-shell__pane__scroll-area>.primitive-scroll-area__viewport>div{height:100%}.component-shell__pane__padding{height:100%;padding:1.5rem}@media (width >= 40rem){.component-shell__pane__padding{padding:2rem}}@media (width >= 48rem){.component-shell__pane__padding{padding:2.5rem}}@media (width >= 64rem){.component-shell__pane__padding{padding:3rem}}.component-shell__pane__padding.component-shell__pane__padding--edgeless-top{padding-top:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-right{padding-right:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-bottom{padding-bottom:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-left{padding-left:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-x{padding-left:0!important;padding-right:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-y{padding-top:0!important;padding-bottom:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-all{padding:0!important}
package/dist/assets/style13.css CHANGED
@@ -1 +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{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}
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{display:flex!important;flex-direction:column;padding:0!important}.component-markdown-editor .component-markdown-editor__toolbar{gap:0;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/components/controls/select-control/props.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { Optionable } from '../../../types/options';
2
2
  import { HTMLInputAutoCompleteAttribute, ReactNode } from 'react';
3
3
  export type SelectProps<T extends string = string> = {
4
+ className?: string;
4
5
  id?: string;
5
6
  value?: T;
6
7
  onChangeValue?: (value: T) => void;
package/dist/components/controls/select-control/select.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { PropsWithChildren } from 'react';
2
2
  import { SelectProps } from './props';
3
- export declare const Select: <T extends string = string>({ value, onChangeValue, options: unnormalizedOptions, searchable, combobox, placeholder, prefix, suffix, children, withIcon, ...restControlProps }: SelectProps<T> & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const Select: <T extends string = string>({ className, value, onChangeValue, options: unnormalizedOptions, searchable, combobox, placeholder, prefix, suffix, children, withIcon, ...restControlProps }: SelectProps<T> & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
package/dist/components/controls/select-control/select.js CHANGED
@@ -1,76 +1,79 @@
1
1
  import { jsx as o, jsxs as s } from "react/jsx-runtime";
2
- import { cn as V } from "../../../utils/css.js";
2
+ import { cn as L } from "../../../utils/css.js";
3
3
  import '../../../assets/style16.css';import '../../../assets/styles.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';import '../../../assets/style7.css';/* empty css */
4
- import { noop as x } from "../../../utils/noop.js";
5
- import { useState as _, useMemo as L, startTransition as g } from "react";
4
+ import { noop as g } from "../../../utils/noop.js";
5
+ import { useState as _, useMemo as j, startTransition as y } from "react";
6
6
  /* empty css */
7
7
  /* empty css */
8
8
  /* empty css */
9
9
  import "../../../primitives/popover/index.js";
10
10
  /* empty css */
11
- import { ScrollArea as j } from "../../../primitives/scroll-area/index.js";
11
+ import { ScrollArea as k } from "../../../primitives/scroll-area/index.js";
12
12
  import "../../../primitives/symbol/index.js";
13
13
  /* empty css */
14
14
  /* empty css */
15
15
  /* empty css */
16
16
  /* empty css */
17
- import { normalizeOption as y } from "../../../types/options.js";
18
- import { s as k } from "../../../MagnifyingGlass.es-CLstwG_v.js";
19
- import { m as z } from "../../../match-sorter.esm-MNVE8H_6.js";
17
+ import { normalizeOption as z } from "../../../types/options.js";
18
+ import { s as A } from "../../../MagnifyingGlass.es-CLstwG_v.js";
19
+ import { m as H } from "../../../match-sorter.esm-MNVE8H_6.js";
20
20
  /* empty css */
21
- import { C as A, a as h, b as H, c as M, d as f } from "../../../combobox-popover-DFcT6u90.js";
22
- import { S as T, a as $, b as q, c as B, d as D } from "../../../select-popover-BuB2Ioa9.js";
23
- const fe = ({
21
+ import { C as M, a as h, b as T, c as $, d as f } from "../../../combobox-popover-DFcT6u90.js";
22
+ import { S as q, a as B, b as D, c as E, d as F } from "../../../select-popover-BuB2Ioa9.js";
23
+ const ue = ({
24
+ className: u,
24
25
  value: r,
25
- onChangeValue: p = x,
26
- options: u,
26
+ onChangeValue: p = g,
27
+ options: v,
27
28
  searchable: i = !1,
28
29
  combobox: t = !1,
29
- placeholder: E = "Choose an option...",
30
- prefix: F,
31
- suffix: G,
32
- children: v,
33
- withIcon: J,
34
- ...S
30
+ placeholder: S = "Choose an option...",
31
+ prefix: G,
32
+ suffix: J,
33
+ children: N,
34
+ withIcon: K,
35
+ ...P
35
36
  }) => {
36
37
  t && (i = !0);
37
- const [c, l] = _(!1), [n, N] = _(""), a = (u || []).map(y), m = L(() => z(a, n, {
38
- baseSort: (e, I) => e.index < I.index ? -1 : 1,
38
+ const [n, a] = _(!1), [c, O] = _(""), l = (v || []).map(z), m = j(() => H(l, c, {
39
+ baseSort: (e, x) => e.index < x.index ? -1 : 1,
39
40
  keys: ["label", "description"]
40
- }), [n]), P = i || t ? M : B, O = t ? f : D, w = t ? h : $, C = t ? H : q, d = !!!a.find((e) => e.value === r);
41
+ }), [c]), w = i || t ? $ : E, C = t ? f : F, I = t ? h : B, V = t ? T : D, d = !!!l.find((e) => e.value === r);
41
42
  return /* @__PURE__ */ o(
42
- A,
43
+ M,
43
44
  {
44
45
  resetValueOnHide: !t,
45
- open: c,
46
- setOpen: l,
47
- value: t ? r : n,
46
+ open: n,
47
+ setOpen: a,
48
+ value: t ? r : c,
48
49
  setValue: (e) => {
49
- t && p(e), g(() => {
50
- N(e);
50
+ t && p(e), y(() => {
51
+ O(e);
51
52
  });
52
53
  },
53
54
  children: /* @__PURE__ */ s(
54
- T,
55
+ q,
55
56
  {
56
57
  value: d ? "" : r,
57
58
  setValue: p,
58
- open: c,
59
- setOpen: l,
59
+ open: n,
60
+ setOpen: a,
60
61
  children: [
61
62
  /* @__PURE__ */ o(
62
- w,
63
+ I,
63
64
  {
64
- className: V(
65
+ className: L(
66
+ u,
65
67
  "component-select__input",
66
68
  d && "component-select__input--placeholder"
67
69
  ),
68
- children: t ? void 0 : v,
69
- ...S
70
+ children: t ? void 0 : N,
71
+ placeholder: S,
72
+ ...P
70
73
  }
71
74
  ),
72
- c && m.length > 0 && /* @__PURE__ */ o(
73
- C,
75
+ n && m.length > 0 && /* @__PURE__ */ o(
76
+ V,
74
77
  {
75
78
  className: "component-select__popover",
76
79
  "data-colour-scheme": "invert",
@@ -81,9 +84,9 @@ const fe = ({
81
84
  gutter: 8,
82
85
  overflowPadding: 4,
83
86
  shift: -1,
84
- children: /* @__PURE__ */ s(j, { className: "component-select__popover__scroll", axis: "y", children: [
87
+ children: /* @__PURE__ */ s(k, { className: "component-select__popover__scroll", axis: "y", children: [
85
88
  i && !t && /* @__PURE__ */ s("div", { className: "component-select__popover__search-wrapper", children: [
86
- /* @__PURE__ */ o(k, { className: "component-select__popover__search-icon" }),
89
+ /* @__PURE__ */ o(A, { className: "component-select__popover__search-icon" }),
87
90
  /* @__PURE__ */ o(
88
91
  h,
89
92
  {
@@ -93,8 +96,8 @@ const fe = ({
93
96
  }
94
97
  )
95
98
  ] }),
96
- /* @__PURE__ */ o(P, { className: "component-select__list", children: m.map((e) => /* @__PURE__ */ s(
97
- O,
99
+ /* @__PURE__ */ o(w, { className: "component-select__list", children: m.map((e) => /* @__PURE__ */ s(
100
+ C,
98
101
  {
99
102
  disabled: e.disabled,
100
103
  value: e.value,
@@ -120,5 +123,5 @@ const fe = ({
120
123
  );
121
124
  };
122
125
  export {
123
- fe as Select
126
+ ue as Select
124
127
  };
package/dist/primitives/tooltip/index.d.ts CHANGED
@@ -2,7 +2,7 @@ import { FC, PropsWithChildren, ReactNode } from 'react';
2
2
  interface TooltipProps extends PropsWithChildren {
3
3
  className?: string;
4
4
  label?: ReactNode;
5
- force?: true;
5
+ force?: boolean;
6
6
  }
7
7
  export declare const Tooltip: FC<TooltipProps>;
8
8
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wrdagency/blockout",
3
- "version": "1.0.18",
3
+ "version": "1.0.21",
4
4
  "description": "A React component library created by WRD.agency",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",