@sorayasm/vietri-ds 0.2.0 → 0.2.1

package/CHANGELOG.md

@@ -4,6 +4,15 @@ All notable changes to Vietri DS are listed here. The project follows
 [Semantic Versioning](https://semver.org/); while the version is 0.x, a minor
 version may include breaking changes.
 
+## 0.2.1
+
+### Fixed
+
+- `NavBar` content is now limited to the large width (1200 px) by default, so
+  the header lines up with the page content instead of spanning the whole
+  screen. A new `maxWidth` prop (`"lg"` by default, `false` for full width)
+  controls it.
+
 ## 0.2.0
 
 ### Added

package/dist/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@mui/material/Box"),m=require("@mui/material/Stack"),p=require("@mui/material/Typography"),I=require("@mui/material/Button"),k=require("@mui/material/Card"),J=require("@mui/material/CardActionArea"),K=require("@mui/material/CardActions"),B=require("@mui/material/CardContent"),Z=require("@mui/material/CardMedia"),q=require("@mui/material/Chip"),b=require("react"),D=require("@mui/material/IconButton"),x=require("lucide-react"),ee=require("@mui/material/Table"),te=require("@mui/material/TableBody"),W=require("@mui/material/TableCell"),re=require("@mui/material/TableContainer"),ie=require("@mui/material/TableHead"),R=require("@mui/material/TableRow"),ne=require("@mui/material/TableSortLabel"),oe=require("@mui/material/DialogActions"),ae=require("@mui/material/DialogContent"),se=require("@mui/material/DialogContentText"),le=require("@mui/material/DialogTitle"),ce=require("@mui/material/Dialog"),H=require("@mui/material/Drawer"),C=require("@mui/material/Link"),L=require("@mui/material/Container"),de=require("@mui/material/Divider"),w=require("@mui/material/styles"),P=require("@mui/material/TextField"),ue=require("@mui/material/ToggleButton"),pe=require("@mui/material/ToggleButtonGroup"),he=require("@mui/material/AppBar"),xe=require("@mui/material/SvgIcon"),ge=require("@mui/material/Toolbar"),me=require("@mui/material/useMediaQuery"),fe=require("@mui/material/MenuItem"),be=require("@mui/material/Tab"),ve=require("@mui/material/Tabs"),Fe=require("@mui/material/ButtonBase");function ye(){return e.jsx(xe,{children:e.jsx("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"})})}function O({link:t,onClick:r}){return e.jsx(C,{href:t.href,underline:"none","aria-current":t.current?"page":void 0,onClick:r,sx:{color:t.current?"text.primary":"text.secondary",fontWeight:t.current?600:500,"&:hover":{color:"text.primary"}},children:t.label})}function je({brand:t,brandHref:r="/",links:i,actions:l,ariaLabel:o="Main",menuLabel:a="Menu",closeLabel:d="Close menu"}){const h=w.useTheme(),s=me(h.breakpoints.up("md"),{noSsr:!0}),[n,u]=b.useState(!1),g=()=>u(!1);return e.jsxs(he,{component:"header",position:"sticky",color:"inherit",elevation:0,sx:{bgcolor:"background.default",color:"text.primary",borderBottom:1,borderColor:"divider"},children:[e.jsxs(ge,{sx:{justifyContent:"space-between",gap:3,minHeight:{xs:64,md:72}},children:[e.jsx(C,{href:r,underline:"none",color:"text.primary",sx:{fontWeight:600,letterSpacing:"-0.03em",fontSize:"1.125rem"},children:t}),s?e.jsxs(m,{direction:"row",alignItems:"center",spacing:4,children:[e.jsx(c,{component:"nav","aria-label":o,children:e.jsx(m,{component:"ul",direction:"row",spacing:4,sx:{listStyle:"none",m:0,p:0},children:i.map(f=>e.jsx("li",{children:e.jsx(O,{link:f})},f.href))})}),l]}):e.jsxs(m,{direction:"row",alignItems:"center",spacing:1,children:[l,e.jsx(D,{edge:"end",color:"inherit","aria-label":a,"aria-expanded":n,onClick:()=>u(!0),children:e.jsx(ye,{})})]})]}),!s&&e.jsx(H,{anchor:"right",open:n,onClose:g,children:e.jsxs(c,{sx:{width:280,p:3},children:[e.jsx(m,{alignItems:"flex-end",sx:{mb:3},children:e.jsx(I,{variant:"text",color:"secondary",onClick:g,children:d})}),e.jsx(c,{component:"nav","aria-label":o,children:e.jsx(m,{component:"ul",spacing:3,sx:{listStyle:"none",m:0,p:0,fontSize:"1.25rem"},children:i.map(f=>e.jsx("li",{children:e.jsx(O,{link:f,onClick:g})},f.href))})})]})})]})}const Ce=[{value:"en",label:"EN"},{value:"es",label:"ES"}];function Se({value:t,onChange:r,options:i=Ce,ariaLabel:l="Language"}){return e.jsx(pe,{exclusive:!0,size:"small",value:t,"aria-label":l,onChange:(o,a)=>{a!==null&&r(a)},children:i.map(o=>e.jsx(ue,{value:o.value,children:o.label},o.value))})}function we({value:t,label:r,description:i}){return e.jsx(k,{children:e.jsxs(B,{children:[e.jsx(p,{variant:"h3",component:"p",children:t}),e.jsx(p,{variant:"body1",sx:{mt:1},children:r}),i&&e.jsx(p,{variant:"body2",color:"text.secondary",sx:{mt:1},children:i})]})})}function G(t,r){return t[r.key]}function z(t,r){if(r.sortValue)return r.sortValue(t);const i=G(t,r);return typeof i=="number"?i:String(i??"")}function ke(t,r){return typeof t=="number"&&typeof r=="number"?t-r:String(t).localeCompare(String(r),void 0,{numeric:!0})}function Be({columns:t,rows:r,getRowKey:i,caption:l,emptyMessage:o="No data"}){const[a,d]=b.useState(null),h=b.useMemo(()=>{if(!a)return r;const n=t.find(g=>g.key===a.key);if(!n)return r;const u=a.direction==="asc"?1:-1;return[...r].sort((g,f)=>u*ke(z(g,n),z(f,n)))},[r,t,a]),s=n=>{d(u=>u?.key===n&&u.direction==="asc"?{key:n,direction:"desc"}:{key:n,direction:"asc"})};return e.jsx(re,{tabIndex:0,sx:{overflowX:"auto"},children:e.jsxs(ee,{children:[l&&e.jsx(p,{component:"caption",variant:"body2",color:"text.secondary",sx:{captionSide:"top",textAlign:"left",pb:2},children:l}),e.jsx(ie,{children:e.jsx(R,{children:t.map(n=>{const u=a?.key===n.key?a.direction:void 0;return e.jsx(W,{align:n.align,sortDirection:u??!1,children:n.sortable?e.jsx(ne,{active:u!==void 0,direction:u??"asc",onClick:()=>s(n.key),children:n.header}):n.header},n.key)})})}),e.jsx(te,{children:h.length===0?e.jsx(R,{children:e.jsx(W,{colSpan:t.length,align:"center",children:o})}):h.map(n=>e.jsx(R,{children:t.map((u,g)=>e.jsx(W,{align:u.align,component:g===0?"th":"td",scope:g===0?"row":void 0,children:u.render?u.render(n):String(G(n,u)??"")},u.key))},i(n)))})]})})}function De({data:t,title:r,max:i,formatValue:l=String}){const o=i??Math.max(0,...t.map(a=>a.value));return e.jsxs(c,{component:"figure",sx:{m:0},children:[r&&e.jsx(p,{component:"figcaption",variant:"overline",color:"text.secondary",sx:{display:"block",mb:2},children:r}),e.jsx(m,{component:"ul",spacing:1.5,sx:{listStyle:"none",m:0,p:0},children:t.map(a=>{const d=o>0?Math.min(100,Math.max(0,a.value/o*100)):0,h=l(a.value);return e.jsxs(c,{component:"li",sx:{display:"grid",gridTemplateColumns:"minmax(80px, 160px) 1fr auto",alignItems:"center",columnGap:2},children:[e.jsx(p,{variant:"body2","aria-hidden":"true",children:a.label}),e.jsx(c,{role:"meter","aria-label":a.label,"aria-valuemin":0,"aria-valuemax":o,"aria-valuenow":a.value,"aria-valuetext":h,sx:{height:12,borderRadius:1,bgcolor:"divider",overflow:"hidden"},children:e.jsx(c,{style:{width:`${d}%`},sx:{height:"100%",bgcolor:"primary.main"}})}),e.jsx(p,{variant:"body2","aria-hidden":"true",sx:{minWidth:40,textAlign:"right",fontWeight:600},children:h})]},a.label)})})]})}function j({icon:t,label:r,size:i=18,...l}){return r?e.jsx(t,{size:i,role:"img","aria-label":r,...l}):e.jsx(t,{size:i,"aria-hidden":"true",focusable:"false",...l})}const Ee=Object.freeze(Object.defineProperty({__proto__:null,ArrowRight:x.ArrowRight,Check:x.Check,ChevronDown:x.ChevronDown,ChevronLeft:x.ChevronLeft,ChevronRight:x.ChevronRight,Clock:x.Clock,Copy:x.Copy,Database:x.Database,ExternalLink:x.ExternalLink,Globe:x.Globe,Info:x.Info,LayoutGrid:x.LayoutGrid,MapPin:x.MapPin,Menu:x.Menu,Music:x.Music,Network:x.Network,Play:x.Play,Search:x.Search,Share2:x.Share2,ShieldCheck:x.ShieldCheck,Sparkles:x.Sparkles,TrendingUp:x.TrendingUp,Users:x.Users,X:x.X},Symbol.toStringTag,{value:"Module"}));function V({color:t,dot:r=!1,...i}){return e.jsx(q,{size:"small",...i,icon:r?e.jsx(c,{component:"span","aria-hidden":"true",sx:{width:8,height:8,borderRadius:"50%",bgcolor:t.fg}}):void 0,sx:{bgcolor:t.bg,color:t.fg,"&.MuiChip-clickable:hover":{bgcolor:t.bg,filter:"brightness(0.95)"},"& .MuiChip-icon":{color:t.fg,ml:1,mr:-.25}}})}function M(t){return e.jsx(c,{component:"span",sx:{border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"},...t})}function Ae({title:t,description:r,lines:i=[],links:l=[],linksLabel:o="Footer links",action:a,legal:d,externalLabel:h="(opens in a new tab)"}){const{glow:s}=w.useTheme().vietri.color;return e.jsxs(c,{component:"footer",sx:n=>({position:"relative",overflow:"hidden",py:6,color:n.vietri.color.onSurface,background:n.vietri.gradient.surface,"& a:focus-visible, & button:focus-visible":{outline:"2px solid",outlineColor:n.vietri.color.onSurface,outlineOffset:3}}),children:[s&&e.jsxs(e.Fragment,{children:[e.jsx(c,{"aria-hidden":"true",sx:{position:"absolute",top:-96,right:-96,width:384,height:384,borderRadius:"50%",bgcolor:w.alpha(s[0],.22),filter:"blur(64px)",pointerEvents:"none"}}),e.jsx(c,{"aria-hidden":"true",sx:{position:"absolute",bottom:-96,left:-96,width:384,height:384,borderRadius:"50%",bgcolor:w.alpha(s[1],.22),filter:"blur(64px)",pointerEvents:"none"}})]}),e.jsxs(L,{maxWidth:"lg",sx:{position:"relative",zIndex:1},children:[e.jsxs(m,{direction:{xs:"column",sm:"row"},justifyContent:"space-between",alignItems:{xs:"flex-start",sm:"center"},spacing:4,children:[e.jsxs(m,{spacing:1,children:[e.jsx(p,{component:"p",variant:"h6",children:t}),r&&e.jsx(p,{variant:"body2",sx:n=>({maxWidth:560,color:n.vietri.color.onSurfaceSoft}),children:r}),i.map(n=>e.jsx(p,{variant:"body2",sx:u=>({color:u.vietri.color.onSurfaceSoft}),children:n},n))]}),e.jsxs(m,{spacing:2,alignItems:{xs:"flex-start",sm:"flex-end"},children:[l.length>0&&e.jsx(c,{component:"nav","aria-label":o,children:e.jsx(m,{component:"ul",direction:"row",spacing:3,useFlexGap:!0,flexWrap:"wrap",sx:{listStyle:"none",m:0,p:0},children:l.map(n=>e.jsx("li",{children:e.jsxs(C,{href:n.href,color:"inherit",underline:"always",target:n.external?"_blank":void 0,rel:n.external?"noopener noreferrer":void 0,sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[n.label,n.external&&e.jsxs(e.Fragment,{children:[e.jsx(j,{icon:x.ExternalLink,size:14}),e.jsx(M,{children:h})]})]})},n.href))})}),a]})]}),d&&e.jsxs(e.Fragment,{children:[e.jsx(de,{sx:n=>({my:3,borderColor:w.alpha(n.vietri.color.onSurface,.25)})}),e.jsx(p,{variant:"body2",sx:n=>({color:n.vietri.color.onSurfaceSoft}),children:d})]})]})]})}function Ie({title:t,eyebrow:r,description:i,level:l=2,align:o="left"}){const a=`h${l}`;return e.jsxs(m,{spacing:1,sx:{textAlign:o,alignItems:o==="center"?"center":"flex-start"},children:[r&&e.jsx(p,{component:"p",variant:"overline",color:"primary.main",sx:{display:"inline-flex",alignItems:"center",gap:.75,lineHeight:1.5},children:r}),e.jsx(p,{component:a,variant:"h3",children:t}),i&&e.jsx(p,{variant:"body1",color:"text.secondary",sx:{maxWidth:680},children:i})]})}function Me({label:t,value:r,onChange:i,options:l,helperText:o,disabled:a,fullWidth:d,size:h,id:s}){const n=new Map(l.map(u=>[u.value,u]));return e.jsx(P,{select:!0,id:s,label:t,value:r,onChange:u=>i(u.target.value),helperText:o,disabled:a,fullWidth:d,size:h,slotProps:{select:{renderValue:u=>{const g=n.get(String(u));return g?e.jsxs(c,{component:"span",sx:{display:"inline-flex",alignItems:"center",gap:1},children:[g.adornment,g.label]}):""}}},children:l.map(u=>e.jsxs(fe,{value:u.value,sx:{gap:1},children:[u.adornment,u.label,u.count!==void 0&&e.jsx(p,{component:"span",variant:"caption",color:"text.secondary",sx:{ml:"auto",pl:2},children:u.count})]},u.value))})}function Te({open:t,onClose:r,title:i,description:l,children:o,actions:a,closeLabel:d="Close",maxWidth:h="sm"}){const s=b.useId(),n=b.useId();return e.jsxs(ce,{open:t,onClose:r,fullWidth:!0,maxWidth:h,"aria-labelledby":s,"aria-describedby":l?n:void 0,children:[e.jsx(le,{id:s,sx:{pr:7},children:i}),e.jsx(D,{"aria-label":d,onClick:r,sx:{position:"absolute",top:8,right:8},children:e.jsx(j,{icon:x.X})}),e.jsxs(ae,{children:[l&&e.jsx(se,{id:n,sx:{mb:o?2:0},children:l}),o]}),a&&e.jsx(oe,{sx:{px:3,pb:2},children:a})]})}function We({open:t,onClose:r,title:i,eyebrow:l,children:o,footer:a,anchor:d="right",width:h=420,closeLabel:s="Close"}){const n=b.useId();return e.jsx(H,{anchor:d,open:t,onClose:r,children:e.jsxs(c,{role:"dialog","aria-modal":"true","aria-labelledby":n,sx:{width:{xs:"100vw",sm:h},maxWidth:"100vw",height:"100%",display:"flex",flexDirection:"column"},children:[e.jsxs(m,{direction:"row",justifyContent:"space-between",alignItems:"center",sx:{p:3,pb:1},children:[e.jsx(p,{component:"p",variant:"overline",color:"primary.main",children:l}),e.jsx(D,{"aria-label":s,onClick:r,edge:"end",children:e.jsx(j,{icon:x.X})})]}),e.jsxs(c,{sx:{px:3,pb:2,flex:1,overflowY:"auto"},tabIndex:0,children:[e.jsx(p,{id:n,component:"h2",variant:"h4",sx:{mb:2},children:i}),o]}),a&&e.jsx(c,{sx:{p:3,borderTop:1,borderColor:"divider"},children:a})]})})}function Re({label:t,value:r,copyLabel:i="Copy",copiedLabel:l="Copied!",errorLabel:o="Could not copy",copiedDuration:a=2e3}){const[d,h]=b.useState("idle"),s=b.useRef(void 0);b.useEffect(()=>()=>clearTimeout(s.current),[]);async function n(){try{await navigator.clipboard.writeText(r),h("copied")}catch{h("error")}clearTimeout(s.current),s.current=setTimeout(()=>h("idle"),a)}const u=d==="copied"?l:d==="error"?o:"";return e.jsxs(m,{spacing:1.5,children:[e.jsx(p,{component:"p",variant:"overline",color:"text.secondary",children:t}),e.jsx(c,{role:"region","aria-label":t,tabIndex:0,sx:{overflowX:"auto",p:1.5,borderRadius:1,border:1,borderColor:"divider",bgcolor:"background.default",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:"0.8125rem",whiteSpace:"pre"},children:e.jsx("code",{children:r})}),e.jsx(I,{onClick:n,startIcon:e.jsx(j,{icon:d==="copied"?x.Check:x.Copy}),fullWidth:!0,children:d==="copied"?l:i}),e.jsx(M,{role:"status","aria-live":"polite",children:u})]})}function qe({href:t,children:r="Skip to content"}){return e.jsx(C,{href:t,sx:i=>({position:"fixed",top:i.spacing(1),left:i.spacing(1),zIndex:i.zIndex.tooltip+1,px:2,py:1,borderRadius:1,bgcolor:"background.paper",color:"text.primary",fontWeight:600,textDecoration:"none",border:`2px solid ${i.palette.primary.main}`,transform:"translateY(-300%)","&:focus":{transform:"translateY(0)"}}),children:r})}function Oe({title:t,eyebrow:r,description:i,actions:l,level:o=1,align:a="left"}){const d=`h${o}`,h=a==="center";return e.jsx(c,{component:"section",sx:s=>({py:{xs:6,md:10},color:s.vietri.color.onSurface,background:s.vietri.gradient.surface,"& a:focus-visible, & button:focus-visible":{outline:"2px solid",outlineColor:s.vietri.color.onSurface,outlineOffset:3},"& .MuiButton-outlined, & .MuiButton-text":{color:"inherit",borderColor:"currentColor"}}),children:e.jsx(L,{maxWidth:"lg",children:e.jsxs(m,{spacing:2,sx:{alignItems:h?"center":"flex-start",textAlign:a},children:[r&&e.jsx(p,{component:"p",variant:"overline",sx:s=>({color:s.vietri.color.onSurfaceSoft}),children:r}),e.jsx(p,{component:d,variant:"h2",sx:{maxWidth:900},children:t}),i&&e.jsx(p,{variant:"body1",sx:s=>({maxWidth:680,color:s.vietri.color.onSurfaceSoft}),children:i}),l&&e.jsx(m,{direction:"row",spacing:2,useFlexGap:!0,flexWrap:"wrap",sx:{pt:2,justifyContent:h?"center":"flex-start"},children:l})]})})})}function ze({icon:t,title:r,description:i,level:l=3,children:o}){const a=`h${l}`;return e.jsx(k,{sx:{height:"100%"},children:e.jsxs(B,{children:[e.jsx(c,{sx:d=>({display:"grid",placeItems:"center",width:44,height:44,mb:2,borderRadius:2,bgcolor:d.vietri.color.chip,color:d.palette.primary.main}),children:e.jsx(j,{icon:t,size:22})}),e.jsx(p,{component:a,variant:"h6",gutterBottom:!0,children:r}),i&&e.jsx(p,{variant:"body2",color:"text.secondary",children:i}),o&&e.jsx(c,{sx:{mt:2},children:o})]})})}function $e({steps:t,level:r=3,ariaLabel:i}){const l=`h${r}`;return e.jsx(c,{component:"ol",role:"list","aria-label":i,sx:{listStyle:"none",m:0,p:0,display:"grid",gap:3,gridTemplateColumns:{xs:"1fr",md:`repeat(${Math.max(t.length,1)}, minmax(0, 1fr))`}},children:t.map((o,a)=>e.jsx("li",{children:e.jsxs(m,{spacing:1,children:[e.jsx(c,{"aria-hidden":"true",sx:d=>({display:"grid",placeItems:"center",width:36,height:36,borderRadius:"50%",fontWeight:600,bgcolor:d.palette.primary.main,color:d.palette.primary.contrastText}),children:a+1}),e.jsx(p,{component:l,variant:"h6",children:o.title}),o.description&&e.jsx(p,{variant:"body2",color:"text.secondary",children:o.description})]})},o.title))})}function He({entries:t,level:r=3,ariaLabel:i}){const l=`h${r}`;return e.jsx(c,{component:"ol",role:"list","aria-label":i,sx:{listStyle:"none",m:0,p:0},children:t.map(o=>e.jsxs(c,{component:"li",id:o.id,sx:a=>({position:"relative",pl:4,pb:5,scrollMarginTop:a.spacing(10),"&::before":{content:'""',position:"absolute",left:7,top:14,bottom:0,width:2,bgcolor:a.palette.divider},"&:last-of-type":{pb:0},"&:last-of-type::before":{display:"none"}}),children:[e.jsx(c,{"aria-hidden":"true",sx:a=>({position:"absolute",left:0,top:6,width:16,height:16,borderRadius:"50%",bgcolor:a.palette.primary.main,border:`3px solid ${a.palette.background.default}`,boxSizing:"border-box"})}),e.jsx(p,{component:l,variant:"h5",children:o.label}),o.description&&e.jsx(p,{variant:"body2",color:"text.secondary",sx:{mt:.5},children:o.description}),o.content&&e.jsx(c,{sx:{mt:2},children:o.content})]},o.id))})}const $={position:"static",color:"inherit",font:"inherit",textAlign:"left",cursor:"pointer","&::after":{content:'""',position:"absolute",inset:0}};function Le({name:t,subtitle:r,bio:i,tags:l=[],href:o,onClick:a,level:d=3,bioLines:h=3}){const s=`h${d}`,n=!!(o||a),u=o?e.jsx(C,{href:o,underline:"none",sx:$,children:t}):a?e.jsx(C,{component:"button",type:"button",onClick:a,underline:"none",sx:$,children:t}):t;return e.jsx(k,{sx:g=>({position:"relative",height:"100%",...n&&{"&:hover":{borderColor:g.palette.primary.main}},"&:has(:focus-visible)":{outline:`2px solid ${g.palette.primary.main}`,outlineOffset:2},"& a:focus-visible, & button:focus-visible":{outline:"none"}}),children:e.jsxs(B,{children:[e.jsx(p,{component:s,variant:"h6",children:u}),r&&e.jsx(p,{variant:"body2",color:"text.secondary",children:r}),i&&e.jsx(p,{variant:"body2",sx:{mt:1,display:"-webkit-box",WebkitLineClamp:h,WebkitBoxOrient:"vertical",overflow:"hidden"},children:i}),l.length>0&&e.jsx(m,{direction:"row",spacing:1,useFlexGap:!0,flexWrap:"wrap",sx:{mt:2},children:l.map(g=>g.color?e.jsx(V,{label:g.label,color:g.color},g.label):e.jsx(q,{label:g.label,size:"small"},g.label))})]})})}const A={position:"static",color:"inherit",font:"inherit",textAlign:"left",cursor:"pointer","&::after":{content:'""',position:"absolute",inset:0}},Pe=t=>({"&:has(:focus-visible)":{outline:`2px solid ${t.palette.primary.main}`,outlineOffset:2},"& a:focus-visible, & button:focus-visible":{outline:"none"}});function Ge({title:t,subtitle:r,meta:i,imageUrl:l,duration:o,badge:a,href:d,onClick:h,level:s=3,playIcon:n=!0}){const u=`h${s}`,g=!!(d||h),f=d?e.jsx(C,{href:d,underline:"none",sx:A,children:t}):h?e.jsx(C,{component:"button",type:"button",onClick:h,underline:"none",sx:A,children:t}):t;return e.jsxs(k,{sx:v=>({position:"relative",height:"100%",overflow:"hidden",...g&&{"&:hover":{borderColor:v.palette.primary.main}},...Pe(v)}),children:[e.jsxs(c,{sx:v=>({position:"relative",aspectRatio:"16 / 9",bgcolor:v.vietri.color.chip}),children:[l&&e.jsx(c,{component:"img",src:l,alt:"",loading:"lazy",sx:{display:"block",width:"100%",height:"100%",objectFit:"cover"}}),n&&e.jsx(c,{"aria-hidden":"true",sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",display:"grid",placeItems:"center",width:48,height:48,borderRadius:"50%",bgcolor:"rgba(0, 0, 0, 0.8)",color:"#FFFFFF"},children:e.jsx(j,{icon:x.Play,size:22})}),a&&e.jsx(c,{sx:v=>({position:"absolute",top:8,left:8,px:1,py:.25,borderRadius:1,fontSize:"0.75rem",fontWeight:600,bgcolor:v.vietri.color.action[0],color:v.vietri.color.onAction}),children:a}),o&&e.jsx(c,{sx:{position:"absolute",right:8,bottom:8,px:1,py:.25,borderRadius:1,fontSize:"0.75rem",fontWeight:600,bgcolor:"rgba(0, 0, 0, 0.9)",color:"#FFFFFF"},children:o})]}),e.jsxs(B,{children:[i&&e.jsx(p,{component:"p",variant:"overline",color:"text.secondary",children:i}),e.jsx(p,{component:u,variant:"h6",children:f}),r&&e.jsx(p,{variant:"body2",color:"text.secondary",children:r})]})]})}function Ve({title:t,children:r,level:i=2,itemWidth:l=280,previousLabel:o="Scroll left",nextLabel:a="Scroll right",action:d}){const h=`h${i}`,s=b.useId(),n=b.useRef(null),u=b.Children.toArray(r);function g(f){const v=n.current;if(!v)return;const Q=typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;v.scrollBy?.({left:f*v.clientWidth*.8,behavior:Q?"auto":"smooth"})}return e.jsxs(c,{component:"section","aria-labelledby":s,sx:{mb:4},children:[e.jsxs(m,{direction:"row",justifyContent:"space-between",alignItems:"center",sx:{mb:2},children:[e.jsx(p,{id:s,component:h,variant:"h5",children:t}),e.jsxs(m,{direction:"row",spacing:1,alignItems:"center",children:[d,e.jsx(D,{"aria-label":o,onClick:()=>g(-1),children:e.jsx(j,{icon:x.ChevronLeft})}),e.jsx(D,{"aria-label":a,onClick:()=>g(1),children:e.jsx(j,{icon:x.ChevronRight})})]})]}),e.jsx(c,{ref:n,tabIndex:0,sx:f=>({overflowX:"auto",pb:1,scrollSnapType:"x proximity","&:focus-visible":{outline:`2px solid ${f.palette.primary.main}`,outlineOffset:2}}),children:e.jsx(c,{component:"ul",role:"list",sx:{listStyle:"none",m:0,p:0,display:"flex",gap:2},children:u.map((f,v)=>e.jsx(c,{component:"li",sx:{flex:`0 0 ${l}px`,scrollSnapAlign:"start"},children:f},v))})})]})}function Ne(t,r,i){const l=new URLSearchParams({rel:"0",modestbranding:"1"});return r&&l.set("start",String(Math.floor(r))),i&&l.set("autoplay","1"),`https://www.youtube-nocookie.com/embed/${encodeURIComponent(t)}?${l.toString()}`}function Ue({videoId:t,title:r,poster:i,start:l,lazy:o=!0,playLabel:a}){const[d,h]=b.useState(!o),s=b.useRef(!1),n=b.useRef(null);return b.useEffect(()=>{d&&s.current&&n.current?.focus()},[d]),e.jsx(c,{sx:{position:"relative",width:"100%",aspectRatio:"16 / 9",overflow:"hidden",borderRadius:2,bgcolor:"#000000"},children:d?e.jsx("iframe",{ref:n,src:Ne(t,l,s.current),title:r,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,referrerPolicy:"strict-origin-when-cross-origin",loading:"lazy",style:{position:"absolute",inset:0,width:"100%",height:"100%",border:0}}):e.jsxs(Fe,{"aria-label":a??`Play video: ${r}`,onClick:()=>{s.current=!0,h(!0)},sx:{position:"absolute",inset:0,width:"100%",height:"100%","&:focus-visible":{outline:"3px solid #FFFFFF",outlineOffset:-6}},children:[i&&e.jsx(c,{component:"img",src:i,alt:"",loading:"lazy",sx:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"}}),e.jsx(c,{"aria-hidden":"true",sx:{position:"relative",display:"grid",placeItems:"center",width:72,height:72,borderRadius:"50%",bgcolor:"rgba(0, 0, 0, 0.8)",color:"#FFFFFF"},children:e.jsx(j,{icon:x.Play,size:32})})]})})}const Xe=t=>({"&:has(:focus-visible)":{outline:`2px solid ${t.palette.primary.main}`,outlineOffset:-2},"& a:focus-visible, & button:focus-visible":{outline:"none"}});function _e({episodes:t,currentId:r,onSelect:i,level:l=3,ariaLabel:o,episodeLabel:a=h=>`Episode ${h}`,currentLabel:d="Now playing"}){const h=`h${l}`;return e.jsx(c,{component:"ol",role:"list","aria-label":o,sx:{listStyle:"none",m:0,p:0},children:t.map(s=>{const n=s.id===r,u=!!(i||s.href),g=i?e.jsx(C,{component:"button",type:"button",onClick:()=>i(s.id),"aria-current":n?"true":void 0,underline:"none",sx:A,children:s.title}):s.href?e.jsx(C,{href:s.href,"aria-current":n?"true":void 0,underline:"none",sx:A,children:s.title}):s.title;return e.jsxs(c,{component:"li",sx:f=>({position:"relative",display:"flex",gap:2,p:2,borderBottom:1,borderColor:"divider",borderLeft:4,borderLeftColor:n?f.palette.primary.main:"transparent",...u&&{"&:hover":{bgcolor:f.palette.action.hover}},...Xe(f)}),children:[s.imageUrl&&e.jsx(c,{component:"img",src:s.imageUrl,alt:"",loading:"lazy",sx:{flex:"0 0 auto",width:{xs:112,sm:160},aspectRatio:"16 / 9",objectFit:"cover",borderRadius:1}}),e.jsxs(c,{sx:{minWidth:0},children:[e.jsxs(p,{component:"p",variant:"overline",color:"text.secondary",children:[a(s.number),n&&` · ${d}`]}),e.jsx(p,{component:h,variant:"h6",children:g}),s.meta&&e.jsx(p,{variant:"body2",color:"text.secondary",children:s.meta}),s.description&&e.jsx(p,{variant:"body2",sx:{mt:.5,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:s.description})]})]},s.id)})})}function Ye({title:t,description:r,imageUrl:i,platforms:l,level:o=3,platformsLabel:a="Listen on",externalLabel:d="(opens in a new tab)"}){const h=`h${o}`;return e.jsxs(k,{sx:{height:"100%"},children:[e.jsx(c,{sx:s=>({aspectRatio:"1 / 1",display:"grid",placeItems:"center",bgcolor:s.vietri.color.chip,color:s.palette.text.secondary}),children:i?e.jsx(c,{component:"img",src:i,alt:"",loading:"lazy",sx:{display:"block",width:"100%",height:"100%",objectFit:"cover"}}):e.jsx(j,{icon:x.Music,size:48})}),e.jsxs(B,{children:[e.jsx(p,{component:h,variant:"h6",gutterBottom:!0,children:t}),r&&e.jsx(p,{variant:"body2",color:"text.secondary",children:r}),l.length>0&&e.jsx(m,{component:"ul",role:"list","aria-label":a,direction:"row",spacing:1,useFlexGap:!0,flexWrap:"wrap",sx:{listStyle:"none",m:0,mt:2,p:0},children:l.map(s=>e.jsx("li",{children:e.jsxs(I,{variant:"outlined",size:"small",href:s.href,target:"_blank",rel:"noopener noreferrer",endIcon:e.jsx(j,{icon:x.ExternalLink,size:14}),children:[s.name,e.jsxs(M,{children:[" ","– ",t," ",d]})]})},s.name))})]})]})}function E(t,r,i=135){return`linear-gradient(${i}deg, ${t} 0%, ${r} 100%)`}function N(t){return{surface:E(...t.surface),action:E(...t.action),actionHover:E(...t.actionHover)}}const y={spacing:8,radius:{sm:4,md:8,lg:16},typography:{fontFamily:'"Inter", "Helvetica Neue", Arial, sans-serif',fontWeight:{regular:400,medium:500,semibold:600}},shadow:{sm:"0 1px 2px rgba(0, 0, 0, 0.08)",md:"0 4px 12px rgba(0, 0, 0, 0.12)",lg:"0 12px 32px rgba(0, 0, 0, 0.16)"},breakpoints:{xs:0,sm:600,md:900,lg:1200,xl:1536}},Qe={MuiCssBaseline:{styleOverrides:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@mui/material/Box"),m=require("@mui/material/Stack"),p=require("@mui/material/Typography"),I=require("@mui/material/Button"),k=require("@mui/material/Card"),J=require("@mui/material/CardActionArea"),K=require("@mui/material/CardActions"),B=require("@mui/material/CardContent"),Z=require("@mui/material/CardMedia"),q=require("@mui/material/Chip"),v=require("react"),D=require("@mui/material/IconButton"),x=require("lucide-react"),ee=require("@mui/material/Table"),te=require("@mui/material/TableBody"),W=require("@mui/material/TableCell"),re=require("@mui/material/TableContainer"),ie=require("@mui/material/TableHead"),R=require("@mui/material/TableRow"),ne=require("@mui/material/TableSortLabel"),oe=require("@mui/material/DialogActions"),ae=require("@mui/material/DialogContent"),se=require("@mui/material/DialogContentText"),le=require("@mui/material/DialogTitle"),ce=require("@mui/material/Dialog"),L=require("@mui/material/Drawer"),C=require("@mui/material/Link"),O=require("@mui/material/Container"),de=require("@mui/material/Divider"),w=require("@mui/material/styles"),P=require("@mui/material/TextField"),ue=require("@mui/material/ToggleButton"),pe=require("@mui/material/ToggleButtonGroup"),he=require("@mui/material/AppBar"),xe=require("@mui/material/SvgIcon"),ge=require("@mui/material/Toolbar"),me=require("@mui/material/useMediaQuery"),fe=require("@mui/material/MenuItem"),be=require("@mui/material/Tab"),ve=require("@mui/material/Tabs"),Fe=require("@mui/material/ButtonBase");function ye(){return e.jsx(xe,{children:e.jsx("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"})})}function z({link:t,onClick:r}){return e.jsx(C,{href:t.href,underline:"none","aria-current":t.current?"page":void 0,onClick:r,sx:{color:t.current?"text.primary":"text.secondary",fontWeight:t.current?600:500,"&:hover":{color:"text.primary"}},children:t.label})}function je({brand:t,brandHref:r="/",links:i,actions:l,ariaLabel:o="Main",menuLabel:a="Menu",closeLabel:d="Close menu",maxWidth:h="lg"}){const s=w.useTheme(),n=me(s.breakpoints.up("md"),{noSsr:!0}),[u,g]=v.useState(!1),b=()=>g(!1);return e.jsxs(he,{component:"header",position:"sticky",color:"inherit",elevation:0,sx:{bgcolor:"background.default",color:"text.primary",borderBottom:1,borderColor:"divider"},children:[e.jsx(O,{maxWidth:h,children:e.jsxs(ge,{disableGutters:!0,sx:{justifyContent:"space-between",gap:3,minHeight:{xs:64,md:72}},children:[e.jsx(C,{href:r,underline:"none",color:"text.primary",sx:{fontWeight:600,letterSpacing:"-0.03em",fontSize:"1.125rem"},children:t}),n?e.jsxs(m,{direction:"row",alignItems:"center",spacing:4,children:[e.jsx(c,{component:"nav","aria-label":o,children:e.jsx(m,{component:"ul",direction:"row",spacing:4,sx:{listStyle:"none",m:0,p:0},children:i.map(f=>e.jsx("li",{children:e.jsx(z,{link:f})},f.href))})}),l]}):e.jsxs(m,{direction:"row",alignItems:"center",spacing:1,children:[l,e.jsx(D,{edge:"end",color:"inherit","aria-label":a,"aria-expanded":u,onClick:()=>g(!0),children:e.jsx(ye,{})})]})]})}),!n&&e.jsx(L,{anchor:"right",open:u,onClose:b,children:e.jsxs(c,{sx:{width:280,p:3},children:[e.jsx(m,{alignItems:"flex-end",sx:{mb:3},children:e.jsx(I,{variant:"text",color:"secondary",onClick:b,children:d})}),e.jsx(c,{component:"nav","aria-label":o,children:e.jsx(m,{component:"ul",spacing:3,sx:{listStyle:"none",m:0,p:0,fontSize:"1.25rem"},children:i.map(f=>e.jsx("li",{children:e.jsx(z,{link:f,onClick:b})},f.href))})})]})})]})}const Ce=[{value:"en",label:"EN"},{value:"es",label:"ES"}];function Se({value:t,onChange:r,options:i=Ce,ariaLabel:l="Language"}){return e.jsx(pe,{exclusive:!0,size:"small",value:t,"aria-label":l,onChange:(o,a)=>{a!==null&&r(a)},children:i.map(o=>e.jsx(ue,{value:o.value,children:o.label},o.value))})}function we({value:t,label:r,description:i}){return e.jsx(k,{children:e.jsxs(B,{children:[e.jsx(p,{variant:"h3",component:"p",children:t}),e.jsx(p,{variant:"body1",sx:{mt:1},children:r}),i&&e.jsx(p,{variant:"body2",color:"text.secondary",sx:{mt:1},children:i})]})})}function G(t,r){return t[r.key]}function $(t,r){if(r.sortValue)return r.sortValue(t);const i=G(t,r);return typeof i=="number"?i:String(i??"")}function ke(t,r){return typeof t=="number"&&typeof r=="number"?t-r:String(t).localeCompare(String(r),void 0,{numeric:!0})}function Be({columns:t,rows:r,getRowKey:i,caption:l,emptyMessage:o="No data"}){const[a,d]=v.useState(null),h=v.useMemo(()=>{if(!a)return r;const n=t.find(g=>g.key===a.key);if(!n)return r;const u=a.direction==="asc"?1:-1;return[...r].sort((g,b)=>u*ke($(g,n),$(b,n)))},[r,t,a]),s=n=>{d(u=>u?.key===n&&u.direction==="asc"?{key:n,direction:"desc"}:{key:n,direction:"asc"})};return e.jsx(re,{tabIndex:0,sx:{overflowX:"auto"},children:e.jsxs(ee,{children:[l&&e.jsx(p,{component:"caption",variant:"body2",color:"text.secondary",sx:{captionSide:"top",textAlign:"left",pb:2},children:l}),e.jsx(ie,{children:e.jsx(R,{children:t.map(n=>{const u=a?.key===n.key?a.direction:void 0;return e.jsx(W,{align:n.align,sortDirection:u??!1,children:n.sortable?e.jsx(ne,{active:u!==void 0,direction:u??"asc",onClick:()=>s(n.key),children:n.header}):n.header},n.key)})})}),e.jsx(te,{children:h.length===0?e.jsx(R,{children:e.jsx(W,{colSpan:t.length,align:"center",children:o})}):h.map(n=>e.jsx(R,{children:t.map((u,g)=>e.jsx(W,{align:u.align,component:g===0?"th":"td",scope:g===0?"row":void 0,children:u.render?u.render(n):String(G(n,u)??"")},u.key))},i(n)))})]})})}function De({data:t,title:r,max:i,formatValue:l=String}){const o=i??Math.max(0,...t.map(a=>a.value));return e.jsxs(c,{component:"figure",sx:{m:0},children:[r&&e.jsx(p,{component:"figcaption",variant:"overline",color:"text.secondary",sx:{display:"block",mb:2},children:r}),e.jsx(m,{component:"ul",spacing:1.5,sx:{listStyle:"none",m:0,p:0},children:t.map(a=>{const d=o>0?Math.min(100,Math.max(0,a.value/o*100)):0,h=l(a.value);return e.jsxs(c,{component:"li",sx:{display:"grid",gridTemplateColumns:"minmax(80px, 160px) 1fr auto",alignItems:"center",columnGap:2},children:[e.jsx(p,{variant:"body2","aria-hidden":"true",children:a.label}),e.jsx(c,{role:"meter","aria-label":a.label,"aria-valuemin":0,"aria-valuemax":o,"aria-valuenow":a.value,"aria-valuetext":h,sx:{height:12,borderRadius:1,bgcolor:"divider",overflow:"hidden"},children:e.jsx(c,{style:{width:`${d}%`},sx:{height:"100%",bgcolor:"primary.main"}})}),e.jsx(p,{variant:"body2","aria-hidden":"true",sx:{minWidth:40,textAlign:"right",fontWeight:600},children:h})]},a.label)})})]})}function j({icon:t,label:r,size:i=18,...l}){return r?e.jsx(t,{size:i,role:"img","aria-label":r,...l}):e.jsx(t,{size:i,"aria-hidden":"true",focusable:"false",...l})}const Ee=Object.freeze(Object.defineProperty({__proto__:null,ArrowRight:x.ArrowRight,Check:x.Check,ChevronDown:x.ChevronDown,ChevronLeft:x.ChevronLeft,ChevronRight:x.ChevronRight,Clock:x.Clock,Copy:x.Copy,Database:x.Database,ExternalLink:x.ExternalLink,Globe:x.Globe,Info:x.Info,LayoutGrid:x.LayoutGrid,MapPin:x.MapPin,Menu:x.Menu,Music:x.Music,Network:x.Network,Play:x.Play,Search:x.Search,Share2:x.Share2,ShieldCheck:x.ShieldCheck,Sparkles:x.Sparkles,TrendingUp:x.TrendingUp,Users:x.Users,X:x.X},Symbol.toStringTag,{value:"Module"}));function V({color:t,dot:r=!1,...i}){return e.jsx(q,{size:"small",...i,icon:r?e.jsx(c,{component:"span","aria-hidden":"true",sx:{width:8,height:8,borderRadius:"50%",bgcolor:t.fg}}):void 0,sx:{bgcolor:t.bg,color:t.fg,"&.MuiChip-clickable:hover":{bgcolor:t.bg,filter:"brightness(0.95)"},"& .MuiChip-icon":{color:t.fg,ml:1,mr:-.25}}})}function M(t){return e.jsx(c,{component:"span",sx:{border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"},...t})}function Ae({title:t,description:r,lines:i=[],links:l=[],linksLabel:o="Footer links",action:a,legal:d,externalLabel:h="(opens in a new tab)"}){const{glow:s}=w.useTheme().vietri.color;return e.jsxs(c,{component:"footer",sx:n=>({position:"relative",overflow:"hidden",py:6,color:n.vietri.color.onSurface,background:n.vietri.gradient.surface,"& a:focus-visible, & button:focus-visible":{outline:"2px solid",outlineColor:n.vietri.color.onSurface,outlineOffset:3}}),children:[s&&e.jsxs(e.Fragment,{children:[e.jsx(c,{"aria-hidden":"true",sx:{position:"absolute",top:-96,right:-96,width:384,height:384,borderRadius:"50%",bgcolor:w.alpha(s[0],.22),filter:"blur(64px)",pointerEvents:"none"}}),e.jsx(c,{"aria-hidden":"true",sx:{position:"absolute",bottom:-96,left:-96,width:384,height:384,borderRadius:"50%",bgcolor:w.alpha(s[1],.22),filter:"blur(64px)",pointerEvents:"none"}})]}),e.jsxs(O,{maxWidth:"lg",sx:{position:"relative",zIndex:1},children:[e.jsxs(m,{direction:{xs:"column",sm:"row"},justifyContent:"space-between",alignItems:{xs:"flex-start",sm:"center"},spacing:4,children:[e.jsxs(m,{spacing:1,children:[e.jsx(p,{component:"p",variant:"h6",children:t}),r&&e.jsx(p,{variant:"body2",sx:n=>({maxWidth:560,color:n.vietri.color.onSurfaceSoft}),children:r}),i.map(n=>e.jsx(p,{variant:"body2",sx:u=>({color:u.vietri.color.onSurfaceSoft}),children:n},n))]}),e.jsxs(m,{spacing:2,alignItems:{xs:"flex-start",sm:"flex-end"},children:[l.length>0&&e.jsx(c,{component:"nav","aria-label":o,children:e.jsx(m,{component:"ul",direction:"row",spacing:3,useFlexGap:!0,flexWrap:"wrap",sx:{listStyle:"none",m:0,p:0},children:l.map(n=>e.jsx("li",{children:e.jsxs(C,{href:n.href,color:"inherit",underline:"always",target:n.external?"_blank":void 0,rel:n.external?"noopener noreferrer":void 0,sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[n.label,n.external&&e.jsxs(e.Fragment,{children:[e.jsx(j,{icon:x.ExternalLink,size:14}),e.jsx(M,{children:h})]})]})},n.href))})}),a]})]}),d&&e.jsxs(e.Fragment,{children:[e.jsx(de,{sx:n=>({my:3,borderColor:w.alpha(n.vietri.color.onSurface,.25)})}),e.jsx(p,{variant:"body2",sx:n=>({color:n.vietri.color.onSurfaceSoft}),children:d})]})]})]})}function Ie({title:t,eyebrow:r,description:i,level:l=2,align:o="left"}){const a=`h${l}`;return e.jsxs(m,{spacing:1,sx:{textAlign:o,alignItems:o==="center"?"center":"flex-start"},children:[r&&e.jsx(p,{component:"p",variant:"overline",color:"primary.main",sx:{display:"inline-flex",alignItems:"center",gap:.75,lineHeight:1.5},children:r}),e.jsx(p,{component:a,variant:"h3",children:t}),i&&e.jsx(p,{variant:"body1",color:"text.secondary",sx:{maxWidth:680},children:i})]})}function Me({label:t,value:r,onChange:i,options:l,helperText:o,disabled:a,fullWidth:d,size:h,id:s}){const n=new Map(l.map(u=>[u.value,u]));return e.jsx(P,{select:!0,id:s,label:t,value:r,onChange:u=>i(u.target.value),helperText:o,disabled:a,fullWidth:d,size:h,slotProps:{select:{renderValue:u=>{const g=n.get(String(u));return g?e.jsxs(c,{component:"span",sx:{display:"inline-flex",alignItems:"center",gap:1},children:[g.adornment,g.label]}):""}}},children:l.map(u=>e.jsxs(fe,{value:u.value,sx:{gap:1},children:[u.adornment,u.label,u.count!==void 0&&e.jsx(p,{component:"span",variant:"caption",color:"text.secondary",sx:{ml:"auto",pl:2},children:u.count})]},u.value))})}function Te({open:t,onClose:r,title:i,description:l,children:o,actions:a,closeLabel:d="Close",maxWidth:h="sm"}){const s=v.useId(),n=v.useId();return e.jsxs(ce,{open:t,onClose:r,fullWidth:!0,maxWidth:h,"aria-labelledby":s,"aria-describedby":l?n:void 0,children:[e.jsx(le,{id:s,sx:{pr:7},children:i}),e.jsx(D,{"aria-label":d,onClick:r,sx:{position:"absolute",top:8,right:8},children:e.jsx(j,{icon:x.X})}),e.jsxs(ae,{children:[l&&e.jsx(se,{id:n,sx:{mb:o?2:0},children:l}),o]}),a&&e.jsx(oe,{sx:{px:3,pb:2},children:a})]})}function We({open:t,onClose:r,title:i,eyebrow:l,children:o,footer:a,anchor:d="right",width:h=420,closeLabel:s="Close"}){const n=v.useId();return e.jsx(L,{anchor:d,open:t,onClose:r,children:e.jsxs(c,{role:"dialog","aria-modal":"true","aria-labelledby":n,sx:{width:{xs:"100vw",sm:h},maxWidth:"100vw",height:"100%",display:"flex",flexDirection:"column"},children:[e.jsxs(m,{direction:"row",justifyContent:"space-between",alignItems:"center",sx:{p:3,pb:1},children:[e.jsx(p,{component:"p",variant:"overline",color:"primary.main",children:l}),e.jsx(D,{"aria-label":s,onClick:r,edge:"end",children:e.jsx(j,{icon:x.X})})]}),e.jsxs(c,{sx:{px:3,pb:2,flex:1,overflowY:"auto"},tabIndex:0,children:[e.jsx(p,{id:n,component:"h2",variant:"h4",sx:{mb:2},children:i}),o]}),a&&e.jsx(c,{sx:{p:3,borderTop:1,borderColor:"divider"},children:a})]})})}function Re({label:t,value:r,copyLabel:i="Copy",copiedLabel:l="Copied!",errorLabel:o="Could not copy",copiedDuration:a=2e3}){const[d,h]=v.useState("idle"),s=v.useRef(void 0);v.useEffect(()=>()=>clearTimeout(s.current),[]);async function n(){try{await navigator.clipboard.writeText(r),h("copied")}catch{h("error")}clearTimeout(s.current),s.current=setTimeout(()=>h("idle"),a)}const u=d==="copied"?l:d==="error"?o:"";return e.jsxs(m,{spacing:1.5,children:[e.jsx(p,{component:"p",variant:"overline",color:"text.secondary",children:t}),e.jsx(c,{role:"region","aria-label":t,tabIndex:0,sx:{overflowX:"auto",p:1.5,borderRadius:1,border:1,borderColor:"divider",bgcolor:"background.default",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:"0.8125rem",whiteSpace:"pre"},children:e.jsx("code",{children:r})}),e.jsx(I,{onClick:n,startIcon:e.jsx(j,{icon:d==="copied"?x.Check:x.Copy}),fullWidth:!0,children:d==="copied"?l:i}),e.jsx(M,{role:"status","aria-live":"polite",children:u})]})}function qe({href:t,children:r="Skip to content"}){return e.jsx(C,{href:t,sx:i=>({position:"fixed",top:i.spacing(1),left:i.spacing(1),zIndex:i.zIndex.tooltip+1,px:2,py:1,borderRadius:1,bgcolor:"background.paper",color:"text.primary",fontWeight:600,textDecoration:"none",border:`2px solid ${i.palette.primary.main}`,transform:"translateY(-300%)","&:focus":{transform:"translateY(0)"}}),children:r})}function Oe({title:t,eyebrow:r,description:i,actions:l,level:o=1,align:a="left"}){const d=`h${o}`,h=a==="center";return e.jsx(c,{component:"section",sx:s=>({py:{xs:6,md:10},color:s.vietri.color.onSurface,background:s.vietri.gradient.surface,"& a:focus-visible, & button:focus-visible":{outline:"2px solid",outlineColor:s.vietri.color.onSurface,outlineOffset:3},"& .MuiButton-outlined, & .MuiButton-text":{color:"inherit",borderColor:"currentColor"}}),children:e.jsx(O,{maxWidth:"lg",children:e.jsxs(m,{spacing:2,sx:{alignItems:h?"center":"flex-start",textAlign:a},children:[r&&e.jsx(p,{component:"p",variant:"overline",sx:s=>({color:s.vietri.color.onSurfaceSoft}),children:r}),e.jsx(p,{component:d,variant:"h2",sx:{maxWidth:900},children:t}),i&&e.jsx(p,{variant:"body1",sx:s=>({maxWidth:680,color:s.vietri.color.onSurfaceSoft}),children:i}),l&&e.jsx(m,{direction:"row",spacing:2,useFlexGap:!0,flexWrap:"wrap",sx:{pt:2,justifyContent:h?"center":"flex-start"},children:l})]})})})}function ze({icon:t,title:r,description:i,level:l=3,children:o}){const a=`h${l}`;return e.jsx(k,{sx:{height:"100%"},children:e.jsxs(B,{children:[e.jsx(c,{sx:d=>({display:"grid",placeItems:"center",width:44,height:44,mb:2,borderRadius:2,bgcolor:d.vietri.color.chip,color:d.palette.primary.main}),children:e.jsx(j,{icon:t,size:22})}),e.jsx(p,{component:a,variant:"h6",gutterBottom:!0,children:r}),i&&e.jsx(p,{variant:"body2",color:"text.secondary",children:i}),o&&e.jsx(c,{sx:{mt:2},children:o})]})})}function $e({steps:t,level:r=3,ariaLabel:i}){const l=`h${r}`;return e.jsx(c,{component:"ol",role:"list","aria-label":i,sx:{listStyle:"none",m:0,p:0,display:"grid",gap:3,gridTemplateColumns:{xs:"1fr",md:`repeat(${Math.max(t.length,1)}, minmax(0, 1fr))`}},children:t.map((o,a)=>e.jsx("li",{children:e.jsxs(m,{spacing:1,children:[e.jsx(c,{"aria-hidden":"true",sx:d=>({display:"grid",placeItems:"center",width:36,height:36,borderRadius:"50%",fontWeight:600,bgcolor:d.palette.primary.main,color:d.palette.primary.contrastText}),children:a+1}),e.jsx(p,{component:l,variant:"h6",children:o.title}),o.description&&e.jsx(p,{variant:"body2",color:"text.secondary",children:o.description})]})},o.title))})}function He({entries:t,level:r=3,ariaLabel:i}){const l=`h${r}`;return e.jsx(c,{component:"ol",role:"list","aria-label":i,sx:{listStyle:"none",m:0,p:0},children:t.map(o=>e.jsxs(c,{component:"li",id:o.id,sx:a=>({position:"relative",pl:4,pb:5,scrollMarginTop:a.spacing(10),"&::before":{content:'""',position:"absolute",left:7,top:14,bottom:0,width:2,bgcolor:a.palette.divider},"&:last-of-type":{pb:0},"&:last-of-type::before":{display:"none"}}),children:[e.jsx(c,{"aria-hidden":"true",sx:a=>({position:"absolute",left:0,top:6,width:16,height:16,borderRadius:"50%",bgcolor:a.palette.primary.main,border:`3px solid ${a.palette.background.default}`,boxSizing:"border-box"})}),e.jsx(p,{component:l,variant:"h5",children:o.label}),o.description&&e.jsx(p,{variant:"body2",color:"text.secondary",sx:{mt:.5},children:o.description}),o.content&&e.jsx(c,{sx:{mt:2},children:o.content})]},o.id))})}const H={position:"static",color:"inherit",font:"inherit",textAlign:"left",cursor:"pointer","&::after":{content:'""',position:"absolute",inset:0}};function Le({name:t,subtitle:r,bio:i,tags:l=[],href:o,onClick:a,level:d=3,bioLines:h=3}){const s=`h${d}`,n=!!(o||a),u=o?e.jsx(C,{href:o,underline:"none",sx:H,children:t}):a?e.jsx(C,{component:"button",type:"button",onClick:a,underline:"none",sx:H,children:t}):t;return e.jsx(k,{sx:g=>({position:"relative",height:"100%",...n&&{"&:hover":{borderColor:g.palette.primary.main}},"&:has(:focus-visible)":{outline:`2px solid ${g.palette.primary.main}`,outlineOffset:2},"& a:focus-visible, & button:focus-visible":{outline:"none"}}),children:e.jsxs(B,{children:[e.jsx(p,{component:s,variant:"h6",children:u}),r&&e.jsx(p,{variant:"body2",color:"text.secondary",children:r}),i&&e.jsx(p,{variant:"body2",sx:{mt:1,display:"-webkit-box",WebkitLineClamp:h,WebkitBoxOrient:"vertical",overflow:"hidden"},children:i}),l.length>0&&e.jsx(m,{direction:"row",spacing:1,useFlexGap:!0,flexWrap:"wrap",sx:{mt:2},children:l.map(g=>g.color?e.jsx(V,{label:g.label,color:g.color},g.label):e.jsx(q,{label:g.label,size:"small"},g.label))})]})})}const A={position:"static",color:"inherit",font:"inherit",textAlign:"left",cursor:"pointer","&::after":{content:'""',position:"absolute",inset:0}},Pe=t=>({"&:has(:focus-visible)":{outline:`2px solid ${t.palette.primary.main}`,outlineOffset:2},"& a:focus-visible, & button:focus-visible":{outline:"none"}});function Ge({title:t,subtitle:r,meta:i,imageUrl:l,duration:o,badge:a,href:d,onClick:h,level:s=3,playIcon:n=!0}){const u=`h${s}`,g=!!(d||h),b=d?e.jsx(C,{href:d,underline:"none",sx:A,children:t}):h?e.jsx(C,{component:"button",type:"button",onClick:h,underline:"none",sx:A,children:t}):t;return e.jsxs(k,{sx:f=>({position:"relative",height:"100%",overflow:"hidden",...g&&{"&:hover":{borderColor:f.palette.primary.main}},...Pe(f)}),children:[e.jsxs(c,{sx:f=>({position:"relative",aspectRatio:"16 / 9",bgcolor:f.vietri.color.chip}),children:[l&&e.jsx(c,{component:"img",src:l,alt:"",loading:"lazy",sx:{display:"block",width:"100%",height:"100%",objectFit:"cover"}}),n&&e.jsx(c,{"aria-hidden":"true",sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",display:"grid",placeItems:"center",width:48,height:48,borderRadius:"50%",bgcolor:"rgba(0, 0, 0, 0.8)",color:"#FFFFFF"},children:e.jsx(j,{icon:x.Play,size:22})}),a&&e.jsx(c,{sx:f=>({position:"absolute",top:8,left:8,px:1,py:.25,borderRadius:1,fontSize:"0.75rem",fontWeight:600,bgcolor:f.vietri.color.action[0],color:f.vietri.color.onAction}),children:a}),o&&e.jsx(c,{sx:{position:"absolute",right:8,bottom:8,px:1,py:.25,borderRadius:1,fontSize:"0.75rem",fontWeight:600,bgcolor:"rgba(0, 0, 0, 0.9)",color:"#FFFFFF"},children:o})]}),e.jsxs(B,{children:[i&&e.jsx(p,{component:"p",variant:"overline",color:"text.secondary",children:i}),e.jsx(p,{component:u,variant:"h6",children:b}),r&&e.jsx(p,{variant:"body2",color:"text.secondary",children:r})]})]})}function Ve({title:t,children:r,level:i=2,itemWidth:l=280,previousLabel:o="Scroll left",nextLabel:a="Scroll right",action:d}){const h=`h${i}`,s=v.useId(),n=v.useRef(null),u=v.Children.toArray(r);function g(b){const f=n.current;if(!f)return;const Q=typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;f.scrollBy?.({left:b*f.clientWidth*.8,behavior:Q?"auto":"smooth"})}return e.jsxs(c,{component:"section","aria-labelledby":s,sx:{mb:4},children:[e.jsxs(m,{direction:"row",justifyContent:"space-between",alignItems:"center",sx:{mb:2},children:[e.jsx(p,{id:s,component:h,variant:"h5",children:t}),e.jsxs(m,{direction:"row",spacing:1,alignItems:"center",children:[d,e.jsx(D,{"aria-label":o,onClick:()=>g(-1),children:e.jsx(j,{icon:x.ChevronLeft})}),e.jsx(D,{"aria-label":a,onClick:()=>g(1),children:e.jsx(j,{icon:x.ChevronRight})})]})]}),e.jsx(c,{ref:n,tabIndex:0,sx:b=>({overflowX:"auto",pb:1,scrollSnapType:"x proximity","&:focus-visible":{outline:`2px solid ${b.palette.primary.main}`,outlineOffset:2}}),children:e.jsx(c,{component:"ul",role:"list",sx:{listStyle:"none",m:0,p:0,display:"flex",gap:2},children:u.map((b,f)=>e.jsx(c,{component:"li",sx:{flex:`0 0 ${l}px`,scrollSnapAlign:"start"},children:b},f))})})]})}function Ne(t,r,i){const l=new URLSearchParams({rel:"0",modestbranding:"1"});return r&&l.set("start",String(Math.floor(r))),i&&l.set("autoplay","1"),`https://www.youtube-nocookie.com/embed/${encodeURIComponent(t)}?${l.toString()}`}function Ue({videoId:t,title:r,poster:i,start:l,lazy:o=!0,playLabel:a}){const[d,h]=v.useState(!o),s=v.useRef(!1),n=v.useRef(null);return v.useEffect(()=>{d&&s.current&&n.current?.focus()},[d]),e.jsx(c,{sx:{position:"relative",width:"100%",aspectRatio:"16 / 9",overflow:"hidden",borderRadius:2,bgcolor:"#000000"},children:d?e.jsx("iframe",{ref:n,src:Ne(t,l,s.current),title:r,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,referrerPolicy:"strict-origin-when-cross-origin",loading:"lazy",style:{position:"absolute",inset:0,width:"100%",height:"100%",border:0}}):e.jsxs(Fe,{"aria-label":a??`Play video: ${r}`,onClick:()=>{s.current=!0,h(!0)},sx:{position:"absolute",inset:0,width:"100%",height:"100%","&:focus-visible":{outline:"3px solid #FFFFFF",outlineOffset:-6}},children:[i&&e.jsx(c,{component:"img",src:i,alt:"",loading:"lazy",sx:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"}}),e.jsx(c,{"aria-hidden":"true",sx:{position:"relative",display:"grid",placeItems:"center",width:72,height:72,borderRadius:"50%",bgcolor:"rgba(0, 0, 0, 0.8)",color:"#FFFFFF"},children:e.jsx(j,{icon:x.Play,size:32})})]})})}const Xe=t=>({"&:has(:focus-visible)":{outline:`2px solid ${t.palette.primary.main}`,outlineOffset:-2},"& a:focus-visible, & button:focus-visible":{outline:"none"}});function _e({episodes:t,currentId:r,onSelect:i,level:l=3,ariaLabel:o,episodeLabel:a=h=>`Episode ${h}`,currentLabel:d="Now playing"}){const h=`h${l}`;return e.jsx(c,{component:"ol",role:"list","aria-label":o,sx:{listStyle:"none",m:0,p:0},children:t.map(s=>{const n=s.id===r,u=!!(i||s.href),g=i?e.jsx(C,{component:"button",type:"button",onClick:()=>i(s.id),"aria-current":n?"true":void 0,underline:"none",sx:A,children:s.title}):s.href?e.jsx(C,{href:s.href,"aria-current":n?"true":void 0,underline:"none",sx:A,children:s.title}):s.title;return e.jsxs(c,{component:"li",sx:b=>({position:"relative",display:"flex",gap:2,p:2,borderBottom:1,borderColor:"divider",borderLeft:4,borderLeftColor:n?b.palette.primary.main:"transparent",...u&&{"&:hover":{bgcolor:b.palette.action.hover}},...Xe(b)}),children:[s.imageUrl&&e.jsx(c,{component:"img",src:s.imageUrl,alt:"",loading:"lazy",sx:{flex:"0 0 auto",width:{xs:112,sm:160},aspectRatio:"16 / 9",objectFit:"cover",borderRadius:1}}),e.jsxs(c,{sx:{minWidth:0},children:[e.jsxs(p,{component:"p",variant:"overline",color:"text.secondary",children:[a(s.number),n&&` · ${d}`]}),e.jsx(p,{component:h,variant:"h6",children:g}),s.meta&&e.jsx(p,{variant:"body2",color:"text.secondary",children:s.meta}),s.description&&e.jsx(p,{variant:"body2",sx:{mt:.5,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:s.description})]})]},s.id)})})}function Ye({title:t,description:r,imageUrl:i,platforms:l,level:o=3,platformsLabel:a="Listen on",externalLabel:d="(opens in a new tab)"}){const h=`h${o}`;return e.jsxs(k,{sx:{height:"100%"},children:[e.jsx(c,{sx:s=>({aspectRatio:"1 / 1",display:"grid",placeItems:"center",bgcolor:s.vietri.color.chip,color:s.palette.text.secondary}),children:i?e.jsx(c,{component:"img",src:i,alt:"",loading:"lazy",sx:{display:"block",width:"100%",height:"100%",objectFit:"cover"}}):e.jsx(j,{icon:x.Music,size:48})}),e.jsxs(B,{children:[e.jsx(p,{component:h,variant:"h6",gutterBottom:!0,children:t}),r&&e.jsx(p,{variant:"body2",color:"text.secondary",children:r}),l.length>0&&e.jsx(m,{component:"ul",role:"list","aria-label":a,direction:"row",spacing:1,useFlexGap:!0,flexWrap:"wrap",sx:{listStyle:"none",m:0,mt:2,p:0},children:l.map(s=>e.jsx("li",{children:e.jsxs(I,{variant:"outlined",size:"small",href:s.href,target:"_blank",rel:"noopener noreferrer",endIcon:e.jsx(j,{icon:x.ExternalLink,size:14}),children:[s.name,e.jsxs(M,{children:[" ","– ",t," ",d]})]})},s.name))})]})]})}function E(t,r,i=135){return`linear-gradient(${i}deg, ${t} 0%, ${r} 100%)`}function N(t){return{surface:E(...t.surface),action:E(...t.action),actionHover:E(...t.actionHover)}}const y={spacing:8,radius:{sm:4,md:8,lg:16},typography:{fontFamily:'"Inter", "Helvetica Neue", Arial, sans-serif',fontWeight:{regular:400,medium:500,semibold:600}},shadow:{sm:"0 1px 2px rgba(0, 0, 0, 0.08)",md:"0 4px 12px rgba(0, 0, 0, 0.12)",lg:"0 12px 32px rgba(0, 0, 0, 0.16)"},breakpoints:{xs:0,sm:600,md:900,lg:1200,xl:1536}},Qe={MuiCssBaseline:{styleOverrides:`
       @media (prefers-reduced-motion: reduce) {
         *, *::before, *::after {
           animation-duration: 0.01ms !important;