@blocknote/ariakit 0.13.5 → 0.14.1

package/dist/style.css

@@ -1 +1 @@
-.bn-block-outer{line-height:1.5;transition:margin .2s}.bn-block{display:flex;flex-direction:column}.bn-block-content{display:flex;padding:3px 0;transition:font-size .2s;width:100%}.bn-block-content:before{transition:all .2s}.bn-block-content.ProseMirror-selectednode>*,.ProseMirror-selectednode>.bn-block-content>*{border-radius:4px;outline:4px solid rgb(100,160,255)}.bn-block-group .bn-block-group{margin-left:1.5em}.bn-block-group .bn-block-group>.bn-block-outer{position:relative}.bn-block-group .bn-block-group>.bn-block-outer:not([data-prev-depth-changed]):before{content:" ";display:inline;position:absolute;left:-20px;height:100%;transition:all .2s .1s}.bn-block-group .bn-block-group>.bn-block-outer[data-prev-depth-change="-2"]:before{height:0}.bn-inline-content code{font-family:monospace}[data-prev-depth-change="1"]{--x: 1}[data-prev-depth-change="2"]{--x: 2}[data-prev-depth-change="3"]{--x: 3}[data-prev-depth-change="4"]{--x: 4}[data-prev-depth-change="5"]{--x: 5}[data-prev-depth-change="-1"]{--x: -1}[data-prev-depth-change="-2"]{--x: -2}[data-prev-depth-change="-3"]{--x: -3}[data-prev-depth-change="-4"]{--x: -4}[data-prev-depth-change="-5"]{--x: -5}.bn-block-outer[data-prev-depth-change]{margin-left:calc(10px * var(--x))}.bn-block-outer[data-prev-depth-change] .bn-block-outer[data-prev-depth-change]{margin-left:0}[data-level="1"]{--level: 3em}[data-level="2"]{--level: 2em}[data-level="3"]{--level: 1.3em}[data-prev-level="1"]{--prev-level: 3em}[data-prev-level="2"]{--prev-level: 2em}[data-prev-level="3"]{--prev-level: 1.3em}.bn-block-outer[data-prev-type=heading]>.bn-block>.bn-block-content{font-size:var(--prev-level);font-weight:700}.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=heading]{font-size:var(--level);font-weight:700}.bn-block-content:before{margin-right:0;content:""}.bn-block-content[data-content-type=numberedListItem]{display:flex;gap:1.2em}[data-content-type=numberedListItem]{--index: attr(data-index)}[data-prev-type=numberedListItem]{--prev-index: attr(data-prev-index)}.bn-block-outer[data-prev-type=numberedListItem]:not([data-prev-index=none])>.bn-block>.bn-block-content:before{content:var(--prev-index) "."}.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=numberedListItem]:before{content:var(--index) "."}.bn-block-content[data-content-type=bulletListItem]{display:flex;gap:1.2em}.bn-block-content[data-content-type=checkListItem]>div{display:flex}.bn-block-content[data-content-type=checkListItem]>div>div>input{margin:0 1.2em 0 0;cursor:pointer}.bn-block-content[data-content-type=checkListItem][data-checked=true] .bn-inline-content{text-decoration:line-through}.bn-block-content[data-text-alignment=center]{justify-content:center}.bn-block-content[data-text-alignment=right]{justify-content:flex-end}.bn-block-outer[data-prev-type=bulletListItem]>.bn-block>.bn-block-content:before{content:"•"}.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before{content:"•"}[data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer[data-prev-type=bulletListItem]>.bn-block>.bn-block-content:before{content:"◦"}[data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before{content:"◦"}[data-content-type=bulletListItem]~.bn-block-group [data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer[data-prev-type=bulletListItem]>.bn-block>.bn-block-content:before{content:"▪"}[data-content-type=bulletListItem]~.bn-block-group [data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before{content:"▪"}[data-file-block] .bn-file-block-content-wrapper:has(.bn-add-file-button),[data-file-block] .bn-file-block-content-wrapper:has(.bn-file-default-preview){width:100%}[data-file-block] .bn-file-block-content-wrapper{cursor:pointer;display:flex;flex-direction:column;justify-content:stretch;-webkit-user-select:none;user-select:none}[data-file-block] .bn-add-file-button{align-items:center;background-color:#f2f1ee;border-radius:4px;color:#7d797a;cursor:pointer;display:flex;flex-direction:row;gap:10px;padding:12px;width:100%}[data-file-block] .bn-add-file-button:hover{background-color:#e1e1e1}[data-file-block] .bn-add-file-button-icon{width:24px;height:24px}[data-file-block] .bn-add-file-button .bn-add-file-button-text{font-size:.9rem}[data-file-block] .bn-file-and-caption-wrapper{display:flex;flex-direction:column;border-radius:4px}[data-file-block] .bn-file-default-preview{align-items:center;border-radius:4px;display:flex;flex-direction:row;gap:4px;padding:4px;width:100%}[data-file-block] .bn-file-default-preview:hover,.ProseMirror-selectednode .bn-file-default-preview{background-color:#e1e1e1}[data-file-block] .bn-file-default-preview-icon{width:24px;height:24px}[data-file-block] .bn-visual-media-wrapper{display:flex;flex-direction:row;align-items:center;position:relative;width:fit-content}[data-file-block] .bn-visual-media{border-radius:4px;max-width:100%}[data-file-block] .bn-visual-media-resize-handle{position:absolute;width:8px;height:30px;background-color:#000;border:1px solid white;border-radius:4px;cursor:ew-resize}[data-content-type=audio]>.bn-file-block-content-wrapper,.bn-audio{width:100%}[data-file-block] .bn-file-caption{font-size:.8em;padding-block:4px}[data-file-block] .bn-file-caption:empty{padding-block:0}.bn-inline-content:has(>.ProseMirror-trailingBreak):before{pointer-events:none;height:0;position:absolute;font-style:italic}[data-text-color=gray]{color:#9b9a97}[data-text-color=brown]{color:#64473a}[data-text-color=red]{color:#e03e3e}[data-text-color=orange]{color:#d9730d}[data-text-color=yellow]{color:#dfab01}[data-text-color=green]{color:#4d6461}[data-text-color=blue]{color:#0b6e99}[data-text-color=purple]{color:#6940a5}[data-text-color=pink]{color:#ad1a72}[data-background-color=gray]{background-color:#ebeced}[data-background-color=brown]{background-color:#e9e5e3}[data-background-color=red]{background-color:#fbe4e4}[data-background-color=orange]{background-color:#faebdd}[data-background-color=yellow]{background-color:#fbf3db}[data-background-color=green]{background-color:#ddedea}[data-background-color=blue]{background-color:#ddebf1}[data-background-color=purple]{background-color:#eae4f2}[data-background-color=pink]{background-color:#f4dfeb}[data-text-alignment=left]{justify-content:flex-start;text-align:left}[data-text-alignment=center]{justify-content:center;text-align:center}[data-text-alignment=right]{justify-content:flex-end;text-align:right}[data-text-alignment=justify]{justify-content:flex-start;text-align:justify}.ProseMirror .tableWrapper{overflow-x:auto}.ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;overflow:hidden}.ProseMirror td,.ProseMirror th{vertical-align:top;box-sizing:border-box;position:relative}.ProseMirror .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;z-index:20;background-color:#adf;pointer-events:none}.ProseMirror.resize-cursor{cursor:ew-resize;cursor:col-resize}.ProseMirror .selectedCell:after{z-index:2;position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:rgba(200,200,255,.4);pointer-events:none}.bn-editor{outline:none;padding-inline:54px;--N800: #172b4d;--N40: #dfe1e6}.bn-root{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bn-root *,.bn-root *:before,.bn-root *:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}.bn-default-styles p,.bn-default-styles h1,.bn-default-styles h2,.bn-default-styles h3,.bn-default-styles li{margin:0;padding:0;font-size:inherit;min-width:2px!important}.bn-default-styles{font-size:16px;font-weight:400;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Open Sans,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bn-table-drop-cursor{position:absolute;z-index:20;background-color:#adf;pointer-events:none}.bn-drag-preview{position:absolute;left:-100000px}.collaboration-cursor__caret{border-left:1px solid #0d0d0d;border-right:1px solid #0d0d0d;margin-left:-1px;margin-right:-1px;pointer-events:none;position:relative;word-break:normal}.collaboration-cursor__label{border-radius:3px 3px 3px 0;color:#0d0d0d;font-size:12px;font-style:normal;font-weight:600;left:-1px;line-height:normal;padding:.1rem .3rem;position:absolute;top:-1.4em;-webkit-user-select:none;user-select:none;white-space:nowrap}.bn-editor table{width:auto!important}.bn-editor th,.bn-editor td{min-width:1em;border:1px solid #ddd;padding:3px 5px}.bn-editor .tableWrapper{margin:1em 0}.bn-editor th{font-weight:700;text-align:left}.bn-container{--bn-colors-editor-text: #3f3f3f;--bn-colors-editor-background: #ffffff;--bn-colors-menu-text: #3f3f3f;--bn-colors-menu-background: #ffffff;--bn-colors-tooltip-text: #3f3f3f;--bn-colors-tooltip-background: #efefef;--bn-colors-hovered-text: #3f3f3f;--bn-colors-hovered-background: #efefef;--bn-colors-selected-text: #ffffff;--bn-colors-selected-background: #3f3f3f;--bn-colors-disabled-text: #afafaf;--bn-colors-disabled-background: #efefef;--bn-colors-shadow: #cfcfcf;--bn-colors-border: #efefef;--bn-colors-side-menu: #cfcfcf;--bn-colors-highlights-gray-text: #9b9a97;--bn-colors-highlights-gray-background: #ebeced;--bn-colors-highlights-brown-text: #64473a;--bn-colors-highlights-brown-background: #e9e5e3;--bn-colors-highlights-red-text: #e03e3e;--bn-colors-highlights-red-background: #fbe4e4;--bn-colors-highlights-orange-text: #d9730d;--bn-colors-highlights-orange-background: #f6e9d9;--bn-colors-highlights-yellow-text: #dfab01;--bn-colors-highlights-yellow-background: #fbf3db;--bn-colors-highlights-green-text: #4d6461;--bn-colors-highlights-green-background: #ddedea;--bn-colors-highlights-blue-text: #0b6e99;--bn-colors-highlights-blue-background: #ddebf1;--bn-colors-highlights-purple-text: #6940a5;--bn-colors-highlights-purple-background: #eae4f2;--bn-colors-highlights-pink-text: #ad1a72;--bn-colors-highlights-pink-background: #f4dfeb;--bn-font-family: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--bn-border-radius: 6px;--bn-shadow-medium: 0 4px 12px var(--bn-colors-shadow);--bn-shadow-light: 0 2px 6px var(--bn-colors-border);--bn-border: 1px solid var(--bn-colors-border);--bn-border-radius-small: max(var(--bn-border-radius) - 2px, 1px);--bn-border-radius-medium: var(--bn-border-radius);--bn-border-radius-large: max(var(--bn-border-radius) + 2px, 1px)}.bn-container[data-color-scheme=dark]{--bn-colors-editor-text: #cfcfcf;--bn-colors-editor-background: #1f1f1f;--bn-colors-menu-text: #cfcfcf;--bn-colors-menu-background: #1f1f1f;--bn-colors-tooltip-text: #cfcfcf;--bn-colors-tooltip-background: #161616;--bn-colors-hovered-text: #cfcfcf;--bn-colors-hovered-background: #161616;--bn-colors-selected-text: #cfcfcf;--bn-colors-selected-background: #0f0f0f;--bn-colors-disabled-text: #3f3f3f;--bn-colors-disabled-background: #161616;--bn-colors-shadow: #0f0f0f;--bn-colors-border: #161616;--bn-colors-side-menu: #7f7f7f;--bn-colors-highlights-gray-text: #bebdb8;--bn-colors-highlights-gray-background: #9b9a97;--bn-colors-highlights-brown-text: #8e6552;--bn-colors-highlights-brown-background: #64473a;--bn-colors-highlights-red-text: #ec4040;--bn-colors-highlights-red-background: #be3434;--bn-colors-highlights-orange-text: #e3790d;--bn-colors-highlights-orange-background: #b7600a;--bn-colors-highlights-yellow-text: #dfab01;--bn-colors-highlights-yellow-background: #b58b00;--bn-colors-highlights-green-text: #6b8b87;--bn-colors-highlights-green-background: #4d6461;--bn-colors-highlights-blue-text: #0e87bc;--bn-colors-highlights-blue-background: #0b6e99;--bn-colors-highlights-purple-text: #8552d7;--bn-colors-highlights-purple-background: #6940a5;--bn-colors-highlights-pink-text: #da208f;--bn-colors-highlights-pink-background: #ad1a72}.bn-container *{font-family:var(--bn-font-family)}.bn-editor{background-color:var(--bn-colors-editor-background);border-radius:var(--bn-border-radius-large);color:var(--bn-colors-editor-text);font-family:var(--bn-font-family)}.bn-react-node-view-renderer{display:flex;flex-direction:column;width:100%}.bn-block-group .bn-block-group .bn-block-outer:not([data-prev-depth-changed]):before{border-left:1px solid var(--bn-colors-side-menu)}.bn-inline-content:has(>.ProseMirror-trailingBreak):before{color:var(--bn-colors-side-menu)}.bn-container .bn-color-icon{align-items:center;border:var(--bn-border);border-radius:var(--bn-border-radius-small);display:flex;justify-content:center}.bn-error-text{color:red;font-size:12px}[data-text-color=gray]{color:var(--bn-colors-highlights-gray-text)}[data-text-color=brown]{color:var(--bn-colors-highlights-brown-text)}[data-text-color=red]{color:var(--bn-colors-highlights-red-text)}[data-text-color=orange]{color:var(--bn-colors-highlights-orange-text)}[data-text-color=yellow]{color:var(--bn-colors-highlights-yellow-text)}[data-text-color=green]{color:var(--bn-colors-highlights-green-text)}[data-text-color=blue]{color:var(--bn-colors-highlights-blue-text)}[data-text-color=purple]{color:var(--bn-colors-highlights-purple-text)}[data-text-color=pink]{color:var(--bn-colors-highlights-pink-text)}[data-background-color=gray]{background-color:var(--bn-colors-highlights-gray-background)}[data-background-color=brown]{background-color:var(--bn-colors-highlights-brown-background)}[data-background-color=red]{background-color:var(--bn-colors-highlights-red-background)}[data-background-color=orange]{background-color:var(--bn-colors-highlights-orange-background)}[data-background-color=yellow]{background-color:var(--bn-colors-highlights-yellow-background)}[data-background-color=green]{background-color:var(--bn-colors-highlights-green-background)}[data-background-color=blue]{background-color:var(--bn-colors-highlights-blue-background)}[data-background-color=purple]{background-color:var(--bn-colors-highlights-purple-background)}[data-background-color=pink]{background-color:var(--bn-colors-highlights-pink-background)}.bn-ak-menu{position:relative;z-index:50;display:flex;max-height:var(--popover-available-height);min-width:180px;flex-direction:column;overscroll-behavior:contain;border-radius:.5rem;border-width:1px;border-style:solid;border-color:#dae2e7;background-color:#fff;padding:.5rem;color:#000;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;outline:none!important;overflow:visible}.bn-ak-menu:not(:focus) .bn-ak-menu-item:not(:focus)[aria-expanded=true]{background-color:#00000013;color:currentColor}.bn-ak-menu:not(:focus) .bn-ak-menu-item:not(:focus)[aria-expanded=true]:where(.dark,.dark *){background-color:#ffffff1a}.bn-ak-menu-item .label{flex:1 1 0%}.bn-ak-button{--border: rgb(0 0 0/13%);--highlight: rgb(255 255 255/20%);--shadow: rgb(0 0 0/10%);display:flex;height:2.5rem;-webkit-user-select:none;user-select:none;align-items:center;gap:.25rem;white-space:nowrap;border-style:none;background-color:#fff;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem;color:#000;text-decoration-line:none;outline-width:2px;outline-offset:2px;outline-color:#007acc;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--highlight),inset 0 -1px 0 var(--shadow),0 1px 1px var(--shadow);justify-content:space-between;width:100%;border-radius:.375rem}.bn-ak-primary{--border: rgba(0, 0, 0, .15);--highlight: rgba(255, 255, 255, .25);--shadow: rgba(0, 0, 0, .15);background-color:#007acc;color:#fff;justify-content:center}.bn-ak-primary:hover{--border: rgba(0, 0, 0, .35);background-color:#006bb3}.bn-ak-primary:where(.dark,.dark *){--border: rgba(255, 255, 255, .25);--highlight: rgba(255, 255, 255, .1);--shadow: rgba(0, 0, 0, .25);background-color:#006bb3}.bn-ak-primary:hover:where(.dark,.dark *){--border: rgba(255, 255, 255, .45);background-color:#007acc}.bn-ak-wrapper{display:flex;width:320px;max-width:100%;flex-direction:column;gap:1.5rem;border-radius:.5rem;background-color:#fff;padding:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.bn-ak-label{padding-left:1rem}.bn-ak-field{display:flex;flex-direction:column;gap:.5rem}.bn-ak-input{height:2.5rem;width:100%;border-radius:.375rem;border-style:none;background-color:#edf0f366;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem;color:#000;box-shadow:inset 0 0 0 1px #0000001a,inset 0 2px 5px #0000000d}.bn-ak-input::placeholder{color:#0009}.bn-ak-input:hover{background-color:#edf0f3}.bn-ak-popover:focus-visible,.bn-ak-popover[data-focus-visible],.bn-ak-input:focus-visible,.bn-ak-input[data-focus-visible]{outline:2px solid hsl(204 100% 40%);outline-offset:-1px}.bn-ak-input:where(.dark,.dark *){background-color:#181a1b;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -1px #ffffff0d,inset 0 2px 5px #00000026}.bn-ak-input:where(.dark,.dark *)::placeholder{color:#ffffff75}.bn-ak-input:hover:where(.dark,.dark *){background-color:#141515}.bn-ak-error{width:fit-content;border-radius:.375rem;border-width:1px;border-color:#e9afb2;background-color:#e9afb266;padding:.5rem 1rem;color:#990008}.bn-ak-error:empty{display:none}.bn-ak-error:where(.dark,.dark *){border-color:#c7383f66;background-color:#a72f3540;color:#ffcccf}.bn-ak-buttons{display:flex;gap:1rem;padding-top:1rem}.bn-ak-button{--border: rgb(0 0 0/13%);--highlight: rgb(255 255 255/20%);--shadow: rgb(0 0 0/10%);display:flex;height:2.5rem;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap;border-radius:.5rem;border-style:none;background-color:#fff;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem;color:#000;text-decoration-line:none;outline-width:2px;outline-offset:2px;outline-color:#007acc;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--highlight),inset 0 -1px 0 var(--shadow),0 1px 1px var(--shadow);font-weight:500}.bn-ak-menu{position:relative;z-index:50;display:flex;min-width:180px;flex-direction:column;overscroll-behavior:contain;border-radius:.5rem;border-width:1px;border-style:solid;border-color:#dae2e7;background-color:#fff;padding:.5rem;color:#000;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;outline:none!important}.bn-ak-menu:where(.dark,.dark *){border-color:#3b3e40;background-color:#27292a;color:#fff;box-shadow:0 10px 15px -3px #00000040,0 4px 6px -4px #0000001a}.bn-ak-menu-item{display:flex;cursor:default;scroll-margin:.5rem;align-items:center;gap:.5rem;border-radius:.25rem;padding:.5rem;outline:none!important}.bn-ak-menu-item[aria-disabled=true]{opacity:.25}.bn-ak-menu-item[data-active-item]{background-color:#007acc;color:#fff}.bn-ak-menu-item:active,.bn-ak-menu-item[data-active]{background-color:#0062a3;padding-top:9px;padding-bottom:7px}.bn-ak-button{--border: rgb(0 0 0/13%);--highlight: rgb(255 255 255/20%);--shadow: rgb(0 0 0/10%);display:flex;height:2.5rem;-webkit-user-select:none;user-select:none;align-items:center;gap:.25rem;white-space:nowrap;border-radius:.5rem;border-style:none;background-color:#fff;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem;color:#000;text-decoration-line:none;outline-width:2px;outline-offset:2px;outline-color:#007acc;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--highlight),inset 0 -1px 0 var(--shadow),0 1px 1px var(--shadow);width:200px;justify-content:space-between}.bn-ak-wrapper{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.bn-ak-popover{z-index:50;display:flex;max-height:min(var(--popover-available-height, 300px),300px);flex-direction:column;overflow:auto;overscroll-behavior:contain;border-radius:.5rem;border-width:1px;border-style:solid;border-color:#dae2e7;background-color:#fff;padding:.5rem;color:#000;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.bn-ak-popover:focus-visible,.bn-ak-popover[data-focus-visible]{outline:2px solid hsl(204 100% 40%);outline-offset:-1px}.bn-ak-popover:where(.dark,.dark *){border-color:#3b3e40;background-color:#27292a;color:#fff;box-shadow:0 10px 15px -3px #00000040,0 4px 6px -4px #0000001a}.bn-ak-select-item{display:flex;cursor:default;scroll-margin:.5rem;align-items:center;gap:.5rem;border-radius:.25rem;padding:.5rem;outline:none!important}.bn-ak-select-item[aria-disabled=true]{opacity:.5}.bn-ak-select-item[data-active-item]{background-color:#007acc;color:#fff}.bn-ak-separator{margin-top:.5rem;margin-bottom:.5rem;height:0px;width:100%;border-top-width:1px;border-color:#dae2e7}.bn-ak-group-label{cursor:default;padding:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;opacity:.6}.bn-ak-group-label+*{scroll-margin-top:2.5rem}.bn-ak-wrapper{display:flex;flex-direction:column;gap:.5rem;border-radius:.5rem;background-color:#fff;padding:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.bn-ak-wrapper:where(.dark,.dark *){background-color:#27292a;box-shadow:0 1px 3px #00000040,0 1px 2px -1px #0000001a}.bn-ak-tab-list{display:flex;gap:.5rem}.bn-ak-tab{display:flex;height:2.5rem;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:.25rem;border-style:none;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem;text-decoration-line:none;outline-width:2px;outline-offset:2px;outline-color:#007acc}.bn-ak-tab:hover{background-color:#00000013}.bn-ak-tab[aria-disabled=true]{opacity:.5}.bn-ak-tab[aria-selected=true]{background-color:#007acc;color:#fff}.bn-ak-tab:hover[aria-selected=true]{background-color:#0062a3}.bn-ak-tab[data-focus-visible]{outline-style:solid}.bn-ak-tab:active,.bn-ak-tab[data-active]{padding-top:.125rem}.bn-ak-tab:hover:where(.dark,.dark *){background-color:#ffffff1a}.bn-ak-tab[aria-selected=true]:where(.dark,.dark *){background-color:#007acc;color:#fff}.bn-ak-tab:hover[aria-selected=true]:where(.dark,.dark *){background-color:#0062a3}.bn-ak-panels{padding:.5rem}.bn-ak-button{--border: rgb(0 0 0/13%);--highlight: rgb(255 255 255/20%);--shadow: rgb(0 0 0/10%);display:flex;height:2.5rem;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;white-space:nowrap;border-style:none;background-color:#fff;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem;color:#000;text-decoration-line:none;outline-width:2px;outline-offset:2px;outline-color:#007acc;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--highlight),inset 0 -1px 0 var(--shadow),0 1px 1px var(--shadow);scroll-margin-left:.25rem;scroll-margin-right:.25rem;gap:.5rem;border-radius:.25rem}.bn-ak-button:where(.dark,.dark *){--border: rgb(255 255 255/10%);--highlight: rgb(255 255 255/5%);--shadow: rgb(0 0 0/25%);background-color:#ffffff0d;color:#fff;box-shadow:inset 0 0 0 1px var(--border),inset 0 -1px 0 1px var(--shadow),inset 0 1px 0 var(--highlight)}.bn-ak-button:not(:active):hover{--border: rgb(0 0 0/33%)}.bn-ak-button:where(.dark,.dark *):not(:active):hover{--border: rgb(255 255 255/25%)}.bn-ak-button[aria-disabled=true]{opacity:.5}.bn-ak-button[data-focus-visible]{outline-style:solid}.bn-ak-button:active,.bn-ak-button[data-active]{padding-top:.125rem;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--border)}@media (min-width: 640px){.bn-ak-button{gap:.5rem}}.bn-ak-button:active:where(.dark,.dark *),.bn-ak-button[data-active]:where(.dark,.dark *){box-shadow:inset 0 0 0 1px var(--border),inset 0 1px 1px 1px var(--shadow)}.bn-ak-secondary{background-color:transparent;color:currentColor;box-shadow:none}.bn-ak-secondary:hover{background-color:#0000000d}.bn-ak-secondary:where(.dark,.dark *){background-color:transparent;box-shadow:none}.bn-ak-secondary:hover:where(.dark,.dark *){background-color:#ffffff0d}.bn-ak-secondary:active:where(.dark,.dark *),.bn-ak-secondary[data-active]:where(.dark,.dark *){box-shadow:none}.bn-ak-toolbar{display:flex;max-width:100%;align-items:center;gap:.25rem;overflow-x:auto;border-radius:.5rem;background-color:#fff;padding:.25rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.bn-ak-toolbar:where(.dark,.dark *){background-color:#27292a;box-shadow:0 1px 3px #00000040,0 1px 2px -1px #0000001a}.bn-ak-separator{height:2rem;border-right-width:1px;border-color:#dae2e7}.bn-ak-separator:where(.dark,.dark *){border-color:#45484a}.bn-ak-tooltip{z-index:50;cursor:default;border-radius:.375rem;border-width:1px;border-color:#c8d3da;background-color:#edf0f3;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;color:#000;box-shadow:0 1px 2px #0000000d}.bn-ak-tooltip:where(.dark,.dark *){border-color:#3b3e40;background-color:#27292a;color:#fff;box-shadow:0 1px 2px #00000026}.bn-ak-link{font-weight:500;color:#006bb3;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.25em}.bn-ak-link:hover{text-decoration-thickness:3px}.bn-ak-link:where(.dark,.dark *){color:#47b6ff}.bn-ak-input-wrapper{align-items:center;display:flex;gap:.5rem}.bn-toolbar .bn-ak-button{width:unset}.bn-toolbar .bn-ak-button[data-selected]{padding-top:.125rem;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--border)}.bn-toolbar .bn-ak-button[data-selected]:where(.dark,.dark *){box-shadow:inset 0 0 0 1px var(--border),inset 0 1px 1px 1px var(--shadow)}.bn-toolbar .bn-ak-popover{gap:.5rem}.bn-tab-panel{align-items:center;display:flex;flex-direction:column;gap:.5rem}.bn-file-input{max-width:100%}.bn-ak-button{outline-style:none}.bn-ak-menu-item[aria-selected=true],.bn-ak-menu-item:hover{background-color:#007acc;color:#fff}.bn-ak-menu-item{display:flex}.bn-dropdown{overflow:visible}.bn-suggestion-menu,.bn-color-picker-dropdown{overflow:scroll}.bn-ak-suggestion-menu-item-body{flex:1}.bn-ak-suggestion-menu-item-subtitle{font-size:.7rem}.bn-ak-suggestion-menu-item-section[data-position=left]{padding:8px}.bn-ak-suggestion-menu-item-section[data-position=right]{--border: rgb(0 0 0/13%);--highlight: rgb(255 255 255/20%);--shadow: rgb(0 0 0/10%);box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--highlight),inset 0 -1px 0 var(--shadow),0 1px 1px var(--shadow);font-size:.7rem;border-radius:4px;padding-inline:4px}.bn-side-menu{align-items:center;display:flex;justify-content:center}.bn-side-menu .bn-ak-button{height:fit-content;padding:0;width:fit-content}.bn-panel-popover{background-color:transparent;border:none;box-shadow:none}.bn-table-handle{height:fit-content;padding:0;width:fit-content}.bn-side-menu,.bn-table-handle{color:gray}.bn-ak-button:where(.dark,.dark *){color:#fff}.bn-ak-tab,.bn-file-input{background-color:transparent;color:#000}.bn-ak-tab:where(.dark,.dark *),.bn-file-input:where(.dark,.dark *){color:#fff}.bn-ak-tooltip{align-items:center;display:flex;flex-direction:column}
+.bn-block-outer{line-height:1.5;transition:margin .2s}.bn-block{display:flex;flex-direction:column}.bn-block-content{display:flex;padding:3px 0;transition:font-size .2s;width:100%}.bn-block-content:before{transition:all .2s}.bn-block-content.ProseMirror-selectednode>*,.ProseMirror-selectednode>.bn-block-content>*{border-radius:4px;outline:4px solid rgb(100,160,255)}.bn-block-group .bn-block-group{margin-left:1.5em}.bn-block-group .bn-block-group>.bn-block-outer{position:relative}.bn-block-group .bn-block-group>.bn-block-outer:not([data-prev-depth-changed]):before{content:" ";display:inline;position:absolute;left:-20px;height:100%;transition:all .2s .1s}.bn-block-group .bn-block-group>.bn-block-outer[data-prev-depth-change="-2"]:before{height:0}.bn-inline-content code{font-family:monospace}[data-prev-depth-change="1"]{--x: 1}[data-prev-depth-change="2"]{--x: 2}[data-prev-depth-change="3"]{--x: 3}[data-prev-depth-change="4"]{--x: 4}[data-prev-depth-change="5"]{--x: 5}[data-prev-depth-change="-1"]{--x: -1}[data-prev-depth-change="-2"]{--x: -2}[data-prev-depth-change="-3"]{--x: -3}[data-prev-depth-change="-4"]{--x: -4}[data-prev-depth-change="-5"]{--x: -5}.bn-block-outer[data-prev-depth-change]{margin-left:calc(10px * var(--x))}.bn-block-outer[data-prev-depth-change] .bn-block-outer[data-prev-depth-change]{margin-left:0}[data-level="1"]{--level: 3em}[data-level="2"]{--level: 2em}[data-level="3"]{--level: 1.3em}[data-prev-level="1"]{--prev-level: 3em}[data-prev-level="2"]{--prev-level: 2em}[data-prev-level="3"]{--prev-level: 1.3em}.bn-block-outer[data-prev-type=heading]>.bn-block>.bn-block-content{font-size:var(--prev-level);font-weight:700}.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=heading]{font-size:var(--level);font-weight:700}.bn-block-content:before{margin-right:0;content:""}.bn-block-content[data-content-type=numberedListItem]{display:flex;gap:.5em}[data-content-type=numberedListItem]{--index: attr(data-index)}[data-prev-type=numberedListItem]{--prev-index: attr(data-prev-index)}.bn-block-outer[data-prev-type=numberedListItem]:not([data-prev-index=none])>.bn-block>.bn-block-content:before{content:var(--prev-index) "."}.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=numberedListItem]:before{content:var(--index) "."}.bn-block-content[data-content-type=bulletListItem]{display:flex;gap:.5em}.bn-block-content[data-content-type=checkListItem]>div{display:flex}.bn-block-content[data-content-type=checkListItem]>div>div>input{margin:0;margin-inline-end:.5em;cursor:pointer}.bn-block-content[data-content-type=checkListItem][data-checked=true] .bn-inline-content{text-decoration:line-through}.bn-block-content[data-text-alignment=center]{justify-content:center}.bn-block-content[data-text-alignment=right]{justify-content:flex-end}.bn-block-outer[data-prev-type=bulletListItem]>.bn-block>.bn-block-content:before{content:"•"}.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before{content:"•"}[data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer[data-prev-type=bulletListItem]>.bn-block>.bn-block-content:before{content:"◦"}[data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before{content:"◦"}[data-content-type=bulletListItem]~.bn-block-group [data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer[data-prev-type=bulletListItem]>.bn-block>.bn-block-content:before{content:"▪"}[data-content-type=bulletListItem]~.bn-block-group [data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before{content:"▪"}[data-file-block] .bn-file-block-content-wrapper:has(.bn-add-file-button),[data-file-block] .bn-file-block-content-wrapper:has(.bn-file-default-preview){width:100%}[data-file-block] .bn-file-block-content-wrapper{cursor:pointer;display:flex;flex-direction:column;justify-content:stretch;-webkit-user-select:none;user-select:none}[data-file-block] .bn-add-file-button{align-items:center;background-color:#f2f1ee;border-radius:4px;color:#7d797a;display:flex;flex-direction:row;gap:10px;padding:12px;width:100%}.bn-editor[contenteditable=true] [data-file-block] .bn-add-file-button:hover{background-color:#e1e1e1}[data-file-block] .bn-add-file-button-icon{width:24px;height:24px}[data-file-block] .bn-add-file-button .bn-add-file-button-text{font-size:.9rem}[data-file-block] .bn-file-and-caption-wrapper{display:flex;flex-direction:column;border-radius:4px}[data-file-block] .bn-file-default-preview{align-items:center;border-radius:4px;display:flex;flex-direction:row;gap:4px;padding:4px;width:100%}[data-file-block] .bn-file-default-preview:hover,.ProseMirror-selectednode .bn-file-default-preview{background-color:#e1e1e1}[data-file-block] .bn-file-default-preview-icon{width:24px;height:24px}[data-file-block] .bn-visual-media-wrapper{display:flex;flex-direction:row;align-items:center;position:relative;width:fit-content}[data-file-block] .bn-visual-media{border-radius:4px;max-width:100%}[data-file-block] .bn-visual-media-resize-handle{position:absolute;width:8px;height:30px;background-color:#000;border:1px solid white;border-radius:4px;cursor:ew-resize}[data-content-type=audio]>.bn-file-block-content-wrapper,.bn-audio{width:100%}[data-file-block] .bn-file-caption{font-size:.8em;padding-block:4px}[data-file-block] .bn-file-caption:empty{padding-block:0}.bn-inline-content:has(>.ProseMirror-trailingBreak:only-child):before{pointer-events:none;height:0;position:absolute;font-style:italic}[data-text-color=gray]{color:#9b9a97}[data-text-color=brown]{color:#64473a}[data-text-color=red]{color:#e03e3e}[data-text-color=orange]{color:#d9730d}[data-text-color=yellow]{color:#dfab01}[data-text-color=green]{color:#4d6461}[data-text-color=blue]{color:#0b6e99}[data-text-color=purple]{color:#6940a5}[data-text-color=pink]{color:#ad1a72}[data-background-color=gray]{background-color:#ebeced}[data-background-color=brown]{background-color:#e9e5e3}[data-background-color=red]{background-color:#fbe4e4}[data-background-color=orange]{background-color:#faebdd}[data-background-color=yellow]{background-color:#fbf3db}[data-background-color=green]{background-color:#ddedea}[data-background-color=blue]{background-color:#ddebf1}[data-background-color=purple]{background-color:#eae4f2}[data-background-color=pink]{background-color:#f4dfeb}[data-text-alignment=left]{justify-content:flex-start;text-align:left}[data-text-alignment=center]{justify-content:center;text-align:center}[data-text-alignment=right]{justify-content:flex-end;text-align:right}[data-text-alignment=justify]{justify-content:flex-start;text-align:justify}.ProseMirror .tableWrapper{overflow-x:auto}.ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;overflow:hidden}.ProseMirror td,.ProseMirror th{vertical-align:top;box-sizing:border-box;position:relative}.ProseMirror .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;z-index:20;background-color:#adf;pointer-events:none}.ProseMirror.resize-cursor{cursor:ew-resize;cursor:col-resize}.ProseMirror .selectedCell:after{z-index:2;position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:rgba(200,200,255,.4);pointer-events:none}.bn-editor{outline:none;padding-inline:54px;--N800: #172b4d;--N40: #dfe1e6}.bn-root{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bn-root *,.bn-root *:before,.bn-root *:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}.bn-default-styles p,.bn-default-styles h1,.bn-default-styles h2,.bn-default-styles h3,.bn-default-styles li{margin:0;padding:0;font-size:inherit;min-width:2px!important}.bn-default-styles{font-size:16px;font-weight:400;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Open Sans,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bn-table-drop-cursor{position:absolute;z-index:20;background-color:#adf;pointer-events:none}.bn-drag-preview{position:absolute;left:-100000px}.collaboration-cursor__caret{border-left:1px solid #0d0d0d;border-right:1px solid #0d0d0d;margin-left:-1px;margin-right:-1px;pointer-events:none;position:relative;word-break:normal}.collaboration-cursor__label{border-radius:3px 3px 3px 0;color:#0d0d0d;font-size:12px;font-style:normal;font-weight:600;left:-1px;line-height:normal;padding:.1rem .3rem;position:absolute;top:-1.4em;-webkit-user-select:none;user-select:none;white-space:nowrap}.bn-editor table{width:auto!important}.bn-editor th,.bn-editor td{min-width:1em;border:1px solid #ddd;padding:3px 5px}.bn-editor .tableWrapper{margin:1em 0}.bn-editor th{font-weight:700;text-align:left}.bn-container{--bn-colors-editor-text: #3f3f3f;--bn-colors-editor-background: #ffffff;--bn-colors-menu-text: #3f3f3f;--bn-colors-menu-background: #ffffff;--bn-colors-tooltip-text: #3f3f3f;--bn-colors-tooltip-background: #efefef;--bn-colors-hovered-text: #3f3f3f;--bn-colors-hovered-background: #efefef;--bn-colors-selected-text: #ffffff;--bn-colors-selected-background: #3f3f3f;--bn-colors-disabled-text: #afafaf;--bn-colors-disabled-background: #efefef;--bn-colors-shadow: #cfcfcf;--bn-colors-border: #efefef;--bn-colors-side-menu: #cfcfcf;--bn-colors-highlights-gray-text: #9b9a97;--bn-colors-highlights-gray-background: #ebeced;--bn-colors-highlights-brown-text: #64473a;--bn-colors-highlights-brown-background: #e9e5e3;--bn-colors-highlights-red-text: #e03e3e;--bn-colors-highlights-red-background: #fbe4e4;--bn-colors-highlights-orange-text: #d9730d;--bn-colors-highlights-orange-background: #f6e9d9;--bn-colors-highlights-yellow-text: #dfab01;--bn-colors-highlights-yellow-background: #fbf3db;--bn-colors-highlights-green-text: #4d6461;--bn-colors-highlights-green-background: #ddedea;--bn-colors-highlights-blue-text: #0b6e99;--bn-colors-highlights-blue-background: #ddebf1;--bn-colors-highlights-purple-text: #6940a5;--bn-colors-highlights-purple-background: #eae4f2;--bn-colors-highlights-pink-text: #ad1a72;--bn-colors-highlights-pink-background: #f4dfeb;--bn-font-family: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--bn-border-radius: 6px;--bn-shadow-medium: 0 4px 12px var(--bn-colors-shadow);--bn-shadow-light: 0 2px 6px var(--bn-colors-border);--bn-border: 1px solid var(--bn-colors-border);--bn-border-radius-small: max(var(--bn-border-radius) - 2px, 1px);--bn-border-radius-medium: var(--bn-border-radius);--bn-border-radius-large: max(var(--bn-border-radius) + 2px, 1px)}.bn-container[data-color-scheme=dark]{--bn-colors-editor-text: #cfcfcf;--bn-colors-editor-background: #1f1f1f;--bn-colors-menu-text: #cfcfcf;--bn-colors-menu-background: #1f1f1f;--bn-colors-tooltip-text: #cfcfcf;--bn-colors-tooltip-background: #161616;--bn-colors-hovered-text: #cfcfcf;--bn-colors-hovered-background: #161616;--bn-colors-selected-text: #cfcfcf;--bn-colors-selected-background: #0f0f0f;--bn-colors-disabled-text: #3f3f3f;--bn-colors-disabled-background: #161616;--bn-colors-shadow: #0f0f0f;--bn-colors-border: #161616;--bn-colors-side-menu: #7f7f7f;--bn-colors-highlights-gray-text: #bebdb8;--bn-colors-highlights-gray-background: #9b9a97;--bn-colors-highlights-brown-text: #8e6552;--bn-colors-highlights-brown-background: #64473a;--bn-colors-highlights-red-text: #ec4040;--bn-colors-highlights-red-background: #be3434;--bn-colors-highlights-orange-text: #e3790d;--bn-colors-highlights-orange-background: #b7600a;--bn-colors-highlights-yellow-text: #dfab01;--bn-colors-highlights-yellow-background: #b58b00;--bn-colors-highlights-green-text: #6b8b87;--bn-colors-highlights-green-background: #4d6461;--bn-colors-highlights-blue-text: #0e87bc;--bn-colors-highlights-blue-background: #0b6e99;--bn-colors-highlights-purple-text: #8552d7;--bn-colors-highlights-purple-background: #6940a5;--bn-colors-highlights-pink-text: #da208f;--bn-colors-highlights-pink-background: #ad1a72}.bn-container *{font-family:var(--bn-font-family)}.bn-editor{background-color:var(--bn-colors-editor-background);border-radius:var(--bn-border-radius-large);color:var(--bn-colors-editor-text);font-family:var(--bn-font-family)}.bn-react-node-view-renderer{display:flex;flex-direction:column;width:100%}.bn-block-group .bn-block-group .bn-block-outer:not([data-prev-depth-changed]):before{border-left:1px solid var(--bn-colors-side-menu)}.bn-inline-content:has(>.ProseMirror-trailingBreak):before{color:var(--bn-colors-side-menu)}.bn-container .bn-color-icon{align-items:center;border:var(--bn-border);border-radius:var(--bn-border-radius-small);display:flex;justify-content:center}.bn-error-text{color:red;font-size:12px}[data-text-color=gray]{color:var(--bn-colors-highlights-gray-text)}[data-text-color=brown]{color:var(--bn-colors-highlights-brown-text)}[data-text-color=red]{color:var(--bn-colors-highlights-red-text)}[data-text-color=orange]{color:var(--bn-colors-highlights-orange-text)}[data-text-color=yellow]{color:var(--bn-colors-highlights-yellow-text)}[data-text-color=green]{color:var(--bn-colors-highlights-green-text)}[data-text-color=blue]{color:var(--bn-colors-highlights-blue-text)}[data-text-color=purple]{color:var(--bn-colors-highlights-purple-text)}[data-text-color=pink]{color:var(--bn-colors-highlights-pink-text)}[data-background-color=gray]{background-color:var(--bn-colors-highlights-gray-background)}[data-background-color=brown]{background-color:var(--bn-colors-highlights-brown-background)}[data-background-color=red]{background-color:var(--bn-colors-highlights-red-background)}[data-background-color=orange]{background-color:var(--bn-colors-highlights-orange-background)}[data-background-color=yellow]{background-color:var(--bn-colors-highlights-yellow-background)}[data-background-color=green]{background-color:var(--bn-colors-highlights-green-background)}[data-background-color=blue]{background-color:var(--bn-colors-highlights-blue-background)}[data-background-color=purple]{background-color:var(--bn-colors-highlights-purple-background)}[data-background-color=pink]{background-color:var(--bn-colors-highlights-pink-background)}.bn-side-menu{height:30px}.bn-side-menu[data-block-type=heading][data-level="1"]{height:78px}.bn-side-menu[data-block-type=heading][data-level="2"]{height:54px}.bn-side-menu[data-block-type=heading][data-level="3"]{height:37px}.bn-side-menu[data-block-type=file]{height:38px}.bn-side-menu[data-block-type=audio]{height:60px}.bn-side-menu[data-url=false]{height:54px}.bn-ak-menu{position:relative;z-index:50;display:flex;max-height:var(--popover-available-height);min-width:180px;flex-direction:column;overscroll-behavior:contain;border-radius:.5rem;border-width:1px;border-style:solid;border-color:#dae2e7;background-color:#fff;padding:.5rem;color:#000;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;outline:none!important;overflow:visible}.bn-ak-menu:not(:focus) .bn-ak-menu-item:not(:focus)[aria-expanded=true]{background-color:#00000013;color:currentColor}.bn-ak-menu:not(:focus) .bn-ak-menu-item:not(:focus)[aria-expanded=true]:where(.dark,.dark *){background-color:#ffffff1a}.bn-ak-menu-item .label{flex:1 1 0%}.bn-ak-button{--border: rgb(0 0 0/13%);--highlight: rgb(255 255 255/20%);--shadow: rgb(0 0 0/10%);display:flex;height:2.5rem;-webkit-user-select:none;user-select:none;align-items:center;gap:.25rem;white-space:nowrap;border-style:none;background-color:#fff;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem;color:#000;text-decoration-line:none;outline-width:2px;outline-offset:2px;outline-color:#007acc;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--highlight),inset 0 -1px 0 var(--shadow),0 1px 1px var(--shadow);justify-content:space-between;width:100%;border-radius:.375rem}.bn-ak-primary{--border: rgba(0, 0, 0, .15);--highlight: rgba(255, 255, 255, .25);--shadow: rgba(0, 0, 0, .15);background-color:#007acc;color:#fff;justify-content:center}.bn-ak-primary:hover{--border: rgba(0, 0, 0, .35);background-color:#006bb3}.bn-ak-primary:where(.dark,.dark *){--border: rgba(255, 255, 255, .25);--highlight: rgba(255, 255, 255, .1);--shadow: rgba(0, 0, 0, .25);background-color:#006bb3}.bn-ak-primary:hover:where(.dark,.dark *){--border: rgba(255, 255, 255, .45);background-color:#007acc}.bn-ak-wrapper{display:flex;width:320px;max-width:100%;flex-direction:column;gap:1.5rem;border-radius:.5rem;background-color:#fff;padding:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.bn-ak-label{padding-left:1rem}.bn-ak-field{display:flex;flex-direction:column;gap:.5rem}.bn-ak-input{height:2.5rem;width:100%;border-radius:.375rem;border-style:none;background-color:#edf0f366;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem;color:#000;box-shadow:inset 0 0 0 1px #0000001a,inset 0 2px 5px #0000000d}.bn-ak-input::placeholder{color:#0009}.bn-ak-input:hover{background-color:#edf0f3}.bn-ak-popover:focus-visible,.bn-ak-popover[data-focus-visible],.bn-ak-input:focus-visible,.bn-ak-input[data-focus-visible]{outline:2px solid hsl(204 100% 40%);outline-offset:-1px}.bn-ak-input:where(.dark,.dark *){background-color:#181a1b;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -1px #ffffff0d,inset 0 2px 5px #00000026}.bn-ak-input:where(.dark,.dark *)::placeholder{color:#ffffff75}.bn-ak-input:hover:where(.dark,.dark *){background-color:#141515}.bn-ak-error{width:fit-content;border-radius:.375rem;border-width:1px;border-color:#e9afb2;background-color:#e9afb266;padding:.5rem 1rem;color:#990008}.bn-ak-error:empty{display:none}.bn-ak-error:where(.dark,.dark *){border-color:#c7383f66;background-color:#a72f3540;color:#ffcccf}.bn-ak-buttons{display:flex;gap:1rem;padding-top:1rem}.bn-ak-button{--border: rgb(0 0 0/13%);--highlight: rgb(255 255 255/20%);--shadow: rgb(0 0 0/10%);display:flex;height:2.5rem;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap;border-radius:.5rem;border-style:none;background-color:#fff;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem;color:#000;text-decoration-line:none;outline-width:2px;outline-offset:2px;outline-color:#007acc;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--highlight),inset 0 -1px 0 var(--shadow),0 1px 1px var(--shadow);font-weight:500}.bn-ak-menu{position:relative;z-index:50;display:flex;min-width:180px;flex-direction:column;overscroll-behavior:contain;border-radius:.5rem;border-width:1px;border-style:solid;border-color:#dae2e7;background-color:#fff;padding:.5rem;color:#000;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;outline:none!important}.bn-ak-menu:where(.dark,.dark *){border-color:#3b3e40;background-color:#27292a;color:#fff;box-shadow:0 10px 15px -3px #00000040,0 4px 6px -4px #0000001a}.bn-ak-menu-item{display:flex;cursor:default;scroll-margin:.5rem;align-items:center;gap:.5rem;border-radius:.25rem;padding:.5rem;outline:none!important}.bn-ak-menu-item[aria-disabled=true]{opacity:.25}.bn-ak-menu-item[data-active-item]{background-color:#007acc;color:#fff}.bn-ak-menu-item:active,.bn-ak-menu-item[data-active]{background-color:#0062a3;padding-top:9px;padding-bottom:7px}.bn-ak-button{--border: rgb(0 0 0/13%);--highlight: rgb(255 255 255/20%);--shadow: rgb(0 0 0/10%);display:flex;height:2.5rem;-webkit-user-select:none;user-select:none;align-items:center;gap:.25rem;white-space:nowrap;border-radius:.5rem;border-style:none;background-color:#fff;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem;color:#000;text-decoration-line:none;outline-width:2px;outline-offset:2px;outline-color:#007acc;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--highlight),inset 0 -1px 0 var(--shadow),0 1px 1px var(--shadow);width:200px;justify-content:space-between}.bn-ak-wrapper{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.bn-ak-popover{z-index:50;display:flex;max-height:min(var(--popover-available-height, 300px),300px);flex-direction:column;overflow:auto;overscroll-behavior:contain;border-radius:.5rem;border-width:1px;border-style:solid;border-color:#dae2e7;background-color:#fff;padding:.5rem;color:#000;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.bn-ak-popover:focus-visible,.bn-ak-popover[data-focus-visible]{outline:2px solid hsl(204 100% 40%);outline-offset:-1px}.bn-ak-popover:where(.dark,.dark *){border-color:#3b3e40;background-color:#27292a;color:#fff;box-shadow:0 10px 15px -3px #00000040,0 4px 6px -4px #0000001a}.bn-ak-select-item{display:flex;cursor:default;scroll-margin:.5rem;align-items:center;gap:.5rem;border-radius:.25rem;padding:.5rem;outline:none!important}.bn-ak-select-item[aria-disabled=true]{opacity:.5}.bn-ak-select-item[data-active-item]{background-color:#007acc;color:#fff}.bn-ak-separator{margin-top:.5rem;margin-bottom:.5rem;height:0px;width:100%;border-top-width:1px;border-color:#dae2e7}.bn-ak-group-label{cursor:default;padding:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;opacity:.6}.bn-ak-group-label+*{scroll-margin-top:2.5rem}.bn-ak-wrapper{display:flex;flex-direction:column;gap:.5rem;border-radius:.5rem;background-color:#fff;padding:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.bn-ak-wrapper:where(.dark,.dark *){background-color:#27292a;box-shadow:0 1px 3px #00000040,0 1px 2px -1px #0000001a}.bn-ak-tab-list{display:flex;gap:.5rem}.bn-ak-tab{display:flex;height:2.5rem;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:.25rem;border-style:none;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem;text-decoration-line:none;outline-width:2px;outline-offset:2px;outline-color:#007acc}.bn-ak-tab:hover{background-color:#00000013}.bn-ak-tab[aria-disabled=true]{opacity:.5}.bn-ak-tab[aria-selected=true]{background-color:#007acc;color:#fff}.bn-ak-tab:hover[aria-selected=true]{background-color:#0062a3}.bn-ak-tab[data-focus-visible]{outline-style:solid}.bn-ak-tab:active,.bn-ak-tab[data-active]{padding-top:.125rem}.bn-ak-tab:hover:where(.dark,.dark *){background-color:#ffffff1a}.bn-ak-tab[aria-selected=true]:where(.dark,.dark *){background-color:#007acc;color:#fff}.bn-ak-tab:hover[aria-selected=true]:where(.dark,.dark *){background-color:#0062a3}.bn-ak-panels{padding:.5rem}.bn-ak-button{--border: rgb(0 0 0/13%);--highlight: rgb(255 255 255/20%);--shadow: rgb(0 0 0/10%);display:flex;height:2.5rem;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;white-space:nowrap;border-style:none;background-color:#fff;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem;color:#000;text-decoration-line:none;outline-width:2px;outline-offset:2px;outline-color:#007acc;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--highlight),inset 0 -1px 0 var(--shadow),0 1px 1px var(--shadow);scroll-margin-left:.25rem;scroll-margin-right:.25rem;gap:.5rem;border-radius:.25rem}.bn-ak-button:where(.dark,.dark *){--border: rgb(255 255 255/10%);--highlight: rgb(255 255 255/5%);--shadow: rgb(0 0 0/25%);background-color:#ffffff0d;color:#fff;box-shadow:inset 0 0 0 1px var(--border),inset 0 -1px 0 1px var(--shadow),inset 0 1px 0 var(--highlight)}.bn-ak-button:not(:active):hover{--border: rgb(0 0 0/33%)}.bn-ak-button:where(.dark,.dark *):not(:active):hover{--border: rgb(255 255 255/25%)}.bn-ak-button[aria-disabled=true]{opacity:.5}.bn-ak-button[data-focus-visible]{outline-style:solid}.bn-ak-button:active,.bn-ak-button[data-active]{padding-top:.125rem;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--border)}@media (min-width: 640px){.bn-ak-button{gap:.5rem}}.bn-ak-button:active:where(.dark,.dark *),.bn-ak-button[data-active]:where(.dark,.dark *){box-shadow:inset 0 0 0 1px var(--border),inset 0 1px 1px 1px var(--shadow)}.bn-ak-secondary{background-color:transparent;color:currentColor;box-shadow:none}.bn-ak-secondary:hover{background-color:#0000000d}.bn-ak-secondary:where(.dark,.dark *){background-color:transparent;box-shadow:none}.bn-ak-secondary:hover:where(.dark,.dark *){background-color:#ffffff0d}.bn-ak-secondary:active:where(.dark,.dark *),.bn-ak-secondary[data-active]:where(.dark,.dark *){box-shadow:none}.bn-ak-toolbar{display:flex;max-width:100%;align-items:center;gap:.25rem;overflow-x:auto;border-radius:.5rem;background-color:#fff;padding:.25rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.bn-ak-toolbar:where(.dark,.dark *){background-color:#27292a;box-shadow:0 1px 3px #00000040,0 1px 2px -1px #0000001a}.bn-ak-separator{height:2rem;border-right-width:1px;border-color:#dae2e7}.bn-ak-separator:where(.dark,.dark *){border-color:#45484a}.bn-ak-tooltip{z-index:50;cursor:default;border-radius:.375rem;border-width:1px;border-color:#c8d3da;background-color:#edf0f3;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;color:#000;box-shadow:0 1px 2px #0000000d}.bn-ak-tooltip:where(.dark,.dark *){border-color:#3b3e40;background-color:#27292a;color:#fff;box-shadow:0 1px 2px #00000026}.bn-ak-link{font-weight:500;color:#006bb3;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.25em}.bn-ak-link:hover{text-decoration-thickness:3px}.bn-ak-link:where(.dark,.dark *){color:#47b6ff}.bn-ak-input-wrapper{align-items:center;display:flex;gap:.5rem}.bn-toolbar .bn-ak-button{width:unset}.bn-toolbar .bn-ak-button[data-selected]{padding-top:.125rem;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--border)}.bn-toolbar .bn-ak-button[data-selected]:where(.dark,.dark *){box-shadow:inset 0 0 0 1px var(--border),inset 0 1px 1px 1px var(--shadow)}.bn-toolbar .bn-ak-popover{gap:.5rem}.bn-tab-panel{align-items:center;display:flex;flex-direction:column;gap:.5rem}.bn-file-input{max-width:100%}.bn-ak-button{outline-style:none}.bn-ak-menu-item[aria-selected=true],.bn-ak-menu-item:hover{background-color:#007acc;color:#fff}.bn-ak-menu-item{display:flex}.bn-dropdown{overflow:visible}.bn-suggestion-menu,.bn-color-picker-dropdown{overflow:scroll}.bn-ak-suggestion-menu-item-body{flex:1}.bn-ak-suggestion-menu-item-subtitle{font-size:.7rem}.bn-ak-suggestion-menu-item-section[data-position=left]{padding:8px}.bn-ak-suggestion-menu-item-section[data-position=right]{--border: rgb(0 0 0/13%);--highlight: rgb(255 255 255/20%);--shadow: rgb(0 0 0/10%);box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--highlight),inset 0 -1px 0 var(--shadow),0 1px 1px var(--shadow);font-size:.7rem;border-radius:4px;padding-inline:4px}.bn-side-menu{align-items:center;display:flex;justify-content:center}.bn-side-menu .bn-ak-button{height:fit-content;padding:0;width:fit-content}.bn-panel-popover{background-color:transparent;border:none;box-shadow:none}.bn-table-handle{height:fit-content;padding:0;width:fit-content}.bn-side-menu,.bn-table-handle{color:gray}.bn-ak-button:where(.dark,.dark *){color:#fff}.bn-ak-tab,.bn-file-input{background-color:transparent;color:#000}.bn-ak-tab:where(.dark,.dark *),.bn-file-input:where(.dark,.dark *){color:#fff}.bn-ak-tooltip{align-items:center;display:flex;flex-direction:column}

package/dist/webpack-stats.json

@@ -1 +1 @@
-{"builtAt":1717356260325,"assets":[{"name":"blocknote-ariakit.umd.cjs","size":22772},{"name":"blocknote-ariakit.umd.cjs.map","size":98680}],"chunks":[{"id":"ec22802","entry":true,"initial":true,"files":["blocknote-ariakit.umd.cjs"],"names":["index"]}],"modules":[{"name":"../../node_modules/react/jsx-runtime.js?commonjs-module","size":31,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.production.min.js?commonjs-exports","size":40,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.production.min.js","size":1205,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.development.js?commonjs-exports","size":37,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.development.js","size":43109,"chunks":["ec22802"]},{"name":"../../node_modules/react/jsx-runtime.js","size":225,"chunks":["ec22802"]},{"name":"./src/input/Form.tsx","size":188,"chunks":["ec22802"]},{"name":"./src/input/TextInput.tsx","size":924,"chunks":["ec22802"]},{"name":"./src/menu/Menu.tsx","size":2781,"chunks":["ec22802"]},{"name":"./src/panel/Panel.tsx","size":1276,"chunks":["ec22802"]},{"name":"./src/panel/PanelButton.tsx","size":391,"chunks":["ec22802"]},{"name":"./src/panel/PanelFileInput.tsx","size":564,"chunks":["ec22802"]},{"name":"./src/panel/PanelTab.tsx","size":221,"chunks":["ec22802"]},{"name":"./src/panel/PanelTextInput.tsx","size":565,"chunks":["ec22802"]},{"name":"./src/popover/Popover.tsx","size":840,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenu.tsx","size":240,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenuButton.tsx","size":631,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenu.tsx","size":370,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuItem.tsx","size":1384,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuEmptyItem.tsx","size":435,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLabel.tsx","size":326,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLoader.tsx","size":233,"chunks":["ec22802"]},{"name":"./src/tableHandle/TableHandle.tsx","size":571,"chunks":["ec22802"]},{"name":"./src/toolbar/Toolbar.tsx","size":429,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarButton.tsx","size":1765,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarSelect.tsx","size":1656,"chunks":["ec22802"]},{"name":"./src/style.css","size":17,"chunks":["ec22802"]},{"name":"./src/index.tsx","size":1204,"chunks":["ec22802"]}]}
+{"builtAt":1718240404623,"assets":[{"name":"blocknote-ariakit.umd.cjs","size":23156},{"name":"blocknote-ariakit.umd.cjs.map","size":102781}],"chunks":[{"id":"ec22802","entry":true,"initial":true,"files":["blocknote-ariakit.umd.cjs"],"names":["index"]}],"modules":[{"name":"../../node_modules/react/jsx-runtime.js?commonjs-module","size":31,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.production.min.js?commonjs-exports","size":40,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.production.min.js","size":1205,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.development.js?commonjs-exports","size":37,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.development.js","size":44078,"chunks":["ec22802"]},{"name":"../../node_modules/react/jsx-runtime.js","size":225,"chunks":["ec22802"]},{"name":"./src/input/Form.tsx","size":175,"chunks":["ec22802"]},{"name":"./src/input/TextInput.tsx","size":898,"chunks":["ec22802"]},{"name":"./src/menu/Menu.tsx","size":2665,"chunks":["ec22802"]},{"name":"./src/panel/Panel.tsx","size":1224,"chunks":["ec22802"]},{"name":"./src/panel/PanelButton.tsx","size":378,"chunks":["ec22802"]},{"name":"./src/panel/PanelFileInput.tsx","size":538,"chunks":["ec22802"]},{"name":"./src/panel/PanelTab.tsx","size":221,"chunks":["ec22802"]},{"name":"./src/panel/PanelTextInput.tsx","size":539,"chunks":["ec22802"]},{"name":"./src/popover/Popover.tsx","size":801,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenu.tsx","size":243,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenuButton.tsx","size":618,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenu.tsx","size":357,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuItem.tsx","size":1804,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuEmptyItem.tsx","size":435,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLabel.tsx","size":326,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLoader.tsx","size":233,"chunks":["ec22802"]},{"name":"./src/tableHandle/TableHandle.tsx","size":558,"chunks":["ec22802"]},{"name":"./src/toolbar/Toolbar.tsx","size":416,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarButton.tsx","size":1713,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarSelect.tsx","size":1565,"chunks":["ec22802"]},{"name":"./src/style.css","size":17,"chunks":["ec22802"]},{"name":"./src/index.tsx","size":1208,"chunks":["ec22802"]}]}

package/package.json

@@ -3,7 +3,7 @@
   "homepage": "https://github.com/TypeCellOS/BlockNote",
   "private": false,
   "license": "MPL-2.0",
-  "version": "0.13.5",
+  "version": "0.14.1",
   "files": [
     "dist",
     "types",
@@ -49,8 +49,8 @@
   },
   "dependencies": {
     "@ariakit/react": "^0.4.3",
-    "@blocknote/core": "^0.13.5",
-    "@blocknote/react": "^0.13.5",
+    "@blocknote/core": "^0.14.1",
+    "@blocknote/react": "^0.14.1",
     "react": "^18",
     "react-dom": "^18"
   },
@@ -80,5 +80,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "1747bb10839efe6f00061fe94040a8795aa2f9a8"
+  "gitHead": "de69d1d3902499577ceb870499a03170c66380b1"
 }

package/src/input/Form.tsx

@@ -1,6 +1,6 @@
-import * as Ariakit from "@ariakit/react";
-import { assertEmpty } from "@blocknote/core";
+import { FormProvider as AriakitFormProvider } from "@ariakit/react";
 
+import { assertEmpty } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
 
 export const Form = (props: ComponentProps["Generic"]["Form"]["Root"]) => {
@@ -8,5 +8,5 @@ export const Form = (props: ComponentProps["Generic"]["Form"]["Root"]) => {
 
   assertEmpty(rest);
 
-  return <Ariakit.FormProvider>{children}</Ariakit.FormProvider>;
+  return <AriakitFormProvider>{children}</AriakitFormProvider>;
 };

package/src/input/TextInput.tsx

@@ -1,4 +1,7 @@
-import * as Ariakit from "@ariakit/react";
+import {
+  FormInput as AriakitFormInput,
+  FormLabel as AriakitFormLabel,
+} from "@ariakit/react";
 
 import { assertEmpty, mergeCSSClasses } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
@@ -26,12 +29,10 @@ export const TextInput = forwardRef<
 
   return (
     <>
-      {props.label && (
-        <Ariakit.FormLabel name={name}>{label}</Ariakit.FormLabel>
-      )}
+      {props.label && <AriakitFormLabel name={name}>{label}</AriakitFormLabel>}
       <div className="bn-ak-input-wrapper">
         {icon}
-        <Ariakit.FormInput
+        <AriakitFormInput
           className={mergeCSSClasses("bn-ak-input", className || "")}
           ref={ref}
           name={name}

package/src/menu/Menu.tsx

@@ -1,4 +1,13 @@
-import * as Ariakit from "@ariakit/react";
+import {
+  CheckboxCheck as AriakitCheckboxCheck,
+  Menu as AriakitMenu,
+  MenuButton as AriakitMenuButton,
+  MenuButtonArrow as AriakitMenuButtonArrow,
+  MenuGroupLabel as AriakitMenuGroupLabel,
+  MenuItem as AriakitMenuItem,
+  MenuProvider as AriakitMenuProvider,
+  MenuSeparator as AriakitMenuSeparator,
+} from "@ariakit/react";
 
 import { assertEmpty, mergeCSSClasses } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
@@ -16,12 +25,12 @@ export const Menu = (props: ComponentProps["Generic"]["Menu"]["Root"]) => {
   assertEmpty(rest);
 
   return (
-    <Ariakit.MenuProvider
+    <AriakitMenuProvider
       placement={position}
       setOpen={onOpenChange}
       virtualFocus={true}>
       {children}
-    </Ariakit.MenuProvider>
+    </AriakitMenuProvider>
   );
 };
 
@@ -39,11 +48,12 @@ export const MenuDropdown = forwardRef<
   assertEmpty(rest);
 
   return (
-    <Ariakit.Menu
+    <AriakitMenu
+      unmountOnHide={true}
       className={mergeCSSClasses("bn-ak-menu", className || "")}
       ref={ref}>
       {children}
-    </Ariakit.Menu>
+    </AriakitMenu>
   );
 });
 
@@ -58,27 +68,27 @@ export const MenuItem = forwardRef<
 
   if (subTrigger) {
     return (
-      <Ariakit.MenuButton
-        render={<Ariakit.MenuItem />}
+      <AriakitMenuButton
+        render={<AriakitMenuItem />}
         className={mergeCSSClasses("bn-ak-menu-item", className || "")}
         ref={ref}
         onClick={onClick}>
         {icon}
         {children}
-        <Ariakit.MenuButtonArrow />
-        {checked !== undefined && <Ariakit.CheckboxCheck checked={checked} />}
-      </Ariakit.MenuButton>
+        <AriakitMenuButtonArrow />
+        {checked !== undefined && <AriakitCheckboxCheck checked={checked} />}
+      </AriakitMenuButton>
     );
   }
   return (
-    <Ariakit.MenuItem
+    <AriakitMenuItem
       className={mergeCSSClasses("bn-ak-menu-item", className || "")}
       ref={ref}
       onClick={onClick}>
       {icon}
       {children}
-      {checked !== undefined && <Ariakit.CheckboxCheck checked={checked} />}
-    </Ariakit.MenuItem>
+      {checked !== undefined && <AriakitCheckboxCheck checked={checked} />}
+    </AriakitMenuItem>
   );
 });
 
@@ -91,11 +101,11 @@ export const MenuLabel = forwardRef<
   assertEmpty(rest);
 
   return (
-    <Ariakit.MenuGroupLabel
+    <AriakitMenuGroupLabel
       className={mergeCSSClasses("bn-ak-group-label", className || "")}
       ref={ref}>
       {children}
-    </Ariakit.MenuGroupLabel>
+    </AriakitMenuGroupLabel>
   );
 });
 
@@ -110,7 +120,7 @@ export const MenuTrigger = (
     return children;
   }
 
-  return <Ariakit.MenuButton render={children as any}></Ariakit.MenuButton>;
+  return <AriakitMenuButton render={children as any}></AriakitMenuButton>;
 };
 
 export const MenuDivider = forwardRef<
@@ -122,7 +132,7 @@ export const MenuDivider = forwardRef<
   assertEmpty(rest);
 
   return (
-    <Ariakit.MenuSeparator
+    <AriakitMenuSeparator
       className={mergeCSSClasses("bn-ak-separator", className || "")}
       ref={ref}
     />

package/src/panel/Panel.tsx

@@ -1,4 +1,9 @@
-import * as Ariakit from "@ariakit/react";
+import {
+  Tab as AriakitTab,
+  TabList as AriakitTabList,
+  TabPanel as AriakitTabPanel,
+  TabProvider as AriakitTabProvider,
+} from "@ariakit/react";
 
 import { assertEmpty, mergeCSSClasses } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
@@ -17,14 +22,13 @@ export const Panel = forwardRef<
     loading, // TODO: implement loading
     ...rest
   } = props;
-
   assertEmpty(rest);
 
   return (
     <div
       className={mergeCSSClasses("bn-ak-wrapper", className || "")}
       ref={ref}>
-      <Ariakit.TabProvider
+      <AriakitTabProvider
         defaultSelectedId={defaultOpenTab}
         selectedId={openTab}
         setActiveId={(activeId) => {
@@ -34,22 +38,22 @@ export const Panel = forwardRef<
         }}>
         {/*{loading && <LoadingOverlay visible={loading} />}*/}
 
-        <Ariakit.TabList className={"bn-ak-tab-list"}>
+        <AriakitTabList className={"bn-ak-tab-list"}>
           {tabs.map((tab) => (
-            <Ariakit.Tab className={"bn-ak-tab"} id={tab.name} key={tab.name}>
+            <AriakitTab className={"bn-ak-tab"} id={tab.name} key={tab.name}>
               {tab.name}
-            </Ariakit.Tab>
+            </AriakitTab>
           ))}
-        </Ariakit.TabList>
+        </AriakitTabList>
 
         <div className={"bn-ak-panels"}>
           {tabs.map((tab) => (
-            <Ariakit.TabPanel tabId={tab.name} key={tab.name}>
+            <AriakitTabPanel tabId={tab.name} key={tab.name}>
               {tab.tabPanel}
-            </Ariakit.TabPanel>
+            </AriakitTabPanel>
           ))}
         </div>
-      </Ariakit.TabProvider>
+      </AriakitTabProvider>
     </div>
   );
 });

package/src/panel/PanelButton.tsx

@@ -1,4 +1,4 @@
-import * as Ariakit from "@ariakit/react";
+import { Button as AriakitButton } from "@ariakit/react";
 
 import { assertEmpty, mergeCSSClasses } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
@@ -13,12 +13,12 @@ export const PanelButton = forwardRef<
   assertEmpty(rest);
 
   return (
-    <Ariakit.Button
+    <AriakitButton
       className={mergeCSSClasses("bn-ak-button", className || "")}
       onClick={onClick}
       aria-label={label}
       ref={ref}>
       {children}
-    </Ariakit.Button>
+    </AriakitButton>
   );
 });

package/src/panel/PanelFileInput.tsx

@@ -1,6 +1,9 @@
-import * as Ariakit from "@ariakit/react";
-import { assertEmpty } from "@blocknote/core";
+import {
+  FormInput as AriakitFormInput,
+  FormProvider as AriakitFormProvider,
+} from "@ariakit/react";
 
+import { assertEmpty } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
 import { forwardRef } from "react";
 
@@ -13,8 +16,8 @@ export const PanelFileInput = forwardRef<
   assertEmpty(rest);
 
   return (
-    <Ariakit.FormProvider>
-      <Ariakit.FormInput
+    <AriakitFormProvider>
+      <AriakitFormInput
         className={className}
         ref={ref}
         name={"panel-input"}
@@ -24,6 +27,6 @@ export const PanelFileInput = forwardRef<
         onChange={async (e) => onChange?.(e.target.files![0])}
         placeholder={placeholder}
       />
-    </Ariakit.FormProvider>
+    </AriakitFormProvider>
   );
 });

package/src/panel/PanelTextInput.tsx

@@ -1,4 +1,7 @@
-import * as Ariakit from "@ariakit/react";
+import {
+  FormInput as AriakitFormInput,
+  FormProvider as AriakitFormProvider,
+} from "@ariakit/react";
 
 import { assertEmpty, mergeCSSClasses } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
@@ -13,8 +16,8 @@ export const PanelTextInput = forwardRef<
   assertEmpty(rest);
 
   return (
-    <Ariakit.FormProvider>
-      <Ariakit.FormInput
+    <AriakitFormProvider>
+      <AriakitFormInput
         className={mergeCSSClasses("bn-ak-input", className || "")}
         name={"panel-input"}
         value={value}
@@ -24,6 +27,6 @@ export const PanelTextInput = forwardRef<
         data-test={"embed-input"}
         ref={ref}
       />
-    </Ariakit.FormProvider>
+    </AriakitFormProvider>
   );
 });

package/src/popover/Popover.tsx

@@ -1,4 +1,8 @@
-import * as Ariakit from "@ariakit/react";
+import {
+  Popover as AriakitPopover,
+  PopoverDisclosure as AriakitPopoverDisclosure,
+  PopoverProvider as AriakitPopoverProvider,
+} from "@ariakit/react";
 
 import { assertEmpty, mergeCSSClasses } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
@@ -12,7 +16,7 @@ export const PopoverTrigger = forwardRef<
 
   assertEmpty(rest);
 
-  return <Ariakit.PopoverDisclosure render={children as any} ref={ref} />;
+  return <AriakitPopoverDisclosure render={children as any} ref={ref} />;
 });
 
 export const PopoverContent = forwardRef<
@@ -24,11 +28,11 @@ export const PopoverContent = forwardRef<
   assertEmpty(rest);
 
   return (
-    <Ariakit.Popover
+    <AriakitPopover
       className={mergeCSSClasses("bn-ak-popover", className || "")}
       ref={ref}>
       {children}
-    </Ariakit.Popover>
+    </AriakitPopover>
   );
 });
 
@@ -40,8 +44,8 @@ export const Popover = (
   assertEmpty(rest);
 
   return (
-    <Ariakit.PopoverProvider open={opened} placement={position}>
+    <AriakitPopoverProvider open={opened} placement={position}>
       {children}
-    </Ariakit.PopoverProvider>
+    </AriakitPopoverProvider>
   );
 };

package/src/sideMenu/SideMenu.tsx

@@ -1,6 +1,6 @@
-import * as Ariakit from "@ariakit/react";
-import { assertEmpty } from "@blocknote/core";
+import { Group as AriakitGroup } from "@ariakit/react";
 
+import { assertEmpty } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
 import { forwardRef } from "react";
 
@@ -10,11 +10,11 @@ export const SideMenu = forwardRef<
 >((props, ref) => {
   const { className, children, ...rest } = props;
 
-  assertEmpty(rest);
+  assertEmpty(rest, false);
 
   return (
-    <Ariakit.Group className={className} ref={ref}>
+    <AriakitGroup className={className} ref={ref} {...rest}>
       {children}
-    </Ariakit.Group>
+    </AriakitGroup>
   );
 });

package/src/sideMenu/SideMenuButton.tsx

@@ -1,4 +1,4 @@
-import * as Ariakit from "@ariakit/react";
+import { Button as AriakitButton } from "@ariakit/react";
 
 import { assertEmpty, mergeCSSClasses } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
@@ -25,7 +25,7 @@ export const SideMenuButton = forwardRef<
   assertEmpty(rest, false);
 
   return (
-    <Ariakit.Button
+    <AriakitButton
       onDragEnd={onDragEnd}
       onDragStart={onDragStart}
       draggable={draggable}
@@ -39,6 +39,6 @@ export const SideMenuButton = forwardRef<
       {...rest}>
       {icon}
       {children}
-    </Ariakit.Button>
+    </AriakitButton>
   );
 });

package/src/suggestionMenu/SuggestionMenu.tsx

@@ -1,4 +1,4 @@
-import * as Ariakit from "@ariakit/react";
+import { Group as AriakitGroup } from "@ariakit/react";
 
 import { assertEmpty, mergeCSSClasses } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
@@ -13,12 +13,12 @@ export const SuggestionMenu = forwardRef<
   assertEmpty(rest);
 
   return (
-    <Ariakit.Group
+    <AriakitGroup
       className={mergeCSSClasses("bn-ak-menu", className || "")}
       id={id}
       role="listbox"
       ref={ref}>
       {children}
-    </Ariakit.Group>
+    </AriakitGroup>
   );
 });

package/src/suggestionMenu/SuggestionMenuItem.tsx

@@ -1,6 +1,6 @@
 import { assertEmpty, mergeCSSClasses } from "@blocknote/core";
-import { ComponentProps } from "@blocknote/react";
-import { forwardRef } from "react";
+import { ComponentProps, elementOverflow, mergeRefs } from "@blocknote/react";
+import { forwardRef, useEffect, useRef } from "react";
 
 export const SuggestionMenuItem = forwardRef<
   HTMLDivElement,
@@ -10,10 +10,26 @@ export const SuggestionMenuItem = forwardRef<
 
   assertEmpty(rest);
 
+  const itemRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    if (!itemRef.current || !isSelected) {
+      return;
+    }
+
+    const overflow = elementOverflow(itemRef.current);
+
+    if (overflow === "top") {
+      itemRef.current.scrollIntoView(true);
+    } else if (overflow === "bottom") {
+      itemRef.current.scrollIntoView(false);
+    }
+  }, [isSelected]);
+
   return (
     <div
       className={mergeCSSClasses("bn-ak-menu-item", className || "")}
-      ref={ref}
+      ref={mergeRefs([ref, itemRef])}
       id={id}
       onClick={onClick}
       role="option"

package/src/tableHandle/TableHandle.tsx

@@ -1,4 +1,4 @@
-import * as Ariakit from "@ariakit/react";
+import { Button as AriakitButton } from "@ariakit/react";
 
 import { assertEmpty, mergeCSSClasses } from "@blocknote/core";
 import { ComponentProps } from "@blocknote/react";
@@ -24,7 +24,7 @@ export const TableHandle = forwardRef<
   assertEmpty(rest, false);
 
   return (
-    <Ariakit.Button
+    <AriakitButton
       className={mergeCSSClasses(
         "bn-ak-button bn-ak-secondary",
         className || ""
@@ -37,6 +37,6 @@ export const TableHandle = forwardRef<
       style={style}
       {...rest}>
       {children}
-    </Ariakit.Button>
+    </AriakitButton>
   );
 });