slidecanvas 1.0.4 → 1.0.6
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.
- package/README.md +6 -1
- package/dist/index.d.mts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +8 -8
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +8 -8
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
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*1})`,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(
|
|
2
|
+
var nt=Object.defineProperty,st=Object.defineProperties;var lt=Object.getOwnPropertyDescriptors;var Me=Object.getOwnPropertySymbols;var ct=Object.prototype.hasOwnProperty,dt=Object.prototype.propertyIsEnumerable;var He=(w,r,n)=>r in w?nt(w,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):w[r]=n,x=(w,r)=>{for(var n in r||(r={}))ct.call(r,n)&&He(w,n,r[n]);if(Me)for(var n of Me(r))dt.call(r,n)&&He(w,n,r[n]);return w},z=(w,r)=>st(w,lt(r));function ke(w,{insertAt:r}={}){if(!w||typeof document=="undefined")return;let n=document.head||document.getElementsByTagName("head")[0],p=document.createElement("style");p.type="text/css",r==="top"&&n.firstChild?n.insertBefore(p,n.firstChild):n.appendChild(p),p.styleSheet?p.styleSheet.cssText=w:p.appendChild(document.createTextNode(w))}ke(`@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-base: 1rem;--text-base--line-height: 1.5 ;--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;--ease-out: cubic-bezier(0, 0, .2, 1);--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-5{height:calc(var(--spacing) * 5)}.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-\\[56px\\]{min-height:56px}.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-5{width:calc(var(--spacing) * 5)}.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}.items-stretch{align-items:stretch}.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-\\[2\\.5rem\\]{border-radius:2.5rem}.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-solid{--tw-border-style: solid;border-style:solid}.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-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-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.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)}.px-10{padding-inline:calc(var(--spacing) * 10)}.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)}.pt-8{padding-top:calc(var(--spacing) * 8)}.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)}.pl-12{padding-left:calc(var(--spacing) * 12)}.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-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--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-\\[0\\.15em\\]{--tw-tracking: .15em;letter-spacing:.15em}.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)}.whitespace-nowrap{white-space:nowrap}.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%}.opacity-25{opacity:25%}.opacity-75{opacity:75%}.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}.ease-out{--tw-ease: var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style: none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-focus-within\\:text-slate-600{&:is(:where(.group):focus-within *){color:var(--color-slate-600)}}.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\\:text-slate-900{&:is(:where(.group):hover *){@media(hover:hover){color:var(--color-slate-900)}}}.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%}}}.hover\\:shadow-md{&:hover{@media(hover:hover){--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px 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)}}}.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\\:scale-\\[0\\.98\\]{&:active{scale:.98}}.active\\:cursor-grabbing{&:active{cursor:grabbing}}.disabled\\:bg-slate-100{&:disabled{background-color:var(--color-slate-100)}}.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;}@property --tw-ease{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;--tw-ease: initial}}}
|
|
3
|
+
`);import{useState as U,useCallback as me,useMemo as Xe,useEffect as Se}from"react";import Re,{useState as G}from"react";import{Type as ht,Image as ut,Square as mt,Download as Ie,Plus as Pe,Trash2 as vt,Bold as ft,Italic as bt,AlignLeft as wt,AlignCenter as xt,AlignRight as yt,List as Be,Layout as kt,Columns as Lt,FileText as Nt,Play as St,Sparkles as Le,RefreshCw as Te,Check as Ct}from"lucide-react";import{clsx as pt}from"clsx";import{twMerge as gt}from"tailwind-merge";function Z(...w){return gt(pt(w))}import{Fragment as Ve,jsx as e,jsxs as f}from"react/jsx-runtime";var At=["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"],zt=[12,14,16,18,20,24,28,32,36,48,64,72,96],Mt=[{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"]}],Ht=({type:w,className:r})=>{switch(w){case"rect":return e("svg",{viewBox:"0 0 24 24",className:r,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:r,children:e("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor"})});case"triangle":return e("svg",{viewBox:"0 0 24 24",className:r,children:e("path",{d:"M12 4L20 18H4L12 4Z",fill:"currentColor"})});case"rightTriangle":return e("svg",{viewBox:"0 0 24 24",className:r,children:e("path",{d:"M4 4V20H20L4 4Z",fill:"currentColor"})});case"rhombus":return e("svg",{viewBox:"0 0 24 24",className:r,children:e("path",{d:"M12 4L20 12L12 20L4 12L12 4Z",fill:"currentColor"})});case"parallelogram":return e("svg",{viewBox:"0 0 24 24",className:r,children:e("path",{d:"M7 4H21L17 20H3L7 4Z",fill:"currentColor"})});case"trapezoid":return e("svg",{viewBox:"0 0 24 24",className:r,children:e("path",{d:"M6 4H18L21 20H3L6 4Z",fill:"currentColor"})});case"pentagon":return e("svg",{viewBox:"0 0 24 24",className:r,children:e("path",{d:"M12 3L21 9V19H3V9L12 3Z",fill:"currentColor"})});case"hexagon":return e("svg",{viewBox:"0 0 24 24",className:r,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:r,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:r,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:r,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 f("svg",{viewBox:"0 0 24 24",className:r,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 f("svg",{viewBox:"0 0 24 24",className:r,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:r,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:r,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:r,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:r,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:r,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:r,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:r,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:r,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:r,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:r,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:r,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:r,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:r,children:e("path",{d:"M13 2L3 14h9v8l10-12h-9l3-8z",fill:"currentColor"})});case"plus":return e("svg",{viewBox:"0 0 24 24",className:r,children:e("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z",fill:"currentColor"})});case"minus":return e("svg",{viewBox:"0 0 24 24",className:r,children:e("path",{d:"M19 13H5v-2h14v2z",fill:"currentColor"})});case"multiply":return e("svg",{viewBox:"0 0 24 24",className:r,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 f("svg",{viewBox:"0 0 24 24",className:r,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:r,children:e("path",{d:"M19 10H5V8h14v2zm0 6H5v-2h14v2z",fill:"currentColor"})});default:return e("div",{className:"w-6 h-6 bg-slate-200 rounded-sm"})}},It=({onAddShape:w,uiScale:r})=>{let[n,p]=G(!1);return Re.useEffect(()=>(window._toggleShapesMenu=()=>p(!n),()=>{window._toggleShapesMenu=void 0}),[n]),n?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*r}px`,maxHeight:`${480*r}px`},children:e("div",{className:"flex flex-col gap-6",children:Mt.map(C=>f("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*r}px`},children:C.name}),e("div",{className:"grid grid-cols-5 gap-1",children:C.shapes.map(v=>e("button",{onClick:()=>{w(v),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:v,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(Ht,{type:v,className:"w-full h-full text-slate-400 group-hover:text-blue-600 transition-colors"})})},v))})]},C.name))})}):null},De=({onAddText:w,onAddImage:r,onAddShape:n,onAddSlide:p,onExport:C,onFormatText:v,onDeleteElement:N,onApplyLayout:k,onPlay:M,selectedElement:a,appName:A,onAiAction:h,onAiResponseAction:d,aiResponse:L,isAiLoading:o,onNewPresentation:b,onLoadPresentation:l,appBgColor:y="#B7472A",uiScale:g,source:t})=>{let i=Re.useRef(null),[m,H]=G("Home"),[P,j]=G(!1),[D,re]=G(!1),[ae,oe]=G(!1),[q,E]=G(!1),[O,X]=G("file"),[J,ve]=G(""),T=(a==null?void 0:a.type)==="text",Q=(a==null?void 0:a.type)==="shape",fe="#B7472A";return f("div",{className:"flex flex-col border-b border-slate-200 bg-white z-50 select-none",style:{fontSize:`${12*g}px`},children:[f("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*g}px`,overflow:"visible"},children:[f("div",{className:Z("flex-1 flex flex-col items-center border-r border-slate-100 px-3 gap-1 h-full py-2",g<.84?"min-w-0":"min-w-fit"),children:[f("div",{className:"flex items-center justify-center gap-1 my-auto",children:[f("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:[e("div",{className:"bg-orange-50 p-1.5 rounded-lg group-hover:scale-110 transition-transform",children:e(Pe,{size:20,style:{color:y}})}),e("span",{className:"text-[10px] font-bold text-slate-700",children:"New Slide"})]}),e("div",{className:"w-[1px] h-10 bg-slate-100 mx-1"}),f("div",{className:"relative",children:[f("button",{onClick:()=>j(!P),className:Z("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]",P&&"bg-slate-100"),children:[e("div",{className:"p-1.5 rounded-lg",children:e(kt,{size:20,className:"text-slate-500"})}),e("span",{className:"text-[10px] font-medium text-slate-500",children:"Layout"})]}),P&&f("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:[f("button",{onClick:()=>{k("title"),j(!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(Nt,{size:16,className:"text-blue-500"})," Title Slide"]}),f("button",{onClick:()=>{k("content"),j(!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(Be,{size:16,className:"text-emerald-500"})," Title & Content"]}),f("button",{onClick:()=>{k("split"),j(!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(Lt,{size:16,className:"text-purple-500"})," Two Columns"]})]})]})]}),g>=.85&&e("span",{className:"text-[9px] uppercase tracking-[0.2em] font-black text-slate-300 mt-auto",children:"Slides"})]}),f("div",{className:Z("flex-1 flex flex-col items-center border-r border-slate-100 px-3 gap-1 h-full py-2",g<.85?"px-2":"px-4"),children:[f("div",{className:"flex items-center justify-center gap-1.5 w-full mt-1",children:[e("select",{disabled:!T,value:(a==null?void 0:a.fontFamily)||"Arial",onChange:S=>v({fontFamily:S.target.value}),className:Z("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",g<.85?"flex-1":"w-44"),children:At.map(S=>e("option",{value:S,children:S},S))}),e("select",{disabled:!T,value:(a==null?void 0:a.fontSize)||24,onChange:S=>v({fontSize:parseInt(S.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:zt.map(S=>e("option",{value:S,children:S},S))})]}),f("div",{className:"flex items-center justify-between w-full mt-auto mb-1",children:[f("div",{className:"flex items-center gap-0.5",children:[e("button",{disabled:!T,onClick:()=>v({isBold:!a.isBold}),className:Z("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:e(ft,{size:14,strokeWidth:3})}),e("button",{disabled:!T,onClick:()=>v({isItalic:!a.isItalic}),className:Z("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:e(bt,{size:14})}),e("button",{disabled:!T,onClick:()=>v({isBulleted:!a.isBulleted}),className:Z("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:e(Be,{size:14})}),f("div",{className:"relative group p-1 hover:bg-slate-50 rounded-lg transition-colors cursor-pointer ml-0.5",children:[e("input",{type:"color",disabled:!a,value:T?a.color||"#000000":(a==null?void 0:a.fill)||"#3b82f6",onChange:S=>v(T?{color:S.target.value}:{fill:S.target.value}),className:"w-6 h-4 p-0 border-0 bg-transparent cursor-pointer disabled:opacity-50",title:"Font/Fill Color"}),e("div",{className:"absolute bottom-1 left-1 right-1 h-0.5 rounded-full",style:{backgroundColor:T?a.color||"#000000":(a==null?void 0:a.fill)||"#3b82f6"}})]})]}),e("div",{className:"h-4 w-[1px] bg-slate-200 mx-1.5"}),f("div",{className:"flex items-center gap-0.5 bg-slate-50/50 p-0.5 rounded-lg",children:[e("button",{disabled:!T,onClick:()=>v({textAlign:"left"}),className:Z("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"?y:void 0},children:e(wt,{size:13})}),e("button",{disabled:!T,onClick:()=>v({textAlign:"center"}),className:Z("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"?y:void 0},children:e(xt,{size:13})}),e("button",{disabled:!T,onClick:()=>v({textAlign:"right"}),className:Z("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"?y:void 0},children:e(yt,{size:13})})]})]}),g>=.85&&e("span",{className:"text-[9px] uppercase tracking-[0.2em] font-black text-slate-300 mt-auto",children:"Font"})]}),f("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:[f("div",{className:"flex items-center justify-center gap-2 my-auto",children:[f("div",{className:"relative group/shapes flex justify-center",children:[f("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 S;return(S=window._toggleShapesMenu)==null?void 0:S.call(window)},children:[e("div",{className:"bg-blue-50 p-1.5 rounded-lg group-hover:scale-105 transition-transform",children:e(mt,{size:20,className:"text-blue-600"})}),e("span",{className:"text-[10px] font-bold text-slate-700",children:"Shapes"})]}),e(It,{onAddShape:S=>{n(S)},uiScale:g})]}),e("div",{className:"w-[1px] h-10 bg-slate-100 mx-1"}),f("button",{onClick:w,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:[e("div",{className:"p-1.5",children:e(ht,{size:20})}),e("span",{className:"text-[10px] font-medium text-slate-500",children:"Text Box"})]}),e("div",{className:"w-[1px] h-10 bg-slate-100 mx-1"}),f("button",{onClick:()=>{var S;return(S=i.current)==null?void 0:S.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:[e("div",{className:"p-1.5",children:e(ut,{size:20})}),e("span",{className:"text-[10px] font-medium text-slate-500",children:"Image"}),e("input",{type:"file",ref:i,className:"hidden",accept:"image/*",onChange:S=>{var F;return((F=S.target.files)==null?void 0:F[0])&&r(S.target.files[0])}})]})]}),g>=.85&&e("span",{className:"text-[9px] uppercase tracking-[0.2em] font-black text-slate-300 mt-auto",children:"Drawing"})]}),f("div",{className:"flex-1 flex flex-col items-center border-r border-slate-100 px-3 gap-1 h-full py-2 relative",children:[f("div",{className:"flex items-center justify-center gap-1 my-auto h-full",children:[f("button",{disabled:!T||o,onClick:()=>h(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:[e("div",{className:"p-1.5 rounded-lg group-hover:scale-110 transition-transform",children:e(Le,{size:20,className:"text-purple-500"})}),e("span",{className:"text-[10px] font-bold",children:"Shorten"})]}),e("div",{className:"w-[1px] h-10 bg-slate-100 mx-1"}),f("button",{disabled:!T||o,onClick:()=>h(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:[e("div",{className:"p-1.5 rounded-lg group-hover:scale-110 transition-transform",children:e(Le,{size:20,className:"text-blue-500"})}),e("span",{className:"text-[10px] font-bold",children:"Reframe"})]}),e("div",{className:"w-[1px] h-10 bg-slate-100 mx-1"}),f("button",{disabled:!T||o,onClick:()=>h(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:[e("div",{className:"p-1.5 rounded-lg group-hover:scale-110 transition-transform",children:e(Le,{size:20,className:"text-emerald-500"})}),e("span",{className:"text-[10px] font-bold text-center leading-tight",children:"Lengthen"})]})]}),o&&e("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:e(Te,{size:16,className:"text-blue-600 animate-spin"})}),g>=.85&&e("span",{className:"text-[9px] uppercase tracking-[0.2em] font-black text-slate-300 mt-auto",children:"AI Text"})]}),f("div",{className:"flex-1 flex flex-col items-center pl-4 pr-3 gap-1 h-full py-2 relative",children:[f("div",{className:"flex items-center justify-center gap-1 my-auto h-full",children:[f("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-700 transition-all min-w-[64px] group",title:"Present",children:[e("div",{className:"p-1.5 rounded-lg group-hover:scale-110 transition-transform",children:e(St,{size:20,className:"fill-slate-700 group-hover:fill-slate-900"})}),e("span",{className:"text-[10px] font-bold",children:"Present"})]}),e("div",{className:"w-[1px] h-10 bg-slate-100 mx-1"}),f("button",{onClick:C,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:[e("div",{className:"p-1.5 rounded-lg group-hover:scale-110 transition-transform",children:e(Ie,{size:20,className:"text-emerald-600"})}),e("span",{className:"text-[10px] font-bold",children:"Export"})]}),a&&f(Ve,{children:[e("div",{className:"w-[1px] h-10 bg-slate-100 mx-1"}),f("button",{onClick:N,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:[e("div",{className:"p-1.5 rounded-lg group-hover:scale-110 transition-transform",children:e(vt,{size:20})}),e("span",{className:"text-[10px] font-bold",children:"Delete"})]})]})]}),f("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:[e(Ct,{size:9,className:"text-emerald-500"}),e("span",{className:"text-[7px] font-black text-emerald-600/70 tracking-tighter uppercase",children:"Saved"})]}),g>=.85&&e("span",{className:"text-[9px] uppercase tracking-[0.2em] font-black text-slate-300 mt-auto",children:"Actions"})]})]}),q&&f(Ve,{children:[e("div",{className:"fixed inset-0 bg-slate-900/40 backdrop-blur-sm z-[2000]",onClick:()=>E(!1)}),f("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:[f("div",{className:"flex justify-between items-center mb-6",children:[f("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(Ie,{size:20})}),"Upload Presentation"]}),e("button",{onClick:()=>E(!1),className:"text-slate-400 hover:text-slate-600 transition-colors",children:e(Te,{size:20,className:"rotate-45"})})]}),f("div",{className:"flex gap-2 p-1 bg-slate-50 rounded-2xl mb-8",children:[e("button",{onClick:()=>X("file"),className:Z("flex-1 py-3 text-xs font-black rounded-xl transition-all",O==="file"?"bg-white text-blue-600 shadow-sm":"text-slate-500 hover:text-slate-700"),children:"FILE UPLOAD"}),e("button",{onClick:()=>X("link"),className:Z("flex-1 py-3 text-xs font-black rounded-xl transition-all",O==="link"?"bg-white text-blue-600 shadow-sm":"text-slate-500 hover:text-slate-700"),children:"LINK UPLOAD"})]}),O==="file"?f("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(Pe,{size:24,className:"text-blue-500"})}),f("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:S=>{var se;let F=(se=S.target.files)==null?void 0:se[0];F&&(l(F),E(!1))}})]}):f("div",{className:"space-y-4",children:[e("div",{className:"relative",children:e("input",{type:"text",placeholder:"Paste S3 or public URL",value:J,onChange:S=>ve(S.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:()=>{J.trim()&&(l(J.trim()),E(!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"}),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 Pt,Copy as Bt,GripVertical as Tt}from"lucide-react";import{DndContext as Vt,closestCenter as Rt,KeyboardSensor as Dt,PointerSensor as Ft,useSensor as Ze,useSensors as Zt}from"@dnd-kit/core";import{SortableContext as jt,sortableKeyboardCoordinates as $t,verticalListSortingStrategy as Ut,useSortable as Et}from"@dnd-kit/sortable";import{CSS as Ot}from"@dnd-kit/utilities";import{jsx as R,jsxs as ee}from"react/jsx-runtime";var Fe={triangle:"M 12,4 L 20,18 H 4 L 12,4 Z",rightTriangle:"M 4,4 V 20 H 20 L 4,4 Z",rhombus:"M 12,4 L 20,12 L 12,20 L 4,12 L 12,4 Z",parallelogram:"M 7,4 H 21 L 17,20 H 3 L 7,4 Z",trapezoid:"M 6,4 H 18 L 21,20 H 3 L 6,4 Z",pentagon:"M 12,3 L 21,9 V 19 H 3 V 9 L 12,3 Z",hexagon:"M 12,3 L 20,7.5 V 16.5 L 12,21 L 4,16.5 V 7.5 L 12,3 Z",heptagon:"M 12,3 L 18.5,6 L 21,13 L 16,20 H 8 L 3,13 L 5.5,6 L 12,3 Z",octagon:"M 8.5,3 H 15.5 L 21,8.5 V 15.5 L 15.5,21 H 8.5 L 3,15.5 V 8.5 L 8.5,3 Z",heart:"M 12,21.35 L 10.55,20.03 C 5.4,15.36 2,12.28 2,8.5 2,5.42 4.42,3 7.5,3 C 9.24,3 10.91,3.81 12,5.09 C 13.09,3.81 14.76,3 16.5,3 C 19.58,3 22,5.42 22,8.5 C 22,12.28 18.6,15.36 13.45,20.04 L 12,21.35 Z",smiley:"M 12,3 A 9,9 0 1,0 12,21 A 9,9 0 1,0 12,3 M 9,9 A 1.5,1.5 0 1,1 9,10.5 A 1.5,1.5 0 1,1 9,9 M 15,9 A 1.5,1.5 0 1,1 15,10.5 A 1.5,1.5 0 1,1 15,9 M 8,15 C 8,15 9.5,17 12,17 C 14.5,17 16,15 16,15",sun:"M 12,7 A 5,5 0 1,1 12,17 A 5,5 0 1,1 12,7 M 12,2 V 4 M 12,20 V 22 M 4,12 H 2 M 22,12 H 20 M 19.07,4.93 L 17.66,6.34 M 6.34,17.66 L 4.93,19.07 M 4.93,4.93 L 6.34,6.34 M 17.66,17.66 L 19.07,19.07",moon:"M 12,3 A 9,9 0 1,0 12,21 A 7,7 0 0,1 12,3 Z",circle:"M 12,3 A 9,9 0 1,1 12,21 A 9,9 0 1,1 12,3 Z",arrowRight:"M 4,11 H 15.5 L 12,7.5 L 13.5,6 L 19.5,12 L 13.5,18 L 12,16.5 L 15.5,13 H 4 Z",arrowLeft:"M 20,11 H 8.5 L 12,7.5 L 10.5,6 L 4.5,12 L 10.5,18 L 12,16.5 L 8.5,13 H 20 Z",arrowUp:"M 13,20 V 8.5 L 16.5,12 L 18,10.5 L 12,4.5 L 6,10.5 L 7.5,12 L 11,8.5 V 20 Z",arrowDown:"M 11,4 V 15.5 L 7.5,12 L 6,13.5 L 12,19.5 L 18,13.5 L 16.5,12 L 13,15.5 V 4 Z",arrowLeftRight:"M 4,12 L 8,8 V 11 H 16 V 8 L 20,12 L 16,16 V 13 H 8 V 16 L 4,12 Z",arrowUpDown:"M 12,4 L 8,8 H 11 V 16 H 8 L 12,20 L 16,16 H 13 V 8 H 16 L 12,4 Z",star4:"M 12,2 L 14,10 L 22,12 L 14,14 L 12,22 L 10,14 L 2,12 L 10,10 L 12,2 Z",star5:"M 12,2 L 14.5,9.5 H 22 L 16,14 L 18.5,21.5 L 12,17 L 5.5,21.5 L 8,14 L 2,9.5 H 9.5 L 12,2 Z",star6:"M 12,2 L 15,7 L 21,6 L 17,10.5 L 19,17 L 12,14 L 5,17 L 7,10.5 L 3,6 L 9,7 L 12,2 Z",star8:"M 12,2 L 14,6 L 18,4 L 16,8 L 20,10 L 16,12 L 18,16 L 14,14 L 12,18 L 10,14 L 6,16 L 8,12 L 4,10 L 8,8 L 6,4 L 10,6 L 12,2 Z",cloud:"M 17,19 C 14.8,19 13.1,17.7 12.3,15.8 C 11.4,16 10.5,16.2 9.6,16.2 C 7,16.2 4.7,14.6 3.7,12.3 C 1.5,11.8 0,9.9 0,7.6 C 0,5 2.1,2.9 4.7,2.9 C 5.3,2.9 5.8,3 6.3,3.1 C 7.6,1.4 9.6,0.3 11.9,0.3 C 12.5,0.3 13.1,0.4 13.7,0.5 C 15,1.9 15.9,3.7 16,5.7 C 18.2,6.1 20,8.1 20,10.5 C 20,13.2 17.8,15.4 15.1,15.4 C 14.8,15.4 14.5,15.4 14.2,15.3 C 14.2,15.4 14.2,15.4 14.2,15.5 C 14.2,17.4 15.5,19 17,19 Z",lightning:"M 13,2 L 3,14 H 12 V 22 L 22,10 H 13 L 16,2 Z",plus:"M 19,13 H 13 V 19 H 11 V 13 H 5 V 11 H 11 V 5 H 13 V 11 H 19 V 13 Z",minus:"M 19,13 H 5 V 11 H 19 V 13 Z",multiply:"M 19,6.41 L 17.59,5 L 12,10.59 L 6.41,5 L 5,6.41 L 10.59,12 L 5,17.59 L 6.41,19 L 12,13.41 L 17.59,19 L 19,17.59 L 13.41,12 L 19,6.41 Z",divide:"M 12,7 A 2,2 0 1,1 12,11 A 2,2 0 1,1 12,7 M 12,17 A 2,2 0 1,1 12,21 A 2,2 0 1,1 12,17 M 5,11 H 19 V 13 H 5 V 11 Z",equal:"M 19,10 H 5 V 8 H 19 V 10 M 19,16 H 5 V 14 H 19 V 16 Z"},Xt=({slide:w,index:r,isActive:n,onSelect:p,onDelete:C,onDuplicate:v,showDelete:N,uiScale:k,appBgColor:M})=>{let{attributes:a,listeners:A,setNodeRef:h,transform:d,transition:L,isDragging:o}=Et({id:w.id}),b={transform:Ot.Transform.toString(d),transition:L,zIndex:o?2:1,opacity:o?.5:1};return ee("div",{ref:h,onClick:p,className:Z("cursor-pointer border-[1.5px] border-solid p-2 transition-all duration-300 group relative select-none",n?"bg-white":"border-transparent hover:border-slate-200 bg-white/50 hover:bg-white"),style:z(x({},b),{borderColor:n?M:void 0}),children:[ee("div",{className:Z("text-[10px] font-bold mb-1 flex items-center justify-between transition-colors",!n&&"text-slate-400"),style:{color:n?M:void 0},children:[ee("div",{className:"flex items-center gap-1",children:[R("div",z(x(x({},a),A),{className:"cursor-grab active:cursor-grabbing p-0.5 hover:bg-slate-100 text-slate-300 hover:text-slate-500",children:R(Tt,{size:10})})),ee("span",{children:["SLIDE ",r+1]})]}),ee("div",{className:"flex items-center gap-1",children:[n&&R("span",{className:"h-1.5 w-1.5",style:{backgroundColor:M}}),ee("div",{className:"flex items-center opacity-0 group-hover:opacity-100 transition-opacity",children:[R("button",{onClick:l=>{l.stopPropagation(),v()},className:"p-1 hover:bg-blue-50 text-slate-400 hover:text-blue-500 transition-all",title:"Duplicate Slide",children:R(Bt,{size:12})}),N&&R("button",{onClick:l=>{l.stopPropagation(),C()},className:"p-1 hover:bg-red-50 text-red-400 hover:text-red-500 transition-all",title:"Delete Slide",children:R(Pt,{size:12})})]})]})]}),R("div",{className:"aspect-video bg-white flex items-center justify-center border border-slate-200 overflow-hidden relative group-hover:shadow-sm transition-shadow",children:R("div",{className:"origin-center pointer-events-none select-none shrink-0",style:{width:"1200px",height:"675px",transform:`scale(${180*k/1200})`,backgroundColor:"#ffffff"},children:w.elements.sort((l,y)=>(l.zIndex||0)-(y.zIndex||0)).map(l=>{var g;let y={position:"absolute",left:l.x,top:l.y,width:l.width,height:l.height,opacity:(g=l.opacity)!=null?g:1};if(l.type==="text")return R("div",{style:z(x({},y),{fontSize:l.fontSize,fontFamily:l.fontFamily,color:l.color,textAlign:l.textAlign||"left",fontWeight:l.isBold?"bold":"normal",fontStyle:l.isItalic?"italic":"normal",lineHeight:1.2,overflow:"hidden",wordBreak:"break-word",whiteSpace:"pre-wrap"}),children:l.content},l.id);if(l.type==="shape"){let t=Fe[l.shapeType]||(l.shapeType==="ellipse"?Fe.circle:null);return t?R("svg",{viewBox:"0 0 24 24",style:z(x({},y),{fill:l.fill}),preserveAspectRatio:"none",children:R("path",{d:t})},l.id):R("div",{style:z(x({},y),{backgroundColor:l.fill,borderRadius:l.shapeType==="ellipse"?"50%":"0"})},l.id)}else if(l.type==="image")return R("img",{src:l.src,alt:"",style:z(x({},y),{objectFit:"contain"})},l.id);return null})})})]})},je=({slides:w,currentSlideIndex:r,onSelectSlide:n,onDeleteSlide:p,onDuplicateSlide:C,onReorderSlides:v,uiScale:N,appBgColor:k="#B7472A"})=>{let M=Zt(Ze(Ft,{activationConstraint:{distance:5}}),Ze(Dt,{coordinateGetter:$t})),a=A=>{let{active:h,over:d}=A;if(h.id!==(d==null?void 0:d.id)){let L=w.findIndex(b=>b.id===h.id),o=w.findIndex(b=>b.id===(d==null?void 0:d.id));v(L,o)}};return R("div",{className:"bg-white border-r border-slate-100 overflow-y-auto p-4 flex flex-col gap-4",style:{width:`${256*N}px`},children:R(Vt,{sensors:M,collisionDetection:Rt,onDragEnd:a,children:R(jt,{items:w.map(A=>A.id),strategy:Ut,children:w.map((A,h)=>R(Xt,{slide:A,index:h,isActive:h===r,onSelect:()=>n(h),onDelete:()=>p(h),onDuplicate:()=>C(h),showDelete:w.length>1,uiScale:N,appBgColor:k},A.id))})})})};import{useEffect as de,useRef as te,useState as $e}from"react";import*as $ from"fabric";import{jsx as Ne}from"react/jsx-runtime";var Wt={triangle:"M 12,4 L 20,18 H 4 L 12,4 Z",rightTriangle:"M 4,4 V 20 H 20 L 4,4 Z",rhombus:"M 12,4 L 20,12 L 12,20 L 4,12 L 12,4 Z",parallelogram:"M 7,4 H 21 L 17,20 H 3 L 7,4 Z",trapezoid:"M 6,4 H 18 L 21,20 H 3 L 6,4 Z",pentagon:"M 12,3 L 21,9 V 19 H 3 V 9 L 12,3 Z",hexagon:"M 12,3 L 20,7.5 V 16.5 L 12,21 L 4,16.5 V 7.5 L 12,3 Z",heptagon:"M 12,3 L 18.5,6 L 21,13 L 16,20 H 8 L 3,13 L 5.5,6 L 12,3 Z",octagon:"M 8.5,3 H 15.5 L 21,8.5 V 15.5 L 15.5,21 H 8.5 L 3,15.5 V 8.5 L 8.5,3 Z",heart:"M 12,21.35 L 10.55,20.03 C 5.4,15.36 2,12.28 2,8.5 2,5.42 4.42,3 7.5,3 C 9.24,3 10.91,3.81 12,5.09 C 13.09,3.81 14.76,3 16.5,3 C 19.58,3 22,5.42 22,8.5 C 22,12.28 18.6,15.36 13.45,20.04 L 12,21.35 Z",smiley:"M 12,3 A 9,9 0 1,0 12,21 A 9,9 0 1,0 12,3 M 9,9 A 1.5,1.5 0 1,1 9,10.5 A 1.5,1.5 0 1,1 9,9 M 15,9 A 1.5,1.5 0 1,1 15,10.5 A 1.5,1.5 0 1,1 15,9 M 8,15 C 8,15 9.5,17 12,17 C 14.5,17 16,15 16,15",sun:"M 12,7 A 5,5 0 1,1 12,17 A 5,5 0 1,1 12,7 M 12,2 V 4 M 12,20 V 22 M 4,12 H 2 M 22,12 H 20 M 19.07,4.93 L 17.66,6.34 M 6.34,17.66 L 4.93,19.07 M 4.93,4.93 L 6.34,6.34 M 17.66,17.66 L 19.07,19.07",moon:"M 12,3 A 9,9 0 1,0 12,21 A 7,7 0 0,1 12,3 Z",circle:"M 12,3 A 9,9 0 1,1 12,21 A 9,9 0 1,1 12,3 Z",arrowRight:"M 4,11 H 15.5 L 12,7.5 L 13.5,6 L 19.5,12 L 13.5,18 L 12,16.5 L 15.5,13 H 4 Z",arrowLeft:"M 20,11 H 8.5 L 12,7.5 L 10.5,6 L 4.5,12 L 10.5,18 L 12,16.5 L 8.5,13 H 20 Z",arrowUp:"M 13,20 V 8.5 L 16.5,12 L 18,10.5 L 12,4.5 L 6,10.5 L 7.5,12 L 11,8.5 V 20 Z",arrowDown:"M 11,4 V 15.5 L 7.5,12 L 6,13.5 L 12,19.5 L 18,13.5 L 16.5,12 L 13,15.5 V 4 Z",arrowLeftRight:"M 4,12 L 8,8 V 11 H 16 V 8 L 20,12 L 16,16 V 13 H 8 V 16 L 4,12 Z",arrowUpDown:"M 12,4 L 8,8 H 11 V 16 H 8 L 12,20 L 16,16 H 13 V 8 H 16 L 12,4 Z",star4:"M 12,2 L 14,10 L 22,12 L 14,14 L 12,22 L 10,14 L 2,12 L 10,10 L 12,2 Z",star5:"M 12,2 L 14.5,9.5 H 22 L 16,14 L 18.5,21.5 L 12,17 L 5.5,21.5 L 8,14 L 2,9.5 H 9.5 L 12,2 Z",star6:"M 12,2 L 15,7 L 21,6 L 17,10.5 L 19,17 L 12,14 L 5,17 L 7,10.5 L 3,6 L 9,7 L 12,2 Z",star8:"M 12,2 L 14,6 L 18,4 L 16,8 L 20,10 L 16,12 L 18,16 L 14,14 L 12,18 L 10,14 L 6,16 L 8,12 L 4,10 L 8,8 L 6,4 L 10,6 L 12,2 Z",cloud:"M 17,19 C 14.8,19 13.1,17.7 12.3,15.8 C 11.4,16 10.5,16.2 9.6,16.2 C 7,16.2 4.7,14.6 3.7,12.3 C 1.5,11.8 0,9.9 0,7.6 C 0,5 2.1,2.9 4.7,2.9 C 5.3,2.9 5.8,3 6.3,3.1 C 7.6,1.4 9.6,0.3 11.9,0.3 C 12.5,0.3 13.1,0.4 13.7,0.5 C 15,1.9 15.9,3.7 16,5.7 C 18.2,6.1 20,8.1 20,10.5 C 20,13.2 17.8,15.4 15.1,15.4 C 14.8,15.4 14.5,15.4 14.2,15.3 C 14.2,15.4 14.2,15.4 14.2,15.5 C 14.2,17.4 15.5,19 17,19 Z",lightning:"M 13,2 L 3,14 H 12 V 22 L 22,10 H 13 L 16,2 Z",plus:"M 19,13 H 13 V 19 H 11 V 13 H 5 V 11 H 11 V 5 H 13 V 11 H 19 V 13 Z",minus:"M 19,13 H 5 V 11 H 19 V 13 Z",multiply:"M 19,6.41 L 17.59,5 L 12,10.59 L 6.41,5 L 5,6.41 L 10.59,12 L 5,17.59 L 6.41,19 L 12,13.41 L 17.59,19 L 19,17.59 L 13.41,12 L 19,6.41 Z",divide:"M 12,7 A 2,2 0 1,1 12,11 A 2,2 0 1,1 12,7 M 12,17 A 2,2 0 1,1 12,21 A 2,2 0 1,1 12,17 M 5,11 H 19 V 13 H 5 V 11 Z",equal:"M 19,10 H 5 V 8 H 19 V 10 M 19,16 H 5 V 14 H 19 V 16 Z"},pe=({slide:w,onElementUpdate:r,onSelect:n,uiScale:p})=>{let C=te(null),v=te(null),N=te(!1),k=te(r),M=te(n),a=te(null),[A,h]=$e(1),[d,L]=$e(!1);return de(()=>{if(!a.current)return;let o=new ResizeObserver(b=>{let l=b[0];if(l){let{width:y,height:g}=l.contentRect,t=y/1200,i=g/675,m=Math.min(t,i)*.95;h(m)}});return o.observe(a.current),()=>o.disconnect()},[]),de(()=>{k.current=r,M.current=n},[r,n]),de(()=>{if(C.current&&!v.current){let o=new $.Canvas(C.current,{width:1200,height:675,backgroundColor:"white",selection:!0,preserveObjectStacking:!0});v.current=o,L(!0);let b=t=>{t.left<0&&t.set("left",0),t.top<0&&t.set("top",0);let i=t.getBoundingRect();i.left+i.width>(o.width||1200)&&t.set("left",(o.width||1200)-i.width),i.top+i.height>(o.height||675)&&t.set("top",(o.height||675)-i.height)};o.on("object:moving",t=>b(t.target)),o.on("object:scaling",t=>b(t.target));let l=t=>{var H;if(N.current)return;let i=t.target,m=(H=i.get("data"))==null?void 0:H.id;i&&m&&k.current(m,x({x:i.left,y:i.top,width:i.getScaledWidth(),height:i.getScaledHeight()},i.isType("textbox")?{content:i.text,textAlign:i.textAlign,fontSize:i.fontSize,fontFamily:i.fontFamily,color:i.fill}:{fill:i.fill}))};o.on("object:modified",l),o.on("text:changed",l);let y=t=>{var m,H;let i=((m=t.selected)==null?void 0:m[0])||t.target;if(i){let P=(H=i.get("data"))==null?void 0:H.id;M.current(P)}};o.on("selection:created",y),o.on("selection:updated",y),o.on("selection:cleared",()=>M.current(null));let g=t=>{let i=o.getActiveObject();if(!i||i.isType("textbox")&&i.isEditing)return;let m=t.shiftKey?10:1,H=!1;switch(t.key){case"ArrowLeft":i.set("left",i.left-m),H=!0;break;case"ArrowRight":i.set("left",i.left+m),H=!0;break;case"ArrowUp":i.set("top",i.top-m),H=!0;break;case"ArrowDown":i.set("top",i.top+m),H=!0;break}H&&(b(i),o.requestRenderAll(),l({target:i}))};window.addEventListener("keydown",g),o._keyboardListener=g}return()=>{if(v.current){let o=v.current._keyboardListener;o&&window.removeEventListener("keydown",o),v.current.dispose(),v.current=null}}},[]),de(()=>{if(!v.current)return;let o=v.current;(async()=>{N.current=!0;let l=o.getObjects(),y=new Set(w.elements.map(t=>t.id));l.forEach(t=>{var m;let i=(m=t.get("data"))==null?void 0:m.id;i&&!y.has(i)&&o.remove(t)});let g=[...w.elements].sort((t,i)=>(t.zIndex||0)-(i.zIndex||0));for(let t of g){let i=l.find(m=>{var H;return((H=m.get("data"))==null?void 0:H.id)===t.id});if(i){if(i===o.getActiveObject()&&i.isType("textbox")&&i.isEditing)continue;let m={left:t.x,top:t.y,opacity:t.opacity!==void 0?t.opacity:1,zIndex:t.zIndex};t.type==="text"&&i.isType("textbox")?(m.text=t.content||" ",m.fontSize=t.fontSize||22,m.fill=t.color||"#000000",m.textAlign=t.textAlign||"left",m.fontWeight=t.isBold?"bold":"normal",m.fontStyle=t.isItalic?"italic":"normal",m.fontFamily=t.fontFamily||"Arial",m.width=Math.max(t.width||50,10)):t.type==="shape"?(m.fill=t.fill||"#cccccc",m.scaleX=(t.width||50)/(i.width||1),m.scaleY=(t.height||50)/(i.height||1)):t.type==="image"&&(m.scaleX=(t.width||100)/(i.width||1),m.scaleY=(t.height||100)/(i.height||1)),i.set(m)}else{let m=null,H={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")m=new $.Textbox(t.content||" ",z(x({},H),{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 P=t.fill||"#3b82f6";if(t.shapeType==="ellipse")m=new $.Circle(z(x({},H),{radius:(t.width||100)/2,scaleY:(t.height||100)/(t.width||100),fill:P}));else if(t.shapeType==="rect")m=new $.Rect(z(x({},H),{width:t.width||100,height:t.height||100,fill:P}));else{let j=Wt[t.shapeType];if(j){m=new $.Path(j,z(x({},H),{fill:P}));let D=m;D.set({scaleX:(t.width||100)/(D.width||1),scaleY:(t.height||100)/(D.height||1)})}else m=new $.Rect(z(x({},H),{width:t.width||100,height:t.height||100,fill:P}))}}else if(t.type==="image")try{let P=await $.FabricImage.fromURL(t.src);P.set(z(x({},H),{scaleX:(t.width||100)/(P.width||1),scaleY:(t.height||100)/(P.height||1)})),m=P}catch(P){console.error(P)}m&&o.add(m)}}o.renderAll(),N.current=!1})()},[w,d]),Ne("div",{ref:a,className:"w-full h-full flex items-center justify-center overflow-hidden relative",children:Ne("div",{className:"border border-slate-200 overflow-hidden bg-white shadow-xl transition-all duration-300 ease-out shrink-0",style:{transform:`scale(${A})`,transformOrigin:"center center"},children:Ne("canvas",{ref:C})})})};import Yt from"pptxgenjs";var ge=class{async export(r){var a,A;let n=new Yt,p=((a=r.layout)==null?void 0:a.width)||12192e3,C=((A=r.layout)==null?void 0:A.height)||6858e3,v=1200,N=675,k=h=>h/v*(p/914400),M=h=>h/N*(C/914400);r.slides.forEach(h=>{let d=n.addSlide();[...h.elements].sort((o,b)=>o.zIndex-b.zIndex).forEach(o=>{var y,g;let b=o.opacity!==void 0?(1-o.opacity)*100:0,l={x:k(o.x),y:M(o.y),w:k(o.width),h:M(o.height)};if(o.type==="text")d.addText(o.content,z(x({},l),{fontSize:(o.fontSize||18)/2,color:((y=o.color)==null?void 0:y.replace("#",""))||"000000",fontFace:o.fontFamily||"Arial"}));else if(o.type==="image")d.addImage(z(x({},l),{path:o.src,transparency:b}));else if(o.type==="shape"){let t=o.shapeType==="ellipse"?n.ShapeType.ellipse:n.ShapeType.rect;d.addShape(t,z(x({},l),{fill:{color:((g=o.fill)==null?void 0:g.replace("#",""))||"CCCCCC",transparency:b>0?Math.min(b+10,100):0}}))}})}),await n.writeFile({fileName:"presentation.pptx"})}};import _t from"jszip";var he=class{constructor(){this.slideWidth=12192e3;this.slideHeight=6858e3;this.CANVAS_WIDTH=1200;this.CANVAS_HEIGHT=675}async parse(r){var A,h;let n=r;if(typeof r=="string"){let d=await fetch(r);if(!d.ok){let L=d.status,o=d.statusText,b="";try{let l=await d.json();b=l.details||l.error||""}catch(l){}throw new Error(`Failed to fetch PPTX from ${r}: ${L} ${o} ${b?`(${b})`:""}`)}n=await d.arrayBuffer()}let p=await _t.loadAsync(n),C=await((A=p.file("ppt/presentation.xml"))==null?void 0:A.async("string"));if(!C)throw new Error("Invalid PPTX");let N=new DOMParser().parseFromString(C,"text/xml"),k=this.findFirstByLocalName(N,"sldSz");k&&(this.slideWidth=parseInt(this.getAttr(k,"cx")||"12192000"),this.slideHeight=parseInt(this.getAttr(k,"cy")||"6858000"));let M=Array.from(N.getElementsByTagNameNS("*","sldId")),a=[];for(let d=0;d<M.length;d++){let L=d+1,o=`ppt/slides/slide${L}.xml`,b=await((h=p.file(o))==null?void 0:h.async("string"));if(b){let l=await this.parseSlide(b,L,p);a.push(l)}}return{slides:a,layout:{width:this.slideWidth,height:this.slideHeight}}}getAttr(r,n){return r.getAttribute(n)||r.getAttribute(`a:${n}`)||r.getAttribute(`p:${n}`)||r.getAttribute(`r:${n}`)}findFirstByLocalName(r,n){let p=r.getElementsByTagNameNS("*",n);return p.length>0?p[0]:null}findAllByLocalName(r,n){return Array.from(r.getElementsByTagNameNS("*",n))}scaleX(r){return r/this.slideWidth*this.CANVAS_WIDTH}scaleY(r){return r/this.slideHeight*this.CANVAS_HEIGHT}parseColor(r){let n=this.findFirstByLocalName(r,"srgbClr");if(n){let C=`#${this.getAttr(n,"val")}`,v=this.findFirstByLocalName(n,"alpha"),N=v?parseInt(this.getAttr(v,"val")||"100000")/1e5:1;return{color:C,opacity:N}}let p=this.findFirstByLocalName(r,"schemeClr");if(p){let C=this.findFirstByLocalName(p,"alpha");return{color:"#000000",opacity:C?parseInt(this.getAttr(C,"val")||"100000")/1e5:1}}return{color:"#000000",opacity:1}}async resolveImage(r,n,p){var a,A;let C=await((a=p.file(`ppt/slides/_rels/slide${n}.xml.rels`))==null?void 0:a.async("string"));if(!C)return null;let N=new DOMParser().parseFromString(C,"text/xml"),k=Array.from(N.getElementsByTagName("Relationship")).find(h=>h.getAttribute("Id")===r),M=k==null?void 0:k.getAttribute("Target");if(M){let h=(M.startsWith("../")?`ppt/${M.substring(3)}`:`ppt/slides/${M}`).replace("ppt/slides/../","ppt/");return await((A=p.file(h))==null?void 0:A.async("blob"))||null}return null}async parseSlide(r,n,p){let v=new DOMParser().parseFromString(r,"text/xml"),N=[],k=0,M=this.findFirstByLocalName(v,"bg");if(M){let h=this.findFirstByLocalName(M,"blip"),d=(h==null?void 0:h.getAttributeNS("http://schemas.openxmlformats.org/officeDocument/2006/relationships","embed"))||(h==null?void 0:h.getAttribute("r:embed"));if(d){let L=await this.resolveImage(d,n,p);L&&N.push({id:`bg-${n}`,type:"image",src:URL.createObjectURL(L),x:0,y:0,width:this.CANVAS_WIDTH,height:this.CANVAS_HEIGHT,zIndex:k++,opacity:1})}}let a=this.findFirstByLocalName(v,"spTree");if(!a)return{id:`slide-${n}`,elements:N};let A=Array.from(a.children);for(let h of A){let d=h.localName;if(d==="sp"){let L=this.findFirstByLocalName(h,"txBody"),o=this.findFirstByLocalName(h,"xfrm"),b=o?this.findFirstByLocalName(o,"off"):null,l=o?this.findFirstByLocalName(o,"ext"):null;if(L&&b&&l){let g=this.findAllByLocalName(L,"p"),t="",i=18,m="#000000",H=1,P=!1;for(let j of g){let D=this.findFirstByLocalName(j,"pPr"),re=D?this.findFirstByLocalName(D,"buNone"):null;D&&!re&&(this.findFirstByLocalName(D,"buChar")||this.findFirstByLocalName(D,"buAutoNum"))&&(P=!0,t+="\u2022 ");let ae=this.findAllByLocalName(j,"r");for(let oe of ae){let q=this.findFirstByLocalName(oe,"t");q&&(t+=q.textContent);let E=this.findFirstByLocalName(oe,"rPr");if(E){let O=this.getAttr(E,"sz");O&&(i=parseInt(O)/100*2);let X=this.parseColor(E);m=X.color,H=X.opacity}}t+=`
|
|
4
|
+
`}if(t.trim()){N.push({id:`el-${n}-${Date.now()}-${k}`,type:"text",content:t.trim(),x:this.scaleX(parseInt(this.getAttr(b,"x")||"0")),y:this.scaleY(parseInt(this.getAttr(b,"y")||"0")),width:this.scaleX(parseInt(this.getAttr(l,"cx")||"0")),height:this.scaleY(parseInt(this.getAttr(l,"cy")||"0")),fontSize:i,color:m,fontFamily:"Arial",zIndex:k++,isBulleted:P,opacity:H});continue}}let y=this.findFirstByLocalName(h,"prstGeom");if(y&&b&&l){let g=this.getAttr(y,"prst")||"rect",t=this.findFirstByLocalName(h,"spPr"),i=t?this.parseColor(t):{color:"#cccccc",opacity:1},m={rect:"rect",roundRect:"rect",ellipse:"ellipse",circle:"ellipse",triangle:"triangle",rtTriangle:"rightTriangle",diamond:"rhombus",parallelogram:"parallelogram",trapezoid:"trapezoid",pentagon:"pentagon",hexagon:"hexagon",heptagon:"heptagon",octagon:"octagon",heart:"heart",smileyFace:"smiley",sun:"sun",moon:"moon",rightArrow:"arrowRight",leftArrow:"arrowLeft",upArrow:"arrowUp",downArrow:"arrowDown",leftRightArrow:"arrowLeftRight",upDownArrow:"arrowUpDown",star4:"star4",star5:"star5",star6:"star6",star8:"star8",cloud:"cloud",lightningBolt:"lightning",plus:"plus",minus:"minus",multiply:"multiply",divide:"divide",equal:"equal"};N.push({id:`el-${n}-${Date.now()}-${k}`,type:"shape",shapeType:m[g]||"rect",fill:i.color,opacity:i.opacity,x:this.scaleX(parseInt(this.getAttr(b,"x")||"0")),y:this.scaleY(parseInt(this.getAttr(b,"y")||"0")),width:this.scaleX(parseInt(this.getAttr(l,"cx")||"0")),height:this.scaleY(parseInt(this.getAttr(l,"cy")||"0")),zIndex:k++})}}if(d==="pic"){let L=this.findFirstByLocalName(h,"blip"),o=(L==null?void 0:L.getAttributeNS("http://schemas.openxmlformats.org/officeDocument/2006/relationships","embed"))||(L==null?void 0:L.getAttribute("r:embed")),b=this.findFirstByLocalName(h,"xfrm"),l=b?this.findFirstByLocalName(b,"off"):null,y=b?this.findFirstByLocalName(b,"ext"):null;if(o&&l&&y){let g=await this.resolveImage(o,n,p);g&&N.push({id:`el-${n}-${Date.now()}-${k}`,type:"image",src:URL.createObjectURL(g),x:this.scaleX(parseInt(this.getAttr(l,"x")||"0")),y:this.scaleY(parseInt(this.getAttr(l,"y")||"0")),width:this.scaleX(parseInt(this.getAttr(y,"cx")||"0")),height:this.scaleY(parseInt(this.getAttr(y,"cy")||"0")),zIndex:k++,opacity:1})}}}return{id:`slide-${n}`,elements:N}}};import{useEffect as Ue,useState as Ee}from"react";import{ChevronLeft as Gt,ChevronRight as Kt,X as qt}from"lucide-react";import{jsx as W,jsxs as ue}from"react/jsx-runtime";var Oe=({presentation:w,initialSlideIndex:r,onClose:n})=>{let[p,C]=Ee(r),v=w.slides[p],N=()=>{p>0&&C(p-1)},k=()=>{p<w.slides.length-1&&C(p+1)};Ue(()=>{let A=h=>{h.key==="ArrowRight"||h.key===" "||h.key==="PageDown"?k():h.key==="ArrowLeft"||h.key==="Backspace"||h.key==="PageUp"?N():h.key==="Escape"&&n()};return window.addEventListener("keydown",A),()=>window.removeEventListener("keydown",A)},[p]);let[M,a]=Ee(1);return Ue(()=>{let A=()=>{let d=window.innerWidth-40,L=window.innerHeight-40,o=1200,b=675,l=d/o,y=L/b,g=Math.min(l,y);a(g)};return A(),window.addEventListener("resize",A),()=>window.removeEventListener("resize",A)},[]),ue("div",{className:"fixed inset-0 z-[99999] bg-[#0A0A0A] flex flex-col items-center justify-center overflow-hidden",children:[ue("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:[ue("div",{className:"text-white/80 font-bold ml-4 pointer-events-auto",children:["Slide ",p+1," of ",w.slides.length]}),W("button",{onClick:n,className:"p-3 bg-white/10 hover:bg-white/20 text-white rounded-full transition-all pointer-events-auto",children:W(qt,{size:24})})]}),W("div",{className:"w-full h-full flex items-center justify-center",children:W("div",{className:"relative shadow-2xl shadow-black/80 bg-white",style:{width:"1200px",height:"675px",transform:`scale(${M})`,transformOrigin:"center center"},children:W(pe,{slide:v,onElementUpdate:()=>{},onSelect:()=>{},uiScale:.75})})}),ue("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:[W("button",{disabled:p===0,onClick:N,className:"p-2 text-white/50 hover:text-white disabled:opacity-20 transition-colors",children:W(Gt,{size:32})}),W("div",{className:"h-6 w-[1px] bg-white/10"}),W("button",{disabled:p===w.slides.length-1,onClick:k,className:"p-2 text-white/50 hover:text-white disabled:opacity-20 transition-colors",children:W(Kt,{size:32})})]})]})};import{GoogleGenerativeAI as Jt}from"@google/generative-ai";import{jsx as B,jsxs as Y}from"react/jsx-runtime";var Kr=({initialPresentation:w,url:r,appName:n="SlideCanvas",onChange:p,geminiApiKey:C,width:v,height:N,appBgColor:k="#B7472A",showHomeOnEmpty:M=!1,initialSource:a,onSourceChange:A,proxyUrl:h})=>{let[d,L]=U(w||{slides:[{id:"slide-1",elements:[]}],layout:{width:12192e3,height:6858e3}}),[o,b]=U([]),[l,y]=U([]),[g,t]=U(0),[i,m]=U(null),[H,P]=U(!1),[j,D]=U(null),[re,ae]=U(!1),[oe,q]=U(a||(r?"url":null)),[E,O]=U(M&&!w&&!r&&!a),[X,J]=U("");Se(()=>{r&&le(r)},[r]);let[ve,T]=U(!1),[Q,fe]=U(null),S=Xe(()=>{let s=typeof v=="number"?v:parseInt(String(v));return isNaN(s)?1:Math.min(Math.max(s/1600,.7),1)},[v]),F=d.slides[g],se=Xe(()=>F.elements.find(s=>s.id===i)||null,[F,i]),ie=me(s=>{b(c=>[...c.slice(-19),d]),y([]),L(s),p==null||p(s)},[p,d]),Ce=()=>{if(o.length===0)return;let s=o[o.length-1];y(c=>[...c,d]),b(c=>c.slice(0,-1)),L(s)},be=()=>{if(l.length===0)return;let s=l[l.length-1];b(c=>[...c,d]),y(c=>c.slice(0,-1)),L(s)},K=me(s=>{L(c=>{let u=[...c.slides];u[g]=x(x({},u[g]),s);let I=z(x({},c),{slides:u});return b(V=>[...V.slice(-19),c]),y([]),p==null||p(I),I})},[g,p]),we=me((s,c)=>{L(u=>{let I=u.slides[g],V=I.elements.map(ne=>ne.id===s?x(x({},ne),c):ne),_=[...u.slides];_[g]=z(x({},I),{elements:V});let ce=z(x({},u),{slides:_});return p==null||p(ce),ce})},[g,p]),We=s=>{if(!i)return;if(F.elements.find(u=>u.id===i)){we(i,s);let u=d.slides[g],I=u.elements.map(_=>_.id===i?x(x({},_),s):_),V=[...d.slides];V[g]=z(x({},u),{elements:I}),ie(z(x({},d),{slides:V}))}},xe=me(()=>{if(!i)return;let c=d.slides[g].elements.filter(u=>u.id!==i);K({elements:c}),m(null)},[i,g,d,K]),Ye=()=>{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:F.elements.length};K({elements:[...F.elements,s]})},_e=s=>{let c=URL.createObjectURL(s),u=`img-${Date.now()}`,I={id:u,type:"image",src:c,x:100,y:100,width:400,height:250,zIndex:F.elements.length};K({elements:[...F.elements,I]}),m(u)},Ge=s=>{let c={id:`shape-${Date.now()}`,type:"shape",shapeType:s,fill:"#3b82f6",x:200,y:200,width:200,height:200,zIndex:F.elements.length};K({elements:[...F.elements,c]})},Ke=()=>{let s={id:`slide-${Date.now()}`,elements:[]};ie(z(x({},d),{slides:[...d.slides,s]})),t(d.slides.length)},qe=s=>{if(d.slides.length<=1)return;let c=d.slides.filter((u,I)=>I!==s);ie(z(x({},d),{slides:c})),s<=g&&t(Math.max(0,g-1))},Je=s=>{let c=d.slides[s],u=z(x({},c),{id:`slide-${Date.now()}`,elements:c.elements.map(V=>z(x({},V),{id:`${V.type}-${Date.now()}-${Math.random().toString(36).substr(2,9)}`}))}),I=[...d.slides];I.splice(s+1,0,u),ie(z(x({},d),{slides:I})),t(s+1)},Qe=(s,c)=>{if(s===c)return;let u=[...d.slides],[I]=u.splice(s,1);u.splice(c,0,I),ie(z(x({},d),{slides:u})),g===s?t(c):g>s&&g<=c?t(g-1):g<s&&g>=c&&t(g+1)},et=s=>{let c=[],u=Date.now();s==="title"?c=[{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}]:s==="content"?c=[{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
|
|
5
5
|
\u2022 Press Enter for new line
|
|
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"&&(
|
|
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"&&(c=[{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}]),K({elements:c})},Ae=async(s,c)=>{let I=d.slides[g].elements.find(V=>V.id===s);if(!(!I||I.type!=="text")){T(!0),D(null),fe({id:s,action:c});try{if(!C){D("Gemini API key is missing. Please provide it via the 'geminiApiKey' prop."),T(!1);return}let _=new Jt(C).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).
|
|
7
7
|
|
|
8
8
|
CRITICAL RULES:
|
|
9
9
|
1. Return ONLY the transformed text.
|
|
@@ -11,9 +11,9 @@ CRITICAL RULES:
|
|
|
11
11
|
3. Do NOT use markdown formatting (like bolding or headers) unless specifically needed for bullet points.
|
|
12
12
|
4. If the input text is a title/headline, the output should be a professional title/headline.
|
|
13
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').
|
|
14
|
-
6. Maintain the professional tone of the original presentation.`}),
|
|
15
|
-
Text Role: ${
|
|
16
|
-
Original Text: "${
|
|
14
|
+
6. Maintain the professional tone of the original presentation.`}),ce=I.fontSize>32?"Title/Headline":"Body Text/List",ne=`Action: ${c.toUpperCase()}
|
|
15
|
+
Text Role: ${ce}
|
|
16
|
+
Original Text: "${I.content}"
|
|
17
17
|
|
|
18
|
-
Transformed Text:`,
|
|
18
|
+
Transformed Text:`,it=await(await _.generateContent(ne)).response;D(it.text().trim())}catch(V){console.error("Gemini AI Error:",V),D("Error generating response. Please check your API key or connection.")}finally{T(!1)}}},tt=s=>{if(!j||!Q)return;if(s==="regenerate"){Ae(Q.id,Q.action);return}let c=d.slides[g],u=c.elements.find(I=>I.id===Q.id);if(!(!u||u.type!=="text")){if(s==="replace")we(Q.id,{content:j});else if(s==="addBelow"){let I=z(x({},u),{id:`text-ai-${Date.now()}`,content:j,y:u.y+u.height+20,zIndex:c.elements.length});K({elements:[...c.elements,I]})}D(null),fe(null)}},rt=async()=>{await new ge().export(d)},at=()=>{P(!0);let s=document.documentElement;s.requestFullscreen&&s.requestFullscreen()},ot=()=>{P(!1),document.fullscreenElement&&document.exitFullscreen()};Se(()=>{let s=()=>{document.fullscreenElement||P(!1)};return document.addEventListener("fullscreenchange",s),()=>document.removeEventListener("fullscreenchange",s)},[]),Se(()=>{let s=c=>{if(c.key==="Delete"||c.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;xe()}(c.ctrlKey||c.metaKey)&&(c.key==="z"&&(c.preventDefault(),c.shiftKey?be():Ce()),c.key==="y"&&(c.preventDefault(),be()))};return window.addEventListener("keydown",s),()=>window.removeEventListener("keydown",s)},[xe,Ce,be]);let ye=(s,c)=>{q(s),A==null||A(s,c)},ze=()=>{L({slides:[{id:`slide-${Date.now()}`,elements:[]}],layout:{width:12192e3,height:6858e3}}),t(0),m(null),ye("scratch")},le=async s=>{ae(!0);try{let c=new he,u=s;if(typeof s=="string"){let V=s.trim();u=h?`${h}${h.includes("?")?"&":"?"}url=${encodeURIComponent(V)}`:V,ye("url",V)}else ye("uploaded");let I=await c.parse(u);L(I),b([]),y([]),t(0),m(null)}catch(c){console.error("Failed to load PPTX",c),alert("Failed to load presentation. Please ensure it is a valid .pptx.")}finally{ae(!1)}};return!v||!N?B("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."}):Y("div",{className:"flex flex-col bg-white relative",style:{width:typeof v=="number"?`${v}px`:v,height:typeof N=="number"?`${N}px`:N,fontSize:`${16*S}px`},children:[E&&B("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:Y("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:[Y("div",{className:"space-y-2",children:[B("h2",{className:"text-4xl font-black tracking-tight text-slate-800",children:n}),B("p",{className:"text-slate-500 font-medium",children:"Create stunning presentations in seconds."})]}),Y("div",{className:"grid grid-cols-2 gap-6",children:[Y("button",{onClick:()=>{ze(),O(!1)},className:"flex flex-col items-center justify-center gap-4 p-10 border-2 border-slate-100 rounded-[2.5rem] hover:border-slate-300 hover:bg-slate-50 transition-all group shadow-sm hover:shadow-md active:scale-[0.98]",children:[B("div",{className:"p-5 bg-slate-100 rounded-2xl group-hover:bg-blue-50 transition-colors",children:B("svg",{className:"w-10 h-10 text-blue-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:B("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2.5,d:"M12 4v16m8-8H4"})})}),B("span",{className:"text-sm font-black uppercase tracking-[0.15em] text-slate-600 group-hover:text-slate-900 transition-colors",children:"Start New Deck"})]}),Y("label",{className:"flex flex-col items-center justify-center gap-4 p-10 border-2 border-slate-100 rounded-[2.5rem] hover:border-slate-300 hover:bg-slate-50 transition-all group shadow-sm hover:shadow-md active:scale-[0.98] cursor-pointer",children:[B("div",{className:"p-5 bg-slate-100 rounded-2xl group-hover:bg-emerald-50 transition-colors",children:B("svg",{className:"w-10 h-10 text-emerald-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:B("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2.5,d:"M4 16v1a2 2 0 002 2h12a2 2 0 002-2v-1m-4-8l-4-4m0 0L8 8m4-4v12"})})}),B("span",{className:"text-sm font-black uppercase tracking-[0.15em] text-slate-600 group-hover:text-slate-900 transition-colors",children:"Upload PPTX"}),B("input",{type:"file",accept:".pptx",className:"hidden",onChange:s=>{var u;let c=(u=s.target.files)==null?void 0:u[0];c&&(le(c),O(!1))}})]})]}),Y("div",{className:"space-y-4 pt-8 border-t border-slate-100",children:[Y("div",{className:"flex gap-3 items-stretch",children:[B("div",{className:"flex-1 relative group",children:B("input",{type:"text",placeholder:"Paste presentation URL...",value:X,onChange:s=>J(s.target.value),className:"text-black w-full bg-slate-50 border border-slate-200 rounded-2xl pl-12 pr-5 py-4 focus:outline-none focus:border-slate-400 focus:ring-4 focus:ring-slate-400/5 text-base transition-all h-full"})}),B("button",{onClick:()=>{X.trim()&&(le(X.trim()),O(!1))},disabled:!X.trim()||re,style:{cursor:"pointer"},className:"bg-slate-900 hover:bg-black disabled:bg-slate-100 disabled:text-slate-400 text-white font-black px-10 rounded-2xl transition-all shadow-sm text-sm shrink-0 whitespace-nowrap h-full min-h-[56px] flex items-center justify-center uppercase tracking-widest",children:re?Y("svg",{className:"animate-spin h-5 w-5 text-white",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[B("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),B("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}):"Load"})]}),B("p",{className:"text-[10px] text-slate-400 font-bold uppercase tracking-[0.2em]",children:"Supports S3, public links, and versioned assets"})]})]})}),H&&B(Oe,{presentation:d,initialSlideIndex:g,onClose:ot}),B(De,{onAddText:Ye,onAddImage:_e,onAddShape:Ge,onAddSlide:Ke,onExport:rt,onFormatText:We,onDeleteElement:xe,onApplyLayout:et,onPlay:at,onAiAction:Ae,onAiResponseAction:tt,onNewPresentation:ze,onLoadPresentation:le,aiResponse:j,isAiLoading:ve,selectedElement:se,appName:n,appBgColor:k,uiScale:S,source:oe}),Y("div",{className:"flex flex-1 overflow-hidden",children:[B(je,{slides:d.slides,currentSlideIndex:g,onSelectSlide:t,onDeleteSlide:qe,onDuplicateSlide:Je,onReorderSlides:Qe,uiScale:S,appBgColor:k}),B("div",{className:"flex-1 flex items-center justify-center p-12 overflow-auto bg-white",children:B(pe,{slide:F,onElementUpdate:we,onSelect:m,uiScale:S})})]})]})};export{Kr as PptEditor,ge as PptxExporter,he as PptxParser};
|
|
19
19
|
//# sourceMappingURL=index.mjs.map
|