@sorayasm/vietri-ds 0.3.2 → 0.4.0

package/CHANGELOG.md

@@ -4,38 +4,45 @@ 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.4.0
+
+The Streaming theme gets its final palette. The rule: **orange is for acting; violet and lilac are for everything else.** Orange lines and texts over the violet of a hero, or over a gradient, gave 3.75:1 and vibrated.
+
+### Added
+
+- `ThemeColors.outline`: the neutral line of outlined buttons. A theme that defines it draws outlined buttons with that line and the text color; hover brings the primary color (an orange line and a veil). The Streaming theme uses a lilac line (`#B99BFF`, 7.6:1 on the page and 6.6:1 on cards).
+- `ThemeColors.accentLarge` and `accentLargeHover`: a livelier accent for large buttons. A theme that defines it gets bold 19px white labels on `size="large"` buttons, whose fill is the accent (large text only needs 3:1). The Streaming theme uses the brand orange `#F35F1C` (3.25:1).
+- `ThemeColors.surfaceRule`: an optional 4px rule along the top of footers.
+- `ThemeColors.surfaceMid` and `surfaceAngle`: a middle color and an angle for the surface gradient. `createGradients` and `linearGradient` accept them. No theme uses them today.
+- `Hero`: `accentRule` draws a short decorative rule under the title. The title stays white, so it keeps its contrast over any photo.
+
+### Changed
+
+- Streaming footer: a flat violet (`#3B2562`) with white underlined links (12.9:1) and an orange rule on top. The teal gradient of 0.3.2 is gone.
+- Streaming hero layer: `#4E2B8B`, the brightest violet that keeps white text at 4.5:1 over a pure white photo with the layer at 74%.
+- `Hero`: over the photo, outlined buttons keep a white line and their hover is a white veil.
+- `ContentRail`: the scrollbar uses the primary color (the arrows already did).
+- The Streaming theme uses the Inter weight 700 for large buttons: load it (see the README).
+
+### Breaking
+
+- Streaming palette: `brand.teal` is removed (the footer is no longer teal); `derived.layerViolet` and `derived.footerViolet` are added.
+- Apps that depend on `^0.3.x` must move to `^0.4.0`: in 0.x a caret does not cross a minor version.
+
 ## 0.3.2
 
 ### Added
 
-- `NavBar` accepts `accentLinks`: the links use the primary color and the current
-  page is underlined. Off by default, so other themes do not change.
+- `NavBar` accepts `accentLinks`: the links use the primary color and the current page is underlined. Off by default, so other themes do not change.
 
 ### Changed
 
 - `ContentRail` arrows use the primary color.
-- Large buttons (`size="large"`) have more room: 52px tall with 32px at the
-  sides (they were about 42px with 22px), and every variant of that size is
-  exactly the same height.
-- Streaming theme: the layer over a hero photo is a deep lilac (`#3B2562`)
-  instead of the near-black purple, so the photo shows through with more color
-  and light. White text still keeps AA contrast over any photo.
-- Streaming theme: the primary action is orange again, in two versions: a
-  burnt orange (`#C8460B`) fills the buttons and holds white text at 4.8:1 (the
-  brand orange `#F35F1C` only reaches 3.2:1 with white), and a lighter orange
-  (`#F4793F`) colors links, outlines and focus rings on the dark backgrounds
-  (6.3:1 on the night background). The bright cyan of 0.3.0 is gone.
-  Palette keys: `brand.cyan` is now `brand.orange`, `brand.teal` is the deep teal
-  of the footer, and `derived.cyanHover` is replaced by `derived.orangeText`,
-  `derived.orangeDeep` and `derived.orangeHover`. `onAction` is white.
-- Streaming theme: the footer and banner surface is now a calm gradient from a
-  deep teal (`#0F5C66`) to the purple of the cards (`#2D1B50`), instead of the
-  bright violet-to-lavender one. White text has 7:1 or more at both ends (the
-  old gradient had the lowest contrast of the palette). The palette gains
-  `brand.teal` and loses `derived.lavenderDeep`.
-- `Hero` with an image: the dark layer is lighter (84% to 74% under the text,
-  fading to 10% on the right, was 92% to 86% and 25%) so the photo shows. The
-  text still keeps AA contrast over any photo, even a pure white one.
+- Large buttons (`size="large"`) have more room: 52px tall with 32px at the sides (they were about 42px with 22px), and every variant of that size is exactly the same height.
+- Streaming theme: the layer over a hero photo is a deep lilac (`#3B2562`) instead of the near-black purple, so the photo shows through with more color and light. White text still keeps AA contrast over any photo.
+- Streaming theme: the primary action is orange again, in two versions: a burnt orange (`#C8460B`) fills the buttons and holds white text at 4.8:1 (the brand orange `#F35F1C` only reaches 3.2:1 with white), and a lighter orange (`#F4793F`) colors links, outlines and focus rings on the dark backgrounds (6.3:1 on the night background). The bright cyan of 0.3.0 is gone. Palette keys: `brand.cyan` is now `brand.orange`, `brand.teal` is the deep teal of the footer, and `derived.cyanHover` is replaced by `derived.orangeText`, `derived.orangeDeep` and `derived.orangeHover`. `onAction` is white.
+- Streaming theme: the footer and banner surface is now a calm gradient from a deep teal (`#0F5C66`) to the purple of the cards (`#2D1B50`), instead of the bright violet-to-lavender one. White text has 7:1 or more at both ends (the old gradient had the lowest contrast of the palette). The palette gains `brand.teal` and loses `derived.lavenderDeep`.
+- `Hero` with an image: the dark layer is lighter (84% to 74% under the text, fading to 10% on the right, was 92% to 86% and 25%) so the photo shows. The text still keeps AA contrast over any photo, even a pure white one.
 
 ## 0.3.1
 

package/README.md

@@ -2,7 +2,7 @@
 
 A themeable design system built with React, TypeScript and MUI. It is the shared UI foundation for the projects in the [Soraya Sacaan](https://sorayasacaan.com) portfolio: the portfolio site, the streaming platform and the Mujeres del Blues Observatory.
 
-> **Status:** early development (v0.1). Foundations, themes, tooling and the first set of components are in place.
+> **Status:** pre-1.0 (0.4). The portfolio and the streaming platform already use it. While the version is 0.x, a minor version may include breaking changes: see the [changelog](CHANGELOG.md).
 
 ## Goals
 
@@ -22,7 +22,7 @@ The package is published on npm as [`@sorayasm/vietri-ds`](https://www.npmjs.com
 | Theme         | Mode  | Used by                     |
 | ------------- | ----- | --------------------------- |
 | `editorial`   | Light | Portfolio (Soraya Sacaan)   |
-| `streaming`   | Dark  | El Blues es Femenino        |
+| `streaming`   | night `#20123A`, burnt orange `#C8460B`, light orange `#F4793F`, brand orange `#F35F1C`, violet `#4E2B8B` and `#3B2562`, lilac `#B99BFF`, magenta `#CB1F9C` | Dark theme. Orange is for acting; violet and lilac are for everything else. |
 | `observatory` | Light | Mujeres del Blues Observatory |
 
 All three themes are built from the same `baseOptions` (typography, spacing, shape, breakpoints, component styles) and only differ in their palette. Each palette lives in `src/theme/palettes.ts`, so changing a color means editing one file.
@@ -55,38 +55,43 @@ Brand colors that cannot carry text on their own (gold on white, violet on deep
 
 ## Fills and gradients
 
-Almost every fill is a solid color. The exception is the **surface** of the Streaming theme (footers and banners), which is a calm gradient from a deep teal (`#0F5C66`) to the purple of the cards (`#2D1B50`). White text keeps 7:1 or more at both ends.
-
-A fill is described by a pair of colors in `ThemeColors` (`action`, `actionHover`, `surface`). A flat fill repeats the same color twice, and a gradient uses two different ones. They reach components through `theme.vietri.gradient`:
+Every fill in the three themes is a solid color. A fill is described by a pair of colors in `ThemeColors` (`action`, `actionHover`, `surface`): a flat fill repeats the same color twice, and a gradient uses two different ones. A surface can also have a middle color (`surfaceMid`) and an angle (`surfaceAngle`); no theme uses them today. They reach components through `theme.vietri.gradient`:
 
 - `surface` — headers, footers and banners (light text on top)
 - `action` and `actionHover` — primary buttons
 
-The tests check contrast at **both ends** of every fill, so a gradient never hides a low-contrast corner. `ThemeColors.glow` can also add soft decorative lights to the footer; it is `null` in every theme today.
+The tests check contrast at **every color** of every fill. A `Footer` draws a thin rule along its top edge when the theme defines `surfaceRule` (the Streaming theme does, in orange). `ThemeColors.glow` can add soft decorative lights to the footer; it is `null` in every theme today.
 
 ## Interactive color
 
-In the Streaming theme everything you can press is orange, in the version that reads best where it sits:
+In the Streaming theme **orange is for acting; violet and lilac are for everything else.** Orange goes as a surface (a filled button) or over a dark, flat background. On the violet of a hero, or on a gradient, lines and texts are lilac or white: orange there gives 3.75:1 and the edges vibrate.
 
 | Element | Color |
 | --- | --- |
-| Button fill | burnt orange `#C8460B`, white text (4.8:1) |
-| Outlined and text buttons, arrows of `ContentRail`, focus rings | light orange `#F4793F` (6.3:1 on the page, 5.5:1 on cards) |
+| Button fill (medium, small) | burnt orange `#C8460B`, white label (4.8:1) |
+| Large button fill | brand orange `#F35F1C`, bold white 19px label: it counts as large text, and 3.25:1 is enough (3:1) |
+| Outlined buttons | lilac line `#B99BFF` (7.6:1 on the page, 6.6:1 on cards), white label. Hover: orange line and an orange veil. Focus: orange ring |
+| Text buttons, arrows and scrollbar of `ContentRail`, focus rings | light orange `#F4793F` (6.3:1 on the page, 5.5:1 on cards) |
 | `NavBar` links (with `accentLinks`) | light orange; the current page is white and underlined |
+| `Footer` | flat violet `#3B2562`, white underlined links (12.9:1), a 4px orange rule on top |
+| `Hero` | white title with a short orange rule (`accentRule`); the secondary button has a white line |
 | Cards and episode lists | the border turns orange on hover and focus |
 
-Two places do **not** use orange, on purpose: the secondary button of a `Hero` (it sits over a photo, where only white text is guaranteed to read) and the links of the `Footer` (orange on the teal footer gives 2.8:1; they are white and underlined). Color is never the only clue: links in a navigation mark the current page with `aria-current` and an underline, and inline links keep their underline.
+Color is never the only clue: links in a navigation mark the current page with `aria-current` and an underline, and inline links keep their underline.
 
-`NavBar` keeps muted links by default, so the other themes do not change. Pass `accentLinks` to use the primary color, only in a theme where it reads as text on the page background.
+`NavBar` and `Hero` keep their usual look by default, so the other themes do not change. Pass `accentLinks` (or `accentRule`) to use the orange. Only a theme that defines `outline` gets lilac lines on outlined buttons, and only one that defines `accentLarge` gets the bold 19px label on large buttons.
 
 ## Hero with an image
 
-`Hero` accepts an `image` (a background picture). A dark layer (`theme.vietri.color.scrim`) sits over it and the text stays in the left 60%, where that layer is at least 74% opaque, so the text keeps WCAG AA contrast **whatever the photo**, even a pure white one (a test checks it). If the image fails to load, the theme surface shows instead. The image is decorative: do not put information in it.
+`Hero` accepts an `image` (a background picture). A layer (`theme.vietri.color.scrim`) sits over it and the text stays in the left 60%, where that layer is at least 74% opaque, so the **white text and the buttons** keep WCAG AA contrast whatever the photo, even a pure white one (a test checks it). If the image fails to load, the theme surface shows instead. The image is decorative: do not put information in it.
+
+`accentRule` draws a short decorative rule under the title, in the accent orange. The title stays white.
 
 ```tsx
 <Hero
   image="/key-art.webp"
   imagePosition="center 30%"
+  accentRule
   title="El Blues es Femenino"
   description="…"
   actions={<Button size="large">Play</Button>}
@@ -192,12 +197,12 @@ npm install @sorayasm/vietri-ds
 npm install react react-dom @mui/material@6 @emotion/react @emotion/styled lucide-react
 ```
 
-**2. Load the Inter font.** The library does not ship it. For example, in `index.html`:
+**2. Load the Inter font.** The library does not ship it. For example, in `index.html`. Weight 700 is used by the large buttons of the Streaming theme (a bold label is what makes it count as large text):
 
 ```html
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link
-  href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap"
+  href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
   rel="stylesheet"
 />
 ```
@@ -293,5 +298,6 @@ vietri-ds/
 - [x] Storybook documentation (Welcome, Colors, Typography, Accessibility, Usage)
 - [x] Theme switcher in Storybook
 - [x] Library build and exports
-- [ ] Streaming application
+- [x] Streaming application (live at elbluesesfemenino.cl)
+- [x] Portfolio (sorayasacaan.com)
 - [ ] Observatory application

package/dist/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("@mui/material/Box"),f=require("@mui/material/Stack"),p=require("@mui/material/Typography"),M=require("@mui/material/Button"),B=require("@mui/material/Card"),K=require("@mui/material/CardActionArea"),Z=require("@mui/material/CardActions"),D=require("@mui/material/CardContent"),ee=require("@mui/material/CardMedia"),q=require("@mui/material/Chip"),v=require("react"),A=require("@mui/material/IconButton"),g=require("lucide-react"),re=require("@mui/material/Table"),te=require("@mui/material/TableBody"),$=require("@mui/material/TableCell"),ie=require("@mui/material/TableContainer"),ne=require("@mui/material/TableHead"),R=require("@mui/material/TableRow"),oe=require("@mui/material/TableSortLabel"),ae=require("@mui/material/DialogActions"),se=require("@mui/material/DialogContent"),le=require("@mui/material/DialogContentText"),ce=require("@mui/material/DialogTitle"),de=require("@mui/material/Dialog"),G=require("@mui/material/Drawer"),w=require("@mui/material/Link"),O=require("@mui/material/Container"),ue=require("@mui/material/Divider"),C=require("@mui/material/styles"),V=require("@mui/material/TextField"),pe=require("@mui/material/ToggleButton"),he=require("@mui/material/ToggleButtonGroup"),xe=require("@mui/material/AppBar"),ge=require("@mui/material/SvgIcon"),me=require("@mui/material/Toolbar"),fe=require("@mui/material/useMediaQuery"),be=require("@mui/material/MenuItem"),ve=require("@mui/material/Tab"),ye=require("@mui/material/Tabs"),Fe=require("@mui/material/ButtonBase");function je(){return e.jsx(ge,{children:e.jsx("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"})})}function H({link:r,onClick:t,accent:i=!1}){const a=!!r.current;return e.jsx(w,{href:r.href,underline:i?a?"always":"hover":"none","aria-current":a?"page":void 0,onClick:t,sx:o=>({color:i?a?o.palette.text.primary:o.palette.primary.main:a?o.palette.text.primary:o.palette.text.secondary,fontWeight:a?600:500,...i&&a&&{textDecorationColor:o.palette.primary.main,textDecorationThickness:2,textUnderlineOffset:8},...!i&&{"&:hover":{color:o.palette.text.primary}}}),children:r.label})}function Ce({brand:r,brandHref:t="/",links:i,actions:a,ariaLabel:o="Main",menuLabel:s="Menu",closeLabel:u="Close menu",maxWidth:x="lg",accentLinks:l=!1}){const n=C.useTheme(),c=fe(n.breakpoints.up("md"),{noSsr:!0}),[h,m]=v.useState(!1),y=()=>m(!1);return e.jsxs(xe,{component:"header",position:"sticky",color:"inherit",elevation:0,sx:{bgcolor:"background.default",color:"text.primary",borderBottom:1,borderColor:"divider"},children:[e.jsx(O,{maxWidth:x,children:e.jsxs(me,{disableGutters:!0,sx:{justifyContent:"space-between",gap:3,minHeight:{xs:64,md:72}},children:[e.jsx(w,{href:t,underline:"none",color:"text.primary",sx:{fontWeight:600,letterSpacing:"-0.03em",fontSize:"1.125rem"},children:r}),c?e.jsxs(f,{direction:"row",alignItems:"center",spacing:4,children:[e.jsx(d,{component:"nav","aria-label":o,children:e.jsx(f,{component:"ul",direction:"row",spacing:4,sx:{listStyle:"none",m:0,p:0},children:i.map(b=>e.jsx("li",{children:e.jsx(H,{link:b,accent:l})},b.href))})}),a]}):e.jsxs(f,{direction:"row",alignItems:"center",spacing:1,children:[a,e.jsx(A,{edge:"end",color:l?"primary":"inherit","aria-label":s,"aria-expanded":h,onClick:()=>m(!0),children:e.jsx(je,{})})]})]})}),!c&&e.jsx(G,{anchor:"right",open:h,onClose:y,children:e.jsxs(d,{sx:{width:280,p:3},children:[e.jsx(f,{alignItems:"flex-end",sx:{mb:3},children:e.jsx(M,{variant:"text",color:l?"primary":"secondary",onClick:y,children:u})}),e.jsx(d,{component:"nav","aria-label":o,children:e.jsx(f,{component:"ul",spacing:3,sx:{listStyle:"none",m:0,p:0,fontSize:"1.25rem"},children:i.map(b=>e.jsx("li",{children:e.jsx(H,{link:b,onClick:y,accent:l})},b.href))})})]})})]})}const Se=[{value:"en",label:"EN"},{value:"es",label:"ES"}];function we({value:r,onChange:t,options:i=Se,ariaLabel:a="Language"}){return e.jsx(he,{exclusive:!0,size:"small",value:r,"aria-label":a,onChange:(o,s)=>{s!==null&&t(s)},children:i.map(o=>e.jsx(pe,{value:o.value,children:o.label},o.value))})}function ke({value:r,label:t,description:i}){return e.jsx(B,{children:e.jsxs(D,{children:[e.jsx(p,{variant:"h3",component:"p",children:r}),e.jsx(p,{variant:"body1",sx:{mt:1},children:t}),i&&e.jsx(p,{variant:"body2",color:"text.secondary",sx:{mt:1},children:i})]})})}function N(r,t){return r[t.key]}function P(r,t){if(t.sortValue)return t.sortValue(r);const i=N(r,t);return typeof i=="number"?i:String(i??"")}function Be(r,t){return typeof r=="number"&&typeof t=="number"?r-t:String(r).localeCompare(String(t),void 0,{numeric:!0})}function De({columns:r,rows:t,getRowKey:i,caption:a,emptyMessage:o="No data"}){const[s,u]=v.useState(null),x=v.useMemo(()=>{if(!s)return t;const n=r.find(h=>h.key===s.key);if(!n)return t;const c=s.direction==="asc"?1:-1;return[...t].sort((h,m)=>c*Be(P(h,n),P(m,n)))},[t,r,s]),l=n=>{u(c=>c?.key===n&&c.direction==="asc"?{key:n,direction:"desc"}:{key:n,direction:"asc"})};return e.jsx(ie,{tabIndex:0,sx:{overflowX:"auto"},children:e.jsxs(re,{children:[a&&e.jsx(p,{component:"caption",variant:"body2",color:"text.secondary",sx:{captionSide:"top",textAlign:"left",pb:2},children:a}),e.jsx(ne,{children:e.jsx(R,{children:r.map(n=>{const c=s?.key===n.key?s.direction:void 0;return e.jsx($,{align:n.align,sortDirection:c??!1,children:n.sortable?e.jsx(oe,{active:c!==void 0,direction:c??"asc",onClick:()=>l(n.key),children:n.header}):n.header},n.key)})})}),e.jsx(te,{children:x.length===0?e.jsx(R,{children:e.jsx($,{colSpan:r.length,align:"center",children:o})}):x.map(n=>e.jsx(R,{children:r.map((c,h)=>e.jsx($,{align:c.align,component:h===0?"th":"td",scope:h===0?"row":void 0,children:c.render?c.render(n):String(N(n,c)??"")},c.key))},i(n)))})]})})}function Ae({data:r,title:t,max:i,formatValue:a=String}){const o=i??Math.max(0,...r.map(s=>s.value));return e.jsxs(d,{component:"figure",sx:{m:0},children:[t&&e.jsx(p,{component:"figcaption",variant:"overline",color:"text.secondary",sx:{display:"block",mb:2},children:t}),e.jsx(f,{component:"ul",spacing:1.5,sx:{listStyle:"none",m:0,p:0},children:r.map(s=>{const u=o>0?Math.min(100,Math.max(0,s.value/o*100)):0,x=a(s.value);return e.jsxs(d,{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:s.label}),e.jsx(d,{role:"meter","aria-label":s.label,"aria-valuemin":0,"aria-valuemax":o,"aria-valuenow":s.value,"aria-valuetext":x,sx:{height:12,borderRadius:1,bgcolor:"divider",overflow:"hidden"},children:e.jsx(d,{style:{width:`${u}%`},sx:{height:"100%",bgcolor:"primary.main"}})}),e.jsx(p,{variant:"body2","aria-hidden":"true",sx:{minWidth:40,textAlign:"right",fontWeight:600},children:x})]},s.label)})})]})}function S({icon:r,label:t,size:i=18,...a}){return t?e.jsx(r,{size:i,role:"img","aria-label":t,...a}):e.jsx(r,{size:i,"aria-hidden":"true",focusable:"false",...a})}const Ee=Object.freeze(Object.defineProperty({__proto__:null,ArrowRight:g.ArrowRight,Check:g.Check,ChevronDown:g.ChevronDown,ChevronLeft:g.ChevronLeft,ChevronRight:g.ChevronRight,Clock:g.Clock,Copy:g.Copy,Database:g.Database,ExternalLink:g.ExternalLink,Globe:g.Globe,Info:g.Info,LayoutGrid:g.LayoutGrid,MapPin:g.MapPin,Menu:g.Menu,Music:g.Music,Network:g.Network,Play:g.Play,Search:g.Search,Share2:g.Share2,ShieldCheck:g.ShieldCheck,Sparkles:g.Sparkles,TrendingUp:g.TrendingUp,Users:g.Users,X:g.X},Symbol.toStringTag,{value:"Module"}));function U({color:r,dot:t=!1,...i}){return e.jsx(q,{size:"small",...i,icon:t?e.jsx(d,{component:"span","aria-hidden":"true",sx:{width:8,height:8,borderRadius:"50%",bgcolor:r.fg}}):void 0,sx:{bgcolor:r.bg,color:r.fg,"&.MuiChip-clickable:hover":{bgcolor:r.bg,filter:"brightness(0.95)"},"& .MuiChip-icon":{color:r.fg,ml:1,mr:-.25}}})}function T(r){return e.jsx(d,{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"},...r})}function Ie({title:r,description:t,lines:i=[],links:a=[],linksLabel:o="Footer links",action:s,legal:u,externalLabel:x="(opens in a new tab)"}){const{glow:l}=C.useTheme().vietri.color;return e.jsxs(d,{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:[l&&e.jsxs(e.Fragment,{children:[e.jsx(d,{"aria-hidden":"true",sx:{position:"absolute",top:-96,right:-96,width:384,height:384,borderRadius:"50%",bgcolor:C.alpha(l[0],.22),filter:"blur(64px)",pointerEvents:"none"}}),e.jsx(d,{"aria-hidden":"true",sx:{position:"absolute",bottom:-96,left:-96,width:384,height:384,borderRadius:"50%",bgcolor:C.alpha(l[1],.22),filter:"blur(64px)",pointerEvents:"none"}})]}),e.jsxs(O,{maxWidth:"lg",sx:{position:"relative",zIndex:1},children:[e.jsxs(f,{direction:{xs:"column",sm:"row"},justifyContent:"space-between",alignItems:{xs:"flex-start",sm:"center"},spacing:4,children:[e.jsxs(f,{spacing:1,children:[e.jsx(p,{component:"p",variant:"h6",children:r}),t&&e.jsx(p,{variant:"body2",sx:n=>({maxWidth:560,color:n.vietri.color.onSurfaceSoft}),children:t}),i.map(n=>e.jsx(p,{variant:"body2",sx:c=>({color:c.vietri.color.onSurfaceSoft}),children:n},n))]}),e.jsxs(f,{spacing:2,alignItems:{xs:"flex-start",sm:"flex-end"},children:[a.length>0&&e.jsx(d,{component:"nav","aria-label":o,children:e.jsx(f,{component:"ul",direction:"row",spacing:3,useFlexGap:!0,flexWrap:"wrap",sx:{listStyle:"none",m:0,p:0},children:a.map(n=>e.jsx("li",{children:e.jsxs(w,{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(S,{icon:g.ExternalLink,size:14}),e.jsx(T,{children:x})]})]})},n.href))})}),s]})]}),u&&e.jsxs(e.Fragment,{children:[e.jsx(ue,{sx:n=>({my:3,borderColor:C.alpha(n.vietri.color.onSurface,.25)})}),e.jsx(p,{variant:"body2",sx:n=>({color:n.vietri.color.onSurfaceSoft}),children:u})]})]})]})}function Me({title:r,eyebrow:t,description:i,level:a=2,align:o="left"}){const s=`h${a}`;return e.jsxs(f,{spacing:1,sx:{textAlign:o,alignItems:o==="center"?"center":"flex-start"},children:[t&&e.jsx(p,{component:"p",variant:"overline",color:"primary.main",sx:{display:"inline-flex",alignItems:"center",gap:.75,lineHeight:1.5},children:t}),e.jsx(p,{component:s,variant:"h3",children:r}),i&&e.jsx(p,{variant:"body1",color:"text.secondary",sx:{maxWidth:680},children:i})]})}function Te({label:r,value:t,onChange:i,options:a,helperText:o,disabled:s,fullWidth:u,size:x,id:l}){const n=new Map(a.map(c=>[c.value,c]));return e.jsx(V,{select:!0,id:l,label:r,value:t,onChange:c=>i(c.target.value),helperText:o,disabled:s,fullWidth:u,size:x,slotProps:{select:{renderValue:c=>{const h=n.get(String(c));return h?e.jsxs(d,{component:"span",sx:{display:"inline-flex",alignItems:"center",gap:1},children:[h.adornment,h.label]}):""}}},children:a.map(c=>e.jsxs(be,{value:c.value,sx:{gap:1},children:[c.adornment,c.label,c.count!==void 0&&e.jsx(p,{component:"span",variant:"caption",color:"text.secondary",sx:{ml:"auto",pl:2},children:c.count})]},c.value))})}function We({open:r,onClose:t,title:i,description:a,children:o,actions:s,closeLabel:u="Close",maxWidth:x="sm"}){const l=v.useId(),n=v.useId();return e.jsxs(de,{open:r,onClose:t,fullWidth:!0,maxWidth:x,"aria-labelledby":l,"aria-describedby":a?n:void 0,children:[e.jsx(ce,{id:l,sx:{pr:7},children:i}),e.jsx(A,{"aria-label":u,onClick:t,sx:{position:"absolute",top:8,right:8},children:e.jsx(S,{icon:g.X})}),e.jsxs(se,{children:[a&&e.jsx(le,{id:n,sx:{mb:o?2:0},children:a}),o]}),s&&e.jsx(ae,{sx:{px:3,pb:2},children:s})]})}function $e({open:r,onClose:t,title:i,eyebrow:a,children:o,footer:s,anchor:u="right",width:x=420,closeLabel:l="Close"}){const n=v.useId();return e.jsx(G,{anchor:u,open:r,onClose:t,children:e.jsxs(d,{role:"dialog","aria-modal":"true","aria-labelledby":n,sx:{width:{xs:"100vw",sm:x},maxWidth:"100vw",height:"100%",display:"flex",flexDirection:"column"},children:[e.jsxs(f,{direction:"row",justifyContent:"space-between",alignItems:"center",sx:{p:3,pb:1},children:[e.jsx(p,{component:"p",variant:"overline",color:"primary.main",children:a}),e.jsx(A,{"aria-label":l,onClick:t,edge:"end",children:e.jsx(S,{icon:g.X})})]}),e.jsxs(d,{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]}),s&&e.jsx(d,{sx:{p:3,borderTop:1,borderColor:"divider"},children:s})]})})}function Re({label:r,value:t,copyLabel:i="Copy",copiedLabel:a="Copied!",errorLabel:o="Could not copy",copiedDuration:s=2e3}){const[u,x]=v.useState("idle"),l=v.useRef(void 0);v.useEffect(()=>()=>clearTimeout(l.current),[]);async function n(){try{await navigator.clipboard.writeText(t),x("copied")}catch{x("error")}clearTimeout(l.current),l.current=setTimeout(()=>x("idle"),s)}const c=u==="copied"?a:u==="error"?o:"";return e.jsxs(f,{spacing:1.5,children:[e.jsx(p,{component:"p",variant:"overline",color:"text.secondary",children:r}),e.jsx(d,{role:"region","aria-label":r,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:t})}),e.jsx(M,{onClick:n,startIcon:e.jsx(S,{icon:u==="copied"?g.Check:g.Copy}),fullWidth:!0,children:u==="copied"?a:i}),e.jsx(T,{role:"status","aria-live":"polite",children:c})]})}function qe({href:r,children:t="Skip to content"}){return e.jsx(w,{href:r,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:t})}function Oe({title:r,eyebrow:t,description:i,actions:a,level:o=1,align:s="left",image:u,imagePosition:x="center"}){const l=`h${o}`,n=s==="center",c=!!u;return e.jsx(d,{component:"section",sx:h=>{const m=h.vietri.color.scrim,y=h.vietri.gradient.surface,b=`linear-gradient(0deg, ${m} 0%, ${C.alpha(m,0)} 18%)`,z=`url(${JSON.stringify(u??"")})`;return{display:"flex",alignItems:"center",py:{xs:6,md:10},...c&&{minHeight:{xs:440,md:600}},color:h.vietri.color.onSurface,...c?{backgroundImage:{xs:`linear-gradient(${C.alpha(m,.8)}, ${C.alpha(m,.8)}), ${b}, ${z}, ${y}`,md:`linear-gradient(90deg, ${C.alpha(m,.84)} 0%, ${C.alpha(m,.74)} 62%, ${C.alpha(m,.1)} 100%), ${b}, ${z}, ${y}`},backgroundSize:"cover",backgroundPosition:x,backgroundRepeat:"no-repeat"}:{background:y},"& a:focus-visible, & button:focus-visible":{outline:"2px solid",outlineColor:h.vietri.color.onSurface,outlineOffset:3},"& .MuiButton-outlined, & .MuiButton-text":{color:"inherit",borderColor:"currentColor"}}},children:e.jsx(O,{maxWidth:"lg",sx:{width:"100%"},children:e.jsxs(f,{spacing:2,sx:{alignItems:n?"center":"flex-start",textAlign:s,...c&&{maxWidth:{md:"60%"},...n&&{mx:"auto"}}},children:[t&&e.jsx(p,{component:"p",variant:"overline",sx:h=>({color:h.vietri.color.onSurfaceSoft}),children:t}),e.jsx(p,{component:l,variant:"h2",sx:{maxWidth:900},children:r}),i&&e.jsx(p,{variant:"body1",sx:h=>({maxWidth:680,color:h.vietri.color.onSurfaceSoft}),children:i}),a&&e.jsx(f,{direction:"row",spacing:2,useFlexGap:!0,flexWrap:"wrap",sx:{pt:2,justifyContent:n?"center":"flex-start"},children:a})]})})})}function ze({icon:r,title:t,description:i,level:a=3,children:o}){const s=`h${a}`;return e.jsx(B,{sx:{height:"100%"},children:e.jsxs(D,{children:[e.jsx(d,{sx:u=>({display:"grid",placeItems:"center",width:44,height:44,mb:2,borderRadius:2,bgcolor:u.vietri.color.chip,color:u.palette.primary.main}),children:e.jsx(S,{icon:r,size:22})}),e.jsx(p,{component:s,variant:"h6",gutterBottom:!0,children:t}),i&&e.jsx(p,{variant:"body2",color:"text.secondary",children:i}),o&&e.jsx(d,{sx:{mt:2},children:o})]})})}function He({steps:r,level:t=3,ariaLabel:i}){const a=`h${t}`;return e.jsx(d,{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(r.length,1)}, minmax(0, 1fr))`}},children:r.map((o,s)=>e.jsx("li",{children:e.jsxs(f,{spacing:1,children:[e.jsx(d,{"aria-hidden":"true",sx:u=>({display:"grid",placeItems:"center",width:36,height:36,borderRadius:"50%",fontWeight:600,bgcolor:u.palette.primary.main,color:u.palette.primary.contrastText}),children:s+1}),e.jsx(p,{component:a,variant:"h6",children:o.title}),o.description&&e.jsx(p,{variant:"body2",color:"text.secondary",children:o.description})]})},o.title))})}function Pe({entries:r,level:t=3,ariaLabel:i}){const a=`h${t}`;return e.jsx(d,{component:"ol",role:"list","aria-label":i,sx:{listStyle:"none",m:0,p:0},children:r.map(o=>e.jsxs(d,{component:"li",id:o.id,sx:s=>({position:"relative",pl:4,pb:5,scrollMarginTop:s.spacing(10),"&::before":{content:'""',position:"absolute",left:7,top:14,bottom:0,width:2,bgcolor:s.palette.divider},"&:last-of-type":{pb:0},"&:last-of-type::before":{display:"none"}}),children:[e.jsx(d,{"aria-hidden":"true",sx:s=>({position:"absolute",left:0,top:6,width:16,height:16,borderRadius:"50%",bgcolor:s.palette.primary.main,border:`3px solid ${s.palette.background.default}`,boxSizing:"border-box"})}),e.jsx(p,{component:a,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(d,{sx:{mt:2},children:o.content})]},o.id))})}const L={position:"static",color:"inherit",font:"inherit",textAlign:"left",cursor:"pointer","&::after":{content:'""',position:"absolute",inset:0}};function Le({name:r,subtitle:t,bio:i,tags:a=[],href:o,onClick:s,level:u=3,bioLines:x=3}){const l=`h${u}`,n=!!(o||s),c=o?e.jsx(w,{href:o,underline:"none",sx:L,children:r}):s?e.jsx(w,{component:"button",type:"button",onClick:s,underline:"none",sx:L,children:r}):r;return e.jsx(B,{sx:h=>({position:"relative",height:"100%",...n&&{"&:hover":{borderColor:h.palette.primary.main}},"&:has(:focus-visible)":{outline:`2px solid ${h.palette.primary.main}`,outlineOffset:2},"& a:focus-visible, & button:focus-visible":{outline:"none"}}),children:e.jsxs(D,{children:[e.jsx(p,{component:l,variant:"h6",children:c}),t&&e.jsx(p,{variant:"body2",color:"text.secondary",children:t}),i&&e.jsx(p,{variant:"body2",sx:{mt:1,display:"-webkit-box",WebkitLineClamp:x,WebkitBoxOrient:"vertical",overflow:"hidden"},children:i}),a.length>0&&e.jsx(f,{direction:"row",spacing:1,useFlexGap:!0,flexWrap:"wrap",sx:{mt:2},children:a.map(h=>h.color?e.jsx(U,{label:h.label,color:h.color},h.label):e.jsx(q,{label:h.label,size:"small"},h.label))})]})})}const I={position:"static",color:"inherit",font:"inherit",textAlign:"left",cursor:"pointer","&::after":{content:'""',position:"absolute",inset:0}},Ge=r=>({"&:has(:focus-visible)":{outline:`2px solid ${r.palette.primary.main}`,outlineOffset:2},"& a:focus-visible, & button:focus-visible":{outline:"none"}});function Ve({title:r,subtitle:t,meta:i,imageUrl:a,duration:o,badge:s,href:u,onClick:x,level:l=3,playIcon:n=!0,aspectRatio:c="16 / 9"}){const h=`h${l}`,m=!!(u||x),y=u?e.jsx(w,{href:u,underline:"none",sx:I,children:r}):x?e.jsx(w,{component:"button",type:"button",onClick:x,underline:"none",sx:I,children:r}):r;return e.jsxs(B,{sx:b=>({position:"relative",height:"100%",overflow:"hidden",transition:"transform 250ms ease, box-shadow 250ms ease, border-color 250ms ease",...m&&{"&:hover":{transform:"scale(1.03)",boxShadow:b.vietri.shadow.lg,borderColor:b.palette.primary.main},"&:hover .media-card-image":{transform:"scale(1.06)"}},...Ge(b)}),children:[e.jsxs(d,{sx:b=>({position:"relative",aspectRatio:c,overflow:"hidden",bgcolor:b.vietri.color.chip}),children:[a&&e.jsx(d,{component:"img",className:"media-card-image",src:a,alt:"",loading:"lazy",sx:{display:"block",width:"100%",height:"100%",objectFit:"cover",transition:"transform 400ms ease"}}),n&&e.jsx(d,{"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(S,{icon:g.Play,size:22})}),s&&e.jsx(d,{sx:b=>({position:"absolute",top:8,left:8,px:1,py:.25,borderRadius:1,fontSize:"0.75rem",fontWeight:600,bgcolor:b.vietri.color.action[0],color:b.vietri.color.onAction}),children:s}),o&&e.jsx(d,{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(D,{children:[i&&e.jsx(p,{component:"p",variant:"overline",color:"text.secondary",children:i}),e.jsx(p,{component:h,variant:"h6",children:y}),t&&e.jsx(p,{variant:"body2",color:"text.secondary",children:t})]})]})}function Ne({title:r,children:t,level:i=2,itemWidth:a=280,previousLabel:o="Scroll left",nextLabel:s="Scroll right",action:u}){const x=`h${i}`,l=v.useId(),n=v.useRef(null),c=v.Children.toArray(t);function h(m){const y=n.current;if(!y)return;const b=typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;y.scrollBy?.({left:m*y.clientWidth*.8,behavior:b?"auto":"smooth"})}return e.jsxs(d,{component:"section","aria-labelledby":l,sx:{mb:4},children:[e.jsxs(f,{direction:"row",justifyContent:"space-between",alignItems:"center",sx:{mb:2},children:[e.jsx(p,{id:l,component:x,variant:"h5",children:r}),e.jsxs(f,{direction:"row",spacing:1,alignItems:"center",children:[u,e.jsx(A,{color:"primary","aria-label":o,onClick:()=>h(-1),children:e.jsx(S,{icon:g.ChevronLeft})}),e.jsx(A,{color:"primary","aria-label":s,onClick:()=>h(1),children:e.jsx(S,{icon:g.ChevronRight})})]})]}),e.jsx(d,{ref:n,tabIndex:0,sx:m=>({overflowX:"auto",pt:1.5,pb:2,scrollSnapType:"x proximity",scrollbarWidth:"thin",scrollbarColor:`${m.palette.text.secondary} transparent`,"&::-webkit-scrollbar":{height:8},"&::-webkit-scrollbar-track":{backgroundColor:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:m.palette.text.secondary,borderRadius:4},"&:focus-visible":{outline:`2px solid ${m.palette.primary.main}`,outlineOffset:2}}),children:e.jsx(d,{component:"ul",role:"list",sx:{listStyle:"none",m:0,p:0,display:"flex",gap:2},children:c.map((m,y)=>e.jsx(d,{component:"li",sx:{flex:`0 0 ${a}px`,scrollSnapAlign:"start"},children:m},y))})})]})}function Ue(r,t,i){const a=new URLSearchParams({rel:"0",modestbranding:"1"});return t&&a.set("start",String(Math.floor(t))),i&&a.set("autoplay","1"),`https://www.youtube-nocookie.com/embed/${encodeURIComponent(r)}?${a.toString()}`}function Xe({videoId:r,title:t,poster:i,start:a,lazy:o=!0,playLabel:s}){const[u,x]=v.useState(!o),l=v.useRef(!1),n=v.useRef(null);return v.useEffect(()=>{u&&l.current&&n.current?.focus()},[u]),e.jsx(d,{sx:{position:"relative",width:"100%",aspectRatio:"16 / 9",overflow:"hidden",borderRadius:2,bgcolor:"#000000"},children:u?e.jsx("iframe",{ref:n,src:Ue(r,a,l.current),title:t,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":s??`Play video: ${t}`,onClick:()=>{l.current=!0,x(!0)},sx:{position:"absolute",inset:0,width:"100%",height:"100%","&:focus-visible":{outline:"3px solid #FFFFFF",outlineOffset:-6}},children:[i&&e.jsx(d,{component:"img",src:i,alt:"",loading:"lazy",sx:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"}}),e.jsx(d,{"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(S,{icon:g.Play,size:32})})]})})}const _e=r=>({"&:has(:focus-visible)":{outline:`2px solid ${r.palette.primary.main}`,outlineOffset:-2},"& a:focus-visible, & button:focus-visible":{outline:"none"}});function Ye({episodes:r,currentId:t,onSelect:i,level:a=3,ariaLabel:o,episodeLabel:s=x=>`Episode ${x}`,currentLabel:u="Now playing"}){const x=`h${a}`;return e.jsx(d,{component:"ol",role:"list","aria-label":o,sx:{listStyle:"none",m:0,p:0},children:r.map(l=>{const n=l.id===t,c=!!(i||l.href),h=i?e.jsx(w,{component:"button",type:"button",onClick:()=>i(l.id),"aria-current":n?"true":void 0,underline:"none",sx:I,children:l.title}):l.href?e.jsx(w,{href:l.href,"aria-current":n?"true":void 0,underline:"none",sx:I,children:l.title}):l.title;return e.jsxs(d,{component:"li",sx:m=>({position:"relative",display:"flex",gap:2,p:2,borderBottom:1,borderColor:"divider",borderLeft:4,borderLeftColor:n?m.palette.primary.main:"transparent",...c&&{"&:hover":{bgcolor:m.palette.action.hover}},..._e(m)}),children:[l.imageUrl&&e.jsx(d,{component:"img",src:l.imageUrl,alt:"",loading:"lazy",sx:{flex:"0 0 auto",width:{xs:112,sm:160},aspectRatio:l.imageAspectRatio??"16 / 9",objectFit:"cover",borderRadius:1}}),e.jsxs(d,{sx:{minWidth:0},children:[e.jsxs(p,{component:"p",variant:"overline",color:"text.secondary",children:[s(l.number),n&&` · ${u}`]}),e.jsx(p,{component:x,variant:"h6",children:h}),l.meta&&e.jsx(p,{variant:"body2",color:"text.secondary",children:l.meta}),l.description&&e.jsx(p,{variant:"body2",sx:{mt:.5,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:l.description})]})]},l.id)})})}function Je({title:r,description:t,imageUrl:i,platforms:a,level:o=3,platformsLabel:s="Listen on",externalLabel:u="(opens in a new tab)"}){const x=`h${o}`;return e.jsxs(B,{sx:{height:"100%"},children:[e.jsx(d,{sx:l=>({aspectRatio:"1 / 1",display:"grid",placeItems:"center",bgcolor:l.vietri.color.chip,color:l.palette.text.secondary}),children:i?e.jsx(d,{component:"img",src:i,alt:"",loading:"lazy",sx:{display:"block",width:"100%",height:"100%",objectFit:"cover"}}):e.jsx(S,{icon:g.Music,size:48})}),e.jsxs(D,{children:[e.jsx(p,{component:x,variant:"h6",gutterBottom:!0,children:r}),t&&e.jsx(p,{variant:"body2",color:"text.secondary",children:t}),a.length>0&&e.jsx(f,{component:"ul",role:"list","aria-label":s,direction:"row",spacing:1,useFlexGap:!0,flexWrap:"wrap",sx:{listStyle:"none",m:0,mt:2,p:0},children:a.map(l=>e.jsx("li",{children:e.jsxs(M,{variant:"outlined",size:"small",href:l.href,target:"_blank",rel:"noopener noreferrer",endIcon:e.jsx(S,{icon:g.ExternalLink,size:14}),children:[l.name,e.jsxs(T,{children:[" ","– ",r," ",u]})]})},l.name))})]})]})}function E(r,t,i=135){return`linear-gradient(${i}deg, ${r} 0%, ${t} 100%)`}function X(r){return{surface:E(...r.surface),action:E(...r.action),actionHover:E(...r.actionHover)}}const j={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"),d=require("@mui/material/Box"),b=require("@mui/material/Stack"),p=require("@mui/material/Typography"),M=require("@mui/material/Button"),D=require("@mui/material/Card"),Z=require("@mui/material/CardActionArea"),ee=require("@mui/material/CardActions"),E=require("@mui/material/CardContent"),re=require("@mui/material/CardMedia"),q=require("@mui/material/Chip"),y=require("react"),A=require("@mui/material/IconButton"),x=require("lucide-react"),te=require("@mui/material/Table"),ie=require("@mui/material/TableBody"),R=require("@mui/material/TableCell"),oe=require("@mui/material/TableContainer"),ne=require("@mui/material/TableHead"),$=require("@mui/material/TableRow"),ae=require("@mui/material/TableSortLabel"),se=require("@mui/material/DialogActions"),le=require("@mui/material/DialogContent"),ce=require("@mui/material/DialogContentText"),de=require("@mui/material/DialogTitle"),ue=require("@mui/material/Dialog"),G=require("@mui/material/Drawer"),w=require("@mui/material/Link"),O=require("@mui/material/Container"),pe=require("@mui/material/Divider"),F=require("@mui/material/styles"),N=require("@mui/material/TextField"),he=require("@mui/material/ToggleButton"),xe=require("@mui/material/ToggleButtonGroup"),ge=require("@mui/material/AppBar"),me=require("@mui/material/SvgIcon"),fe=require("@mui/material/Toolbar"),be=require("@mui/material/useMediaQuery"),ve=require("@mui/material/MenuItem"),ye=require("@mui/material/Tab"),Fe=require("@mui/material/Tabs"),je=require("@mui/material/ButtonBase");function Ce(){return e.jsx(me,{children:e.jsx("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"})})}function L({link:r,onClick:t,accent:i=!1}){const o=!!r.current;return e.jsx(w,{href:r.href,underline:i?o?"always":"hover":"none","aria-current":o?"page":void 0,onClick:t,sx:n=>({color:i?o?n.palette.text.primary:n.palette.primary.main:o?n.palette.text.primary:n.palette.text.secondary,fontWeight:o?600:500,...i&&o&&{textDecorationColor:n.palette.primary.main,textDecorationThickness:2,textUnderlineOffset:8},...!i&&{"&:hover":{color:n.palette.text.primary}}}),children:r.label})}function Se({brand:r,brandHref:t="/",links:i,actions:o,ariaLabel:n="Main",menuLabel:s="Menu",closeLabel:u="Close menu",maxWidth:h="lg",accentLinks:l=!1}){const a=F.useTheme(),c=be(a.breakpoints.up("md"),{noSsr:!0}),[g,m]=y.useState(!1),v=()=>m(!1);return e.jsxs(ge,{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(fe,{disableGutters:!0,sx:{justifyContent:"space-between",gap:3,minHeight:{xs:64,md:72}},children:[e.jsx(w,{href:t,underline:"none",color:"text.primary",sx:{fontWeight:600,letterSpacing:"-0.03em",fontSize:"1.125rem"},children:r}),c?e.jsxs(b,{direction:"row",alignItems:"center",spacing:4,children:[e.jsx(d,{component:"nav","aria-label":n,children:e.jsx(b,{component:"ul",direction:"row",spacing:4,sx:{listStyle:"none",m:0,p:0},children:i.map(f=>e.jsx("li",{children:e.jsx(L,{link:f,accent:l})},f.href))})}),o]}):e.jsxs(b,{direction:"row",alignItems:"center",spacing:1,children:[o,e.jsx(A,{edge:"end",color:l?"primary":"inherit","aria-label":s,"aria-expanded":g,onClick:()=>m(!0),children:e.jsx(Ce,{})})]})]})}),!c&&e.jsx(G,{anchor:"right",open:g,onClose:v,children:e.jsxs(d,{sx:{width:280,p:3},children:[e.jsx(b,{alignItems:"flex-end",sx:{mb:3},children:e.jsx(M,{variant:"text",color:l?"primary":"secondary",onClick:v,children:u})}),e.jsx(d,{component:"nav","aria-label":n,children:e.jsx(b,{component:"ul",spacing:3,sx:{listStyle:"none",m:0,p:0,fontSize:"1.25rem"},children:i.map(f=>e.jsx("li",{children:e.jsx(L,{link:f,onClick:v,accent:l})},f.href))})})]})})]})}const we=[{value:"en",label:"EN"},{value:"es",label:"ES"}];function ke({value:r,onChange:t,options:i=we,ariaLabel:o="Language"}){return e.jsx(xe,{exclusive:!0,size:"small",value:r,"aria-label":o,onChange:(n,s)=>{s!==null&&t(s)},children:i.map(n=>e.jsx(he,{value:n.value,children:n.label},n.value))})}function Be({value:r,label:t,description:i}){return e.jsx(D,{children:e.jsxs(E,{children:[e.jsx(p,{variant:"h3",component:"p",children:r}),e.jsx(p,{variant:"body1",sx:{mt:1},children:t}),i&&e.jsx(p,{variant:"body2",color:"text.secondary",sx:{mt:1},children:i})]})})}function U(r,t){return r[t.key]}function P(r,t){if(t.sortValue)return t.sortValue(r);const i=U(r,t);return typeof i=="number"?i:String(i??"")}function De(r,t){return typeof r=="number"&&typeof t=="number"?r-t:String(r).localeCompare(String(t),void 0,{numeric:!0})}function Ee({columns:r,rows:t,getRowKey:i,caption:o,emptyMessage:n="No data"}){const[s,u]=y.useState(null),h=y.useMemo(()=>{if(!s)return t;const a=r.find(g=>g.key===s.key);if(!a)return t;const c=s.direction==="asc"?1:-1;return[...t].sort((g,m)=>c*De(P(g,a),P(m,a)))},[t,r,s]),l=a=>{u(c=>c?.key===a&&c.direction==="asc"?{key:a,direction:"desc"}:{key:a,direction:"asc"})};return e.jsx(oe,{tabIndex:0,sx:{overflowX:"auto"},children:e.jsxs(te,{children:[o&&e.jsx(p,{component:"caption",variant:"body2",color:"text.secondary",sx:{captionSide:"top",textAlign:"left",pb:2},children:o}),e.jsx(ne,{children:e.jsx($,{children:r.map(a=>{const c=s?.key===a.key?s.direction:void 0;return e.jsx(R,{align:a.align,sortDirection:c??!1,children:a.sortable?e.jsx(ae,{active:c!==void 0,direction:c??"asc",onClick:()=>l(a.key),children:a.header}):a.header},a.key)})})}),e.jsx(ie,{children:h.length===0?e.jsx($,{children:e.jsx(R,{colSpan:r.length,align:"center",children:n})}):h.map(a=>e.jsx($,{children:r.map((c,g)=>e.jsx(R,{align:c.align,component:g===0?"th":"td",scope:g===0?"row":void 0,children:c.render?c.render(a):String(U(a,c)??"")},c.key))},i(a)))})]})})}function Ae({data:r,title:t,max:i,formatValue:o=String}){const n=i??Math.max(0,...r.map(s=>s.value));return e.jsxs(d,{component:"figure",sx:{m:0},children:[t&&e.jsx(p,{component:"figcaption",variant:"overline",color:"text.secondary",sx:{display:"block",mb:2},children:t}),e.jsx(b,{component:"ul",spacing:1.5,sx:{listStyle:"none",m:0,p:0},children:r.map(s=>{const u=n>0?Math.min(100,Math.max(0,s.value/n*100)):0,h=o(s.value);return e.jsxs(d,{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:s.label}),e.jsx(d,{role:"meter","aria-label":s.label,"aria-valuemin":0,"aria-valuemax":n,"aria-valuenow":s.value,"aria-valuetext":h,sx:{height:12,borderRadius:1,bgcolor:"divider",overflow:"hidden"},children:e.jsx(d,{style:{width:`${u}%`},sx:{height:"100%",bgcolor:"primary.main"}})}),e.jsx(p,{variant:"body2","aria-hidden":"true",sx:{minWidth:40,textAlign:"right",fontWeight:600},children:h})]},s.label)})})]})}function S({icon:r,label:t,size:i=18,...o}){return t?e.jsx(r,{size:i,role:"img","aria-label":t,...o}):e.jsx(r,{size:i,"aria-hidden":"true",focusable:"false",...o})}const Ie=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 X({color:r,dot:t=!1,...i}){return e.jsx(q,{size:"small",...i,icon:t?e.jsx(d,{component:"span","aria-hidden":"true",sx:{width:8,height:8,borderRadius:"50%",bgcolor:r.fg}}):void 0,sx:{bgcolor:r.bg,color:r.fg,"&.MuiChip-clickable:hover":{bgcolor:r.bg,filter:"brightness(0.95)"},"& .MuiChip-icon":{color:r.fg,ml:1,mr:-.25}}})}function T(r){return e.jsx(d,{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"},...r})}function Me({title:r,description:t,lines:i=[],links:o=[],linksLabel:n="Footer links",action:s,legal:u,externalLabel:h="(opens in a new tab)"}){const{glow:l}=F.useTheme().vietri.color;return e.jsxs(d,{component:"footer",sx:a=>({position:"relative",overflow:"hidden",py:6,color:a.vietri.color.onSurface,background:a.vietri.gradient.surface,...a.vietri.color.surfaceRule&&{borderTop:`4px solid ${a.vietri.color.surfaceRule}`},"& a:focus-visible, & button:focus-visible":{outline:"2px solid",outlineColor:a.vietri.color.onSurface,outlineOffset:3}}),children:[l&&e.jsxs(e.Fragment,{children:[e.jsx(d,{"aria-hidden":"true",sx:{position:"absolute",top:-96,right:-96,width:384,height:384,borderRadius:"50%",bgcolor:F.alpha(l[0],.22),filter:"blur(64px)",pointerEvents:"none"}}),e.jsx(d,{"aria-hidden":"true",sx:{position:"absolute",bottom:-96,left:-96,width:384,height:384,borderRadius:"50%",bgcolor:F.alpha(l[1],.22),filter:"blur(64px)",pointerEvents:"none"}})]}),e.jsxs(O,{maxWidth:"lg",sx:{position:"relative",zIndex:1},children:[e.jsxs(b,{direction:{xs:"column",sm:"row"},justifyContent:"space-between",alignItems:{xs:"flex-start",sm:"center"},spacing:4,children:[e.jsxs(b,{spacing:1,children:[e.jsx(p,{component:"p",variant:"h6",children:r}),t&&e.jsx(p,{variant:"body2",sx:a=>({maxWidth:560,color:a.vietri.color.onSurfaceSoft}),children:t}),i.map(a=>e.jsx(p,{variant:"body2",sx:c=>({color:c.vietri.color.onSurfaceSoft}),children:a},a))]}),e.jsxs(b,{spacing:2,alignItems:{xs:"flex-start",sm:"flex-end"},children:[o.length>0&&e.jsx(d,{component:"nav","aria-label":n,children:e.jsx(b,{component:"ul",direction:"row",spacing:3,useFlexGap:!0,flexWrap:"wrap",sx:{listStyle:"none",m:0,p:0},children:o.map(a=>e.jsx("li",{children:e.jsxs(w,{href:a.href,color:"inherit",underline:"always",target:a.external?"_blank":void 0,rel:a.external?"noopener noreferrer":void 0,sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[a.label,a.external&&e.jsxs(e.Fragment,{children:[e.jsx(S,{icon:x.ExternalLink,size:14}),e.jsx(T,{children:h})]})]})},a.href))})}),s]})]}),u&&e.jsxs(e.Fragment,{children:[e.jsx(pe,{sx:a=>({my:3,borderColor:F.alpha(a.vietri.color.onSurface,.25)})}),e.jsx(p,{variant:"body2",sx:a=>({color:a.vietri.color.onSurfaceSoft}),children:u})]})]})]})}function Te({title:r,eyebrow:t,description:i,level:o=2,align:n="left"}){const s=`h${o}`;return e.jsxs(b,{spacing:1,sx:{textAlign:n,alignItems:n==="center"?"center":"flex-start"},children:[t&&e.jsx(p,{component:"p",variant:"overline",color:"primary.main",sx:{display:"inline-flex",alignItems:"center",gap:.75,lineHeight:1.5},children:t}),e.jsx(p,{component:s,variant:"h3",children:r}),i&&e.jsx(p,{variant:"body1",color:"text.secondary",sx:{maxWidth:680},children:i})]})}function We({label:r,value:t,onChange:i,options:o,helperText:n,disabled:s,fullWidth:u,size:h,id:l}){const a=new Map(o.map(c=>[c.value,c]));return e.jsx(N,{select:!0,id:l,label:r,value:t,onChange:c=>i(c.target.value),helperText:n,disabled:s,fullWidth:u,size:h,slotProps:{select:{renderValue:c=>{const g=a.get(String(c));return g?e.jsxs(d,{component:"span",sx:{display:"inline-flex",alignItems:"center",gap:1},children:[g.adornment,g.label]}):""}}},children:o.map(c=>e.jsxs(ve,{value:c.value,sx:{gap:1},children:[c.adornment,c.label,c.count!==void 0&&e.jsx(p,{component:"span",variant:"caption",color:"text.secondary",sx:{ml:"auto",pl:2},children:c.count})]},c.value))})}function Re({open:r,onClose:t,title:i,description:o,children:n,actions:s,closeLabel:u="Close",maxWidth:h="sm"}){const l=y.useId(),a=y.useId();return e.jsxs(ue,{open:r,onClose:t,fullWidth:!0,maxWidth:h,"aria-labelledby":l,"aria-describedby":o?a:void 0,children:[e.jsx(de,{id:l,sx:{pr:7},children:i}),e.jsx(A,{"aria-label":u,onClick:t,sx:{position:"absolute",top:8,right:8},children:e.jsx(S,{icon:x.X})}),e.jsxs(le,{children:[o&&e.jsx(ce,{id:a,sx:{mb:n?2:0},children:o}),n]}),s&&e.jsx(se,{sx:{px:3,pb:2},children:s})]})}function $e({open:r,onClose:t,title:i,eyebrow:o,children:n,footer:s,anchor:u="right",width:h=420,closeLabel:l="Close"}){const a=y.useId();return e.jsx(G,{anchor:u,open:r,onClose:t,children:e.jsxs(d,{role:"dialog","aria-modal":"true","aria-labelledby":a,sx:{width:{xs:"100vw",sm:h},maxWidth:"100vw",height:"100%",display:"flex",flexDirection:"column"},children:[e.jsxs(b,{direction:"row",justifyContent:"space-between",alignItems:"center",sx:{p:3,pb:1},children:[e.jsx(p,{component:"p",variant:"overline",color:"primary.main",children:o}),e.jsx(A,{"aria-label":l,onClick:t,edge:"end",children:e.jsx(S,{icon:x.X})})]}),e.jsxs(d,{sx:{px:3,pb:2,flex:1,overflowY:"auto"},tabIndex:0,children:[e.jsx(p,{id:a,component:"h2",variant:"h4",sx:{mb:2},children:i}),n]}),s&&e.jsx(d,{sx:{p:3,borderTop:1,borderColor:"divider"},children:s})]})})}function qe({label:r,value:t,copyLabel:i="Copy",copiedLabel:o="Copied!",errorLabel:n="Could not copy",copiedDuration:s=2e3}){const[u,h]=y.useState("idle"),l=y.useRef(void 0);y.useEffect(()=>()=>clearTimeout(l.current),[]);async function a(){try{await navigator.clipboard.writeText(t),h("copied")}catch{h("error")}clearTimeout(l.current),l.current=setTimeout(()=>h("idle"),s)}const c=u==="copied"?o:u==="error"?n:"";return e.jsxs(b,{spacing:1.5,children:[e.jsx(p,{component:"p",variant:"overline",color:"text.secondary",children:r}),e.jsx(d,{role:"region","aria-label":r,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:t})}),e.jsx(M,{onClick:a,startIcon:e.jsx(S,{icon:u==="copied"?x.Check:x.Copy}),fullWidth:!0,children:u==="copied"?o:i}),e.jsx(T,{role:"status","aria-live":"polite",children:c})]})}function Oe({href:r,children:t="Skip to content"}){return e.jsx(w,{href:r,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:t})}function ze({title:r,eyebrow:t,description:i,actions:o,level:n=1,align:s="left",accentRule:u=!1,image:h,imagePosition:l="center"}){const a=`h${n}`,c=s==="center",g=!!h;return e.jsx(d,{component:"section",sx:m=>{const v=m.vietri.color.scrim,f=m.vietri.gradient.surface,z=`linear-gradient(0deg, ${v} 0%, ${F.alpha(v,0)} 18%)`,H=`url(${JSON.stringify(h??"")})`;return{display:"flex",alignItems:"center",py:{xs:6,md:10},...g&&{minHeight:{xs:440,md:600}},color:m.vietri.color.onSurface,...g?{backgroundImage:{xs:`linear-gradient(${F.alpha(v,.8)}, ${F.alpha(v,.8)}), ${z}, ${H}, ${f}`,md:`linear-gradient(90deg, ${F.alpha(v,.84)} 0%, ${F.alpha(v,.74)} 62%, ${F.alpha(v,.1)} 100%), ${z}, ${H}, ${f}`},backgroundSize:"cover",backgroundPosition:l,backgroundRepeat:"no-repeat"}:{background:f},"& a:focus-visible, & button:focus-visible":{outline:"2px solid",outlineColor:m.vietri.color.onSurface,outlineOffset:3},"& .MuiButton-outlined, & .MuiButton-text":{color:"inherit",borderColor:"currentColor"},"& .MuiButton-outlined:hover, & .MuiButton-text:hover":{borderColor:"currentColor",backgroundColor:F.alpha(m.vietri.color.onSurface,.14)}}},children:e.jsx(O,{maxWidth:"lg",sx:{width:"100%"},children:e.jsxs(b,{spacing:2,sx:{alignItems:c?"center":"flex-start",textAlign:s,...g&&{maxWidth:{md:"60%"},...c&&{mx:"auto"}}},children:[t&&e.jsx(p,{component:"p",variant:"overline",sx:m=>({color:m.vietri.color.onSurfaceSoft}),children:t}),e.jsx(p,{component:a,variant:"h2",sx:{maxWidth:900},children:r}),u&&e.jsx(d,{"aria-hidden":"true",sx:m=>({width:72,height:6,borderRadius:3,bgcolor:m.vietri.color.accentLarge??m.palette.primary.main})}),i&&e.jsx(p,{variant:"body1",sx:m=>({maxWidth:680,color:m.vietri.color.onSurfaceSoft}),children:i}),o&&e.jsx(b,{direction:"row",spacing:2,useFlexGap:!0,flexWrap:"wrap",sx:{pt:2,justifyContent:c?"center":"flex-start"},children:o})]})})})}function He({icon:r,title:t,description:i,level:o=3,children:n}){const s=`h${o}`;return e.jsx(D,{sx:{height:"100%"},children:e.jsxs(E,{children:[e.jsx(d,{sx:u=>({display:"grid",placeItems:"center",width:44,height:44,mb:2,borderRadius:2,bgcolor:u.vietri.color.chip,color:u.palette.primary.main}),children:e.jsx(S,{icon:r,size:22})}),e.jsx(p,{component:s,variant:"h6",gutterBottom:!0,children:t}),i&&e.jsx(p,{variant:"body2",color:"text.secondary",children:i}),n&&e.jsx(d,{sx:{mt:2},children:n})]})})}function Le({steps:r,level:t=3,ariaLabel:i}){const o=`h${t}`;return e.jsx(d,{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(r.length,1)}, minmax(0, 1fr))`}},children:r.map((n,s)=>e.jsx("li",{children:e.jsxs(b,{spacing:1,children:[e.jsx(d,{"aria-hidden":"true",sx:u=>({display:"grid",placeItems:"center",width:36,height:36,borderRadius:"50%",fontWeight:600,bgcolor:u.palette.primary.main,color:u.palette.primary.contrastText}),children:s+1}),e.jsx(p,{component:o,variant:"h6",children:n.title}),n.description&&e.jsx(p,{variant:"body2",color:"text.secondary",children:n.description})]})},n.title))})}function Pe({entries:r,level:t=3,ariaLabel:i}){const o=`h${t}`;return e.jsx(d,{component:"ol",role:"list","aria-label":i,sx:{listStyle:"none",m:0,p:0},children:r.map(n=>e.jsxs(d,{component:"li",id:n.id,sx:s=>({position:"relative",pl:4,pb:5,scrollMarginTop:s.spacing(10),"&::before":{content:'""',position:"absolute",left:7,top:14,bottom:0,width:2,bgcolor:s.palette.divider},"&:last-of-type":{pb:0},"&:last-of-type::before":{display:"none"}}),children:[e.jsx(d,{"aria-hidden":"true",sx:s=>({position:"absolute",left:0,top:6,width:16,height:16,borderRadius:"50%",bgcolor:s.palette.primary.main,border:`3px solid ${s.palette.background.default}`,boxSizing:"border-box"})}),e.jsx(p,{component:o,variant:"h5",children:n.label}),n.description&&e.jsx(p,{variant:"body2",color:"text.secondary",sx:{mt:.5},children:n.description}),n.content&&e.jsx(d,{sx:{mt:2},children:n.content})]},n.id))})}const V={position:"static",color:"inherit",font:"inherit",textAlign:"left",cursor:"pointer","&::after":{content:'""',position:"absolute",inset:0}};function Ve({name:r,subtitle:t,bio:i,tags:o=[],href:n,onClick:s,level:u=3,bioLines:h=3}){const l=`h${u}`,a=!!(n||s),c=n?e.jsx(w,{href:n,underline:"none",sx:V,children:r}):s?e.jsx(w,{component:"button",type:"button",onClick:s,underline:"none",sx:V,children:r}):r;return e.jsx(D,{sx:g=>({position:"relative",height:"100%",...a&&{"&: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(E,{children:[e.jsx(p,{component:l,variant:"h6",children:c}),t&&e.jsx(p,{variant:"body2",color:"text.secondary",children:t}),i&&e.jsx(p,{variant:"body2",sx:{mt:1,display:"-webkit-box",WebkitLineClamp:h,WebkitBoxOrient:"vertical",overflow:"hidden"},children:i}),o.length>0&&e.jsx(b,{direction:"row",spacing:1,useFlexGap:!0,flexWrap:"wrap",sx:{mt:2},children:o.map(g=>g.color?e.jsx(X,{label:g.label,color:g.color},g.label):e.jsx(q,{label:g.label,size:"small"},g.label))})]})})}const I={position:"static",color:"inherit",font:"inherit",textAlign:"left",cursor:"pointer","&::after":{content:'""',position:"absolute",inset:0}},Ge=r=>({"&:has(:focus-visible)":{outline:`2px solid ${r.palette.primary.main}`,outlineOffset:2},"& a:focus-visible, & button:focus-visible":{outline:"none"}});function Ne({title:r,subtitle:t,meta:i,imageUrl:o,duration:n,badge:s,href:u,onClick:h,level:l=3,playIcon:a=!0,aspectRatio:c="16 / 9"}){const g=`h${l}`,m=!!(u||h),v=u?e.jsx(w,{href:u,underline:"none",sx:I,children:r}):h?e.jsx(w,{component:"button",type:"button",onClick:h,underline:"none",sx:I,children:r}):r;return e.jsxs(D,{sx:f=>({position:"relative",height:"100%",overflow:"hidden",transition:"transform 250ms ease, box-shadow 250ms ease, border-color 250ms ease",...m&&{"&:hover":{transform:"scale(1.03)",boxShadow:f.vietri.shadow.lg,borderColor:f.palette.primary.main},"&:hover .media-card-image":{transform:"scale(1.06)"}},...Ge(f)}),children:[e.jsxs(d,{sx:f=>({position:"relative",aspectRatio:c,overflow:"hidden",bgcolor:f.vietri.color.chip}),children:[o&&e.jsx(d,{component:"img",className:"media-card-image",src:o,alt:"",loading:"lazy",sx:{display:"block",width:"100%",height:"100%",objectFit:"cover",transition:"transform 400ms ease"}}),a&&e.jsx(d,{"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(S,{icon:x.Play,size:22})}),s&&e.jsx(d,{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:s}),n&&e.jsx(d,{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:n})]}),e.jsxs(E,{children:[i&&e.jsx(p,{component:"p",variant:"overline",color:"text.secondary",children:i}),e.jsx(p,{component:g,variant:"h6",children:v}),t&&e.jsx(p,{variant:"body2",color:"text.secondary",children:t})]})]})}function Ue({title:r,children:t,level:i=2,itemWidth:o=280,previousLabel:n="Scroll left",nextLabel:s="Scroll right",action:u}){const h=`h${i}`,l=y.useId(),a=y.useRef(null),c=y.Children.toArray(t);function g(m){const v=a.current;if(!v)return;const f=typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;v.scrollBy?.({left:m*v.clientWidth*.8,behavior:f?"auto":"smooth"})}return e.jsxs(d,{component:"section","aria-labelledby":l,sx:{mb:4},children:[e.jsxs(b,{direction:"row",justifyContent:"space-between",alignItems:"center",sx:{mb:2},children:[e.jsx(p,{id:l,component:h,variant:"h5",children:r}),e.jsxs(b,{direction:"row",spacing:1,alignItems:"center",children:[u,e.jsx(A,{color:"primary","aria-label":n,onClick:()=>g(-1),children:e.jsx(S,{icon:x.ChevronLeft})}),e.jsx(A,{color:"primary","aria-label":s,onClick:()=>g(1),children:e.jsx(S,{icon:x.ChevronRight})})]})]}),e.jsx(d,{ref:a,tabIndex:0,sx:m=>({overflowX:"auto",pt:1.5,pb:2,scrollSnapType:"x proximity",scrollbarWidth:"thin",scrollbarColor:`${m.palette.primary.main} transparent`,"&::-webkit-scrollbar":{height:8},"&::-webkit-scrollbar-track":{backgroundColor:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:m.palette.primary.main,borderRadius:4},"&:focus-visible":{outline:`2px solid ${m.palette.primary.main}`,outlineOffset:2}}),children:e.jsx(d,{component:"ul",role:"list",sx:{listStyle:"none",m:0,p:0,display:"flex",gap:2},children:c.map((m,v)=>e.jsx(d,{component:"li",sx:{flex:`0 0 ${o}px`,scrollSnapAlign:"start"},children:m},v))})})]})}function Xe(r,t,i){const o=new URLSearchParams({rel:"0",modestbranding:"1"});return t&&o.set("start",String(Math.floor(t))),i&&o.set("autoplay","1"),`https://www.youtube-nocookie.com/embed/${encodeURIComponent(r)}?${o.toString()}`}function _e({videoId:r,title:t,poster:i,start:o,lazy:n=!0,playLabel:s}){const[u,h]=y.useState(!n),l=y.useRef(!1),a=y.useRef(null);return y.useEffect(()=>{u&&l.current&&a.current?.focus()},[u]),e.jsx(d,{sx:{position:"relative",width:"100%",aspectRatio:"16 / 9",overflow:"hidden",borderRadius:2,bgcolor:"#000000"},children:u?e.jsx("iframe",{ref:a,src:Xe(r,o,l.current),title:t,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(je,{"aria-label":s??`Play video: ${t}`,onClick:()=>{l.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(d,{component:"img",src:i,alt:"",loading:"lazy",sx:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"}}),e.jsx(d,{"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(S,{icon:x.Play,size:32})})]})})}const Ye=r=>({"&:has(:focus-visible)":{outline:`2px solid ${r.palette.primary.main}`,outlineOffset:-2},"& a:focus-visible, & button:focus-visible":{outline:"none"}});function Je({episodes:r,currentId:t,onSelect:i,level:o=3,ariaLabel:n,episodeLabel:s=h=>`Episode ${h}`,currentLabel:u="Now playing"}){const h=`h${o}`;return e.jsx(d,{component:"ol",role:"list","aria-label":n,sx:{listStyle:"none",m:0,p:0},children:r.map(l=>{const a=l.id===t,c=!!(i||l.href),g=i?e.jsx(w,{component:"button",type:"button",onClick:()=>i(l.id),"aria-current":a?"true":void 0,underline:"none",sx:I,children:l.title}):l.href?e.jsx(w,{href:l.href,"aria-current":a?"true":void 0,underline:"none",sx:I,children:l.title}):l.title;return e.jsxs(d,{component:"li",sx:m=>({position:"relative",display:"flex",gap:2,p:2,borderBottom:1,borderColor:"divider",borderLeft:4,borderLeftColor:a?m.palette.primary.main:"transparent",...c&&{"&:hover":{bgcolor:m.palette.action.hover}},...Ye(m)}),children:[l.imageUrl&&e.jsx(d,{component:"img",src:l.imageUrl,alt:"",loading:"lazy",sx:{flex:"0 0 auto",width:{xs:112,sm:160},aspectRatio:l.imageAspectRatio??"16 / 9",objectFit:"cover",borderRadius:1}}),e.jsxs(d,{sx:{minWidth:0},children:[e.jsxs(p,{component:"p",variant:"overline",color:"text.secondary",children:[s(l.number),a&&` · ${u}`]}),e.jsx(p,{component:h,variant:"h6",children:g}),l.meta&&e.jsx(p,{variant:"body2",color:"text.secondary",children:l.meta}),l.description&&e.jsx(p,{variant:"body2",sx:{mt:.5,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:l.description})]})]},l.id)})})}function Qe({title:r,description:t,imageUrl:i,platforms:o,level:n=3,platformsLabel:s="Listen on",externalLabel:u="(opens in a new tab)"}){const h=`h${n}`;return e.jsxs(D,{sx:{height:"100%"},children:[e.jsx(d,{sx:l=>({aspectRatio:"1 / 1",display:"grid",placeItems:"center",bgcolor:l.vietri.color.chip,color:l.palette.text.secondary}),children:i?e.jsx(d,{component:"img",src:i,alt:"",loading:"lazy",sx:{display:"block",width:"100%",height:"100%",objectFit:"cover"}}):e.jsx(S,{icon:x.Music,size:48})}),e.jsxs(E,{children:[e.jsx(p,{component:h,variant:"h6",gutterBottom:!0,children:r}),t&&e.jsx(p,{variant:"body2",color:"text.secondary",children:t}),o.length>0&&e.jsx(b,{component:"ul",role:"list","aria-label":s,direction:"row",spacing:1,useFlexGap:!0,flexWrap:"wrap",sx:{listStyle:"none",m:0,mt:2,p:0},children:o.map(l=>e.jsx("li",{children:e.jsxs(M,{variant:"outlined",size:"small",href:l.href,target:"_blank",rel:"noopener noreferrer",endIcon:e.jsx(S,{icon:x.ExternalLink,size:14}),children:[l.name,e.jsxs(T,{children:[" ","– ",r," ",u]})]})},l.name))})]})]})}function B(r,t,i=135,o){const n=o?`, ${o} 60%`:"";return`linear-gradient(${i}deg, ${r} 0%${n}, ${t} 100%)`}function _(r){return{surface:B(r.surface[0],r.surface[1],r.surfaceAngle??135,r.surfaceMid),action:B(...r.action),actionHover:B(...r.actionHover)}}const C={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}},Ke={MuiCssBaseline:{styleOverrides:`
       @media (prefers-reduced-motion: reduce) {
         *, *::before, *::after {
           animation-duration: 0.01ms !important;
@@ -7,5 +7,5 @@
           scroll-behavior: auto !important;
         }
       }
-    `},MuiButton:{defaultProps:{disableElevation:!0},styleOverrides:{root:({theme:r,ownerState:t})=>{const i=t.variant==="outlined"?1:0;return{borderRadius:j.radius.md,...t.size==="large"&&{minHeight:52,padding:`${12-i}px ${32-i}px`,fontSize:"1rem"},"&:focus-visible":{outline:`2px solid ${r.palette.primary.main}`,outlineOffset:2}}},containedPrimary:({theme:r})=>({color:r.vietri.color.onAction,backgroundImage:r.vietri.gradient.action,"&:hover":{backgroundImage:r.vietri.gradient.actionHover},"&.Mui-disabled":{backgroundImage:"none",color:r.palette.action.disabled}})}},MuiLink:{styleOverrides:{root:({theme:r})=>({"&:focus-visible":{outline:`2px solid ${r.palette.primary.main}`,outlineOffset:3,borderRadius:j.radius.sm}})}},MuiChip:{styleOverrides:{root:({ownerState:r,theme:t})=>{const i=r.variant==="filled"&&r.color==="default";return{fontWeight:j.typography.fontWeight.semibold,fontSize:"0.75rem",...i&&{color:t.vietri.color.onChip,backgroundColor:t.vietri.color.chip,"&.MuiChip-clickable:hover":{backgroundColor:t.vietri.color.chipHover}}}}}},MuiCard:{defaultProps:{variant:"outlined"},styleOverrides:{root:{borderRadius:j.radius.lg,backgroundImage:"none"}}},MuiCardActionArea:{styleOverrides:{root:({theme:r})=>({"&:focus-visible":{outline:`2px solid ${r.palette.primary.main}`,outlineOffset:-2}})}},MuiDialog:{styleOverrides:{paper:{borderRadius:j.radius.lg,backgroundImage:"none"}}},MuiDrawer:{styleOverrides:{paper:{backgroundImage:"none"}}},MuiOutlinedInput:{styleOverrides:{root:({theme:r})=>({borderRadius:j.radius.md,"& .MuiOutlinedInput-notchedOutline":{borderColor:r.palette.text.secondary},"&:hover .MuiOutlinedInput-notchedOutline":{borderColor:r.palette.text.primary},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:r.palette.primary.main},"&.Mui-error .MuiOutlinedInput-notchedOutline":{borderColor:r.palette.error.main},"&.Mui-disabled .MuiOutlinedInput-notchedOutline":{borderColor:r.palette.divider}})}},MuiTableCell:{styleOverrides:{root:({theme:r})=>({borderBottomColor:r.palette.divider}),head:({theme:r})=>({fontWeight:j.typography.fontWeight.semibold,color:r.palette.text.primary,borderBottom:`2px solid ${r.palette.text.primary}`})}}},{typography:F,breakpoints:Ke}=j;function Ze(r){return{color:r,shadow:j.shadow,gradient:X(r)}}const er={spacing:j.spacing,shape:{borderRadius:j.radius.md},breakpoints:{values:{...Ke}},typography:{fontFamily:F.fontFamily,fontWeightRegular:F.fontWeight.regular,fontWeightMedium:F.fontWeight.medium,fontWeightBold:F.fontWeight.semibold,h1:{fontSize:"clamp(3rem, 8vw, 7rem)",fontWeight:F.fontWeight.semibold,letterSpacing:"-0.055em",lineHeight:.95},h2:{fontSize:"clamp(2rem, 5vw, 4rem)",fontWeight:F.fontWeight.semibold,letterSpacing:"-0.04em",lineHeight:1.05},h3:{fontSize:"clamp(1.5rem, 3vw, 2.25rem)",fontWeight:F.fontWeight.semibold,letterSpacing:"-0.03em",lineHeight:1.15},h4:{fontSize:"1.5rem",fontWeight:F.fontWeight.semibold,letterSpacing:"-0.02em",lineHeight:1.25},h5:{fontSize:"1.25rem",fontWeight:F.fontWeight.medium,lineHeight:1.3},h6:{fontSize:"1.0625rem",fontWeight:F.fontWeight.medium,lineHeight:1.4},body1:{fontSize:"1rem",lineHeight:1.6},body2:{fontSize:"0.875rem",lineHeight:1.55},button:{fontWeight:F.fontWeight.medium,textTransform:"none",letterSpacing:"-0.01em"},overline:{fontWeight:F.fontWeight.medium,letterSpacing:"0.12em"}},components:Qe};function W(r){return C.createTheme({...er,vietri:Ze(r),palette:{mode:r.mode,primary:{main:r.primary,contrastText:r.onPrimary},secondary:{main:r.secondary,contrastText:r.onSecondary},error:{main:r.status.error,contrastText:r.onStatus},warning:{main:r.status.warning,contrastText:r.onStatus},info:{main:r.status.info,contrastText:r.onStatus},success:{main:r.status.success,contrastText:r.onStatus},background:{default:r.bg,paper:r.paper},text:{primary:r.ink,secondary:r.inkSoft},divider:r.line}})}const k=r=>[r,r],rr={error:"#B91C1C",warning:"#92400E",info:"#0369A1",success:"#166534"},_={mode:"light",bg:"#FFFFFF",paper:"#FFFFFF",ink:"#111111",inkSoft:"#555555",line:"#E4E4E4",primary:"#000000",onPrimary:"#FFFFFF",secondary:"#7A5718",onSecondary:"#FFFFFF",action:k("#DBAC5B"),actionHover:k("#FDD07A"),onAction:"#000000",surface:k("#000000"),scrim:"#000000",onSurface:"#FFFFFF",onSurfaceSoft:"#D4D4D4",chip:"#F3EBDA",chipHover:"#E8DDC4",onChip:"#111111",glow:null,status:rr,onStatus:"#FFFFFF",brand:{black:"#000000",gold:"#DBAC5B",white:"#FFFFFF",goldLight:"#FDD07A"},derived:{bronze:"#7A5718",ink:"#111111",inkSoft:"#555555"}},Y={mode:"dark",bg:"#20123A",paper:"#2D1B50",ink:"#FFFFFF",inkSoft:"#D5CAEB",line:"rgba(255, 255, 255, 0.14)",primary:"#F4793F",onPrimary:"#20123A",secondary:"#B99BFF",onSecondary:"#20123A",action:k("#C8460B"),actionHover:k("#B63F0A"),onAction:"#FFFFFF",surface:["#0F5C66","#2D1B50"],scrim:"#3B2562",onSurface:"#FFFFFF",onSurfaceSoft:"#F7F3FF",chip:"#3C2866",chipHover:"#4A3478",onChip:"#FFFFFF",glow:null,status:{error:"#F87171",warning:"#FBBF24",info:"#7DD3FC",success:"#4ADE80"},onStatus:"#20123A",brand:{night:"#20123A",violet:"#693BCC",lavender:"#816CB2",teal:"#0F5C66",magenta:"#CB1F9C",orange:"#F35F1C"},derived:{lilac:"#B99BFF",nightRaised:"#2D1B50",orangeText:"#F4793F",orangeDeep:"#C8460B",orangeHover:"#B63F0A"}},J={mode:"light",bg:"#F7F4FA",paper:"#FFFFFF",ink:"#2B1B3D",inkSoft:"#5D4F70",line:"#E3DCEB",primary:"#027381",onPrimary:"#FFFFFF",secondary:"#4A0875",onSecondary:"#FFFFFF",action:k("#027381"),actionHover:k("#015C68"),onAction:"#FFFFFF",surface:k("#4A0875"),scrim:"#2B1B3D",onSurface:"#FFFFFF",onSurfaceSoft:"#E8DCF4",chip:"#EFE8F6",chipHover:"#E3D8EF",onChip:"#2B1B3D",glow:null,status:{error:"#C41E32",warning:"#92400E",info:"#0369A1",success:"#166534"},onStatus:"#FFFFFF",brand:{teal:"#027381",cyan:"#0EB9CB",amber:"#FFC23D",coral:"#FF7751",vermilion:"#F33829",crimson:"#C41E32",purple:"#4A0875"},derived:{page:"#F7F4FA",ink:"#2B1B3D",inkSoft:"#5D4F70",tealDark:"#015C68"}},tr=W(_),ir=W(Y),nr=W(J),Q=[{bg:"#E0F2FE",fg:"#0C4A6E",dot:"#0284C7"},{bg:"#EDE9FE",fg:"#4C1D95",dot:"#7C3AED"},{bg:"#FFE4E6",fg:"#881337",dot:"#E11D48"},{bg:"#FEF3C7",fg:"#78350F",dot:"#D97706"},{bg:"#D1FAE5",fg:"#064E3B",dot:"#059669"},{bg:"#FAE8FF",fg:"#701A75",dot:"#C026D3"},{bg:"#CCFBF1",fg:"#134E4A",dot:"#0D9488"},{bg:"#FFEDD5",fg:"#7C2D12",dot:"#EA580C"},{bg:"#E0E7FF",fg:"#312E81",dot:"#4F46E5"},{bg:"#ECFCCB",fg:"#365314",dot:"#65A30D"}];function or(r,t=Q){const i=Array.from(new Set(r));return Object.fromEntries(i.map((a,o)=>[a,t[o%t.length]]))}const ar=[{bg:"#027381",fg:"#FFFFFF",dot:"#027381"},{bg:"#FF7751",fg:"#2B1B3D",dot:"#C2410C"},{bg:"#FFC23D",fg:"#2B1B3D",dot:"#A16207"},{bg:"#4A0875",fg:"#FFFFFF",dot:"#4A0875"},{bg:"#0EB9CB",fg:"#2B1B3D",dot:"#0E7490"},{bg:"#C41E32",fg:"#FFFFFF",dot:"#C41E32"},{bg:"#F33829",fg:"#000000",dot:"#F33829"}];exports.Typography=p;exports.Button=M;exports.Card=B;exports.CardActionArea=K;exports.CardActions=Z;exports.CardContent=D;exports.CardMedia=ee;exports.Chip=q;exports.Input=V;exports.Tab=ve;exports.Tabs=ye;exports.BarChart=Ae;exports.CategoryChip=U;exports.ContentRail=Ne;exports.CopyField=Re;exports.DataTable=De;exports.Dialog=We;exports.Drawer=$e;exports.EpisodeList=Ye;exports.FeatureCard=ze;exports.Footer=Ie;exports.Hero=Oe;exports.Icon=S;exports.LanguageSwitch=we;exports.MediaCard=Ve;exports.NavBar=Ce;exports.PlaylistCard=Je;exports.ProfileCard=Le;exports.SectionHeader=Me;exports.Select=Te;exports.SkipLink=qe;exports.StatCard=ke;exports.Steps=He;exports.Timeline=Pe;exports.VideoEmbed=Xe;exports.VisuallyHidden=T;exports.categoryPalette=Q;exports.createCategoryColors=or;exports.createGradients=X;exports.createVietriTheme=W;exports.editorialColors=_;exports.editorialTheme=tr;exports.icons=Ee;exports.linearGradient=E;exports.observatoryCategoryPalette=ar;exports.observatoryColors=J;exports.observatoryTheme=nr;exports.streamingColors=Y;exports.streamingTheme=ir;exports.tokens=j;
+    `},MuiButton:{defaultProps:{disableElevation:!0},styleOverrides:{root:({theme:r,ownerState:t})=>{const i=t.variant==="outlined"?1:0,o=!!r.vietri.color.accentLarge;return{borderRadius:C.radius.md,...t.size==="large"&&{minHeight:52,padding:`${12-i}px ${32-i}px`,fontSize:o?"1.2rem":"1rem",...o&&{fontWeight:700}},"&:focus-visible":{outline:`2px solid ${r.palette.primary.main}`,outlineOffset:2}}},outlinedPrimary:({theme:r})=>{const t=r.vietri.color.outline;return t?{borderColor:t,color:r.palette.text.primary,"&:hover":{borderColor:r.palette.primary.main,backgroundColor:F.alpha(r.palette.primary.main,.14)}}:{}},containedPrimary:({theme:r,ownerState:t})=>{const{accentLarge:i,accentLargeHover:o}=r.vietri.color,n=t.size==="large"&&i;return{color:r.vietri.color.onAction,backgroundImage:n?B(i,i):r.vietri.gradient.action,"&:hover":{backgroundImage:n?B(o??i,o??i):r.vietri.gradient.actionHover},"&.Mui-disabled":{backgroundImage:"none",color:r.palette.action.disabled}}}}},MuiLink:{styleOverrides:{root:({theme:r})=>({"&:focus-visible":{outline:`2px solid ${r.palette.primary.main}`,outlineOffset:3,borderRadius:C.radius.sm}})}},MuiChip:{styleOverrides:{root:({ownerState:r,theme:t})=>{const i=r.variant==="filled"&&r.color==="default";return{fontWeight:C.typography.fontWeight.semibold,fontSize:"0.75rem",...i&&{color:t.vietri.color.onChip,backgroundColor:t.vietri.color.chip,"&.MuiChip-clickable:hover":{backgroundColor:t.vietri.color.chipHover}}}}}},MuiCard:{defaultProps:{variant:"outlined"},styleOverrides:{root:{borderRadius:C.radius.lg,backgroundImage:"none"}}},MuiCardActionArea:{styleOverrides:{root:({theme:r})=>({"&:focus-visible":{outline:`2px solid ${r.palette.primary.main}`,outlineOffset:-2}})}},MuiDialog:{styleOverrides:{paper:{borderRadius:C.radius.lg,backgroundImage:"none"}}},MuiDrawer:{styleOverrides:{paper:{backgroundImage:"none"}}},MuiOutlinedInput:{styleOverrides:{root:({theme:r})=>({borderRadius:C.radius.md,"& .MuiOutlinedInput-notchedOutline":{borderColor:r.palette.text.secondary},"&:hover .MuiOutlinedInput-notchedOutline":{borderColor:r.palette.text.primary},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:r.palette.primary.main},"&.Mui-error .MuiOutlinedInput-notchedOutline":{borderColor:r.palette.error.main},"&.Mui-disabled .MuiOutlinedInput-notchedOutline":{borderColor:r.palette.divider}})}},MuiTableCell:{styleOverrides:{root:({theme:r})=>({borderBottomColor:r.palette.divider}),head:({theme:r})=>({fontWeight:C.typography.fontWeight.semibold,color:r.palette.text.primary,borderBottom:`2px solid ${r.palette.text.primary}`})}}},{typography:j,breakpoints:Ze}=C;function er(r){return{color:r,shadow:C.shadow,gradient:_(r)}}const rr={spacing:C.spacing,shape:{borderRadius:C.radius.md},breakpoints:{values:{...Ze}},typography:{fontFamily:j.fontFamily,fontWeightRegular:j.fontWeight.regular,fontWeightMedium:j.fontWeight.medium,fontWeightBold:j.fontWeight.semibold,h1:{fontSize:"clamp(3rem, 8vw, 7rem)",fontWeight:j.fontWeight.semibold,letterSpacing:"-0.055em",lineHeight:.95},h2:{fontSize:"clamp(2rem, 5vw, 4rem)",fontWeight:j.fontWeight.semibold,letterSpacing:"-0.04em",lineHeight:1.05},h3:{fontSize:"clamp(1.5rem, 3vw, 2.25rem)",fontWeight:j.fontWeight.semibold,letterSpacing:"-0.03em",lineHeight:1.15},h4:{fontSize:"1.5rem",fontWeight:j.fontWeight.semibold,letterSpacing:"-0.02em",lineHeight:1.25},h5:{fontSize:"1.25rem",fontWeight:j.fontWeight.medium,lineHeight:1.3},h6:{fontSize:"1.0625rem",fontWeight:j.fontWeight.medium,lineHeight:1.4},body1:{fontSize:"1rem",lineHeight:1.6},body2:{fontSize:"0.875rem",lineHeight:1.55},button:{fontWeight:j.fontWeight.medium,textTransform:"none",letterSpacing:"-0.01em"},overline:{fontWeight:j.fontWeight.medium,letterSpacing:"0.12em"}},components:Ke};function W(r){return F.createTheme({...rr,vietri:er(r),palette:{mode:r.mode,primary:{main:r.primary,contrastText:r.onPrimary},secondary:{main:r.secondary,contrastText:r.onSecondary},error:{main:r.status.error,contrastText:r.onStatus},warning:{main:r.status.warning,contrastText:r.onStatus},info:{main:r.status.info,contrastText:r.onStatus},success:{main:r.status.success,contrastText:r.onStatus},background:{default:r.bg,paper:r.paper},text:{primary:r.ink,secondary:r.inkSoft},divider:r.line}})}const k=r=>[r,r],tr={error:"#B91C1C",warning:"#92400E",info:"#0369A1",success:"#166534"},Y={mode:"light",bg:"#FFFFFF",paper:"#FFFFFF",ink:"#111111",inkSoft:"#555555",line:"#E4E4E4",primary:"#000000",onPrimary:"#FFFFFF",secondary:"#7A5718",onSecondary:"#FFFFFF",action:k("#DBAC5B"),actionHover:k("#FDD07A"),onAction:"#000000",surface:k("#000000"),scrim:"#000000",onSurface:"#FFFFFF",onSurfaceSoft:"#D4D4D4",chip:"#F3EBDA",chipHover:"#E8DDC4",onChip:"#111111",glow:null,status:tr,onStatus:"#FFFFFF",brand:{black:"#000000",gold:"#DBAC5B",white:"#FFFFFF",goldLight:"#FDD07A"},derived:{bronze:"#7A5718",ink:"#111111",inkSoft:"#555555"}},J={mode:"dark",bg:"#20123A",paper:"#2D1B50",ink:"#FFFFFF",inkSoft:"#D5CAEB",line:"rgba(255, 255, 255, 0.14)",primary:"#F4793F",onPrimary:"#20123A",secondary:"#B99BFF",onSecondary:"#20123A",action:k("#C8460B"),actionHover:k("#B63F0A"),onAction:"#FFFFFF",outline:"#B99BFF",accentLarge:"#F35F1C",accentLargeHover:"#DE520F",surface:["#3B2562","#3B2562"],surfaceRule:"#F35F1C",scrim:"#4E2B8B",onSurface:"#FFFFFF",onSurfaceSoft:"#F7F3FF",chip:"#3C2866",chipHover:"#4A3478",onChip:"#FFFFFF",glow:null,status:{error:"#F87171",warning:"#FBBF24",info:"#7DD3FC",success:"#4ADE80"},onStatus:"#20123A",brand:{night:"#20123A",violet:"#693BCC",lavender:"#816CB2",magenta:"#CB1F9C",orange:"#F35F1C"},derived:{lilac:"#B99BFF",nightRaised:"#2D1B50",orangeText:"#F4793F",orangeDeep:"#C8460B",orangeHover:"#B63F0A",layerViolet:"#4E2B8B",footerViolet:"#3B2562"}},Q={mode:"light",bg:"#F7F4FA",paper:"#FFFFFF",ink:"#2B1B3D",inkSoft:"#5D4F70",line:"#E3DCEB",primary:"#027381",onPrimary:"#FFFFFF",secondary:"#4A0875",onSecondary:"#FFFFFF",action:k("#027381"),actionHover:k("#015C68"),onAction:"#FFFFFF",surface:k("#4A0875"),scrim:"#2B1B3D",onSurface:"#FFFFFF",onSurfaceSoft:"#E8DCF4",chip:"#EFE8F6",chipHover:"#E3D8EF",onChip:"#2B1B3D",glow:null,status:{error:"#C41E32",warning:"#92400E",info:"#0369A1",success:"#166534"},onStatus:"#FFFFFF",brand:{teal:"#027381",cyan:"#0EB9CB",amber:"#FFC23D",coral:"#FF7751",vermilion:"#F33829",crimson:"#C41E32",purple:"#4A0875"},derived:{page:"#F7F4FA",ink:"#2B1B3D",inkSoft:"#5D4F70",tealDark:"#015C68"}},ir=W(Y),or=W(J),nr=W(Q),K=[{bg:"#E0F2FE",fg:"#0C4A6E",dot:"#0284C7"},{bg:"#EDE9FE",fg:"#4C1D95",dot:"#7C3AED"},{bg:"#FFE4E6",fg:"#881337",dot:"#E11D48"},{bg:"#FEF3C7",fg:"#78350F",dot:"#D97706"},{bg:"#D1FAE5",fg:"#064E3B",dot:"#059669"},{bg:"#FAE8FF",fg:"#701A75",dot:"#C026D3"},{bg:"#CCFBF1",fg:"#134E4A",dot:"#0D9488"},{bg:"#FFEDD5",fg:"#7C2D12",dot:"#EA580C"},{bg:"#E0E7FF",fg:"#312E81",dot:"#4F46E5"},{bg:"#ECFCCB",fg:"#365314",dot:"#65A30D"}];function ar(r,t=K){const i=Array.from(new Set(r));return Object.fromEntries(i.map((o,n)=>[o,t[n%t.length]]))}const sr=[{bg:"#027381",fg:"#FFFFFF",dot:"#027381"},{bg:"#FF7751",fg:"#2B1B3D",dot:"#C2410C"},{bg:"#FFC23D",fg:"#2B1B3D",dot:"#A16207"},{bg:"#4A0875",fg:"#FFFFFF",dot:"#4A0875"},{bg:"#0EB9CB",fg:"#2B1B3D",dot:"#0E7490"},{bg:"#C41E32",fg:"#FFFFFF",dot:"#C41E32"},{bg:"#F33829",fg:"#000000",dot:"#F33829"}];exports.Typography=p;exports.Button=M;exports.Card=D;exports.CardActionArea=Z;exports.CardActions=ee;exports.CardContent=E;exports.CardMedia=re;exports.Chip=q;exports.Input=N;exports.Tab=ye;exports.Tabs=Fe;exports.BarChart=Ae;exports.CategoryChip=X;exports.ContentRail=Ue;exports.CopyField=qe;exports.DataTable=Ee;exports.Dialog=Re;exports.Drawer=$e;exports.EpisodeList=Je;exports.FeatureCard=He;exports.Footer=Me;exports.Hero=ze;exports.Icon=S;exports.LanguageSwitch=ke;exports.MediaCard=Ne;exports.NavBar=Se;exports.PlaylistCard=Qe;exports.ProfileCard=Ve;exports.SectionHeader=Te;exports.Select=We;exports.SkipLink=Oe;exports.StatCard=Be;exports.Steps=Le;exports.Timeline=Pe;exports.VideoEmbed=_e;exports.VisuallyHidden=T;exports.categoryPalette=K;exports.createCategoryColors=ar;exports.createGradients=_;exports.createVietriTheme=W;exports.editorialColors=Y;exports.editorialTheme=ir;exports.icons=Ie;exports.linearGradient=B;exports.observatoryCategoryPalette=sr;exports.observatoryColors=Q;exports.observatoryTheme=nr;exports.streamingColors=J;exports.streamingTheme=or;exports.tokens=C;
 //# sourceMappingURL=index.cjs.map