slidecanvas 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +13 -4
  2. package/dist/index.js +8 -7
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.mjs +8 -7
  5. package/dist/index.mjs.map +1 -1
  6. package/package.json +3 -2
package/dist/index.mjs CHANGED
@@ -1,8 +1,9 @@
1
1
  "use client";
2
- var it=Object.defineProperty,ot=Object.defineProperties;var rt=Object.getOwnPropertyDescriptors;var Pe=Object.getOwnPropertySymbols;var nt=Object.prototype.hasOwnProperty,lt=Object.prototype.propertyIsEnumerable;var Be=(g,i,p)=>i in g?it(g,i,{enumerable:!0,configurable:!0,writable:!0,value:p}):g[i]=p,w=(g,i)=>{for(var p in i||(i={}))nt.call(i,p)&&Be(g,p,i[p]);if(Pe)for(var p of Pe(i))lt.call(i,p)&&Be(g,p,i[p]);return g},A=(g,i)=>ot(g,rt(i));import{useState as $,useCallback as xe,useMemo as Ve,useEffect as Ae}from"react";import Me,{useState as _}from"react";import{Type as pt,Image as ut,Square as ft,Download as Ne,Plus as Se,Trash2 as mt,Bold as ht,Italic as xt,AlignLeft as gt,AlignCenter as bt,AlignRight as vt,List as Te,Layout as De,Columns as yt,FileText as wt,History as Nt,Share2 as Fe,Play as St,Sparkles as ne,RefreshCw as ke}from"lucide-react";import{clsx as ct}from"clsx";import{twMerge as dt}from"tailwind-merge";function B(...g){return dt(ct(g))}import{Fragment as le,jsx as e,jsxs as c}from"react/jsx-runtime";var kt=["Inter","Lato","Open Sans","Poppins","Roboto","Roboto Slab","Georgia","Playfair Display","Merriweather","Nunito Sans","Montserrat","Oswald","Raleway","Ubuntu","Lora","PT Sans","PT Serif","Play","Arvo","Kanit","Times New Roman","Arial"],Ct=[12,14,16,18,20,24,28,32,36,48,64,72,96],At=[{name:"Basic Shapes",shapes:["rect","circle","triangle","rightTriangle","rhombus","parallelogram","trapezoid","pentagon","hexagon","heptagon","octagon","heart","smiley","sun","moon"]},{name:"Arrows",shapes:["arrowRight","arrowLeft","arrowUp","arrowDown","arrowLeftRight","arrowUpDown"]},{name:"Stars & Symbols",shapes:["star4","star5","star6","star8","cloud","lightning"]},{name:"Equation Shapes",shapes:["plus","minus","multiply","divide","equal"]}],Lt=({type:g,className:i})=>{switch(g){case"rect":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2",fill:"currentColor"})});case"circle":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor"})});case"triangle":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M12 4L20 18H4L12 4Z",fill:"currentColor"})});case"rightTriangle":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M4 4V20H20L4 4Z",fill:"currentColor"})});case"rhombus":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M12 4L20 12L12 20L4 12L12 4Z",fill:"currentColor"})});case"parallelogram":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M7 4H21L17 20H3L7 4Z",fill:"currentColor"})});case"trapezoid":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M6 4H18L21 20H3L6 4Z",fill:"currentColor"})});case"pentagon":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M12 3L21 9V19H3V9L12 3Z",fill:"currentColor"})});case"hexagon":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M12 3L20 7.5V16.5L12 21L4 16.5V7.5L12 3Z",fill:"currentColor"})});case"heptagon":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M12 3L18.5 6L21 13L16 20H8L3 13L5.5 6L12 3Z",fill:"currentColor"})});case"octagon":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M8.5 3H15.5L21 8.5V15.5L15.5 21H8.5L3 15.5V8.5L8.5 3Z",fill:"currentColor"})});case"heart":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z",fill:"currentColor"})});case"smiley":return c("svg",{viewBox:"0 0 24 24",className:i,children:[e("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor",fillOpacity:"0.2",stroke:"currentColor",strokeWidth:"2"}),e("circle",{cx:"9",cy:"9",r:"1.5",fill:"currentColor"}),e("circle",{cx:"15",cy:"9",r:"1.5",fill:"currentColor"}),e("path",{d:"M8 15C8 15 9.5 17 12 17C14.5 17 16 15 16 15",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]});case"sun":return c("svg",{viewBox:"0 0 24 24",className:i,children:[e("circle",{cx:"12",cy:"12",r:"5",fill:"currentColor"}),e("path",{d:"M12 2V4M12 20V22M4 12H2M22 12H20M19.07 4.93L17.66 6.34M6.34 17.66L4.93 19.07M4.93 4.93L6.34 6.34M17.66 17.66L19.07 19.07",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]});case"moon":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M12 3a9 9 0 1 0 9 9 7 7 0 0 1-9-9",fill:"currentColor"})});case"arrowRight":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M4 11h11.5l-3.5-3.5 1.5-1.5 6 6-6 6-1.5-1.5 3.5-3.5H4z",fill:"currentColor"})});case"arrowLeft":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M20 11H8.5l3.5-3.5L10.5 6l-6 6 6 6 1.5-1.5-3.5-3.5H20z",fill:"currentColor"})});case"arrowUp":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M13 20V8.5l3.5 3.5 1.5-1.5-6-6-6 6 1.5 1.5 3.5-3.5V20z",fill:"currentColor"})});case"arrowDown":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M11 4v11.5l-3.5-3.5-1.5 1.5 6 6 6-6-1.5-1.5-3.5 3.5V4z",fill:"currentColor"})});case"arrowLeftRight":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M4 12l4-4v3h8V8l4 4-4 4v-3H8v3l-4-4z",fill:"currentColor"})});case"arrowUpDown":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M12 4l-4 4h3v8H8l4 4 4-4h-3V8h3l-4-4z",fill:"currentColor"})});case"star4":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M12 2l2 8 8 2-8 2-2 8-2-8-8-2 8-2 2-8z",fill:"currentColor"})});case"star5":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M12 2l2.5 7.5H22l-6 4.5 2.5 7.5-6.5-4.5-6.5 4.5 2.5-7.5-6-4.5h7.5L12 2z",fill:"currentColor"})});case"star6":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M12 2l3 5 6-1-4 4.5 2 6.5-7-3-7 3 2-6.5-4-4.5 6 1 3-5z",fill:"currentColor"})});case"star8":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M12 2l2 4 4-2-2 4 4 2-4 2 2 4-4-2-2 4-2-4-4 2 2-4-4-2 4-2-2-4 4 2 2-4z",fill:"currentColor"})});case"cloud":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M17.5 19c-3 0-5.5-2.5-5.5-5.5 0-.2 0-.4.1-.6-2-.8-3.6-2.5-4.1-4.7C6.5 7.4 5 6 3 6c-1.7 0-3 1.3-3 3s1.3 3 3 3c.4 0 .8-.1 1.2-.2C4.1 13 5 14.5 6.5 15.5c.3 1.8 1.4 3.4 3 4.3.4.2.8.3 1.2.4 1.2.4 2.5.6 3.8.6 4.4 0 8-3.6 8-8s-3.6-8-8-8c-.4 0-.8 0-1.2.1-1.2.2-2.3.7-3.2 1.5C11 4.2 12.4 3.5 14 3.5c4.1 0 7.5 3.4 7.5 7.5s-1.8 7.5-4 8z",fill:"currentColor",transform:"scale(0.8) translate(3,3)"})});case"lightning":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M13 2L3 14h9v8l10-12h-9l3-8z",fill:"currentColor"})});case"plus":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z",fill:"currentColor"})});case"minus":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M19 13H5v-2h14v2z",fill:"currentColor"})});case"multiply":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z",fill:"currentColor"})});case"divide":return c("svg",{viewBox:"0 0 24 24",className:i,children:[e("circle",{cx:"12",cy:"7",r:"2",fill:"currentColor"}),e("circle",{cx:"12",cy:"17",r:"2",fill:"currentColor"}),e("rect",{x:"5",y:"11",width:"14",height:"2",fill:"currentColor"})]});case"equal":return e("svg",{viewBox:"0 0 24 24",className:i,children:e("path",{d:"M19 10H5V8h14v2zm0 6H5v-2h14v2z",fill:"currentColor"})});default:return e("div",{className:"w-6 h-6 bg-slate-200 rounded-sm"})}},zt=({onAddShape:g,uiScale:i})=>{let[p,f]=_(!1);return Me.useEffect(()=>(window._toggleShapesMenu=()=>f(!p),()=>{window._toggleShapesMenu=void 0}),[p]),p?e("div",{className:"absolute top-full left-0 mt-2 bg-white border border-slate-200 rounded-2xl shadow-2xl p-4 overflow-y-auto z-[100] animate-in fade-in zoom-in-95 duration-200",style:{width:`${320*i}px`,maxHeight:`${480*i}px`},children:e("div",{className:"flex flex-col gap-6",children:At.map(N=>c("div",{className:"flex flex-col gap-2",children:[e("span",{className:"text-[10px] font-black uppercase tracking-widest text-slate-400 px-1",style:{fontSize:`${10*i}px`},children:N.name}),e("div",{className:"grid grid-cols-5 gap-1",children:N.shapes.map(m=>e("button",{onClick:()=>{g(m),f(!1)},className:"aspect-square hover:bg-slate-50 rounded-lg flex items-center justify-center border border-transparent hover:border-slate-100 transition-all group p-1",title:m,children:e("div",{className:"w-full h-full bg-slate-100 rounded-sm group-hover:bg-blue-100 group-hover:scale-110 transition-all flex items-center justify-center overflow-hidden p-1.5",children:e(Lt,{type:m,className:"w-full h-full text-slate-400 group-hover:text-blue-600 transition-colors"})})},m))})]},N.name))})}):null},Re=({onAddText:g,onAddImage:i,onAddShape:p,onAddSlide:f,onExport:N,onFormatText:m,onDeleteElement:S,onApplyLayout:k,onPlay:L,selectedElement:a,appName:v,onAiAction:o,onAiResponseAction:x,aiResponse:y,isAiLoading:t,onNewPresentation:s,onLoadPresentation:r,appBgColor:l="#B7472A",uiScale:h,source:z})=>{let D=Me.useRef(null),[se,K]=_("Home"),[H,M]=_(!1),[W,ae]=_(!1),[X,O]=_(!1),[Q,R]=_(!1),[U,Z]=_("file"),[ee,ie]=_(""),P=(a==null?void 0:a.type)==="text",ge=(a==null?void 0:a.type)==="shape",oe="#B7472A";return c("div",{className:"flex flex-col border-b border-slate-200 bg-white z-50 select-none pb-1",style:{fontSize:`${12*h}px`},children:[c("div",{className:"flex items-center bg-[#F3F2F1] border-b border-slate-200",style:{height:`${40*h}px`},children:[e("div",{className:"flex items-center h-full px-4 border-r border-slate-200 mr-2 text-white",style:{backgroundColor:l},children:e("span",{className:"font-black text-xs tracking-tighter capitalize",children:v})}),c("div",{className:"flex h-full relative",children:[e("button",{onClick:()=>O(!X),className:B("px-4 h-10 transition-all flex items-center text-xs font-semibold relative",X?"text-white":"text-slate-600 hover:bg-slate-200/50"),style:{backgroundColor:X?l:"transparent"},children:"File"}),X&&c(le,{children:[e("div",{className:"fixed inset-0 z-[140]",onClick:()=>O(!1)}),c("div",{className:"absolute top-10 left-0 w-48 bg-white border border-slate-200 shadow-xl rounded-b-xl z-[200] py-2 animate-in fade-in slide-in-from-top-1 duration-200",children:[c("button",{onClick:()=>{s(),O(!1)},className:"w-full text-left px-4 py-2 text-xs text-slate-700 hover:bg-slate-50 flex items-center gap-3 transition-colors",children:[e(Se,{size:14,className:"text-slate-400"}),e("span",{children:"Create New"})]}),c("button",{onClick:()=>{R(!0),O(!1)},className:"w-full text-left px-4 py-2 text-xs text-slate-700 hover:bg-slate-50 flex items-center gap-3 transition-colors",children:[e(Ne,{size:14,className:"text-slate-400"}),e("span",{children:"Upload"})]}),e("div",{className:"h-[1px] bg-slate-100 my-1 mx-2"}),c("button",{onClick:()=>{N(),O(!1)},className:"w-full text-left px-4 py-2 text-xs text-slate-700 hover:bg-slate-50 flex items-center gap-3 transition-colors",children:[e(Fe,{size:14,className:"text-slate-400"}),e("span",{children:"Export PPTX"})]})]})]})]}),e("div",{className:"flex-1"}),c("div",{className:"flex items-center gap-2 px-4 h-full",children:[z&&c("div",{className:"flex items-center gap-1.5 px-2.5 py-1 bg-white/50 rounded-full border border-slate-200/50 shadow-sm animate-in fade-in slide-in-from-right-2 duration-300",children:[z==="scratch"&&c(le,{children:[e(ne,{size:10,className:"text-amber-500"}),e("span",{className:"text-[10px] font-bold text-slate-600 uppercase tracking-tighter",children:"Scratch"})]}),z==="uploaded"&&c(le,{children:[e(De,{size:10,className:"text-blue-500"}),e("span",{className:"text-[10px] font-bold text-slate-600 uppercase tracking-tighter",children:"Uploaded"})]}),z==="url"&&c(le,{children:[e(Fe,{size:10,className:"text-emerald-500"}),e("span",{className:"text-[10px] font-bold text-slate-600 uppercase tracking-tighter",children:"Linked"})]})]}),e("div",{className:"h-4 w-[1px] bg-slate-200 mx-1"}),e(St,{size:16,className:"text-slate-400 cursor-pointer hover:text-[#B7472A] transition-colors",onClick:L})]})]}),c("div",{className:"bg-white flex items-center px-4 gap-4 justify-start",style:{height:`${96*h}px`},children:[c("div",{className:B("flex flex-col items-center border-r border-slate-100 py-1",h<.84?"px-1.5 min-w-0":"px-3 min-w-[110px]"),children:[c("div",{className:"flex items-center gap-1 mb-1",children:[c("button",{onClick:f,className:"flex flex-col items-center justify-center p-2 hover:bg-slate-50 rounded-xl group transition-all",children:[e("div",{className:"bg-orange-50 p-2 rounded-lg group-hover:scale-110 transition-transform",children:e(Se,{size:22,style:{color:l}})}),e("span",{className:"text-[10px] font-bold text-slate-700 mt-1",children:"New Slide"})]}),c("div",{className:"relative",children:[c("button",{onClick:()=>M(!H),className:B("p-1.5 hover:bg-slate-50 rounded-xl transition-all flex flex-col items-center",H&&"bg-slate-100"),children:[e(De,{size:20,className:"text-slate-500"}),e("span",{className:"text-[10px] font-medium text-slate-500 mt-1",children:"Layout"})]}),H&&c("div",{className:"absolute top-full left-0 mt-2 bg-white border border-slate-200 rounded-xl shadow-2xl p-2 w-56 flex flex-col gap-1 z-[100] animate-in fade-in zoom-in-95 duration-200",children:[c("button",{onClick:()=>{k("title"),M(!1)},className:"flex items-center gap-3 px-4 py-2.5 hover:bg-slate-50 rounded-lg text-xs font-semibold text-slate-700 transition-colors border border-transparent hover:border-slate-100",children:[e(wt,{size:16,className:"text-blue-500"})," Title Slide"]}),c("button",{onClick:()=>{k("content"),M(!1)},className:"flex items-center gap-3 px-4 py-2.5 hover:bg-slate-50 rounded-lg text-xs font-semibold text-slate-700 transition-colors border border-transparent hover:border-slate-100",children:[e(Te,{size:16,className:"text-emerald-500"})," Title & Content"]}),c("button",{onClick:()=>{k("split"),M(!1)},className:"flex items-center gap-3 px-4 py-2.5 hover:bg-slate-50 rounded-lg text-xs font-semibold text-slate-700 transition-colors border border-transparent hover:border-slate-100",children:[e(yt,{size:16,className:"text-purple-500"})," Two Columns"]})]})]})]}),h>=.85&&e("span",{className:"text-[9px] uppercase tracking-[0.2em] font-black text-slate-300 mt-auto",children:"Slides"})]}),c("div",{className:B("flex flex-col items-center border-r border-slate-100 py-1 pt-1",h<.85?"px-1.5":"px-3"),children:[c("div",{className:B("flex flex-col gap-2",h<.85?"min-w-0":"min-w-[220px]"),children:[c("div",{className:"flex items-center gap-1.5",children:[e("select",{disabled:!P,value:(a==null?void 0:a.fontFamily)||"Arial",onChange:b=>m({fontFamily:b.target.value}),className:B("h-7 px-2 text-xs text-slate-900 border border-slate-200 rounded-lg font-semibold bg-white hover:border-slate-300 outline-none disabled:opacity-50 transition-colors appearance-none cursor-pointer",h<.85?"w-24":"w-32"),children:kt.map(b=>e("option",{value:b,children:b},b))}),e("select",{disabled:!P,value:(a==null?void 0:a.fontSize)||24,onChange:b=>m({fontSize:parseInt(b.target.value)}),className:"h-7 px-1.5 text-xs text-slate-900 border border-slate-200 rounded-lg font-semibold bg-white hover:border-slate-300 outline-none w-14 disabled:opacity-50 transition-colors appearance-none cursor-pointer text-center",children:Ct.map(b=>e("option",{value:b,children:b},b))})]}),c("div",{className:"flex items-center gap-1",children:[e("button",{disabled:!P,onClick:()=>m({isBold:!a.isBold}),className:B("p-2 rounded-lg transition-all disabled:opacity-30",a!=null&&a.isBold?"bg-slate-100 text-slate-900":"text-slate-500 hover:bg-slate-50"),children:e(ht,{size:16,strokeWidth:3})}),e("button",{disabled:!P,onClick:()=>m({isItalic:!a.isItalic}),className:B("p-2 rounded-lg transition-all disabled:opacity-30",a!=null&&a.isItalic?"bg-slate-100 text-slate-900":"text-slate-500 hover:bg-slate-50"),children:e(xt,{size:16})}),e("div",{className:"h-4 w-[1px] bg-slate-200 mx-2"}),c("div",{className:"relative group p-1 hover:bg-slate-50 rounded-lg transition-colors cursor-pointer",children:[e("input",{type:"color",disabled:!a,value:P?a.color||"#000000":(a==null?void 0:a.fill)||"#3b82f6",onChange:b=>m(P?{color:b.target.value}:{fill:b.target.value}),className:"w-8 h-6 p-0 border-0 bg-transparent cursor-pointer disabled:opacity-30",title:"Format Color"}),e("div",{className:"absolute bottom-1.5 left-2 right-2 h-1 rounded-full",style:{backgroundColor:P?a.color||"#000000":(a==null?void 0:a.fill)||"#3b82f6"}})]})]})]}),h>=.85&&e("span",{className:"text-[9px] uppercase tracking-[0.2em] font-black text-slate-300 mt-auto pt-1",children:"Font"})]}),c("div",{className:"flex flex-col items-center border-r border-slate-100 px-4 py-1",children:[c("div",{className:"flex flex-col gap-1",children:[c("div",{className:"flex items-center gap-1 px-1.5 py-1 bg-slate-50 rounded-xl border border-slate-100",children:[e("button",{disabled:!P,onClick:()=>m({textAlign:"left"}),className:B("p-1.5 rounded-lg transition-all disabled:opacity-30",(a==null?void 0:a.textAlign)==="left"?"bg-white shadow-sm scale-110":"text-slate-400"),style:{color:(a==null?void 0:a.textAlign)==="left"?l:void 0},children:e(gt,{size:16})}),e("button",{disabled:!P,onClick:()=>m({textAlign:"center"}),className:B("p-1.5 rounded-lg transition-all disabled:opacity-30",(a==null?void 0:a.textAlign)==="center"?"bg-white shadow-sm scale-110":"text-slate-400"),style:{color:(a==null?void 0:a.textAlign)==="center"?l:void 0},children:e(bt,{size:16})}),e("button",{disabled:!P,onClick:()=>m({textAlign:"right"}),className:B("p-1.5 rounded-lg transition-all disabled:opacity-30",(a==null?void 0:a.textAlign)==="right"?"bg-white shadow-sm scale-110":"text-slate-400"),style:{color:(a==null?void 0:a.textAlign)==="right"?l:void 0},children:e(vt,{size:16})})]}),e("button",{disabled:!P,onClick:()=>m({isBulleted:!a.isBulleted}),className:B("p-2 rounded-lg self-start transition-all disabled:opacity-30",a!=null&&a.isBulleted?"bg-slate-100":"text-slate-500 hover:bg-slate-50"),style:{color:a!=null&&a.isBulleted?l:void 0},children:e(Te,{size:18})})]}),e("span",{className:"text-[9px] uppercase tracking-[0.2em] font-black text-slate-300 mt-auto",children:"Paragraph"})]}),c("div",{className:"flex flex-col items-center border-r border-slate-100 px-3 py-1 shrink-0",children:[c("div",{className:"flex items-center gap-1.5 mb-0.5",children:[c("div",{className:"relative group/shapes",children:[c("button",{className:"flex flex-col items-center justify-center p-2 hover:bg-slate-50 rounded-xl group transition-all",onClick:()=>{var b;return(b=window._toggleShapesMenu)==null?void 0:b.call(window)},children:[e("div",{className:"bg-blue-50 p-1.5 rounded-lg group-hover:scale-105 transition-transform",children:e(ft,{size:20,className:"text-blue-600"})}),e("span",{className:"text-[9px] font-bold text-slate-700 mt-1",children:"Shapes"})]}),e(zt,{onAddShape:b=>{p(b)},uiScale:h})]}),e("div",{className:"h-10 w-[1px] bg-slate-100 mx-2"}),e("button",{onClick:g,className:"p-2 hover:bg-slate-50 rounded-xl text-slate-600 transition-colors",title:"Text Box",children:e(pt,{size:18})}),c("button",{onClick:()=>{var b;return(b=D.current)==null?void 0:b.click()},className:"p-2 hover:bg-slate-50 rounded-xl text-slate-600 transition-colors",title:"Image",children:[e(ut,{size:18}),e("input",{type:"file",ref:D,className:"hidden",accept:"image/*",onChange:b=>{var q;return((q=b.target.files)==null?void 0:q[0])&&i(b.target.files[0])}})]})]}),e("span",{className:"text-[9px] uppercase tracking-[0.2em] font-black text-slate-300 mt-auto",children:"Drawing"})]}),c("div",{className:"flex flex-col items-center border-r border-slate-100 px-4 py-1",children:[c("div",{className:"flex flex-col gap-2 relative",children:[c("div",{className:"flex items-center gap-1.5",children:[c("button",{disabled:!P||t,onClick:()=>o(a.id,"shorten"),className:"flex items-center gap-1.5 px-2 py-1.5 hover:bg-slate-50 rounded-lg text-slate-600 disabled:opacity-20 transition-all group border border-transparent hover:border-slate-100",children:[e(ne,{size:14,className:"text-purple-500"}),e("span",{className:"text-[9px] font-bold",children:"Shorten"})]}),c("button",{disabled:!P||t,onClick:()=>o(a.id,"reframe"),className:"flex items-center gap-1.5 px-2 py-1.5 hover:bg-slate-50 rounded-lg text-slate-600 disabled:opacity-20 transition-all group border border-transparent hover:border-slate-100",children:[e(ne,{size:14,className:"text-blue-500"}),e("span",{className:"text-[9px] font-bold",children:"Reframe"})]}),c("button",{disabled:!P||t,onClick:()=>o(a.id,"lengthen"),className:"flex items-center gap-1.5 px-2 py-1.5 hover:bg-slate-50 rounded-lg text-slate-600 disabled:opacity-20 transition-all group border border-transparent hover:border-slate-100",children:[e(ne,{size:14,className:"text-emerald-500"}),e("span",{className:B("text-[9px] font-bold",h<.85&&"hidden"),children:"Lengthen"})]})]}),t&&e("div",{className:"absolute inset-0 bg-white/80 flex items-center justify-center rounded-lg z-10 backdrop-blur-[1px]",children:e(ke,{size:18,className:"text-blue-600 animate-spin"})}),y&&c("div",{className:"fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[400px] bg-white border border-slate-200 rounded-2xl shadow-2xl p-6 z-[200] animate-in fade-in zoom-in-95 duration-200",children:[c("div",{className:"flex items-center gap-2 mb-4",children:[e(ne,{size:20,className:"text-purple-600"}),e("h3",{className:"text-sm font-black text-slate-800 uppercase tracking-widest",children:"AI Generated Response"})]}),c("div",{className:"bg-slate-50 p-4 rounded-xl mb-6 max-h-[200px] overflow-y-auto border border-slate-100 italic text-slate-700 text-sm leading-relaxed",children:['"',y,'"']}),c("div",{className:"flex flex-col gap-2",children:[c("div",{className:"grid grid-cols-2 gap-2",children:[e("button",{onClick:()=>x("replace"),className:"px-4 py-2.5 text-white text-[11px] font-bold rounded-lg transition-colors shadow-sm",style:{backgroundColor:l},children:"REPLACE CURRENT"}),e("button",{onClick:()=>x("addBelow"),className:"px-4 py-2.5 bg-slate-800 text-white text-[11px] font-bold rounded-lg hover:bg-slate-900 transition-colors shadow-sm",children:"ADD BELOW"})]}),c("div",{className:"flex gap-2",children:[c("button",{onClick:()=>x("regenerate"),className:"flex-1 px-4 py-2.5 border border-slate-200 text-slate-600 text-[11px] font-bold rounded-lg hover:bg-slate-50 transition-colors flex items-center justify-center gap-2",children:[e(ke,{size:14})," REGENERATE"]}),e("button",{className:"px-4 py-2.5 text-slate-400 text-[11px] font-bold hover:text-slate-600 transition-colors",onClick:()=>{x("replace")},children:"CLOSE"})]})]})]})]}),e("span",{className:"text-[9px] uppercase tracking-[0.2em] font-black text-slate-300 mt-auto",children:"AI Text"})]}),c("div",{className:"flex flex-col items-center px-3 py-1",children:[c("div",{className:"flex gap-3",children:[e("button",{onClick:N,className:"flex flex-col items-center justify-center p-2.5 hover:bg-emerald-50 rounded-xl group transition-all",title:"Download Presentation",children:e("div",{className:"bg-emerald-100/50 p-2 rounded-lg group-hover:scale-110 transition-transform",children:e(Ne,{size:22,className:"text-emerald-700"})})}),a&&e("button",{onClick:S,className:"flex flex-col items-center justify-center p-2.5 hover:bg-red-50 rounded-xl group transition-all",title:"Delete Element",children:e("div",{className:"bg-red-100/50 p-2 rounded-lg group-hover:scale-110 transition-transform",children:e(mt,{size:22,className:"text-red-600"})})})]}),e("span",{className:"text-[9px] uppercase tracking-[0.2em] font-black text-slate-300 mt-auto",children:"Actions"})]}),e("div",{className:"flex-1"}),c("div",{className:"pr-12 flex flex-col items-end gap-1 group",children:[c("div",{className:"flex items-center gap-1.5 text-[10px] font-black text-slate-300 transition-colors",style:{color:l},children:[e(Nt,{size:12}),e("span",{children:"SAVED AUTOMATICALLY"})]}),e("div",{className:"h-1 w-24 bg-slate-100 rounded-full overflow-hidden",children:e("div",{className:"h-full w-full bg-emerald-500/20"})})]})]}),Q&&c(le,{children:[e("div",{className:"fixed inset-0 bg-slate-900/40 backdrop-blur-sm z-[2000]",onClick:()=>R(!1)}),c("div",{className:"fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[480px] bg-white rounded-3xl shadow-2xl z-[2001] border border-slate-200 p-8 animate-in fade-in zoom-in-95 duration-200",children:[c("div",{className:"flex justify-between items-center mb-6",children:[c("h3",{className:"text-lg font-black text-slate-800 tracking-tight flex items-center gap-3",children:[e("div",{className:"p-2 bg-blue-50 text-blue-600 rounded-xl",children:e(Ne,{size:20})}),"Upload Presentation"]}),e("button",{onClick:()=>R(!1),className:"text-slate-400 hover:text-slate-600 transition-colors",children:e(ke,{size:20,className:"rotate-45"})})]}),c("div",{className:"flex gap-2 p-1 bg-slate-50 rounded-2xl mb-8",children:[e("button",{onClick:()=>Z("file"),className:B("flex-1 py-3 text-xs font-black rounded-xl transition-all",U==="file"?"bg-white text-blue-600 shadow-sm":"text-slate-500 hover:text-slate-700"),children:"FILE UPLOAD"}),e("button",{onClick:()=>Z("link"),className:B("flex-1 py-3 text-xs font-black rounded-xl transition-all",U==="link"?"bg-white text-blue-600 shadow-sm":"text-slate-500 hover:text-slate-700"),children:"LINK UPLOAD"})]}),U==="file"?c("label",{className:"flex flex-col items-center justify-center gap-4 py-12 border-2 border-dashed border-slate-200 rounded-3xl hover:border-blue-400 hover:bg-blue-50/50 transition-all cursor-pointer group",children:[e("div",{className:"p-4 bg-white rounded-2xl shadow-sm border border-slate-100 group-hover:scale-110 transition-transform",children:e(Se,{size:24,className:"text-blue-500"})}),c("div",{className:"text-center",children:[e("p",{className:"text-sm font-bold text-slate-700",children:"Choose a PPTX file"}),e("p",{className:"text-xs text-slate-400 mt-1",children:"Maximum file size: 50MB"})]}),e("input",{type:"file",accept:".pptx",className:"hidden",onChange:b=>{var G;let q=(G=b.target.files)==null?void 0:G[0];q&&(r(q),R(!1))}})]}):c("div",{className:"space-y-4",children:[e("div",{className:"relative",children:e("input",{type:"text",placeholder:"Paste S3 or public URL",value:ee,onChange:b=>ie(b.target.value),className:"w-full bg-slate-50 border border-slate-200 rounded-2xl px-5 py-4 focus:outline-none focus:ring-4 focus:ring-blue-500/10 focus:border-blue-500 text-sm placeholder:text-slate-400 text-black"})}),e("button",{onClick:()=>{ee.trim()&&(r(ee.trim()),R(!1))},disabled:!ee.trim(),className:"w-full bg-blue-600 hover:bg-blue-700 disabled:bg-slate-300 text-white font-black py-4 rounded-2xl transition-all shadow-lg shadow-blue-500/20",children:"LOAD PRESENTATION"}),e("p",{className:"text-[10px] text-slate-400 text-center uppercase tracking-widest font-black",children:"Supports S3, Dropbox, and public URLS"})]})]})]})]})};import{Trash2 as It,Copy as Pt,GripVertical as Bt}from"lucide-react";import{DndContext as Tt,closestCenter as Dt,KeyboardSensor as Ft,PointerSensor as Mt,useSensor as $e,useSensors as Rt}from"@dnd-kit/core";import{SortableContext as $t,sortableKeyboardCoordinates as Ht,verticalListSortingStrategy as Ut,useSortable as Ot}from"@dnd-kit/sortable";import{CSS as Et}from"@dnd-kit/utilities";import{jsx as T,jsxs as te}from"react/jsx-runtime";var jt=({slide:g,index:i,isActive:p,onSelect:f,onDelete:N,onDuplicate:m,showDelete:S,uiScale:k})=>{let{attributes:L,listeners:a,setNodeRef:v,transform:o,transition:x,isDragging:y}=Ot({id:g.id}),t={transform:Et.Transform.toString(o),transition:x,zIndex:y?2:1,opacity:y?.5:1};return te("div",{ref:v,style:t,onClick:f,className:B("cursor-pointer border-[1.5px] rounded-2xl p-2 transition-all duration-300 group relative select-none",p?"border-[#B7472A] bg-white":"border-transparent hover:border-slate-200 bg-white/50 hover:bg-white"),children:[te("div",{className:"text-[10px] font-bold text-slate-400 mb-1 flex items-center justify-between",children:[te("div",{className:"flex items-center gap-1",children:[T("div",A(w(w({},L),a),{className:"cursor-grab active:cursor-grabbing p-0.5 hover:bg-slate-100 rounded text-slate-300 hover:text-slate-500",children:T(Bt,{size:10})})),te("span",{children:["SLIDE ",i+1]})]}),te("div",{className:"flex items-center gap-1",children:[p&&T("span",{className:"h-1.5 w-1.5 rounded-full bg-[#B7472A]"}),te("div",{className:"flex items-center opacity-0 group-hover:opacity-100 transition-opacity",children:[T("button",{onClick:s=>{s.stopPropagation(),m()},className:"p-1 hover:bg-blue-50 text-slate-400 hover:text-blue-500 rounded transition-all",title:"Duplicate Slide",children:T(Pt,{size:12})}),S&&T("button",{onClick:s=>{s.stopPropagation(),N()},className:"p-1 hover:bg-red-50 text-red-400 hover:text-red-500 rounded transition-all",title:"Delete Slide",children:T(It,{size:12})})]})]})]}),T("div",{className:"aspect-video bg-white rounded-xl flex items-center justify-center border border-slate-200 overflow-hidden relative group-hover:shadow-sm transition-shadow",children:T("div",{className:"origin-center pointer-events-none select-none shrink-0",style:{width:"1200px",height:"675px",transform:`scale(${180*k/1200})`,backgroundColor:"#ffffff"},children:g.elements.sort((s,r)=>(s.zIndex||0)-(r.zIndex||0)).map(s=>{var l;let r={position:"absolute",left:s.x,top:s.y,width:s.width,height:s.height,opacity:(l=s.opacity)!=null?l:1};return s.type==="text"?T("div",{style:A(w({},r),{fontSize:s.fontSize,fontFamily:s.fontFamily,color:s.color,textAlign:s.textAlign||"left",fontWeight:s.isBold?"bold":"normal",fontStyle:s.isItalic?"italic":"normal",lineHeight:1.2,overflow:"hidden",wordBreak:"break-word",whiteSpace:"pre-wrap"}),children:s.content},s.id):s.type==="shape"?T("div",{style:A(w({},r),{backgroundColor:s.fill,borderRadius:s.shapeType==="ellipse"?"50%":"0"})},s.id):s.type==="image"?T("img",{src:s.src,alt:"",style:A(w({},r),{objectFit:"contain"})},s.id):null})})})]})},He=({slides:g,currentSlideIndex:i,onSelectSlide:p,onDeleteSlide:f,onDuplicateSlide:N,onReorderSlides:m,uiScale:S})=>{let k=Rt($e(Mt,{activationConstraint:{distance:5}}),$e(Ft,{coordinateGetter:Ht})),L=a=>{let{active:v,over:o}=a;if(v.id!==(o==null?void 0:o.id)){let x=g.findIndex(t=>t.id===v.id),y=g.findIndex(t=>t.id===(o==null?void 0:o.id));m(x,y)}};return T("div",{className:"bg-white border-r border-slate-100 overflow-y-auto p-4 flex flex-col gap-4",style:{width:`${256*S}px`},children:T(Tt,{sensors:k,collisionDetection:Dt,onDragEnd:L,children:T($t,{items:g.map(a=>a.id),strategy:Ut,children:g.map((a,v)=>T(jt,{slide:a,index:v,isActive:v===i,onSelect:()=>p(v),onDelete:()=>f(v),onDuplicate:()=>N(v),showDelete:g.length>1,uiScale:S},a.id))})})})};import{useEffect as Ce,useRef as ce}from"react";import*as E from"fabric";import{jsx as Ue}from"react/jsx-runtime";var ue=({slide:g,onElementUpdate:i,onSelect:p,uiScale:f})=>{let N=ce(null),m=ce(null),S=ce(!1),k=ce(i),L=ce(p);return Ce(()=>{k.current=i,L.current=p},[i,p]),Ce(()=>{if(N.current&&!m.current){m.current=new E.Canvas(N.current,{width:1200,height:675,backgroundColor:"#ffffff"});let a=m.current,v=t=>{t.left<0&&t.set("left",0),t.top<0&&t.set("top",0);let s=t.getBoundingRect();s.left+s.width>(a.width||1200)&&t.set("left",(a.width||1200)-s.width),s.top+s.height>(a.height||675)&&t.set("top",(a.height||675)-s.height)};a.on("object:moving",t=>v(t.target)),a.on("object:scaling",t=>v(t.target));let o=t=>{var l;if(S.current)return;let s=t.target,r=(l=s.get("data"))==null?void 0:l.id;s&&r&&k.current(r,w({x:s.left,y:s.top,width:s.getScaledWidth(),height:s.getScaledHeight()},s.isType("textbox")?{content:s.text,textAlign:s.textAlign,fontSize:s.fontSize,fontFamily:s.fontFamily,color:s.fill}:{fill:s.fill}))};a.on("object:modified",o),a.on("text:changed",o);let x=t=>{var r,l;let s=((r=t.selected)==null?void 0:r[0])||t.target;if(s){let h=(l=s.get("data"))==null?void 0:l.id;L.current(h)}};a.on("selection:created",x),a.on("selection:updated",x),a.on("selection:cleared",()=>L.current(null));let y=t=>{let s=a.getActiveObject();if(!s||s.isType("textbox")&&s.isEditing)return;let r=t.shiftKey?10:1,l=!1;switch(t.key){case"ArrowLeft":s.set("left",s.left-r),l=!0;break;case"ArrowRight":s.set("left",s.left+r),l=!0;break;case"ArrowUp":s.set("top",s.top-r),l=!0;break;case"ArrowDown":s.set("top",s.top+r),l=!0;break}l&&(v(s),a.requestRenderAll(),o({target:s}))};window.addEventListener("keydown",y),a._keyboardListener=y}return()=>{if(m.current){let a=m.current._keyboardListener;a&&window.removeEventListener("keydown",a),m.current.dispose(),m.current=null}}},[]),Ce(()=>{if(!m.current)return;let a=m.current;(async()=>{S.current=!0;let o=a.getObjects(),x=new Set(g.elements.map(t=>t.id));o.forEach(t=>{var r;let s=(r=t.get("data"))==null?void 0:r.id;s&&!x.has(s)&&a.remove(t)});let y=[...g.elements].sort((t,s)=>(t.zIndex||0)-(s.zIndex||0));for(let t of y){let s=o.find(r=>{var l;return((l=r.get("data"))==null?void 0:l.id)===t.id});if(s){if(s===a.getActiveObject()&&s.isType("textbox")&&s.isEditing)continue;let r={left:t.x,top:t.y,opacity:t.opacity!==void 0?t.opacity:1,zIndex:t.zIndex};t.type==="text"&&s.isType("textbox")?(r.text=t.content||" ",r.fontSize=t.fontSize||22,r.fill=t.color||"#000000",r.textAlign=t.textAlign||"left",r.fontWeight=t.isBold?"bold":"normal",r.fontStyle=t.isItalic?"italic":"normal",r.fontFamily=t.fontFamily||"Arial",r.width=Math.max(t.width||50,10)):t.type==="shape"?(r.fill=t.fill||"#cccccc",r.scaleX=(t.width||50)/(s.width||1),r.scaleY=(t.height||50)/(s.height||1)):t.type==="image"&&(r.scaleX=(t.width||100)/(s.width||1),r.scaleY=(t.height||100)/(s.height||1)),s.set(r)}else{let r=null,l={left:t.x,top:t.y,data:{id:t.id},originX:"left",originY:"top",opacity:t.opacity!==void 0?t.opacity:1};if(t.type==="text")r=new E.Textbox(t.content||" ",A(w({},l),{width:Math.max(t.width||200,10),fontSize:t.fontSize||22,fill:t.color||"#000000",fontFamily:t.fontFamily||"Inter, Arial, sans-serif",textAlign:t.textAlign||"left",fontWeight:t.isBold?"bold":"normal",fontStyle:t.isItalic?"italic":"normal",splitByGrapheme:!1}));else if(t.type==="shape"){let h=t.fill||"#3b82f6";t.shapeType==="ellipse"?r=new E.Circle(A(w({},l),{radius:(t.width||100)/2,scaleY:(t.height||100)/(t.width||100),fill:h})):r=new E.Rect(A(w({},l),{width:t.width||100,height:t.height||100,fill:h}))}else if(t.type==="image")try{let h=await E.FabricImage.fromURL(t.src);h.set(A(w({},l),{scaleX:(t.width||100)/(h.width||1),scaleY:(t.height||100)/(h.height||1)})),r=h}catch(h){console.error(h)}r&&a.add(r)}}a.renderAll(),S.current=!1})()},[g]),Ue("div",{className:"border border-slate-200 overflow-hidden bg-white shadow-lg transition-transform duration-300",style:{transform:`scale(${f*.8})`,transformOrigin:"center center"},children:Ue("canvas",{ref:N})})};import Vt from"pptxgenjs";var fe=class{async export(i){var a,v;let p=new Vt,f=((a=i.layout)==null?void 0:a.width)||12192e3,N=((v=i.layout)==null?void 0:v.height)||6858e3,m=1200,S=675,k=o=>o/m*(f/914400),L=o=>o/S*(N/914400);i.slides.forEach(o=>{let x=p.addSlide();[...o.elements].sort((t,s)=>t.zIndex-s.zIndex).forEach(t=>{var l,h;let s=t.opacity!==void 0?(1-t.opacity)*100:0,r={x:k(t.x),y:L(t.y),w:k(t.width),h:L(t.height)};if(t.type==="text")x.addText(t.content,A(w({},r),{fontSize:(t.fontSize||18)/2,color:((l=t.color)==null?void 0:l.replace("#",""))||"000000",fontFace:t.fontFamily||"Arial"}));else if(t.type==="image")x.addImage(A(w({},r),{path:t.src,transparency:s}));else if(t.type==="shape"){let z=t.shapeType==="ellipse"?p.ShapeType.ellipse:p.ShapeType.rect;x.addShape(z,A(w({},r),{fill:{color:((h=t.fill)==null?void 0:h.replace("#",""))||"CCCCCC",transparency:s>0?Math.min(s+10,100):0}}))}})}),await p.writeFile({fileName:"presentation.pptx"})}};import Wt from"jszip";var me=class{constructor(){this.slideWidth=12192e3;this.slideHeight=6858e3;this.CANVAS_WIDTH=1200;this.CANVAS_HEIGHT=675}async parse(i){var v,o;let p=i;if(typeof i=="string"){let x=await fetch(i);if(!x.ok){let y=x.status,t=x.statusText,s="";try{let r=await x.json();s=r.details||r.error||""}catch(r){}throw new Error(`Failed to fetch PPTX from ${i}: ${y} ${t} ${s?`(${s})`:""}`)}p=await x.arrayBuffer()}let f=await Wt.loadAsync(p),N=await((v=f.file("ppt/presentation.xml"))==null?void 0:v.async("string"));if(!N)throw new Error("Invalid PPTX");let S=new DOMParser().parseFromString(N,"text/xml"),k=this.findFirstByLocalName(S,"sldSz");k&&(this.slideWidth=parseInt(this.getAttr(k,"cx")||"12192000"),this.slideHeight=parseInt(this.getAttr(k,"cy")||"6858000"));let L=Array.from(S.getElementsByTagNameNS("*","sldId")),a=[];for(let x=0;x<L.length;x++){let y=x+1,t=`ppt/slides/slide${y}.xml`,s=await((o=f.file(t))==null?void 0:o.async("string"));if(s){let r=await this.parseSlide(s,y,f);a.push(r)}}return{slides:a,layout:{width:this.slideWidth,height:this.slideHeight}}}getAttr(i,p){return i.getAttribute(p)||i.getAttribute(`a:${p}`)||i.getAttribute(`p:${p}`)||i.getAttribute(`r:${p}`)}findFirstByLocalName(i,p){let f=i.getElementsByTagNameNS("*",p);return f.length>0?f[0]:null}findAllByLocalName(i,p){return Array.from(i.getElementsByTagNameNS("*",p))}scaleX(i){return i/this.slideWidth*this.CANVAS_WIDTH}scaleY(i){return i/this.slideHeight*this.CANVAS_HEIGHT}parseColor(i){let p=this.findFirstByLocalName(i,"srgbClr");if(p){let N=`#${this.getAttr(p,"val")}`,m=this.findFirstByLocalName(p,"alpha"),S=m?parseInt(this.getAttr(m,"val")||"100000")/1e5:1;return{color:N,opacity:S}}let f=this.findFirstByLocalName(i,"schemeClr");if(f){let N=this.findFirstByLocalName(f,"alpha");return{color:"#000000",opacity:N?parseInt(this.getAttr(N,"val")||"100000")/1e5:1}}return{color:"#000000",opacity:1}}async resolveImage(i,p,f){var a,v;let N=await((a=f.file(`ppt/slides/_rels/slide${p}.xml.rels`))==null?void 0:a.async("string"));if(!N)return null;let S=new DOMParser().parseFromString(N,"text/xml"),k=Array.from(S.getElementsByTagName("Relationship")).find(o=>o.getAttribute("Id")===i),L=k==null?void 0:k.getAttribute("Target");if(L){let o=(L.startsWith("../")?`ppt/${L.substring(3)}`:`ppt/slides/${L}`).replace("ppt/slides/../","ppt/");return await((v=f.file(o))==null?void 0:v.async("blob"))||null}return null}async parseSlide(i,p,f){let m=new DOMParser().parseFromString(i,"text/xml"),S=[],k=0,L=this.findFirstByLocalName(m,"bg");if(L){let o=this.findFirstByLocalName(L,"blip"),x=(o==null?void 0:o.getAttributeNS("http://schemas.openxmlformats.org/officeDocument/2006/relationships","embed"))||(o==null?void 0:o.getAttribute("r:embed"));if(x){let y=await this.resolveImage(x,p,f);y&&S.push({id:`bg-${p}`,type:"image",src:URL.createObjectURL(y),x:0,y:0,width:this.CANVAS_WIDTH,height:this.CANVAS_HEIGHT,zIndex:k++,opacity:1})}}let a=this.findFirstByLocalName(m,"spTree");if(!a)return{id:`slide-${p}`,elements:S};let v=Array.from(a.children);for(let o of v){let x=o.localName;if(x==="sp"){let y=this.findFirstByLocalName(o,"txBody"),t=this.findFirstByLocalName(o,"xfrm"),s=t?this.findFirstByLocalName(t,"off"):null,r=t?this.findFirstByLocalName(t,"ext"):null;if(y&&s&&r){let h=this.findAllByLocalName(y,"p"),z="",D=18,se="#000000",K=1,H=!1;for(let M of h){let W=this.findFirstByLocalName(M,"pPr"),ae=W?this.findFirstByLocalName(W,"buNone"):null;W&&!ae&&(this.findFirstByLocalName(W,"buChar")||this.findFirstByLocalName(W,"buAutoNum"))&&(H=!0,z+="\u2022 ");let X=this.findAllByLocalName(M,"r");for(let O of X){let Q=this.findFirstByLocalName(O,"t");Q&&(z+=Q.textContent);let R=this.findFirstByLocalName(O,"rPr");if(R){let U=this.getAttr(R,"sz");U&&(D=parseInt(U)/100*2);let Z=this.parseColor(R);se=Z.color,K=Z.opacity}}z+=`
3
- `}if(z.trim()){S.push({id:`el-${p}-${Date.now()}-${k}`,type:"text",content:z.trim(),x:this.scaleX(parseInt(this.getAttr(s,"x")||"0")),y:this.scaleY(parseInt(this.getAttr(s,"y")||"0")),width:this.scaleX(parseInt(this.getAttr(r,"cx")||"0")),height:this.scaleY(parseInt(this.getAttr(r,"cy")||"0")),fontSize:D,color:se,fontFamily:"Arial",zIndex:k++,isBulleted:H,opacity:K});continue}}let l=this.findFirstByLocalName(o,"prstGeom");if(l&&s&&r){let h=this.getAttr(l,"prst"),z=this.findFirstByLocalName(o,"spPr"),D=z?this.parseColor(z):{color:"#cccccc",opacity:1};S.push({id:`el-${p}-${Date.now()}-${k}`,type:"shape",shapeType:h==="ellipse"||h==="circle"?"ellipse":"rect",fill:D.color,opacity:D.opacity,x:this.scaleX(parseInt(this.getAttr(s,"x")||"0")),y:this.scaleY(parseInt(this.getAttr(s,"y")||"0")),width:this.scaleX(parseInt(this.getAttr(r,"cx")||"0")),height:this.scaleY(parseInt(this.getAttr(r,"cy")||"0")),zIndex:k++})}}if(x==="pic"){let y=this.findFirstByLocalName(o,"blip"),t=(y==null?void 0:y.getAttributeNS("http://schemas.openxmlformats.org/officeDocument/2006/relationships","embed"))||(y==null?void 0:y.getAttribute("r:embed")),s=this.findFirstByLocalName(o,"xfrm"),r=s?this.findFirstByLocalName(s,"off"):null,l=s?this.findFirstByLocalName(s,"ext"):null;if(t&&r&&l){let h=await this.resolveImage(t,p,f);h&&S.push({id:`el-${p}-${Date.now()}-${k}`,type:"image",src:URL.createObjectURL(h),x:this.scaleX(parseInt(this.getAttr(r,"x")||"0")),y:this.scaleY(parseInt(this.getAttr(r,"y")||"0")),width:this.scaleX(parseInt(this.getAttr(l,"cx")||"0")),height:this.scaleY(parseInt(this.getAttr(l,"cy")||"0")),zIndex:k++,opacity:1})}}}return{id:`slide-${p}`,elements:S}}};import{useEffect as Oe,useState as Ee}from"react";import{ChevronLeft as Xt,ChevronRight as Gt,X as Yt}from"lucide-react";import{jsx as j,jsxs as he}from"react/jsx-runtime";var je=({presentation:g,initialSlideIndex:i,onClose:p})=>{let[f,N]=Ee(i),m=g.slides[f],S=()=>{f>0&&N(f-1)},k=()=>{f<g.slides.length-1&&N(f+1)};Oe(()=>{let v=o=>{o.key==="ArrowRight"||o.key===" "||o.key==="PageDown"?k():o.key==="ArrowLeft"||o.key==="Backspace"||o.key==="PageUp"?S():o.key==="Escape"&&p()};return window.addEventListener("keydown",v),()=>window.removeEventListener("keydown",v)},[f]);let[L,a]=Ee(1);return Oe(()=>{let v=()=>{let x=window.innerWidth-40,y=window.innerHeight-40,t=1200,s=675,r=x/t,l=y/s,h=Math.min(r,l);a(h)};return v(),window.addEventListener("resize",v),()=>window.removeEventListener("resize",v)},[]),he("div",{className:"fixed inset-0 z-[99999] bg-[#0A0A0A] flex flex-col items-center justify-center overflow-hidden",children:[he("div",{className:"absolute top-0 left-0 right-0 p-6 flex justify-between items-center opacity-0 hover:opacity-100 transition-opacity bg-gradient-to-b from-black/60 to-transparent z-[100] pointer-events-none",children:[he("div",{className:"text-white/80 font-bold ml-4 pointer-events-auto",children:["Slide ",f+1," of ",g.slides.length]}),j("button",{onClick:p,className:"p-3 bg-white/10 hover:bg-white/20 text-white rounded-full transition-all pointer-events-auto",children:j(Yt,{size:24})})]}),j("div",{className:"w-full h-full flex items-center justify-center",children:j("div",{className:"relative shadow-2xl shadow-black/80 bg-white",style:{width:"1200px",height:"675px",transform:`scale(${L})`,transformOrigin:"center center"},children:j(ue,{slide:m,onElementUpdate:()=>{},onSelect:()=>{},uiScale:.75})})}),he("div",{className:"absolute bottom-10 left-1/2 -translate-x-1/2 flex items-center gap-6 opacity-0 hover:opacity-100 transition-opacity bg-black/40 backdrop-blur-md px-6 py-3 rounded-full border border-white/10 pointer-events-auto",children:[j("button",{disabled:f===0,onClick:S,className:"p-2 text-white/50 hover:text-white disabled:opacity-20 transition-colors",children:j(Xt,{size:32})}),j("div",{className:"h-6 w-[1px] bg-white/10"}),j("button",{disabled:f===g.slides.length-1,onClick:k,className:"p-2 text-white/50 hover:text-white disabled:opacity-20 transition-colors",children:j(Gt,{size:32})})]})]})};import{GoogleGenerativeAI as _t}from"@google/generative-ai";import{jsx as I,jsxs as V}from"react/jsx-runtime";var js=({initialPresentation:g,url:i,appName:p="SlideCanvas",onChange:f,geminiApiKey:N,width:m,height:S,appBgColor:k="#B7472A",showHomeOnEmpty:L=!1,initialSource:a,onSourceChange:v})=>{let[o,x]=$(g||{slides:[{id:"slide-1",elements:[]}],layout:{width:12192e3,height:6858e3}}),[y,t]=$([]),[s,r]=$([]),[l,h]=$(0),[z,D]=$(null),[se,K]=$(!1),[H,M]=$(null),[W,ae]=$(!1),[X,O]=$(a||(i?"url":null)),[Q,R]=$(L&&!g&&!i&&!a),[U,Z]=$("");Ae(()=>{i&&de(i)},[i]);let[ee,ie]=$(!1),[P,ge]=$(null),oe=Ve(()=>{let n=typeof m=="number"?m:parseInt(String(m));return isNaN(n)?1:Math.min(Math.max(n/1600,.7),1)},[m]),b=o.slides[l],q=Ve(()=>b.elements.find(n=>n.id===z)||null,[b,z]),G=xe(n=>{t(d=>[...d.slice(-19),o]),r([]),x(n),f==null||f(n)},[f,o]),Le=()=>{if(y.length===0)return;let n=y[y.length-1];r(d=>[...d,o]),t(d=>d.slice(0,-1)),x(n)},be=()=>{if(s.length===0)return;let n=s[s.length-1];t(d=>[...d,o]),r(d=>d.slice(0,-1)),x(n)},J=xe(n=>{x(d=>{let u=[...d.slides];u[l]=w(w({},u[l]),n);let C=A(w({},d),{slides:u});return t(F=>[...F.slice(-19),d]),r([]),f==null||f(C),C})},[l,f]),ve=xe((n,d)=>{x(u=>{let C=u.slides[l],F=C.elements.map(re=>re.id===n?w(w({},re),d):re),Y=[...u.slides];Y[l]=A(w({},C),{elements:F});let pe=A(w({},u),{slides:Y});return f==null||f(pe),pe})},[l,f]),We=n=>{if(!z)return;if(b.elements.find(u=>u.id===z)){ve(z,n);let u=o.slides[l],C=u.elements.map(Y=>Y.id===z?w(w({},Y),n):Y),F=[...o.slides];F[l]=A(w({},u),{elements:C}),G(A(w({},o),{slides:F}))}},ye=xe(()=>{if(!z)return;let d=o.slides[l].elements.filter(u=>u.id!==z);J({elements:d}),D(null)},[z,l,o,J]),Xe=()=>{let n={id:`text-${Date.now()}`,type:"text",content:"New Text",x:100,y:100,width:400,height:100,fontSize:48,fontFamily:"Arial",color:"#000000",zIndex:b.elements.length};J({elements:[...b.elements,n]})},Ge=n=>{let d=URL.createObjectURL(n),u=`img-${Date.now()}`,C={id:u,type:"image",src:d,x:100,y:100,width:400,height:250,zIndex:b.elements.length};J({elements:[...b.elements,C]}),D(u)},Ye=n=>{let d={id:`shape-${Date.now()}`,type:"shape",shapeType:n,fill:"#3b82f6",x:200,y:200,width:200,height:200,zIndex:b.elements.length};J({elements:[...b.elements,d]})},_e=()=>{let n={id:`slide-${Date.now()}`,elements:[]};G(A(w({},o),{slides:[...o.slides,n]})),h(o.slides.length)},Ke=n=>{if(o.slides.length<=1)return;let d=o.slides.filter((u,C)=>C!==n);G(A(w({},o),{slides:d})),n<=l&&h(Math.max(0,l-1))},Ze=n=>{let d=o.slides[n],u=A(w({},d),{id:`slide-${Date.now()}`,elements:d.elements.map(F=>A(w({},F),{id:`${F.type}-${Date.now()}-${Math.random().toString(36).substr(2,9)}`}))}),C=[...o.slides];C.splice(n+1,0,u),G(A(w({},o),{slides:C})),h(n+1)},qe=(n,d)=>{if(n===d)return;let u=[...o.slides],[C]=u.splice(n,1);u.splice(d,0,C),G(A(w({},o),{slides:u})),l===n?h(d):l>n&&l<=d?h(l-1):l<n&&l>=d&&h(l+1)},Je=n=>{let d=[],u=Date.now();n==="title"?d=[{id:`text-title-${u}`,type:"text",content:"Presentation Title",x:100,y:200,width:1e3,height:150,fontSize:80,fontFamily:"Inter",color:"#000000",textAlign:"center",isBold:!0,zIndex:0},{id:`text-sub-${u}`,type:"text",content:"Subtitle goes here",x:200,y:380,width:800,height:80,fontSize:36,fontFamily:"Inter",color:"#64748b",textAlign:"center",zIndex:1}]:n==="content"?d=[{id:`text-title-${u}`,type:"text",content:"Slide Title",x:60,y:40,width:800,height:80,fontSize:48,fontFamily:"Inter",color:"#000000",isBold:!0,zIndex:0},{id:`text-body-${u}`,type:"text",content:`\u2022 Add your points here
2
+ var ae=Object.defineProperty,oe=Object.defineProperties;var ie=Object.getOwnPropertyDescriptors;var At=Object.getOwnPropertySymbols;var ne=Object.prototype.hasOwnProperty,se=Object.prototype.propertyIsEnumerable;var Lt=(m,o,l)=>o in m?ae(m,o,{enumerable:!0,configurable:!0,writable:!0,value:l}):m[o]=l,y=(m,o)=>{for(var l in o||(o={}))ne.call(o,l)&&Lt(m,l,o[l]);if(At)for(var l of At(o))se.call(o,l)&&Lt(m,l,o[l]);return m},C=(m,o)=>oe(m,ie(o));function xt(m,{insertAt:o}={}){if(!m||typeof document=="undefined")return;let l=document.head||document.getElementsByTagName("head")[0],p=document.createElement("style");p.type="text/css",o==="top"&&l.firstChild?l.insertBefore(p,l.firstChild):l.appendChild(p),p.styleSheet?p.styleSheet.cssText=m:p.appendChild(document.createTextNode(m))}xt(`@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lato:wght@400;700&family=Open+Sans:wght@400;600;700&family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;700&family=Roboto+Slab:wght@400;700&family=Playfair+Display:wght@400;700&family=Merriweather:wght@400;700&family=Nunito+Sans:wght@400;600;700&family=Montserrat:wght@400;600;700&family=Oswald:wght@400;500&family=Raleway:wght@400;600;700&family=Ubuntu:wght@400;500;700&family=Lora:wght@400;700&family=PT+Sans:wght@400;700&family=PT+Serif:wght@400;700&family=Play:wght@400;700&family=Arvo:wght@400;700&family=Kanit:wght@400;500;600&display=swap";/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50: oklch(97.1% .013 17.38);--color-red-100: oklch(93.6% .032 17.717);--color-red-200: oklch(88.5% .062 18.334);--color-red-400: oklch(70.4% .191 22.216);--color-red-500: oklch(63.7% .237 25.331);--color-red-600: oklch(57.7% .245 27.325);--color-orange-50: oklch(98% .016 73.684);--color-amber-500: oklch(76.9% .188 70.08);--color-emerald-50: oklch(97.9% .021 166.113);--color-emerald-100: oklch(95% .052 163.051);--color-emerald-500: oklch(69.6% .17 162.48);--color-emerald-600: oklch(59.6% .145 163.225);--color-emerald-700: oklch(50.8% .118 165.612);--color-blue-50: oklch(97% .014 254.604);--color-blue-100: oklch(93.2% .032 255.585);--color-blue-400: oklch(70.7% .165 254.624);--color-blue-500: oklch(62.3% .214 259.815);--color-blue-600: oklch(54.6% .245 262.881);--color-blue-700: oklch(48.8% .243 264.376);--color-purple-500: oklch(62.7% .265 303.9);--color-purple-600: oklch(55.8% .288 302.321);--color-slate-50: oklch(98.4% .003 247.858);--color-slate-100: oklch(96.8% .007 247.896);--color-slate-200: oklch(92.9% .013 255.508);--color-slate-300: oklch(86.9% .022 252.894);--color-slate-400: oklch(70.4% .04 256.788);--color-slate-500: oklch(55.4% .046 257.417);--color-slate-600: oklch(44.6% .043 257.281);--color-slate-700: oklch(37.2% .044 257.287);--color-slate-800: oklch(27.9% .041 260.031);--color-slate-900: oklch(20.8% .042 265.755);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-2xl: 42rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-widest: .1em;--leading-tight: 1.25;--leading-relaxed: 1.625;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--animate-spin: spin 1s linear infinite;--blur-sm: 8px;--blur-md: 12px;--aspect-video: 16 / 9;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor;@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-1\\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-10{top:calc(var(--spacing) * 10)}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-1{bottom:calc(var(--spacing) * 1)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-10{bottom:calc(var(--spacing) * 10)}.left-0{left:calc(var(--spacing) * 0)}.left-1{left:calc(var(--spacing) * 1)}.left-1\\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-4{left:calc(var(--spacing) * 4)}.z-10{z-index:10}.z-50{z-index:50}.z-\\[100\\]{z-index:100}.z-\\[1000\\]{z-index:1000}.z-\\[2000\\]{z-index:2000}.z-\\[2001\\]{z-index:2001}.z-\\[99999\\]{z-index:99999}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-1\\.5{margin-inline:calc(var(--spacing) * 1.5)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-auto{margin-block:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-0{margin-left:calc(var(--spacing) * 0)}.ml-0\\.5{margin-left:calc(var(--spacing) * .5)}.ml-4{margin-left:calc(var(--spacing) * 4)}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:var(--aspect-video)}.h-0{height:calc(var(--spacing) * 0)}.h-0\\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\\.5{height:calc(var(--spacing) * 1.5)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-1\\.5{width:calc(var(--spacing) * 1.5)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-\\[1px\\]{width:1px}.w-\\[480px\\]{width:480px}.w-full{width:100%}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\\[64px\\]{min-width:64px}.min-w-\\[68px\\]{min-width:68px}.min-w-fit{min-width:fit-content}.flex-1{flex:1}.shrink-0{flex-shrink:0}.origin-center{transform-origin:center}.origin-top-left{transform-origin:0 0}.-translate-x-1{--tw-translate-x: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1{--tw-translate-y: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-105{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-6{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\\[1\\.5px\\]{border-style:var(--tw-border-style);border-width:1.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style: dashed;border-style:dashed}.border-\\[\\#B7472A\\]{border-color:#b7472a}.border-emerald-100{border-color:var(--color-emerald-100)}.border-emerald-100\\/50{border-color:color-mix(in srgb,oklch(95% .052 163.051) 50%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-emerald-100) 50%,transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\\/60{border-color:color-mix(in srgb,oklch(92.9% .013 255.508) 60%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-slate-200) 60%,transparent)}}.border-transparent{border-color:transparent}.border-white{border-color:var(--color-white)}.border-white\\/10{border-color:color-mix(in srgb,#fff 10%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-\\[\\#0A0A0A\\]{background-color:#0a0a0a}.bg-\\[\\#B7472A\\]{background-color:#b7472a}.bg-black{background-color:var(--color-black)}.bg-black\\/40{background-color:color-mix(in srgb,#000 40%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-50\\/50{background-color:color-mix(in srgb,oklch(97.9% .021 166.113) 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-emerald-50) 50%,transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\\/50{background-color:color-mix(in srgb,oklch(98.4% .003 247.858) 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-slate-50) 50%,transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-900\\/40{background-color:color-mix(in srgb,oklch(20.8% .042 265.755) 40%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-slate-900) 40%,transparent)}}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--color-white)}.bg-white\\/10{background-color:color-mix(in srgb,#fff 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\\/50{background-color:color-mix(in srgb,#fff 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.bg-white\\/80{background-color:color-mix(in srgb,#fff 80%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.bg-gradient-to-b{--tw-gradient-position: to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-black{--tw-gradient-from: var(--color-black);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\\/60{--tw-gradient-from: color-mix(in srgb, #000 60%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent)}--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to: transparent;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-slate-700{fill:var(--color-slate-700)}.p-0{padding:calc(var(--spacing) * 0)}.p-0\\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-11{padding-left:calc(var(--spacing) * 11)}.text-center{text-align:center}.text-left{text-align:left}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.text-\\[7px\\]{font-size:7px}.text-\\[9px\\]{font-size:9px}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading: var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight: var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\\[0\\.2em\\]{--tw-tracking: .2em;letter-spacing:.2em}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking: var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-widest{--tw-tracking: var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-amber-500{color:var(--color-amber-500)}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-600\\/70{color:color-mix(in srgb,oklch(59.6% .145 163.225) 70%,transparent);@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-emerald-600) 70%,transparent)}}.text-emerald-700{color:var(--color-emerald-700)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-red-400{color:var(--color-red-400)}.text-red-600{color:var(--color-red-600)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-white\\/50{color:color-mix(in srgb,#fff 50%,transparent);@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.text-white\\/80{color:color-mix(in srgb,#fff 80%,transparent);@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0%}.shadow-2xl{--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-black{--tw-shadow-color: #000;@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-shadow-alpha), transparent)}}.shadow-black\\/80{--tw-shadow-color: color-mix(in srgb, #000 80%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 80%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-blue-500{--tw-shadow-color: oklch(62.3% .214 259.815);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, var(--color-blue-500) var(--tw-shadow-alpha), transparent)}}.shadow-blue-500\\/20{--tw-shadow-color: color-mix(in srgb, oklch(62.3% .214 259.815) 20%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.backdrop-blur-\\[1px\\]{--tw-backdrop-blur: blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur: blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur: blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-200{--tw-duration: .2s;transition-duration:.2s}.duration-300{--tw-duration: .3s;transition-duration:.3s}.duration-500{--tw-duration: .5s;transition-duration:.5s}.outline-none{--tw-outline-style: none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-hover\\:scale-105{&:is(:where(.group):hover *){@media(hover:hover){--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}.group-hover\\:scale-110{&:is(:where(.group):hover *){@media(hover:hover){--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}.group-hover\\:bg-blue-50{&:is(:where(.group):hover *){@media(hover:hover){background-color:var(--color-blue-50)}}}.group-hover\\:bg-blue-100{&:is(:where(.group):hover *){@media(hover:hover){background-color:var(--color-blue-100)}}}.group-hover\\:bg-emerald-50{&:is(:where(.group):hover *){@media(hover:hover){background-color:var(--color-emerald-50)}}}.group-hover\\:fill-slate-900{&:is(:where(.group):hover *){@media(hover:hover){fill:var(--color-slate-900)}}}.group-hover\\:text-blue-600{&:is(:where(.group):hover *){@media(hover:hover){color:var(--color-blue-600)}}}.group-hover\\:opacity-100{&:is(:where(.group):hover *){@media(hover:hover){opacity:100%}}}.group-hover\\:shadow-sm{&:is(:where(.group):hover *){@media(hover:hover){--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.placeholder\\:text-slate-400{&::placeholder{color:var(--color-slate-400)}}.hover\\:border-blue-400{&:hover{@media(hover:hover){border-color:var(--color-blue-400)}}}.hover\\:border-slate-100{&:hover{@media(hover:hover){border-color:var(--color-slate-100)}}}.hover\\:border-slate-200{&:hover{@media(hover:hover){border-color:var(--color-slate-200)}}}.hover\\:border-slate-300{&:hover{@media(hover:hover){border-color:var(--color-slate-300)}}}.hover\\:bg-black{&:hover{@media(hover:hover){background-color:var(--color-black)}}}.hover\\:bg-blue-50{&:hover{@media(hover:hover){background-color:var(--color-blue-50)}}}.hover\\:bg-blue-50\\/50{&:hover{@media(hover:hover){background-color:color-mix(in srgb,oklch(97% .014 254.604) 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-blue-50) 50%,transparent)}}}}.hover\\:bg-blue-700{&:hover{@media(hover:hover){background-color:var(--color-blue-700)}}}.hover\\:bg-red-50{&:hover{@media(hover:hover){background-color:var(--color-red-50)}}}.hover\\:bg-slate-50{&:hover{@media(hover:hover){background-color:var(--color-slate-50)}}}.hover\\:bg-slate-100{&:hover{@media(hover:hover){background-color:var(--color-slate-100)}}}.hover\\:bg-white{&:hover{@media(hover:hover){background-color:var(--color-white)}}}.hover\\:bg-white\\/20{&:hover{@media(hover:hover){background-color:color-mix(in srgb,#fff 20%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}}}.hover\\:text-blue-500{&:hover{@media(hover:hover){color:var(--color-blue-500)}}}.hover\\:text-red-500{&:hover{@media(hover:hover){color:var(--color-red-500)}}}.hover\\:text-slate-500{&:hover{@media(hover:hover){color:var(--color-slate-500)}}}.hover\\:text-slate-600{&:hover{@media(hover:hover){color:var(--color-slate-600)}}}.hover\\:text-slate-700{&:hover{@media(hover:hover){color:var(--color-slate-700)}}}.hover\\:text-white{&:hover{@media(hover:hover){color:var(--color-white)}}}.hover\\:opacity-100{&:hover{@media(hover:hover){opacity:100%}}}.focus\\:border-blue-500{&:focus{border-color:var(--color-blue-500)}}.focus\\:border-slate-400{&:focus{border-color:var(--color-slate-400)}}.focus\\:ring-4{&:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:ring-blue-500\\/10{&:focus{--tw-ring-color: color-mix(in srgb, oklch(62.3% .214 259.815) 10%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}}.focus\\:ring-slate-400\\/5{&:focus{--tw-ring-color: color-mix(in srgb, oklch(70.4% .04 256.788) 5%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-slate-400) 5%, transparent)}}}.focus\\:outline-none{&:focus{--tw-outline-style: none;outline-style:none}}.active\\:cursor-grabbing{&:active{cursor:grabbing}}.disabled\\:bg-slate-200{&:disabled{background-color:var(--color-slate-200)}}.disabled\\:bg-slate-300{&:disabled{background-color:var(--color-slate-300)}}.disabled\\:text-slate-400{&:disabled{color:var(--color-slate-400)}}.disabled\\:opacity-20{&:disabled{opacity:20%}}.disabled\\:opacity-30{&:disabled{opacity:30%}}.disabled\\:opacity-50{&:disabled{opacity:50%}}.md\\:space-y-8{@media(width>=48rem){:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}}}.md\\:p-12{@media(width>=48rem){padding:calc(var(--spacing) * 12)}}}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-gradient-position{syntax: "*"; inherits: false;}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false;}@property --tw-gradient-via-stops{syntax: "*"; inherits: false;}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-space-y-reverse: 0;--tw-border-style: solid;--tw-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-duration: initial}}}
3
+ `);import{useState as R,useCallback as ut,useMemo as Ot,useEffect as Nt}from"react";import Dt,{useState as Y}from"react";import{Type as de,Image as pe,Square as ge,Download as It,Plus as Pt,Trash2 as he,Bold as ue,Italic as fe,AlignLeft as me,AlignCenter as ve,AlignRight as be,List as Bt,Layout as we,Columns as xe,FileText as ye,Play as ke,Sparkles as yt,RefreshCw as Tt,Check as Ne}from"lucide-react";import{clsx as le}from"clsx";import{twMerge as ce}from"tailwind-merge";function T(...m){return ce(le(m))}import{Fragment as Mt,jsx as t,jsxs as u}from"react/jsx-runtime";var Se=["Inter","Lato","Open Sans","Poppins","Roboto","Roboto Slab","Georgia","Playfair Display","Merriweather","Nunito Sans","Montserrat","Oswald","Raleway","Ubuntu","Lora","PT Sans","PT Serif","Play","Arvo","Kanit","Times New Roman","Arial"],ze=[12,14,16,18,20,24,28,32,36,48,64,72,96],Ce=[{name:"Basic Shapes",shapes:["rect","circle","triangle","rightTriangle","rhombus","parallelogram","trapezoid","pentagon","hexagon","heptagon","octagon","heart","smiley","sun","moon"]},{name:"Arrows",shapes:["arrowRight","arrowLeft","arrowUp","arrowDown","arrowLeftRight","arrowUpDown"]},{name:"Stars & Symbols",shapes:["star4","star5","star6","star8","cloud","lightning"]},{name:"Equation Shapes",shapes:["plus","minus","multiply","divide","equal"]}],Ae=({type:m,className:o})=>{switch(m){case"rect":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2",fill:"currentColor"})});case"circle":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor"})});case"triangle":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M12 4L20 18H4L12 4Z",fill:"currentColor"})});case"rightTriangle":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M4 4V20H20L4 4Z",fill:"currentColor"})});case"rhombus":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M12 4L20 12L12 20L4 12L12 4Z",fill:"currentColor"})});case"parallelogram":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M7 4H21L17 20H3L7 4Z",fill:"currentColor"})});case"trapezoid":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M6 4H18L21 20H3L6 4Z",fill:"currentColor"})});case"pentagon":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M12 3L21 9V19H3V9L12 3Z",fill:"currentColor"})});case"hexagon":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M12 3L20 7.5V16.5L12 21L4 16.5V7.5L12 3Z",fill:"currentColor"})});case"heptagon":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M12 3L18.5 6L21 13L16 20H8L3 13L5.5 6L12 3Z",fill:"currentColor"})});case"octagon":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M8.5 3H15.5L21 8.5V15.5L15.5 21H8.5L3 15.5V8.5L8.5 3Z",fill:"currentColor"})});case"heart":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z",fill:"currentColor"})});case"smiley":return u("svg",{viewBox:"0 0 24 24",className:o,children:[t("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor",fillOpacity:"0.2",stroke:"currentColor",strokeWidth:"2"}),t("circle",{cx:"9",cy:"9",r:"1.5",fill:"currentColor"}),t("circle",{cx:"15",cy:"9",r:"1.5",fill:"currentColor"}),t("path",{d:"M8 15C8 15 9.5 17 12 17C14.5 17 16 15 16 15",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]});case"sun":return u("svg",{viewBox:"0 0 24 24",className:o,children:[t("circle",{cx:"12",cy:"12",r:"5",fill:"currentColor"}),t("path",{d:"M12 2V4M12 20V22M4 12H2M22 12H20M19.07 4.93L17.66 6.34M6.34 17.66L4.93 19.07M4.93 4.93L6.34 6.34M17.66 17.66L19.07 19.07",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]});case"moon":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M12 3a9 9 0 1 0 9 9 7 7 0 0 1-9-9",fill:"currentColor"})});case"arrowRight":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M4 11h11.5l-3.5-3.5 1.5-1.5 6 6-6 6-1.5-1.5 3.5-3.5H4z",fill:"currentColor"})});case"arrowLeft":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M20 11H8.5l3.5-3.5L10.5 6l-6 6 6 6 1.5-1.5-3.5-3.5H20z",fill:"currentColor"})});case"arrowUp":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M13 20V8.5l3.5 3.5 1.5-1.5-6-6-6 6 1.5 1.5 3.5-3.5V20z",fill:"currentColor"})});case"arrowDown":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M11 4v11.5l-3.5-3.5-1.5 1.5 6 6 6-6-1.5-1.5-3.5 3.5V4z",fill:"currentColor"})});case"arrowLeftRight":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M4 12l4-4v3h8V8l4 4-4 4v-3H8v3l-4-4z",fill:"currentColor"})});case"arrowUpDown":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M12 4l-4 4h3v8H8l4 4 4-4h-3V8h3l-4-4z",fill:"currentColor"})});case"star4":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M12 2l2 8 8 2-8 2-2 8-2-8-8-2 8-2 2-8z",fill:"currentColor"})});case"star5":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M12 2l2.5 7.5H22l-6 4.5 2.5 7.5-6.5-4.5-6.5 4.5 2.5-7.5-6-4.5h7.5L12 2z",fill:"currentColor"})});case"star6":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M12 2l3 5 6-1-4 4.5 2 6.5-7-3-7 3 2-6.5-4-4.5 6 1 3-5z",fill:"currentColor"})});case"star8":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M12 2l2 4 4-2-2 4 4 2-4 2 2 4-4-2-2 4-2-4-4 2 2-4-4-2 4-2-2-4 4 2 2-4z",fill:"currentColor"})});case"cloud":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M17.5 19c-3 0-5.5-2.5-5.5-5.5 0-.2 0-.4.1-.6-2-.8-3.6-2.5-4.1-4.7C6.5 7.4 5 6 3 6c-1.7 0-3 1.3-3 3s1.3 3 3 3c.4 0 .8-.1 1.2-.2C4.1 13 5 14.5 6.5 15.5c.3 1.8 1.4 3.4 3 4.3.4.2.8.3 1.2.4 1.2.4 2.5.6 3.8.6 4.4 0 8-3.6 8-8s-3.6-8-8-8c-.4 0-.8 0-1.2.1-1.2.2-2.3.7-3.2 1.5C11 4.2 12.4 3.5 14 3.5c4.1 0 7.5 3.4 7.5 7.5s-1.8 7.5-4 8z",fill:"currentColor",transform:"scale(0.8) translate(3,3)"})});case"lightning":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M13 2L3 14h9v8l10-12h-9l3-8z",fill:"currentColor"})});case"plus":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z",fill:"currentColor"})});case"minus":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M19 13H5v-2h14v2z",fill:"currentColor"})});case"multiply":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z",fill:"currentColor"})});case"divide":return u("svg",{viewBox:"0 0 24 24",className:o,children:[t("circle",{cx:"12",cy:"7",r:"2",fill:"currentColor"}),t("circle",{cx:"12",cy:"17",r:"2",fill:"currentColor"}),t("rect",{x:"5",y:"11",width:"14",height:"2",fill:"currentColor"})]});case"equal":return t("svg",{viewBox:"0 0 24 24",className:o,children:t("path",{d:"M19 10H5V8h14v2zm0 6H5v-2h14v2z",fill:"currentColor"})});default:return t("div",{className:"w-6 h-6 bg-slate-200 rounded-sm"})}},Le=({onAddShape:m,uiScale:o})=>{let[l,p]=Y(!1);return Dt.useEffect(()=>(window._toggleShapesMenu=()=>p(!l),()=>{window._toggleShapesMenu=void 0}),[l]),l?t("div",{className:"absolute top-full left-0 mt-2 bg-white border border-slate-200 rounded-2xl shadow-2xl p-4 overflow-y-auto z-[100] animate-in fade-in zoom-in-95 duration-200",style:{width:`${320*o}px`,maxHeight:`${480*o}px`},children:t("div",{className:"flex flex-col gap-6",children:Ce.map(S=>u("div",{className:"flex flex-col gap-2",children:[t("span",{className:"text-[10px] font-black uppercase tracking-widest text-slate-400 px-1",style:{fontSize:`${10*o}px`},children:S.name}),t("div",{className:"grid grid-cols-5 gap-1",children:S.shapes.map(h=>t("button",{onClick:()=>{m(h),p(!1)},className:"aspect-square hover:bg-slate-50 rounded-lg flex items-center justify-center border border-transparent hover:border-slate-100 transition-all group p-1",title:h,children:t("div",{className:"w-full h-full bg-slate-100 rounded-sm group-hover:bg-blue-100 group-hover:scale-110 transition-all flex items-center justify-center overflow-hidden p-1.5",children:t(Ae,{type:h,className:"w-full h-full text-slate-400 group-hover:text-blue-600 transition-colors"})})},h))})]},S.name))})}):null},Ft=({onAddText:m,onAddImage:o,onAddShape:l,onAddSlide:p,onExport:S,onFormatText:h,onDeleteElement:k,onApplyLayout:N,onPlay:A,selectedElement:a,appName:w,onAiAction:i,onAiResponseAction:b,aiResponse:x,isAiLoading:e,onNewPresentation:r,onLoadPresentation:n,appBgColor:c="#B7472A",uiScale:f,source:I})=>{let M=Dt.useRef(null),[tt,G]=Y("Home"),[$,F]=Y(!1),[V,et]=Y(!1),[st,rt]=Y(!1),[q,j]=Y(!1),[H,K]=Y("file"),[J,at]=Y(""),P=(a==null?void 0:a.type)==="text",ft=(a==null?void 0:a.type)==="shape",ot="#B7472A";return u("div",{className:"flex flex-col border-b border-slate-200 bg-white z-50 select-none",style:{fontSize:`${12*f}px`},children:[u("div",{className:"bg-white flex items-center justify-stretch border-b border-slate-200/60 transition-all duration-300 relative z-[1000]",style:{height:`${120*f}px`,overflow:"visible"},children:[u("div",{className:T("flex-1 flex flex-col items-center border-r border-slate-100 px-3 gap-1 h-full py-2",f<.84?"min-w-0":"min-w-fit"),children:[u("div",{className:"flex items-center justify-center gap-1 my-auto",children:[u("button",{onClick:p,className:"flex flex-col items-center justify-center gap-1.5 px-3 py-1.5 hover:bg-slate-50 rounded-lg group transition-all min-w-[64px]",children:[t("div",{className:"bg-orange-50 p-1.5 rounded-lg group-hover:scale-110 transition-transform",children:t(Pt,{size:20,style:{color:c}})}),t("span",{className:"text-[10px] font-bold text-slate-700",children:"New Slide"})]}),t("div",{className:"w-[1px] h-10 bg-slate-100 mx-1"}),u("div",{className:"relative",children:[u("button",{onClick:()=>F(!$),className:T("flex flex-col items-center justify-center gap-1.5 px-3 py-1.5 hover:bg-slate-50 rounded-lg transition-all min-w-[64px]",$&&"bg-slate-100"),children:[t("div",{className:"p-1.5 rounded-lg",children:t(we,{size:20,className:"text-slate-500"})}),t("span",{className:"text-[10px] font-medium text-slate-500",children:"Layout"})]}),$&&u("div",{className:"absolute top-full left-1/2 -translate-x-1/2 mt-1 bg-white border border-slate-200 rounded-xl shadow-2xl p-2 w-56 flex flex-col gap-1 z-[100] animate-in fade-in zoom-in-95 duration-200",children:[u("button",{onClick:()=>{N("title"),F(!1)},className:"flex items-center gap-3 px-4 py-2.5 hover:bg-slate-50 rounded-lg text-xs font-semibold text-slate-700 transition-colors border border-transparent hover:border-slate-100",children:[t(ye,{size:16,className:"text-blue-500"})," Title Slide"]}),u("button",{onClick:()=>{N("content"),F(!1)},className:"flex items-center gap-3 px-4 py-2.5 hover:bg-slate-50 rounded-lg text-xs font-semibold text-slate-700 transition-colors border border-transparent hover:border-slate-100",children:[t(Bt,{size:16,className:"text-emerald-500"})," Title & Content"]}),u("button",{onClick:()=>{N("split"),F(!1)},className:"flex items-center gap-3 px-4 py-2.5 hover:bg-slate-50 rounded-lg text-xs font-semibold text-slate-700 transition-colors border border-transparent hover:border-slate-100",children:[t(xe,{size:16,className:"text-purple-500"})," Two Columns"]})]})]})]}),f>=.85&&t("span",{className:"text-[9px] uppercase tracking-[0.2em] font-black text-slate-300 mt-auto",children:"Slides"})]}),u("div",{className:T("flex-1 flex flex-col items-center border-r border-slate-100 px-3 gap-1 h-full py-2",f<.85?"px-2":"px-4"),children:[u("div",{className:"flex items-center justify-center gap-1.5 w-full mt-1",children:[t("select",{disabled:!P,value:(a==null?void 0:a.fontFamily)||"Arial",onChange:v=>h({fontFamily:v.target.value}),className:T("h-7 px-2 text-[11px] text-slate-900 border border-slate-200 rounded-lg font-semibold bg-white hover:border-slate-300 outline-none disabled:opacity-50 transition-colors appearance-none cursor-pointer",f<.85?"flex-1":"w-44"),children:Se.map(v=>t("option",{value:v,children:v},v))}),t("select",{disabled:!P,value:(a==null?void 0:a.fontSize)||24,onChange:v=>h({fontSize:parseInt(v.target.value)}),className:"h-7 px-1.5 text-[11px] text-slate-900 border border-slate-200 rounded-lg font-semibold bg-white hover:border-slate-300 outline-none w-14 disabled:opacity-50 transition-colors appearance-none cursor-pointer text-center",children:ze.map(v=>t("option",{value:v,children:v},v))})]}),u("div",{className:"flex items-center justify-between w-full mt-auto mb-1",children:[u("div",{className:"flex items-center gap-0.5",children:[t("button",{disabled:!P,onClick:()=>h({isBold:!a.isBold}),className:T("p-1.5 rounded-lg transition-all disabled:opacity-30",a!=null&&a.isBold?"bg-slate-100 text-slate-900":"text-slate-500 hover:bg-slate-50"),children:t(ue,{size:14,strokeWidth:3})}),t("button",{disabled:!P,onClick:()=>h({isItalic:!a.isItalic}),className:T("p-1.5 rounded-lg transition-all disabled:opacity-30",a!=null&&a.isItalic?"bg-slate-100 text-slate-900":"text-slate-500 hover:bg-slate-50"),children:t(fe,{size:14})}),t("button",{disabled:!P,onClick:()=>h({isBulleted:!a.isBulleted}),className:T("p-1.5 rounded-lg transition-all disabled:opacity-30",a!=null&&a.isBulleted?"bg-slate-100 text-slate-900":"text-slate-500 hover:bg-slate-50"),children:t(Bt,{size:14})}),u("div",{className:"relative group p-1 hover:bg-slate-50 rounded-lg transition-colors cursor-pointer ml-0.5",children:[t("input",{type:"color",disabled:!a,value:P?a.color||"#000000":(a==null?void 0:a.fill)||"#3b82f6",onChange:v=>h(P?{color:v.target.value}:{fill:v.target.value}),className:"w-6 h-4 p-0 border-0 bg-transparent cursor-pointer disabled:opacity-50",title:"Font/Fill Color"}),t("div",{className:"absolute bottom-1 left-1 right-1 h-0.5 rounded-full",style:{backgroundColor:P?a.color||"#000000":(a==null?void 0:a.fill)||"#3b82f6"}})]})]}),t("div",{className:"h-4 w-[1px] bg-slate-200 mx-1.5"}),u("div",{className:"flex items-center gap-0.5 bg-slate-50/50 p-0.5 rounded-lg",children:[t("button",{disabled:!P,onClick:()=>h({textAlign:"left"}),className:T("p-1 rounded-md transition-all disabled:opacity-30",(a==null?void 0:a.textAlign)==="left"?"bg-white shadow-sm scale-105":"text-slate-400"),style:{color:(a==null?void 0:a.textAlign)==="left"?c:void 0},children:t(me,{size:13})}),t("button",{disabled:!P,onClick:()=>h({textAlign:"center"}),className:T("p-1 rounded-md transition-all disabled:opacity-30",(a==null?void 0:a.textAlign)==="center"?"bg-white shadow-sm scale-105":"text-slate-400"),style:{color:(a==null?void 0:a.textAlign)==="center"?c:void 0},children:t(ve,{size:13})}),t("button",{disabled:!P,onClick:()=>h({textAlign:"right"}),className:T("p-1 rounded-md transition-all disabled:opacity-30",(a==null?void 0:a.textAlign)==="right"?"bg-white shadow-sm scale-105":"text-slate-400"),style:{color:(a==null?void 0:a.textAlign)==="right"?c:void 0},children:t(be,{size:13})})]})]}),f>=.85&&t("span",{className:"text-[9px] uppercase tracking-[0.2em] font-black text-slate-300 mt-auto",children:"Font"})]}),u("div",{className:"flex-1 flex flex-col items-center border-r border-slate-100 px-3 gap-1 h-full py-2 shrink-0",children:[u("div",{className:"flex items-center justify-center gap-2 my-auto",children:[u("div",{className:"relative group/shapes flex justify-center",children:[u("button",{className:"flex flex-col items-center justify-center gap-1.5 px-3 py-1.5 hover:bg-slate-50 rounded-lg group transition-all min-w-[64px]",onClick:()=>{var v;return(v=window._toggleShapesMenu)==null?void 0:v.call(window)},children:[t("div",{className:"bg-blue-50 p-1.5 rounded-lg group-hover:scale-105 transition-transform",children:t(ge,{size:20,className:"text-blue-600"})}),t("span",{className:"text-[10px] font-bold text-slate-700",children:"Shapes"})]}),t(Le,{onAddShape:v=>{l(v)},uiScale:f})]}),t("div",{className:"w-[1px] h-10 bg-slate-100 mx-1"}),u("button",{onClick:m,className:"flex flex-col items-center justify-center gap-1.5 px-3 py-1.5 hover:bg-slate-50 rounded-lg text-slate-600 transition-colors min-w-[64px]",title:"Text Box",children:[t("div",{className:"p-1.5",children:t(de,{size:20})}),t("span",{className:"text-[10px] font-medium text-slate-500",children:"Text Box"})]}),t("div",{className:"w-[1px] h-10 bg-slate-100 mx-1"}),u("button",{onClick:()=>{var v;return(v=M.current)==null?void 0:v.click()},className:"flex flex-col items-center justify-center gap-1.5 px-3 py-1.5 hover:bg-slate-50 rounded-lg text-slate-600 transition-colors min-w-[64px]",title:"Image",children:[t("div",{className:"p-1.5",children:t(pe,{size:20})}),t("span",{className:"text-[10px] font-medium text-slate-500",children:"Image"}),t("input",{type:"file",ref:M,className:"hidden",accept:"image/*",onChange:v=>{var _;return((_=v.target.files)==null?void 0:_[0])&&o(v.target.files[0])}})]})]}),f>=.85&&t("span",{className:"text-[9px] uppercase tracking-[0.2em] font-black text-slate-300 mt-auto",children:"Drawing"})]}),u("div",{className:"flex-1 flex flex-col items-center border-r border-slate-100 px-3 gap-1 h-full py-2 relative",children:[u("div",{className:"flex items-center justify-center gap-1 my-auto h-full",children:[u("button",{disabled:!P||e,onClick:()=>i(a.id,"shorten"),className:"flex flex-col items-center justify-center gap-1.5 px-3 py-1.5 hover:bg-slate-50 rounded-lg text-slate-600 disabled:opacity-20 transition-all min-w-[64px]",children:[t("div",{className:"p-1.5 rounded-lg group-hover:scale-110 transition-transform",children:t(yt,{size:20,className:"text-purple-500"})}),t("span",{className:"text-[10px] font-bold",children:"Shorten"})]}),t("div",{className:"w-[1px] h-10 bg-slate-100 mx-1"}),u("button",{disabled:!P||e,onClick:()=>i(a.id,"reframe"),className:"flex flex-col items-center justify-center gap-1.5 px-3 py-1.5 hover:bg-slate-50 rounded-lg text-slate-600 disabled:opacity-20 transition-all min-w-[64px]",children:[t("div",{className:"p-1.5 rounded-lg group-hover:scale-110 transition-transform",children:t(yt,{size:20,className:"text-blue-500"})}),t("span",{className:"text-[10px] font-bold",children:"Reframe"})]}),t("div",{className:"w-[1px] h-10 bg-slate-100 mx-1"}),u("button",{disabled:!P||e,onClick:()=>i(a.id,"lengthen"),className:"flex flex-col items-center justify-center gap-1.5 px-3 py-1.5 hover:bg-slate-50 rounded-lg text-slate-600 disabled:opacity-20 transition-all min-w-[68px]",children:[t("div",{className:"p-1.5 rounded-lg group-hover:scale-110 transition-transform",children:t(yt,{size:20,className:"text-emerald-500"})}),t("span",{className:"text-[10px] font-bold text-center leading-tight",children:"Lengthen"})]})]}),e&&t("div",{className:"absolute inset-x-0 top-2 bottom-8 bg-white/80 flex items-center justify-center rounded-lg z-10 backdrop-blur-[1px]",children:t(Tt,{size:16,className:"text-blue-600 animate-spin"})}),f>=.85&&t("span",{className:"text-[9px] uppercase tracking-[0.2em] font-black text-slate-300 mt-auto",children:"AI Text"})]}),u("div",{className:"flex-1 flex flex-col items-center pl-4 pr-3 gap-1 h-full py-2 relative",children:[u("div",{className:"flex items-center justify-center gap-1 my-auto h-full",children:[u("button",{onClick:A,className:"flex flex-col items-center justify-center gap-1.5 px-3 py-1.5 hover:bg-slate-50 rounded-lg text-slate-700 transition-all min-w-[64px] group",title:"Present",children:[t("div",{className:"p-1.5 rounded-lg group-hover:scale-110 transition-transform",children:t(ke,{size:20,className:"fill-slate-700 group-hover:fill-slate-900"})}),t("span",{className:"text-[10px] font-bold",children:"Present"})]}),t("div",{className:"w-[1px] h-10 bg-slate-100 mx-1"}),u("button",{onClick:S,className:"flex flex-col items-center justify-center gap-1.5 px-3 py-1.5 hover:bg-slate-50 rounded-lg text-slate-700 transition-all min-w-[64px] group",title:"Export",children:[t("div",{className:"p-1.5 rounded-lg group-hover:scale-110 transition-transform",children:t(It,{size:20,className:"text-emerald-600"})}),t("span",{className:"text-[10px] font-bold",children:"Export"})]}),a&&u(Mt,{children:[t("div",{className:"w-[1px] h-10 bg-slate-100 mx-1"}),u("button",{onClick:k,className:"flex flex-col items-center justify-center gap-1.5 px-3 py-1.5 hover:bg-red-50 rounded-lg text-red-600 transition-all min-w-[64px] group",title:"Delete",children:[t("div",{className:"p-1.5 rounded-lg group-hover:scale-110 transition-transform",children:t(he,{size:20})}),t("span",{className:"text-[10px] font-bold",children:"Delete"})]})]})]}),u("div",{className:"absolute bottom-2 right-3 flex items-center gap-1 px-1.5 py-0.5 bg-emerald-50/50 rounded-md border border-emerald-100/50",children:[t(Ne,{size:9,className:"text-emerald-500"}),t("span",{className:"text-[7px] font-black text-emerald-600/70 tracking-tighter uppercase",children:"Saved"})]}),f>=.85&&t("span",{className:"text-[9px] uppercase tracking-[0.2em] font-black text-slate-300 mt-auto",children:"Actions"})]})]}),q&&u(Mt,{children:[t("div",{className:"fixed inset-0 bg-slate-900/40 backdrop-blur-sm z-[2000]",onClick:()=>j(!1)}),u("div",{className:"fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[480px] bg-white rounded-3xl shadow-2xl z-[2001] border border-slate-200 p-8 animate-in fade-in zoom-in-95 duration-200",children:[u("div",{className:"flex justify-between items-center mb-6",children:[u("h3",{className:"text-lg font-black text-slate-800 tracking-tight flex items-center gap-3",children:[t("div",{className:"p-2 bg-blue-50 text-blue-600 rounded-xl",children:t(It,{size:20})}),"Upload Presentation"]}),t("button",{onClick:()=>j(!1),className:"text-slate-400 hover:text-slate-600 transition-colors",children:t(Tt,{size:20,className:"rotate-45"})})]}),u("div",{className:"flex gap-2 p-1 bg-slate-50 rounded-2xl mb-8",children:[t("button",{onClick:()=>K("file"),className:T("flex-1 py-3 text-xs font-black rounded-xl transition-all",H==="file"?"bg-white text-blue-600 shadow-sm":"text-slate-500 hover:text-slate-700"),children:"FILE UPLOAD"}),t("button",{onClick:()=>K("link"),className:T("flex-1 py-3 text-xs font-black rounded-xl transition-all",H==="link"?"bg-white text-blue-600 shadow-sm":"text-slate-500 hover:text-slate-700"),children:"LINK UPLOAD"})]}),H==="file"?u("label",{className:"flex flex-col items-center justify-center gap-4 py-12 border-2 border-dashed border-slate-200 rounded-3xl hover:border-blue-400 hover:bg-blue-50/50 transition-all cursor-pointer group",children:[t("div",{className:"p-4 bg-white rounded-2xl shadow-sm border border-slate-100 group-hover:scale-110 transition-transform",children:t(Pt,{size:24,className:"text-blue-500"})}),u("div",{className:"text-center",children:[t("p",{className:"text-sm font-bold text-slate-700",children:"Choose a PPTX file"}),t("p",{className:"text-xs text-slate-400 mt-1",children:"Maximum file size: 50MB"})]}),t("input",{type:"file",accept:".pptx",className:"hidden",onChange:v=>{var W;let _=(W=v.target.files)==null?void 0:W[0];_&&(n(_),j(!1))}})]}):u("div",{className:"space-y-4",children:[t("div",{className:"relative",children:t("input",{type:"text",placeholder:"Paste S3 or public URL",value:J,onChange:v=>at(v.target.value),className:"w-full bg-slate-50 border border-slate-200 rounded-2xl px-5 py-4 focus:outline-none focus:ring-4 focus:ring-blue-500/10 focus:border-blue-500 text-sm placeholder:text-slate-400 text-black"})}),t("button",{onClick:()=>{J.trim()&&(n(J.trim()),j(!1))},disabled:!J.trim(),className:"w-full bg-blue-600 hover:bg-blue-700 disabled:bg-slate-300 text-white font-black py-4 rounded-2xl transition-all shadow-lg shadow-blue-500/20",children:"LOAD PRESENTATION"}),t("p",{className:"text-[10px] text-slate-400 text-center uppercase tracking-widest font-black",children:"Supports S3, Dropbox, and public URLS"})]})]})]})]})};import{Trash2 as Ie,Copy as Pe,GripVertical as Be}from"lucide-react";import{DndContext as Te,closestCenter as Me,KeyboardSensor as De,PointerSensor as Fe,useSensor as Rt,useSensors as Re}from"@dnd-kit/core";import{SortableContext as je,sortableKeyboardCoordinates as $e,verticalListSortingStrategy as He,useSortable as Ue}from"@dnd-kit/sortable";import{CSS as Ee}from"@dnd-kit/utilities";import{jsx as B,jsxs as Q}from"react/jsx-runtime";var Oe=({slide:m,index:o,isActive:l,onSelect:p,onDelete:S,onDuplicate:h,showDelete:k,uiScale:N})=>{let{attributes:A,listeners:a,setNodeRef:w,transform:i,transition:b,isDragging:x}=Ue({id:m.id}),e={transform:Ee.Transform.toString(i),transition:b,zIndex:x?2:1,opacity:x?.5:1};return Q("div",{ref:w,style:e,onClick:p,className:T("cursor-pointer border-[1.5px] rounded-2xl p-2 transition-all duration-300 group relative select-none",l?"border-[#B7472A] bg-white":"border-transparent hover:border-slate-200 bg-white/50 hover:bg-white"),children:[Q("div",{className:"text-[10px] font-bold text-slate-400 mb-1 flex items-center justify-between",children:[Q("div",{className:"flex items-center gap-1",children:[B("div",C(y(y({},A),a),{className:"cursor-grab active:cursor-grabbing p-0.5 hover:bg-slate-100 rounded text-slate-300 hover:text-slate-500",children:B(Be,{size:10})})),Q("span",{children:["SLIDE ",o+1]})]}),Q("div",{className:"flex items-center gap-1",children:[l&&B("span",{className:"h-1.5 w-1.5 rounded-full bg-[#B7472A]"}),Q("div",{className:"flex items-center opacity-0 group-hover:opacity-100 transition-opacity",children:[B("button",{onClick:r=>{r.stopPropagation(),h()},className:"p-1 hover:bg-blue-50 text-slate-400 hover:text-blue-500 rounded transition-all",title:"Duplicate Slide",children:B(Pe,{size:12})}),k&&B("button",{onClick:r=>{r.stopPropagation(),S()},className:"p-1 hover:bg-red-50 text-red-400 hover:text-red-500 rounded transition-all",title:"Delete Slide",children:B(Ie,{size:12})})]})]})]}),B("div",{className:"aspect-video bg-white rounded-xl flex items-center justify-center border border-slate-200 overflow-hidden relative group-hover:shadow-sm transition-shadow",children:B("div",{className:"origin-center pointer-events-none select-none shrink-0",style:{width:"1200px",height:"675px",transform:`scale(${180*N/1200})`,backgroundColor:"#ffffff"},children:m.elements.sort((r,n)=>(r.zIndex||0)-(n.zIndex||0)).map(r=>{var c;let n={position:"absolute",left:r.x,top:r.y,width:r.width,height:r.height,opacity:(c=r.opacity)!=null?c:1};return r.type==="text"?B("div",{style:C(y({},n),{fontSize:r.fontSize,fontFamily:r.fontFamily,color:r.color,textAlign:r.textAlign||"left",fontWeight:r.isBold?"bold":"normal",fontStyle:r.isItalic?"italic":"normal",lineHeight:1.2,overflow:"hidden",wordBreak:"break-word",whiteSpace:"pre-wrap"}),children:r.content},r.id):r.type==="shape"?B("div",{style:C(y({},n),{backgroundColor:r.fill,borderRadius:r.shapeType==="ellipse"?"50%":"0"})},r.id):r.type==="image"?B("img",{src:r.src,alt:"",style:C(y({},n),{objectFit:"contain"})},r.id):null})})})]})},jt=({slides:m,currentSlideIndex:o,onSelectSlide:l,onDeleteSlide:p,onDuplicateSlide:S,onReorderSlides:h,uiScale:k})=>{let N=Re(Rt(Fe,{activationConstraint:{distance:5}}),Rt(De,{coordinateGetter:$e})),A=a=>{let{active:w,over:i}=a;if(w.id!==(i==null?void 0:i.id)){let b=m.findIndex(e=>e.id===w.id),x=m.findIndex(e=>e.id===(i==null?void 0:i.id));h(b,x)}};return B("div",{className:"bg-white border-r border-slate-100 overflow-y-auto p-4 flex flex-col gap-4",style:{width:`${256*k}px`},children:B(Te,{sensors:N,collisionDetection:Me,onDragEnd:A,children:B(je,{items:m.map(a=>a.id),strategy:He,children:m.map((a,w)=>B(Oe,{slide:a,index:w,isActive:w===o,onSelect:()=>l(w),onDelete:()=>p(w),onDuplicate:()=>S(w),showDelete:m.length>1,uiScale:k},a.id))})})})};import{useEffect as kt,useRef as nt}from"react";import*as U from"fabric";import{jsx as $t}from"react/jsx-runtime";var dt=({slide:m,onElementUpdate:o,onSelect:l,uiScale:p})=>{let S=nt(null),h=nt(null),k=nt(!1),N=nt(o),A=nt(l);return kt(()=>{N.current=o,A.current=l},[o,l]),kt(()=>{if(S.current&&!h.current){h.current=new U.Canvas(S.current,{width:1200,height:675,backgroundColor:"#ffffff"});let a=h.current,w=e=>{e.left<0&&e.set("left",0),e.top<0&&e.set("top",0);let r=e.getBoundingRect();r.left+r.width>(a.width||1200)&&e.set("left",(a.width||1200)-r.width),r.top+r.height>(a.height||675)&&e.set("top",(a.height||675)-r.height)};a.on("object:moving",e=>w(e.target)),a.on("object:scaling",e=>w(e.target));let i=e=>{var c;if(k.current)return;let r=e.target,n=(c=r.get("data"))==null?void 0:c.id;r&&n&&N.current(n,y({x:r.left,y:r.top,width:r.getScaledWidth(),height:r.getScaledHeight()},r.isType("textbox")?{content:r.text,textAlign:r.textAlign,fontSize:r.fontSize,fontFamily:r.fontFamily,color:r.fill}:{fill:r.fill}))};a.on("object:modified",i),a.on("text:changed",i);let b=e=>{var n,c;let r=((n=e.selected)==null?void 0:n[0])||e.target;if(r){let f=(c=r.get("data"))==null?void 0:c.id;A.current(f)}};a.on("selection:created",b),a.on("selection:updated",b),a.on("selection:cleared",()=>A.current(null));let x=e=>{let r=a.getActiveObject();if(!r||r.isType("textbox")&&r.isEditing)return;let n=e.shiftKey?10:1,c=!1;switch(e.key){case"ArrowLeft":r.set("left",r.left-n),c=!0;break;case"ArrowRight":r.set("left",r.left+n),c=!0;break;case"ArrowUp":r.set("top",r.top-n),c=!0;break;case"ArrowDown":r.set("top",r.top+n),c=!0;break}c&&(w(r),a.requestRenderAll(),i({target:r}))};window.addEventListener("keydown",x),a._keyboardListener=x}return()=>{if(h.current){let a=h.current._keyboardListener;a&&window.removeEventListener("keydown",a),h.current.dispose(),h.current=null}}},[]),kt(()=>{if(!h.current)return;let a=h.current;(async()=>{k.current=!0;let i=a.getObjects(),b=new Set(m.elements.map(e=>e.id));i.forEach(e=>{var n;let r=(n=e.get("data"))==null?void 0:n.id;r&&!b.has(r)&&a.remove(e)});let x=[...m.elements].sort((e,r)=>(e.zIndex||0)-(r.zIndex||0));for(let e of x){let r=i.find(n=>{var c;return((c=n.get("data"))==null?void 0:c.id)===e.id});if(r){if(r===a.getActiveObject()&&r.isType("textbox")&&r.isEditing)continue;let n={left:e.x,top:e.y,opacity:e.opacity!==void 0?e.opacity:1,zIndex:e.zIndex};e.type==="text"&&r.isType("textbox")?(n.text=e.content||" ",n.fontSize=e.fontSize||22,n.fill=e.color||"#000000",n.textAlign=e.textAlign||"left",n.fontWeight=e.isBold?"bold":"normal",n.fontStyle=e.isItalic?"italic":"normal",n.fontFamily=e.fontFamily||"Arial",n.width=Math.max(e.width||50,10)):e.type==="shape"?(n.fill=e.fill||"#cccccc",n.scaleX=(e.width||50)/(r.width||1),n.scaleY=(e.height||50)/(r.height||1)):e.type==="image"&&(n.scaleX=(e.width||100)/(r.width||1),n.scaleY=(e.height||100)/(r.height||1)),r.set(n)}else{let n=null,c={left:e.x,top:e.y,data:{id:e.id},originX:"left",originY:"top",opacity:e.opacity!==void 0?e.opacity:1};if(e.type==="text")n=new U.Textbox(e.content||" ",C(y({},c),{width:Math.max(e.width||200,10),fontSize:e.fontSize||22,fill:e.color||"#000000",fontFamily:e.fontFamily||"Inter, Arial, sans-serif",textAlign:e.textAlign||"left",fontWeight:e.isBold?"bold":"normal",fontStyle:e.isItalic?"italic":"normal",splitByGrapheme:!1}));else if(e.type==="shape"){let f=e.fill||"#3b82f6";e.shapeType==="ellipse"?n=new U.Circle(C(y({},c),{radius:(e.width||100)/2,scaleY:(e.height||100)/(e.width||100),fill:f})):n=new U.Rect(C(y({},c),{width:e.width||100,height:e.height||100,fill:f}))}else if(e.type==="image")try{let f=await U.FabricImage.fromURL(e.src);f.set(C(y({},c),{scaleX:(e.width||100)/(f.width||1),scaleY:(e.height||100)/(f.height||1)})),n=f}catch(f){console.error(f)}n&&a.add(n)}}a.renderAll(),k.current=!1})()},[m]),$t("div",{className:"border border-slate-200 overflow-hidden bg-white shadow-lg transition-transform duration-300",style:{transform:`scale(${p*.8})`,transformOrigin:"center center"},children:$t("canvas",{ref:S})})};import Ve from"pptxgenjs";var pt=class{async export(o){var a,w;let l=new Ve,p=((a=o.layout)==null?void 0:a.width)||12192e3,S=((w=o.layout)==null?void 0:w.height)||6858e3,h=1200,k=675,N=i=>i/h*(p/914400),A=i=>i/k*(S/914400);o.slides.forEach(i=>{let b=l.addSlide();[...i.elements].sort((e,r)=>e.zIndex-r.zIndex).forEach(e=>{var c,f;let r=e.opacity!==void 0?(1-e.opacity)*100:0,n={x:N(e.x),y:A(e.y),w:N(e.width),h:A(e.height)};if(e.type==="text")b.addText(e.content,C(y({},n),{fontSize:(e.fontSize||18)/2,color:((c=e.color)==null?void 0:c.replace("#",""))||"000000",fontFace:e.fontFamily||"Arial"}));else if(e.type==="image")b.addImage(C(y({},n),{path:e.src,transparency:r}));else if(e.type==="shape"){let I=e.shapeType==="ellipse"?l.ShapeType.ellipse:l.ShapeType.rect;b.addShape(I,C(y({},n),{fill:{color:((f=e.fill)==null?void 0:f.replace("#",""))||"CCCCCC",transparency:r>0?Math.min(r+10,100):0}}))}})}),await l.writeFile({fileName:"presentation.pptx"})}};import We from"jszip";var gt=class{constructor(){this.slideWidth=12192e3;this.slideHeight=6858e3;this.CANVAS_WIDTH=1200;this.CANVAS_HEIGHT=675}async parse(o){var w,i;let l=o;if(typeof o=="string"){let b=await fetch(o);if(!b.ok){let x=b.status,e=b.statusText,r="";try{let n=await b.json();r=n.details||n.error||""}catch(n){}throw new Error(`Failed to fetch PPTX from ${o}: ${x} ${e} ${r?`(${r})`:""}`)}l=await b.arrayBuffer()}let p=await We.loadAsync(l),S=await((w=p.file("ppt/presentation.xml"))==null?void 0:w.async("string"));if(!S)throw new Error("Invalid PPTX");let k=new DOMParser().parseFromString(S,"text/xml"),N=this.findFirstByLocalName(k,"sldSz");N&&(this.slideWidth=parseInt(this.getAttr(N,"cx")||"12192000"),this.slideHeight=parseInt(this.getAttr(N,"cy")||"6858000"));let A=Array.from(k.getElementsByTagNameNS("*","sldId")),a=[];for(let b=0;b<A.length;b++){let x=b+1,e=`ppt/slides/slide${x}.xml`,r=await((i=p.file(e))==null?void 0:i.async("string"));if(r){let n=await this.parseSlide(r,x,p);a.push(n)}}return{slides:a,layout:{width:this.slideWidth,height:this.slideHeight}}}getAttr(o,l){return o.getAttribute(l)||o.getAttribute(`a:${l}`)||o.getAttribute(`p:${l}`)||o.getAttribute(`r:${l}`)}findFirstByLocalName(o,l){let p=o.getElementsByTagNameNS("*",l);return p.length>0?p[0]:null}findAllByLocalName(o,l){return Array.from(o.getElementsByTagNameNS("*",l))}scaleX(o){return o/this.slideWidth*this.CANVAS_WIDTH}scaleY(o){return o/this.slideHeight*this.CANVAS_HEIGHT}parseColor(o){let l=this.findFirstByLocalName(o,"srgbClr");if(l){let S=`#${this.getAttr(l,"val")}`,h=this.findFirstByLocalName(l,"alpha"),k=h?parseInt(this.getAttr(h,"val")||"100000")/1e5:1;return{color:S,opacity:k}}let p=this.findFirstByLocalName(o,"schemeClr");if(p){let S=this.findFirstByLocalName(p,"alpha");return{color:"#000000",opacity:S?parseInt(this.getAttr(S,"val")||"100000")/1e5:1}}return{color:"#000000",opacity:1}}async resolveImage(o,l,p){var a,w;let S=await((a=p.file(`ppt/slides/_rels/slide${l}.xml.rels`))==null?void 0:a.async("string"));if(!S)return null;let k=new DOMParser().parseFromString(S,"text/xml"),N=Array.from(k.getElementsByTagName("Relationship")).find(i=>i.getAttribute("Id")===o),A=N==null?void 0:N.getAttribute("Target");if(A){let i=(A.startsWith("../")?`ppt/${A.substring(3)}`:`ppt/slides/${A}`).replace("ppt/slides/../","ppt/");return await((w=p.file(i))==null?void 0:w.async("blob"))||null}return null}async parseSlide(o,l,p){let h=new DOMParser().parseFromString(o,"text/xml"),k=[],N=0,A=this.findFirstByLocalName(h,"bg");if(A){let i=this.findFirstByLocalName(A,"blip"),b=(i==null?void 0:i.getAttributeNS("http://schemas.openxmlformats.org/officeDocument/2006/relationships","embed"))||(i==null?void 0:i.getAttribute("r:embed"));if(b){let x=await this.resolveImage(b,l,p);x&&k.push({id:`bg-${l}`,type:"image",src:URL.createObjectURL(x),x:0,y:0,width:this.CANVAS_WIDTH,height:this.CANVAS_HEIGHT,zIndex:N++,opacity:1})}}let a=this.findFirstByLocalName(h,"spTree");if(!a)return{id:`slide-${l}`,elements:k};let w=Array.from(a.children);for(let i of w){let b=i.localName;if(b==="sp"){let x=this.findFirstByLocalName(i,"txBody"),e=this.findFirstByLocalName(i,"xfrm"),r=e?this.findFirstByLocalName(e,"off"):null,n=e?this.findFirstByLocalName(e,"ext"):null;if(x&&r&&n){let f=this.findAllByLocalName(x,"p"),I="",M=18,tt="#000000",G=1,$=!1;for(let F of f){let V=this.findFirstByLocalName(F,"pPr"),et=V?this.findFirstByLocalName(V,"buNone"):null;V&&!et&&(this.findFirstByLocalName(V,"buChar")||this.findFirstByLocalName(V,"buAutoNum"))&&($=!0,I+="\u2022 ");let st=this.findAllByLocalName(F,"r");for(let rt of st){let q=this.findFirstByLocalName(rt,"t");q&&(I+=q.textContent);let j=this.findFirstByLocalName(rt,"rPr");if(j){let H=this.getAttr(j,"sz");H&&(M=parseInt(H)/100*2);let K=this.parseColor(j);tt=K.color,G=K.opacity}}I+=`
4
+ `}if(I.trim()){k.push({id:`el-${l}-${Date.now()}-${N}`,type:"text",content:I.trim(),x:this.scaleX(parseInt(this.getAttr(r,"x")||"0")),y:this.scaleY(parseInt(this.getAttr(r,"y")||"0")),width:this.scaleX(parseInt(this.getAttr(n,"cx")||"0")),height:this.scaleY(parseInt(this.getAttr(n,"cy")||"0")),fontSize:M,color:tt,fontFamily:"Arial",zIndex:N++,isBulleted:$,opacity:G});continue}}let c=this.findFirstByLocalName(i,"prstGeom");if(c&&r&&n){let f=this.getAttr(c,"prst"),I=this.findFirstByLocalName(i,"spPr"),M=I?this.parseColor(I):{color:"#cccccc",opacity:1};k.push({id:`el-${l}-${Date.now()}-${N}`,type:"shape",shapeType:f==="ellipse"||f==="circle"?"ellipse":"rect",fill:M.color,opacity:M.opacity,x:this.scaleX(parseInt(this.getAttr(r,"x")||"0")),y:this.scaleY(parseInt(this.getAttr(r,"y")||"0")),width:this.scaleX(parseInt(this.getAttr(n,"cx")||"0")),height:this.scaleY(parseInt(this.getAttr(n,"cy")||"0")),zIndex:N++})}}if(b==="pic"){let x=this.findFirstByLocalName(i,"blip"),e=(x==null?void 0:x.getAttributeNS("http://schemas.openxmlformats.org/officeDocument/2006/relationships","embed"))||(x==null?void 0:x.getAttribute("r:embed")),r=this.findFirstByLocalName(i,"xfrm"),n=r?this.findFirstByLocalName(r,"off"):null,c=r?this.findFirstByLocalName(r,"ext"):null;if(e&&n&&c){let f=await this.resolveImage(e,l,p);f&&k.push({id:`el-${l}-${Date.now()}-${N}`,type:"image",src:URL.createObjectURL(f),x:this.scaleX(parseInt(this.getAttr(n,"x")||"0")),y:this.scaleY(parseInt(this.getAttr(n,"y")||"0")),width:this.scaleX(parseInt(this.getAttr(c,"cx")||"0")),height:this.scaleY(parseInt(this.getAttr(c,"cy")||"0")),zIndex:N++,opacity:1})}}}return{id:`slide-${l}`,elements:k}}};import{useEffect as Ht,useState as Ut}from"react";import{ChevronLeft as Xe,ChevronRight as Ye,X as Ge}from"lucide-react";import{jsx as E,jsxs as ht}from"react/jsx-runtime";var Et=({presentation:m,initialSlideIndex:o,onClose:l})=>{let[p,S]=Ut(o),h=m.slides[p],k=()=>{p>0&&S(p-1)},N=()=>{p<m.slides.length-1&&S(p+1)};Ht(()=>{let w=i=>{i.key==="ArrowRight"||i.key===" "||i.key==="PageDown"?N():i.key==="ArrowLeft"||i.key==="Backspace"||i.key==="PageUp"?k():i.key==="Escape"&&l()};return window.addEventListener("keydown",w),()=>window.removeEventListener("keydown",w)},[p]);let[A,a]=Ut(1);return Ht(()=>{let w=()=>{let b=window.innerWidth-40,x=window.innerHeight-40,e=1200,r=675,n=b/e,c=x/r,f=Math.min(n,c);a(f)};return w(),window.addEventListener("resize",w),()=>window.removeEventListener("resize",w)},[]),ht("div",{className:"fixed inset-0 z-[99999] bg-[#0A0A0A] flex flex-col items-center justify-center overflow-hidden",children:[ht("div",{className:"absolute top-0 left-0 right-0 p-6 flex justify-between items-center opacity-0 hover:opacity-100 transition-opacity bg-gradient-to-b from-black/60 to-transparent z-[100] pointer-events-none",children:[ht("div",{className:"text-white/80 font-bold ml-4 pointer-events-auto",children:["Slide ",p+1," of ",m.slides.length]}),E("button",{onClick:l,className:"p-3 bg-white/10 hover:bg-white/20 text-white rounded-full transition-all pointer-events-auto",children:E(Ge,{size:24})})]}),E("div",{className:"w-full h-full flex items-center justify-center",children:E("div",{className:"relative shadow-2xl shadow-black/80 bg-white",style:{width:"1200px",height:"675px",transform:`scale(${A})`,transformOrigin:"center center"},children:E(dt,{slide:h,onElementUpdate:()=>{},onSelect:()=>{},uiScale:.75})})}),ht("div",{className:"absolute bottom-10 left-1/2 -translate-x-1/2 flex items-center gap-6 opacity-0 hover:opacity-100 transition-opacity bg-black/40 backdrop-blur-md px-6 py-3 rounded-full border border-white/10 pointer-events-auto",children:[E("button",{disabled:p===0,onClick:k,className:"p-2 text-white/50 hover:text-white disabled:opacity-20 transition-colors",children:E(Xe,{size:32})}),E("div",{className:"h-6 w-[1px] bg-white/10"}),E("button",{disabled:p===m.slides.length-1,onClick:N,className:"p-2 text-white/50 hover:text-white disabled:opacity-20 transition-colors",children:E(Ye,{size:32})})]})]})};import{GoogleGenerativeAI as Ke}from"@google/generative-ai";import{jsx as L,jsxs as O}from"react/jsx-runtime";var Yr=({initialPresentation:m,url:o,appName:l="SlideCanvas",onChange:p,geminiApiKey:S,width:h,height:k,appBgColor:N="#B7472A",showHomeOnEmpty:A=!1,initialSource:a,onSourceChange:w})=>{let[i,b]=R(m||{slides:[{id:"slide-1",elements:[]}],layout:{width:12192e3,height:6858e3}}),[x,e]=R([]),[r,n]=R([]),[c,f]=R(0),[I,M]=R(null),[tt,G]=R(!1),[$,F]=R(null),[V,et]=R(!1),[st,rt]=R(a||(o?"url":null)),[q,j]=R(A&&!m&&!o&&!a),[H,K]=R("");Nt(()=>{o&&lt(o)},[o]);let[J,at]=R(!1),[P,ft]=R(null),ot=Ot(()=>{let s=typeof h=="number"?h:parseInt(String(h));return isNaN(s)?1:Math.min(Math.max(s/1600,.7),1)},[h]),v=i.slides[c],_=Ot(()=>v.elements.find(s=>s.id===I)||null,[v,I]),W=ut(s=>{e(d=>[...d.slice(-19),i]),n([]),b(s),p==null||p(s)},[p,i]),St=()=>{if(x.length===0)return;let s=x[x.length-1];n(d=>[...d,i]),e(d=>d.slice(0,-1)),b(s)},mt=()=>{if(r.length===0)return;let s=r[r.length-1];e(d=>[...d,i]),n(d=>d.slice(0,-1)),b(s)},Z=ut(s=>{b(d=>{let g=[...d.slides];g[c]=y(y({},g[c]),s);let z=C(y({},d),{slides:g});return e(D=>[...D.slice(-19),d]),n([]),p==null||p(z),z})},[c,p]),vt=ut((s,d)=>{b(g=>{let z=g.slides[c],D=z.elements.map(it=>it.id===s?y(y({},it),d):it),X=[...g.slides];X[c]=C(y({},z),{elements:D});let ct=C(y({},g),{slides:X});return p==null||p(ct),ct})},[c,p]),Vt=s=>{if(!I)return;if(v.elements.find(g=>g.id===I)){vt(I,s);let g=i.slides[c],z=g.elements.map(X=>X.id===I?y(y({},X),s):X),D=[...i.slides];D[c]=C(y({},g),{elements:z}),W(C(y({},i),{slides:D}))}},bt=ut(()=>{if(!I)return;let d=i.slides[c].elements.filter(g=>g.id!==I);Z({elements:d}),M(null)},[I,c,i,Z]),Wt=()=>{let s={id:`text-${Date.now()}`,type:"text",content:"New Text",x:100,y:100,width:400,height:100,fontSize:48,fontFamily:"Arial",color:"#000000",zIndex:v.elements.length};Z({elements:[...v.elements,s]})},Xt=s=>{let d=URL.createObjectURL(s),g=`img-${Date.now()}`,z={id:g,type:"image",src:d,x:100,y:100,width:400,height:250,zIndex:v.elements.length};Z({elements:[...v.elements,z]}),M(g)},Yt=s=>{let d={id:`shape-${Date.now()}`,type:"shape",shapeType:s,fill:"#3b82f6",x:200,y:200,width:200,height:200,zIndex:v.elements.length};Z({elements:[...v.elements,d]})},Gt=()=>{let s={id:`slide-${Date.now()}`,elements:[]};W(C(y({},i),{slides:[...i.slides,s]})),f(i.slides.length)},Kt=s=>{if(i.slides.length<=1)return;let d=i.slides.filter((g,z)=>z!==s);W(C(y({},i),{slides:d})),s<=c&&f(Math.max(0,c-1))},_t=s=>{let d=i.slides[s],g=C(y({},d),{id:`slide-${Date.now()}`,elements:d.elements.map(D=>C(y({},D),{id:`${D.type}-${Date.now()}-${Math.random().toString(36).substr(2,9)}`}))}),z=[...i.slides];z.splice(s+1,0,g),W(C(y({},i),{slides:z})),f(s+1)},Zt=(s,d)=>{if(s===d)return;let g=[...i.slides],[z]=g.splice(s,1);g.splice(d,0,z),W(C(y({},i),{slides:g})),c===s?f(d):c>s&&c<=d?f(c-1):c<s&&c>=d&&f(c+1)},qt=s=>{let d=[],g=Date.now();s==="title"?d=[{id:`text-title-${g}`,type:"text",content:"Presentation Title",x:100,y:200,width:1e3,height:150,fontSize:80,fontFamily:"Inter",color:"#000000",textAlign:"center",isBold:!0,zIndex:0},{id:`text-sub-${g}`,type:"text",content:"Subtitle goes here",x:200,y:380,width:800,height:80,fontSize:36,fontFamily:"Inter",color:"#64748b",textAlign:"center",zIndex:1}]:s==="content"?d=[{id:`text-title-${g}`,type:"text",content:"Slide Title",x:60,y:40,width:800,height:80,fontSize:48,fontFamily:"Inter",color:"#000000",isBold:!0,zIndex:0},{id:`text-body-${g}`,type:"text",content:`\u2022 Add your points here
4
5
  \u2022 Press Enter for new line
5
- \u2022 Use the toolbar to format`,x:60,y:150,width:1080,height:480,fontSize:28,fontFamily:"Inter",color:"#334155",zIndex:1,isBulleted:!0}]:n==="split"&&(d=[{id:`text-title-${u}`,type:"text",content:"Comparison Layout",x:60,y:40,width:1080,height:80,fontSize:48,fontFamily:"Inter",color:"#000000",isBold:!0,textAlign:"center",zIndex:0},{id:`text-left-${u}`,type:"text",content:"Left column content goes here.",x:60,y:180,width:520,height:400,fontSize:24,fontFamily:"Inter",color:"#334155",zIndex:1},{id:`text-right-${u}`,type:"text",content:"Right column content goes here.",x:620,y:180,width:520,height:400,fontSize:24,fontFamily:"Inter",color:"#334155",zIndex:2}]),J({elements:d})},ze=async(n,d)=>{let C=o.slides[l].elements.find(F=>F.id===n);if(!(!C||C.type!=="text")){ie(!0),M(null),ge({id:n,action:d});try{if(!N){M("Gemini API key is missing. Please provide it via the 'geminiApiKey' prop."),ie(!1);return}let Y=new _t(N).getGenerativeModel({model:"gemini-flash-latest",systemInstruction:`You are a professional presentation assistant. Your task is to transform slide text according to specific user requests (shorten, reframe, or lengthen).
6
+ \u2022 Use the toolbar to format`,x:60,y:150,width:1080,height:480,fontSize:28,fontFamily:"Inter",color:"#334155",zIndex:1,isBulleted:!0}]:s==="split"&&(d=[{id:`text-title-${g}`,type:"text",content:"Comparison Layout",x:60,y:40,width:1080,height:80,fontSize:48,fontFamily:"Inter",color:"#000000",isBold:!0,textAlign:"center",zIndex:0},{id:`text-left-${g}`,type:"text",content:"Left column content goes here.",x:60,y:180,width:520,height:400,fontSize:24,fontFamily:"Inter",color:"#334155",zIndex:1},{id:`text-right-${g}`,type:"text",content:"Right column content goes here.",x:620,y:180,width:520,height:400,fontSize:24,fontFamily:"Inter",color:"#334155",zIndex:2}]),Z({elements:d})},zt=async(s,d)=>{let z=i.slides[c].elements.find(D=>D.id===s);if(!(!z||z.type!=="text")){at(!0),F(null),ft({id:s,action:d});try{if(!S){F("Gemini API key is missing. Please provide it via the 'geminiApiKey' prop."),at(!1);return}let X=new Ke(S).getGenerativeModel({model:"gemini-flash-latest",systemInstruction:`You are a professional presentation assistant. Your task is to transform slide text according to specific user requests (shorten, reframe, or lengthen).
6
7
 
7
8
  CRITICAL RULES:
8
9
  1. Return ONLY the transformed text.
@@ -10,9 +11,9 @@ CRITICAL RULES:
10
11
  3. Do NOT use markdown formatting (like bolding or headers) unless specifically needed for bullet points.
11
12
  4. If the input text is a title/headline, the output should be a professional title/headline.
12
13
  5. If the input text is a bulleted list, the output MUST be a bulleted list using the same bullet style (e.g., '\u2022').
13
- 6. Maintain the professional tone of the original presentation.`}),pe=C.fontSize>32?"Title/Headline":"Body Text/List",re=`Action: ${d.toUpperCase()}
14
- Text Role: ${pe}
15
- Original Text: "${C.content}"
14
+ 6. Maintain the professional tone of the original presentation.`}),ct=z.fontSize>32?"Title/Headline":"Body Text/List",it=`Action: ${d.toUpperCase()}
15
+ Text Role: ${ct}
16
+ Original Text: "${z.content}"
16
17
 
17
- Transformed Text:`,at=await(await Y.generateContent(re)).response;M(at.text().trim())}catch(F){console.error("Gemini AI Error:",F),M("Error generating response. Please check your API key or connection.")}finally{ie(!1)}}},Qe=n=>{if(!H||!P)return;if(n==="regenerate"){ze(P.id,P.action);return}let d=o.slides[l],u=d.elements.find(C=>C.id===P.id);if(!(!u||u.type!=="text")){if(n==="replace")ve(P.id,{content:H});else if(n==="addBelow"){let C=A(w({},u),{id:`text-ai-${Date.now()}`,content:H,y:u.y+u.height+20,zIndex:d.elements.length});J({elements:[...d.elements,C]})}M(null),ge(null)}},et=async()=>{await new fe().export(o)},tt=()=>{K(!0);let n=document.documentElement;n.requestFullscreen&&n.requestFullscreen()},st=()=>{K(!1),document.fullscreenElement&&document.exitFullscreen()};Ae(()=>{let n=()=>{document.fullscreenElement||K(!1)};return document.addEventListener("fullscreenchange",n),()=>document.removeEventListener("fullscreenchange",n)},[]),Ae(()=>{let n=d=>{if(d.key==="Delete"||d.key==="Backspace"){let u=document.activeElement;if((u==null?void 0:u.tagName)==="INPUT"||(u==null?void 0:u.tagName)==="TEXTAREA"||u!=null&&u.isContentEditable)return;ye()}(d.ctrlKey||d.metaKey)&&(d.key==="z"&&(d.preventDefault(),d.shiftKey?be():Le()),d.key==="y"&&(d.preventDefault(),be()))};return window.addEventListener("keydown",n),()=>window.removeEventListener("keydown",n)},[ye,Le,be]);let we=(n,d)=>{O(n),v==null||v(n,d)},Ie=()=>{x({slides:[{id:`slide-${Date.now()}`,elements:[]}],layout:{width:12192e3,height:6858e3}}),h(0),D(null),we("scratch")},de=async n=>{ae(!0);try{let d=new me,u=n;typeof n=="string"?(u=`/api/proxy?url=${encodeURIComponent(n.trim())}`,we("url",n.trim())):we("uploaded");let C=await d.parse(u);x(C),t([]),r([]),h(0),D(null)}catch(d){console.error("Failed to load PPTX",d),alert("Failed to load presentation. Please ensure it is a valid .pptx.")}finally{ae(!1)}};return!m||!S?I("div",{className:"flex items-center justify-center bg-red-50 text-red-600 p-8 rounded-xl border-2 border-red-200 font-bold",children:"Error: width and height props are compulsory for PptEditor."}):V("div",{className:"flex flex-col bg-white overflow-hidden relative",style:{width:typeof m=="number"?`${m}px`:m,height:typeof S=="number"?`${S}px`:S,fontSize:`${16*oe}px`},children:[Q&&I("div",{className:"absolute inset-0 z-[2000] bg-white flex items-center justify-center p-12",children:V("div",{className:"max-w-xl w-full text-center space-y-8 animate-in fade-in zoom-in-95 duration-500",children:[V("div",{className:"space-y-2",children:[I("h2",{className:"text-4xl font-black tracking-tight text-slate-800",children:p}),I("p",{className:"text-slate-500 font-medium",children:"Create stunning presentations in seconds."})]}),V("div",{className:"grid grid-cols-2 gap-4",children:[V("button",{onClick:()=>{Ie(),R(!1)},className:"flex flex-col items-center justify-center gap-3 p-8 border-2 border-slate-100 rounded-3xl hover:border-slate-300 hover:bg-slate-50 transition-all group",children:[I("div",{className:"p-3 bg-slate-100 rounded-xl group-hover:bg-blue-50 transition-colors",children:I("svg",{className:"w-6 h-6 text-blue-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:I("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v16m8-8H4"})})}),I("span",{className:"text-xs font-black uppercase tracking-widest text-slate-600",children:"Start New Deck"})]}),V("label",{className:"flex flex-col items-center justify-center gap-3 p-8 border-2 border-slate-100 rounded-3xl hover:border-slate-300 hover:bg-slate-50 transition-all group cursor-pointer",children:[I("div",{className:"p-3 bg-slate-100 rounded-xl group-hover:bg-emerald-50 transition-colors",children:I("svg",{className:"w-6 h-6 text-emerald-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:I("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 16v1a2 2 0 002 2h12a2 2 0 002-2v-1m-4-8l-4-4m0 0L8 8m4-4v12"})})}),I("span",{className:"text-xs font-black uppercase tracking-widest text-slate-600",children:"Upload PPTX"}),I("input",{type:"file",accept:".pptx",className:"hidden",onChange:n=>{var u;let d=(u=n.target.files)==null?void 0:u[0];d&&(de(d),R(!1))}})]})]}),V("div",{className:"space-y-4 pt-4 border-t border-slate-100",children:[V("div",{className:"flex gap-2",children:[V("div",{className:"flex-1 relative",children:[I("svg",{className:"absolute left-4 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:I("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9h18"})}),I("input",{type:"text",placeholder:"Paste presentation URL...",value:U,onChange:n=>Z(n.target.value),className:"text-black w-full bg-slate-50 border border-slate-200 rounded-2xl pl-11 pr-5 py-4 focus:outline-none focus:border-slate-400 focus:ring-4 focus:ring-slate-400/5 text-sm transition-all"})]}),I("button",{onClick:()=>{U.trim()&&(de(U.trim()),R(!1))},disabled:!U.trim()||W,style:{cursor:"pointer"},className:"bg-slate-900 hover:bg-black disabled:bg-slate-200 disabled:text-slate-400 text-white font-bold px-8 rounded-2xl transition-all shadow-sm text-sm",children:"Load"})]}),I("p",{className:"text-[10px] text-slate-400 font-bold uppercase tracking-widest",children:"Supports S3, public links, and versioned assets"})]})]})}),se&&I(je,{presentation:o,initialSlideIndex:l,onClose:st}),I(Re,{onAddText:Xe,onAddImage:Ge,onAddShape:Ye,onAddSlide:_e,onExport:et,onFormatText:We,onDeleteElement:ye,onApplyLayout:Je,onPlay:tt,onAiAction:ze,onAiResponseAction:Qe,onNewPresentation:Ie,onLoadPresentation:de,aiResponse:H,isAiLoading:ee,selectedElement:q,appName:p,appBgColor:k,uiScale:oe,source:X}),V("div",{className:"flex flex-1 overflow-hidden",children:[I(He,{slides:o.slides,currentSlideIndex:l,onSelectSlide:h,onDeleteSlide:Ke,onDuplicateSlide:Ze,onReorderSlides:qe,uiScale:oe}),I("div",{className:"flex-1 flex items-center justify-center p-12 overflow-auto bg-white",children:I(ue,{slide:b,onElementUpdate:ve,onSelect:D,uiScale:oe})})]})]})};export{js as PptEditor,fe as PptxExporter,me as PptxParser};
18
+ Transformed Text:`,re=await(await X.generateContent(it)).response;F(re.text().trim())}catch(D){console.error("Gemini AI Error:",D),F("Error generating response. Please check your API key or connection.")}finally{at(!1)}}},Jt=s=>{if(!$||!P)return;if(s==="regenerate"){zt(P.id,P.action);return}let d=i.slides[c],g=d.elements.find(z=>z.id===P.id);if(!(!g||g.type!=="text")){if(s==="replace")vt(P.id,{content:$});else if(s==="addBelow"){let z=C(y({},g),{id:`text-ai-${Date.now()}`,content:$,y:g.y+g.height+20,zIndex:d.elements.length});Z({elements:[...d.elements,z]})}F(null),ft(null)}},Qt=async()=>{await new pt().export(i)},te=()=>{G(!0);let s=document.documentElement;s.requestFullscreen&&s.requestFullscreen()},ee=()=>{G(!1),document.fullscreenElement&&document.exitFullscreen()};Nt(()=>{let s=()=>{document.fullscreenElement||G(!1)};return document.addEventListener("fullscreenchange",s),()=>document.removeEventListener("fullscreenchange",s)},[]),Nt(()=>{let s=d=>{if(d.key==="Delete"||d.key==="Backspace"){let g=document.activeElement;if((g==null?void 0:g.tagName)==="INPUT"||(g==null?void 0:g.tagName)==="TEXTAREA"||g!=null&&g.isContentEditable)return;bt()}(d.ctrlKey||d.metaKey)&&(d.key==="z"&&(d.preventDefault(),d.shiftKey?mt():St()),d.key==="y"&&(d.preventDefault(),mt()))};return window.addEventListener("keydown",s),()=>window.removeEventListener("keydown",s)},[bt,St,mt]);let wt=(s,d)=>{rt(s),w==null||w(s,d)},Ct=()=>{b({slides:[{id:`slide-${Date.now()}`,elements:[]}],layout:{width:12192e3,height:6858e3}}),f(0),M(null),wt("scratch")},lt=async s=>{et(!0);try{let d=new gt,g=s;typeof s=="string"?(g=`/api/proxy?url=${encodeURIComponent(s.trim())}`,wt("url",s.trim())):wt("uploaded");let z=await d.parse(g);b(z),e([]),n([]),f(0),M(null)}catch(d){console.error("Failed to load PPTX",d),alert("Failed to load presentation. Please ensure it is a valid .pptx.")}finally{et(!1)}};return!h||!k?L("div",{className:"flex items-center justify-center bg-red-50 text-red-600 p-8 rounded-xl border-2 border-red-200 font-bold",children:"Error: width and height props are compulsory for PptEditor."}):O("div",{className:"flex flex-col bg-white relative",style:{width:typeof h=="number"?`${h}px`:h,height:typeof k=="number"?`${k}px`:k,fontSize:`${16*ot}px`},children:[q&&L("div",{className:"absolute inset-0 z-[2000] bg-white flex flex-col items-center justify-center p-6 md:p-12 overflow-y-auto",children:O("div",{className:"max-w-2xl w-full text-center space-y-6 md:space-y-8 animate-in fade-in zoom-in-95 duration-500 my-auto",children:[O("div",{className:"space-y-2",children:[L("h2",{className:"text-4xl font-black tracking-tight text-slate-800",children:l}),L("p",{className:"text-slate-500 font-medium",children:"Create stunning presentations in seconds."})]}),O("div",{className:"grid grid-cols-2 gap-4",children:[O("button",{onClick:()=>{Ct(),j(!1)},className:"flex flex-col items-center justify-center gap-3 p-8 border-2 border-slate-100 rounded-3xl hover:border-slate-300 hover:bg-slate-50 transition-all group",children:[L("div",{className:"p-3 bg-slate-100 rounded-xl group-hover:bg-blue-50 transition-colors",children:L("svg",{className:"w-6 h-6 text-blue-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:L("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v16m8-8H4"})})}),L("span",{className:"text-xs font-black uppercase tracking-widest text-slate-600",children:"Start New Deck"})]}),O("label",{className:"flex flex-col items-center justify-center gap-3 p-8 border-2 border-slate-100 rounded-3xl hover:border-slate-300 hover:bg-slate-50 transition-all group cursor-pointer",children:[L("div",{className:"p-3 bg-slate-100 rounded-xl group-hover:bg-emerald-50 transition-colors",children:L("svg",{className:"w-6 h-6 text-emerald-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:L("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 16v1a2 2 0 002 2h12a2 2 0 002-2v-1m-4-8l-4-4m0 0L8 8m4-4v12"})})}),L("span",{className:"text-xs font-black uppercase tracking-widest text-slate-600",children:"Upload PPTX"}),L("input",{type:"file",accept:".pptx",className:"hidden",onChange:s=>{var g;let d=(g=s.target.files)==null?void 0:g[0];d&&(lt(d),j(!1))}})]})]}),O("div",{className:"space-y-4 pt-4 border-t border-slate-100",children:[O("div",{className:"flex gap-2",children:[O("div",{className:"flex-1 relative",children:[L("svg",{className:"absolute left-4 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:L("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9h18"})}),L("input",{type:"text",placeholder:"Paste presentation URL...",value:H,onChange:s=>K(s.target.value),className:"text-black w-full bg-slate-50 border border-slate-200 rounded-2xl pl-11 pr-5 py-4 focus:outline-none focus:border-slate-400 focus:ring-4 focus:ring-slate-400/5 text-sm transition-all"})]}),L("button",{onClick:()=>{H.trim()&&(lt(H.trim()),j(!1))},disabled:!H.trim()||V,style:{cursor:"pointer"},className:"bg-slate-900 hover:bg-black disabled:bg-slate-200 disabled:text-slate-400 text-white font-bold px-8 rounded-2xl transition-all shadow-sm text-sm",children:"Load"})]}),L("p",{className:"text-[10px] text-slate-400 font-bold uppercase tracking-widest",children:"Supports S3, public links, and versioned assets"})]})]})}),tt&&L(Et,{presentation:i,initialSlideIndex:c,onClose:ee}),L(Ft,{onAddText:Wt,onAddImage:Xt,onAddShape:Yt,onAddSlide:Gt,onExport:Qt,onFormatText:Vt,onDeleteElement:bt,onApplyLayout:qt,onPlay:te,onAiAction:zt,onAiResponseAction:Jt,onNewPresentation:Ct,onLoadPresentation:lt,aiResponse:$,isAiLoading:J,selectedElement:_,appName:l,appBgColor:N,uiScale:ot,source:st}),O("div",{className:"flex flex-1 overflow-hidden",children:[L(jt,{slides:i.slides,currentSlideIndex:c,onSelectSlide:f,onDeleteSlide:Kt,onDuplicateSlide:_t,onReorderSlides:Zt,uiScale:ot}),L("div",{className:"flex-1 flex items-center justify-center p-12 overflow-auto bg-white",children:L(dt,{slide:v,onElementUpdate:vt,onSelect:M,uiScale:ot})})]})]})};export{Yr as PptEditor,pt as PptxExporter,gt as PptxParser};
18
19
  //# sourceMappingURL=index.mjs.map