UNPKG

@blocknote/mantine

Version:

A "Notion-style" block-based extensible text editor built on top of Prosemirror and Tiptap.

3 lines (2 loc) 20.6 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),f=require("@blocknote/core"),x=require("@blocknote/react"),i=require("@mantine/core"),m=require("react"),w=require("@mantine/hooks"),$=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},S=$(m),D=(e,r,t=!1)=>{const o=[];function s(a,c="--bn"){for(const l in a){const d=l.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),u=`${c}-${d}`;typeof a[l]!="object"?(typeof a[l]=="number"&&(a[l]=`${a[l]}px`),t?r.style.removeProperty(u):r.style.setProperty(u,a[l].toString())):s(a[l],u)}}return s(e),o},M=(e,r)=>D(e,r),H={colors:{editor:{text:void 0,background:void 0},menu:{text:void 0,background:void 0},tooltip:{text:void 0,background:void 0},hovered:{text:void 0,background:void 0},selected:{text:void 0,background:void 0},disabled:{text:void 0,background:void 0},shadow:void 0,border:void 0,sideMenu:void 0,highlights:{gray:{text:void 0,background:void 0},brown:{text:void 0,background:void 0},red:{text:void 0,background:void 0},orange:{text:void 0,background:void 0},yellow:{text:void 0,background:void 0},green:{text:void 0,background:void 0},blue:{text:void 0,background:void 0},purple:{text:void 0,background:void 0},pink:{text:void 0,background:void 0}}},borderRadius:void 0,fontFamily:void 0},I=e=>D(H,e,!0),B=e=>n.jsxs(i.Stack,{gap:0,className:"bn-tooltip",children:[n.jsx(i.Text,{size:"sm",lineClamp:5,children:e.mainTooltip}),e.secondaryTooltip&&n.jsx(i.Text,{size:"xs",lineClamp:5,children:e.secondaryTooltip})]}),E=m.forwardRef((e,r)=>{const{className:t,children:o,mainTooltip:s,secondaryTooltip:a,icon:c,isSelected:l,isDisabled:d,onClick:u,label:g,variant:h,...b}=e;f.assertEmpty(b,!1);const[y,v]=m.useState(!1),R=o?n.jsx(i.Button,{"aria-label":g,className:t,onMouseDown:j=>{f.isSafari()&&j.currentTarget.focus()},onClick:j=>{v(!0),u==null||u(j)},onPointerLeave:()=>v(!1),"aria-pressed":l,"data-selected":l||void 0,"data-test":s?s.slice(0,1).toLowerCase()+s.replace(/\s+/g,"").slice(1):void 0,size:h==="compact"?"compact-xs":"xs",disabled:d||!1,ref:r,...b,children:o}):n.jsx(i.ActionIcon,{className:t,"aria-label":g,onMouseDown:j=>{f.isSafari()&&j.currentTarget.focus()},onClick:j=>{v(!0),u==null||u(j)},onPointerLeave:()=>v(!1),"aria-pressed":l,"data-selected":l||void 0,"data-test":s?s.slice(0,1).toLowerCase()+s.replace(/\s+/g,"").slice(1):void 0,size:h==="compact"?20:30,disabled:d||!1,ref:r,...b,children:c});return s?n.jsx(i.Tooltip,{disabled:y,withinPortal:!1,label:n.jsx(B,{mainTooltip:s,secondaryTooltip:a}),children:R}):R}),q=m.forwardRef((e,r)=>{const{className:t,text:o,icon:s,isSelected:a,mainTooltip:c,secondaryTooltip:l,onClick:d,onMouseEnter:u,...g}=e;f.assertEmpty(g,!1);const[h,b]=m.useState(!1),y=n.jsxs(i.Chip,{className:t,checked:a===!0,wrapperProps:{onMouseEnter:u,onMouseLeave:()=>b(!1),onClick:v=>{b(!0),d==null||d(v)}},variant:"light",icon:null,ref:r,children:[n.jsx("span",{children:s}),n.jsx("span",{children:o})]});return!c||h?y:n.jsx(i.Tooltip,{refProp:"rootRef",withinPortal:!1,label:n.jsx(B,{mainTooltip:c,secondaryTooltip:l}),children:y})}),K=m.forwardRef((e,r)=>{const{className:t,children:o,...s}=e;return f.assertEmpty(s),n.jsx(i.Group,{className:t,ref:r,children:o})}),U=m.forwardRef((e,r)=>{const{className:t,children:o,headerText:s,selected:a,onFocus:c,onBlur:l,tabIndex:d,...u}=e;f.assertEmpty(u,!1);const g=m.useRef(null);return m.useEffect(()=>{var h;a&&((h=g.current)==null||h.scrollIntoView({behavior:"smooth",block:"center"}))},[a]),n.jsxs(i.Card,{className:f.mergeCSSClasses(t,a?"selected":""),onFocus:c,onBlur:l,tabIndex:d,ref:x.mergeRefs([r,g]),children:[s&&n.jsx(i.Text,{className:"bn-header-text",children:s}),o]})}),W=m.forwardRef((e,r)=>{const{className:t,children:o,...s}=e;return f.assertEmpty(s,!1),n.jsx(i.Card.Section,{className:t,ref:r,children:o})}),Z=m.forwardRef((e,r)=>{const{className:t,children:o,...s}=e;return f.assertEmpty(s,!1),n.jsx(i.Divider,{className:t,label:n.jsx(i.Text,{children:o}),ref:r})}),J=m.forwardRef((e,r)=>{const{authorInfo:t,timeString:o,edited:s,...a}=e,c=x.useDictionary();return f.assertEmpty(a,!1),t==="loading"?n.jsxs(i.Group,{children:[n.jsx(i.Skeleton,{height:24,width:24}),n.jsx("div",{children:n.jsx(i.Skeleton,{height:12,width:100})})]}):n.jsxs(i.Group,{children:[n.jsx(i.Avatar,{src:t.avatarUrl,alt:t.username,radius:"xl",size:"sm",color:"initials"}),n.jsxs(i.Text,{fz:"sm",fw:"bold",children:[t.username,n.jsxs(i.Text,{fz:"xs",c:"dimmed",span:!0,ml:"xs",children:[o," ",s&&`(${c.comments.edited})`]})]})]})}),Q=m.forwardRef((e,r)=>{const{className:t,showActions:o,authorInfo:s,timeString:a,edited:c,actions:l,children:d,...u}=e,{hovered:g,ref:h}=w.useHover(),{focused:b,ref:y}=w.useFocusWithin(),v=x.mergeRefs([r,h]);f.assertEmpty(u,!1);const R=l&&(o===!0||o===void 0||o==="hover"&&g||b);return n.jsxs(i.Group,{pos:"relative",ref:v,className:t,children:[R?n.jsx(i.Group,{ref:y,style:{position:"absolute",right:0,top:0,zIndex:10},children:l}):null,n.jsx(J,{...e}),d]})}),X=m.forwardRef((e,r)=>{const{className:t,autoFocus:o,onFocus:s,onBlur:a,editor:c,editable:l,...d}=e;return f.assertEmpty(d,!1),n.jsx(A,{autoFocus:o,className:t,editor:e.editor,sideMenu:!1,slashMenu:!1,tableHandles:!1,filePanel:!1,formattingToolbar:!1,editable:l,ref:r,onFocus:s,onBlur:a,children:n.jsx(x.FormattingToolbarController,{formattingToolbar:Y})})}),Y=()=>{const e=x.getFormattingToolbarItems([]).filter(r=>r.key!=="nestBlockButton"&&r.key!=="unnestBlockButton");return n.jsx(x.FormattingToolbar,{blockTypeSelectItems:[],children:e})},ee=m.forwardRef((e,r)=>{const{className:t,name:o,label:s,variant:a,icon:c,value:l,autoFocus:d,placeholder:u,disabled:g,onKeyDown:h,onChange:b,onSubmit:y,autoComplete:v,rightSection:R,...j}=e;return f.assertEmpty(j),n.jsx(i.TextInput,{size:"xs",className:f.mergeCSSClasses(t||"",a==="large"?"bn-mt-input-large":""),ref:r,name:o,label:s,leftSection:c,value:l,autoFocus:d,"data-autofocus":d?"true":void 0,rightSection:R,placeholder:u,disabled:g,onKeyDown:h,onChange:b,onSubmit:y,autoComplete:v})});var L={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},F=S.default.createContext&&S.default.createContext(L),te=["attr","size","title"];function re(e,r){if(e==null)return{};var t=oe(e,r),o,s;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(s=0;s<a.length;s++)o=a[s],!(r.indexOf(o)>=0)&&Object.prototype.propertyIsEnumerable.call(e,o)&&(t[o]=e[o])}return t}function oe(e,r){if(e==null)return{};var t={};for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){if(r.indexOf(o)>=0)continue;t[o]=e[o]}return t}function C(){return C=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},C.apply(this,arguments)}function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),t.push.apply(t,o)}return t}function T(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?O(Object(t),!0).forEach(function(o){se(e,o,t[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})}return e}function se(e,r,t){return r=ne(r),r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function ne(e){var r=ae(e,"string");return typeof r=="symbol"?r:r+""}function ae(e,r){if(typeof e!="object"||!e)return e;var t=e[Symbol.toPrimitive];if(t!==void 0){var o=t.call(e,r);if(typeof o!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function z(e){return e&&e.map((r,t)=>S.default.createElement(r.tag,T({key:t},r.attr),z(r.child)))}function G(e){return r=>S.default.createElement(ie,C({attr:T({},e.attr)},r),z(e.child))}function ie(e){var r=t=>{var{attr:o,size:s,title:a}=e,c=re(e,te),l=s||t.size||"1em",d;return t.className&&(d=t.className),e.className&&(d=(d?d+" ":"")+e.className),S.default.createElement("svg",C({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,o,c,{className:d,style:T(T({color:e.color||t.color},t.style),e.style),height:l,width:l,xmlns:"http://www.w3.org/2000/svg"}),a&&S.default.createElement("title",null,a),e.children)};return F!==void 0?S.default.createElement(F.Consumer,null,t=>r(t)):r(L)}function le(e){return G({attr:{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"},child:[]}]})(e)}function ce(e){return G({attr:{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{fillRule:"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",clipRule:"evenodd"},child:[]}]})(e)}const _=m.createContext(void 0),ue=m.forwardRef((e,r)=>{const{children:t,onOpenChange:o,position:s,sub:a,...c}=e;f.assertEmpty(c);const[l,d]=m.useState(!1),u=m.useRef(null),g=m.useRef(void 0),h=m.useCallback(()=>{g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{d(!1)},250)},[]),b=m.useCallback(()=>{g.current&&clearTimeout(g.current),d(!0)},[]);return n.jsx(_.Provider,{value:{onMenuMouseOver:b,onMenuMouseLeave:h},children:n.jsx(i.Menu.Item,{className:"bn-menu-item bn-mt-sub-menu-item",ref:w.mergeRefs(r,u),onMouseOver:b,onMouseLeave:h,children:n.jsx(i.Menu,{portalProps:{target:u.current?u.current.parentElement:void 0},middlewares:{flip:!0,shift:!0,inline:!1,size:!0},trigger:"hover",opened:l,onChange:o,position:s,children:t})})})}),de=e=>{const{children:r,onOpenChange:t,position:o,sub:s,...a}=e;return f.assertEmpty(a),s?n.jsx(ue,{...e}):n.jsx(i.Menu,{withinPortal:!1,middlewares:{flip:!0,shift:!0,inline:!1,size:!0},onChange:t,position:o,children:r})},me=m.forwardRef((e,r)=>{const{className:t,children:o,icon:s,checked:a,subTrigger:c,onClick:l,...d}=e;return f.assertEmpty(d,!1),c?n.jsxs("div",{onClick:u=>{u.preventDefault(),u.stopPropagation()},ref:r,...d,children:[o,n.jsx(ce,{size:15})]}):n.jsx(i.Menu.Item,{className:t,ref:r,leftSection:s,rightSection:a?n.jsx(i.CheckIcon,{size:10}):a===!1?n.jsx("div",{className:"bn-tick-space"}):null,onClick:l,...d,children:o})}),fe=e=>{const{children:r,sub:t,...o}=e;return f.assertEmpty(o),n.jsx(i.Menu.Target,{children:r})},pe=m.forwardRef((e,r)=>{const{className:t,children:o,sub:s,...a}=e;f.assertEmpty(a);const c=m.useContext(_);return n.jsx(i.Menu.Dropdown,{className:t,ref:r,onMouseOver:c==null?void 0:c.onMenuMouseOver,onMouseLeave:c==null?void 0:c.onMenuMouseLeave,children:o})}),ge=m.forwardRef((e,r)=>{const{className:t,...o}=e;return f.assertEmpty(o),n.jsx(i.Menu.Divider,{className:t,ref:r})}),he=m.forwardRef((e,r)=>{const{className:t,children:o,...s}=e;return f.assertEmpty(s),n.jsx(i.Menu.Label,{className:t,ref:r,children:o})}),be=m.forwardRef((e,r)=>{const{className:t,children:o,icon:s,onClick:a,onDragEnd:c,onDragStart:l,draggable:d,label:u,...g}=e;return f.assertEmpty(g,!1),s?n.jsx(i.ActionIcon,{size:24,className:t,ref:r,onClick:a,onDragEnd:c,onDragStart:l,draggable:d,"aria-label":u,...g,children:s}):n.jsx(i.Button,{className:t,ref:r,onClick:a,onDragEnd:c,onDragStart:l,draggable:d,"aria-label":u,...g,children:o})}),xe=m.forwardRef((e,r)=>{const{className:t,tabs:o,defaultOpenTab:s,openTab:a,setOpenTab:c,loading:l,...d}=e;return f.assertEmpty(d),n.jsx(i.Group,{className:t,ref:r,children:n.jsxs(i.Tabs,{value:a,defaultValue:s,onChange:c,children:[l&&n.jsx(i.LoadingOverlay,{visible:l}),n.jsx(i.Tabs.List,{children:o.map(u=>n.jsx(i.Tabs.Tab,{"data-test":`${u.name.toLowerCase()}-tab`,value:u.name,children:u.name},u.name))}),o.map(u=>n.jsx(i.Tabs.Panel,{value:u.name,children:u.tabPanel},u.name))]})})}),ve=m.forwardRef((e,r)=>{const{className:t,children:o,onClick:s,label:a,...c}=e;return f.assertEmpty(c),n.jsx(i.Button,{size:"xs","aria-label":a,className:t,ref:r,onClick:s,...c,children:o})}),je=m.forwardRef((e,r)=>{const{className:t,accept:o,value:s,placeholder:a,onChange:c,...l}=e;return f.assertEmpty(l),n.jsx(i.FileInput,{size:"xs",className:t,ref:r,accept:o,value:s,placeholder:a,onChange:c,...l})}),ye=m.forwardRef((e,r)=>{const{className:t,children:o,...s}=e;return f.assertEmpty(s),n.jsx("div",{className:t,ref:r,children:o})}),we=m.forwardRef((e,r)=>{const{className:t,value:o,placeholder:s,onKeyDown:a,onChange:c,...l}=e;return f.assertEmpty(l),n.jsx(i.TextInput,{size:"xs","data-test":"embed-input",className:t,ref:r,value:o,placeholder:s,onKeyDown:a,onChange:c})}),Se=e=>{const{opened:r,position:t,children:o,...s}=e;return f.assertEmpty(s),n.jsx(i.Popover,{withinPortal:!1,opened:r,position:t,children:o})},Re=e=>{const{children:r,...t}=e;return f.assertEmpty(t),n.jsx(i.PopoverTarget,{children:r})},Ce=m.forwardRef((e,r)=>{const{className:t,children:o,variant:s,...a}=e;return f.assertEmpty(a),n.jsx(i.PopoverDropdown,{className:t,ref:r,children:o})}),Te=m.forwardRef((e,r)=>{const{className:t,children:o,...s}=e;return f.assertEmpty(s,!1),n.jsx(i.Group,{align:"center",gap:0,className:t,ref:r,...s,children:o})}),Ee=m.forwardRef((e,r)=>{const{className:t,children:o,icon:s,onClick:a,onDragEnd:c,onDragStart:l,draggable:d,label:u,...g}=e;return f.assertEmpty(g,!1),s?n.jsx(i.ActionIcon,{size:24,className:t,ref:r,onClick:a,onDragEnd:c,onDragStart:l,draggable:d,"aria-label":u,...g,children:s}):n.jsx(i.Button,{className:t,ref:r,onClick:a,onDragEnd:c,onDragStart:l,draggable:d,"aria-label":u,...g,children:o})}),ke=m.forwardRef((e,r)=>{const{className:t,children:o,id:s,...a}=e;return f.assertEmpty(a),n.jsx(i.Stack,{gap:0,className:t,ref:r,id:s,role:"listbox",children:o})}),Ne=m.forwardRef((e,r)=>{const{className:t,children:o,...s}=e;return f.assertEmpty(s),n.jsx(i.Group,{className:t,ref:r,children:n.jsx(i.Group,{className:"bn-mt-suggestion-menu-item-title",children:o})})}),Me=m.forwardRef((e,r)=>{const{className:t,isSelected:o,onClick:s,item:a,id:c,...l}=e;f.assertEmpty(l);const d=m.useRef(null);return m.useEffect(()=>{if(!d.current||!o)return;const u=x.elementOverflow(d.current,document.querySelector(".bn-suggestion-menu, #ai-suggestion-menu"));u==="top"?d.current.scrollIntoView(!0):u==="bottom"&&d.current.scrollIntoView(!1)},[o]),n.jsxs(i.Group,{gap:0,className:t,ref:w.mergeRefs(r,d),id:c,role:"option",onMouseDown:u=>u.preventDefault(),onClick:s,"aria-selected":o||void 0,children:[a.icon&&n.jsx(i.Group,{className:"bn-mt-suggestion-menu-item-section","data-position":"left",children:a.icon}),n.jsxs(i.Stack,{gap:0,className:"bn-mt-suggestion-menu-item-body",children:[n.jsx(i.Text,{className:"bn-mt-suggestion-menu-item-title",children:a.title}),n.jsx(i.Text,{className:"bn-mt-suggestion-menu-item-subtitle",children:a.subtext})]}),a.badge&&n.jsx(i.Group,{"data-position":"right",className:"bn-mt-suggestion-menu-item-section",children:n.jsx(i.Badge,{size:"xs",children:a.badge})})]})}),Pe=m.forwardRef((e,r)=>{const{className:t,children:o,...s}=e;return f.assertEmpty(s),n.jsx(i.Group,{className:t,ref:r,children:o})}),Fe=m.forwardRef((e,r)=>{const{className:t,...o}=e;return f.assertEmpty(o),n.jsx(i.Loader,{className:t,type:"dots",size:16,ref:r})}),Oe=m.forwardRef((e,r)=>{const{className:t,children:o,id:s,columns:a,...c}=e;return f.assertEmpty(c),n.jsx("div",{className:t,style:{gridTemplateColumns:`repeat(${a}, 1fr)`},ref:r,id:s,role:"grid",children:o})}),De=m.forwardRef((e,r)=>{const{className:t,children:o,columns:s,...a}=e;return f.assertEmpty(a),n.jsx(i.Group,{className:t,style:{gridColumn:`1 / ${s+1}`},ref:r,children:n.jsx(i.Group,{className:"bn-mt-suggestion-menu-item-title",children:o})})}),Ie=m.forwardRef((e,r)=>{const{className:t,isSelected:o,onClick:s,item:a,id:c,...l}=e;f.assertEmpty(l);const d=m.useRef(null);return m.useEffect(()=>{if(!d.current||!o)return;const u=x.elementOverflow(d.current,document.querySelector(".bn-grid-suggestion-menu"));u==="top"?d.current.scrollIntoView(!0):u==="bottom"&&d.current.scrollIntoView(!1)},[o]),n.jsx("div",{className:t,ref:w.mergeRefs(r,d),id:c,role:"option",onClick:s,"aria-selected":o||void 0,children:a.icon})}),Be=m.forwardRef((e,r)=>{const{className:t,children:o,columns:s,...a}=e;return f.assertEmpty(a),n.jsx(i.Loader,{className:t,style:{gridColumn:`1 / ${s+1}`},type:"dots",ref:r})}),Le=m.forwardRef((e,r)=>{const{children:t,className:o,onMouseDown:s,onClick:a,...c}=e;return f.assertEmpty(c,!1),n.jsx(i.Button,{className:o,ref:r,onMouseDown:s,onClick:a,...c,children:t})}),ze=m.forwardRef((e,r)=>{const{className:t,children:o,draggable:s,onDragStart:a,onDragEnd:c,style:l,label:d,...u}=e;return f.assertEmpty(u,!1),n.jsx(i.Button,{className:t,ref:r,"aria-label":d,draggable:s,onDragStart:a,onDragEnd:c,style:l,...u,children:o})}),k=m.forwardRef((e,r)=>{const{className:t,children:o,onMouseEnter:s,onMouseLeave:a,variant:c,...l}=e;f.assertEmpty(l);const{ref:d,focused:u}=w.useFocusWithin(),g=w.useFocusTrap(u),h=w.mergeRefs(r,d,g);return n.jsx(i.Flex,{className:t,ref:h,role:"toolbar",onMouseEnter:s,onMouseLeave:a,gap:c==="action-toolbar"?2:void 0,children:o})}),N=m.forwardRef((e,r)=>{const{className:t,items:o,isDisabled:s,...a}=e;f.assertEmpty(a);const c=o.filter(l=>l.isSelected)[0];return c?n.jsxs(i.Menu,{withinPortal:!1,transitionProps:{exitDuration:0},disabled:s,middlewares:{flip:!0,shift:!0,inline:!1,size:!0},children:[n.jsx(i.Menu.Target,{children:n.jsx(i.Button,{onMouseDown:l=>{f.isSafari()&&l.currentTarget.focus()},leftSection:c.icon,rightSection:n.jsx(le,{}),size:"xs",variant:"subtle",disabled:s,children:c.text})}),n.jsx(i.Menu.Dropdown,{className:t,ref:r,children:o.map(l=>n.jsx(i.Menu.Item,{onClick:l.onClick,leftSection:l.icon,rightSection:l.isSelected?n.jsx(i.CheckIcon,{size:10,className:"bn-tick-icon"}):n.jsx("div",{className:"bn-tick-space"}),disabled:l.isDisabled,children:l.text},l.text))})]}):null}),V={FormattingToolbar:{Root:k,Button:E,Select:N},FilePanel:{Root:xe,Button:ve,FileInput:je,TabPanel:ye,TextInput:we},GridSuggestionMenu:{Root:Oe,Item:Ie,EmptyItem:De,Loader:Be},LinkToolbar:{Root:k,Button:E,Select:N},SideMenu:{Root:Te,Button:Ee},SuggestionMenu:{Root:ke,Item:Me,EmptyItem:Ne,Label:Pe,Loader:Fe},TableHandle:{Root:ze,ExtendButton:Le},Generic:{Badge:{Root:q,Group:K},Form:{Root:e=>n.jsx("div",{children:e.children}),TextInput:ee},Menu:{Root:de,Trigger:fe,Dropdown:pe,Divider:ge,Label:he,Item:me,Button:be},Popover:{Root:Se,Trigger:Re,Content:Ce},Toolbar:{Root:k,Button:E,Select:N}},Comments:{Comment:Q,Editor:X,Card:U,CardSection:W,ExpandSectionsPrompt:Z}},Ge={activeClassName:""},A=e=>{const{className:r,theme:t,...o}=e,s=x.useBlockNoteContext(),a=x.usePrefersColorScheme(),c=(s==null?void 0:s.colorSchemePreference)||a,l=m.useCallback(u=>{if(u&&(I(u),typeof t=="object")){if("light"in t&&"dark"in t){M(t[c==="dark"?"dark":"light"],u);return}M(t,u);return}},[c,t]),d=typeof t=="string"?t:c!=="no-preference"?c:"light";return n.jsx(x.ComponentsContext.Provider,{value:V,children:n.jsx(i.MantineProvider,{theme:Ge,cssVariablesSelector:".bn-mantine",getRootElement:()=>{},children:n.jsx(x.BlockNoteViewRaw,{"data-mantine-color-scheme":d,className:f.mergeCSSClasses("bn-mantine",r||""),theme:typeof t=="object"?void 0:t,...o,ref:l})})})},p=["#FFFFFF","#EFEFEF","#CFCFCF","#AFAFAF","#7F7F7F","#3F3F3F","#1F1F1F","#161616","#0F0F0F","#000000"],P={colors:{editor:{text:p[5],background:p[0]},menu:{text:p[5],background:p[0]},tooltip:{text:p[5],background:p[1]},hovered:{text:p[5],background:p[1]},selected:{text:p[0],background:p[5]},disabled:{text:p[3],background:p[1]},shadow:p[2],border:p[1],sideMenu:p[2],highlights:f.COLORS_DEFAULT},borderRadius:6,fontFamily:'"Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif'},_e={colors:{editor:{text:p[2],background:p[6]},menu:{text:p[2],background:p[6]},tooltip:{text:p[2],background:p[7]},hovered:{text:p[2],background:p[7]},selected:{text:p[2],background:p[8]},disabled:{text:p[5],background:p[7]},shadow:p[8],border:p[7],sideMenu:p[4],highlights:f.COLORS_DARK_MODE_DEFAULT},borderRadius:P.borderRadius,fontFamily:P.fontFamily};exports.BlockNoteView=A;exports.applyBlockNoteCSSVariablesFromTheme=M;exports.components=V;exports.darkDefaultTheme=_e;exports.defaultColorScheme=p;exports.lightDefaultTheme=P;exports.removeBlockNoteCSSVariables=I; //# sourceMappingURL=blocknote-mantine.cjs.map