https://dopost.co/_next/static/chunks/8401.6d066917a6b486a9.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8401],{688:(e,t,a)=>{a.d(t,{s:()=>i});var l=a(7778);function i(e){let{className:t,color:a}=e,i=a||"#A1A1AA",s="#000000"===i.toLowerCase()?{className:"fill-black dark:fill-white"}:{fill:i};return(0,l.jsxs)("svg",{viewBox:"0 0 24 24",className:t,xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("path",{d:"M4 4 C2.89543 4 2 4.89543 2 6 V18 C2 19.1046 2.89543 20 4 20 H20 C21.1046 20 22 19.1046 22 18 V8 C22 6.89543 21.1046 6 20 6 H12 L10.4142 4.41421 C10.0391 4.03914 9.53043 4 9 4 H4 Z",...s}),(0,l.jsx)("path",{d:"M 3.5 8.5 A 1 1 0 0 1 4.5 7.5 H 19.5 A 1 1 0 0 1 20.5 8.5 V 17.5 A 1 1 0 0 1 19.5 18.5 H 4.5 A 1 1 0 0 1 3.5 17.5 Z",...s})]})}a(85418)},9889:(e,t,a)=>{a.d(t,{E:()=>l,m:()=>i});class l{sleep(e){return this.active?new Promise((t,a)=>{let l=setTimeout(()=>{this.waits.delete(l),t()},e);this.waits.set(l,()=>a(new DOMException("Animation cancelled","AbortError")))}):Promise.reject(new DOMException("Animation cancelled","AbortError"))}cancel(){for(let[e,t]of(this.active=!1,this.waits))clearTimeout(e),t();this.waits.clear()}constructor(){this.waits=new Map,this.active=!0}}let i=e=>e instanceof Error&&"AbortError"===e.name},48401:(e,t,a)=>{a.r(t),a.d(t,{GalleryAnimation:()=>j});var l=a(7778),i=a(80192),s=a(9889),r=a(85418),n=a(77937),o=a(85221),c=a(93832),d=a(50330),u=a(70576),p=a(12882),m=a(52766),f=a(91571),h=a(688),x=a(97237),g=a(25065),y=a(94340),w=a(20389);let v={resetDelay:500,buttonClickDuration:300,buttonClickDelay:200,dialogShowDelay:500,thumbnailsDelay:500,thumbnailsShowDelay:500,uploadButtonHideDelay:300,progressSteps:40,progressStepInterval:60,progressCompleteDelay:300,dialogCloseDelay:200,imageUploadInterval:200,imageUploadCompleteDelay:200,galleryDisplayDelay:200,folderCreationDelay:500,imageSelectionInterval:150,imageSelectionClickDelay:150,imageSelectionCompleteDelay:200,dragSteps:30,dragStepInterval:15,dragCompleteDelay:300,finalDelay:500,fadeOutDelay:500,loopDelay:100,sequenceInterval:300};function j(){let{isPaused:e=!1}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(0,w.useTranslations)("HomePage"),a=(0,w.useLocale)(),j=(0,r.useMemo)(()=>(e=>{let t="es"===e?"imagen":"image";return[{id:"1",name:"".concat(t,"-1.jpg"),url:"https://images.unsplash.com/photo-1557804506-669a67965ba0?w=400&h=400&fit=crop",type:"image/jpeg"},{id:"2",name:"".concat(t,"-2.jpg"),url:"https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=400&h=400&fit=crop",type:"image/jpeg"},{id:"3",name:"".concat(t,"-3.jpg"),url:"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400&h=400&fit=crop",type:"image/jpeg"},{id:"4",name:"".concat(t,"-4.jpg"),url:"https://images.unsplash.com/photo-1505142468610-359e7d316be0?w=400&h=400&fit=crop",type:"image/jpeg"},{id:"5",name:"".concat(t,"-5.jpg"),url:"https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=400&h=400&fit=crop",type:"image/jpeg"},{id:"6",name:"".concat(t,"-6.jpg"),url:"https://images.unsplash.com/photo-1501594907352-04cda38ebc29?w=400&h=400&fit=crop",type:"image/jpeg"}]})(a),[a]),[C,b]=(0,r.useState)(!1),[N,S]=(0,r.useState)(!1),[D,k]=(0,r.useState)(!1),[R,z]=(0,r.useState)(0),[A,B]=(0,r.useState)(!1),[M,_]=(0,r.useState)(!1),[F,I]=(0,r.useState)([]),[E,U]=(0,r.useState)(!1),Z=t("featuresShowcase.animations.gallery.newFolder"),[O]=(0,r.useState)("#000000"),[T,H]=(0,r.useState)(new Set),[L,q]=(0,r.useState)(new Set),[G,P]=(0,r.useState)(null),[V,$]=(0,r.useState)(null),[W,K]=(0,r.useState)(!1),[J,Q]=(0,r.useState)(null),[X,Y]=(0,r.useState)(!1),[ee,et]=(0,r.useState)({}),ea=(0,r.useRef)(null),el=(0,r.useRef)(null),ei=(0,r.useRef)(null),es=(0,r.useRef)(null),er=(0,r.useRef)(null),en=(0,r.useRef)({}),eo=(0,r.useRef)(null),ec=(0,r.useRef)(null),ed=(0,r.useRef)(!1),eu=(0,r.useRef)(e);(0,r.useEffect)(()=>{eu.current=e},[e]),(0,r.useEffect)(()=>{if(e)return;let t=new s.E,a=!0,l=async()=>{if(!ed.current&&!eu.current&&a){ed.current=!0;try{if(b(!1),S(!1),k(!1),_(!1),z(0),B(!1),I([]),U(!1),H(new Set),q(new Set),P(null),$(null),et({}),Y(!1),K(!1),Q(null),await t.sleep(v.resetDelay),el.current&&ea.current){let e=el.current.getBoundingClientRect(),t=ea.current.getBoundingClientRect();Q({x:e.left-t.left+e.width/2,y:e.top-t.top+e.height/2}),Y(!0)}if(et({upload:!0}),await t.sleep(v.buttonClickDuration),et({upload:!1}),Y(!1),await t.sleep(v.buttonClickDelay),b(!0),await t.sleep(v.dialogShowDelay),es.current&&ea.current){let e=es.current.getBoundingClientRect(),t=ea.current.getBoundingClientRect();Q({x:e.left-t.left+e.width/2,y:e.top-t.top+e.height/2}),Y(!0)}if(_(!0),await t.sleep(v.buttonClickDuration),_(!1),Y(!1),await t.sleep(v.buttonClickDuration),await t.sleep(v.thumbnailsDelay),S(!0),k(!0),await t.sleep(v.thumbnailsShowDelay),ei.current&&ea.current){let e=ei.current.getBoundingClientRect(),t=ea.current.getBoundingClientRect();Q({x:e.left-t.left+e.width/2,y:e.top-t.top+e.height/2}),Y(!0)}et({dialogUpload:!0}),await t.sleep(v.buttonClickDuration),et({dialogUpload:!1}),Y(!1),await t.sleep(v.buttonClickDelay),k(!1),await t.sleep(v.uploadButtonHideDelay),B(!0),z(0);for(let e=0;e<=v.progressSteps;e++)await t.sleep(v.progressStepInterval),z(e/v.progressSteps*100);await t.sleep(v.progressCompleteDelay),b(!1),await t.sleep(v.dialogCloseDelay),B(!1),z(0),S(!1),k(!1),_(!1),et(e=>{let t={...e};return delete t.dialogUpload,delete t.upload,t}),Q(null),Y(!1);for(let e=0;e<6;e++)await t.sleep(v.imageUploadInterval),I(t=>t.some(t=>t.id===j[e].id)?t:[...t,j[e]]);if(await t.sleep(v.imageUploadCompleteDelay),await t.sleep(v.galleryDisplayDelay),er.current&&ea.current){let e=er.current.getBoundingClientRect(),t=ea.current.getBoundingClientRect();Q({x:e.left-t.left+e.width/2,y:e.top-t.top+e.height/2}),Y(!0)}et({createFolder:!0}),await t.sleep(v.buttonClickDuration),et({createFolder:!1}),Y(!1),await t.sleep(v.buttonClickDelay),U(!0),await t.sleep(v.folderCreationDelay);let e=["1","2","3"];for(let a=0;a<e.length;a++){let l=e[a];if(await t.sleep(v.imageSelectionInterval),en.current[l]&&ea.current){let e=en.current[l].getBoundingClientRect(),t=ea.current.getBoundingClientRect();Q({x:e.left-t.left+20,y:e.top-t.top+20}),Y(!0)}await t.sleep(v.imageSelectionClickDelay),Y(!1),q(e=>new Set([...e,l])),await t.sleep(v.imageSelectionClickDelay)}await t.sleep(v.imageSelectionCompleteDelay);let a=e[0];if(en.current[a]&&ea.current){let e=en.current[a].getBoundingClientRect(),t=ea.current.getBoundingClientRect();Q({x:e.left-t.left+e.width/2,y:e.top-t.top+e.height/2}),Y(!0)}if(await t.sleep(v.buttonClickDelay),Y(!1),P(a),eo.current&&en.current[a]&&ea.current){let e=en.current[a].getBoundingClientRect(),l=eo.

1current.getBoundingClientRect(),i=ea.current.getBoundingClientRect(),s=e.left-i.left+e.width/2,r=e.top-i.top+e.height/2,n=l.left-i.left+l.width/2,o=l.top-i.top+l.height/2;for(let e=0;e<=v.dragSteps;e++){await t.sleep(v.dragStepInterval);let a=e/v.dragSteps,l=1-Math.pow(1-a,3);$({x:s+(n-s)*l,y:r+(o-r)*l})}}P(null),$(null),H(t=>new Set([...t,...e])),q(new Set),await t.sleep(v.dragCompleteDelay),await t.sleep(v.finalDelay),K(!0),await t.sleep(v.fadeOutDelay),await t.sleep(v.loopDelay),b(!1),S(!1),k(!1),_(!1),z(0),B(!1),I([]),U(!1),H(new Set),q(new Set),P(null),$(null),et({}),Y(!1),K(!1),Q(null),await t.sleep(v.resetDelay),t.active&&(ed.current=!1)}catch(e){(0,s.m)(e)||console.error("Animation error:",e),t.active&&(ed.current=!1)}}},i=()=>{ed.current||l()};i();let r=setInterval(i,v.sequenceInterval);return()=>{t.cancel(),a=!1,ec.current&&(clearTimeout(ec.current),ec.current=null),r&&clearInterval(r),ed.current=!1}},[e,j]);let ep=(0,r.useMemo)(()=>{let e=new Set;return F.filter(t=>!(T.has(t.id)||e.has(t.id))&&(e.add(t.id),!0))},[F,T]),em=G?j.find(e=>e.id===G):null,ef=Array.from(L).filter(e=>e!==G).map(e=>j.find(t=>t.id===e)).filter(Boolean);return(0,l.jsx)(n.F,{features:i.M,children:(0,l.jsxs)(o.m.div,{"data-landing-demo-paused":e,ref:ea,className:"relative w-full h-[530px] bg-background rounded-xl border border-border overflow-hidden flex flex-col",children:[(0,l.jsx)(c.N,{children:X&&J&&(0,l.jsx)(o.m.div,{initial:{opacity:0,scale:0},animate:{opacity:.6,scale:1},exit:{opacity:0,scale:0},transition:{duration:.2},className:"absolute z-50 pointer-events-none",style:{left:J.x,top:J.y,transform:"translate(-50%, -50%)"},children:(0,l.jsx)("div",{className:"w-8 h-8 rounded-full bg-primary/30 border-2 border-primary/50"})})}),(0,l.jsx)("div",{className:"relative z-30 px-4 py-3 bg-background/90 dark:bg-background/95 backdrop-blur-sm rounded-xl",children:(0,l.jsxs)("div",{className:"flex items-center justify-between",children:[(0,l.jsx)("h3",{className:"text-sm font-semibold",children:t("featuresShowcase.animations.gallery.mediaGallery")}),(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)(o.m.div,{animate:{scale:ee.createFolder?[1,.95,1]:1},transition:{duration:.2},children:(0,l.jsxs)(d.$,{ref:er,size:"sm",variant:"outline",className:"h-8",onClick:()=>{},children:[(0,l.jsx)(p.A,{className:"h-4 w-4 mr-1.5"}),(0,l.jsx)("span",{className:"hidden sm:inline",children:t("featuresShowcase.animations.gallery.newFolder")}),(0,l.jsx)("span",{className:"sm:hidden",children:t("featuresShowcase.animations.gallery.folder")})]})}),(0,l.jsx)(o.m.div,{animate:{scale:ee.upload?[1,.95,1]:1},transition:{duration:.2},children:(0,l.jsxs)(d.$,{ref:el,size:"sm",variant:"default",className:"h-8",onClick:()=>{},children:[(0,l.jsx)(m.A,{className:"h-4 w-4 mr-1.5"}),t("featuresShowcase.animations.gallery.upload")]})})]})]})}),(0,l.jsx)(c.N,{children:C&&(0,l.jsx)(o.m.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"absolute inset-0 z-40 flex items-center justify-center bg-background/50 backdrop-blur-sm rounded-xl",children:(0,l.jsx)(u.Zp,{ref:es,className:(0,g.cn)("w-full max-w-md mx-4 p-6 h-[400px]",M&&"ring-2 ring-primary/30 scale-[0.98]"),children:(0,l.jsxs)("div",{className:"flex flex-col gap-6 h-full relative",children:[(0,l.jsxs)("div",{className:"text-center flex-shrink-0",children:[(0,l.jsx)("h3",{className:"text-xl font-semibold mb-2",children:t("featuresShowcase.animations.gallery.uploadFilesTitle")}),(0,l.jsx)("p",{className:"text-sm text-muted-foreground",children:t(N?"featuresShowcase.animations.gallery.filesSelected":"featuresShowcase.animations.gallery.selectFilesToUpload")})]}),(0,l.jsxs)("div",{className:"flex-1 flex flex-col min-h-0 relative",children:[!N&&(0,l.jsx)("div",{className:"absolute inset-0 flex flex-col items-center justify-center gap-4",children:(0,l.jsxs)("div",{className:"rounded-full flex items-center justify-center gap-8",children:[(0,l.jsx)(m.A,{className:"h-10 w-10 text-muted-foreground"}),(0,l.jsx)(f.KZi,{className:"h-10 w-10 text-[#0061FE]"}),(0,l.jsxs)("svg",{viewBox:"0 0 64 64",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"h-10 w-10",children:[(0,l.jsx)("path",{d:"M32 64C49.6731 64 64 49.6731 64 32C64 14.3269 49.6731 0 32 0C14.3269 0 0 14.3269 0 32C0 49.6731 14.3269 64 32 64Z",fill:"#7D2AE7"}),(0,l.jsx)("path",{d:"M32 64C49.6731 64 64 49.6731 64 32C64 14.3269 49.6731 0 32 0C14.3269 0 0 14.3269 0 32C0 49.6731 14.3269 64 32 64Z",fill:"url(#canva_paint0_radial)"}),(0,l.jsx)("path",{d:"M32 64C49.6731 64 64 49.6731 64 32C64 14.3269 49.6731 0 32 0C14.3269 0 0 14.3269 0 32C0 49.6731 14.3269 64 32 64Z",fill:"url(#canva_paint1_radial)"}),(0,l.jsx)("path",{d:"M32 64C49.6731 64 64 49.6731 64 32C64 14.3269 49.6731 0 32 0C14.3269 0 0 14.3269 0 32C0 49.6731 14.3269 64 32 64Z",fill:"url(#canva_paint2_radial)"}),(0,l.jsx)("path",{d:"M32 64C49.6731 64 64 49.6731 64 32C64 14.3269 49.6731 0 32 0C14.3269 0 0 14.3269 0 32C0 49.6731 14.3269 64 32 64Z",fill:"url(#canva_paint3_radial)"}),(0,l.jsx)("path",{d:"M45.8152 38.5644C45.5511 38.5644 45.3187 38.7874 45.0769 39.2745C42.3458 44.8125 37.6286 48.731 32.17 48.731C25.8582 48.731 21.9495 43.0333 21.9495 35.1619C21.9495 21.8286 29.3785 14.1195 35.9037 14.1195C38.9527 14.1195 40.8148 16.0357 40.8148 19.0849C40.8148 22.7039 38.7587 24.62 38.7587 25.8964C38.7587 26.4693 39.1151 26.8162 39.8218 26.8162C42.661 26.8162 45.9934 23.5538 45.9934 18.9449C45.9934 14.476 42.1039 11.1912 35.5789 11.1912C24.7951 11.1912 15.2113 21.1888 15.2113 35.0218C15.2113 45.7294 21.3257 52.8051 30.7599 52.8051C40.7734 52.8051 46.5634 42.8423 46.5634 39.6086C46.5634 38.8925 46.1972 38.5644 45.8152 38.5644Z",fill:"white"}),(0,l.jsxs)("defs",{children:[(0,l.jsxs)("radialGradient",{id:"canva_paint0_radial",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(12.3621 56.7242) rotate(-49.4156) scale(49.4986)",children:[(0,l.jsx)("stop",{stopColor:"#6420FF"}),(0,l.jsx)("stop",{offset:"1",stopColor:"#6420FF",stopOpacity:"0"})]}),(0,l.jsxs)("radialGradient",{id:"canva_paint1_radial",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(16.9432 7.27579) rotate(54.7035) scale(55.8188)",children:[(0,l.jsx)("stop",{stopColor:"#00C4CC"}),(0,l.jsx)("stop",{offset:"1",stopColor:"#00C4CC",stopOpacity:"0"})]}),(0,l.jsxs)("radialGradient",{id:"canva_paint2_radial",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(12.3621 56.7242) rotate(-45.1954) scale(48.8994 22.4895)",children:[(0,l.jsx)("stop",{stopColor:"#6420FF"}),(0,l.jsx)("stop",{offset:"1",stopColor:"#6420FF",stopOpacity:"0"})]}),(0,l.jsxs)("radialGradient",{id:"canva_paint3_radial",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(26.1726 8.62316) rotate(66.5198) scale(50.3869 84.4093)",children:[(0,l.jsx)("stop",{stopColor:"#00C4CC",stopOpacity:"0.725916"}),(0,l.jsx)("stop",{offset:"0.0001",stopColor:"#00C4CC"}),(0,l.jsx)("stop",{offset:"1",stopColor:"#00C4CC",stopOpacity:"0"})]})]})]})]})}),N&&(0,l.jsxs)(o.m.div,{initial:{opacity:0}

1,animate:{opacity:1},transition:{duration:.4},className:"relative h-full",children:[(0,l.jsx)("div",{className:"grid grid-cols-3 gap-2 overflow-y-auto items-start justify-items-center h-full pb-[56px]",children:j.map((e,t)=>(0,l.jsx)(o.m.div,{initial:{opacity:0,scale:.8,zIndex:j.length-t},animate:{opacity:1,scale:1},transition:{duration:.3,delay:.1*t,ease:"easeOut"},className:"relative aspect-square rounded overflow-hidden bg-muted w-full max-w-[80px]",style:{zIndex:j.length-t},children:(0,l.jsx)(y.default,{src:e.url,alt:e.name,fill:!0,className:"object-cover",sizes:"80px",loading:"lazy"})},e.id))}),(0,l.jsx)("div",{className:"absolute bottom-0 left-0 right-0 flex justify-center h-[40px]",children:(0,l.jsx)(c.N,{children:D&&(0,l.jsx)(o.m.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3},className:"flex justify-center",children:(0,l.jsxs)(d.$,{ref:ei,size:"default",variant:"default",className:(0,g.cn)("brand-gradient-outline",ee.dialogUpload&&"scale-95"),onClick:()=>{},children:[(0,l.jsx)(m.A,{className:"h-4 w-4 mr-2"}),t("featuresShowcase.animations.gallery.upload")]})})})})]})]}),(0,l.jsx)("div",{className:"absolute bottom-0 left-0 right-0 p-6 pt-0",children:C&&(A||R>0)&&(0,l.jsxs)(o.m.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.3},className:"space-y-2",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between text-xs text-muted-foreground",children:[(0,l.jsx)("span",{children:t("featuresShowcase.animations.gallery.uploading")}),(0,l.jsxs)("span",{children:[Math.round(R),"%"]})]}),(0,l.jsx)("div",{className:"w-full h-2 bg-muted rounded-full overflow-hidden",children:(0,l.jsx)(o.m.div,{className:"h-full bg-primary",initial:{width:0},animate:{width:"".concat(R,"%")},transition:{duration:.1}})})]})})]})})})}),(0,l.jsx)(o.m.div,{className:"flex-1 overflow-y-auto p-4",animate:{opacity:+!W},transition:{duration:.5},children:(0,l.jsxs)("div",{className:"grid grid-cols-3 md:grid-cols-4 gap-3",children:[E&&(0,l.jsx)(o.m.div,{ref:eo,initial:{opacity:0,scale:.9},animate:{opacity:1,scale:G?1.05:1},transition:{duration:.3},className:(0,g.cn)("relative"),children:(0,l.jsx)(u.Zp,{className:(0,g.cn)("group relative px-2 pt-2 pb-1.5 overflow-visible transition-all duration-300 border border-border flex flex-col cursor-pointer",G&&"ring-2 ring-primary/30 bg-accent/30",!G&&"hover:ring-2 hover:ring-primary/20 hover:bg-accent/50"),onMouseEnter:()=>{},onMouseLeave:()=>{},children:(0,l.jsxs)("div",{className:"flex flex-col overflow-visible flex-1",children:[(0,l.jsx)("div",{className:"relative aspect-square w-full flex items-center justify-center rounded-sm mb-1 flex-shrink-0",children:(0,l.jsx)("div",{className:"flex items-center justify-center w-16 h-16",children:(0,l.jsx)(h.s,{className:"w-full h-full",color:O})})}),(0,l.jsx)("p",{className:"font-medium truncate text-center text-xs leading-none",children:Z})]})})}),ep.map(e=>{let t=L.has(e.id),a=G&&L.has(e.id);return(0,l.jsx)(o.m.div,{ref:t=>{t&&(en.current[e.id]=t)},initial:{opacity:0,scale:.9},animate:{opacity:a?.3:1,scale:1},transition:{duration:.3},children:(0,l.jsxs)(u.Zp,{className:(0,g.cn)("group relative px-2 pt-2 pb-1.5 overflow-visible transition-all duration-300 border border-border flex flex-col",t?"ring-2 ring-primary bg-accent":"",!a&&!t&&"hover:ring-2 hover:ring-primary/20 hover:bg-accent/50"),onMouseEnter:()=>{},onMouseLeave:()=>{},children:[(0,l.jsx)("div",{className:"absolute z-20 checkbox-container flex items-center justify-center top-[7px] left-2 cursor-default",style:{opacity:+!!t,transition:"opacity 150ms ease-out",pointerEvents:t?"auto":"none",willChange:"opacity",contain:"layout style paint",minWidth:"20px",minHeight:"20px"},onClick:e=>e.stopPropagation(),children:(0,l.jsx)(x.S,{checked:t,"aria-label":"Select ".concat(e.name),tabIndex:-1,onCheckedChange:()=>{},className:"cursor-pointer bg-white shrink-0"})}),(0,l.jsxs)("div",{className:"flex flex-col overflow-visible flex-1",children:[(0,l.jsx)("div",{className:"relative aspect-square w-full rounded-sm overflow-hidden bg-muted mb-1 flex-shrink-0",children:(0,l.jsx)(y.default,{src:e.url,alt:e.name,fill:!0,className:"object-cover",sizes:"(max-width: 768px) 33vw, 25vw",loading:"lazy"})}),(0,l.jsx)("p",{className:"font-medium truncate text-center text-xs leading-none",children:e.name})]})]})},e.id)})]})}),(0,l.jsx)(c.N,{children:G&&em&&V&&(0,l.jsxs)(o.m.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:.2},className:"absolute z-50 pointer-events-none",style:{left:V.x,top:V.y,transform:"translate(-50%, -50%)",width:"160px",height:"160px"},children:[(0,l.jsx)("div",{className:"relative w-full h-full",style:{zIndex:10,opacity:.8},children:(0,l.jsx)(u.Zp,{className:"min-h-[120px] p-1.5 pt-1.5 shadow-lg border border-border",children:(0,l.jsx)("div",{className:"aspect-square w-full overflow-hidden rounded-sm relative bg-muted",children:(0,l.jsx)(y.default,{src:em.url,alt:em.name,fill:!0,className:"object-cover",sizes:"120px",loading:"lazy"})})})}),ef.length>0&&(0,l.jsx)(l.Fragment,{children:ef.map((e,t)=>(0,l.jsx)("div",{className:"absolute w-16 h-16 rounded-sm border bg-card shadow-md pointer-events-none overflow-hidden",style:{top:"0px",right:"".concat(8*t,"px"),opacity:.8,zIndex:11+t},children:(0,l.jsx)("div",{className:"aspect-square w-full h-full overflow-hidden rounded-sm relative bg-muted",children:(0,l.jsx)(y.default,{src:e.url,alt:e.name,fill:!0,className:"object-cover",sizes:"64px",loading:"lazy"})})},e.id))}),L.size>1&&(0,l.jsx)("div",{className:"absolute bg-primary text-primary-foreground rounded-full text-xs font-semibold shadow-lg border-2 border-primary-foreground flex items-center justify-center pointer-events-none",style:{to

1p:"-8px",right:"-8px",width:"28px",height:"28px",zIndex:50},children:L.size})]})})]})})}},70576:(e,t,a)=>{a.d(t,{BT:()=>c,Wu:()=>d,ZB:()=>o,Zp:()=>r,aR:()=>n,wL:()=>u});var l=a(7778),i=a(85418),s=a(25065);let r=i.forwardRef((e,t)=>{let{className:a,...i}=e;return(0,l.jsx)("div",{ref:t,className:(0,s.cn)("rounded-lg border bg-card text-card-foreground shadow-sm",a),...i})});r.displayName="Card";let n=i.forwardRef((e,t)=>{let{className:a,...i}=e;return(0,l.jsx)("div",{ref:t,className:(0,s.cn)("flex flex-col space-y-1.5 p-6",a),...i})});n.displayName="CardHeader";let o=i.forwardRef((e,t)=>{let{className:a,...i}=e;return(0,l.jsx)("h3",{ref:t,className:(0,s.cn)("text-2xl font-semibold leading-none tracking-tight",a),...i})});o.displayName="CardTitle";let c=i.forwardRef((e,t)=>{let{className:a,...i}=e;return(0,l.jsx)("p",{ref:t,className:(0,s.cn)("text-sm text-muted-foreground",a),...i})});c.displayName="CardDescription";let d=i.forwardRef((e,t)=>{let{className:a,...i}=e;return(0,l.jsx)("div",{ref:t,className:(0,s.cn)("p-6 pt-0",a),...i})});d.displayName="CardContent";let u=i.forwardRef((e,t)=>{let{className:a,...i}=e;return(0,l.jsx)("div",{ref:t,className:(0,s.cn)("flex items-center p-6 pt-0",a),...i})});u.displayName="CardFooter"},97237:(e,t,a)=>{a.d(t,{S:()=>o});var l=a(7778),i=a(85418),s=a(34304),r=a(18545),n=a(25065);let o=i.forwardRef((e,t)=>{let{className:a,...i}=e;return(0,l.jsx)(s.bL,{ref:t,className:(0,n.cn)("peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",a),...i,children:(0,l.jsx)(s.C1,{className:(0,n.cn)("flex items-center justify-center text-current"),children:(0,l.jsx)(r.A,{className:"h-4 w-4"})})})});o.displayName=s.bL.displayName}}]);