@yoopta/themes-shadcn 6.0.1 → 6.0.3

package/dist/embed.js

@@ -1,10 +1,10 @@
-import{a as e}from"./chunks/_tslib-35bb891d.js";import{jsxs as t,jsx as i,Fragment as n}from"react/jsx-runtime";import{useState as s,useLayoutEffect as r,useRef as a,useEffect as l,useCallback as o}from"react";import{useElementSelected as c,useBlockSelected as d,useYooptaEditor as m,useYooptaPluginOptions as h,Elements as p,Blocks as u}from"@yoopta/editor";import{detectProvider as g,getSupportedProviders as b,isEmbedUrl as v,parseEmbedUrl as f,calculateEmbedDimensions as y}from"@yoopta/embed";import{Editor as x,Element as w}from"slate";import{B as j}from"./chunks/button-7aec29d6.js";import{I as k}from"./chunks/input-b2431223.js";import{c as N}from"./chunks/utils-3345eade.js";import{L as O,A as C,a as E,b as z,R}from"./chunks/index-87b75648.js";import{c as I}from"./chunks/createLucideIcon-8605f860.js";import{C as U}from"./chunks/code-d31bdce0.js";import{P as D}from"./chunks/play-998f23d2.js";import{u as P,F as H,T as L,a as M,b as S,c as W,R as A}from"./chunks/tooltip-65b9c3a0.js";import{C as T,c as F}from"./chunks/index-0bca29df.js";import{S as B}from"./chunks/separator-219dc1f7.js";import{E as Y}from"./chunks/external-link-1579dd7f.js";import{T as $}from"./chunks/trash-2-f36597ff.js";import{o as q,f as V,s as _,b as G}from"./chunks/index-23c7fb16.js";import"react-dom";import"./chunks/index-17323747.js";import"./chunks/index-91a5b8d5.js";import"./chunks/index-ce60ba41.js";import"./chunks/index-23db6fea.js";import"./chunks/index-ff0e3962.js";import"./chunks/index-1674c2c8.js";import"./chunks/index-a5cba5f7.js";import"./chunks/index-70f4e709.js";
+import{a as e}from"./chunks/_tslib-35bb891d.js";import{jsxs as t,jsx as n,Fragment as i}from"react/jsx-runtime";import{useState as s,useLayoutEffect as r,useRef as a,useEffect as l,useCallback as o}from"react";import{useYooptaEditor as c,useElementSelected as d,useBlockSelected as m,useYooptaPluginOptions as h,Elements as p,Blocks as u}from"@yoopta/editor";import{detectProvider as g,getSupportedProviders as b,isEmbedUrl as v,parseEmbedUrl as f,calculateEmbedDimensions as x}from"@yoopta/embed";import{Editor as y,Element as j}from"slate";import{B as w}from"./chunks/button-f335deaa.js";import{I as k}from"./chunks/input-b2431223.js";import{c as O}from"./chunks/utils-3345eade.js";import{L as N,A as C,a as E,b as R,R as z}from"./chunks/index-87b75648.js";import{c as I}from"./chunks/createLucideIcon-8605f860.js";import{C as U}from"./chunks/code-d31bdce0.js";import{P}from"./chunks/play-998f23d2.js";import{u as D,F as L,T as S,a as H,b as W,c as _,R as A}from"./chunks/tooltip-5defff1d.js";import{C as B,c as T}from"./chunks/index-0bca29df.js";import{S as F}from"./chunks/separator-f4e74aca.js";import{E as M}from"./chunks/external-link-1579dd7f.js";import{T as Y}from"./chunks/trash-2-f36597ff.js";import{o as $,f as q,s as V,b as G}from"./chunks/index-371259c9.js";import"react-dom";import"./chunks/index-17323747.js";import"./chunks/index-91a5b8d5.js";import"./chunks/index-ce60ba41.js";import"./chunks/index-bd6363d4.js";import"./chunks/index-ff0e3962.js";import"./chunks/index-1674c2c8.js";import"./chunks/index-a5cba5f7.js";import"./chunks/index-70f4e709.js";
 /**
  * @license lucide-react v0.294.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const K=I("Map",[["polygon",{points:"3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21",key:"ok2ie8"}],["line",{x1:"9",x2:"9",y1:"3",y2:"18",key:"w34qz5"}],["line",{x1:"15",x2:"15",y1:"6",y2:"21",key:"volv9a"}]]),J=I("Music",[["path",{d:"M9 18V5l12-2v13",key:"1jmyc2"}],["circle",{cx:"6",cy:"18",r:"3",key:"fqmcym"}],["circle",{cx:"18",cy:"16",r:"3",key:"1hluhg"}]]),Q=e=>{switch(e){case"youtube":case"vimeo":case"dailymotion":case"wistia":case"loom":return i(D,{className:"h-3 w-3"});case"spotify":case"soundcloud":return i(J,{className:"h-3 w-3"});case"codepen":case"codesandbox":return i(U,{className:"h-3 w-3"});case"google-maps":return i(K,{className:"h-3 w-3"});default:return i(O,{className:"h-3 w-3"})}},X=({name:e,type:i})=>t("span",Object.assign({className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-medium bg-muted text-muted-foreground"},{children:[Q(i),e]})),Z=({onInsertUrl:e})=>{const[n,r]=s(""),[a,l]=s(!1),[o,c]=s(null),d=()=>{n.trim()&&(e(n.trim()),r(""),l(!1),c(null))};return t("div",Object.assign({className:"space-y-3"},{children:[t("div",Object.assign({className:"space-y-2"},{children:[i(k,{placeholder:"Paste a URL to embed (YouTube, Vimeo, Twitter, Spotify, etc.)",value:n,onChange:e=>(e=>{var t;if(r(e),e.trim()){const i=v(e.trim());if(l(i),i){const i=g(e.trim()),n=b().find(e=>e.type===i);c(null!==(t=null==n?void 0:n.name)&&void 0!==t?t:null)}else c(null)}else l(!1),c(null)})(e.target.value),onKeyDown:e=>{"Enter"===e.key&&n.trim()&&a&&(e.preventDefault(),d())},className:"h-10"}),n.trim()&&i("div",Object.assign({className:"text-xs text-muted-foreground"},{children:a?t("span",Object.assign({className:"flex items-center gap-1.5 text-green-600 dark:text-green-400"},{children:[Q(g(n.trim())),o," detected"]})):i("span",Object.assign({className:"text-destructive"},{children:"Unsupported URL. Try YouTube, Vimeo, Twitter, Spotify, Figma, CodePen, etc."}))}))]})),i(j,Object.assign({className:"w-full",onClick:d,disabled:!n.trim()||!a},{children:a?`Embed ${o}`:"Embed content"}))]}))},ee=()=>{const e=b().filter(e=>"unknown"!==e.type);return t("div",Object.assign({className:"mt-4 space-y-2"},{children:[i("p",Object.assign({className:"text-xs text-muted-foreground text-center"},{children:"Supported providers:"})),t("div",Object.assign({className:"flex flex-wrap gap-1.5 justify-center"},{children:[e.slice(0,8).map(e=>i(X,{name:e.name,type:e.type},e.type)),e.length>8&&t("span",Object.assign({className:"inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-medium bg-muted text-muted-foreground"},{children:["+",e.length-8," more"]}))]}))]}))},te=({onInsertUrl:e,className:n,attributes:s,children:r})=>t("div",Object.assign({className:N("mt-2 relative rounded-lg border bg-background overflow-hidden",n)},s,{contentEditable:!1},{children:[t("div",Object.assign({className:"p-6"},{children:[t("div",Object.assign({className:"flex flex-col items-center gap-4"},{children:[i("div",Object.assign({className:"rounded-lg bg-muted p-3"},{children:i(O,{className:"h-6 w-6 text-muted-foreground"})})),t("div",Object.assign({className:"text-center"},{children:[i("p",Object.assign({className:"text-sm font-medium"},{children:"Embed content"})),i("p",Object.assign({className:"text-xs text-muted-foreground"},{children:"Paste a URL from supported platforms"}))]}))]})),i("div",Object.assign({className:"mt-6 max-w-md mx-auto"},{children:i(Z,{onInsertUrl:e})})),i(ee,{})]})),r]})),ie=({referenceRef:e,elementProps:a,onUpdate:l,onReplace:o,onDelete:c,onCopy:d})=>{var m;const[h,p]=s(!1),[u,g]=s(!1),b=a.provider&&a.provider.type,v="alignment"in a,{refs:f,floatingStyles:y}=P({placement:"top-end",strategy:"absolute",middleware:[q(8),V({fallbackPlacements:["bottom-end","top-start","bottom-start"],padding:10}),_({padding:10})],whileElementsMounted:G});r(()=>{const t=e.current;t&&(f.setReference(t),g(!0))},[e,f]),r(()=>{if(u){const e=requestAnimationFrame(()=>{p(!0)});return()=>cancelAnimationFrame(e)}},[u]);return u?i(H,{children:i("div",Object.assign({ref:f.setFloating,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:e=>e.stopPropagation(),className:N("pointer-events-auto","flex items-center gap-1 rounded-lg border bg-background/95 backdrop-blur-sm p-1 shadow-lg","transition-opacity duration-200 ease-out",h?"opacity-100 translate-y-0":"opacity-0 translate-y-2"),style:y},{children:t(L,Object.assign({delayDuration:0},{children:[v&&t("div",Object.assign({className:"flex items-center gap-0.5 border-r pr-1"},{children:[t(M,{children:[i(S,Object.assign({asChild:!0},{children:i(j,Object.assign({variant:"left"===a.alignment?"secondary":"ghost",size:"icon",className:"h-7 w-7",onClick:()=>l({alignment:"left"})},{children:i(C,{className:"h-4 w-4"})}))})),i(W,{children:"Align left"})]}),t(M,{children:[i(S,Object.assign({asChild:!0},{children:i(j,Object.assign({variant:"center"===a.alignment?"secondary":"ghost",size:"icon",className:"h-7 w-7",onClick:()=>l({alignment:"center"})},{children:i(E,{className:"h-4 w-4"})}))})),i(W,{children:"Align center"})]}),t(M,{children:[i(S,Object.assign({asChild:!0},{children:i(j,Object.assign({variant:"right"===a.alignment?"secondary":"ghost",size:"icon",className:"h-7 w-7",onClick:()=>l({alignment:"right"})},{children:i(z,{className:"h-4 w-4"})}))})),i(W,{children:"Align right"})]})]})),t(M,{children:[i(S,Object.assign({asChild:!0},{children:i(j,Object.assign({variant:"ghost",size:"icon",className:"h-7 w-7",onClick:o},{children:i(A,{className:"h-4 w-4"})}))})),i(W,{children:"Replace"})]}),b&&(null===(m=a.provider)||void 0===m?void 0:m.url)&&t(n,{children:[t(M,{children:[i(S,Object.assign({asChild:!0},{children:i(j,Object.assign({variant:"ghost",size:"icon",className:"h-7 w-7",onClick:()=>{var e;d?d():(null===(e=a.provider)||void 0===e?void 0:e.url)&&F(a.provider.url)}},{children:i(T,{className:"h-4 w-4"})}))})),i(W,{children:"Copy URL"})]}),t(M,{children:[i(S,Object.assign({asChild:!0},{children:i(j,Object.assign({variant:"ghost",size:"icon",className:"h-7 w-7",onClick:()=>{var e;(null===(e=a.provider)||void 0===e?void 0:e.url)&&window.open(a.provider.url,"_blank")}},{children:i(Y,{className:"h-4 w-4"})}))})),i(W,{children:"Open in new tab"})]})]}),i(B,{orientation:"vertical",className:"h-4"}),t(M,{children:[i(S,Object.assign({asChild:!0},{children:i(j,Object.assign({variant:"ghost",size:"icon",className:"h-7 w-7 text-destructive hover:bg-destructive/10 hover:text-destructive",onClick:c},{children:i($,{className:"h-4 w-4"})}))})),i(W,{children:"Delete"})]})]}))}))}):null},ne=({blockId:n,attributes:r,children:o,elementProps:h,onUpdate:p,onDelete:u,onReplace:g,pluginOptions:b})=>{var v,f,y,x,w;const[j,k]=s(h.sizes),{isElementSelected:O}=c(),C=d({blockId:n}),E=O&&C,z=a(null),I=m(),[U,D]=s(()=>{var e,t;const i=(null===(e=I.refElement)||void 0===e?void 0:e.getBoundingClientRect().width)||1/0,n=null!==(t=null==b?void 0:b.maxWidth)&&void 0!==t?t:i;return{maxWidth:"number"==typeof n?n:i,maxHeight:1/0}});l(()=>{const e=()=>{var e,t;const i=(null===(e=I.refElement)||void 0===e?void 0:e.getBoundingClientRect().width)||1/0,n=null!==(t=null==b?void 0:b.maxWidth)&&void 0!==t?t:i;D({maxWidth:"number"==typeof n?n:i,maxHeight:1/0})};e();const t=new ResizeObserver(e);return I.refElement&&t.observe(I.refElement),window.addEventListener("resize",e),()=>{t.disconnect(),window.removeEventListener("resize",e)}},[I,b]);const P=(e,t)=>{const i=e=>"number"==typeof e?e:parseInt(String(e).replace(/[^\d]/g,""),10),n=i(e.width),s=i(e.height),r=i(t.width),a=i(t.height);if(n<=r&&s<=a)return{width:n,height:s};const l=n/r,o=s/a,c=Math.max(l,o),d=Math.round(n/c),m=Math.round(s/c);return{width:Math.min(d,r),height:Math.min(m,a)}},H=h.provider,L=null!==(v=null==H?void 0:H.embedUrl)&&void 0!==v?v:"",M={left:"justify-start",center:"justify-center",right:"justify-end"}[null!==(f=h.alignment)&&void 0!==f?f:"center"];return t("div",Object.assign({},r,{className:N("group/embed mt-4 relative transition-all w-full flex",M)},{children:[t("div",Object.assign({className:"relative",contentEditable:!1},{children:[i(R,Object.assign({ref:e=>{(null==e?void 0:e.resizableElement)&&e.resizableElement instanceof HTMLElement&&(z.current=e.resizableElement)},style:{position:"relative",outline:E?".125rem solid rgba(0, 0, 0, 0)":"none",outlineColor:E?"hsl(var(--primary))":"none",padding:2},onResize:(e,t,i)=>{const n=parseInt(i.style.width,10),s=parseInt(i.style.height,10),r=P({width:n,height:s},{width:U.maxWidth,height:U.maxHeight});k(r)},onResizeStop:(e,t,i)=>{const n=parseInt(i.style.width,10),s=parseInt(i.style.height,10),r=P({width:n,height:s},{width:U.maxWidth,height:U.maxHeight});p({sizes:r})},lockAspectRatio:!0,minWidth:200,minHeight:150,maxWidth:U.maxWidth,maxHeight:U.maxHeight,enableResizing:!!E&&{bottom:!1,bottomLeft:!1,bottomRight:!1,left:!0,right:!0,top:!1,topLeft:!1,topRight:!1},disableDragging:!0,resizeHandleStyles:{left:{width:"auto",height:"40px",left:"-5px",top:"50%",transform:"translateY(-50%)",cursor:"ew-resize"},right:{width:"auto",height:"40px",right:"-5px",top:"50%",transform:"translateY(-50%)",cursor:"ew-resize"}},resizeHandleComponent:{left:i("div",{className:"h-10 w-2 rounded-full border border-primary bg-primary shadow-sm"}),right:i("div",{className:"h-10 w-2 rounded-full border border-primary bg-primary shadow-sm"})},className:N("rounded-sm overflow-hidden")},{children:i("iframe",{title:null!==(x=null===(y=null==H?void 0:H.meta)||void 0===y?void 0:y.title)&&void 0!==x?x:`Embedded content from ${null!==(w=null==H?void 0:H.type)&&void 0!==w?w:"unknown"}`,src:L,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,className:"w-full h-full",style:{aspectRatio:`${j.width} / ${j.height}`}})})),E&&i(ie,{referenceRef:z,elementProps:h,onUpdate:p,onReplace:g,onDelete:u,onCopy:()=>e(void 0,void 0,void 0,function*(){if(null==H?void 0:H.url)try{const{default:e}=yield import("./chunks/index-0bca29df.js").then(function(e){return e.i});e(H.url)}catch(e){}})})]})),o]}))},se={embed:{render:({element:t,attributes:n,children:s,blockId:r})=>{var a;const l=m(),c=h("Embed"),d=o(e=>{p.updateElement(l,{blockId:r,type:"embed",props:Object.assign(Object.assign({},t.props),e)})},[l,r,t.props]),g=o(()=>e(void 0,void 0,void 0,function*(){const e=u.getBlockSlate(l,{id:r});if(!e)return;const i=p.getElementPath(l,{blockId:r,element:t});if(!i)return;const n=i?x.parent(e,i):void 0;n&&w.isElement(n[0])&&!x.isEditor(n[0])?p.deleteElement(l,{blockId:r,type:"embed",path:i}):u.deleteBlock(l,{blockId:r,focus:!0})}),[l,r,t]),b=o(()=>{p.updateElement(l,{blockId:r,type:"embed",props:Object.assign(Object.assign({},t.props),{provider:null})})},[l,r,t.props]),v=o(t=>e(void 0,void 0,void 0,function*(){var e;const i=f(t);if(i){const t=null!==(e=null==c?void 0:c.maxWidth)&&void 0!==e?e:650,{width:n,height:s}=y(i.type,t);d({provider:i,sizes:{width:n,height:s}})}}),[d,c]),j=t;return(null===(a=j.props)||void 0===a?void 0:a.provider)?i(ne,Object.assign({blockId:r,elementId:t.id,onUpdate:d,onDelete:g,attributes:n,onReplace:b,elementProps:j.props,pluginOptions:c},{children:s})):i(te,Object.assign({onInsertUrl:v,attributes:n},{children:s}))}}};
+ */const K=I("Map",[["polygon",{points:"3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21",key:"ok2ie8"}],["line",{x1:"9",x2:"9",y1:"3",y2:"18",key:"w34qz5"}],["line",{x1:"15",x2:"15",y1:"6",y2:"21",key:"volv9a"}]]),J=I("Music",[["path",{d:"M9 18V5l12-2v13",key:"1jmyc2"}],["circle",{cx:"6",cy:"18",r:"3",key:"fqmcym"}],["circle",{cx:"18",cy:"16",r:"3",key:"1hluhg"}]]),Q=e=>{switch(e){case"youtube":case"vimeo":case"dailymotion":case"wistia":case"loom":return n(P,{className:"h-3 w-3"});case"spotify":case"soundcloud":return n(J,{className:"h-3 w-3"});case"codepen":case"codesandbox":return n(U,{className:"h-3 w-3"});case"google-maps":return n(K,{className:"h-3 w-3"});default:return n(N,{className:"h-3 w-3"})}},X=({name:e,type:n})=>t("span",Object.assign({className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-medium bg-muted text-muted-foreground"},{children:[Q(n),e]})),Z=({onInsertUrl:e})=>{const[i,r]=s(""),[a,l]=s(!1),[o,c]=s(null),d=()=>{i.trim()&&(e(i.trim()),r(""),l(!1),c(null))};return t("div",Object.assign({className:"space-y-3"},{children:[t("div",Object.assign({className:"space-y-2"},{children:[n(k,{placeholder:"Paste a URL to embed (YouTube, Vimeo, Twitter, Spotify, etc.)",value:i,onChange:e=>(e=>{var t;if(r(e),e.trim()){const n=v(e.trim());if(l(n),n){const n=g(e.trim()),i=b().find(e=>e.type===n);c(null!==(t=null==i?void 0:i.name)&&void 0!==t?t:null)}else c(null)}else l(!1),c(null)})(e.target.value),onKeyDown:e=>{"Enter"===e.key&&i.trim()&&a&&(e.preventDefault(),d())},className:"h-10"}),i.trim()&&n("div",Object.assign({className:"text-xs text-muted-foreground"},{children:a?t("span",Object.assign({className:"flex items-center gap-1.5 text-green-600 dark:text-green-400"},{children:[Q(g(i.trim())),o," detected"]})):n("span",Object.assign({className:"text-destructive"},{children:"Unsupported URL. Try YouTube, Vimeo, Twitter, Spotify, Figma, CodePen, etc."}))}))]})),n(w,Object.assign({className:"w-full",onClick:d,disabled:!i.trim()||!a},{children:a?`Embed ${o}`:"Embed content"}))]}))},ee=()=>{const e=b().filter(e=>"unknown"!==e.type);return t("div",Object.assign({className:"mt-4 space-y-2"},{children:[n("p",Object.assign({className:"text-xs text-muted-foreground text-center"},{children:"Supported providers:"})),t("div",Object.assign({className:"flex flex-wrap gap-1.5 justify-center"},{children:[e.slice(0,8).map(e=>n(X,{name:e.name,type:e.type},e.type)),e.length>8&&t("span",Object.assign({className:"inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-medium bg-muted text-muted-foreground"},{children:["+",e.length-8," more"]}))]}))]}))},te=({onInsertUrl:e,className:i,attributes:s,children:r})=>t("div",Object.assign({className:O("mt-2 relative rounded-lg border bg-background overflow-hidden",i)},s,{contentEditable:!1},{children:[t("div",Object.assign({className:"p-6"},{children:[t("div",Object.assign({className:"flex flex-col items-center gap-4"},{children:[n("div",Object.assign({className:"rounded-lg bg-muted p-3"},{children:n(N,{className:"h-6 w-6 text-muted-foreground"})})),t("div",Object.assign({className:"text-center"},{children:[n("p",Object.assign({className:"text-sm font-medium"},{children:"Embed content"})),n("p",Object.assign({className:"text-xs text-muted-foreground"},{children:"Paste a URL from supported platforms"}))]}))]})),n("div",Object.assign({className:"mt-6 max-w-md mx-auto"},{children:n(Z,{onInsertUrl:e})})),n(ee,{})]})),r]})),ne=({referenceRef:e,elementProps:a,onUpdate:l,onReplace:o,onDelete:d,onCopy:m})=>{var h;const[p,u]=s(!1),[g,b]=s(!1),v=a.provider&&a.provider.type,f="alignment"in a,x=c(),{refs:y,floatingStyles:j}=D({placement:"top-end",strategy:"absolute",middleware:[$(8),q({fallbackPlacements:["bottom-end","top-start","bottom-start"],padding:10}),V({padding:10})],whileElementsMounted:G});r(()=>{const t=e.current;t&&(y.setReference(t),b(!0))},[e,y]),r(()=>{if(g){const e=requestAnimationFrame(()=>{u(!0)});return()=>cancelAnimationFrame(e)}},[g]);return g?n(L,Object.assign({id:"embed-inline-toolbar",root:x.refElement},{children:n("div",Object.assign({ref:y.setFloating,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:e=>e.stopPropagation(),className:O("pointer-events-auto","flex items-center gap-1 rounded-lg border bg-background/95 backdrop-blur-sm p-1 shadow-lg","transition-opacity duration-200 ease-out",p?"opacity-100 translate-y-0":"opacity-0 translate-y-2"),style:j},{children:t(S,Object.assign({delayDuration:0},{children:[f&&t("div",Object.assign({className:"flex items-center gap-0.5 border-r pr-1"},{children:[t(H,{children:[n(W,Object.assign({asChild:!0},{children:n(w,Object.assign({variant:"left"===a.alignment?"secondary":"ghost",size:"icon",className:"h-7 w-7",onClick:()=>l({alignment:"left"})},{children:n(C,{className:"h-4 w-4"})}))})),n(_,{children:"Align left"})]}),t(H,{children:[n(W,Object.assign({asChild:!0},{children:n(w,Object.assign({variant:"center"===a.alignment?"secondary":"ghost",size:"icon",className:"h-7 w-7",onClick:()=>l({alignment:"center"})},{children:n(E,{className:"h-4 w-4"})}))})),n(_,{children:"Align center"})]}),t(H,{children:[n(W,Object.assign({asChild:!0},{children:n(w,Object.assign({variant:"right"===a.alignment?"secondary":"ghost",size:"icon",className:"h-7 w-7",onClick:()=>l({alignment:"right"})},{children:n(R,{className:"h-4 w-4"})}))})),n(_,{children:"Align right"})]})]})),t(H,{children:[n(W,Object.assign({asChild:!0},{children:n(w,Object.assign({variant:"ghost",size:"icon",className:"h-7 w-7",onClick:o},{children:n(A,{className:"h-4 w-4"})}))})),n(_,{children:"Replace"})]}),v&&(null===(h=a.provider)||void 0===h?void 0:h.url)&&t(i,{children:[t(H,{children:[n(W,Object.assign({asChild:!0},{children:n(w,Object.assign({variant:"ghost",size:"icon",className:"h-7 w-7",onClick:()=>{var e;m?m():(null===(e=a.provider)||void 0===e?void 0:e.url)&&T(a.provider.url)}},{children:n(B,{className:"h-4 w-4"})}))})),n(_,{children:"Copy URL"})]}),t(H,{children:[n(W,Object.assign({asChild:!0},{children:n(w,Object.assign({variant:"ghost",size:"icon",className:"h-7 w-7",onClick:()=>{var e;(null===(e=a.provider)||void 0===e?void 0:e.url)&&window.open(a.provider.url,"_blank")}},{children:n(M,{className:"h-4 w-4"})}))})),n(_,{children:"Open in new tab"})]})]}),n(F,{orientation:"vertical",className:"h-4"}),t(H,{children:[n(W,Object.assign({asChild:!0},{children:n(w,Object.assign({variant:"ghost",size:"icon",className:"h-7 w-7 text-destructive hover:bg-destructive/10 hover:text-destructive",onClick:d},{children:n(Y,{className:"h-4 w-4"})}))})),n(_,{children:"Delete"})]})]}))}))})):null},ie=({blockId:i,attributes:r,children:o,elementProps:h,onUpdate:p,onDelete:u,onReplace:g,pluginOptions:b})=>{var v,f,x,y,j;const[w,k]=s(h.sizes),{isElementSelected:N}=d(),C=m({blockId:i}),E=N&&C,R=a(null),I=c(),[U,P]=s(()=>{var e,t;const n=(null===(e=I.refElement)||void 0===e?void 0:e.getBoundingClientRect().width)||0,i=null!==(t=null==b?void 0:b.maxWidth)&&void 0!==t?t:n;return{maxWidth:"number"==typeof i?i:n,maxHeight:0}});l(()=>{const e=()=>{var e,t;const n=(null===(e=I.refElement)||void 0===e?void 0:e.getBoundingClientRect().width)||0,i=null!==(t=null==b?void 0:b.maxWidth)&&void 0!==t?t:n;P({maxWidth:"number"==typeof i?i:n,maxHeight:0})};e();const t=new ResizeObserver(e);return I.refElement&&t.observe(I.refElement),window.addEventListener("resize",e),()=>{t.disconnect(),window.removeEventListener("resize",e)}},[I,b]);const D=h.provider,L=null!==(v=null==D?void 0:D.embedUrl)&&void 0!==v?v:"",S={left:"justify-start",center:"justify-center",right:"justify-end"}[null!==(f=h.alignment)&&void 0!==f?f:"center"];return t("div",Object.assign({},r,{className:O("group/embed mt-4 relative transition-all w-full flex",S)},{children:[t("div",Object.assign({className:"relative",contentEditable:!1,ref:R},{children:[n(z,Object.assign({style:{position:"relative",outline:E?".125rem solid rgba(0, 0, 0, 0)":"none",outlineColor:E?"hsl(var(--primary))":"none",padding:2},onResize:(e,t,n)=>{const i=parseInt(n.style.width,10),s=parseInt(n.style.height,10);k({width:i,height:s})},onResizeStop:(e,t,n)=>{const i=parseInt(n.style.width,10),s=parseInt(n.style.height,10);p({sizes:{width:i,height:s}})},lockAspectRatio:!0,minWidth:200,minHeight:150,maxWidth:U.maxWidth-8||void 0,maxHeight:U.maxHeight||void 0,enableResizing:!!E&&{bottom:!1,bottomLeft:!1,bottomRight:!1,left:!0,right:!0,top:!1,topLeft:!1,topRight:!1},disableDragging:!0,resizeHandleStyles:{left:{width:"auto",height:"40px",left:"5px",top:"50%",transform:"translateY(-50%)",cursor:"ew-resize"},right:{width:"auto",height:"40px",right:"5px",top:"50%",transform:"translateY(-50%)",cursor:"ew-resize"}},resizeHandleComponent:{left:n("div",{className:"h-10 w-1.5 rounded-full bg-white border border-border shadow-[0_0_4px_rgba(0,0,0,0.3)]"}),right:n("div",{className:"h-10 w-1.5 rounded-full bg-white border border-border shadow-[0_0_4px_rgba(0,0,0,0.3)]"})},className:O("rounded-sm overflow-hidden")},{children:n("iframe",{title:null!==(y=null===(x=null==D?void 0:D.meta)||void 0===x?void 0:x.title)&&void 0!==y?y:`Embedded content from ${null!==(j=null==D?void 0:D.type)&&void 0!==j?j:"unknown"}`,src:L,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,className:"w-full h-full",style:{aspectRatio:`${w.width} / ${w.height}`}})})),E&&n(ne,{referenceRef:R,elementProps:h,onUpdate:p,onReplace:g,onDelete:u,onCopy:()=>e(void 0,void 0,void 0,function*(){if(null==D?void 0:D.url)try{const{default:e}=yield import("./chunks/index-0bca29df.js").then(function(e){return e.i});e(D.url)}catch(e){}})})]})),o]}))},se={embed:{render:({element:t,attributes:i,children:s,blockId:r})=>{var a;const l=c(),d=h("Embed"),m=o(e=>{p.updateElement(l,{blockId:r,type:"embed",props:Object.assign(Object.assign({},t.props),e)})},[l,r,t.props]),g=o(()=>e(void 0,void 0,void 0,function*(){const e=u.getBlockSlate(l,{id:r});if(!e)return;const n=p.getElementPath(l,{blockId:r,element:t});if(!n)return;const i=n?y.parent(e,n):void 0;i&&j.isElement(i[0])&&!y.isEditor(i[0])?p.deleteElement(l,{blockId:r,type:"embed",path:n}):u.deleteBlock(l,{blockId:r,focus:!0})}),[l,r,t]),b=o(()=>{p.updateElement(l,{blockId:r,type:"embed",props:Object.assign(Object.assign({},t.props),{provider:null})})},[l,r,t.props]),v=o(t=>e(void 0,void 0,void 0,function*(){var e;const n=f(t);if(n){const t=null!==(e=null==d?void 0:d.maxWidth)&&void 0!==e?e:650,{width:i,height:s}=x(n.type,t);m({provider:n,sizes:{width:i,height:s}})}}),[m,d]),w=t;return(null===(a=w.props)||void 0===a?void 0:a.provider)?n(ie,Object.assign({blockId:r,elementId:t.id,onUpdate:m,onDelete:g,attributes:i,onReplace:b,elementProps:w.props,pluginOptions:d},{children:s})):l.readOnly?null:n(te,Object.assign({onInsertUrl:v,attributes:i},{children:s}))}}};
 /**
  * @license lucide-react v0.294.0 - ISC
  *