@yoopta/callout 4.6.10-rc.1 → 4.7.1-rc.0

package/dist/commands/index.d.ts

@@ -0,0 +1,19 @@
+import { YooEditor, YooptaBlockPath } from '@yoopta/editor';
+import { CalloutElement, CalloutTheme } from '../types';
+type CalloutElementOptions = {
+    text?: string;
+};
+type InsertCalloutOptions = {
+    text?: string;
+    at?: YooptaBlockPath;
+    focus?: boolean;
+};
+export type CalloutCommands = {
+    buildCalloutElements: (editor: YooEditor, options?: Partial<CalloutElementOptions>) => CalloutElement;
+    insertCallout: (editor: YooEditor, options?: Partial<InsertCalloutOptions>) => void;
+    deleteCallout: (editor: YooEditor, blockId: string) => void;
+    updateCalloutTheme: (editor: YooEditor, blockId: string, theme: CalloutTheme) => void;
+};
+export declare const CalloutCommands: CalloutCommands;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/commands/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/commands/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgD,SAAS,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC1G,OAAO,EAAE,cAAc,EAAiD,YAAY,EAAE,MAAM,UAAU,CAAC;AAEvG,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,eAAe,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,oBAAoB,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,cAAc,CAAC;IACtG,aAAa,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IACpF,aAAa,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,kBAAkB,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CACvF,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,eAqB7B,CAAC"}

package/dist/index.d.ts

@@ -6,6 +6,7 @@ declare module 'slate' {
         Element: CalloutElement;
     }
 }
+export { CalloutCommands } from './commands';
 export default Callout;
 export { CalloutElement, CalloutElementProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,cAAc,CAAC;AAEtB,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,WAAW;QACnB,OAAO,EAAE,cAAc,CAAC;KACzB;CACF;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,cAAc,CAAC;AAEtB,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,WAAW;QACnB,OAAO,EAAE,cAAc,CAAC;KACzB;CACF;AAED,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}

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";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 g,y=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 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,f,w=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),g||(g=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 $(){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 M=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",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 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: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(S,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")?P.default.backgroundColor:void 0}},{children:[n("span",Object.assign({className:"yoo-callout-flex"},{children:[i(_,{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(A,{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(B,{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(A,{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(A,{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(w,{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(A,{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(j,{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"})]}))})]})]}))},D=o=>{var{extendRender:t}=o,a=u(o,["extendRender"]);const{element:c,attributes:s,children:d,blockId:p,HTMLAttributes:h={}}=a,{className:g=""}=h,y=u(h,["className"]),b=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} ${g}`},y,s,{children:[!f&&i(z,{block:b,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,e)=>{var r,l;const a=P[(null===(r=o.props)||void 0===r?void 0:r.theme)||"default"],{align:c="left",depth:n=0}=e||{};return`<dl data-theme="${(null===(l=o.props)||void 0===l?void 0:l.theme)||"default"}" data-meta-align="${c}" data-meta-depth="${n}" style="margin-left: ${n}px; text-align: ${c}; padding: .5rem .5rem .5rem 1rem; margin-top: .5rem; border-radius: .375rem; color: ${a.color}; border-left: ${a.borderLeft||0}; background-color: ${a.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};
+import{generateId as o,Blocks as t,buildBlockData as e,Elements as r,UI as l,useBlockData as a,useYooptaEditor as c,useYooptaReadOnly as n,YooptaPlugin as i,deserializeTextNodes as s,serializeTextNodes as u}from"@yoopta/editor";import{jsxs as d,jsx as p}from"react/jsx-runtime";import*as h from"react";const y={buildCalloutElements:(t,e={})=>({id:o(),type:"callout",children:[{text:(null==e?void 0:e.text)||""}]}),insertCallout:(o,r={})=>{const{at:l,focus:a,text:c}=r,n=y.buildCalloutElements(o,{text:c});t.insertBlock(o,e({value:[n],type:"Callout"}),{at:l,focus:a})},deleteCallout:(o,e)=>{t.deleteBlock(o,{blockId:e})},updateCalloutTheme:(o,t,e)=>{r.updateElement(o,t,{type:"callout",props:{theme:e}})}};function b(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 g,m;function f(){return f=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},f.apply(this,arguments)}"function"==typeof SuppressedError&&SuppressedError;var w,v=function(o){return h.createElement("svg",f({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),g||(g=h.createElement("circle",{cx:12,cy:12,r:10})),m||(m=h.createElement("path",{d:"m9 12 2 2 4-4"})))};function k(){return k=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},k.apply(this,arguments)}var x,j,O=function(o){return h.createElement("svg",k({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),w||(w=h.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 C(){return C=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},C.apply(this,arguments)}var N,_,E=function(o){return h.createElement("svg",C({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),x||(x=h.createElement("circle",{cx:12,cy:12,r:10})),j||(j=h.createElement("path",{d:"m15 9-6 6M9 9l6 6"})))};function L(){return L=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},L.apply(this,arguments)}var B,$,M=function(o){return h.createElement("svg",L({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),N||(N=h.createElement("circle",{cx:12,cy:12,r:10})),_||(_=h.createElement("path",{d:"m4.9 4.9 14.2 14.2"})))};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)}var S,I=function(o){return h.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:"info_svg__lucide info_svg__lucide-info"},o),B||(B=h.createElement("circle",{cx:12,cy:12,r:10})),$||($=h.createElement("path",{d:"M12 16v-4M12 8h.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 A=function(o){return h.createElement("svg",W({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),S||(S=h.createElement("path",{d:"M20 6 9 17l-5-5"})))};const T={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:z,BlockOptionsMenuGroup:D,BlockOptionsMenuItem:R,BlockOptionsSeparator:G}=l,H=({editor:o,block:t,props:e})=>{const l=e=>{r.updateElement(o,t.id,{type:"callout",props:{theme:e}})},a=o=>(null==e?void 0:e.theme)===o;return d(z,Object.assign({onClick:()=>o.setSelection([t.meta.order]),className:"yoopta-callout-options"},{children:[p(G,{}),d(D,{children:[p(R,{children:d("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("default"),style:{backgroundColor:a("default")?T.default.backgroundColor:void 0}},{children:[d("span",Object.assign({className:"yoo-callout-flex"},{children:[p(M,{width:16,height:16,color:T.default.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Default"]})),a("default")&&p(A,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),p(R,{children:d("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("info"),style:{backgroundColor:a("info")?T.info.backgroundColor:void 0}},{children:[d("span",Object.assign({className:"yoo-callout-flex"},{children:[p(I,{width:16,height:16,color:T.info.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Info"]})),a("info")&&p(A,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),p(R,{children:d("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("success"),style:{backgroundColor:a("success")?T.success.backgroundColor:void 0}},{children:[d("span",Object.assign({className:"yoo-callout-flex"},{children:[p(v,{width:16,height:16,color:T.success.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Success"]})),a("success")&&p(A,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),p(R,{children:d("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("warning"),style:{backgroundColor:a("warning")?T.warning.backgroundColor:void 0}},{children:[d("span",Object.assign({className:"yoo-callout-flex"},{children:[p(O,{width:16,height:16,color:T.warning.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Warning"]})),a("warning")&&p(A,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),p(R,{children:d("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("error"),style:{backgroundColor:a("error")?T.error.backgroundColor:void 0}},{children:[d("span",Object.assign({className:"yoo-callout-flex"},{children:[p(E,{width:16,height:16,color:T.error.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Error"]})),a("error")&&p(A,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))})]})]}))},V=o=>{var{extendRender:t}=o,e=b(o,["extendRender"]);const{element:r,attributes:l,children:i,blockId:s,HTMLAttributes:u={}}=e,{className:h=""}=u,y=b(u,["className"]),g=a(s),m=c(),f=n(),{theme:w="default"}=r.props||{};return t?t(e):d("div",Object.assign({className:`yoopta-callout yoopta-callout-theme-${w} ${h}`},y,l,{children:[!f&&p(H,{block:g,editor:m,props:r.props}),i]}))};V.displayName="Callout";const q=new i({type:"Callout",elements:{callout:{render:V,props:{theme:"default"}}},commands:y,options:{display:{title:"Callout",description:"Make writing stand out"},shortcuts:["<"]},parsers:{html:{deserialize:{nodeNames:["DL"],parse(t,e){if("DL"===t.nodeName||"DIV"===t.nodeName){const r=t.getAttribute("data-theme");return{id:o(),type:"callout",children:s(e,t.childNodes),props:{theme:r}}}}},serialize:(o,t,e)=>{var r,l;const a=T[(null===(r=o.props)||void 0===r?void 0:r.theme)||"default"],{align:c="left",depth:n=0}=e||{};return`<dl data-theme="${(null===(l=o.props)||void 0===l?void 0:l.theme)||"default"}" data-meta-align="${c}" data-meta-depth="${n}" style="margin-left: ${n}px; text-align: ${c}; padding: .5rem .5rem .5rem 1rem; margin-top: .5rem; border-radius: .375rem; color: ${a.color}; border-left: ${a.borderLeft||0}; background-color: ${a.backgroundColor}">${u(o.children)}</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{y as CalloutCommands,q as default};

package/dist/plugin/index.d.ts

@@ -1,5 +1,5 @@
 import { YooptaPlugin } from '@yoopta/editor';
-import { CalloutElementProps } from '../types';
-declare const Callout: YooptaPlugin<"callout", CalloutElementProps, Record<string, unknown>>;
+import { CalloutElementMap } from '../types';
+declare const Callout: YooptaPlugin<CalloutElementMap, Record<string, unknown>>;
 export { Callout };
 //# sourceMappingURL=index.d.ts.map

package/dist/plugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugin/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE1D,OAAO,EAAE,mBAAmB,EAA0C,MAAM,UAAU,CAAC;AAIvF,QAAA,MAAM,OAAO,uEAqDX,CAAC;AAEH,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugin/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwD,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGpG,OAAO,EAAE,iBAAiB,EAAgB,MAAM,UAAU,CAAC;AAI3D,QAAA,MAAM,OAAO,0DAwDX,CAAC;AAEH,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/types.d.ts

@@ -5,4 +5,7 @@ export type CalloutElementProps = {
     theme: CalloutTheme;
 };
 export type CalloutElement = SlateElement<'callout', CalloutElementProps>;
+export type CalloutElementMap = {
+    callout: CalloutElement;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,MAAM,wBAAwB,GAAG,SAAS,CAAC;AAEjD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAChF,MAAM,MAAM,mBAAmB,GAAG;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE,CAAC;AAC1D,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,MAAM,wBAAwB,GAAG,SAAS,CAAC;AAEjD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAChF,MAAM,MAAM,mBAAmB,GAAG;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE,CAAC;AAC1D,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC;AAE1E,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,cAAc,CAAC;CACzB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoopta/callout",
-  "version": "4.6.10-rc.1",
+  "version": "4.7.1-rc.0",
   "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": "4181e51a227ff57a9c4939cb5a6d3d1507bb1f28"
+  "gitHead": "63bfe2afb5f9d7b3a8c49584d0ac8bdc5b2dcf1f"
 }