@yoopta/callout 4.6.2 → 4.6.3-rc.1

package/dist/index.js

@@ -1 +1 @@
-import{UI as o,Elements as t,useBlockData as e,useYooptaEditor as r,useYooptaReadOnly as l,YooptaPlugin as a,generateId as c}from"@yoopta/editor";import{jsxs as n,jsx as i}from"react/jsx-runtime";import*as s from"react";var u,d;function p(){return p=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},p.apply(this,arguments)}"function"==typeof SuppressedError&&SuppressedError;var h,y=function(o){return s.createElement("svg",p({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"success_svg__lucide success_svg__lucide-circle-check"},o),u||(u=s.createElement("circle",{cx:12,cy:12,r:10})),d||(d=s.createElement("path",{d:"m9 12 2 2 4-4"})))};function b(){return b=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},b.apply(this,arguments)}var g,m,f=function(o){return s.createElement("svg",b({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"warning_svg__lucide warning_svg__lucide-triangle-alert"},o),h||(h=s.createElement("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4M12 17h.01"})))};function w(){return w=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},w.apply(this,arguments)}var v,k,x=function(o){return s.createElement("svg",w({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"error_svg__lucide error_svg__lucide-circle-x"},o),g||(g=s.createElement("circle",{cx:12,cy:12,r:10})),m||(m=s.createElement("path",{d:"m15 9-6 6M9 9l6 6"})))};function j(){return j=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},j.apply(this,arguments)}var O,C,N=function(o){return s.createElement("svg",j({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"default_svg__lucide default_svg__lucide-ban"},o),v||(v=s.createElement("circle",{cx:12,cy:12,r:10})),k||(k=s.createElement("path",{d:"m4.9 4.9 14.2 14.2"})))};function _(){return _=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},_.apply(this,arguments)}var E,L=function(o){return s.createElement("svg",_({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"info_svg__lucide info_svg__lucide-info"},o),O||(O=s.createElement("circle",{cx:12,cy:12,r:10})),C||(C=s.createElement("path",{d:"M12 16v-4M12 8h.01"})))};function B(){return B=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},B.apply(this,arguments)}var M=function(o){return s.createElement("svg",B({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",className:"checkmark_svg__lucide checkmark_svg__lucide-check"},o),E||(E=s.createElement("path",{d:"M20 6 9 17l-5-5"})))};const P={default:{backgroundColor:"#f5f7f9",color:"#000"},info:{backgroundColor:"#e1f3fe",color:"#08a2e7",borderLeft:"4px solid #08a2e7"},success:{backgroundColor:"#d1fae5",color:"#12b77f",borderLeft:"4px solid #12b77f"},warning:{backgroundColor:"#fef3c9",color:"#f97415",borderLeft:"4px solid #f97415"},error:{backgroundColor:"#fee1e2",color:"#ee4443",borderLeft:"4px solid #ee4443"}},{ExtendedBlockActions:S,BlockOptionsMenuGroup:$,BlockOptionsMenuItem:W,BlockOptionsSeparator:A}=o,I=({editor:o,block:e,props:r})=>{const l=r=>{t.updateElement(o,e.id,{type:"callout",props:{theme:r}})},a=o=>(null==r?void 0:r.theme)===o;return n(S,Object.assign({onClick:()=>o.setSelection([e.meta.order]),className:"yoopta-callout-options"},{children:[i(A,{}),n($,{children:[i(W,{children:n("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("default"),style:{backgroundColor:a("default")?P.default.backgroundColor:void 0}},{children:[n("span",Object.assign({className:"yoo-callout-flex"},{children:[i(N,{width:16,height:16,color:P.default.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Default"]})),a("default")&&i(M,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),i(W,{children:n("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("info"),style:{backgroundColor:a("info")?P.info.backgroundColor:void 0}},{children:[n("span",Object.assign({className:"yoo-callout-flex"},{children:[i(L,{width:16,height:16,color:P.info.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Info"]})),a("info")&&i(M,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),i(W,{children:n("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("success"),style:{backgroundColor:a("success")?P.success.backgroundColor:void 0}},{children:[n("span",Object.assign({className:"yoo-callout-flex"},{children:[i(y,{width:16,height:16,color:P.success.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Success"]})),a("success")&&i(M,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),i(W,{children:n("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("warning"),style:{backgroundColor:a("warning")?P.warning.backgroundColor:void 0}},{children:[n("span",Object.assign({className:"yoo-callout-flex"},{children:[i(f,{width:16,height:16,color:P.warning.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Warning"]})),a("warning")&&i(M,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),i(W,{children:n("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("error"),style:{backgroundColor:a("error")?P.error.backgroundColor:void 0}},{children:[n("span",Object.assign({className:"yoo-callout-flex"},{children:[i(x,{width:16,height:16,color:P.error.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Error"]})),a("error")&&i(M,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))})]})]}))},z=({element:o,attributes:t,children:a,blockId:c,HTMLAttributes:s={}})=>{const{className:u=""}=s,d=function(o,t){var e={};for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&t.indexOf(r)<0&&(e[r]=o[r]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(r=Object.getOwnPropertySymbols(o);l<r.length;l++)t.indexOf(r[l])<0&&Object.prototype.propertyIsEnumerable.call(o,r[l])&&(e[r[l]]=o[r[l]])}return e}(s,["className"]),p=e(c),h=r(),y=l(),{theme:b="default"}=o.props||{};return n("div",Object.assign({className:`yoopta-callout yoopta-callout-theme-${b} ${u}`},d,t,{children:[!y&&i(I,{block:p,editor:h,props:o.props}),a]}))};z.displayName="Callout";const D=new a({type:"Callout",elements:{callout:{render:z,props:{theme:"default"}}},options:{display:{title:"Callout",description:"Make writing stand out"},shortcuts:["<"]},parsers:{html:{deserialize:{nodeNames:["DL"],parse(o){if("DL"===o.nodeName||"DIV"===o.nodeName){const t=o.getAttribute("data-theme");return{id:c(),type:"callout",children:[{text:o.textContent||""}],props:{theme:t}}}}},serialize:(o,t)=>{var e,r;const l=P[(null===(e=o.props)||void 0===e?void 0:e.theme)||"default"];return`<dl data-theme="${(null===(r=o.props)||void 0===r?void 0:r.theme)||"default"}" style="padding: .5rem .5rem .5rem 1rem; margin-top: .5rem; border-radius: .375rem; color: ${l.color}; border-left: ${l.borderLeft||0}; background-color: ${l.backgroundColor}">${t}</dl>`}},markdown:{serialize:(o,t)=>`> ${t}`}}});!function(o,t){void 0===t&&(t={});var e=t.insertAt;if(o&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===e&&r.firstChild?r.insertBefore(l,r.firstChild):r.appendChild(l),l.styleSheet?l.styleSheet.cssText=o:l.appendChild(document.createTextNode(o))}}(".yoo-callout-mr-2{margin-right:.5rem}.yoo-callout-flex{display:flex}.yoo-callout-h-4{height:1rem}.yoo-callout-w-4{width:1rem}.yoo-callout-justify-between{justify-content:space-between}.yoopta-callout .yoopta-callout-options{opacity:0;transition:opacity .15s ease-in-out}.yoopta-callout:hover .yoopta-callout-options{opacity:1}.yoopta-callout{border-radius:.375rem;font-size:16px;line-height:1.75rem;margin-top:.5rem;padding:.5rem .5rem .5rem 1rem}.yoopta-callout-theme-default{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 247 249/var(--tw-bg-opacity));color:rgb(0 0 0/var(--tw-text-opacity))}.yoopta-callout-theme-info{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(225 243 254/var(--tw-bg-opacity));border-left-color:rgb(8 162 231/var(--tw-border-opacity));border-left-width:4px;color:rgb(8 162 231/var(--tw-text-opacity))}.yoopta-callout-theme-success{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity));border-left-color:rgb(18 183 127/var(--tw-border-opacity));border-left-width:4px;color:rgb(18 183 127/var(--tw-text-opacity))}.yoopta-callout-theme-warning{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(254 243 201/var(--tw-bg-opacity));border-left-color:rgb(249 116 21/var(--tw-border-opacity));border-left-width:4px;color:rgb(249 116 21/var(--tw-text-opacity))}.yoopta-callout-theme-error{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(254 225 226/var(--tw-bg-opacity));border-left-color:rgb(238 68 67/var(--tw-border-opacity));border-left-width:4px;color:rgb(238 68 67/var(--tw-text-opacity))}");export{D as default};
+import{UI as o,Elements as t,useBlockData as e,useYooptaEditor as r,useYooptaReadOnly as l,YooptaPlugin as a,generateId as c}from"@yoopta/editor";import{jsxs as n,jsx as i}from"react/jsx-runtime";import*as s from"react";function u(o,t){var e={};for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&t.indexOf(r)<0&&(e[r]=o[r]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(r=Object.getOwnPropertySymbols(o);l<r.length;l++)t.indexOf(r[l])<0&&Object.prototype.propertyIsEnumerable.call(o,r[l])&&(e[r[l]]=o[r[l]])}return e}var d,p;function h(){return h=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},h.apply(this,arguments)}"function"==typeof SuppressedError&&SuppressedError;var y,b=function(o){return s.createElement("svg",h({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"success_svg__lucide success_svg__lucide-circle-check"},o),d||(d=s.createElement("circle",{cx:12,cy:12,r:10})),p||(p=s.createElement("path",{d:"m9 12 2 2 4-4"})))};function g(){return g=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},g.apply(this,arguments)}var m,f,w=function(o){return s.createElement("svg",g({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"warning_svg__lucide warning_svg__lucide-triangle-alert"},o),y||(y=s.createElement("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4M12 17h.01"})))};function v(){return v=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},v.apply(this,arguments)}var k,x,j=function(o){return s.createElement("svg",v({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"error_svg__lucide error_svg__lucide-circle-x"},o),m||(m=s.createElement("circle",{cx:12,cy:12,r:10})),f||(f=s.createElement("path",{d:"m15 9-6 6M9 9l6 6"})))};function O(){return O=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},O.apply(this,arguments)}var C,N,_=function(o){return s.createElement("svg",O({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"default_svg__lucide default_svg__lucide-ban"},o),k||(k=s.createElement("circle",{cx:12,cy:12,r:10})),x||(x=s.createElement("path",{d:"m4.9 4.9 14.2 14.2"})))};function E(){return E=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},E.apply(this,arguments)}var L,B=function(o){return s.createElement("svg",E({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"info_svg__lucide info_svg__lucide-info"},o),C||(C=s.createElement("circle",{cx:12,cy:12,r:10})),N||(N=s.createElement("path",{d:"M12 16v-4M12 8h.01"})))};function M(){return M=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},M.apply(this,arguments)}var P=function(o){return s.createElement("svg",M({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",className:"checkmark_svg__lucide checkmark_svg__lucide-check"},o),L||(L=s.createElement("path",{d:"M20 6 9 17l-5-5"})))};const S={default:{backgroundColor:"#f5f7f9",color:"#000"},info:{backgroundColor:"#e1f3fe",color:"#08a2e7",borderLeft:"4px solid #08a2e7"},success:{backgroundColor:"#d1fae5",color:"#12b77f",borderLeft:"4px solid #12b77f"},warning:{backgroundColor:"#fef3c9",color:"#f97415",borderLeft:"4px solid #f97415"},error:{backgroundColor:"#fee1e2",color:"#ee4443",borderLeft:"4px solid #ee4443"}},{ExtendedBlockActions:$,BlockOptionsMenuGroup:W,BlockOptionsMenuItem:A,BlockOptionsSeparator:I}=o,z=({editor:o,block:e,props:r})=>{const l=r=>{t.updateElement(o,e.id,{type:"callout",props:{theme:r}})},a=o=>(null==r?void 0:r.theme)===o;return n($,Object.assign({onClick:()=>o.setSelection([e.meta.order]),className:"yoopta-callout-options"},{children:[i(I,{}),n(W,{children:[i(A,{children:n("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("default"),style:{backgroundColor:a("default")?S.default.backgroundColor:void 0}},{children:[n("span",Object.assign({className:"yoo-callout-flex"},{children:[i(_,{width:16,height:16,color:S.default.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Default"]})),a("default")&&i(P,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),i(A,{children:n("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("info"),style:{backgroundColor:a("info")?S.info.backgroundColor:void 0}},{children:[n("span",Object.assign({className:"yoo-callout-flex"},{children:[i(B,{width:16,height:16,color:S.info.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Info"]})),a("info")&&i(P,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),i(A,{children:n("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("success"),style:{backgroundColor:a("success")?S.success.backgroundColor:void 0}},{children:[n("span",Object.assign({className:"yoo-callout-flex"},{children:[i(b,{width:16,height:16,color:S.success.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Success"]})),a("success")&&i(P,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),i(A,{children:n("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("warning"),style:{backgroundColor:a("warning")?S.warning.backgroundColor:void 0}},{children:[n("span",Object.assign({className:"yoo-callout-flex"},{children:[i(w,{width:16,height:16,color:S.warning.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Warning"]})),a("warning")&&i(P,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),i(A,{children:n("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("error"),style:{backgroundColor:a("error")?S.error.backgroundColor:void 0}},{children:[n("span",Object.assign({className:"yoo-callout-flex"},{children:[i(j,{width:16,height:16,color:S.error.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Error"]})),a("error")&&i(P,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))})]})]}))},D=o=>{var{extendRender:t}=o,a=u(o,["extendRender"]);const{element:c,attributes:s,children:d,blockId:p,HTMLAttributes:h={}}=a,{className:y=""}=h,b=u(h,["className"]),g=e(p),m=r(),f=l(),{theme:w="default"}=c.props||{};return t?t(a):n("div",Object.assign({className:`yoopta-callout yoopta-callout-theme-${w} ${y}`},b,s,{children:[!f&&i(z,{block:g,editor:m,props:c.props}),d]}))};D.displayName="Callout";const T=new a({type:"Callout",elements:{callout:{render:D,props:{theme:"default"}}},options:{display:{title:"Callout",description:"Make writing stand out"},shortcuts:["<"]},parsers:{html:{deserialize:{nodeNames:["DL"],parse(o){if("DL"===o.nodeName||"DIV"===o.nodeName){const t=o.getAttribute("data-theme");return{id:c(),type:"callout",children:[{text:o.textContent||""}],props:{theme:t}}}}},serialize:(o,t)=>{var e,r;const l=S[(null===(e=o.props)||void 0===e?void 0:e.theme)||"default"];return`<dl data-theme="${(null===(r=o.props)||void 0===r?void 0:r.theme)||"default"}" style="padding: .5rem .5rem .5rem 1rem; margin-top: .5rem; border-radius: .375rem; color: ${l.color}; border-left: ${l.borderLeft||0}; background-color: ${l.backgroundColor}">${t}</dl>`}},markdown:{serialize:(o,t)=>`> ${t}`}}});!function(o,t){void 0===t&&(t={});var e=t.insertAt;if(o&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===e&&r.firstChild?r.insertBefore(l,r.firstChild):r.appendChild(l),l.styleSheet?l.styleSheet.cssText=o:l.appendChild(document.createTextNode(o))}}(".yoo-callout-mr-2{margin-right:.5rem}.yoo-callout-flex{display:flex}.yoo-callout-h-4{height:1rem}.yoo-callout-w-4{width:1rem}.yoo-callout-justify-between{justify-content:space-between}.yoopta-callout .yoopta-callout-options{opacity:0;transition:opacity .15s ease-in-out}.yoopta-callout:hover .yoopta-callout-options{opacity:1}.yoopta-callout{border-radius:.375rem;font-size:16px;line-height:1.75rem;margin-top:.5rem;padding:.5rem .5rem .5rem 1rem}.yoopta-callout-theme-default{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 247 249/var(--tw-bg-opacity));color:rgb(0 0 0/var(--tw-text-opacity))}.yoopta-callout-theme-info{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(225 243 254/var(--tw-bg-opacity));border-left-color:rgb(8 162 231/var(--tw-border-opacity));border-left-width:4px;color:rgb(8 162 231/var(--tw-text-opacity))}.yoopta-callout-theme-success{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity));border-left-color:rgb(18 183 127/var(--tw-border-opacity));border-left-width:4px;color:rgb(18 183 127/var(--tw-text-opacity))}.yoopta-callout-theme-warning{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(254 243 201/var(--tw-bg-opacity));border-left-color:rgb(249 116 21/var(--tw-border-opacity));border-left-width:4px;color:rgb(249 116 21/var(--tw-text-opacity))}.yoopta-callout-theme-error{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(254 225 226/var(--tw-bg-opacity));border-left-color:rgb(238 68 67/var(--tw-border-opacity));border-left-width:4px;color:rgb(238 68 67/var(--tw-text-opacity))}");export{T as default};

package/dist/ui/Callout.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { PluginElementRenderProps } from '@yoopta/editor';
 declare const CalloutRender: {
-    ({ element, attributes, children, blockId, HTMLAttributes }: PluginElementRenderProps): import("react/jsx-runtime").JSX.Element;
+    ({ extendRender, ...props }: PluginElementRenderProps): JSX.Element;
     displayName: string;
 };
 export { CalloutRender };

package/dist/ui/Callout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../src/ui/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAoD,MAAM,gBAAgB,CAAC;AAG5G,QAAA,MAAM,aAAa;iEAAqE,wBAAwB;;CAc/G,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../src/ui/Callout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,wBAAwB,EAAoD,MAAM,gBAAgB,CAAC;AAG5G,QAAA,MAAM,aAAa;iCAAgC,wBAAwB;;CAmB1E,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoopta/callout",
-  "version": "4.6.2",
+  "version": "4.6.3-rc.1",
   "description": "Callout plugin for Yoopta Editor",
   "author": "Darginec05 <devopsbanda@gmail.com>",
   "homepage": "https://github.com/Darginec05/Editor-Yoopta#readme",
@@ -34,5 +34,5 @@
   "bugs": {
     "url": "https://github.com/Darginec05/Editor-Yoopta/issues"
   },
-  "gitHead": "95ce282cea3b2a2d9b8fbb405c4495ac4e04fef8"
+  "gitHead": "fef97806a8b05525ba1eaa76524f322fb638ee14"
 }