@devstgo/stgo-salta-components-react 0.1.4 → 0.1.5
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.
|
@@ -11444,7 +11444,7 @@ function wu({ item: e, onClose: t }) {
|
|
|
11444
11444
|
i < Q && r((z) => Math.min(Q, z + H));
|
|
11445
11445
|
}, M = () => {
|
|
11446
11446
|
j((z) => z === 0 ? 0.3 : z === 0.3 ? 0.6 : z === 0.6 ? 0.9 : 0);
|
|
11447
|
-
}, T = (z) => !!z?.trim(), A = (z) => z
|
|
11447
|
+
}, T = (z) => !!z?.trim(), A = (z) => z?.endsWith(".webm") || z?.endsWith(".mp4"), ee = (z) => {
|
|
11448
11448
|
T(z) && (m(z.trim()), h(!0));
|
|
11449
11449
|
}, ne = () => {
|
|
11450
11450
|
const z = F.current;
|
|
@@ -15,7 +15,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
15
15
|
${t?"bg-slate-900/70 border-cyan-400/40 shadow-[0_25px_80px_-12px_rgba(34,211,238,0.35)]":"border-slate-400/20 hover:border-cyan-400/40 hover:shadow-[0_20px_60px_-15px_rgba(34,211,238,0.3)]"}
|
|
16
16
|
${t?"max-h-[calc(100vh-18rem)] md:max-h-[calc(100vh-20rem)] overflow-hidden":""}
|
|
17
17
|
transition-all duration-300 ease-out
|
|
18
|
-
`,whileHover:t?{}:{scale:1.015,y:-3},transition:ob,children:[a.jsxs("div",{className:"flex items-center justify-center mb-5 relative",children:[e.tagUrl?a.jsx("a",{href:e.tagUrl,target:"_blank",rel:"noopener noreferrer",className:`px-3 py-1 text-xs font-semibold rounded-full border hover:scale-105 transition-transform ${e.tagColor||"bg-cyan-500/20 text-cyan-300 border-cyan-400/30"}`,onClick:C=>C.stopPropagation(),children:e.tag}):a.jsx("span",{className:`px-3 py-1 text-xs font-semibold rounded-full border ${e.tagColor||"bg-cyan-500/20 text-cyan-300 border-cyan-400/30"}`,children:e.tag}),t&&a.jsx(S.button,{initial:{scale:0},animate:{scale:1},className:"absolute right-0 p-1 rounded-full bg-slate-800/80 hover:bg-slate-700/80 border border-cyan-400/30 hover:border-cyan-400/60 transition-colors",onClick:C=>{C.stopPropagation(),r()},children:a.jsx(F.X,{className:"w-4 h-4 text-cyan-300"})})]}),a.jsx("h3",{className:`text-2xl font-bold mb-3 transition-colors duration-300 ${t?"text-cyan-300":"text-white"}`,children:a.jsxs("span",{className:"relative inline-block",children:[e.title,a.jsx(S.span,{className:"absolute bottom-0 left-0 h-0.5 bg-linear-to-r from-cyan-400 to-teal-400",initial:{width:0},animate:{width:t?"100%":0},transition:{duration:.5,ease:[.22,1,.36,1],delay:t?.2:0}})]})}),a.jsx(S.p,{className:`text-base text-slate-300 leading-relaxed ${t?"shrink-0":"grow"}`,animate:{opacity:t?.9:1,marginBottom:t?"1.5rem":"1rem"},children:e.description}),a.jsx(Ne,{mode:"wait",children:t&&a.jsxs(S.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},exit:{opacity:0,y:8},transition:{duration:.25,ease:[.4,0,.2,1]},className:"flex-1 min-h-0 overflow-y-auto overflow-x-hidden pr-1",children:[e.images&&e.images.length>0&&a.jsx(S.div,{className:"mt-6 pt-6 border-t border-cyan-400/30",initial:{opacity:0},animate:{opacity:1},transition:{delay:.1,duration:.3},children:e.images.length>6?a.jsxs("div",{className:"relative",children:[h&&a.jsx("button",{onClick:C=>{C.stopPropagation(),M("left")},className:"absolute left-0 top-1/2 -translate-y-1/2 z-10 w-12 h-12 bg-slate-900/80 hover:bg-slate-900/95 backdrop-blur-sm border border-cyan-400/30 hover:border-cyan-400/60 rounded-full flex items-center justify-center text-cyan-400 hover:text-cyan-300 transition-all shadow-lg","aria-label":"Anterior",children:a.jsx(F.ChevronLeft,{className:"w-6 h-6"})}),a.jsx("div",{ref:f,className:"flex gap-4 overflow-x-auto scrollbar-hide",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:e.images.map((C,w)=>a.jsxs(S.div,{className:"relative aspect-video rounded-lg overflow-hidden border border-cyan-400/20 hover:border-cyan-400/40 transition-colors cursor-pointer group/image shrink-0 w-64",initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{delay:.15+Math.min(w,6)*.05,duration:.3},onClick:I=>{I.stopPropagation(),v(w)},whileHover:{scale:1.05},children:[a.jsx("img",{src:C.url||C,alt:C.alt||`Imagen ${w+1}`,className:"w-full h-full object-cover"}),a.jsx("div",{className:"absolute inset-0 bg-black/0 group-hover/image:bg-black/20 transition-colors flex items-center justify-center",children:a.jsx("span",{className:"opacity-0 group-hover/image:opacity-100 text-white text-sm font-medium transition-opacity",children:"Ver imagen"})})]},`${e.id}-img-${C.url||w}`))}),p&&a.jsx("button",{onClick:C=>{C.stopPropagation(),M("right")},className:"absolute right-0 top-1/2 -translate-y-1/2 z-10 w-12 h-12 bg-slate-900/80 hover:bg-slate-900/95 backdrop-blur-sm border border-cyan-400/30 hover:border-cyan-400/60 rounded-full flex items-center justify-center text-cyan-400 hover:text-cyan-300 transition-all shadow-lg","aria-label":"Siguiente",children:a.jsx(F.ChevronRight,{className:"w-6 h-6"})})]}):a.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 gap-4",children:e.images.map((C,w)=>a.jsxs(S.div,{className:"relative aspect-video rounded-lg overflow-hidden border border-cyan-400/20 hover:border-cyan-400/40 transition-colors cursor-pointer group/image",initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{delay:.15+w*.05,duration:.3},onClick:I=>{I.stopPropagation(),v(w)},whileHover:{scale:1.05},children:[a.jsx("img",{src:C.url||C,alt:C.alt||`Imagen ${w+1}`,className:"w-full h-full object-cover"}),a.jsx("div",{className:"absolute inset-0 bg-black/0 group-hover/image:bg-black/20 transition-colors flex items-center justify-center",children:a.jsx("span",{className:"opacity-0 group-hover/image:opacity-100 text-white text-sm font-medium transition-opacity",children:"Ver imagen"})})]},`${e.id}-img-${C.url||w}`))})}),e.keyPoints&&e.keyPoints.length>0&&a.jsxs(S.div,{className:"mt-6 pt-6 border-t border-cyan-400/30",initial:{opacity:0},animate:{opacity:1},transition:{delay:.15,duration:.3},children:[a.jsxs("h4",{className:"text-lg font-bold text-cyan-300 mb-4 flex items-center gap-2",children:[a.jsx(F.Check,{className:"w-5 h-5"}),"Puntos Clave"]}),a.jsx("ul",{className:"space-y-3",children:e.keyPoints.map((C,w)=>a.jsxs(S.li,{className:"flex items-start gap-3 text-slate-200",initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{delay:.2+w*.05,duration:.25},children:[a.jsx("span",{className:"mt-1.5 w-2 h-2 rounded-full bg-cyan-400 shrink-0"}),a.jsx("span",{children:C})]},`${e.id}-kp-${w}-${C.slice(0,20)}`))})]}),o&&a.jsx(S.div,{className:"mt-6 pt-6 border-t border-cyan-400/30",initial:{opacity:0},animate:{opacity:1},transition:{delay:.15,duration:.3},children:o})]})})]})}),typeof document<"u"&&vo.createPortal(a.jsx(Ne,{children:u!==null&&e.images&&a.jsxs(S.div,{className:"absolute inset-0 z-12000 flex items-center justify-center bg-black",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:x,children:[a.jsx(S.button,{className:"absolute top-4 right-4 p-2 rounded-full bg-slate-800/80 hover:bg-slate-700/80 border border-cyan-400/30 hover:border-cyan-400/60 transition-colors z-10",onClick:C=>{C.stopPropagation(),x()},initial:{scale:0},animate:{scale:1},transition:{delay:.2},children:a.jsx(F.X,{className:"w-6 h-6 text-cyan-300"})}),e.images.length>1&&a.jsxs(a.Fragment,{children:[a.jsx(S.button,{className:"absolute left-4 p-3 rounded-full bg-slate-800/80 hover:bg-slate-700/80 border border-cyan-400/30 hover:border-cyan-400/60 transition-colors z-10",onClick:C=>{C.stopPropagation(),N()},initial:{x:-20,opacity:0},animate:{x:0,opacity:1},transition:{delay:.3},children:a.jsx(F.ChevronLeft,{className:"w-6 h-6 text-cyan-300"})}),a.jsx(S.button,{className:"absolute right-4 p-3 rounded-full bg-slate-800/80 hover:bg-slate-700/80 border border-cyan-400/30 hover:border-cyan-400/60 transition-colors z-10",onClick:C=>{C.stopPropagation(),E()},initial:{x:20,opacity:0},animate:{x:0,opacity:1},transition:{delay:.3},children:a.jsx(F.ChevronRight,{className:"w-6 h-6 text-cyan-300"})})]}),a.jsxs(S.div,{className:"relative w-screen h-screen p-6 md:p-10",initial:{scale:.8,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.8,opacity:0},transition:{type:"spring",stiffness:300,damping:30},onClick:C=>C.stopPropagation(),children:[a.jsx("div",{className:"w-full h-full overflow-hidden flex items-center justify-center",children:a.jsx("img",{src:e.images[u].url||e.images[u],alt:e.images[u].alt||`Imagen ${u+1}`,className:"w-full h-full object-contain"})}),e.images[u].alt&&a.jsx(S.div,{className:"absolute bottom-0 left-0 right-0 bg-linear-to-t from-black/80 to-transparent p-6 rounded-b-lg",initial:{y:20,opacity:0},animate:{y:0,opacity:1},transition:{delay:.4},children:a.jsx("p",{className:"text-white text-center text-lg font-medium",children:e.images[u].alt})}),e.images.length>1&&a.jsx(S.div,{className:"absolute top-4 left-1/2 -translate-x-1/2 px-4 py-2 bg-slate-800/80 rounded-full border border-cyan-400/30",initial:{y:-20,opacity:0},animate:{y:0,opacity:1},transition:{delay:.4},children:a.jsxs("span",{className:"text-cyan-300 text-sm font-medium",children:[u+1," / ",e.images.length]})})]})]})}),document.body)]})}function ab(e){return e&&rs[e]||F.Layers}function lb(e,t,n,s){return{id:`tab-${n}-card-${s}`,title:e.title,description:e.subtitle,icon:ab(t),tag:e.tagName||"Info",tagColor:e.tagName?"bg-cyan-500/20 text-cyan-300 border-cyan-400/30":void 0,tagUrl:e.tagUrl,keyPoints:e.features.map(i=>i.text??i.description??"").filter(Boolean),images:e?.images?.map(i=>i.url),width:e.width}}function cb(e){return e.some(n=>n.width==="third")?"grid-cols-1 md:grid-cols-3":"grid-cols-1 md:grid-cols-2"}function pu({tab:e,tabIndex:t=0,expandedCardId:n,setExpandedCardId:s}){const i=u=>{s(n===u?null:u)},r=()=>{s(null)};if(!e?.cards||e.cards.length===0)return a.jsx(S.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},className:"flex items-center justify-center py-20",children:a.jsx("div",{className:"text-slate-400 text-lg",children:"No hay contenido disponible para esta vista"})});const o=e.cards.map((u,d)=>lb(u,e.icon,t,d)),l=n?o.find(u=>u.id===n):void 0,c=`grid ${cb(e.cards)} gap-4 items-start`;return a.jsx(S.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.4,ease:[.4,0,.2,1]},className:"space-y-6",children:a.jsx(Ne,{mode:"wait",initial:!1,children:l?a.jsx(S.div,{initial:{opacity:0,y:14,scale:.995},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:-10,scale:.995,transition:{duration:.16,ease:[.4,0,1,1]}},transition:{duration:.34,ease:[.22,1,.36,1]},children:a.jsx(ao,{card:l,delay:0,isExpanded:!0,isOtherExpanded:!1,collapsedUniformHeight:!1,onToggle:()=>i(l.id),onClose:r,gridSpan:!0},l.id)},`expanded-${l.id}`):a.jsx(S.div,{className:c,initial:{opacity:0,y:10,scale:.998},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:-8,scale:.998,transition:{duration:.14,ease:[.4,0,1,1]}},transition:{duration:.26,ease:[.22,1,.36,1]},children:o.map((u,d)=>a.jsx(ao,{card:u,delay:d,isExpanded:!1,isOtherExpanded:!1,collapsedUniformHeight:!0,onToggle:()=>i(u.id),onClose:r,gridSpan:!0},u.id))},"collapsed-grid")})})}function gu({item:e,onClose:t}){const[n,s]=b.useState(0),[i,r]=b.useState(0),[o,l]=b.useState(!1),[c,u]=b.useState(""),[d,f]=b.useState(!1),[h,m]=b.useState(""),[p,y]=b.useState(!1),[v,x]=b.useState(!1),[N,E]=b.useState(),[j,M]=b.useState(.3),[k,C]=b.useState(null),[w,I]=b.useState(null),$=b.useRef(null),[z,J]=b.useState(!1),[R,se]=b.useState(!1),K=6,te=Math.max(0,e?.items.length-K),V=e?.items[n]?.cards??[];b.useEffect(()=>{const W=document.body.style.overflow,me=document.documentElement.style.overflow;return document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden",()=>{document.body.style.overflow=W,document.documentElement.style.overflow=me}},[]);const P=()=>{i>0&&r(W=>Math.max(0,W-K))},_=()=>{i<te&&r(W=>Math.min(te,W+K))},A=()=>{M(W=>W===0?.3:W===.3?.6:W===.6?.9:0)},T=W=>!!W?.trim(),O=W=>W.endsWith(".webm")||W.endsWith(".mp4"),ne=W=>{T(W)&&(m(W.trim()),f(!0))},ie=()=>{const W=$.current;if(!W)return;const{scrollLeft:me,scrollWidth:ve,clientWidth:Le}=W;J(me>0),se(me<ve-Le-10)},re=W=>{const me=$.current;if(!me)return;const ve=300;me.scrollBy({left:W==="left"?-ve:ve,behavior:"smooth"})},ae=e?.items[n]?.tab||[];b.useEffect(()=>{ie();const W=$.current;if(W)return W.addEventListener("scroll",ie),window.addEventListener("resize",ie),()=>{W.removeEventListener("scroll",ie),window.removeEventListener("resize",ie)}},[ae]),b.useEffect(()=>{M(.3);const W=globalThis.setTimeout(()=>{M(.9)},1e4);return()=>globalThis.clearTimeout(W)},[n]);const le=W=>W&&rs[W]||F.Layers,be=W=>{if(!(W<0||W>=ae.length))return ae[W]},ce=k!=null;return a.jsxs(a.Fragment,{children:[a.jsxs(S.div,{className:"fixed inset-0 z-[10000] bg-black",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.5},children:[e.items[n].videoBackgroundMedia&&a.jsx(S.video,{autoPlay:!0,loop:!0,muted:!0,playsInline:!0,className:"fixed inset-0 w-full h-full object-cover z-[101]",initial:{opacity:0,scale:1.1},animate:{opacity:1,scale:1},transition:{duration:.8},poster:e.items[n].backgroundMedia?.url??"",children:a.jsx("source",{src:e.items[n].videoBackgroundMedia.url,type:"video/webm"})},e.items[n].videoBackgroundMedia.documentId),a.jsx(S.div,{className:"fixed inset-0 bg-black z-[102]",initial:{opacity:0},animate:{opacity:j},transition:{duration:.5,ease:"easeInOut"}}),a.jsx("div",{className:"relative z-[105] h-full overflow-y-auto overflow-x-hidden scrollbar-hide overscroll-contain",children:a.jsxs("div",{className:"min-h-screen flex flex-col items-center justify-center px-8 pb-64",children:[a.jsxs("div",{className:"relative w-full flex justify-center mb-8 mt-24 md:mt-28",children:[z&&a.jsx(S.button,{onClick:W=>{W.stopPropagation(),re("left")},className:"absolute left-4 top-1/2 -translate-y-1/2 z-20 w-10 h-10 bg-slate-900/80 hover:bg-slate-900/95 backdrop-blur-sm border border-cyan-400/30 hover:border-cyan-400/60 rounded-full flex items-center justify-center text-cyan-400 hover:text-cyan-300 transition-all shadow-lg",initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},whileHover:{scale:1.1},whileTap:{scale:.9},children:a.jsx(F.ChevronLeft,{className:"w-5 h-5"})}),a.jsxs(S.div,{ref:$,className:"flex items-center justify-center gap-3 overflow-x-auto scrollbar-hide max-w-full px-2 py-2",initial:{opacity:0,y:-30,scale:.9},animate:{opacity:1,y:0,scale:1},transition:{delay:.3,duration:.7,ease:[.22,1,.36,1]},children:[a.jsx("div",{className:"w-11 h-11 shrink-0","aria-hidden":"true"}),ae.map((W,me)=>{const ve=le(W.icon),Le=k===me;return a.jsxs(S.button,{onClick:()=>{C(me),I(null)},className:`relative px-6 py-3 rounded-full font-medium text-sm transition-all duration-300 flex items-center gap-2 shrink-0 ${Le?"bg-gradient-to-r from-cyan-500 to-blue-600 text-white border border-cyan-400":"bg-slate-800/60 text-cyan-400 border border-slate-600/50 hover:text-white hover:border-cyan-400/60"}`,whileHover:{scale:1.05},whileTap:{scale:.95},children:[a.jsx(ve,{className:"w-4 h-4"}),W.name,Le&&a.jsx(S.div,{layoutId:"activeTab",className:"absolute inset-0 bg-cyan-400/20 rounded-full -z-10",transition:{type:"spring",stiffness:300,damping:30}})]},`${W.name}-${me}`)}),a.jsx("div",{className:"w-11 h-11 shrink-0 flex items-center justify-center",children:a.jsx(S.button,{onClick:()=>{k!==null&&(C(null),I(null))},className:"relative p-3 rounded-full bg-slate-800/60 hover:bg-slate-700/80 text-cyan-300 hover:text-cyan-200 border border-slate-600/50 hover:border-cyan-400/60 transition-all duration-300 shadow-lg hover:shadow-cyan-500/30 disabled:pointer-events-none",initial:!1,animate:{opacity:ce?1:0,scale:ce?1:.75,x:ce?0:-6},transition:{type:"spring",stiffness:300,damping:25},whileHover:ce?{scale:1.1,rotate:90}:{},whileTap:ce?{scale:.9}:{},disabled:!ce,"aria-hidden":!ce,tabIndex:ce?0:-1,children:a.jsx(F.X,{className:"w-5 h-5"})})})]}),R&&a.jsx(S.button,{onClick:W=>{W.stopPropagation(),re("right")},className:"absolute right-4 top-1/2 -translate-y-1/2 z-20 w-10 h-10 bg-slate-900/80 hover:bg-slate-900/95 backdrop-blur-sm border border-cyan-400/30 hover:border-cyan-400/60 rounded-full flex items-center justify-center text-cyan-400 hover:text-cyan-300 transition-all shadow-lg",initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},whileHover:{scale:1.1},whileTap:{scale:.9},children:a.jsx(F.ChevronRight,{className:"w-5 h-5"})})]}),a.jsxs(S.div,{layout:!0,className:"text-center max-w-6xl w-full",initial:{opacity:0},animate:{opacity:1},transition:{duration:.6,ease:[.22,1,.36,1]},style:{willChange:"transform, opacity",backfaceVisibility:"hidden",WebkitFontSmoothing:"antialiased",transform:"translateZ(0)"},children:[a.jsxs(S.div,{layout:"position",initial:{opacity:0,y:40},animate:{opacity:1,y:0},transition:{delay:.6,duration:1,ease:[.22,1,.36,1]},style:{backfaceVisibility:"hidden",WebkitFontSmoothing:"antialiased"},children:[a.jsx(S.h1,{className:"text-6xl sm:text-7xl md:text-8xl font-bold mb-6 leading-tight uppercase font-tomorrow text-cyan-300 line-clamp-2",style:{letterSpacing:"3px",backfaceVisibility:"hidden",WebkitFontSmoothing:"antialiased",transform:"translateZ(0)"},initial:{opacity:0,y:30,scale:.95},animate:{opacity:1,y:0,scale:1},transition:{delay:.8,duration:.6,ease:[.22,1,.36,1]},children:e.items[n].title},e.items[n].title),a.jsx(Ne,{mode:"popLayout",initial:!1,children:k===null&&a.jsx(S.p,{layout:"position",className:"text-sm sm:text-base text-white/90 uppercase tracking-tighter font-medium md:text-base text-center px-[100px] mt-[-5px] shadow-none",style:{textShadow:"0 2px 10px rgba(0, 0, 0, 0.8)",fontFamily:"system-ui, -apple-system, sans-serif",letterSpacing:"0.2em",backfaceVisibility:"hidden",WebkitFontSmoothing:"antialiased",transform:"translateZ(0)"},initial:{opacity:0,y:12,filter:"blur(4px)"},animate:{opacity:1,y:0,filter:"blur(0px)"},exit:{opacity:0,y:-8,filter:"blur(3px)"},transition:{duration:.28,ease:[.22,1,.36,1]},children:e.items[n].subtitle},`subtitle-${n}`)}),a.jsxs(S.div,{layout:"position",className:"flex items-center justify-center gap-4 mt-8",initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:1.3,duration:.6,ease:[.22,1,.36,1],layout:{type:"spring",stiffness:210,damping:28}},children:[T(e.items[n]?.playMedia?.url)&&a.jsx(S.button,{onClick:()=>{u(e.items[n].playMedia.url.trim()),l(!0)},className:"inline-flex items-center gap-2 px-6 py-3 bg-slate-800/80 hover:bg-slate-700/80 text-cyan-300 font-medium text-sm rounded-full transition-all duration-300 shadow-lg hover:shadow-cyan-500/25 border border-cyan-400/30 hover:border-cyan-400/60",whileHover:{scale:1.05},whileTap:{scale:.95},initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{delay:1.4+0*.1,duration:.4},children:a.jsx(F.Play,{className:"w-5 h-5"})},"play-icon"),(e.items[n]?.links?.length??0)>0&&e.items[n]?.links?.map(W=>a.jsx(Un,{item:W,onClick:()=>{O(W.url)?(u(W.url.trim()),l(!0)):ne(W.url)}})),(V?.length??0)>0&&a.jsx(S.button,{onClick:()=>y(!0),className:"inline-flex items-center gap-2 px-6 py-3 bg-slate-800/80 hover:bg-slate-700/80 text-cyan-300 font-medium text-sm rounded-full transition-all duration-300 shadow-lg hover:shadow-cyan-500/25 border border-cyan-400/30 hover:border-cyan-400/60",whileHover:{scale:1.05},whileTap:{scale:.95},initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{delay:1.6,duration:.4},children:a.jsx(F.Grid2x2,{className:"w-5 h-5"})},"cards-icon"),(e.items[n]?.ppts?.length??0)>0&&e.items[n].ppts.map((W,me)=>{const ve=W.image.map(Fe=>Fe.url),Le={icon:W.icon??"Presentation",text:W.name,transparent:!1,url:""};return a.jsx(Un,{item:Le,onClick:()=>{E(ve),x(!0)}},`ppt-${W.name}-${me}`)}),a.jsxs(S.button,{onClick:A,className:"inline-flex items-center gap-2 px-6 py-3 bg-slate-800/80 hover:bg-slate-700/80 text-slate-400 font-medium text-sm rounded-full transition-all duration-300 shadow-lg hover:shadow-slate-500/25 border border-slate-400/30 hover:border-slate-400/60",whileHover:{scale:1.05},whileTap:{scale:.95},initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{delay:1.4+1*.1,duration:.4},children:[a.jsx(F.Layers,{className:"w-5 h-5"}),a.jsxs("span",{className:"text-xs",children:[j===0&&"0%",j===.3&&"30%",j===.6&&"60%",j===.9&&"90%"]})]})]},`buttons-${n}`)]}),a.jsx(Ne,{mode:"popLayout",initial:!1,children:k!==null&&typeof k=="number"&&a.jsx(S.div,{layout:"position",className:`w-full transition-[margin] duration-300 ${w?"mt-20 md:mt-24":"mt-16"}`,style:{perspective:"2000px"},initial:{opacity:0,y:16},animate:{opacity:1,y:0},exit:{opacity:0,y:-12},transition:{duration:.3,ease:[.22,1,.36,1],layout:{type:"spring",stiffness:200,damping:30}},children:a.jsx(pu,{tab:be(k),tabIndex:k,expandedCardId:w,setExpandedCardId:I})},`tab-${k}-view`)})]})]})}),a.jsxs(S.button,{onClick:()=>{t(),s(0),r(0)},className:"fixed top-8 left-1/2 -translate-x-1/2 z-[110] px-6 py-3 bg-slate-800/90 hover:bg-slate-700/90 text-cyan-300 rounded-full transition-all duration-300 border-2 border-cyan-400/50 hover:border-cyan-400/80 shadow-lg hover:shadow-cyan-500/50 font-medium flex items-center gap-2",initial:{opacity:0,y:-50,scale:.8},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:-50,scale:.8},transition:{delay:.3,duration:.4,ease:[.34,1.56,.64,1]},whileHover:{scale:1.05,boxShadow:"0 0 30px rgba(34, 211, 238, 0.6)"},whileTap:{scale:.95},children:[a.jsx(F.X,{className:"w-5 h-5"}),a.jsx("span",{children:"Cerrar"})]}),e.items.length>1&&a.jsx(S.div,{className:"fixed bottom-0 left-0 right-0 z-[110] py-8",initial:{y:200,opacity:0},animate:{y:0,opacity:1},exit:{y:200,opacity:0},transition:{delay:.5,duration:.6,ease:[.34,1.56,.64,1]},children:a.jsx("div",{className:"max-w-7xl mx-auto px-6",children:a.jsxs("div",{className:"flex items-center justify-center gap-6",children:[a.jsx(S.button,{onClick:P,disabled:i===0,className:"p-3 bg-slate-800/80 hover:bg-slate-700/80 text-cyan-300 rounded-full transition-all duration-300 border-2 border-cyan-400/30 hover:border-cyan-400/60 shadow-lg hover:shadow-cyan-500/50 disabled:opacity-30 disabled:cursor-not-allowed",whileHover:{scale:1.1,x:-3},whileTap:{scale:.9},initial:{opacity:0,x:-50},animate:{opacity:1,x:0},transition:{delay:.7,duration:.4},children:a.jsx(F.ChevronLeft,{className:"w-6 h-6"})}),a.jsx("div",{className:"flex-1 max-w-7xl overflow-hidden",children:a.jsx(S.div,{className:"flex gap-4",animate:{x:`calc(-${i*(100/K)}% - ${i/K*16}px)`},transition:{type:"spring",stiffness:300,damping:30,mass:.8},children:e.items.map((W,me)=>{const ve=n===me;return a.jsxs(S.div,{onClick:()=>{s(me),C(null),I(null),y(!1),M(.3)},className:`relative flex-shrink-0 h-32 cursor-pointer rounded-xl overflow-hidden transition-all duration-300 ${ve?"shadow-2xl shadow-cyan-500/50":"shadow-lg hover:shadow-cyan-400/30"}`,style:{width:"calc(16.666% - 13.33px)"},whileHover:{scale:1.05,y:-5},whileTap:{scale:.98},initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{delay:.6+me*.03,duration:.3},children:[a.jsx("img",{src:W?.thumbMedia?.url||"/placeholder.svg",alt:W.title,className:"w-full h-full object-cover"}),a.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 via-30% to-transparent"}),a.jsx("div",{className:"absolute bottom-0 left-0 right-0 p-3",children:a.jsx("h3",{className:"text-white font-semibold text-sm text-center drop-shadow-lg",children:W.title})}),ve&&a.jsx(S.div,{className:"absolute top-2 right-2 w-8 h-8 bg-cyan-400 rounded-full flex items-center justify-center shadow-lg",initial:{scale:0,rotate:-180},animate:{scale:1,rotate:0},transition:{type:"spring",stiffness:200,damping:15},children:a.jsx(F.Check,{className:"w-5 h-5 text-slate-900 stroke-[3]"})}),ve&&a.jsx(S.div,{className:"absolute inset-0 border-4 border-cyan-400 rounded-xl pointer-events-none",animate:{opacity:[.5,0,.5],scale:[1,1.05,1]},transition:{duration:2,repeat:Number.POSITIVE_INFINITY,ease:"easeInOut"}})]},W.title)})})}),a.jsx(S.button,{onClick:_,disabled:i>=te,className:"p-3 bg-slate-800/80 hover:bg-slate-700/80 text-cyan-300 rounded-full transition-all duration-300 border-2 border-cyan-400/30 hover:border-cyan-400/60 shadow-lg hover:shadow-cyan-500/50 disabled:opacity-30 disabled:cursor-not-allowed",whileHover:{scale:1.1,x:3},whileTap:{scale:.9},initial:{opacity:0,x:50},animate:{opacity:1,x:0},transition:{delay:.7,duration:.4},children:a.jsx(F.ChevronRight,{className:"w-6 h-6"})})]})})})]}),o&&a.jsx(mu,{source:c,onClose:()=>l(!1)}),d&&a.jsx(Ht,{src:h,onClose:()=>{f(!1),m("")}}),p&&(V?.length??0)>0&&a.jsx(vc,{cards:V,onClose:()=>y(!1)}),v&&a.jsx(ib,{images:N,onClose:()=>x(!1)})]})}function ub({showLinkModal:e,setShowLinkModal:t,modalUrl:n}){const s=()=>{t(!1)};return a.jsx(Ne,{children:e&&a.jsx(Ht,{onClose:s,src:n})})}function db({isOpen:e,onClose:t,type:n,itemName:s}){if(!e)return null;const i=n==="inner"?"Esta propuesta de valor todavía no está asociada a una familia o producto tractor":"Este desarrollo tecnológico todavía no está asociado a una familia o producto tractor";return a.jsx("div",{className:"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-50 w-full max-w-md overflow-y-auto rounded-xl",style:{background:"rgba(13, 25, 48, 0.9)",backdropFilter:"blur(10px)",border:"1px solid rgba(59, 130, 246, 0.3)",boxShadow:"0 0 30px rgba(0, 120, 255, 0.4)",animation:"fadeIn 0.3s ease-out",fontFamily:"'Manrope', sans-serif"},children:a.jsxs("div",{className:"p-6",children:[a.jsxs("div",{className:"flex justify-between items-center mb-6",children:[a.jsx("h2",{className:"text-2xl font-bold text-blue-100",children:s}),a.jsx("button",{onClick:t,className:"p-2 rounded-full bg-blue-900/50 text-blue-300 hover:bg-blue-800 hover:text-blue-100 transition-all",children:a.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:a.jsx("path",{d:"M18 6L6 18M6 6L18 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),a.jsx("div",{className:"grid grid-cols-1 gap-6",children:a.jsx("div",{children:a.jsx("div",{className:"p-4 rounded-lg",style:{background:"rgba(30, 64, 175, 0.3)",border:"1px solid rgba(59, 130, 246, 0.3)",boxShadow:"0 0 15px rgba(0, 120, 255, 0.2)"},children:a.jsxs("div",{className:"flex items-center mb-4",children:[a.jsx("div",{className:"w-16 h-16 rounded-full mr-4 flex items-center justify-center",style:{background:"rgba(30, 64, 175, 0.4)",border:"2px solid rgba(59, 130, 246, 0.5)",boxShadow:"0 0 15px rgba(0, 120, 255, 0.3)"},children:a.jsx("span",{className:"text-xl font-bold text-blue-100",children:n==="inner"?"PV":"DT"})}),a.jsx("div",{className:"text-yellow-300 italic",children:i})]})})})})]})})}const fb=`
|
|
18
|
+
`,whileHover:t?{}:{scale:1.015,y:-3},transition:ob,children:[a.jsxs("div",{className:"flex items-center justify-center mb-5 relative",children:[e.tagUrl?a.jsx("a",{href:e.tagUrl,target:"_blank",rel:"noopener noreferrer",className:`px-3 py-1 text-xs font-semibold rounded-full border hover:scale-105 transition-transform ${e.tagColor||"bg-cyan-500/20 text-cyan-300 border-cyan-400/30"}`,onClick:C=>C.stopPropagation(),children:e.tag}):a.jsx("span",{className:`px-3 py-1 text-xs font-semibold rounded-full border ${e.tagColor||"bg-cyan-500/20 text-cyan-300 border-cyan-400/30"}`,children:e.tag}),t&&a.jsx(S.button,{initial:{scale:0},animate:{scale:1},className:"absolute right-0 p-1 rounded-full bg-slate-800/80 hover:bg-slate-700/80 border border-cyan-400/30 hover:border-cyan-400/60 transition-colors",onClick:C=>{C.stopPropagation(),r()},children:a.jsx(F.X,{className:"w-4 h-4 text-cyan-300"})})]}),a.jsx("h3",{className:`text-2xl font-bold mb-3 transition-colors duration-300 ${t?"text-cyan-300":"text-white"}`,children:a.jsxs("span",{className:"relative inline-block",children:[e.title,a.jsx(S.span,{className:"absolute bottom-0 left-0 h-0.5 bg-linear-to-r from-cyan-400 to-teal-400",initial:{width:0},animate:{width:t?"100%":0},transition:{duration:.5,ease:[.22,1,.36,1],delay:t?.2:0}})]})}),a.jsx(S.p,{className:`text-base text-slate-300 leading-relaxed ${t?"shrink-0":"grow"}`,animate:{opacity:t?.9:1,marginBottom:t?"1.5rem":"1rem"},children:e.description}),a.jsx(Ne,{mode:"wait",children:t&&a.jsxs(S.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},exit:{opacity:0,y:8},transition:{duration:.25,ease:[.4,0,.2,1]},className:"flex-1 min-h-0 overflow-y-auto overflow-x-hidden pr-1",children:[e.images&&e.images.length>0&&a.jsx(S.div,{className:"mt-6 pt-6 border-t border-cyan-400/30",initial:{opacity:0},animate:{opacity:1},transition:{delay:.1,duration:.3},children:e.images.length>6?a.jsxs("div",{className:"relative",children:[h&&a.jsx("button",{onClick:C=>{C.stopPropagation(),M("left")},className:"absolute left-0 top-1/2 -translate-y-1/2 z-10 w-12 h-12 bg-slate-900/80 hover:bg-slate-900/95 backdrop-blur-sm border border-cyan-400/30 hover:border-cyan-400/60 rounded-full flex items-center justify-center text-cyan-400 hover:text-cyan-300 transition-all shadow-lg","aria-label":"Anterior",children:a.jsx(F.ChevronLeft,{className:"w-6 h-6"})}),a.jsx("div",{ref:f,className:"flex gap-4 overflow-x-auto scrollbar-hide",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:e.images.map((C,w)=>a.jsxs(S.div,{className:"relative aspect-video rounded-lg overflow-hidden border border-cyan-400/20 hover:border-cyan-400/40 transition-colors cursor-pointer group/image shrink-0 w-64",initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{delay:.15+Math.min(w,6)*.05,duration:.3},onClick:I=>{I.stopPropagation(),v(w)},whileHover:{scale:1.05},children:[a.jsx("img",{src:C.url||C,alt:C.alt||`Imagen ${w+1}`,className:"w-full h-full object-cover"}),a.jsx("div",{className:"absolute inset-0 bg-black/0 group-hover/image:bg-black/20 transition-colors flex items-center justify-center",children:a.jsx("span",{className:"opacity-0 group-hover/image:opacity-100 text-white text-sm font-medium transition-opacity",children:"Ver imagen"})})]},`${e.id}-img-${C.url||w}`))}),p&&a.jsx("button",{onClick:C=>{C.stopPropagation(),M("right")},className:"absolute right-0 top-1/2 -translate-y-1/2 z-10 w-12 h-12 bg-slate-900/80 hover:bg-slate-900/95 backdrop-blur-sm border border-cyan-400/30 hover:border-cyan-400/60 rounded-full flex items-center justify-center text-cyan-400 hover:text-cyan-300 transition-all shadow-lg","aria-label":"Siguiente",children:a.jsx(F.ChevronRight,{className:"w-6 h-6"})})]}):a.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 gap-4",children:e.images.map((C,w)=>a.jsxs(S.div,{className:"relative aspect-video rounded-lg overflow-hidden border border-cyan-400/20 hover:border-cyan-400/40 transition-colors cursor-pointer group/image",initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{delay:.15+w*.05,duration:.3},onClick:I=>{I.stopPropagation(),v(w)},whileHover:{scale:1.05},children:[a.jsx("img",{src:C.url||C,alt:C.alt||`Imagen ${w+1}`,className:"w-full h-full object-cover"}),a.jsx("div",{className:"absolute inset-0 bg-black/0 group-hover/image:bg-black/20 transition-colors flex items-center justify-center",children:a.jsx("span",{className:"opacity-0 group-hover/image:opacity-100 text-white text-sm font-medium transition-opacity",children:"Ver imagen"})})]},`${e.id}-img-${C.url||w}`))})}),e.keyPoints&&e.keyPoints.length>0&&a.jsxs(S.div,{className:"mt-6 pt-6 border-t border-cyan-400/30",initial:{opacity:0},animate:{opacity:1},transition:{delay:.15,duration:.3},children:[a.jsxs("h4",{className:"text-lg font-bold text-cyan-300 mb-4 flex items-center gap-2",children:[a.jsx(F.Check,{className:"w-5 h-5"}),"Puntos Clave"]}),a.jsx("ul",{className:"space-y-3",children:e.keyPoints.map((C,w)=>a.jsxs(S.li,{className:"flex items-start gap-3 text-slate-200",initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{delay:.2+w*.05,duration:.25},children:[a.jsx("span",{className:"mt-1.5 w-2 h-2 rounded-full bg-cyan-400 shrink-0"}),a.jsx("span",{children:C})]},`${e.id}-kp-${w}-${C.slice(0,20)}`))})]}),o&&a.jsx(S.div,{className:"mt-6 pt-6 border-t border-cyan-400/30",initial:{opacity:0},animate:{opacity:1},transition:{delay:.15,duration:.3},children:o})]})})]})}),typeof document<"u"&&vo.createPortal(a.jsx(Ne,{children:u!==null&&e.images&&a.jsxs(S.div,{className:"absolute inset-0 z-12000 flex items-center justify-center bg-black",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:x,children:[a.jsx(S.button,{className:"absolute top-4 right-4 p-2 rounded-full bg-slate-800/80 hover:bg-slate-700/80 border border-cyan-400/30 hover:border-cyan-400/60 transition-colors z-10",onClick:C=>{C.stopPropagation(),x()},initial:{scale:0},animate:{scale:1},transition:{delay:.2},children:a.jsx(F.X,{className:"w-6 h-6 text-cyan-300"})}),e.images.length>1&&a.jsxs(a.Fragment,{children:[a.jsx(S.button,{className:"absolute left-4 p-3 rounded-full bg-slate-800/80 hover:bg-slate-700/80 border border-cyan-400/30 hover:border-cyan-400/60 transition-colors z-10",onClick:C=>{C.stopPropagation(),N()},initial:{x:-20,opacity:0},animate:{x:0,opacity:1},transition:{delay:.3},children:a.jsx(F.ChevronLeft,{className:"w-6 h-6 text-cyan-300"})}),a.jsx(S.button,{className:"absolute right-4 p-3 rounded-full bg-slate-800/80 hover:bg-slate-700/80 border border-cyan-400/30 hover:border-cyan-400/60 transition-colors z-10",onClick:C=>{C.stopPropagation(),E()},initial:{x:20,opacity:0},animate:{x:0,opacity:1},transition:{delay:.3},children:a.jsx(F.ChevronRight,{className:"w-6 h-6 text-cyan-300"})})]}),a.jsxs(S.div,{className:"relative w-screen h-screen p-6 md:p-10",initial:{scale:.8,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.8,opacity:0},transition:{type:"spring",stiffness:300,damping:30},onClick:C=>C.stopPropagation(),children:[a.jsx("div",{className:"w-full h-full overflow-hidden flex items-center justify-center",children:a.jsx("img",{src:e.images[u].url||e.images[u],alt:e.images[u].alt||`Imagen ${u+1}`,className:"w-full h-full object-contain"})}),e.images[u].alt&&a.jsx(S.div,{className:"absolute bottom-0 left-0 right-0 bg-linear-to-t from-black/80 to-transparent p-6 rounded-b-lg",initial:{y:20,opacity:0},animate:{y:0,opacity:1},transition:{delay:.4},children:a.jsx("p",{className:"text-white text-center text-lg font-medium",children:e.images[u].alt})}),e.images.length>1&&a.jsx(S.div,{className:"absolute top-4 left-1/2 -translate-x-1/2 px-4 py-2 bg-slate-800/80 rounded-full border border-cyan-400/30",initial:{y:-20,opacity:0},animate:{y:0,opacity:1},transition:{delay:.4},children:a.jsxs("span",{className:"text-cyan-300 text-sm font-medium",children:[u+1," / ",e.images.length]})})]})]})}),document.body)]})}function ab(e){return e&&rs[e]||F.Layers}function lb(e,t,n,s){return{id:`tab-${n}-card-${s}`,title:e.title,description:e.subtitle,icon:ab(t),tag:e.tagName||"Info",tagColor:e.tagName?"bg-cyan-500/20 text-cyan-300 border-cyan-400/30":void 0,tagUrl:e.tagUrl,keyPoints:e.features.map(i=>i.text??i.description??"").filter(Boolean),images:e?.images?.map(i=>i.url),width:e.width}}function cb(e){return e.some(n=>n.width==="third")?"grid-cols-1 md:grid-cols-3":"grid-cols-1 md:grid-cols-2"}function pu({tab:e,tabIndex:t=0,expandedCardId:n,setExpandedCardId:s}){const i=u=>{s(n===u?null:u)},r=()=>{s(null)};if(!e?.cards||e.cards.length===0)return a.jsx(S.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},className:"flex items-center justify-center py-20",children:a.jsx("div",{className:"text-slate-400 text-lg",children:"No hay contenido disponible para esta vista"})});const o=e.cards.map((u,d)=>lb(u,e.icon,t,d)),l=n?o.find(u=>u.id===n):void 0,c=`grid ${cb(e.cards)} gap-4 items-start`;return a.jsx(S.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.4,ease:[.4,0,.2,1]},className:"space-y-6",children:a.jsx(Ne,{mode:"wait",initial:!1,children:l?a.jsx(S.div,{initial:{opacity:0,y:14,scale:.995},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:-10,scale:.995,transition:{duration:.16,ease:[.4,0,1,1]}},transition:{duration:.34,ease:[.22,1,.36,1]},children:a.jsx(ao,{card:l,delay:0,isExpanded:!0,isOtherExpanded:!1,collapsedUniformHeight:!1,onToggle:()=>i(l.id),onClose:r,gridSpan:!0},l.id)},`expanded-${l.id}`):a.jsx(S.div,{className:c,initial:{opacity:0,y:10,scale:.998},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:-8,scale:.998,transition:{duration:.14,ease:[.4,0,1,1]}},transition:{duration:.26,ease:[.22,1,.36,1]},children:o.map((u,d)=>a.jsx(ao,{card:u,delay:d,isExpanded:!1,isOtherExpanded:!1,collapsedUniformHeight:!0,onToggle:()=>i(u.id),onClose:r,gridSpan:!0},u.id))},"collapsed-grid")})})}function gu({item:e,onClose:t}){const[n,s]=b.useState(0),[i,r]=b.useState(0),[o,l]=b.useState(!1),[c,u]=b.useState(""),[d,f]=b.useState(!1),[h,m]=b.useState(""),[p,y]=b.useState(!1),[v,x]=b.useState(!1),[N,E]=b.useState(),[j,M]=b.useState(.3),[k,C]=b.useState(null),[w,I]=b.useState(null),$=b.useRef(null),[z,J]=b.useState(!1),[R,se]=b.useState(!1),K=6,te=Math.max(0,e?.items.length-K),V=e?.items[n]?.cards??[];b.useEffect(()=>{const W=document.body.style.overflow,me=document.documentElement.style.overflow;return document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden",()=>{document.body.style.overflow=W,document.documentElement.style.overflow=me}},[]);const P=()=>{i>0&&r(W=>Math.max(0,W-K))},_=()=>{i<te&&r(W=>Math.min(te,W+K))},A=()=>{M(W=>W===0?.3:W===.3?.6:W===.6?.9:0)},T=W=>!!W?.trim(),O=W=>W?.endsWith(".webm")||W?.endsWith(".mp4"),ne=W=>{T(W)&&(m(W.trim()),f(!0))},ie=()=>{const W=$.current;if(!W)return;const{scrollLeft:me,scrollWidth:ve,clientWidth:Le}=W;J(me>0),se(me<ve-Le-10)},re=W=>{const me=$.current;if(!me)return;const ve=300;me.scrollBy({left:W==="left"?-ve:ve,behavior:"smooth"})},ae=e?.items[n]?.tab||[];b.useEffect(()=>{ie();const W=$.current;if(W)return W.addEventListener("scroll",ie),window.addEventListener("resize",ie),()=>{W.removeEventListener("scroll",ie),window.removeEventListener("resize",ie)}},[ae]),b.useEffect(()=>{M(.3);const W=globalThis.setTimeout(()=>{M(.9)},1e4);return()=>globalThis.clearTimeout(W)},[n]);const le=W=>W&&rs[W]||F.Layers,be=W=>{if(!(W<0||W>=ae.length))return ae[W]},ce=k!=null;return a.jsxs(a.Fragment,{children:[a.jsxs(S.div,{className:"fixed inset-0 z-[10000] bg-black",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.5},children:[e.items[n].videoBackgroundMedia&&a.jsx(S.video,{autoPlay:!0,loop:!0,muted:!0,playsInline:!0,className:"fixed inset-0 w-full h-full object-cover z-[101]",initial:{opacity:0,scale:1.1},animate:{opacity:1,scale:1},transition:{duration:.8},poster:e.items[n].backgroundMedia?.url??"",children:a.jsx("source",{src:e.items[n].videoBackgroundMedia.url,type:"video/webm"})},e.items[n].videoBackgroundMedia.documentId),a.jsx(S.div,{className:"fixed inset-0 bg-black z-[102]",initial:{opacity:0},animate:{opacity:j},transition:{duration:.5,ease:"easeInOut"}}),a.jsx("div",{className:"relative z-[105] h-full overflow-y-auto overflow-x-hidden scrollbar-hide overscroll-contain",children:a.jsxs("div",{className:"min-h-screen flex flex-col items-center justify-center px-8 pb-64",children:[a.jsxs("div",{className:"relative w-full flex justify-center mb-8 mt-24 md:mt-28",children:[z&&a.jsx(S.button,{onClick:W=>{W.stopPropagation(),re("left")},className:"absolute left-4 top-1/2 -translate-y-1/2 z-20 w-10 h-10 bg-slate-900/80 hover:bg-slate-900/95 backdrop-blur-sm border border-cyan-400/30 hover:border-cyan-400/60 rounded-full flex items-center justify-center text-cyan-400 hover:text-cyan-300 transition-all shadow-lg",initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},whileHover:{scale:1.1},whileTap:{scale:.9},children:a.jsx(F.ChevronLeft,{className:"w-5 h-5"})}),a.jsxs(S.div,{ref:$,className:"flex items-center justify-center gap-3 overflow-x-auto scrollbar-hide max-w-full px-2 py-2",initial:{opacity:0,y:-30,scale:.9},animate:{opacity:1,y:0,scale:1},transition:{delay:.3,duration:.7,ease:[.22,1,.36,1]},children:[a.jsx("div",{className:"w-11 h-11 shrink-0","aria-hidden":"true"}),ae.map((W,me)=>{const ve=le(W.icon),Le=k===me;return a.jsxs(S.button,{onClick:()=>{C(me),I(null)},className:`relative px-6 py-3 rounded-full font-medium text-sm transition-all duration-300 flex items-center gap-2 shrink-0 ${Le?"bg-gradient-to-r from-cyan-500 to-blue-600 text-white border border-cyan-400":"bg-slate-800/60 text-cyan-400 border border-slate-600/50 hover:text-white hover:border-cyan-400/60"}`,whileHover:{scale:1.05},whileTap:{scale:.95},children:[a.jsx(ve,{className:"w-4 h-4"}),W.name,Le&&a.jsx(S.div,{layoutId:"activeTab",className:"absolute inset-0 bg-cyan-400/20 rounded-full -z-10",transition:{type:"spring",stiffness:300,damping:30}})]},`${W.name}-${me}`)}),a.jsx("div",{className:"w-11 h-11 shrink-0 flex items-center justify-center",children:a.jsx(S.button,{onClick:()=>{k!==null&&(C(null),I(null))},className:"relative p-3 rounded-full bg-slate-800/60 hover:bg-slate-700/80 text-cyan-300 hover:text-cyan-200 border border-slate-600/50 hover:border-cyan-400/60 transition-all duration-300 shadow-lg hover:shadow-cyan-500/30 disabled:pointer-events-none",initial:!1,animate:{opacity:ce?1:0,scale:ce?1:.75,x:ce?0:-6},transition:{type:"spring",stiffness:300,damping:25},whileHover:ce?{scale:1.1,rotate:90}:{},whileTap:ce?{scale:.9}:{},disabled:!ce,"aria-hidden":!ce,tabIndex:ce?0:-1,children:a.jsx(F.X,{className:"w-5 h-5"})})})]}),R&&a.jsx(S.button,{onClick:W=>{W.stopPropagation(),re("right")},className:"absolute right-4 top-1/2 -translate-y-1/2 z-20 w-10 h-10 bg-slate-900/80 hover:bg-slate-900/95 backdrop-blur-sm border border-cyan-400/30 hover:border-cyan-400/60 rounded-full flex items-center justify-center text-cyan-400 hover:text-cyan-300 transition-all shadow-lg",initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},whileHover:{scale:1.1},whileTap:{scale:.9},children:a.jsx(F.ChevronRight,{className:"w-5 h-5"})})]}),a.jsxs(S.div,{layout:!0,className:"text-center max-w-6xl w-full",initial:{opacity:0},animate:{opacity:1},transition:{duration:.6,ease:[.22,1,.36,1]},style:{willChange:"transform, opacity",backfaceVisibility:"hidden",WebkitFontSmoothing:"antialiased",transform:"translateZ(0)"},children:[a.jsxs(S.div,{layout:"position",initial:{opacity:0,y:40},animate:{opacity:1,y:0},transition:{delay:.6,duration:1,ease:[.22,1,.36,1]},style:{backfaceVisibility:"hidden",WebkitFontSmoothing:"antialiased"},children:[a.jsx(S.h1,{className:"text-6xl sm:text-7xl md:text-8xl font-bold mb-6 leading-tight uppercase font-tomorrow text-cyan-300 line-clamp-2",style:{letterSpacing:"3px",backfaceVisibility:"hidden",WebkitFontSmoothing:"antialiased",transform:"translateZ(0)"},initial:{opacity:0,y:30,scale:.95},animate:{opacity:1,y:0,scale:1},transition:{delay:.8,duration:.6,ease:[.22,1,.36,1]},children:e.items[n].title},e.items[n].title),a.jsx(Ne,{mode:"popLayout",initial:!1,children:k===null&&a.jsx(S.p,{layout:"position",className:"text-sm sm:text-base text-white/90 uppercase tracking-tighter font-medium md:text-base text-center px-[100px] mt-[-5px] shadow-none",style:{textShadow:"0 2px 10px rgba(0, 0, 0, 0.8)",fontFamily:"system-ui, -apple-system, sans-serif",letterSpacing:"0.2em",backfaceVisibility:"hidden",WebkitFontSmoothing:"antialiased",transform:"translateZ(0)"},initial:{opacity:0,y:12,filter:"blur(4px)"},animate:{opacity:1,y:0,filter:"blur(0px)"},exit:{opacity:0,y:-8,filter:"blur(3px)"},transition:{duration:.28,ease:[.22,1,.36,1]},children:e.items[n].subtitle},`subtitle-${n}`)}),a.jsxs(S.div,{layout:"position",className:"flex items-center justify-center gap-4 mt-8",initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:1.3,duration:.6,ease:[.22,1,.36,1],layout:{type:"spring",stiffness:210,damping:28}},children:[T(e.items[n]?.playMedia?.url)&&a.jsx(S.button,{onClick:()=>{u(e.items[n].playMedia.url.trim()),l(!0)},className:"inline-flex items-center gap-2 px-6 py-3 bg-slate-800/80 hover:bg-slate-700/80 text-cyan-300 font-medium text-sm rounded-full transition-all duration-300 shadow-lg hover:shadow-cyan-500/25 border border-cyan-400/30 hover:border-cyan-400/60",whileHover:{scale:1.05},whileTap:{scale:.95},initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{delay:1.4+0*.1,duration:.4},children:a.jsx(F.Play,{className:"w-5 h-5"})},"play-icon"),(e.items[n]?.links?.length??0)>0&&e.items[n]?.links?.map(W=>a.jsx(Un,{item:W,onClick:()=>{O(W.url)?(u(W.url.trim()),l(!0)):ne(W.url)}})),(V?.length??0)>0&&a.jsx(S.button,{onClick:()=>y(!0),className:"inline-flex items-center gap-2 px-6 py-3 bg-slate-800/80 hover:bg-slate-700/80 text-cyan-300 font-medium text-sm rounded-full transition-all duration-300 shadow-lg hover:shadow-cyan-500/25 border border-cyan-400/30 hover:border-cyan-400/60",whileHover:{scale:1.05},whileTap:{scale:.95},initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{delay:1.6,duration:.4},children:a.jsx(F.Grid2x2,{className:"w-5 h-5"})},"cards-icon"),(e.items[n]?.ppts?.length??0)>0&&e.items[n].ppts.map((W,me)=>{const ve=W.image.map(Fe=>Fe.url),Le={icon:W.icon??"Presentation",text:W.name,transparent:!1,url:""};return a.jsx(Un,{item:Le,onClick:()=>{E(ve),x(!0)}},`ppt-${W.name}-${me}`)}),a.jsxs(S.button,{onClick:A,className:"inline-flex items-center gap-2 px-6 py-3 bg-slate-800/80 hover:bg-slate-700/80 text-slate-400 font-medium text-sm rounded-full transition-all duration-300 shadow-lg hover:shadow-slate-500/25 border border-slate-400/30 hover:border-slate-400/60",whileHover:{scale:1.05},whileTap:{scale:.95},initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{delay:1.4+1*.1,duration:.4},children:[a.jsx(F.Layers,{className:"w-5 h-5"}),a.jsxs("span",{className:"text-xs",children:[j===0&&"0%",j===.3&&"30%",j===.6&&"60%",j===.9&&"90%"]})]})]},`buttons-${n}`)]}),a.jsx(Ne,{mode:"popLayout",initial:!1,children:k!==null&&typeof k=="number"&&a.jsx(S.div,{layout:"position",className:`w-full transition-[margin] duration-300 ${w?"mt-20 md:mt-24":"mt-16"}`,style:{perspective:"2000px"},initial:{opacity:0,y:16},animate:{opacity:1,y:0},exit:{opacity:0,y:-12},transition:{duration:.3,ease:[.22,1,.36,1],layout:{type:"spring",stiffness:200,damping:30}},children:a.jsx(pu,{tab:be(k),tabIndex:k,expandedCardId:w,setExpandedCardId:I})},`tab-${k}-view`)})]})]})}),a.jsxs(S.button,{onClick:()=>{t(),s(0),r(0)},className:"fixed top-8 left-1/2 -translate-x-1/2 z-[110] px-6 py-3 bg-slate-800/90 hover:bg-slate-700/90 text-cyan-300 rounded-full transition-all duration-300 border-2 border-cyan-400/50 hover:border-cyan-400/80 shadow-lg hover:shadow-cyan-500/50 font-medium flex items-center gap-2",initial:{opacity:0,y:-50,scale:.8},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:-50,scale:.8},transition:{delay:.3,duration:.4,ease:[.34,1.56,.64,1]},whileHover:{scale:1.05,boxShadow:"0 0 30px rgba(34, 211, 238, 0.6)"},whileTap:{scale:.95},children:[a.jsx(F.X,{className:"w-5 h-5"}),a.jsx("span",{children:"Cerrar"})]}),e.items.length>1&&a.jsx(S.div,{className:"fixed bottom-0 left-0 right-0 z-[110] py-8",initial:{y:200,opacity:0},animate:{y:0,opacity:1},exit:{y:200,opacity:0},transition:{delay:.5,duration:.6,ease:[.34,1.56,.64,1]},children:a.jsx("div",{className:"max-w-7xl mx-auto px-6",children:a.jsxs("div",{className:"flex items-center justify-center gap-6",children:[a.jsx(S.button,{onClick:P,disabled:i===0,className:"p-3 bg-slate-800/80 hover:bg-slate-700/80 text-cyan-300 rounded-full transition-all duration-300 border-2 border-cyan-400/30 hover:border-cyan-400/60 shadow-lg hover:shadow-cyan-500/50 disabled:opacity-30 disabled:cursor-not-allowed",whileHover:{scale:1.1,x:-3},whileTap:{scale:.9},initial:{opacity:0,x:-50},animate:{opacity:1,x:0},transition:{delay:.7,duration:.4},children:a.jsx(F.ChevronLeft,{className:"w-6 h-6"})}),a.jsx("div",{className:"flex-1 max-w-7xl overflow-hidden",children:a.jsx(S.div,{className:"flex gap-4",animate:{x:`calc(-${i*(100/K)}% - ${i/K*16}px)`},transition:{type:"spring",stiffness:300,damping:30,mass:.8},children:e.items.map((W,me)=>{const ve=n===me;return a.jsxs(S.div,{onClick:()=>{s(me),C(null),I(null),y(!1),M(.3)},className:`relative flex-shrink-0 h-32 cursor-pointer rounded-xl overflow-hidden transition-all duration-300 ${ve?"shadow-2xl shadow-cyan-500/50":"shadow-lg hover:shadow-cyan-400/30"}`,style:{width:"calc(16.666% - 13.33px)"},whileHover:{scale:1.05,y:-5},whileTap:{scale:.98},initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{delay:.6+me*.03,duration:.3},children:[a.jsx("img",{src:W?.thumbMedia?.url||"/placeholder.svg",alt:W.title,className:"w-full h-full object-cover"}),a.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 via-30% to-transparent"}),a.jsx("div",{className:"absolute bottom-0 left-0 right-0 p-3",children:a.jsx("h3",{className:"text-white font-semibold text-sm text-center drop-shadow-lg",children:W.title})}),ve&&a.jsx(S.div,{className:"absolute top-2 right-2 w-8 h-8 bg-cyan-400 rounded-full flex items-center justify-center shadow-lg",initial:{scale:0,rotate:-180},animate:{scale:1,rotate:0},transition:{type:"spring",stiffness:200,damping:15},children:a.jsx(F.Check,{className:"w-5 h-5 text-slate-900 stroke-[3]"})}),ve&&a.jsx(S.div,{className:"absolute inset-0 border-4 border-cyan-400 rounded-xl pointer-events-none",animate:{opacity:[.5,0,.5],scale:[1,1.05,1]},transition:{duration:2,repeat:Number.POSITIVE_INFINITY,ease:"easeInOut"}})]},W.title)})})}),a.jsx(S.button,{onClick:_,disabled:i>=te,className:"p-3 bg-slate-800/80 hover:bg-slate-700/80 text-cyan-300 rounded-full transition-all duration-300 border-2 border-cyan-400/30 hover:border-cyan-400/60 shadow-lg hover:shadow-cyan-500/50 disabled:opacity-30 disabled:cursor-not-allowed",whileHover:{scale:1.1,x:3},whileTap:{scale:.9},initial:{opacity:0,x:50},animate:{opacity:1,x:0},transition:{delay:.7,duration:.4},children:a.jsx(F.ChevronRight,{className:"w-6 h-6"})})]})})})]}),o&&a.jsx(mu,{source:c,onClose:()=>l(!1)}),d&&a.jsx(Ht,{src:h,onClose:()=>{f(!1),m("")}}),p&&(V?.length??0)>0&&a.jsx(vc,{cards:V,onClose:()=>y(!1)}),v&&a.jsx(ib,{images:N,onClose:()=>x(!1)})]})}function ub({showLinkModal:e,setShowLinkModal:t,modalUrl:n}){const s=()=>{t(!1)};return a.jsx(Ne,{children:e&&a.jsx(Ht,{onClose:s,src:n})})}function db({isOpen:e,onClose:t,type:n,itemName:s}){if(!e)return null;const i=n==="inner"?"Esta propuesta de valor todavía no está asociada a una familia o producto tractor":"Este desarrollo tecnológico todavía no está asociado a una familia o producto tractor";return a.jsx("div",{className:"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-50 w-full max-w-md overflow-y-auto rounded-xl",style:{background:"rgba(13, 25, 48, 0.9)",backdropFilter:"blur(10px)",border:"1px solid rgba(59, 130, 246, 0.3)",boxShadow:"0 0 30px rgba(0, 120, 255, 0.4)",animation:"fadeIn 0.3s ease-out",fontFamily:"'Manrope', sans-serif"},children:a.jsxs("div",{className:"p-6",children:[a.jsxs("div",{className:"flex justify-between items-center mb-6",children:[a.jsx("h2",{className:"text-2xl font-bold text-blue-100",children:s}),a.jsx("button",{onClick:t,className:"p-2 rounded-full bg-blue-900/50 text-blue-300 hover:bg-blue-800 hover:text-blue-100 transition-all",children:a.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:a.jsx("path",{d:"M18 6L6 18M6 6L18 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),a.jsx("div",{className:"grid grid-cols-1 gap-6",children:a.jsx("div",{children:a.jsx("div",{className:"p-4 rounded-lg",style:{background:"rgba(30, 64, 175, 0.3)",border:"1px solid rgba(59, 130, 246, 0.3)",boxShadow:"0 0 15px rgba(0, 120, 255, 0.2)"},children:a.jsxs("div",{className:"flex items-center mb-4",children:[a.jsx("div",{className:"w-16 h-16 rounded-full mr-4 flex items-center justify-center",style:{background:"rgba(30, 64, 175, 0.4)",border:"2px solid rgba(59, 130, 246, 0.5)",boxShadow:"0 0 15px rgba(0, 120, 255, 0.3)"},children:a.jsx("span",{className:"text-xl font-bold text-blue-100",children:n==="inner"?"PV":"DT"})}),a.jsx("div",{className:"text-yellow-300 italic",children:i})]})})})})]})})}const fb=`
|
|
19
19
|
|
|
20
20
|
* {
|
|
21
21
|
font-family: 'Manrope', sans-serif;
|
package/package.json
CHANGED