@omni-design/components 0.10.0 → 0.12.0

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@mui/material"),t=require("react/jsx-runtime"),a=require("@mui/icons-material/ContentCopy"),o=require("@mui/icons-material/Check"),i=require("@mui/icons-material/Person"),n=require("@mui/icons-material/Remove"),l=require("@mui/icons-material/CheckCircleOutline"),s=require("@mui/icons-material/WarningAmber"),d=require("@mui/icons-material/ErrorOutline"),c=require("@mui/icons-material/InfoOutlined"),u=require("react-dom"),x=require("@mui/icons-material/ExpandMore"),h=require("@mui/icons-material/Favorite"),p=require("@mui/icons-material/Home"),m=require("@mui/icons-material/Delete"),g=require("@mui/icons-material/Settings"),f=require("@mui/icons-material/Search"),b=require("@mui/icons-material/Star"),v=require("@mui/icons-material/Notifications"),y=require("@mui/icons-material/Visibility"),j=require("@mui/icons-material/ShoppingCart"),S=require("@mui/icons-material/Lock"),B=require("@mui/icons-material/Info"),k=require("@mui/icons-material/HomeOutlined"),w=require("@mui/icons-material/FavoriteBorderOutlined"),C=require("@mui/icons-material/DeleteOutlined"),T=require("@mui/icons-material/SettingsOutlined"),z=require("@mui/icons-material/StarOutline"),A=require("@mui/icons-material/PersonOutlined"),I=require("@mui/icons-material/NotificationsOutlined"),R=require("@mui/icons-material/VisibilityOutlined"),W=require("@mui/icons-material/ShoppingCartOutlined"),D=require("@mui/icons-material/LockOutlined"),F=require("@mui/icons-material/HomeRounded"),L=require("@mui/icons-material/FavoriteRounded"),P=require("@mui/icons-material/DeleteRounded"),H=require("@mui/icons-material/SettingsRounded"),M=require("@mui/icons-material/SearchRounded"),E=require("@mui/icons-material/StarRounded"),O=require("@mui/icons-material/PersonRounded"),N=require("@mui/icons-material/NotificationsRounded"),Q=require("@mui/icons-material/VisibilityRounded"),V=require("@mui/icons-material/ShoppingCartRounded"),G=require("@mui/icons-material/LockRounded"),q=require("@mui/icons-material/InfoRounded"),U=require("@mui/icons-material/HomeTwoTone"),X=require("@mui/icons-material/FavoriteTwoTone"),Y=require("@mui/icons-material/DeleteTwoTone"),Z=require("@mui/icons-material/SettingsTwoTone"),J=require("@mui/icons-material/SearchTwoTone"),K=require("@mui/icons-material/StarTwoTone"),$=require("@mui/icons-material/PersonTwoTone"),_=require("@mui/icons-material/NotificationsTwoTone"),ee=require("@mui/icons-material/VisibilityTwoTone"),re=require("@mui/icons-material/ShoppingCartTwoTone"),te=require("@mui/icons-material/LockTwoTone"),ae=require("@mui/icons-material/InfoTwoTone"),oe=require("@mui/icons-material/HomeSharp"),ie=require("@mui/icons-material/FavoriteSharp"),ne=require("@mui/icons-material/DeleteSharp"),le=require("@mui/icons-material/SettingsSharp"),se=require("@mui/icons-material/SearchSharp"),de=require("@mui/icons-material/StarSharp"),ce=require("@mui/icons-material/PersonSharp"),ue=require("@mui/icons-material/NotificationsSharp"),xe=require("@mui/icons-material/VisibilitySharp"),he=require("@mui/icons-material/ShoppingCartSharp"),pe=require("@mui/icons-material/LockSharp"),me=require("@mui/icons-material/InfoSharp"),ge=require("@mui/icons-material/Code"),fe=require("@mui/icons-material/GridView"),be=require("@mui/icons-material/Computer"),ve=require("@mui/icons-material/Add"),ye=require("@mui/icons-material"),je=require("@mui/icons-material/Menu"),Se=require("@mui/icons-material/Close"),Be=require("@mui/icons-material/FormatBold"),ke=require("@mui/icons-material/FormatItalic"),we=require("@mui/icons-material/FormatUnderlined"),Ce=require("@mui/icons-material/FormatAlignLeft"),Te=require("@mui/icons-material/FormatAlignCenter"),ze=require("@mui/icons-material/KeyboardArrowUp"),Ae=require("@mui/icons-material/KeyboardArrowDown");require("@mui/icons-material/FormatAlignRight"),require("@mui/icons-material/ViewList"),require("@mui/icons-material/ViewModule");var Ie=require("@mui/material/CircularProgress");require("@mui/icons-material/StarBorder");var Re=require("@mui/icons-material/StarHalf"),We=require("@mui/icons-material/Cancel"),De=require("@mui/icons-material/ExpandLess"),Fe=require("@mui/icons-material/Image"),Le=require("@mui/icons-material/ChevronLeft"),Pe=require("@mui/icons-material/ChevronRight"),He=require("@mui/icons-material/FirstPage"),Me=require("@mui/icons-material/LastPage"),Ee=require("@mui/icons-material/Explore"),Oe=require("@mui/icons-material/Radio"),Ne=require("@mui/icons-material/LibraryMusic"),Qe=require("@mui/icons-material/Bookmark"),Ve=require("@mui/icons-material/Edit"),Ge=require("@mui/icons-material/Share");require("@mui/icons-material/FavoriteBorder"),require("@mui/icons-material/DeleteOutline");var qe=require("@mui/icons-material/CloudUpload"),Ue=require("@mui/icons-material/Mail");require("@mui/icons-material/Inbox");var Xe=require("@mui/icons-material/Folder");require("@mui/icons-material/MoreVert"),require("@mui/icons-material/ImageOutlined");var Ye=require("@mui/icons-material/ArrowBack"),Ze=require("@mui/icons-material/AccountCircle"),Je=require("@mui/icons-material/Twitter"),Ke=require("@mui/icons-material/GitHub"),$e=require("@mui/icons-material/LinkedIn"),_e=require("@mui/icons-material/Help"),er=require("@mui/icons-material/FolderOpen"),rr=require("@mui/icons-material/InsertDriveFile"),tr=require("@mui/icons-material/PictureAsPdf"),ar=require("@mui/icons-material/VideoLibrary"),or=require("@mui/icons-material/InboxOutlined"),ir=require("@mui/icons-material/SearchOffOutlined"),nr=require("@mui/icons-material/ErrorOutlineOutlined");function lr(e){var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var sr=lr(ye);const dr=e.createContext(null);function cr(){return e.useContext(dr)}function ur({radius:e="var(--Ghost-Radius, 4px)",animate:r=!0}={}){return{backgroundColor:"var(--Border-Variant)",borderRadius:e,color:"transparent",userSelect:"none",pointerEvents:"none",...r&&{backgroundImage:"linear-gradient(90deg, transparent 0%, var(--Background) 50%, transparent 100%)",backgroundSize:"200% 100%",backgroundRepeat:"no-repeat",animation:"omni-ghost-sweep 1.4s linear infinite","@media (prefers-reduced-motion: reduce)":{backgroundImage:"none",animation:"none"}}}}function xr({active:e=!0,animate:r=!0,label:a="Loading",children:o,...i}){return e?t.jsxs(dr.Provider,{value:{animate:r},children:[t.jsx("style",{children:"\n@keyframes omni-ghost-sweep {\n  0%   { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n"}),t.jsxs("div",{"aria-busy":"true","data-ghost":"true",...i,children:[t.jsx("span",{style:{position:"absolute",width:1,height:1,overflow:"hidden",clip:"rect(0 0 0 0)",whiteSpace:"nowrap"},children:a}),t.jsx("div",{"aria-hidden":"true",children:o})]})]}):t.jsx(t.Fragment,{children:o})}const hr=e=>`var(--${e}-Font-Family)`,pr="var(--Font-Family-Display, var(--Font-Family-Header, var(--Header-Font-Family)))",mr="var(--Font-Family-Eyebrow, var(--Decorative-Font-Family))",gr=(e,r)=>`var(--${e}-Font-Family, ${r})`,fr="var(--Font-Variation-Header, normal)",br=(e,r)=>`var(--Eyebrow-${e}-${r}, var(--Overline-${e}-${r}))`,vr=e=>br(e,"Font-Size"),yr=e=>br(e,"Font-Weight"),jr=e=>br(e,"Line-Height"),Sr=e=>br(e,"Letter-Spacing"),Br=e=>`var(--${e}-Font-Size)`,kr=e=>`var(--${e}-Font-Weight)`,wr=e=>`calc(var(--${e}-Line-Height) * var(--Cognitive-Multiplier, 1))`,Cr=e=>`var(--${e}-Line-Height)`,Tr=e=>`var(--${e}-Letter-Spacing)`,zr={"display-large":{component:"h1",fontFamily:gr("Display-Large",pr),fontSize:Br("Display-Large"),fontWeight:kr("Display-Large"),lineHeight:wr("Display-Large"),letterSpacing:Tr("Display-Large"),defaultColor:"header",defaultWidth:"fill"},"display-medium":{component:"h1",fontFamily:gr("Display-Medium",pr),fontSize:Br("Display-Medium"),fontWeight:kr("Display-Medium"),lineHeight:wr("Display-Medium"),letterSpacing:Tr("Display-Medium"),defaultColor:"header",defaultWidth:"fill"},"display-small":{component:"h2",fontFamily:gr("Display-Small",pr),fontSize:Br("Display-Small"),fontWeight:kr("Display-Small"),lineHeight:wr("Display-Small"),letterSpacing:Tr("Display-Small"),defaultColor:"header",defaultWidth:"fill"},h1:{component:"h1",fontFamily:hr("Header"),fontVariationSettings:fr,fontSize:Br("H1"),fontWeight:kr("H1"),lineHeight:wr("H1"),letterSpacing:Tr("H1"),defaultColor:"header",defaultWidth:"fill"},h2:{component:"h2",fontFamily:hr("Header"),fontVariationSettings:fr,fontSize:Br("H2"),fontWeight:kr("H2"),lineHeight:wr("H2"),letterSpacing:Tr("H2"),defaultColor:"header",defaultWidth:"fill"},h3:{component:"h3",fontFamily:hr("Header"),fontVariationSettings:fr,fontSize:Br("H3"),fontWeight:kr("H3"),lineHeight:wr("H3"),letterSpacing:Tr("H3"),defaultColor:"header",defaultWidth:"fill"},h4:{component:"h4",fontFamily:hr("Header"),fontVariationSettings:fr,fontSize:Br("H4"),fontWeight:kr("H4"),lineHeight:wr("H4"),letterSpacing:Tr("H4"),defaultColor:"standard",defaultWidth:"fill"},h5:{component:"h5",fontFamily:hr("Header"),fontVariationSettings:fr,fontSize:Br("H5"),fontWeight:kr("H5"),lineHeight:wr("H5"),letterSpacing:Tr("H5"),defaultColor:"standard",defaultWidth:"fill"},h6:{component:"h6",fontFamily:hr("Header"),fontVariationSettings:fr,fontSize:Br("H6"),fontWeight:kr("H6"),lineHeight:wr("H6"),letterSpacing:Tr("H6"),defaultColor:"standard",defaultWidth:"fill"},"subtitle-large":{component:"p",fontFamily:hr("Body"),fontSize:Br("Subtitle-Large"),fontWeight:kr("Subtitle-Large"),lineHeight:wr("Subtitle-Large"),letterSpacing:Tr("Subtitle-Large"),defaultColor:"header",defaultWidth:"fill"},subtitle:{component:"p",fontFamily:hr("Body"),fontSize:Br("Subtitle-Medium"),fontWeight:kr("Subtitle-Medium"),lineHeight:wr("Subtitle-Medium"),letterSpacing:Tr("Subtitle-Medium"),defaultColor:"header",defaultWidth:"fill"},"subtitle-small":{component:"p",fontFamily:hr("Body"),fontSize:Br("Subtitle-Small"),fontWeight:kr("Subtitle-Small"),lineHeight:wr("Subtitle-Small"),letterSpacing:Tr("Subtitle-Small"),defaultColor:"header",defaultWidth:"fill"},"body-small":{component:"p",fontFamily:hr("Body"),fontSize:Br("Body-Small"),fontWeight:kr("Body-Small"),lineHeight:wr("Body-Small"),letterSpacing:Tr("Body-Small"),defaultColor:"standard",defaultWidth:"fill"},"body-small-semibold":{component:"p",fontFamily:hr("Body"),fontSize:Br("Body-Small"),fontWeight:kr("Body-Small-Semibold"),lineHeight:wr("Body-Small"),letterSpacing:Tr("Body-Small"),defaultColor:"standard",defaultWidth:"fill"},body:{component:"p",fontFamily:hr("Body"),fontSize:Br("Body-Medium"),fontWeight:kr("Body-Medium"),lineHeight:wr("Body-Medium"),letterSpacing:Tr("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-medium":{component:"p",fontFamily:hr("Body"),fontSize:Br("Body-Medium"),fontWeight:kr("Body-Medium"),lineHeight:wr("Body-Medium"),letterSpacing:Tr("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-semibold":{component:"p",fontFamily:hr("Body"),fontSize:Br("Body-Medium"),fontWeight:kr("Body-Medium-Semibold"),lineHeight:wr("Body-Medium"),letterSpacing:Tr("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-medium-semibold":{component:"p",fontFamily:hr("Body"),fontSize:Br("Body-Medium"),fontWeight:kr("Body-Medium-Semibold"),lineHeight:wr("Body-Medium"),letterSpacing:Tr("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-large":{component:"p",fontFamily:hr("Body"),fontSize:Br("Body-Large"),fontWeight:kr("Body-Large"),lineHeight:wr("Body-Large"),letterSpacing:Tr("Body-Large"),defaultColor:"standard",defaultWidth:"fill"},"body-large-semibold":{component:"p",fontFamily:hr("Body"),fontSize:Br("Body-Large"),fontWeight:kr("Body-Large-Semibold"),lineHeight:wr("Body-Large"),letterSpacing:Tr("Body-Large"),defaultColor:"standard",defaultWidth:"fill"},caption:{component:"span",fontFamily:hr("Body"),fontSize:Br("Caption"),fontWeight:kr("Caption"),lineHeight:wr("Caption"),letterSpacing:Tr("Caption"),defaultColor:"quiet",defaultWidth:"hug"},"caption-bold":{component:"span",fontFamily:hr("Body"),fontSize:Br("Caption"),fontWeight:kr("Caption-Bold"),lineHeight:wr("Caption"),letterSpacing:Tr("Caption"),defaultColor:"quiet",defaultWidth:"hug"},"label-extra-small":{component:"label",fontFamily:hr("Body"),fontSize:Br("Label-ExtraSmall"),fontWeight:kr("Label-ExtraSmall"),lineHeight:Cr("Label-ExtraSmall"),letterSpacing:Tr("Label-ExtraSmall"),defaultColor:"standard",defaultWidth:"hug"},"label-small":{component:"label",fontFamily:hr("Body"),fontSize:Br("Label-Small"),fontWeight:kr("Label-Small"),lineHeight:Cr("Label-Small"),letterSpacing:Tr("Label-Small"),defaultColor:"standard",defaultWidth:"hug"},label:{component:"label",fontFamily:hr("Body"),fontSize:Br("Label-Medium"),fontWeight:kr("Label-Medium"),lineHeight:Cr("Label-Medium"),letterSpacing:Tr("Label-Medium"),defaultColor:"standard",defaultWidth:"hug"},"label-medium":{component:"label",fontFamily:hr("Body"),fontSize:Br("Label-Medium"),fontWeight:kr("Label-Medium"),lineHeight:Cr("Label-Medium"),letterSpacing:Tr("Label-Medium"),defaultColor:"standard",defaultWidth:"hug"},"label-large":{component:"label",fontFamily:hr("Body"),fontSize:Br("Label-Large"),fontWeight:kr("Label-Large"),lineHeight:Cr("Label-Large"),letterSpacing:Tr("Label-Large"),defaultColor:"standard",defaultWidth:"hug"},legal:{component:"span",fontFamily:hr("Body"),fontSize:Br("Legal"),fontWeight:kr("Legal"),lineHeight:wr("Legal"),letterSpacing:Tr("Legal"),defaultColor:"quiet",defaultWidth:"hug"},"legal-semibold":{component:"span",fontFamily:hr("Body"),fontSize:Br("Legal"),fontWeight:kr("Legal-Semibold"),lineHeight:wr("Legal"),letterSpacing:Tr("Legal"),defaultColor:"quiet",defaultWidth:"hug"},"eyebrow-small":{component:"span",fontFamily:mr,fontSize:vr("Small"),fontWeight:yr("Small"),lineHeight:jr("Small"),letterSpacing:Sr("Small"),textTransform:"uppercase",defaultColor:"eyebrow",defaultWidth:"hug"},eyebrow:{component:"span",fontFamily:mr,fontSize:vr("Medium"),fontWeight:yr("Medium"),lineHeight:jr("Medium"),letterSpacing:Sr("Medium"),textTransform:"uppercase",defaultColor:"eyebrow",defaultWidth:"hug"},"eyebrow-large":{component:"span",fontFamily:mr,fontSize:vr("Large"),fontWeight:yr("Large"),lineHeight:jr("Large"),letterSpacing:Sr("Large"),textTransform:"uppercase",defaultColor:"eyebrow",defaultWidth:"hug"},"number-small":{component:"span",fontFamily:hr("Body"),fontSize:Br("Number-Small"),fontWeight:kr("Number-Small"),lineHeight:Cr("Number-Small"),letterSpacing:Tr("Number-Small"),fontVariantNumeric:"tabular-nums",defaultColor:"standard",defaultWidth:"hug"},"number-medium":{component:"span",fontFamily:hr("Body"),fontSize:Br("Number-Medium"),fontWeight:kr("Number-Medium"),lineHeight:Cr("Number-Medium"),letterSpacing:Tr("Number-Medium"),fontVariantNumeric:"tabular-nums",defaultColor:"standard",defaultWidth:"hug"},"number-large":{component:"span",fontFamily:hr("Body"),fontSize:Br("Number-Large"),fontWeight:kr("Number-Large"),lineHeight:Cr("Number-Large"),letterSpacing:Tr("Number-Large"),fontVariantNumeric:"tabular-nums",defaultColor:"standard",defaultWidth:"hug"},"button-extra-small":{component:"span",fontFamily:hr("Body"),fontSize:Br("Button-ExtraSmall"),fontWeight:kr("Button-ExtraSmall"),lineHeight:Cr("Button-ExtraSmall"),letterSpacing:Tr("Button-ExtraSmall"),defaultColor:"standard",defaultWidth:"hug"},"button-small":{component:"span",fontFamily:hr("Body"),fontSize:Br("Button-Small"),fontWeight:kr("Button-Small"),lineHeight:Cr("Button-Small"),letterSpacing:Tr("Button-Small"),defaultColor:"standard",defaultWidth:"hug"},button:{component:"span",fontFamily:hr("Body"),fontSize:"var(--Button-Standard-Font-Size, var(--Button-Font-Size))",fontWeight:"var(--Button-Standard-Font-Weight, var(--Body-Font-Weight))",lineHeight:Cr("Button-Standard"),letterSpacing:Tr("Button-Standard"),defaultColor:"standard",defaultWidth:"hug"},"button-standard":{component:"span",fontFamily:hr("Body"),fontSize:"var(--Button-Standard-Font-Size, var(--Button-Font-Size))",fontWeight:"var(--Button-Standard-Font-Weight, var(--Body-Font-Weight))",lineHeight:Cr("Button-Standard"),letterSpacing:Tr("Button-Standard"),defaultColor:"standard",defaultWidth:"hug"}},Ar={"overline-small":"eyebrow-small",overline:"eyebrow","overline-medium":"eyebrow","overline-large":"eyebrow-large","eyebrow-medium":"eyebrow","body-small-bold":"body-small-semibold","body-bold":"body-semibold","body-medium-bold":"body-semibold","body-large-bold":"body-large-semibold","subtitle-medium":"subtitle"},Ir={"eyebrow-small":"overline-small",eyebrow:"overline","eyebrow-large":"overline-large"},Rr={header:"var(--Header)",default:"var(--Header)",primary:"var(--Header-Primary)",secondary:"var(--Header-Secondary)",tertiary:"var(--Header-Tertiary)",neutral:"var(--Header-Neutral)",info:"var(--Header-Info)",success:"var(--Header-Success)",warning:"var(--Header-Warning)",error:"var(--Header-Error)"},Wr={standard:"var(--Text)",default:"var(--Text)",quiet:"var(--Quiet)",eyebrow:"var(--Eyebrow, var(--Quiet))",primary:"var(--Text-Primary)",secondary:"var(--Text-Secondary)",tertiary:"var(--Text-Tertiary)",neutral:"var(--Text-Neutral)",info:"var(--Text-Info)",success:"var(--Text-Success)",warning:"var(--Text-Warning)",error:"var(--Text-Error)"},Dr=new Set(["h1","h2","h3","h4","h5","h6","display-large","display-medium","display-small","subtitle-large","subtitle","subtitle-small"]);function Fr({children:e,textStyle:a="body",color:o,width:i,component:n,noWrap:l=!1,gutterBottom:s=!1,className:d="",sx:c={},...u}){const x=Ar[a]||a,h=zr[x]||zr.body,p="string"==typeof h.fontSize?h.fontSize.match(/--([\w-]+)-Font-Size/):null,m=p?p[1]:null,g=m?"var(--"+m+"-Text-Decoration, "+(h.textDecoration||"none")+")":h.textDecoration||"none",f=m?"var(--"+m+"-Text-Transform, "+(h.textTransform||"none")+")":h.textTransform||"none",b=cr(),v=function(e,r,t){const a=Dr.has(e);return(a?Rr:Wr)[r||t]||(a?Rr.header:Wr.standard)}(x,o,h.defaultColor),y=i||h.defaultWidth,j="fill"===y,S=n||h.component,B=o||h.defaultColor;return t.jsx(r.Box,{component:S,className:"typography typography-"+x+(Ir[x]?" typography-"+Ir[x]:"")+" typography-color-"+B+" typography-width-"+y+" "+d,sx:{fontFamily:h.fontFamily,fontVariationSettings:h.fontVariationSettings||"normal",fontSize:h.fontSize,fontWeight:h.fontWeight,lineHeight:h.lineHeight,letterSpacing:h.letterSpacing,textDecoration:g,textTransform:f,fontVariantNumeric:h.fontVariantNumeric||"normal",color:v,display:j?"block":"inline",width:j?"100%":"auto",margin:0,marginBottom:s?"0.5em":0,padding:0,...l&&{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},...b?ur({animate:b.animate}):{},...c},...u,children:e})}const Lr={"@supports (text-box-edge: cap alphabetic)":{textBoxTrim:"trim-both",textBoxEdge:"cap alphabetic",paddingTop:0,paddingBottom:0}},Pr=e=>t.jsx(Fr,{textStyle:"h3",...e}),Hr=e=>t.jsx(Fr,{textStyle:"h4",...e}),Mr=e=>t.jsx(Fr,{textStyle:"h5",...e}),Er=Hr,Or=e=>t.jsx(Fr,{textStyle:"subtitle-large",...e}),Nr=e=>t.jsx(Fr,{textStyle:"subtitle",...e}),Qr=e=>t.jsx(Fr,{textStyle:"subtitle-small",...e}),Vr=Or,Gr=Nr,qr=e=>t.jsx(Fr,{textStyle:"body-small",...e}),Ur=e=>t.jsx(Fr,{textStyle:"body-small-semibold",...e}),Xr=e=>t.jsx(Fr,{textStyle:"body",...e}),Yr=e=>t.jsx(Fr,{textStyle:"body-semibold",...e}),Zr=Xr,Jr=qr,Kr=e=>t.jsx(Fr,{textStyle:"body-large",...e}),$r=e=>t.jsx(Fr,{textStyle:"body-large-semibold",...e}),_r=e=>t.jsx(Fr,{textStyle:"caption",...e}),et=e=>t.jsx(Fr,{textStyle:"label-extra-small",...e}),rt=e=>t.jsx(Fr,{textStyle:"label-small",...e}),tt=e=>t.jsx(Fr,{textStyle:"label",...e}),at=e=>t.jsx(Fr,{textStyle:"eyebrow-small",...e}),ot=e=>t.jsx(Fr,{textStyle:"eyebrow",...e}),it=e=>t.jsx(Fr,{textStyle:"eyebrow",...e}),nt=e=>t.jsx(Fr,{textStyle:"eyebrow-large",...e}),lt=at,st=ot,dt=it,ct=nt,ut=e=>t.jsx(Fr,{textStyle:"number-small",...e}),xt=e=>t.jsx(Fr,{textStyle:"number-medium",...e}),ht=e=>t.jsx(Fr,{textStyle:"number-large",...e}),pt=e=>t.jsx(Fr,{textStyle:"button-extra-small",...e}),mt=e=>t.jsx(Fr,{textStyle:"button-small",...e}),gt=e=>t.jsx(Fr,{textStyle:"button",...e}),ft={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},bt={small:"16px",medium:"24px",large:"32px"};function vt({children:e,color:a="default",size:o="medium",fontSize:i,disabled:n=!1,twoTone:l=!1,className:s="",sx:d={},"aria-label":c,...u}){const x=cr(),h=ft[a]||"Default",p="custom"===o&&i?"number"==typeof i?i+"px":i:bt[o]||bt.medium,m="default"===a?"inherit":"var(--Icons-"+h+")",g="var(--Icons-Variant-"+h+")";return t.jsx(r.Box,{component:"span",className:"icon icon-"+a+" icon-"+o+(n?" icon-disabled":"")+(l?" icon-twotone":"")+(s?" "+s:""),"aria-hidden":c?void 0:"true","aria-label":c||void 0,role:c?"img":void 0,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:p,color:m,opacity:n?"var(--Disabled, 0.38)":1,cursor:n?"not-allowed":"inherit",lineHeight:1,flexShrink:0,...l&&{"--twotone-variant":g},...x?{...ur({animate:x.animate}),width:p,height:p,"& .MuiSvgIcon-root":{visibility:"hidden"}}:{},"& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"},...d},...u,children:e})}const yt="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAIdpAAQAAAABAAAATgAAAAAAAACQAAAAAQAAAJAAAAABAAOShgAHAAAAEgAAAHigAgAEAAAAAQAAAKCgAwAEAAAAAQAAAKAAAAAAQVNDSUkAAABTY3JlZW5zaG90/+0AOFBob3Rvc2hvcCAzLjAAOEJJTQQEAAAAAAAAOEJJTQQlAAAAAAAQ1B2M2Y8AsgTpgAmY7PhCfv/iAihJQ0NfUFJPRklMRQABAQAAAhhhcHBsBAAAAG1udHJSR0IgWFlaIAfmAAEAAQAAAAAAAGFjc3BBUFBMAAAAAEFQUEwAAAAAAAAAAAAAAAAAAAAAAAD21gABAAAAANMtYXBwbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACmRlc2MAAAD8AAAAMGNwcnQAAAEsAAAAUHd0cHQAAAF8AAAAFHJYWVoAAAGQAAAAFGdYWVoAAAGkAAAAFGJYWVoAAAG4AAAAFHJUUkMAAAHMAAAAIGNoYWQAAAHsAAAALGJUUkMAAAHMAAAAIGdUUkMAAAHMAAAAIG1sdWMAAAAAAAAAAQAAAAxlblVTAAAAFAAAABwARABpAHMAcABsAGEAeQAgAFAAM21sdWMAAAAAAAAAAQAAAAxlblVTAAAANAAAABwAQwBvAHAAeQByAGkAZwBoAHQAIABBAHAAcABsAGUAIABJAG4AYwAuACwAIAAyADAAMgAyWFlaIAAAAAAAAPbVAAEAAAAA0yxYWVogAAAAAAAAg98AAD2/////u1hZWiAAAAAAAABKvwAAsTcAAAq5WFlaIAAAAAAAACg4AAARCwAAyLlwYXJhAAAAAAADAAAAAmZmAADypwAADVkAABPQAAAKW3NmMzIAAAAAAAEMQgAABd7///MmAAAHkwAA/ZD///ui///9owAAA9wAAMBu/8AAEQgAoACgAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/bAEMAAgICAgICAwICAwQDAwMEBQQEBAQFBgUFBQUFBggGBgYGBgYICAgICAgICAkJCQkJCQsLCwsLDAwMDAwMDAwMDP/bAEMBAgICAwMDBQMDBQwIBwgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/dAAQACv/aAAwDAQACEQMRAD8A8zt1v/D0/m2bbo85K9q664XRPGNl5N0iicc7W9R3FeO2vjF5FAmPB9eldRYvFfqJrWYJIOeDivntTvnRvqeleHfEupeA3EciBoYz8rgcjHr/AI/nXpdt+0p4sd1s7RozEw+V88/lXjlldedEbLVsOCMb+9XPCmk6f4S1yPWvs631uj+Z5bcjI54zU3a1izmlTVmpI+kbLxp8SdcjWVkuzHJ0ZIXCn6MRiultfD3i/UcPdgx57zSgfoMmufb9oZ9WgGl6dAqsw27OWZMf7IFT2XiDxJfKWbcPYkLn6dTXZSrJ/E2zza9Fp+6kj1bRPhjZXKeZr2sLCv8AcgAz/wB9Of6VrX/hL4M6NC39pOb9scieZnBx/sx7R+lebaXYatqlwEupRbx/xMSXP4ZIFehR+C/BUKBtRup7p2/g8zaCT22xgH9a7ou6uor5nJ5XPzw+LkHgGy+INld+AbH7MfPUXMSBlikywwVDd+xxX1HDe3Z8Norx2yIEzsz85z36Yr1SP4cfC6fVTqV1o0U7w4wsrLshDHZmUMeCfU89MDvU+peGPCWsWlxb+H4bG3iRWZhBOu2LaM7pmOQFC5/iABJr57MI1ZS5qTW/Q+lwFCPskqi6dT8o5LC78RfEqG32kRR3h83A6KG5Az7V+pfhHwl8MptKhgvIGhlVAN6yOjdO+Dj9K8W8KfDHTbXUrnWrh4BDCXnnkYjy1UOFwjcjAzksT9AOa9vtbLSJYhJHIsaFFZZEYeWQRwQR8pHoe9d2Fq3Wxw46hK99TtU+Evgu7XOm6tcRE9AWSQfqAf1rOufghqGC+maxBJ6eZGyH81J/lWF9ju4Rvs5xKuNwPXP5Uh1vX9PHyPIO3yOcV1upC2sTg9mZWqfDv4oaKrSWcomVeht7n/2V8Vwdj41+IXhzW44fEMV+0LkRwxNHnfIT03DjHvXp6+OvEtveRRyxzyLJwocDaD6sewFT+NfEVjDp/wBvuJ0a4WPk8dT2UfpXn1nztqDOyjTUFcf4h8TTHS/tWpzLG+zJTPyx8dPc+9fGHjTxve6o8lnp8jLbkkE92/wFWPFnja/1tjBJJ5cA/hHf3NeVahrVhZRNucZqU7LlR1KnzS5mMimitW3yH5qyNb8XW9vHtMn4Dk1w2qeKbaRyfOWJM9erH6CtXw5oN34iuo5Rp8ws2/5bSDG4+oBo6HZGkf/QwfiB+y3N4f8AEotfDV5P/Z8oJ8qRt+wjnhuuK8A1zS9b8AagYLhZvJzgSlG2ZHbdiv0u1v4m6Xd66BfW0tqckbZlIPT3roptF8MeLdKMN1bwvFOhIDBf0zXz9RLmbiz2I6o/MDT/ABdJcSJHc7lJ6HoDXsGhXk6qG3iSNux6V698RfgRZ3enqnhqNIZwBtYLnmvDh8OPiV4YuI4TD9pcuFAUAJ1xli3AHqTwO9Q3Zakzpp6I9M0ZLaC5+2aZARck44GdxPavYvDGqanqF2LGKDFwcfIFbHPfgGuG8AeDr7UZvMvNV0/yIZsTeTMZFjOSrI7KByCOzZz2HWvZF1/TtE8XQeFtE0+BnhgWSTU72VkTEoYL5UUfLuSrAAsT3GetEZq6S3OV4KUrtrQ9H0iPRZXuNPl1GKa7sYhPexwuZBARx5biLJDMx4GCeD71Q8MePvhh4i1K+tPDF6up3mmukUscKldsj7s4MhwdmDuP8ODmvz5+Ofjl/BvhrWdQ8KreafDreurCL1hMvmi2iLsVWQEBEclgqFgN3JB68d+zxJ8RNM8EeLvjHoTxARLKWminiVrydMzXBMZJEQXhdyozN0A446FJyjdM3hhIRkotH1j8fPF9kllq3g7whdBNUa3F5LOitJMktuXMUaPFl8bo2BJCjkEZya+dvhD8d7Pw14WiPjOS5thcM9qr2saTC4s5A8hZo2ILKkxkTgNgHuOvwp45+K/izxlq11rJ1W4im1SFxcMj7HXLncCqYxu2gEdx164Ot4s+IWh6p4I0e006eddSit4Ld5HVVmR7bAXBA5AYZUZzySevESwknbm6s3+tU4+7Doj7yv8A44aP4Ztv7XmS81WHTIv7LgW7uWSJDcPHIjFY2wzrGd0e8FMYBAJOOf8AEX7SenLYqLIRyWlhukkmIKzF5CGffGrbMYxhVJ6N2Ffnd4l8U3upaZJfapYPOLpk2XbthlKJ8v3RtAOe/PHUViXOvW1xp9o81x/pLoBNHsAiZFwFwoYkt0y20Z549dYYO0VF9zKpilJvTofo5pP7Sniy3TzNA2/2fIrNG/zMmBncNjA4Kngj8q9Z8B/tXQ3Rlg8Y+XmLHliFfLZnOQMh+AAQMkkAA5r8tfDfj3xB4dtTYaPIt7aEeY8arux3JAwD7EH0zmvR9a16x8XaLBFusE1WdoRO4QQzIgBzGuGAfsWcjIOBiieGlF6PQwUqc1qtT9d5fihpniLRRf6Msm6ZcASrg7lyCVI4Zc9COCOa8W1vVNQuyZdSdio6KTwK8K8EeKINAuNGsdNuXu7JbZ7a6gZyNlyER1YK3IO3J+XII7nFe66T4d1LxrK0sgMVucgHPII6+2PT2riUteXqU8PZ3Wx4zruvNJO1raQMcdTXKaVoOseKpLj7NalYoDh3kJJJPYV7zf8AgCPwnqMk05MkbDJZ+e3vXQ+Ar/Slgu7S3iJllkO3auR0PU1UV71mdEYKKufPPhz4bWk3iyyS+TcqkkoeQDmvvPUtA03SPD0DWsCJsTOAAD2r540T4d/EHW/HTGxT7PEWLJJt3fKT1xx/OvsvTPg/r0NvFca7eyXRC4KsQF/BRx+ta0acnfqTVrw0sf/R/Q3XfAeh61q8t1cWqM4zhiorirj4YvcPs02RoCgIRlzxXQzfEq1GoPGtvJyxHT+dddp3i7SoY1kkY72GTx09q82UISmzqi/d0PLn8J6/oNuqiRrx+24Z5/SvGfHeg+NZZXutZkkXS4Ip5VihkKyzufLJWQZXKqA+1RuP8q+yZfEVjdRl4sbirbN4IBIHH4V+dPxC+PE3/CRnwL8SC0D6deGOa7jgQQRGdd9uQN6yOAPuvsKk8MRXFjIx5LRuztwnNz7nKeLrzwjb2unQ6dqUumhJDqT6XZ3geSRIPmbzkuH2gyou3mPIHJU8g+M6P+0/4U0vxLcy6/oLMiGZkmQlbn7QS+RNvUhdhIjXyyAMkqQDXjVtHZa54k13xD4bsbmSSyYA3V1dC4uGmuDlmSzUIArqGUBWzlslj2+U9aW91XX7l55tl0JHEyMNpVBgAfgAAR1GMHnNTRwcG3FvU3qYycEpJHXeJ/iNqHijxTd3N8815pMt27w2k1w5jXzeApDPkjKjPPRRwM10ui/ErVNH8LyaPYzR2q299PcC1jbaGSVVyRnO3HIG3AINeD30yTXEv2oKs8TLtZMDKYIzxxnoSeppYLy08pVXAnAIQlSGZ2IyWY54AHAFet7OPLyW0PL9rPn529SzqkhglW6kO6Vi5bnlQcbVPJxgHIqCJ7htKMyyDBmO1CcnJ7gHgdvrVS6a4mm8hgGZgMkYJLeue+K7mfwwdO0uy1OaRJobmMMsUfytvZcnPGDt785HFVKrGKSfUzhRnNtxWxzlzr+oDTY9HS9lNqHVli3YCyAfewee5x+NczNEVl8xxtU9McfMOuB+NdTqWmtbi4tROsqQlcMY9hLNzt3dcj361z8jGaw3kFmQg5649eauEotXXUiaknyy6Fq01CS3xHbM2+UOH2k5KsMEfjXX6Fd3NhItxbgrcJkiUrvYLjJ2qxIyM4rzeKeaNy8R2kgKSOOK6jT2t5I+J/Ll+VlUA8PkYG4jGT+X0onEIaM+i/D3j6/XTLg5+ZrmO5WSUok0bx42vgEDAwM4zxnpzj78+D+s+N/HWmWl14VIsNNtIJklZCZpJriTJ+ZSCBswOBk7elfl3Zx2flpOsuJQC8kbIfmXBGM5/pivsn9nL4v3Xw+s5rW7kZ7e9bzPJ2hRvjG3b84G3C5JYHBXpzXlYmlFe8ejSqSasj9ErjwPqVzOq65+9Vo0DMeAWwM/L2r0DwJ8NdD0uOa6SBNzv1I7e1cL4b+JD+LdCW+UwTbxmOa1LNEY/wCEksASfU9Dxjiu+8N6l4imjkgEJCITlj0Yn0q6MYXuctST2Z6d4YXS7DVtoCq2MD869a1q+tU0/cGXha+SrHw9451HxGWs5Fjjbnc2fl59O9exXHg7xULZft995mRjaBgV1UpPlasZyldn/9L9DbTRdPkeSR4lDFj2rf0Dw/p5kZ3jBGT1ryOTxNrc8/8AoMGFzyT2Feg6LrOs3VssUMezAIY45zjk157cednRFpxR0t/o1iLrjai898fLjoPevy9/a3+IujW+vTWNvpdtNd6NLHGPNs4Z5PKZM5888xttKsi7WwRz6V9k+OvGGoaMIb6YyzJE2x54ULrEHwhfAHQElQTxuPoCR+JXx18earca441LdI96Z7p7iRm8y6EhCRNMdzbmRI1U5OQR6dfOlL21TkjpY9KnFUo88jz++8YavFJqFzpTrY2FzgSxWsmzeY+InfnJYMMjgHNeIXl/LLeS3gXMjPl5GYkvnk5/HrWjot6bnV3M5zHsfCnkHPt9RmsfVpBBeSxRgbW7V6tOmo6HDVqOauU5ZvtNz5qIF3YyoHHFem+DvAN9411Yi1hZI2YhSQSobHTgdMkYxXmkUS3V/aWsB5kZIzj1Y81+pXwn8EeLItJtx4I03TxHbJ+8vdTYhHl4+WJFILBe5PGeleXnGNnQhGnS+KXV9EetkeAp15yqVvhj0W7OD8B/seXmqXEF94lVBb4CTRRbl3YxhlOAeec8fSvojxf+zNoeu6Na6bZQrbS6euIcLgEYwN2wqeOo/kc16b4e8W/GjQtRisfEOlaHqVgdqvJprtFIgx94BmbcfbA+tfQKyfbbKC/EXkl1JdD1UgZIzXyOIxFeU1OVW7XbZH2mGw2GUHCNKye91qz8yvEv7JM7WNvMwBS0Dm4lLHc67SVAGCWO4ADOMAnrXxv4y+Gl54MWO6XesBn2TAjIVTkAkZHGcfSv1v8AiH4m+KV9ObPwzJpuiaah2yXF6qyyOc9QGyoXHtnPevnPXfhJ4w8SRXWfGel6lPcK6m0MMaDBHJUopw3oTxmurBZjWpSi3WTj1Tv/AJHDj8toVozUaLT6NW/zPy+v7KOK5KQ8q3I9OvOK0rW3jEqzXEyCFCCEQ5Yn/PU103xQ8JzeDNch06RHhLJ8yyfeDA85wSCPQivO5G3Dev314/CvuKNaNaCqQejPz+vQlRqOnPdHcx6qq3wufJbyy7CJRzgtnhfck/SvU/DNxp2oajYW2q3Vwbj7THCq7gCF2lSitwByRnLAHkcV45eRWcmjW0qExyptYgZKyZwMZ9R1H5V654E1CBNYs9K1WGJdO1VVtbmPJkVPMO1ZgGy0bq2GJHbpWdZJxNaUmnqfqZ8ENZ17V/Ar2tutlLBpg+xMsEbJcrJEo8l3y5BRkGBtGPlr68+F1zef2RG+p4ErDO0nkZr8yfCeq3vwr0DzrxdU0rUbK6iglWS1cWN2pnKxRvcqCjeYu9UPUHoOtfpL4Wae8it7iWB7M3caskZbLIxXOxxgbWHcc1y0GlLUVdNarY998O6hZR6kVJXcQK9J1OeFrcEEcjNfN2jeFNXu9Y8+K5ZFxz9favRtV03XbC2yLozbR90jFd8JPl2MG9T/0/0LtNNWwh/fqvua6XSoorGwa8kKkHLBCcZFed3Wq6prw8mAeVGeDtH9a6fw/p1zJD5V3LnZ8oyewrgk7z0OiL0Pj34meJm0/wAVa1o99dCWbULYtZWnmGJAturTKDjHLpuADHnaSvSvyG+LemWtzb3t8bc29zPdNcRvseOKZJixY7JDhWBwAF4wM85Jr9zfH/wD8B614ztfHWtRE3dtt3ESMqP5Cv5fnKpAdEDNnPQZxxxX4rftR6jpHiTx5J/wht3JNpaSfZIhIrogKudzRhudm4nDNztGTXmYfDuFa99z1J11Oi48uyPnPSrTT4ra3YtItxI75P8ACwCHAAwD1Gc59iOa5zVopjqOH4LEAFuBnjua7bxVZNoVxHp9pew3z2DG2ae3O+GR4mwzxt3UnODxkc9CK47WLv7ZiaTaspP3UG0AdOnTrXsxbep5k0krGj4Nt/P8aaRFKOHu0GMDHX8q/Wu98GeNfESaRa6dqA0rQbZN06wny5ZTtx8rlXReefmRs+3Wvyj+HsAl8beH/LdTK95ENmTnJOMnsP51/Rj8PtBs20O386NXXy16+hFfJcQJvGUrdE99Vv2PsuGUvqlXm79NHt3Pz9+HPw5+KWmeKftup6098kNwv+rEpiNsAQ6Odg3OeNuCFUjpzx98adNqd54enjZCskY+Xd97kHA/Suu1G40nTX+yW6orMMYUDJ/xo0W3kurC7kKlUchACMEdQTXkVf3lXdX1vZWPoaMFTpW1tpa7bf4nwz8RPCviDxrb/ZopLmBbVpWY25YSFnTETqykEeWecY+bp615f4a+CHi23sre8k8Q3L6ta3huTc7bgFoyADCY5maMDqSwyxPGcV9sC5Tw5qU41RCsQPlmRgApOeOenI5Fei6fa6Pf27T2aIGZeWGOa4sPiKkaToKS+5HTicLTlVVdxbfq7fdc/E/9rXSLiz1LSL29O6ZjJC8g/i2jIP19a+QQWjYNjgg/Lmv0V/b3tI7ZtFCBQRcycA5GNpx/Svzul3SToQv+sVcKenNfc8PN/UYJ9Lr8WfnXEkUsfO3W35HbaS9rPo8sNw2FOSpZgAhzlRt69e4p1hcxRXSTwyMNx4DA/Lt6+uRXORYitpreRmEn3QM/KwBz0retbQXVlBPAXEtuWzwCu3r6j/8AVmvWaR5EW3Y+8PCnijWPH3wiuNJtlN1baJqVm95cSSsXt48s4LR7TiMYYB84DkE4FfqF8L/EV34i0q11/V7GSzmDOiRs25GRflSZcAZVhyrEZwa/Mn9hjxTeaX44n0drC1kstUj8i8uXbbMmFbywqkgMmR8/Bxkc84r9jPDtjpMFkbWyiihijyqRxKERR6Ko4A+lclOPvtGldvY67wp4isF1Aws65xXa6zeRzshjYbSOea8Ts/C8bag90jlcHscZ5roru21WxgM4cuiDgHriuqMnynM276n/1P05fw3eabpRv5IREoXds4BA+naquneIPD1vpJLMryuCztnkHsPbFc9498W+Pp/DUktroz28Ey4LyMA6of4tg/rWt8MtG0VPAtut8iST3iu8zOAWJLEdfYdK4HK87R7HXGOiPmz4rWfi74jeFb3Q/DOsNod1JIDFdEZRoslXhkGDlJFOGxX5hfFr9mHWfhZLp+p39/Nq+iwqZL0wRkSvIsW9hAzmRUVmzgMM4HTPNfq5r2v6To8lzHd4jihkbaCcZCnivkj9pHSvFXxKOkaL4V1JbffbzSCBLhViYeW0nmGWMOSxUbBGQevOOTXn1ZWXM5WOug/e5Ern443iWl9qBS0LRWylm8uRs4QcYyByegzgc1zWpoUcKRtAyPY46EGvWvih4Zg8DRado6zTnUpYxd6isiBGjknUMkWfvcJjOcZJJxzXlF2oa1hk37mOeCecegGM/nXp0ZqSUlsclZWbT3GaJqsuh61Ya1B9+xuYbhffynDY/HGK/oi8LfEO2h8F2uqWzb4ZbZJoSOjI67lOfoa/nKIPfvX6i/sifFex8U+CT8M9cmUanoan7KHPM9iTxjPUxE7SP7u014PE+GnOlHEU943T9H/k/wAz6ThXFwhWlQqbS1Xqv+B+R90+EtV1DWbh/Ed/CSWIaFDzsQ/Mu4ZwCeCRWZrfxU8SaTdTxXzh1ckxpBHtRAPu8gnJ9c/pXI2fgrS08Q6f4iup7qW2tmMN1YrdTR2lzE3AMkaMBvXPyuMEcZyOK9dTT/gBFEP7Q8Paktx50eUieWcYX5nIYS/dOec4PHFfLYbB89FONS3e/wDwx91LENT5nSlL/Ck/1v8AgePx+ONS1mznh1q9hlhmO9UuvKiZRznLZ5HpnmuO8NfEDW9K12PStNuU1HS597RyRkSeXtO3yy4OGXnIZfTGa9O8eWXw18Q+Hr/wx4X8Mw2lpqaSW8tzdYku5I3LZWL5mMe5W25zkD0xmuE1K18P+CtOW7kENhp+lWhBOAkcUMa849gBXJjMMqdnGXNI3VSSV5x5F2dr/NbL77+h8N/tseIbrWtb8PWUyhJZUmuCnopYRr/I18XSRus0eBsKIjADqSRkfp1ruvit8Qbv4neP7zxNGpjtgRb2ERH+rtos7Mj1bJZvc1wSSKQ2QAy4IY+nXGK/SMsw0sPhadKe+79W7n5Lm+KjiMXUqx26eiVi0sr3Mwyg3RbmZgOcgd+36V7j8MtI8NeKZ7vTvFkxt5JLQm2mgBEjTj/VJhSAQxOCANxPTpXielRpLI8pJyPvLycqRyT7Z4/GvX/DOnWuq3linhmSaXVrYxMlvHG6tJeNKuI0HXbGoJaRsDnr0z0V37rRx0d7n1z+zf8ADr4geGfG0euTQPbQC8NtLDcRiSWKzKmXewJz8+1cMPuk5OeRX6l+G/EkSM9sPm2knNec/DjTrz4hxaLrDWqWEraFHFdGSZGmSaCU/u1jU/KpLEhm6kAZ5ruLb4e+L9DmuLyW0+02Zdm8xOGC+6+1cNKc2+YVVxb16HpWheJIbu/+zq2cHkV6vfywSWYUY5FfCl/4huvDWsm5hyV3ZI/GvY9F+KUOqw+VIcFFGc11wrx+FmfLJavY/9X9afiJq+nWPh27jbaSYWVQfUivheL4xWnhOx+y3c+1hkAZ6Z9KpfFD4u/6PJH55nkYcKDxXxlewah4pvmubtyATwOwrza9RJprc6YSctFsek+M/G8Xi+7kWFyImY8g9a1vBlwbeS3S5mkn+zktalySIHYBHZQeAWXgk9v15rQfB8KbQx4r2jRPD1lCF6ZGK4pU/aO7LVT2atFn5v8Ax7+FOo3/AMYdcnt7Wa7sI7Q6zdT3JEcRSIKLkxS5wyCVgvHzgHgHivlDxjZWMOraja6YIDaxTtJCIHZkjjb59gZxuO37ue+K/bL4veAl1/QpLTRdFW+OpSxrdSSSF3jKMWWSSJE3Tx7ifMQYbBBByAR8RXX7DfxBn1u3ksrm3bSpLgGRLjKzeU0mSPlU4bbjIdsjpu9OmhNr4h1KkWtD885EYwxRtxgEjPX5uRWj4X1jVvDfiTTda0Sd7W+tbhHikQ4I5wVI7qwyCDwQcGvs34v/ALLXi7wZoM/ia+RYYBqMFlBa2yCbebhtvmKV5VBtA+fozKuTya+ufhj+x/8AB/4W+FYPFfxTuFvPF8+mvPDp19PGojuHRiqxWo+ZnXIBJLAEGt5VlyO66MyjpOPI9bqx638O9ZtvFujRNc7Y7low0sR4BBHJUHt/k1T1z4aTPcmWHWJLeNjkRg5x9MnNcb4fsTpsaLbyFTGF27TgjHpV3XLnxC4LQ3bOuM5PUe1fltaskmtmfs2FnOm7xbOs0DwlYaMjXlxePcSjd88zD5dvoOgHevi/9qvxbc674YvdH0xythEu5mU489kcEn/cHb1PNezXF3rV2sltcXDurnDKMgHHX/JrzLx54Vs9X0uW2uukg25B6A8VWAxcYV4SlrZpmOZ0Z1qNTXVpo/L+3cI+WU9OoOKt+V5is8YOwYGeTyegzivpPwh8H/DSeNrnw74lvmt5jFv06S5hH2BpHbEf2qRXDBc8HC45yTivorw7+xh408SeOdOt9W8mHwfFIWu59P8ALgDbf3hECb5TIjMTGkjMTjkYGBX6jHERqRVSOz2fc/H61P2U3TqaNbo+H/Cuh65qMsj6Fbbj5MkU2SMtlGZgEOM/KMjg4xmvo74I/Bjxlr/hu/8AiV4Pkn0z+xbm3S4luIWZXilbEk9tMuQPLIIlVlZVX5icZx7N8KfBQ8e/tNatJp+kweFk8Nx3cjW8lu4WdI5fssDNEWAbd95mBXPUA9a/S/4f+F9K+Hdjf2dhHCBqs5ubtIIhFbvIVCHbDkqoKjBHfvWVSTlpbQlzUUrPU7v4P+F9Y0Twdp6axa2lrcKmAtoWZTAp/dBmcZY4ycjjnj1r6Ut9RtZbD7JgAsuCK8f0iS91S3WC0YQxooVVHACgYAUdgOwrTTw9q0b+Z9qYH0zU0/cXuoi99T51+J/wZ1+61KW+8NzNOJXZzbso+XJz8pHb61x2neF9W0lTHqtlJaS9ywIViPQ19y+H4Xs5M30hkPqx6VV+JSWF9oE8FtEstwyZjC4zuHSh0k1zItVJKPK3of/W4WGzm1NhJcyFifU12eleHUyuys3S7cnHBr0bSYnBXC14drnZJ2WhraZ4f2gZrvNP0kIAB2qtp8cgUZWvX/BfgrU/Ege5V47WzhO155emeuFUcsf85reFNyfLFHLOaW5zlrYEDg12+ieEfEGtOF02zkdSeZGG2MfV2wK9csNM8FeFIBO8QvJY8brm4AZQfZPuqPzrRHxR0l38hZ44lXgFvkXA9Pwr06WWVGrtHDPGUouzkcNrHhTwr4M8NX2v+N1j1YWUJufsoUNBlOmd3Lc+wH1r8ktMuJvGHxa8X+M9emNxe6jcRrZmQ5EFkY12QxDoqBlccd6/Qv8AaR8Yyx+Cb660i50+8S7hNuY42drhVYjcRn5eOOMV+YtpcXFrcw6lpZzeW4IMLjaZIyQWRh+AII6EA+orqx+QTxGW1IYfSe687dPn+Zllmf08LmdOddXgtH5X6/L8rn0lDEsEW2UfIpBXHHI6VV1G4gcPGZChIPBHIwKz7Xxt4av4oluLpIJ3Cjy5MoQxGeM8cdDg4Bpt1bwXypMkiyRsMqyMDkE+1fhePo1adR06kWn2aP33A1qVWmqlOSa7pmOIowpMS7tx+83b8KxtVsoEt5JrogRLlnJ4AAGa6TV9U8O6CIop7je5PMcYLt07hen44rx7xd4nXVJBHGGtrFMbYmOWduu9wucew5A9fT18g4Yx+YVVyQah1k1ovTu/JfhueFxDxXgcupNTmpT6RT1fr2XmzyPxNMJ7t7oJh7hlSJT1WIEgZ9zkn8favdv2ffjTqvwwfWbbVY21fQIrqMvaMxDRK/ytJC3Yg4JHQivDmgl1DUxMykKhG0ew79a6nwxZFTq8GwSJPC52n+LackE/T0r99wmUUaOHjhoL3Yq39efU/nrHZzWr154mcvek7/8AA/Q/QNfH/wAF/DXimHUNPgTSYPGCi9XU0JlgmuHwskdw+A0cgI6MCuDkGvb7nTl2q275XUOjD7rKRkMp7g9iK/LbTLH7VoM+gXh8y0fDwZ6wuOm3PftX1t+z/wDFy8i0VPhr4uZZ5tNJ/s+Wck+ZDknySTyMfwkHjpXJjOG0481DR9jTB8QtS5MQrrufUOjatcaNIFSTKk969KTWPtVv5r3Ww46DFeURW9p4kSSfQsJLHnfbOfmyDzsJJz9K5i4ku4i0LSum0kFTkEEdjXymJw1XDzcKisfU4bFU60Oem7o9M1bxBHakt9sbj3rmbL4i6TaXbfbp9/HAZ64l9BfUx80rt9Oa569+HNhM2Z2m/WuKTad0dJ//187TYpMjBr0PTFlUDFZ9lDaKBgV1tqsGBt614kYnROXQ7Hw1p9xql/DZmTy1c5kc9EReWb8BXdeMvixFpEC6R4dUR2NvCyK2cEleCSPUnqa4eyujp+g6rfxnDLEsQPoHOW/QV4Ncap9qtry3lf5iLjac90VZFH4gGvt+HMDB03Xmr3Pjc/x1RT9hTdjt4Pibrd5dOsVyzgjlSxII7jGe9RX+vXN9cB3k8tgPurwufXj2rwjwXqMlzO8q4LBsEentXrYiOFYKAfavrHSitUj5ZVG9zE8X3L3kMVtK7Og7Z4x9K8tl0SEEugwSeK9N135ihYZOD26VzLqGUENnOefpSS0NE7nK3fh+HUolgnRJDkAMQC/oRnr6Vw2vaNrelTTzz6gWt72SC0srZSf3ZyC7AEcHYrcivZ7GNPtiBuhPHfJzXK/E2EnUfDTpkILqfd9fJO3+uK4q+CoTalOCbv8A8A7KWNr0ouMJtKxjDScxq79cDBBP9c1nXWhJKcu2fXj8K6+MnIwu7jGeuMU+SINwO3YV1W6HFdvU4e08PW0cudpIxnNbMFpFZTM8a4J57elavlBA29SfQ8VWniBjLKCPx6UEPzHNpv7v7TYMSMAsnUjvxUSu6yR3qny7iE7lYcEEVWF3LZSbuSQB064BplzqEE5MqnacYI6VtGSMZQ7H0b4A+I9zZ7JJpWWUSH5snHQcD+de+/8ACbeHvEMSxapGIZ26XUOBID6kdGH1r84xq5tFljQkHBkB64K49PUVt6Z4/u4tqSSMdpHP0HX+VcOLw1GuuWornbhK9ak+anKx+jmjO+jzpMZVu7KQgLPH0Gezr1U/ofWvXo9MsNRgFxGAcjtX58eCvilNZzKrSbo3O1kblWHoe1fWXhjxxa29vHdxvm0kwME52MRnafb0NfEZrkzw37ynrH8j7LK82Vf93UVpfmf/0PQbTS4yOR+ZrorawjXGP51x8GoS4Azx9K3rW/c8Bv0rx00as3PEzC28HXdpEcSXSzYx1zHGCP1NfJcWsm8tkuY2OX+YrxnJQxsPXv2r6D8carLZ6dpMhPyyz3EWTxklAVz+K4r4vn1ZdA8Q3WnSFhBKxurUHPMZb94nHUqeor9LyNKOCh5/5s/O87beMnb+tEexfCaCE+C11fAZ7i7mVjjJ+RsBa9WWTdGA3yrzxjvXzp8ONek0PQdSsZWL20WrEW6j/aUyEj8CteswaxdahH5gVkGM8ivYjO8UmeR7Np6GlrBV281Tnadtc66gDCnoRW7h5ItkhyQAx4HWsiXH3CBgZ9fz9qnyLRn7XE6snU88DJ/AetcJ4ofXUh0ka1LG0k+otJaRohDxxJHIH3Z6nBXJx34zXq9hbrJcHOPlGQMevH9a818WSjUfiRBaf8s9IsAOenm3J3t+O1VrGrC8otN6fj6m0aloSi0tfw9DSgSQoM85A9c0oABOSR7danKgAHdwDjgY9BTWCopcgDuM8dK1Mio7rsx8x64qhLKNjE9yCen4VYMhkYrhhz15we9UZVyCucEn2PH9KlkmNdzoFO5eexPUj/8AVXKXlx1MRGe3OK6W7kRWI547dMnvjiuP1FfMLDA74HANZTdkVCN2YT6rP9o8pmyNrDkdcj8KiW7MROGPJ6isqcPBdKX4XnPqOD9aha5Vmyh24BAB/WvPnNt6npQgktDvdN16a2dVD4H97+or6r+FvjqJm/s29cPb3ACMHPHsR/SvhVZ2RgSc4OcV2uh6hcMcW8vluOR2yaOdTTpzV0w5XBqcWf/Z",jt={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral"},St={"xx-small":{size:24,iconSize:14},"x-small":{size:32,iconSize:18},small:{size:40,iconSize:22},medium:{size:56,iconSize:28},large:{size:64,iconSize:32},"x-large":{size:80,iconSize:40},"xx-large":{size:160,iconSize:80}};const Bt="var(--Button-Border-Width, 1px)";function kt({src:a,defaultPhoto:o=!0,alt:n,initials:l,icon:s,color:d="default",size:c="x-small",customSize:u,clickable:x=!1,onClick:h,insideButton:p=!1,className:m="",sx:g={},...f}){const b=cr(),[v,y]=e.useState(!1),j="custom"===c&&u?{size:u}:St[c]||St.medium,S=jt[d]||jt.default,B=a||(!o||l||s?void 0:yt),k=B&&!v,w=!k&&l,C=!k&&!w,T=x||!!h,z=k?"transparent":"var(--Buttons-"+S+"-Button)",A="var(--Buttons-"+S+"-Border)",I="var(--Buttons-"+S+"-Text)",R=T?"button":"div";return t.jsxs(r.Box,{component:R,type:T?"button":void 0,role:T?"button":"img","aria-label":n||l||"Avatar",tabIndex:T?0:void 0,onClick:T?h:void 0,...b?{"data-ghost-block":"true"}:{},className:"avatar avatar-"+c+" avatar-"+d+(T?" avatar-clickable":"")+(k?" avatar-image":w?" avatar-initials":" avatar-fallback")+(m?" "+m:""),sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:j.size+"px",height:j.size+"px",borderRadius:"50%",backgroundColor:z,color:I,...b?ur({radius:"50%",animate:b.animate}):{},fontFamily:"inherit",fontWeight:600,overflow:"hidden",flexShrink:0,border:k?Bt+" solid var(--Border)":w?Bt+" solid "+A:"none",...p&&{marginLeft:"2px",marginRight:"2px"},...T&&{cursor:"pointer",outline:"none",padding:0,transition:"background-color 0.15s ease, border-color 0.15s ease","&:hover":{backgroundColor:k?"rgba(0,0,0,0.08)":"var(--Buttons-Default-Hover)"},"&:active":{backgroundColor:k?"rgba(0,0,0,0.15)":"var(--Buttons-Default-Pressed)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px"}},...g},...f,children:[k&&t.jsx(r.Box,{component:"img",src:B,alt:n||"Avatar",onError:()=>y(!0),sx:{width:"100%",height:"100%",objectFit:"cover",borderRadius:"50%"}}),w&&(()=>{const e=function(e){switch(e){case"xx-small":case"x-small":case"small":return ut;case"medium":case"large":default:return xt;case"x-large":case"xx-large":return ht}}(c);return t.jsx(e,{sx:{color:"inherit",fontSize:(r=j.size,Math.round(7*r/12)+"px"),lineHeight:1,textAlign:"center",...Lr},"aria-hidden":"true",children:l.slice(0,2).toUpperCase()});var r})(),C&&t.jsx(vt,{size:c,sx:{color:"inherit"},children:s||t.jsx(i,{})})]})}function wt({children:a,max:o=5,size:i="medium",spacing:n=-8,className:l="",sx:s={},...d}){const c=e.Children.toArray(a),u=c.slice(0,o),x=c.length-o;return t.jsxs(r.Box,{role:"group","aria-label":"Avatar group, "+c.length+" avatars",className:"avatar-group "+l,sx:{display:"inline-flex",alignItems:"center","& > *:not(:first-of-type)":{marginLeft:n+"px"},...s},...d,children:[u,x>0&&t.jsx(kt,{initials:"+"+x,size:i,color:"neutral",sx:{border:"2px solid var(--Background)",zIndex:0}})]})}const Ct=["primary","secondary","tertiary","neutral","info","success","warning","error"],Tt=e=>e.charAt(0).toUpperCase()+e.slice(1);function zt(){const e={};return Ct.forEach(r=>{e[r]=function(e){const r=Tt(e);return{bg:"var(--Icons-"+r+")",text:"var(--Icons-On-"+r+")",border:"none"}}(r),e[r+"-outline"]=function(e){return{bg:"var(--Background)",text:"var(--Text)",border:"1px solid var(--Buttons-"+Tt(e)+"-Border)"}}(r)}),e}const At=/-light$/,It=new Set;const Rt={size:"var(--Sizing-2)",padX:"var(--Sizing-Half)",dot:"var(--Sizing-1)"},Wt=new Set;function Dt({variant:e="primary",size:a,type:o="standard",badgeContent:i,max:n=99,showZero:l=!1,invisible:s=!1,dot:d=!1,overlap:c="rectangular",anchorOrigin:u={vertical:"top",horizontal:"right"},children:x,className:h="",sx:p={},...m}){const g=zt(),f=function(e){const r=String(e||"primary");if(!At.test(r))return r;const t=r.replace(At,"");return"production"===process.env.NODE_ENV||It.has(r)||(It.add(r),console.warn('[Badge] variant="'+r+'" — the -light shape was removed. Rendering variant="'+t+'" (solid).')),t}(e),b=g[f]||g.primary;!function(e){void 0!==e&&("production"===process.env.NODE_ENV||Wt.has(e)||(Wt.add(e),console.warn('[Badge] size="'+e+'" — Badge has one size and the prop was removed. Rendering the 16px counter. For the 8px status dot use \ntype="status".')))}(a);const v="status"===o||d;let y=i;v?y="":"number"==typeof i&&i>n&&(y=n+"+");const j=s||!v&&!l&&(0===i||null==i),S={"& .MuiBadge-badge":{minWidth:v?Rt.dot:Rt.size,height:v?Rt.dot:Rt.size,padding:v?0:"0 "+Rt.padX,fontFamily:"var(--Badge-Font-Family, var(--Button-Small-Font-Family))",fontWeight:"var(--Badge-Font-Weight, var(--Button-Small-Font-Weight))",lineHeight:"var(--Badge-Line-Height, 12px)",letterSpacing:"var(--Badge-Letter-Spacing, var(--Button-Small-Letter-Spacing))",fontSize:"var(--Badge-Font-Size, 11px)",borderRadius:v?Rt.dot:Rt.size,backgroundColor:b.bg,color:b.text,border:b.border,boxSizing:"border-box",boxShadow:"0 0 0 1px var(--Background)",transition:"transform 0.2s ease, opacity 0.2s ease"},...p};return t.jsx(r.Badge,{badgeContent:v?"":y,max:n,showZero:l,invisible:j,overlap:c,anchorOrigin:u,variant:v?"dot":"standard",className:"badge-"+f+" "+h,sx:S,...m,children:x})}const Ft={1:[[.3,.5,.7,0,.41],[1.3,2.5,3.4,-1.2,.205]],2:[[.3,.5,.7,0,.41],[.6,1.2,1.6,-1.2,.273],[3,6,8.1,-2.5,.137]],3:[[.3,.5,.7,0,.41],[.3,.7,.9,-.6,.328],[1,2,2.7,-1.2,.246],[2.8,5.6,7.5,-1.9,.164],[6.3,12.5,16.9,-2.5,.082]],4:[[.3,.5,.7,0,.41],[.4,.7,1,-.5,.342],[1.2,2.4,3.2,-1,.273],[3.4,6.9,9.3,-1.5,.205],[7.8,15.6,21.1,-2,.137],[15,30,40.5,-2.5,.068]],5:[[.3,.5,.7,0,.41],[.4,.7,1,-.4,.359],[1.1,2.2,3,-.7,.308],[3.1,6.3,8.5,-1.1,.256],[7.1,14.2,19.2,-1.4,.205],[13.6,27.3,36.8,-1.8,.154],[23.4,46.8,63.2,-2.1,.103],[37,74,99.9,-2.5,.051]]};function Lt(e){return Ft[e].map(function(e){return e[0]+"px "+e[1]+"px "+e[2]+"px "+e[3]+"px rgba(var(--Dropshadow-Color, 20, 20, 20), "+e[4]+")"}).join(", ")}const Pt=(e,r)=>0===e?"none":"var(--Effect-Level-"+e+", "+r+")",Ht=Pt(1,Lt(1)),Mt=Pt(2,Lt(2)),Et=Pt(3,Lt(3)),Ot=Pt(4,Lt(4)),Nt=Pt(5,Lt(5)),Qt={0:"none",1:Ht,2:Mt,3:Et,4:Ot,5:Nt},Vt={"black-white":"BlackWhite"},Gt=e=>{return Vt[e]||(r=e).charAt(0).toUpperCase()+r.slice(1);var r},qt={small:"Sm-",medium:"",large:"Lg-"};function Ut(e,r){const t=Gt(e),a=(e,r)=>`color-mix(in srgb, rgb(var(${e}, ${r})) calc(var(--Button-Bevel-Opacity, 0.5) * 100%), transparent)`,o="var(--_bevel)",i="calc(-1 * var(--_bevel))",n=qt[r],l=void 0===n?(e,r)=>r:(e,r)=>`var(--${n}Button-${e}, ${r})`;return[`inset ${l("Lowlight-Offset-x",i)} ${l("Lowlight-Offset-y",i)} ${l("Lowlight-Blur-Radius",o)} ${l("Lowlight-Spread",i)} `+a(`--Buttons-${t}-Lowlight`,"0 0 0"),`inset ${l("Highlight-Offset-x",o)} ${l("Highlight-Offset-y",o)} ${l("Highlight-Blur-Radius",o)} ${l("Highlight-Spread",i)} `+a(`--Buttons-${t}-Highlight`,"255 255 255")].join(", ")}const Xt={small:"var(--Sm-Button-Text-Padding)",medium:"var(--Button-Text-Padding)",large:"var(--Lg-Button-Text-Padding)"},Yt=e=>"small"===e?"var(--Sm-Button-Avatar-Text, 9px)":"large"===e?"var(--Lg-Button-Avatar-Text, 23px)":"var(--Button-Avatar-Text, 12px)",Zt={small:{avatar:16,icon:20},medium:{avatar:20,icon:20},large:{avatar:40,icon:32}};function Jt(r,t){if(!e.isValidElement(r))return r;const a=Zt[t]||Zt.medium;return r.type===kt?e.cloneElement(r,{size:"custom",customSize:a.avatar,insideButton:!0}):r.type===vt?e.cloneElement(r,{size:"custom",fontSize:a.icon}):r}const Kt=["default","primary","secondary","tertiary","neutral","info","success","warning","error"],$t=Gt;function _t(e,r=!1,t=!1,a="medium"){const o=$t(e),i=Ut(e,a),n=r?Ht:"none";return{backgroundColor:`var(--Buttons-${o}-Button)`,color:`var(--Buttons-${o}-Text)`,border:`var(--Button-Border-Width) solid var(--Buttons-${o}-Border)`,boxShadow:"none"===n?i:`${i}, ${n}`,position:"relative",zIndex:1,"& .MuiTouchRipple-rippleVisible":{color:`var(--Buttons-${o}-Hover)`,zIndex:-1},"&:hover":{backgroundColor:`var(--Buttons-${o}-Hover)`,boxShadow:`${i}, ${r?Mt:Ht}`,...!t&&{transform:"translateY(-1px)"}},"&:active":{backgroundColor:`var(--Buttons-${o}-Pressed)`,boxShadow:i,...!t&&{transform:"translateY(0)"}},"&.Mui-focusVisible":{backgroundColor:`var(--Buttons-${o}-Button)`,outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"& .MuiTouchRipple-root":{zIndex:-1},"& .MuiTypography-root":{zIndex:1},"& .MuiButton-icon":{zIndex:1}}}function ea(e,r=!1){return{backgroundColor:"transparent",color:"var(--Text)",border:`var(--Button-Border-Width) solid var(--Buttons-${$t(e)}-Border)`,boxShadow:"none","& .MuiTouchRipple-rippleVisible":{color:"var(--Hover)"},"&:hover":{backgroundColor:"var(--Hover)",boxShadow:"none",...!r&&{transform:"translateY(-1px)"}},"&:active":{backgroundColor:"var(--Pressed)",...!r&&{transform:"translateY(0)"}},"&.Mui-focusVisible":{backgroundColor:"transparent",outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}}}function ra(e,r=!1){return{backgroundColor:"transparent",color:e?"var(--Hotlink)":"var(--Quiet)",border:"var(--Button-Border-Width) solid transparent",boxShadow:"none",textDecoration:"none",...e&&{"& .btn-text-content":{textDecoration:"underline"}},"& .MuiTouchRipple-rippleVisible":{color:"var(--Hover)"},"&:hover":{backgroundColor:"var(--Hover)",boxShadow:"none",...!r&&{transform:"translateY(-1px)"},...e?{"& .btn-text-content":{textDecoration:"none"}}:{color:"var(--Text)"}},"&:active":{backgroundColor:"var(--Pressed)",...!r&&{transform:"translateY(0)"},...e?{"& .btn-text-content":{textDecoration:"none"}}:{color:"var(--Text)"}},"&.Mui-focusVisible":{backgroundColor:"transparent",outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px",...e&&{"& .btn-text-content":{textDecoration:"none"}}}}}const ta=/-light$/,aa=new Set;const oa={small:"var(--Small-Button-Height)",medium:"var(--Button-Height)",large:"var(--Large-Button-Height)"},ia={small:{minHeight:"var(--Small-Button-Height)",minWidth:"var(--Button-Min-Width)",fontSize:"var(--Sm-Button-Text)","--_height":"var(--Small-Button-Height)"},large:{minHeight:"var(--Large-Button-Height)",minWidth:"var(--Lg-Button-Min-Width, var(--Button-Min-Width))",fontSize:"var(--Lg-Button-Text)","--_height":"var(--Large-Button-Height)"},medium:{minHeight:"var(--Button-Height)",minWidth:"var(--Button-Min-Width)",fontSize:"var(--Button-Text)","--_height":"var(--Button-Height)"}};function na({variant:a="default",size:o="medium",elevated:i=!1,selected:n=!1,fullWidth:l=!1,disabled:s=!1,iconOnly:d=!1,letterNumber:c=!1,avatar:u=!1,swatch:x=!1,swatchColor:h,startIcon:p,endIcon:m,startDecorator:g,endDecorator:f,badge:b=!1,badgeContent:v,badgeVariant:y="error",badgeSize:j,badgeDot:S=!1,badgeMax:B=99,badgeAnchorOrigin:k={vertical:"top",horizontal:"right"},children:w,className:C="",sx:T={},...z}){const A=d||u||x,I=A||c;if("production"!==process.env.NODE_ENV){const r=z["aria-label"]||z["aria-labelledby"]||z.title;I&&!r&&console.error('[OmniDesign] A <Button> with no visible text has no accessible name. A screen reader announces it as just "button" — or, for letterNumber, reads the characters ("123") as if they were the label. Add aria-label="…" describing the ACTION ("Your account"), not the content ("JD") or the icon ("trash").'),r&&e.Children.forEach(w,e=>{const t=e?.props?.["aria-label"]||e?.props?.titleAccess;t&&console.error('[OmniDesign] <Button> is labelled "'+r+'" but also contains an icon labelled "'+t+"\". A screen reader reads both. Remove the icon's label — the button owns the name.")})}const R=!A,W=l&&!A&&!c,D=function(e){const r=String(e||"default");if(!ta.test(r))return r;const t=r.replace(ta,"");return"production"===process.env.NODE_ENV||aa.has(r)||(aa.add(r),console.warn('[Button] variant="'+r+'" — the -light shape was removed. Rendering variant="'+t+'" (solid). Use a Buttons mode for colour and solid / -outline / ghost / text for shape.')),t}(!u&&!x||"ghost"!==a&&"text"!==a?a:"primary"),F=function(e,r=!1,t=!1,a="medium"){const o={};return Kt.forEach(e=>{o[e]=_t(e,r,t,a),o[`${e}-outline`]=ea(e,t)}),o["black-white"]=_t("black-white",r,t,a),o["black-white-outline"]=ea("black-white",t),o.danger=_t("error",r,t,a),o.outline=ea("default",t),o.ghost=ra(e,t),o.text=ra(e,t),o}(R,i,n,o),L=F[D]||F.default,P=function({size:e,iconOnly:r,letterNumber:t,avatar:a}){const o=ia[e]||ia.medium,i=oa[e]||oa.medium;if(r)return{height:i,width:i,minWidth:"unset",minHeight:"unset",fontSize:a?Yt(e):"small"===e?"0.875rem":o.fontSize,padding:"0","--_height":i};return t?{...o,minHeight:i,minWidth:i,padding:"0"}:{...o,padding:"large"===e?"0 var(--Lg-Button-Padding)":"0 var(--Button-Padding)"}}({size:o,iconOnly:A,letterNumber:c,avatar:u}),H="small"===o?mt:gt,M=void 0!==g?Jt(g,o):void 0,E=void 0!==f?Jt(f,o):void 0,O=j||("small"===o?"small":"large"===o?"large":"medium"),N=t.jsxs(t.Fragment,{children:[t.jsx(r.GlobalStyles,{styles:{'[class*="btn-"] .MuiButton-startIcon, [class*="btn-"] .MuiButton-icon':{marginLeft:"0px !important",marginRight:"2px !important"},'[class*="btn-"] .MuiButton-endIcon':{marginLeft:"2px !important",marginRight:"0px !important"},'[class*="btn-"] .MuiButton-iconSizeSmall .MuiSvgIcon-root, [class*="btn-"] .MuiButton-iconSizeSmall > *':{fontSize:"var(--Sm-Button-Icon) !important"},'[class*="btn-"] .MuiButton-iconSizeMedium .MuiSvgIcon-root, [class*="btn-"] .MuiButton-iconSizeMedium > *':{fontSize:"var(--Button-Icon) !important"},'[class*="btn-"] .MuiButton-iconSizeLarge .MuiSvgIcon-root, [class*="btn-"] .MuiButton-iconSizeLarge > *':{fontSize:"var(--Lg-Button-Icon) !important"}}}),t.jsx(r.Button,{size:o,...W&&{fullWidth:!0},disabled:s,startIcon:void 0!==M?M:u?(()=>{if(u&&w){const e=oa[o]||oa.medium,a=Yt(o);return t.jsx(r.Avatar,{sx:{width:e,height:e,backgroundColor:"inherit",color:"inherit",fontSize:a},children:w})}return p})():p,endIcon:void 0!==E?E:m,className:`btn-${D} ${C}`,role:"button",sx:{borderRadius:u?"var(--Large-Button-Height)":d||x?"small"===o?"var(--Sm-Button-Icon-Radius, var(--Button-Icon-Radius))":"large"===o?"var(--Lg-Button-Icon-Radius, var(--Button-Icon-Radius))":"var(--Button-Icon-Radius)":"small"===o?"var(--Sm-Button-Radius, var(--Button-Radius))":"large"===o?"var(--Lg-Button-Radius, var(--Button-Radius))":"var(--Button-Radius)",textTransform:"none",fontWeight:"inherit",lineHeight:1,whiteSpace:"nowrap",flexShrink:0,transition:"background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out","--_bevel":"min(calc(var(--Button-Bevel) * var(--_height) / 100), calc(var(--_height) / 5))",..."small"===o&&{position:"relative","&::before":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"100%",height:"100%",minWidth:"var(--Target, 0px)",minHeight:"var(--Target, 0px)"}},...P,...L,"&.MuiButton-root":{padding:P.padding??"0 var(--Sizing-1)"},"& .MuiButton-startIcon":{display:"inherit",color:"inherit",marginLeft:"0px !important",marginRight:u?"0px !important":"2px !important"},...u&&{"& .MuiAvatar-root":{fontSize:Yt(o)}},"& .MuiButton-endIcon":{display:"inherit",color:"inherit",marginLeft:"2px !important",marginRight:"0px !important"},"& .MuiSvgIcon-root":{color:"inherit"},"&:focus-visible, &.Mui-focusVisible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none",backgroundColor:L.backgroundColor,color:L.color,border:L.border,boxShadow:"none"},...x&&{border:"var(--Button-Border-Width) solid var(--Border)",padding:"1px",width:oa[o]||oa.medium,height:oa[o]||oa.medium,minWidth:"unset",minHeight:"unset",boxShadow:"none","--_bevel":"0",backgroundColor:"transparent !important","&:hover":{backgroundColor:"transparent !important",boxShadow:"none"},"&:active":{boxShadow:"none"},"&:hover .btn-swatch-inner":{filter:"brightness(0.9)"}},...W&&{width:"100%"},...T},...z,...x?{style:{backgroundColor:"transparent"}}:{},children:u?null:x?t.jsx(r.Box,{className:"btn-swatch-inner",style:{width:"100%",height:"100%",borderRadius:"small"===o?"var(--Sm-Button-Icon-Inner-Radius, calc(var(--Button-Icon-Radius) - 2px))":"large"===o?"var(--Lg-Button-Icon-Inner-Radius, calc(var(--Button-Icon-Radius) - 2px))":"var(--Button-Icon-Inner-Radius, calc(var(--Button-Icon-Radius) - 2px))",...h?{backgroundColor:h}:{}}}):(()=>{if(A)return w;if(c){const e="small"===o?pt:H;return t.jsx(e,{component:"span",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:"4px",color:"inherit",lineHeight:1,...Lr},children:w})}return"string"==typeof w||"number"==typeof w?t.jsx(r.Box,{component:"span",className:"btn-text-content",sx:{display:"inline-flex",alignItems:"center",padding:Xt[o]||Xt.medium},children:t.jsx(H,{component:"span",sx:{color:"inherit",...Lr},children:w})}):w})()})]});return b?t.jsx(Dt,{variant:y,size:O,badgeContent:v,dot:S,max:B,anchorOrigin:k,showZero:0===v,children:N}):N}const la=e=>t.jsx(na,{iconOnly:!0,...e}),sa=["default","primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],da=e=>"Default"===e?"var(--Quiet)":"var(--Buttons-"+e+"-Border)";function ca(){const e={};return sa.forEach(r=>{e[r]=function(e){const r=Gt(e);return{color:r,borderToken:da(r),icon:"var(--Buttons-"+r+"-Border)"}}(r)}),e}const ua=/-(outline|light|solid)$/,xa=new Set;function ha(e){const r=ca();return r[function(e){const r=String(e||"default");if(!ua.test(r))return r;const t=r.replace(ua,"");return"production"===process.env.NODE_ENV||xa.has(r)||(xa.add(r),console.warn('[Checkbox] variant="'+r+'" — the -outline/-light/-solid shapes were removed; a Checkbox has one look and `variant` selects colour only. Rendering variant="'+t+'". Update the call site.')),t}(e)]||r.default}const pa={small:{box:16,icon:12,gap:4,touchTarget:24,LabelComp:qr},medium:{box:20,icon:14,gap:8,touchTarget:24,LabelComp:Xr},large:{box:24,icon:18,gap:12,touchTarget:24,LabelComp:Kr}};function ma({size:e,variant:a,checked:i,indeterminate:l}){const s=ha(a),d=pa[e]||pa.medium,c=i||l,u=s.borderToken,x="small"===e?"var(--Sm-Checkbox-Radius, 3.2px)":"large"===e?"var(--Lg-Checkbox-Radius, 4.8px)":"var(--Checkbox-Radius, 4px)";return t.jsx(r.Box,{className:"chk-box-icon",sx:{width:d.box,height:d.box,boxSizing:"border-box",borderRadius:x,border:"2px solid "+u,overflow:"hidden",flexShrink:0,transition:"border-color 0.15s ease-in-out"},children:t.jsx(r.Box,{sx:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"var(--Background)",color:"var(--Text)",transition:"background-color 0.15s ease-in-out"},children:c&&(l?t.jsx(n,{sx:{fontSize:d.icon,color:s.icon}}):t.jsx(o,{sx:{fontSize:d.icon,color:s.icon}}))})})}function ga({size:e,variant:r}){return t.jsx(ma,{size:e,variant:r,checked:!1,indeterminate:!1})}function fa({size:e,variant:r}){return t.jsx(ma,{size:e,variant:r,checked:!0,indeterminate:!1})}function ba({size:e,variant:r}){return t.jsx(ma,{size:e,variant:r,checked:!1,indeterminate:!0})}function va({variant:e="primary",size:a="medium",label:o,checked:i,defaultChecked:n,indeterminate:l=!1,disabled:s=!1,onChange:d,name:c,value:u,className:x="",sx:h={},"aria-label":p,"aria-labelledby":m,"aria-describedby":g,inputProps:f={},...b}){ha(e);const v=pa[a]||pa.medium,y=v.LabelComp,j={...f,...p&&{"aria-label":p},...m&&{"aria-labelledby":m},...g&&{"aria-describedby":g}},S=t.jsx(r.Checkbox,{checked:i,defaultChecked:n,indeterminate:l,disabled:s,onChange:d,name:c,value:u,icon:t.jsx(ga,{size:a,variant:e}),checkedIcon:t.jsx(fa,{size:a,variant:e}),indeterminateIcon:t.jsx(ba,{size:a,variant:e}),className:"chk-"+e+" "+x,inputProps:j,disableRipple:!0,sx:{padding:(v.touchTarget-v.box)/2+"px",minWidth:24,minHeight:24,borderRadius:"var(--Checkbox-Radius, 4px)",color:"inherit",transition:"background-color 0.15s ease-in-out","&.Mui-checked, &.MuiCheckbox-indeterminate":{color:"inherit"},"&:hover":{backgroundColor:"transparent"},"&:hover .chk-box-icon":{borderColor:"var(--Text)"},"&:active .chk-box-icon":{borderColor:"var(--Text)",backgroundColor:"var(--Pressed)"},"&.Mui-disabled .chk-box-icon":{opacity:"var(--Disabled, 0.38)"},"&.Mui-focusVisible .chk-box-icon":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none"},...h},...b});return o?t.jsx(r.FormControlLabel,{control:S,label:t.jsx(y,{component:"span",sx:{color:s?"var(--Text-Quiet)":"var(--Text)",lineHeight:1.4,userSelect:"none"},children:o}),disabled:s,sx:{marginLeft:0,marginRight:0,gap:v.gap+"px",alignItems:"center","&.Mui-disabled .MuiTypography-root":{color:"var(--Text-Quiet)",opacity:.6}}}):S}const ya=["primary","secondary","tertiary","neutral","info","success","warning","error"];function ja(e){const r=(t=e).charAt(0).toUpperCase()+t.slice(1);var t;return{bg:"var(--Hover)",border:"var(--Buttons-"+r+"-Border)",hoverBorder:"var(--Buttons-"+r+"-Hover)",pressedBorder:"var(--Buttons-"+r+"-Pressed)",text:"var(--Text)",focusBg:"var(--Hover)"}}const Sa={small:{height:"var(--Small-Button-Height)",fontSize:"13px",labelSize:"13px",padding:"4px var(--Input-Padding, 8px)",iconSize:16},medium:{height:"var(--Button-Height)",fontSize:"15px",labelSize:"15px",padding:"4px var(--Input-Padding, 12px)",iconSize:18},large:{height:"var(--Large-Button-Height)",fontSize:"17px",labelSize:"17px",padding:"4px var(--Input-Padding, 16px)",iconSize:20}},Ba={small:{height:"48px",fontSize:"13px",labelSize:"11px",padding:"20px var(--Input-Padding, 12px) 4px",padTop:20,padBottom:4,leftPad:12,iconSize:16},medium:{height:"56px",fontSize:"15px",labelSize:"12px",padding:"22px var(--Input-Padding, 14px) 6px",padTop:22,padBottom:6,leftPad:14,iconSize:18},large:{height:"64px",fontSize:"17px",labelSize:"14px",padding:"24px var(--Input-Padding, 16px) 6px",padTop:24,padBottom:6,leftPad:16,iconSize:20}},ka={small:{resting:"Body-Small",shrunk:"Label-ExtraSmall"},medium:{resting:"Body-Medium",shrunk:"Label-Small"},large:{resting:"Body-Large",shrunk:"Label-Medium"}},wa=e=>({fontSize:"var(--"+e+"-Font-Size)",fontWeight:"var(--"+e+"-Font-Weight)",letterSpacing:"var(--"+e+"-Letter-Spacing)"});const Ca={info:c,success:l,warning:s,error:d},Ta={info:{border:"var(--Buttons-Info-Border)",hoverBorder:"var(--Buttons-Info-Hover)",pressedBorder:"var(--Buttons-Info-Pressed)",icon:"var(--Icons-Info)",text:"var(--Hotlink)"},success:{border:"var(--Buttons-Success-Border)",hoverBorder:"var(--Buttons-Success-Hover)",pressedBorder:"var(--Buttons-Success-Pressed)",icon:"var(--Icons-Success)",text:"var(--Text-Success)"},warning:{border:"var(--Buttons-Warning-Border)",hoverBorder:"var(--Buttons-Warning-Hover)",pressedBorder:"var(--Buttons-Warning-Pressed)",icon:"var(--Icons-Warning)",text:"var(--Text-Warning)"},error:{border:"var(--Buttons-Error-Border)",hoverBorder:"var(--Buttons-Error-Hover)",pressedBorder:"var(--Buttons-Error-Pressed)",icon:"var(--Icons-Error)",text:"var(--Text-Error)"}};function za({variant:a="primary-outline",size:o="medium",label:i,labelPosition:n="standard",placeholder:l,helperText:s,validation:d,validationMessage:c,disabled:u=!1,id:x,value:h,defaultValue:p,onChange:m,name:g,type:f="text",multiline:b=!1,rows:v,maxRows:y,resize:j="vertical",startAdornment:S,endAdornment:B,fullWidth:k=!1,className:w="",sx:C={},"aria-label":T,"aria-labelledby":z,"aria-describedby":A,"aria-required":I,"aria-invalid":R,inputProps:W={},...D}){const F=function(){const e={};return ya.forEach(r=>{e[r+"-outline"]=ja(r)}),e.outline=ja("primary"),e}(),L=F[a]||F["primary-outline"],P="floating"===n;"production"!==process.env.NODE_ENV&&/-light$|^light$/.test(a)&&console.warn('[Input] variant="'+a+'" was removed. It differed from "'+a.replace(/-?light$/,"")+'-outline" only by a token no design system publishes, so the two rendered identically. For a lighter field use data-surface="Surface-Brightest" on its container.');const H=P?Ba[o]||Ba.medium:Sa[o]||Sa.medium,M=e.useId(),E=x||M,{labelX:O,padX:N,restingY:Q,shrunkY:V}=function(e,r){const t=parseInt(e.height,10)||56,a=parseInt(e.fontSize,10)||15,o="var(--Input-Padding, "+(e.leftPad||14)+"px)",i=(e.iconSize||18)+8;return{labelX:r?"calc("+o+" + "+i+"px)":o,padX:o,clearance:r?i:0,restingY:Math.round((t-1.4375*a)/2),shrunkY:6}}(H,!!S),G=ka[o]||ka.medium,q="var(--Text)",U=d?Ta[d]:null,X=d?Ca[d]:null,Y=U||L,Z=Y.border,J={...W,...T&&{"aria-label":T},...z&&{"aria-labelledby":z},...A&&{"aria-describedby":A},...I&&{"aria-required":I},...R&&{"aria-invalid":R}};return t.jsxs(r.Box,{className:"inp-"+a+" "+w,sx:{width:k?"100%":"auto",...C},children:[(()=>{if(!i||P)return null;const e="small"===o?qr:Xr;return t.jsx(e,{component:"label",htmlFor:E,sx:{display:"block",marginBottom:"6px",color:u?"var(--Quiet)":"var(--Text)",fontSize:H.labelSize,fontWeight:500,opacity:u?"var(--Disabled, 0.38)":1},children:i})})(),t.jsx(r.Box,{sx:{border:"1px solid "+Z,borderRadius:"small"===o?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===o?"var(--Lg-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden",transition:"border-color 0.15s ease-in-out",boxShadow:"none",...!u&&{"&:hover":{borderColor:Y.hoverBorder},"&:active":{borderColor:Y.pressedBorder}},"&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:t.jsx(r.Box,{children:t.jsx(r.TextField,{value:h,defaultValue:p,onChange:m,name:g,type:f,disabled:u,placeholder:l,id:E,multiline:b,rows:v,maxRows:y,fullWidth:!0,label:P?i:void 0,variant:"outlined",size:"small"===o?"small":"medium",inputProps:J,InputProps:{startAdornment:S?t.jsx(r.InputAdornment,{position:"start",children:S}):void 0,endAdornment:(()=>{if(B)return t.jsx(r.InputAdornment,{position:"end",children:B})})()},sx:{"& .MuiOutlinedInput-root":{backgroundColor:"var(--Hover)",color:"var(--Quiet)",fontSize:H.fontSize,minHeight:b?"auto":H.height,padding:0,borderRadius:0,transition:"color 0.15s ease-in-out",...P&&{alignItems:"stretch"},"& fieldset":{border:"none"},"&.Mui-focused":{color:q},"&:not(.Mui-focused) .MuiOutlinedInput-input:not(:placeholder-shown)":{color:q},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"},"& input":{padding:H.padding,color:"inherit","&::placeholder":{color:"var(--Quiet)",opacity:1}},"& textarea":{padding:H.padding,color:"inherit",resize:j,"&::placeholder":{color:"var(--Quiet)",opacity:1}},"& .MuiInputAdornment-root":{color:"var(--Quiet)"},...P&&{"& .MuiInputAdornment-root":{maxHeight:"none",height:"auto",alignSelf:"stretch",alignItems:"center",paddingTop:H.padTop+"px",paddingBottom:H.padBottom+"px",marginTop:0,marginBottom:0},"& .MuiInputAdornment-positionStart":{marginLeft:N,marginRight:"8px",width:H.iconSize+"px",minWidth:H.iconSize+"px",justifyContent:"center"},"& .MuiInputAdornment-positionEnd":{marginRight:"8px"},...S&&{"& input":{paddingLeft:0},"& textarea":{paddingLeft:0}}}},"& .MuiInputLabel-root":{color:"var(--Quiet)",fontFamily:"var(--Font-Families-Body, var(--Body-Font-Family))",...wa(G.resting),transformOrigin:"top left",transition:"transform 0.15s ease, font-size 0.15s ease, color 0.15s ease",transform:"translate("+O+", "+Q+"px)","&.MuiInputLabel-shrink":{transform:"translate("+O+", "+V+"px)",...wa(G.shrunk),color:"var(--Quiet)"},"&.Mui-focused":{color:q},"&.Mui-disabled":{color:"var(--Quiet)",opacity:"var(--Disabled, 0.38)"}},"& .MuiOutlinedInput-notchedOutline legend":{display:"none"},"& .MuiOutlinedInput-notchedOutline":{top:0},"& .MuiOutlinedInput-root.Mui-focused":{outline:"none"},"& .MuiOutlinedInput-root:focus-within":{outline:"none"}},...D})})}),d&&c?t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:"6px",marginTop:"4px",marginLeft:"2px"},children:[X&&t.jsx(X,{sx:{fontSize:H.iconSize,color:U.icon,flexShrink:0}}),t.jsx(r.FormHelperText,{sx:{color:U.text,fontSize:"small"===o?"11px":"12px",margin:0},children:c})]}):s?t.jsx(r.FormHelperText,{sx:{color:"var(--Quiet)",fontSize:"small"===o?"11px":"12px",marginTop:"4px",marginLeft:"2px"},children:s}):null]})}const Aa=e=>e.charAt(0).toUpperCase()+e.slice(1),Ia={small:{height:"var(--Small-Button-Height)",fontSize:"13px",padding:"4px 8px",iconSize:16},medium:{height:"var(--Button-Height)",fontSize:"14px",padding:"6px 12px",iconSize:18},large:{height:"var(--Large-Button-Height)",fontSize:"16px",padding:"8px 16px",iconSize:20}},Ra={small:{height:48,fontSize:"13px",padding:"20px 12px 4px",labelSize:"11px",leftPad:12},medium:{height:56,fontSize:"14px",padding:"22px 14px 6px",labelSize:"12px",leftPad:14},large:{height:64,fontSize:"16px",padding:"24px 16px 6px",labelSize:"14px",leftPad:16}};function Wa({options:a=[],value:i,defaultValue:n="",onChange:l,label:s,labelPosition:d="top",size:c="medium",variant:h="outline",color:p="primary",selectionStyle:m="default",mode:g="standard",placeholder:f="Select…",showDividers:b=!1,showColorLabels:v=!0,startDecoration:y,disabled:j=!1,fullWidth:S=!1,className:B="",sx:k={},...w}){const C="default"===p?"primary":p,T=Aa(C),z="var(--Buttons-"+T+"-Border)";"production"!==process.env.NODE_ENV&&("light"===h&&console.warn('[Select] variant="light" was removed and had never done anything — it was read by no code path. Rendering outline. For a lighter Select, use data-surface="Surface-Brightest" on its container.'),"light"===m&&console.warn('[Select] selectionStyle="light" was removed with the -Light button shades. It named --Buttons-{C}-Light-{Button,Text,Border}, which no design system publishes, and carried no fallbacks — a selected option rendered with no fill, no text colour and no border. Rendering default.'));const A="light"===h?"outline":h,I="light"===m?"default":m,R="default"===p?"var(--Text)":"var(--Text-"+T+")",[W,D]=e.useState(n),[F,L]=e.useState(!1),[P,H]=e.useState(!1),[M,E]=e.useState({top:0,left:0,width:0,direction:"down"}),O=e.useRef(null),N=e.useRef(null),[Q,V]=e.useState(null),[G,q]=e.useState(null),U=void 0!==i,X=U?i:W,Y=a.flatMap(e=>e&&Array.isArray(e.options)?e.options:[e]).find(e=>("string"==typeof e?e:e.value)===X),Z=Y?"string"==typeof Y?Y:Y.label:"",J=""!==X&&null!=X,K="floating"===d,$="top"===d,_="color"===g,ee=K?Ra[c]||Ra.medium:Ia[c]||Ia.medium,re=e.useCallback(e=>{U||D(e),l?.(e),L(!1),N.current?.focus()},[U,l]),te=e.useCallback(()=>{if(!N.current)return{top:0,left:0,width:0};const e=N.current.getBoundingClientRect(),r=window.innerHeight-e.bottom,t=e.top,a=r>=240||r>=t?"down":"up";return{top:"down"===a?e.bottom+4:void 0,bottom:"up"===a?window.innerHeight-e.top+4:void 0,left:e.left,width:e.width,direction:a}},[]),ae=e.useCallback(()=>{j||L(e=>(e||E(te()),!e))},[j,te]);e.useEffect(()=>{if(!F)return;const e=e=>{!O.current||O.current.contains(e.target)||e.target.closest("[data-select-dropdown]")||L(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[F]),e.useEffect(()=>{if(!F||!N.current)return;const e=N.current.closest("[data-theme]"),r=N.current.closest("[data-surface]");V(e?.getAttribute("data-theme")||null),q(r?.getAttribute("data-surface")||null);const t=()=>E(te());return window.addEventListener("scroll",t,!0),window.addEventListener("resize",t),()=>{window.removeEventListener("scroll",t,!0),window.removeEventListener("resize",t)}},[F,te]);const oe=e.useRef(null),ie=e.useCallback(e=>{const r=oe.current;if(!r)return;const t=r.querySelectorAll('[role="option"]');if(!t.length)return;const a=r.querySelector('[role="option"]:focus');let o=Array.prototype.indexOf.call(t,a);o="down"===e?o<t.length-1?o+1:0:o>0?o-1:t.length-1,t[o].focus()},[]);e.useEffect(()=>{F&&requestAnimationFrame(()=>{const e=oe.current;if(!e)return;const r=e.querySelector('[aria-selected="true"]'),t=e.querySelector('[role="option"]');(r||t)?.focus()})},[F]);const ne=F?u.createPortal(t.jsx(r.Box,{ref:oe,"data-select-dropdown":!0,"data-theme":Q||void 0,role:"listbox","aria-label":s||"Options",sx:{position:"fixed",top:M.top??"unset",bottom:M.bottom??"unset",left:M.left,width:M.width+"px",backgroundColor:"var(--Hover)",border:"1px solid var(--Buttons-Default-Border)",borderRadius:"var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px)))",boxShadow:"none",zIndex:99999,maxHeight:"240px",overflowY:"auto",py:.5},children:(()=>{const i=(a,i,n)=>{const l="string"==typeof a?a:a.value,s="string"==typeof a?a:a.label,d="object"==typeof a?a.color:null,c=l===X,u=function(e,r,t){const a=Aa(t||"default");return r?{backgroundColor:"var(--Buttons-"+a+"-Button)",color:"var(--Buttons-"+a+"-Text)",border:"1px solid var(--Buttons-"+a+"-Border)",fontWeight:600}:{color:"var(--Text)",backgroundColor:"transparent",border:"1px solid transparent"}}(0,c,C),x=i===n-1;return t.jsxs(e.Fragment,{children:[t.jsxs(r.Box,{role:"option",tabIndex:-1,"aria-selected":c,"aria-label":_&&!v?s:void 0,onClick:()=>re(l),onKeyDown:e=>((e,r)=>{if("Enter"===e.key||" "===e.key)return e.preventDefault(),void re(r);"ArrowDown"===e.key&&(e.preventDefault(),ie("down")),"ArrowUp"===e.key&&(e.preventDefault(),ie("up")),"Escape"===e.key&&(L(!1),N.current?.focus())})(e,l),sx:{display:"flex",alignItems:"center",gap:1,px:1.5,py:0,mx:.5,my:"1px",minHeight:ee.height,cursor:"pointer",fontSize:ee.fontSize,fontFamily:"inherit",borderRadius:"4px",outline:"none",...u,transition:"background-color 0.1s ease","&:hover":c?{}:{backgroundColor:"var(--Buttons-"+T+"-Hover)",color:"var(--Buttons-"+T+"-Text)"},"&:active":c?{}:{backgroundColor:"var(--Buttons-"+T+"-Pressed)",color:"var(--Buttons-"+T+"-Text)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:[_&&d&&t.jsx(r.Box,{sx:{height:"calc("+ee.height+" - 8px)",width:"calc("+ee.height+" - 8px)",borderRadius:"var(--Input-Swatch-Radius, var(--Button-Radius))",backgroundColor:d,border:"1px solid "+(c?"var(--Buttons-"+T+"-Border)":"var(--Border)"),flexShrink:0}}),(!_||v)&&t.jsx(qr,{style:{flex:1,color:"inherit",fontWeight:"inherit"},children:s}),c&&t.jsx(vt,{size:"small",sx:{opacity:.6,flexShrink:0},children:t.jsx(o,{})})]}),b&&!x&&t.jsx(r.Box,{"aria-hidden":"true",sx:{height:"1px",backgroundColor:"var(--Border)",mx:1,my:.25}})]},l)};return a.map((o,n)=>{if(o&&Array.isArray(o.options)){const a=o.options;return t.jsxs(e.Fragment,{children:[t.jsx(r.Box,{role:"presentation",sx:{px:1.5,pt:0===n?.75:1.25,pb:.5,fontSize:"11px",fontFamily:"inherit",fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase",color:"var(--Text-Quiet)"},children:o.label}),a.map((e,r)=>i(e,r,a.length))]},"group-"+(o.label||n))}return i(o,n,a.length)})})()}),document.body):null;return t.jsxs(r.Box,{ref:O,className:"select-wrapper select-"+c+" select-label-"+d+" select-style-"+I+" select-variant-"+A+(F?" select-open":"")+(j?" select-disabled":"")+(B?" "+B:""),sx:{position:"relative",width:S?"100%":"auto",display:"inline-block",fontFamily:"inherit",...k},...w,children:[$&&s&&(()=>{const e="small"===c?qr:Xr;return t.jsx(e,{component:"label",style:{display:"block",marginBottom:"6px",color:j?"var(--Quiet)":"var(--Text)",fontWeight:500,opacity:j?"var(--Disabled, 0.38)":1},children:s})})(),t.jsx(r.Box,{sx:{border:"1px solid "+z,borderRadius:"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden",transition:"border-color 0.15s ease",boxShadow:"none","&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:t.jsx(r.Box,{children:t.jsxs(r.Box,{ref:N,component:"button",type:"button",role:"combobox","aria-expanded":F,"aria-haspopup":"listbox","aria-label":s||f,tabIndex:j?-1:0,onClick:ae,onKeyDown:e=>"Escape"===e.key?(L(!1),void N.current?.focus()):"Enter"===e.key||" "===e.key?(e.preventDefault(),void ae()):F||"ArrowDown"!==e.key&&"ArrowUp"!==e.key?(F&&"ArrowDown"===e.key&&(e.preventDefault(),ie("down")),void(F&&"ArrowUp"===e.key&&(e.preventDefault(),ie("up")))):(e.preventDefault(),void L(!0)),onFocus:()=>H(!0),onBlur:()=>H(!1),sx:{display:"flex",alignItems:"center",gap:1,width:"100%",minWidth:140,height:ee.height,padding:ee.padding,backgroundColor:"var(--Hover)",border:"none",borderRadius:0,color:J||F?R:"var(--Quiet)",fontSize:ee.fontSize,fontFamily:"inherit",cursor:j?"not-allowed":"pointer",opacity:j?"var(--Disabled, 0.38)":1,outline:"none",textAlign:"left",position:"relative",transition:"color 0.15s ease"},children:[y&&t.jsx(r.Box,{sx:{display:"flex",alignItems:"center",flexShrink:0,color:"var(--Text-Quiet)"},children:y}),K&&s&&t.jsx(r.Box,{sx:{position:"absolute",top:J||F?"6px":"50%",left:(ee.leftPad||14)+(y?32:0)+"px",transform:J||F?"scale(0.75)":"translateY(-50%)",transformOrigin:"top left",color:F?R:"var(--Quiet)",fontSize:ee.fontSize,fontWeight:400,pointerEvents:"none",transition:"top 0.15s ease, transform 0.15s ease, color 0.15s ease"},children:s}),t.jsx(r.Box,{sx:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",...K&&{mt:J||F?"8px":0}},children:_&&J?t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:[t.jsx(r.Box,{sx:{height:"calc("+ee.height+" - 8px)",width:"calc("+ee.height+" - 8px)",borderRadius:"var(--Input-Swatch-Radius, var(--Button-Radius))",backgroundColor:Y&&"string"!=typeof Y&&Y.color||"transparent",border:"1px solid var(--Border)",flexShrink:0}}),v&&t.jsx(qr,{style:{color:"inherit",padding:0},children:Z})]}):t.jsx(qr,{style:{color:"inherit",padding:0},children:J?Z:K&&s?"":f})}),t.jsx(x,{sx:{fontSize:(ee.iconSize||18)+"px",color:"var(--Text-Quiet)",transform:F?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease",flexShrink:0}})]})})}),ne]})}const Da={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Fa={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},La={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Pa={small:{px:"var(--Sm-Button-Padding, 8px)",fontSize:"var(--Sm-Button-Text, 14px)",iconSize:"var(--Sm-Button-Icon, 20px)",textPad:"var(--Sm-Button-Text-Padding, 4px)",indicatorThickness:"2px",minHeight:"var(--Sm-Button-Height, 24px)"},medium:{px:"var(--Button-Padding, 8px)",fontSize:"var(--Button-Text, 16px)",iconSize:"var(--Button-Icon, 20px)",textPad:"var(--Button-Text-Padding, 4px)",indicatorThickness:"2px",minHeight:"var(--Button-Height, 32px)"},large:{px:"var(--Lg-Button-Padding, 16px)",fontSize:"var(--Lg-Button-Text, 20px)",iconSize:"var(--Lg-Button-Icon, 32px)",textPad:"var(--Lg-Button-Text-Padding, 8px)",indicatorThickness:"2px",minHeight:"var(--Lg-Button-Height, 56px)"}},Ha=e.createContext({value:0,setValue:()=>{},variant:"standard",color:"primary",size:"medium",orientation:"horizontal",scrollable:!1,tabsId:""}),Ma=()=>e.useContext(Ha);function Ea({children:a,defaultValue:o=0,value:i,onChange:n,variant:l="standard",color:s="primary",size:d="medium",orientation:c="horizontal",scrollable:u=!1,className:x="",sx:h={},...p}){const[m,g]=e.useState(o),f=void 0!==i,b=f?i:m,v=e.useId(),y=e.useCallback(e=>{f||g(e),n?.(e)},[f,n]);return t.jsx(Ha.Provider,{value:{value:b,setValue:y,variant:l,color:s,size:d,orientation:c,scrollable:u,tabsId:v},children:t.jsx(r.Box,{className:"tabs tabs-"+c+" tabs-"+d+" tabs-"+l+("standard"!==l?" tabs-"+s:"")+(u?" tabs-scrollable":"")+" "+x,sx:{display:"flex",flexDirection:"horizontal"===c?"column":"row",width:"100%",overflow:"hidden",...h},...p,children:a})})}function Oa({children:a,rounded:o=!1,className:i="",sx:n={},...l}){const{variant:s,color:d,size:c,orientation:u,scrollable:x,tabsId:h}=Ma(),p=e.useRef(null),m=e.useRef(null),[g,f]=e.useState(!1),[b,v]=e.useState(!1),y="horizontal"===u,j="standard"===s,S="light"===s,B="dark"===s,k=j?void 0:"solid"===s?Da[d]:S?Fa[d]:B?La[d]:void 0,w=j?void 0:B?"Surface-Dimmest":S?"Surface-Brightest":"Surface",C=e.useCallback(()=>{const e=m.current;e&&x&&y&&(f(e.scrollLeft>1),v(e.scrollLeft<e.scrollWidth-e.clientWidth-1))},[x,y]);e.useEffect(()=>{C();const e=m.current;if(!e||!x)return;e.addEventListener("scroll",C,{passive:!0});const r=new ResizeObserver(C);return r.observe(e),()=>{e.removeEventListener("scroll",C),r.disconnect()}},[x,C]);const T=e=>{const r=m.current;if(!r)return;const t=.6*r.clientWidth;r.scrollBy({left:e*t,behavior:"smooth"})},z={display:"inline-flex",alignItems:"center",justifyContent:"center",width:"28px",minWidth:"28px",border:"none",backgroundColor:"transparent",color:"var(--Text-Quiet)",cursor:"pointer",fontSize:"16px",fontFamily:"inherit",lineHeight:1,flexShrink:0,transition:"color 0.15s ease, background-color 0.15s ease","&:hover":{color:"var(--Text)",backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"default","&:hover":{backgroundColor:"transparent",color:"var(--Text-Quiet)"}}},A=e.Children.toArray(a).filter(e.isValidElement).map((r,t)=>e.cloneElement(r,{_index:t,key:r.key||t}));return t.jsxs(r.Box,{ref:p,"data-theme":k||void 0,"data-surface":w||void 0,className:"tab-list tab-list-"+s+" tab-list-"+c+" tab-list-"+u+(x?" tab-list-scrollable":"")+" "+i,onKeyDown:e=>{const r=x?m.current:p.current,t=r?.querySelectorAll('[role="tab"]:not([aria-disabled="true"])');if(!t?.length)return;const a=Array.from(t).indexOf(document.activeElement);if(a<0)return;const o=y?"ArrowRight":"ArrowDown",i=y?"ArrowLeft":"ArrowUp";if(e.key===o){e.preventDefault();const r=t[(a+1)%t.length];r.focus(),x&&r.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})}else if(e.key===i){e.preventDefault();const r=t[(a-1+t.length)%t.length];r.focus(),x&&r.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})}else"Home"===e.key?(e.preventDefault(),t[0].focus(),x&&t[0].scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})):"End"===e.key&&(e.preventDefault(),t[t.length-1].focus(),x&&t[t.length-1].scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}))},sx:{display:"flex",flexDirection:y?"row":"column",gap:0,position:"relative",backgroundColor:"var(--Background)",padding:"4px",overflow:"hidden",borderRadius:o?"var(--Style-Border-Radius)":0,...n},...l,children:[x&&y&&t.jsx(r.Box,{component:"button","aria-label":"Scroll tabs left",onClick:()=>T(-1),disabled:!g,className:"tab-list-scroll-btn tab-list-scroll-btn-left",sx:z,children:"‹"}),x&&y?t.jsx(r.Box,{ref:m,role:"tablist","aria-orientation":u,className:"tab-list-scroll-container",sx:{display:"flex",flexDirection:"row",overflowX:"auto",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"},flex:1,minWidth:0},children:A}):t.jsx(r.Box,{ref:m,role:"tablist","aria-orientation":u,sx:{display:"flex",flexDirection:y?"row":"column",flex:1},children:A}),x&&y&&t.jsx(r.Box,{component:"button","aria-label":"Scroll tabs right",onClick:()=>T(1),disabled:!b,className:"tab-list-scroll-btn tab-list-scroll-btn-right",sx:z,children:"›"})]})}function Na({children:e,value:a,_index:o=0,disabled:i=!1,startDecorator:n,endDecorator:l,iconOnly:s=!1,className:d="",sx:c={},...u}){const{value:x,setValue:h,variant:p,color:m,size:g,orientation:f,tabsId:b}=Ma(),v=Pa[g]||Pa.medium,y="horizontal"===f,j="standard"===p,S="light"===p,B="dark"===p,k=void 0!==a?a:o,w=x===k,C=j?"var(--Buttons-"+({default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"}[m]||"Default")+"-Border)":"var(--Text)",T=j?void 0:"solid"===p?Da[m]:S?Fa[m]:B?La[m]:void 0,z=j?void 0:B?"Surface-Dimmest":S?"Surface-Brightest":"Surface",A="tab-"+b+"-"+k,I="tabpanel-"+b+"-"+k;return t.jsxs(r.Box,{component:"button",role:"tab",id:A,"data-theme":T||void 0,"data-surface":z||void 0,"aria-selected":w,"aria-controls":I,"aria-disabled":i||void 0,tabIndex:w?0:-1,onClick:()=>{i||h(k)},className:"tab tab-"+g+(w?" tab-selected":"")+(i?" tab-disabled":"")+(s?" tab-icon-only":"")+" "+d,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:"2px",padding:"0 "+(s?"0":v.px),minHeight:v.minHeight,fontSize:v.fontSize,fontFamily:"inherit",fontWeight:500,lineHeight:1.3,color:w?"var(--Text)":"var(--Quiet)",backgroundColor:"transparent",border:"none",borderBottom:y?w?v.indicatorThickness+" solid "+C:v.indicatorThickness+" solid transparent":"none",borderRight:y?"none":w?v.indicatorThickness+" solid "+C:v.indicatorThickness+" solid transparent",cursor:i?"not-allowed":"pointer",opacity:i?"var(--Disabled, 0.38)":1,position:"relative",outline:"none",transition:"color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease",flexShrink:0,whiteSpace:"nowrap",...!i&&{"&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},...c},...u,children:[n&&t.jsx(r.Box,{className:"tab-start-decorator",sx:{display:"inline-flex",fontSize:v.iconSize,lineHeight:1,flexShrink:0},children:n}),!s&&e&&(()=>{const a="small"===g?_r:qr;return t.jsx(r.Box,{className:"tab-label",sx:{display:"inline-flex",alignItems:"center",padding:"4px "+v.textPad},children:t.jsx(a,{style:{color:"inherit",fontWeight:"inherit"},children:e})})})(),l&&t.jsx(r.Box,{className:"tab-end-decorator",sx:{display:"inline-flex",fontSize:v.iconSize,lineHeight:1,flexShrink:0},children:l})]})}function Qa({children:e,value:a,className:o="",sx:i={},...n}){const{value:l,size:s,tabsId:d}=Ma(),c=Pa[s]||Pa.medium,u="tab-"+d+"-"+a,x="tabpanel-"+d+"-"+a;return l===a?t.jsx(r.Box,{role:"tabpanel",id:x,"aria-labelledby":u,className:"tab-panel tab-panel-"+s+" "+o,sx:{paddingTop:"16px",fontSize:c.fontSize,fontFamily:"inherit",color:"var(--Text)",...i},...n,children:e}):null}const Va=e.forwardRef(function({theme:e=null,surface:a="Surface",children:o,minHeight:i=160,sx:n={}},l){return t.jsx(r.Box,{ref:l,"data-theme":e||void 0,"data-surface":a,sx:{p:4,display:"flex",alignItems:"center",justifyContent:"center",minHeight:i,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",...n},children:o})}),Ga="__null__",qa=[{label:"Default",value:Ga},{label:"Primary",value:"Primary"},{label:"Secondary",value:"Secondary"},{label:"Tertiary",value:"Tertiary"},{label:"Neutral",value:"Neutral"},{label:"Info",value:"Info"},{label:"Success",value:"Success"},{label:"Warning",value:"Warning"},{label:"Error",value:"Error"}],Ua=["Surface-Dimmest","Surface-Dim","Surface","Surface-Bright","Surface-Brightest","Container","Container-Highest","Container-High","Container-Low","Container-Lowest"];function Xa({theme:e=null,onThemeChange:a,surface:o="Surface",onSurfaceChange:i,surfaces:n=Ua,size:l="small"}){const s=n.map(e=>({value:e,label:e}));return t.jsxs(r.Stack,{direction:"row",spacing:1,sx:{alignItems:"center"},children:[t.jsx(r.Box,{sx:{width:160},children:t.jsx(Wa,{options:qa,value:e??Ga,onChange:e=>a?.(e===Ga?null:e),labelPosition:"none",size:l,variant:"outline",color:"default","aria-label":"Background theme",fullWidth:!0})}),t.jsx(r.Box,{sx:{width:180},children:t.jsx(Wa,{options:s,value:o,onChange:e=>i?.(e),labelPosition:"none",size:l,variant:"outline",color:"default","aria-label":"Surface",fullWidth:!0})})]})}function Ya(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Za,Ja={exports:{}},Ka={exports:{}},$a={};var _a,eo,ro,to,ao,oo,io,no,lo,so,co,uo,xo,ho,po={};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@mui/material"),a=require("react/jsx-runtime"),r=require("@mui/icons-material/Cancel"),o=require("@mui/icons-material/ContentCopy"),n=require("@mui/icons-material/Check"),i=require("@mui/icons-material/ExpandMore"),s=require("@mui/icons-material/ExpandLess"),l=require("@mui/icons-material"),d=require("@mui/icons-material/Mail"),c=require("@mui/icons-material/Notifications"),u=require("@mui/icons-material/ShoppingCart"),h=require("@mui/icons-material/InfoOutlined"),x=require("@mui/icons-material/CheckCircleOutline"),p=require("@mui/icons-material/WarningAmber"),m=require("@mui/icons-material/ErrorOutline"),g=require("react-dom");require("@mui/icons-material/FavoriteBorder");var f=require("@mui/icons-material/Remove"),b=require("@mui/icons-material/Favorite"),v=require("@mui/icons-material/Home"),y=require("@mui/icons-material/Delete"),j=require("@mui/icons-material/Settings"),S=require("@mui/icons-material/Search"),B=require("@mui/icons-material/Star"),k=require("@mui/icons-material/Person"),w=require("@mui/icons-material/Visibility"),C=require("@mui/icons-material/Lock"),T=require("@mui/icons-material/Info"),A=require("@mui/icons-material/HomeOutlined"),z=require("@mui/icons-material/FavoriteBorderOutlined"),I=require("@mui/icons-material/DeleteOutlined"),R=require("@mui/icons-material/SettingsOutlined"),W=require("@mui/icons-material/StarOutline"),F=require("@mui/icons-material/PersonOutlined"),D=require("@mui/icons-material/NotificationsOutlined"),L=require("@mui/icons-material/VisibilityOutlined"),P=require("@mui/icons-material/ShoppingCartOutlined"),H=require("@mui/icons-material/LockOutlined"),N=require("@mui/icons-material/HomeRounded"),E=require("@mui/icons-material/FavoriteRounded"),M=require("@mui/icons-material/DeleteRounded"),O=require("@mui/icons-material/SettingsRounded"),Q=require("@mui/icons-material/SearchRounded"),V=require("@mui/icons-material/StarRounded"),G=require("@mui/icons-material/PersonRounded"),U=require("@mui/icons-material/NotificationsRounded"),q=require("@mui/icons-material/VisibilityRounded"),X=require("@mui/icons-material/ShoppingCartRounded"),Y=require("@mui/icons-material/LockRounded"),Z=require("@mui/icons-material/InfoRounded"),J=require("@mui/icons-material/HomeTwoTone"),$=require("@mui/icons-material/FavoriteTwoTone"),K=require("@mui/icons-material/DeleteTwoTone"),_=require("@mui/icons-material/SettingsTwoTone"),ee=require("@mui/icons-material/SearchTwoTone"),te=require("@mui/icons-material/StarTwoTone"),ae=require("@mui/icons-material/PersonTwoTone"),re=require("@mui/icons-material/NotificationsTwoTone"),oe=require("@mui/icons-material/VisibilityTwoTone"),ne=require("@mui/icons-material/ShoppingCartTwoTone"),ie=require("@mui/icons-material/LockTwoTone"),se=require("@mui/icons-material/InfoTwoTone"),le=require("@mui/icons-material/HomeSharp"),de=require("@mui/icons-material/FavoriteSharp"),ce=require("@mui/icons-material/DeleteSharp"),ue=require("@mui/icons-material/SettingsSharp"),he=require("@mui/icons-material/SearchSharp"),xe=require("@mui/icons-material/StarSharp"),pe=require("@mui/icons-material/PersonSharp"),me=require("@mui/icons-material/NotificationsSharp"),ge=require("@mui/icons-material/VisibilitySharp"),fe=require("@mui/icons-material/ShoppingCartSharp"),be=require("@mui/icons-material/LockSharp"),ve=require("@mui/icons-material/InfoSharp"),ye=require("@mui/icons-material/Add"),je=require("@mui/icons-material/ArrowForward");require("@mui/icons-material/StarBorder");var Se=require("@mui/icons-material/StarHalf"),Be=require("@mui/icons-material/ChevronLeft"),ke=require("@mui/icons-material/ChevronRight"),we=require("@mui/icons-material/FirstPage"),Ce=require("@mui/icons-material/LastPage"),Te=require("@mui/icons-material/Code"),Ae=require("@mui/icons-material/GridView"),ze=require("@mui/icons-material/Computer"),Ie=require("@mui/icons-material/Menu"),Re=require("@mui/icons-material/Close"),We=require("@mui/icons-material/FormatBold"),Fe=require("@mui/icons-material/FormatItalic"),De=require("@mui/icons-material/FormatUnderlined"),Le=require("@mui/icons-material/FormatAlignLeft"),Pe=require("@mui/icons-material/FormatAlignCenter"),He=require("@mui/icons-material/KeyboardArrowUp"),Ne=require("@mui/icons-material/KeyboardArrowDown");require("@mui/icons-material/FormatAlignRight"),require("@mui/icons-material/ViewList"),require("@mui/icons-material/ViewModule");var Ee=require("@mui/material/CircularProgress"),Me=require("@mui/icons-material/Image"),Oe=require("@mui/icons-material/Explore"),Qe=require("@mui/icons-material/Radio"),Ve=require("@mui/icons-material/LibraryMusic"),Ge=require("@mui/icons-material/Bookmark"),Ue=require("@mui/icons-material/Edit"),qe=require("@mui/icons-material/Share");require("@mui/icons-material/DeleteOutline");var Xe=require("@mui/icons-material/CloudUpload");require("@mui/icons-material/Inbox");var Ye=require("@mui/icons-material/Folder");require("@mui/icons-material/MoreVert"),require("@mui/icons-material/ImageOutlined");var Ze=require("@mui/icons-material/ArrowBack"),Je=require("@mui/icons-material/AccountCircle"),$e=require("@mui/icons-material/Twitter"),Ke=require("@mui/icons-material/GitHub"),_e=require("@mui/icons-material/LinkedIn"),et=require("@mui/icons-material/Help"),tt=require("@mui/icons-material/FolderOpen"),at=require("@mui/icons-material/InsertDriveFile"),rt=require("@mui/icons-material/PictureAsPdf"),ot=require("@mui/icons-material/VideoLibrary"),nt=require("@mui/icons-material/InboxOutlined"),it=require("@mui/icons-material/SearchOffOutlined"),st=require("@mui/icons-material/ErrorOutlineOutlined");function lt(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}}),t.default=e,Object.freeze(t)}var dt=lt(l);const ct=e.createContext(null);function ut(){return e.useContext(ct)}function ht({radius:e="var(--Ghost-Radius, 4px)",animate:t=!0}={}){return{backgroundColor:"var(--Border-Variant)",borderRadius:e,color:"transparent",userSelect:"none",pointerEvents:"none",...t&&{backgroundImage:"linear-gradient(90deg, transparent 0%, var(--Background) 50%, transparent 100%)",backgroundSize:"200% 100%",backgroundRepeat:"no-repeat",animation:"omni-ghost-sweep 1.4s linear infinite","@media (prefers-reduced-motion: reduce)":{backgroundImage:"none",animation:"none"}}}}function xt({active:e=!0,animate:t=!0,label:r="Loading",children:o,...n}){return e?a.jsxs(ct.Provider,{value:{animate:t},children:[a.jsx("style",{children:"\n@keyframes omni-ghost-sweep {\n  0%   { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n"}),a.jsxs("div",{"aria-busy":"true","data-ghost":"true",...n,children:[a.jsx("span",{style:{position:"absolute",width:1,height:1,overflow:"hidden",clip:"rect(0 0 0 0)",whiteSpace:"nowrap"},children:r}),a.jsx("div",{"aria-hidden":"true",children:o})]})]}):a.jsx(a.Fragment,{children:o})}const pt=e=>`var(--${e}-Font-Family)`,mt="var(--Font-Family-Display, var(--Font-Family-Header, var(--Header-Font-Family)))",gt="var(--Font-Family-Eyebrow)",ft=(e,t)=>`var(--${e}-Font-Family, ${t})`,bt="var(--Font-Variation-Header, normal)",vt=(e,t)=>`var(--Eyebrow-${e}-${t}, var(--Overline-${e}-${t}))`,yt=e=>vt(e,"Font-Size"),jt=e=>vt(e,"Font-Weight"),St=e=>vt(e,"Line-Height"),Bt=e=>vt(e,"Letter-Spacing"),kt=e=>`var(--${e}-Font-Size)`,wt=e=>`var(--${e}-Font-Weight)`,Ct=e=>`calc(var(--${e}-Line-Height) * var(--Cognitive-Multiplier, 1))`,Tt=e=>`var(--${e}-Line-Height)`,At=e=>`var(--${e}-Letter-Spacing)`,zt={"display-large":{component:"h1",fontFamily:ft("Display-Large",mt),fontSize:kt("Display-Large"),fontWeight:wt("Display-Large"),lineHeight:Ct("Display-Large"),letterSpacing:At("Display-Large"),defaultColor:"header",defaultWidth:"fill"},"display-medium":{component:"h1",fontFamily:ft("Display-Medium",mt),fontSize:kt("Display-Medium"),fontWeight:wt("Display-Medium"),lineHeight:Ct("Display-Medium"),letterSpacing:At("Display-Medium"),defaultColor:"header",defaultWidth:"fill"},"display-small":{component:"h2",fontFamily:ft("Display-Small",mt),fontSize:kt("Display-Small"),fontWeight:wt("Display-Small"),lineHeight:Ct("Display-Small"),letterSpacing:At("Display-Small"),defaultColor:"header",defaultWidth:"fill"},h1:{component:"h1",fontFamily:pt("Header"),fontVariationSettings:bt,fontSize:kt("H1"),fontWeight:wt("H1"),lineHeight:Ct("H1"),letterSpacing:At("H1"),defaultColor:"header",defaultWidth:"fill"},h2:{component:"h2",fontFamily:pt("Header"),fontVariationSettings:bt,fontSize:kt("H2"),fontWeight:wt("H2"),lineHeight:Ct("H2"),letterSpacing:At("H2"),defaultColor:"header",defaultWidth:"fill"},h3:{component:"h3",fontFamily:pt("Header"),fontVariationSettings:bt,fontSize:kt("H3"),fontWeight:wt("H3"),lineHeight:Ct("H3"),letterSpacing:At("H3"),defaultColor:"header",defaultWidth:"fill"},h4:{component:"h4",fontFamily:pt("Header"),fontVariationSettings:bt,fontSize:kt("H4"),fontWeight:wt("H4"),lineHeight:Ct("H4"),letterSpacing:At("H4"),defaultColor:"standard",defaultWidth:"fill"},h5:{component:"h5",fontFamily:pt("Header"),fontVariationSettings:bt,fontSize:kt("H5"),fontWeight:wt("H5"),lineHeight:Ct("H5"),letterSpacing:At("H5"),defaultColor:"standard",defaultWidth:"fill"},h6:{component:"h6",fontFamily:pt("Header"),fontVariationSettings:bt,fontSize:kt("H6"),fontWeight:wt("H6"),lineHeight:Ct("H6"),letterSpacing:At("H6"),defaultColor:"standard",defaultWidth:"fill"},"subtitle-large":{component:"p",fontFamily:pt("Body"),fontSize:kt("Subtitle-Large"),fontWeight:wt("Subtitle-Large"),lineHeight:Ct("Subtitle-Large"),letterSpacing:At("Subtitle-Large"),defaultColor:"header",defaultWidth:"fill"},subtitle:{component:"p",fontFamily:pt("Body"),fontSize:kt("Subtitle-Medium"),fontWeight:wt("Subtitle-Medium"),lineHeight:Ct("Subtitle-Medium"),letterSpacing:At("Subtitle-Medium"),defaultColor:"header",defaultWidth:"fill"},"subtitle-small":{component:"p",fontFamily:pt("Body"),fontSize:kt("Subtitle-Small"),fontWeight:wt("Subtitle-Small"),lineHeight:Ct("Subtitle-Small"),letterSpacing:At("Subtitle-Small"),defaultColor:"header",defaultWidth:"fill"},"body-small":{component:"p",fontFamily:pt("Body"),fontSize:kt("Body-Small"),fontWeight:wt("Body-Small"),lineHeight:Ct("Body-Small"),letterSpacing:At("Body-Small"),defaultColor:"standard",defaultWidth:"fill"},"body-small-semibold":{component:"p",fontFamily:pt("Body"),fontSize:kt("Body-Small"),fontWeight:wt("Body-Small-Semibold"),lineHeight:Ct("Body-Small"),letterSpacing:At("Body-Small"),defaultColor:"standard",defaultWidth:"fill"},body:{component:"p",fontFamily:pt("Body"),fontSize:kt("Body-Medium"),fontWeight:wt("Body-Medium"),lineHeight:Ct("Body-Medium"),letterSpacing:At("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-medium":{component:"p",fontFamily:pt("Body"),fontSize:kt("Body-Medium"),fontWeight:wt("Body-Medium"),lineHeight:Ct("Body-Medium"),letterSpacing:At("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-semibold":{component:"p",fontFamily:pt("Body"),fontSize:kt("Body-Medium"),fontWeight:wt("Body-Medium-Semibold"),lineHeight:Ct("Body-Medium"),letterSpacing:At("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-medium-semibold":{component:"p",fontFamily:pt("Body"),fontSize:kt("Body-Medium"),fontWeight:wt("Body-Medium-Semibold"),lineHeight:Ct("Body-Medium"),letterSpacing:At("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-large":{component:"p",fontFamily:pt("Body"),fontSize:kt("Body-Large"),fontWeight:wt("Body-Large"),lineHeight:Ct("Body-Large"),letterSpacing:At("Body-Large"),defaultColor:"standard",defaultWidth:"fill"},"body-large-semibold":{component:"p",fontFamily:pt("Body"),fontSize:kt("Body-Large"),fontWeight:wt("Body-Large-Semibold"),lineHeight:Ct("Body-Large"),letterSpacing:At("Body-Large"),defaultColor:"standard",defaultWidth:"fill"},caption:{component:"span",fontFamily:pt("Body"),fontSize:kt("Caption"),fontWeight:wt("Caption"),lineHeight:Ct("Caption"),letterSpacing:At("Caption"),defaultColor:"quiet",defaultWidth:"hug"},"caption-bold":{component:"span",fontFamily:pt("Body"),fontSize:kt("Caption"),fontWeight:wt("Caption-Bold"),lineHeight:Ct("Caption"),letterSpacing:At("Caption"),defaultColor:"quiet",defaultWidth:"hug"},"label-extra-small":{component:"label",fontFamily:pt("Body"),fontSize:kt("Label-ExtraSmall"),fontWeight:wt("Label-ExtraSmall"),lineHeight:Tt("Label-ExtraSmall"),letterSpacing:At("Label-ExtraSmall"),defaultColor:"standard",defaultWidth:"hug"},"label-small":{component:"label",fontFamily:pt("Body"),fontSize:kt("Label-Small"),fontWeight:wt("Label-Small"),lineHeight:Tt("Label-Small"),letterSpacing:At("Label-Small"),defaultColor:"standard",defaultWidth:"hug"},label:{component:"label",fontFamily:pt("Body"),fontSize:kt("Label-Medium"),fontWeight:wt("Label-Medium"),lineHeight:Tt("Label-Medium"),letterSpacing:At("Label-Medium"),defaultColor:"standard",defaultWidth:"hug"},"label-medium":{component:"label",fontFamily:pt("Body"),fontSize:kt("Label-Medium"),fontWeight:wt("Label-Medium"),lineHeight:Tt("Label-Medium"),letterSpacing:At("Label-Medium"),defaultColor:"standard",defaultWidth:"hug"},"label-large":{component:"label",fontFamily:pt("Body"),fontSize:kt("Label-Large"),fontWeight:wt("Label-Large"),lineHeight:Tt("Label-Large"),letterSpacing:At("Label-Large"),defaultColor:"standard",defaultWidth:"hug"},legal:{component:"span",fontFamily:pt("Body"),fontSize:kt("Legal"),fontWeight:wt("Legal"),lineHeight:Ct("Legal"),letterSpacing:At("Legal"),defaultColor:"quiet",defaultWidth:"hug"},"legal-semibold":{component:"span",fontFamily:pt("Body"),fontSize:kt("Legal"),fontWeight:wt("Legal-Semibold"),lineHeight:Ct("Legal"),letterSpacing:At("Legal"),defaultColor:"quiet",defaultWidth:"hug"},"eyebrow-small":{component:"span",fontFamily:gt,fontSize:yt("Small"),fontWeight:jt("Small"),lineHeight:St("Small"),letterSpacing:Bt("Small"),textTransform:"uppercase",defaultColor:"eyebrow",defaultWidth:"hug"},eyebrow:{component:"span",fontFamily:gt,fontSize:yt("Medium"),fontWeight:jt("Medium"),lineHeight:St("Medium"),letterSpacing:Bt("Medium"),textTransform:"uppercase",defaultColor:"eyebrow",defaultWidth:"hug"},"eyebrow-large":{component:"span",fontFamily:gt,fontSize:yt("Large"),fontWeight:jt("Large"),lineHeight:St("Large"),letterSpacing:Bt("Large"),textTransform:"uppercase",defaultColor:"eyebrow",defaultWidth:"hug"},"number-small":{component:"span",fontFamily:pt("Body"),fontSize:kt("Number-Small"),fontWeight:wt("Number-Small"),lineHeight:Tt("Number-Small"),letterSpacing:At("Number-Small"),fontVariantNumeric:"tabular-nums",defaultColor:"standard",defaultWidth:"hug"},"number-medium":{component:"span",fontFamily:pt("Body"),fontSize:kt("Number-Medium"),fontWeight:wt("Number-Medium"),lineHeight:Tt("Number-Medium"),letterSpacing:At("Number-Medium"),fontVariantNumeric:"tabular-nums",defaultColor:"standard",defaultWidth:"hug"},"number-large":{component:"span",fontFamily:pt("Body"),fontSize:kt("Number-Large"),fontWeight:wt("Number-Large"),lineHeight:Tt("Number-Large"),letterSpacing:At("Number-Large"),fontVariantNumeric:"tabular-nums",defaultColor:"standard",defaultWidth:"hug"},"button-extra-small":{component:"span",fontFamily:pt("Body"),fontSize:kt("Button-ExtraSmall"),fontWeight:wt("Button-ExtraSmall"),lineHeight:Tt("Button-ExtraSmall"),letterSpacing:At("Button-ExtraSmall"),defaultColor:"standard",defaultWidth:"hug"},"button-small":{component:"span",fontFamily:pt("Body"),fontSize:kt("Button-Small"),fontWeight:wt("Button-Small"),lineHeight:Tt("Button-Small"),letterSpacing:At("Button-Small"),defaultColor:"standard",defaultWidth:"hug"},button:{component:"span",fontFamily:pt("Body"),fontSize:"var(--Button-Standard-Font-Size, var(--Button-Font-Size))",fontWeight:"var(--Button-Standard-Font-Weight, var(--Body-Font-Weight))",lineHeight:Tt("Button-Standard"),letterSpacing:At("Button-Standard"),defaultColor:"standard",defaultWidth:"hug"},"button-standard":{component:"span",fontFamily:pt("Body"),fontSize:"var(--Button-Standard-Font-Size, var(--Button-Font-Size))",fontWeight:"var(--Button-Standard-Font-Weight, var(--Body-Font-Weight))",lineHeight:Tt("Button-Standard"),letterSpacing:At("Button-Standard"),defaultColor:"standard",defaultWidth:"hug"}},It={"overline-small":"eyebrow-small",overline:"eyebrow","overline-medium":"eyebrow","overline-large":"eyebrow-large","eyebrow-medium":"eyebrow","body-small-bold":"body-small-semibold","body-bold":"body-semibold","body-medium-bold":"body-semibold","body-large-bold":"body-large-semibold","subtitle-medium":"subtitle"},Rt={"eyebrow-small":"overline-small",eyebrow:"overline","eyebrow-large":"overline-large"},Wt={header:"var(--Header)",default:"var(--Header)",primary:"var(--Header-Primary)",secondary:"var(--Header-Secondary)",tertiary:"var(--Header-Tertiary)",neutral:"var(--Header-Neutral)",info:"var(--Header-Info)",success:"var(--Header-Success)",warning:"var(--Header-Warning)",error:"var(--Header-Error)"},Ft={standard:"var(--Text)",default:"var(--Text)",quiet:"var(--Quiet)",eyebrow:"var(--Eyebrow, var(--Quiet))",primary:"var(--Text-Primary)",secondary:"var(--Text-Secondary)",tertiary:"var(--Text-Tertiary)",neutral:"var(--Text-Neutral)",info:"var(--Text-Info)",success:"var(--Text-Success)",warning:"var(--Text-Warning)",error:"var(--Text-Error)"},Dt=new Set(["h1","h2","h3","h4","h5","h6","display-large","display-medium","display-small","subtitle-large","subtitle","subtitle-small"]);function Lt({children:e,textStyle:r="body",color:o,width:n,component:i,noWrap:s=!1,gutterBottom:l=!1,className:d="",sx:c={},...u}){const h=It[r]||r,x=zt[h]||zt.body,p="string"==typeof x.fontSize?x.fontSize.match(/--([\w-]+)-Font-Size/):null,m=p?p[1]:null,g=m?"var(--"+m+"-Text-Decoration, "+(x.textDecoration||"none")+")":x.textDecoration||"none",f=m?"var(--"+m+"-Text-Transform, "+(x.textTransform||"none")+")":x.textTransform||"none",b=ut(),v=function(e,t,a){const r=Dt.has(e);return(r?Wt:Ft)[t||a]||(r?Wt.header:Ft.standard)}(h,o,x.defaultColor),y=n||x.defaultWidth,j="fill"===y,S=i||x.component,B=o||x.defaultColor;return a.jsx(t.Box,{component:S,className:"typography typography-"+h+(Rt[h]?" typography-"+Rt[h]:"")+" typography-color-"+B+" typography-width-"+y+" "+d,sx:{fontFamily:x.fontFamily,fontVariationSettings:x.fontVariationSettings||"normal",fontSize:x.fontSize,fontWeight:x.fontWeight,lineHeight:x.lineHeight,letterSpacing:x.letterSpacing,textDecoration:g,textTransform:f,fontVariantNumeric:x.fontVariantNumeric||"normal",color:v,display:j?"block":"inline",width:j?"100%":"auto",margin:0,marginBottom:l?"0.5em":0,padding:0,...s&&{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},...b?ht({animate:b.animate}):{},...c},...u,children:e})}const Pt={"@supports (text-box-edge: cap alphabetic)":{textBoxTrim:"trim-both",textBoxEdge:"cap alphabetic",paddingTop:0,paddingBottom:0}},Ht=e=>a.jsx(Lt,{textStyle:"h3",...e}),Nt=e=>a.jsx(Lt,{textStyle:"h4",...e}),Et=e=>a.jsx(Lt,{textStyle:"h5",...e}),Mt=Nt,Ot=e=>a.jsx(Lt,{textStyle:"subtitle-large",...e}),Qt=e=>a.jsx(Lt,{textStyle:"subtitle",...e}),Vt=e=>a.jsx(Lt,{textStyle:"subtitle-small",...e}),Gt=Ot,Ut=Qt,qt=e=>a.jsx(Lt,{textStyle:"body-small",...e}),Xt=e=>a.jsx(Lt,{textStyle:"body-small-semibold",...e}),Yt=e=>a.jsx(Lt,{textStyle:"body",...e}),Zt=e=>a.jsx(Lt,{textStyle:"body-semibold",...e}),Jt=Yt,$t=qt,Kt=e=>a.jsx(Lt,{textStyle:"body-large",...e}),_t=e=>a.jsx(Lt,{textStyle:"body-large-semibold",...e}),ea=e=>a.jsx(Lt,{textStyle:"caption",...e}),ta=e=>a.jsx(Lt,{textStyle:"label-extra-small",...e}),aa=e=>a.jsx(Lt,{textStyle:"label-small",...e}),ra=e=>a.jsx(Lt,{textStyle:"label",...e}),oa=e=>a.jsx(Lt,{textStyle:"eyebrow-small",...e}),na=e=>a.jsx(Lt,{textStyle:"eyebrow",...e}),ia=e=>a.jsx(Lt,{textStyle:"eyebrow",...e}),sa=e=>a.jsx(Lt,{textStyle:"eyebrow-large",...e}),la=oa,da=na,ca=ia,ua=sa,ha=e=>a.jsx(Lt,{textStyle:"number-small",...e}),xa=e=>a.jsx(Lt,{textStyle:"number-medium",...e}),pa=e=>a.jsx(Lt,{textStyle:"number-large",...e}),ma=e=>a.jsx(Lt,{textStyle:"button-extra-small",...e}),ga=e=>a.jsx(Lt,{textStyle:"button-small",...e}),fa=e=>a.jsx(Lt,{textStyle:"button",...e}),ba=(e,t)=>({name:e,sets:t,variesWith:"theme + surface",figma:"Modes → Theme → Surface"}),va=[{name:"Checkbox",summary:"Turns one option on or off, independently of any other.",insteadUse:[{when:"Exactly one of several must be chosen",use:"RadioGroup"},{when:"It switches something on immediately",use:"SwitchInput"},{when:"It selects a row in a list",use:"ListItem with selectionMode"}],props:[{name:"variant",type:"string",default:"primary",note:"The palette. A checkbox is one of the few controls that defaults to `primary` rather than `default`."},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"checked / defaultChecked",type:"boolean",default:"undefined",note:"Controlled with `checked` + `onChange`; uncontrolled with `defaultChecked`."},{name:"indeterminate",type:"boolean",default:"false",note:'A third visual state for "some children checked". It is not a value — the box is still checked or not.'},{name:"label",type:"ReactNode",default:"undefined"},{name:"disabled",type:"boolean",default:"false"}],states:[{state:"Hover",setBy:"interaction"},{state:"Pressed",setBy:"interaction"},{state:"Focus-visible",setBy:"interaction"},{state:"Checked",setBy:"prop"},{state:"Indeterminate",setBy:"prop"},{state:"Disabled",setBy:"prop"}],theming:[{collection:"Theme",inCode:"`data-theme` on an ancestor — Checkbox has no theme prop.",inFigma:"Pins no Theme mode; it inherits. Set the mode on the frame around it."}],tokens:[ba("--Border","the unchecked box outline"),{name:"--Buttons-{Color}-Button",sets:"the checked fill",variesWith:"theme + surface",figma:"Modes → Theme → Buttons"},{name:"--Checkbox-Width",sets:"the box",variesWith:"size mode",figma:"Checkbox/Checkbox-Width"},{name:"--Checkbox-Radius",sets:"the box corner",variesWith:"size mode",figma:"Checkbox/Checkbox-Radius"},{name:"--Checkbox-Gap",sets:"box-to-label gap",variesWith:"size mode",figma:"Checkbox/Checkbox-Gap"},{name:"--Sizing-3",sets:"the 24px hit area",variesWith:"—",figma:"Sizing-3"}],composition:["Pass `label` rather than putting text beside it — the label is wired to the input and clicking it toggles."],accessibility:["A checkbox without a `label` needs an `aria-label`.",'`indeterminate` sets `aria-checked="mixed"` — do not also set `checked`.',"The box is centred inside a constant 24px frame so the target meets WCAG 2.5.8 even at `small`."],gotchas:['It defaults to `variant="primary"`, unlike Button which defaults to `default`. Both are deliberate.',"The 24px hit area is `--Sizing-3`, not a Checkbox token. It lives on the Sizing scale — a collection, not a Component-Size group, so it has no prefix — and a second name for one number is how the two drift."]},{name:"Radio",summary:"Picks exactly one option from a set. Never use one alone.",insteadUse:[{when:"Options are independent",use:"Checkbox"},{when:"There are more than about seven",use:"Select"},{when:"It is a single on/off",use:"SwitchInput"}],props:[{name:"color",type:"string",default:"primary"},{name:"theme / surface",type:"string",default:"undefined",note:"Puts `data-theme` / `data-surface` on the root. Absent means inherit — do not pass an empty string."},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"label",type:"ReactNode",default:"undefined"},{name:"labelPlacement",type:"string",values:["start","end","top","bottom"],default:"end"},{name:"checked",type:"boolean",default:"undefined"},{name:"disabled",type:"boolean",default:"false"}],states:[{state:"Hover",setBy:"interaction"},{state:"Pressed",setBy:"interaction"},{state:"Focus-visible",setBy:"interaction"},{state:"Selected",setBy:"prop",note:"`checked`, usually driven by the enclosing RadioGroup."},{state:"Disabled",setBy:"prop"}],theming:[{collection:"Theme",inCode:"`theme` / `surface` props, or `data-theme` on an ancestor.",inFigma:"The variant root pins `Theme=Primary`. Change the mode there to retheme it."}],themingNotes:["`color` and `theme` are different: `color` picks which palette the filled dot draws from, `theme` moves the whole surface including the border and label tones."],tokens:[ba("--Border","the ring"),{name:"--Buttons-{Color}-Button",sets:"the selected dot",variesWith:"theme + surface",figma:"Modes → Theme → Buttons"},{name:"--Radio",sets:"the outer circle",variesWith:"size mode",figma:"Radio/Radio"},{name:"--Dot",sets:"the inner dot",variesWith:"size mode",figma:"Radio/Dot"},{name:"--Radio-Gap",sets:"circle-to-label gap",variesWith:"size mode",figma:"Radio/Radio-Gap"}],composition:["Wrap radios in `RadioGroup` — it owns the value, the name and arrow-key navigation."],accessibility:["A lone radio is a bug: one option that cannot be deselected. Always a group of two or more.","Arrow keys move between radios and Tab leaves the group. RadioGroup handles this."],gotchas:['A radio cannot be unchecked by clicking it again. If the user must be able to clear it, the set needs an explicit "None" option.']},{name:"SwitchInput",summary:"Turns something on or off and applies it immediately — no save step.",insteadUse:[{when:"The change needs saving or confirming",use:"Checkbox"},{when:"It is one of several options",use:"RadioGroup"}],props:[{name:"variant",type:"string",default:"default",note:"Picks which Icons colour the on state paints with: `primary` resolves the track to `--Icons-Primary`. Also takes `{color}-outline`."},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"checked / defaultChecked",type:"boolean",default:"undefined"},{name:"label",type:"ReactNode",default:"undefined"},{name:"labelPlacement",type:"string",values:["start","end"],default:"end"},{name:"icon",type:"ReactNode",default:"undefined",note:"Rides inside the handle."},{name:"disabled",type:"boolean",default:"false"}],states:[{state:"Hover",setBy:"interaction"},{state:"Pressed",setBy:"interaction"},{state:"Focus-visible",setBy:"interaction"},{state:"On / Off",setBy:"prop"},{state:"Disabled",setBy:"prop"}],theming:[{collection:"Theme",inCode:"`data-theme` on an ancestor.",inFigma:"The variant root pins `Theme=Primary`. Change the mode there. This drives the OFF state, which is drawn in `--Quiet` / `--Border`."},{collection:"Icons",inCode:'`variant` — `<SwitchInput variant="primary">` resolves the on track to `--Icons-Primary`.',inFigma:"The ON variants bind Switch-Body's fill AND stroke to `Icon`, and the Dot to `On-Icon`, and pin nothing — so they inherit. Set the Icons mode on the switch or an ancestor; that is what recolours an on switch."}],tokens:[{name:"--Icons-{Color}",sets:"the on track — fill and edge are the same token",variesWith:"theme + surface",figma:"Icons → Icon"},{name:"--Icons-On-{Color}",sets:"the knob on the on track",variesWith:"theme + surface",figma:"Icons → On-Icon"},ba("--Quiet","the off knob"),ba("--Border","the off track"),{name:"--Switch-Width",sets:"track width",variesWith:"size mode",figma:"Switch/Switch-Width"},{name:"--Switch-Height",sets:"track height",variesWith:"size mode",figma:"Switch/Switch-Height"},{name:"--Switch-Handle",sets:"the knob",variesWith:"size mode",figma:"Switch/Switch-Handle"}],composition:["The label is a prop, not a sibling — it is wired to the input."],accessibility:["Announced as a switch with on/off, not checked/unchecked.",'Label it with what it controls, not its state: "Email notifications", never "On".'],gotchas:['The `-light` shape is gone here too. It tinted the track, which is not a shape in the Figma set — that has only State and Status axes. `{color}-light` still renders (it normalizes to `{color}` and warns once in development), but the eight `*LightSwitch` convenience exports are deleted, so a stale import fails at build. `ButtonGroup` `variant="light"` is unrelated and still real.'],changes:[{version:"0.12.0",change:"The ON state reads the Icons collection — --Icons-{Color} for the track, --Icons-On-{Color} for the knob — which is what Figma binds.",silent:!0},{version:"0.12.0",change:"The `-light` tinted track was removed, along with the eight PrimaryLightSwitch…ErrorLightSwitch exports. The Figma Switch set has only State and Status axes, so a light shape had nothing to be checked against.",migrate:"{color}-light normalizes to {color} and warns once; a stale named import now fails at build.",silent:!0}]},{name:"Chip",summary:"A compact, selectable or dismissible token — a filter, a tag on an input, a choice.",insteadUse:[{when:"It only labels something and cannot be clicked",use:"Tag"},{when:"It is a primary action",use:"Button"},{when:"It shows a count on another element",use:"Badge"}],props:[{name:"variant",type:"string",default:"primary"},{name:"label",type:"ReactNode",default:"undefined"},{name:"selected",type:"boolean",default:"false",note:"Selection is a SURFACE change, not a different variant — selected draws on `Surface-Dimmest`, unselected on `Surface-Brightest`."},{name:"clickable",type:"boolean",default:"false"},{name:"onDelete",type:"function",default:"undefined",note:"Adds the dismiss affordance. Without it there is no X."},{name:"startDecorator / endDecorator",type:"ReactNode",default:"undefined"},{name:"disabled",type:"boolean",default:"false"}],states:[{state:"Hover",setBy:"interaction"},{state:"Pressed",setBy:"interaction"},{state:"Focus-visible",setBy:"interaction"},{state:"Selected",setBy:"prop"},{state:"Disabled",setBy:"prop"}],theming:[{collection:"Theme",inCode:'`variant` sets `data-theme` on the chip; the chip sets `data-surface` itself from `selected`. `variant="default"` sets no theme and inherits.',inFigma:"One layer carries both: `Theme-Chip-Body` pins `Theme` AND the `Surface` level. Nothing is pinned on the variant root — the shadow lives on `Chip Holder` ABOVE it, so a drop shadow reads the page's theme rather than the chip's."}],themingNotes:["Do not reach for an outline variant — there is no outline/solid axis, only selected and unselected. `-outline` is stripped to the solid variant for back-compat and should not be written."],tokens:[ba("--Background","the body fill"),ba("--Text","the label"),ba("--Border","the outline")],composition:["Decorators are props. An avatar or icon goes in `startDecorator`, the dismiss affordance comes from `onDelete`."],accessibility:['A dismissible chip needs its X labelled with what it removes, not "close".',"A selectable chip announces its selected state; do not add your own `aria-pressed`."],gotchas:["Selected and unselected differ by SURFACE, not by theme. That is why changing a chip's theme moves both states together — the two used to be separate style blocks and had drifted."],changes:[{version:"0.12.0",change:"One size. Chip is 24px and the `size` prop was removed — Figma has never drawn a 32px or 40px chip, so the DEFAULT chip was the one size that did not exist in the design.",migrate:"Drop the size prop. Component sizing comes from the Component-Size modes, not a per-component ladder.",silent:!0},{version:"0.12.0",change:"`onDelete` no longer forces the chip to a bigger size. The 24x24 touch target is carried by a pseudo-element, which is what WCAG 2.5.8 asks for — the glyph stays 16px.",silent:!0},{version:"0.9.0",change:"The solid/outline shape axis and the `-light` shape were removed. `-outline` was the unselected chip under another name, which let the component express four combinations against the design's two.",migrate:"Colour comes from `variant`; selection is a SURFACE level — unselected is Surface-Brightest, selected is Surface-Dimmest.",silent:!0}]},{name:"Alert",summary:"Tells the user something about the state of the page, in place.",insteadUse:[{when:"It is transient and self-dismissing",use:"Snackbar"},{when:"It demands a decision before anything else",use:"Dialog"},{when:"It describes one field",use:"the field's own validation message"}],props:[{name:"variant",type:"string",default:"light"},{name:"color",type:"string",values:["info","success","warning","error"],default:"info"},{name:"surface",type:"string",default:"undefined"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"startDecorator / endDecorator",type:"ReactNode",default:"undefined"}],states:[{state:"None",setBy:"prop",note:"An alert is not interactive; its colour is the message."}],theming:[{collection:"Theme",inCode:"`color` picks the semantic palette. `data-theme` on an ancestor is rarely wanted — an error alert should stay an error colour.",inFigma:"`Alert Container` pins both Theme (Error / Warning) and `Surface=Surface-Brightest`. That container is the node to change."}],tokens:[ba("--Background","the alert fill"),ba("--Text","the message"),ba("--Border","the outline")],composition:["The icon goes in `startDecorator`, a dismiss or action in `endDecorator`."],accessibility:['An error or warning that appears in response to something needs `role="alert"` so it is announced.',"Colour alone is not the message — an error alert needs an icon or a word that says so."],gotchas:['It defaults to `variant="light"`, which is a surface treatment here and not the removed `-light` shape.']},{name:"Badge",summary:"A count or a dot anchored to the corner of something else.",insteadUse:[{when:"It stands alone and labels something",use:"Tag"},{when:"It can be clicked or dismissed",use:"Chip"}],props:[{name:"variant",type:"string",default:"primary"},{name:"badgeContent",type:"ReactNode",default:"undefined"},{name:"max",type:"number",default:"99",note:'Above this it renders "99+".'},{name:"dot",type:"boolean",default:"false",note:'A mark with no number — "something changed".'},{name:"showZero",type:"boolean",default:"false",note:"Off by default: a zero badge tells the user nothing and adds noise."},{name:"invisible",type:"boolean",default:"false"},{name:"overlap",type:"string",values:["rectangular","circular"],default:"rectangular"},{name:"anchorOrigin",type:"object",default:"{ vertical: 'top', horizontal: 'right' }"}],states:[{state:"None",setBy:"prop",note:"A badge is decoration on its child; it has no states of its own."}],theming:[{collection:"Icons",inCode:"`data-theme` on an ancestor; the fill follows the Icons colour.",inFigma:"Badge Counter binds `Icon` and `On-Icon` from the Icons collection and pins nothing. Set the Icons mode on it or an ancestor — that is what recolours a badge."}],tokens:[{name:"--Buttons-{Color}-Button",sets:"the badge fill",variesWith:"theme + surface",figma:"Modes → Theme → Buttons"},ba("--Background","the ring separating it from its child")],composition:["It wraps its child — `<Badge badgeContent={3}><Icon/></Badge>`, not a sibling."],accessibility:['The number alone means nothing to a screen reader. Label the thing it sits on: "Notifications, 3 unread".',"A `dot` badge conveys nothing on its own and needs text elsewhere."],gotchas:["There is no `-light` Badge. The sixteen `PrimaryLightBadge`…`ErrorLightBadge` exports were deleted in 0.9.0, so a stale import fails at build rather than rendering something other than its name."],changes:[{version:"0.11.0",change:"One size, and the `size` prop was removed. Badge follows the design: the Icons palette, one size, its own type style.",migrate:'For the 8px status dot use type="status"; the default is the 16px counter.',silent:!0},{version:"0.9.0",change:"The `-light` shape was removed, along with the eight PrimaryLightBadge…ErrorLightBadge exports.",migrate:'A light badge is a SURFACE: {color}-outline with data-theme + data-surface="Surface-Brightest".'}]},{name:"Avatar",summary:"Represents a person or entity: a photo, their initials, or a fallback glyph.",insteadUse:[{when:"It is a brand or product mark",use:"an Icon or image"},{when:"It is a status indicator",use:"Badge"}],props:[{name:"src",type:"string",default:"undefined"},{name:"initials",type:"string",default:"undefined"},{name:"icon",type:"ReactNode",default:"undefined"},{name:"defaultPhoto",type:"boolean",default:"true",note:"The brand glyph when nothing else resolves. `false` falls back to the icon."},{name:"color",type:"string",default:"default"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"customSize",type:"number",default:"undefined"},{name:"clickable",type:"boolean",default:"false"},{name:"alt",type:"string",default:"undefined"}],states:[{state:"Hover",setBy:"interaction",note:"Only when `clickable`."},{state:"Focus-visible",setBy:"interaction",note:"Only when `clickable`."}],theming:[{collection:"Buttons",inCode:"`data-theme` on an ancestor.",inFigma:"The `Button-Theme-Avatar` and `Button-Theme-Initials` layers mark where the Buttons mode goes. Both are unpinned, so an avatar inherits. The Style variant chooses Photo / Initials / Default, which is content, not colour."}],tokens:[{name:"--Buttons-{Color}-Button",sets:"the initials background",variesWith:"theme + surface",figma:"Modes → Theme → Buttons"},ba("--Text","the initials")],composition:["Content resolves in order: `src` → `initials` → `icon` → the default photo.",'Use `AvatarGroup` for a stack; it handles the overlap and the "+n" overflow.'],accessibility:["An avatar with a photo needs `alt` naming the person.",'Initials are not a name. `aria-label="JD"` passes every checker and says nothing — give the full name.'],gotchas:["In Figma the variant axis is `Style = Initials | Default | Photo`. Those are content choices; the library derives them from which prop you pass, so there is no `style` prop."]},{name:"Input",summary:"One line of typed text, with a label and optional validation.",insteadUse:[{when:"More than one line",use:"TextArea"},{when:"A search query",use:"SearchField"},{when:"Picking from a fixed list",use:"Select"},{when:"A number with steppers",use:"NumberField"}],props:[{name:"variant",type:"string",default:"primary-outline"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"label",type:"string",default:"undefined"},{name:"labelPosition",type:"string",values:["standard","floating"],default:"standard"},{name:"placeholder",type:"string",default:"undefined",note:"Not a label. It disappears on focus, so a field labelled only by its placeholder has no label once typing starts."},{name:"helperText",type:"string",default:"undefined"},{name:"validation",type:"string",values:["none","error"],default:"none"},{name:"validationMessage",type:"string",default:"undefined"},{name:"type",type:"string",default:"text"},{name:"disabled",type:"boolean",default:"false"}],states:[{state:"Hover",setBy:"interaction"},{state:"Focus-visible",setBy:"interaction"},{state:"Error",setBy:"prop",note:'`validation="error"`, which also reveals `validationMessage`.'},{state:"Disabled",setBy:"prop"}],theming:[{collection:"Theme",inCode:"`data-theme` on an ancestor.",inFigma:"Pins nothing and inherits. Set the mode on the frame around it."}],tokens:[ba("--Border","the outline"),ba("--Text","the typed value"),ba("--Quiet","the placeholder"),{name:"--Input-Height",sets:"height",variesWith:"size mode + device",figma:"Input/Input-Height"},{name:"--Input-Radius",sets:"corner",variesWith:"size mode",figma:"Input/Input-Radius"},{name:"--Input-Focus-Radius",sets:"focus ring corner",variesWith:"size mode",figma:"Input/Input-Focus-Radius"},{name:"--Input-Padding",sets:"inner padding",variesWith:"size mode",figma:"Input/Input-Padding"}],composition:["The label, helper text and validation message are props. Do not place a `<Label>` beside it — the wiring is what makes them announced together."],accessibility:["Every input needs a `label`. A placeholder is not one.",'`validation="error"` sets `aria-invalid` and ties the message with `aria-describedby`, so the error is announced rather than only drawn.','Write the message as what to change, not what went wrong: "Enter a date after today", not "Invalid date".'],gotchas:["The focus ring is drawn as an `outline`, not a border. A border would change the box size on focus and shift the layout."]},{name:"Swatch",summary:"A colour chip, optionally labelled, optionally clickable — one value out of a palette a person is choosing from.",insteadUse:[{when:"It triggers an action rather than carrying a colour",use:"Button"},{when:"It is a status or category label",use:"Tag"},{when:"It is one of a set of mutually exclusive options with text",use:"ButtonGroup"}],props:[{name:"color",type:"string",default:"undefined",note:"Any CSS colour. Arbitrary DATA from a picker, not a palette choice — which is why Swatch is not a Button variant."},{name:"label",type:"string",default:"undefined",note:"Optional caption below the chip, in the Legal type style. Figma models it as the `Label` boolean."},{name:"size",type:"string",values:["small","medium","large"],default:"medium",note:"Follows the BUTTON height ramp, so a swatch lines up with the controls beside it and inherits the device chain."},{name:"selected",type:"boolean",default:"false",note:"Draws the inner ring. Sets aria-pressed when clickable."},{name:"disabled",type:"boolean",default:"false"},{name:"radio",type:"boolean",default:"false",note:"Figma's Style axis (No-Radio | Radio). With a radio, EVERY state is delegated to it — Figma pins State=Hover, State=Focus-Visible and Status=selected on the nested instance — so the chip shows no check. Two marks for one state would be one too many. The radio is presentational: aria-hidden and out of the tab order, because the swatch is the control."},{name:"onClick",type:"function",default:"undefined",note:"Its PRESENCE is what makes a swatch clickable — there is no separate prop. Figma says the same thing by putting `non-clickable` on the state axis, and the Radio style has no such value: a radio that cannot be chosen is not a radio."}],states:[{state:"Hover",setBy:"interaction",note:"Elevation 0 to 1, plus the --Hover scrim over the colour."},{state:"Pressed",setBy:"interaction",note:"Back to elevation 0, with the --Pressed scrim."},{state:"Focus-visible",setBy:"interaction",note:"2px --Focus-Visible ring, 3px OUTSIDE the chip."},{state:"Selected",setBy:"prop",note:"A check on its own --Background disc, so the mark never sits on the arbitrary swatch colour and its contrast can be known. With `radio`, the radio carries it instead."},{state:"Disabled",setBy:"prop",note:"0.38 opacity."}],theming:[{collection:"Theme",inCode:"The chip takes no theme — its fill is the `color` prop. The border, scrims and focus ring resolve from whatever zone it sits in.",inFigma:"The Swatch set binds width, height AND radius to Button/Button-Height, so size follows the Component-Size mode rather than a Size axis."}],themingNotes:["The radius is the full height, so a swatch is a CIRCLE at every size."],tokens:[{name:"--Button-Height",sets:"the chip diameter",variesWith:"size and data-platform",figma:"Button/Button-Height"},{name:"--Border",sets:"the chip edge",variesWith:"surface",figma:"Border"},{name:"--Hover / --Pressed",sets:"the interaction scrim",variesWith:"surface",figma:"the Hover and Pressed overlays"},{name:"--Focus-Visible",sets:"the focus ring",variesWith:"surface",figma:"Focus-Visible"},{name:"--Legal-*",sets:"the label type",variesWith:"platform",figma:"Legal/*"}],composition:["A chip and an optional label, nothing else. Put swatches in a row yourself; there is no SwatchGroup."],accessibility:["A colour is not a name. Without a visible label, pass `aria-label` — the colour value is the fallback, and it is a poor one.","Selection is announced with aria-pressed, and only when the swatch is clickable.","The chip keeps a --Border edge so a pale colour stays visible on a pale surface."],gotchas:['It used to be `<Button swatch swatchColor={hex}>`. That never fitted: Button\'s axes are STYLE and COLOUR, and a swatch uses neither — "outline swatch" means nothing, and its colour is data rather than a palette.',"Clickability is the presence of `onClick`, not a `clickable` prop."],changes:[{version:"0.12.0",change:"Added. Replaces `<Button swatch swatchColor={hex}>`, which read --Button-Icon-Radius and so stayed square when a brand set a large corner.",migrate:"Use <Swatch color={hex} /> with onClick where it is pickable."}]}],ya=(e,t)=>({name:e,sets:t,variesWith:"theme + surface",figma:"Modes → Theme → Surface"}),ja=[{name:"Icon",summary:"Wraps an icon glyph so it takes a system colour and size. Decorative unless you name it.",insteadUse:[{when:"It is clickable",use:"Button with iconOnly"},{when:"It is a person or entity",use:"Avatar"},{when:"It carries a count",use:"Badge"}],props:[{name:"color",type:"string",default:"default",values:["default","primary","secondary","tertiary","neutral","info","success","warning","error","quiet"],note:"Picks the Icons mode. This is the only way to recolour an icon — do not pass `style={{ color }}`."},{name:"size",type:"string",values:["xxs","xs","small","medium","large","xl","xxl"],default:"medium"},{name:"twoTone",type:"boolean",default:"false",note:"Draws the glyph in the icon colour with its secondary shapes at the variant alpha."},{name:"disabled",type:"boolean",default:"false"}],states:[{state:"Disabled",setBy:"prop",note:"An icon is decoration; it has no interactive states of its own."}],theming:[{collection:"Icons",inCode:'`color` — `<Icon color="primary">`. It resolves to `--Icons-Primary`.',inFigma:"The Icon component binds `Vector → Icon` from the Icons collection and pins nothing, so it inherits. Set the Icons mode on it or an ancestor."}],themingNotes:["The Icons collection is 3 variables across 10 modes, the same shape as Buttons. Before it existed each colour was its own variable in Surface, so a component had to bind to ONE — which is why Badge could only ever be an error badge in Figma.","In CSS there are no modes: the generator flattens each one into a name, so `--Icons-Primary` is what a consumer writes and always has been."],tokens:[{name:"--Icons-{Color}",sets:"the glyph",variesWith:"theme + surface",figma:"Icons → Icon"},{name:"--Icons-Variant-{Color}",sets:"the glyph's secondary shapes",variesWith:"theme + surface",figma:"Icons → Icon-Variant"},{name:"--Icons-On-{Color}",sets:"a glyph sitting ON that colour",variesWith:"theme + surface",figma:"Icons → On-Icon"},{name:"--Icon-Size",sets:"the glyph box",variesWith:"size mode",figma:"Icons & Avatars → Icon-Size"}],composition:['Pass a MUI icon as the child — `<Icon color="primary"><CheckIcon/></Icon>`. The wrapper is what makes it take a system colour.'],accessibility:["Icons are `aria-hidden` by default. That is correct: an icon beside a label is decoration, and announcing it repeats the label.","An icon carrying meaning on its own needs an `aria-label` — but if it is also clickable, the name belongs on the Button, not the Icon, or it is announced twice."],gotchas:["`Icons & Avatars` sounds like a colour collection and is not — it holds Icon-Size and Avatar-Size, and its modes (`in-button`, `in-check`, `xxs`…) are SIZES. A containing component pins it automatically; you never choose it.","The variant alpha is one flat number across every theme and surface (`Colors/Icon-Variant-Opacity`, 50). It was adaptive once; flattening it is what let Figma express it as alias-plus-opacity instead of 192 baked colours."]},{name:"Fab",summary:"The one primary action on a screen, floating above the content.",insteadUse:[{when:"It sits in the layout rather than over it",use:"Button"},{when:"There is more than one action",use:"SpeedDial"},{when:"It is inside a toolbar or bar",use:"Button with iconOnly"}],props:[{name:"icon",type:"ReactNode",default:"undefined"},{name:"label",type:"string",default:"undefined",note:"Shown only when `extended`."},{name:"variant",type:"string",values:["solid","outline","ghost"],default:"solid"},{name:"color",type:"string",default:"primary"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"extended",type:"boolean",default:"false",note:"Widens it to carry a label beside the icon."},{name:"ariaLabel",type:"string",default:"undefined",note:"Required unless `extended` — an icon-only FAB has no visible name."},{name:"disabled",type:"boolean",default:"false"}],states:[{state:"Hover",setBy:"interaction",note:"Rises from elevation 3 to 4."},{state:"Pressed",setBy:"interaction"},{state:"Focus-visible",setBy:"interaction"},{state:"Disabled",setBy:"prop"}],theming:[{collection:"Theme",inCode:"`data-theme` on the FAB or an ancestor.",inFigma:"Set the Theme mode on the `Theme-Container` layer — **not** the variant root. The root carries the drop shadows."}],themingNotes:["This is the component the shadow rule exists for. A drop shadow falls on the PAGE, so it has to read the page's theme; the fill and bevel belong to the component. Theming the root does both and tints the shadow.","The root pins `Elevation`, which IS the component's own property. Theme inherits, elevation is pinned — that is the whole split in one sentence."],tokens:[{name:"--Buttons-{Color}-Button",sets:"the fill",variesWith:"theme + surface",figma:"Buttons → Button"},{name:"--FAB-Width",sets:"diameter",variesWith:"size mode",figma:"FAB/FAB-Width"},{name:"--FAB-Icon",sets:"the glyph",variesWith:"size mode",figma:"FAB/FAB-Icon"},{name:"--FAB-Focus-Radius",sets:"the focus ring",variesWith:"size mode",figma:"FAB/FAB-Focus-Radius"}],composition:["One icon, or an icon plus a label when `extended`. Nothing else goes inside."],accessibility:['An icon-only FAB needs `ariaLabel` naming the ACTION — "Compose message", not "pencil".',"There should be one FAB per screen. Two competing primary actions is a design problem no label fixes."],gotchas:["Its icon sizes are STATED, not derived: 16 / 24 / 32 against widths of 32 / 48 / 56. The large one is 32, not width/2, so the ratio does not describe them.","Elevation 3 at rest, 4 on hover — the highest of any component except Dialog. A FAB that does not appear to float is usually one whose shadow got themed."]},{name:"Snackbar",summary:"A brief message about something that just happened, which dismisses itself.",insteadUse:[{when:"It describes the state of the page and stays",use:"Alert"},{when:"It needs a decision before anything continues",use:"Dialog"},{when:"It belongs to one field",use:"the field's validation message"}],props:[{name:"open",type:"boolean",default:"false"},{name:"color",type:"string",values:["info","success","warning","error"],default:"info"},{name:"variant",type:"string",default:"light"},{name:"anchor",type:"string",values:["top","bottom"],default:"bottom"},{name:"autoHideDuration",type:"number",default:"undefined",note:"Milliseconds. Omit it and the snackbar stays until dismissed."},{name:"action",type:"ReactNode",default:"undefined",note:"One action at most — a snackbar is not a dialog."},{name:"onClose",type:"function",default:"undefined"}],states:[{state:"Open",setBy:"prop"},{state:"Auto-hiding",setBy:"prop",note:"`autoHideDuration` starts the timer; the component calls `onClose`."}],theming:[{collection:"Theme",inCode:"`color` picks the semantic palette. A snackbar rarely wants `data-theme` — the colour is the message.",inFigma:"Set the Theme mode on `Theme-Container`. All eight colours are pinned there, one per variant, alongside `Surface-Brightest`."}],tokens:[ya("--Background","the bar"),ya("--Text","the message"),{name:"--SnackBar-Top / --SnackBar-Bottom",sets:"distance from the edge",variesWith:"—",figma:"—"}],composition:["Message as children, one action in `action`, an icon in `startDecorator`.","It positions itself from `anchor` — do not wrap it in your own fixed container."],accessibility:["A snackbar that disappears on a timer is unreadable for anyone who needs longer. Give an action or a dismiss for anything that matters.","It announces politely by default; an error should be assertive so it interrupts."],gotchas:["Its offsets read `var(--SnackBar-Top, 24px)` so a brand can move it, but nothing generates those tokens — the fallback is what ships unless a consumer defines them."]},{name:"Accordion",summary:"Collapses a section of content behind its own heading.",insteadUse:[{when:"Only one section may be open and they are peers",use:"Tabs"},{when:"The content is a sequence",use:"Stepper"},{when:"It is a menu",use:"Dropdown"}],props:[{name:"variant",type:"string",values:["solid","outlined","ghost"],default:"solid"},{name:"color",type:"string",default:"default"},{name:"surface",type:"string",default:"undefined"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"spacing",type:"number",default:"0",note:"0 joins the segments into one block; above 0 they float separately."},{name:"defaultExpanded",type:"boolean",default:"false"},{name:"disabled",type:"boolean",default:"false"}],states:[{state:"Hover",setBy:"interaction"},{state:"Pressed",setBy:"interaction"},{state:"Focus-visible",setBy:"interaction",note:"A lone segment gets an OUTER ring; a stacked one an inner ring, because an outer one would overlap its neighbour."},{state:"Expanded",setBy:"prop"},{state:"Disabled",setBy:"prop"}],theming:[{collection:"Theme",inCode:"`data-theme` on the accordion or an ancestor.",inFigma:"Set the Theme mode on `Theme-Container`. It is UNPINNED, so an accordion inherits until you choose otherwise — the layer marks the place, it does not fix a colour."}],themingNotes:["Its structure is the model for the shadow rule: `Vertical Container` carries four drop shadows, `Theme-Container` inside it carries the fill and stroke. Theme the inner one and the shadow keeps reading the page."],tokens:[ya("--Background","the segment fill"),ya("--Border","the outline"),{name:"--Accordion-Radius",sets:"corner",variesWith:"size mode",figma:"Accordion/Accordion-Radius"},{name:"--Accordion-Focus-Radius",sets:"the outer ring",variesWith:"size mode",figma:"Accordion/Accordion-Focus-Radius"},{name:"--Accordion-Inner-Focus-Radius",sets:"the inner ring",variesWith:"size mode",figma:"Accordion/Accordion-Inner-Focus-Radius"}],composition:["A summary and a details region per segment; several segments stack into one accordion."],accessibility:["The summary is a button that toggles the details and carries `aria-expanded`.","Do not nest an accordion inside an accordion — the heading levels stop making sense."],gotchas:["Two focus radii, and they are not a mistake: `Accordion-Focus-Radius` is `radius + 3` for the outer ring, `Accordion-Inner-Focus-Radius` is `max(0, radius − 3)` for the inner one. CSS needs neither — a browser draws an outline concentric with the border — but Figma cannot do arithmetic on a variable, so both are stated."]}],Sa=(e,t)=>({name:e,sets:t,variesWith:"theme + surface",figma:"Modes → Theme → Surface"}),Ba=[{name:"Modal",summary:"Blocks the page with a task the user has to finish or abandon.",insteadUse:[{when:"It asks one question with one or two answers",use:"Dialog"},{when:"It is a message, not a task",use:"Alert or Snackbar"},{when:"It is a panel the page can carry on around",use:"Drawer"}],props:[{name:"open",type:"boolean",default:"undefined"},{name:"onClose",type:"function",default:"undefined"},{name:"title",type:"string",default:"undefined"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"layout",type:"string",values:["center","top"],default:"center"},{name:"transition",type:"string",default:"fade"},{name:"closeOnBackdrop",type:"boolean",default:"true",note:"Turn it off only when losing the work would be worse than the extra click."},{name:"showCloseButton",type:"boolean",default:"true"}],states:[{state:"Open",setBy:"prop"},{state:"Focus trapped",setBy:"context",note:"Automatic while open — do not add your own trap."}],theming:[{collection:"Theme",inCode:"`data-theme` on the modal, or wrap its content in `<Section>`.",inFigma:"Pins nothing and inherits. Set the mode on the frame around it."}],tokens:[Sa("--Background","the panel"),{name:"--Modal-Radius",sets:"corner",variesWith:"size mode",figma:"Other/Modal-Radius"},{name:"--Modal-Padding",sets:"inner padding",variesWith:"size mode",figma:"Other/Modal-Padding"},{name:"--Modal-Focus-Radius",sets:"focus ring corner",variesWith:"size mode",figma:"—"}],composition:["Title as a prop, body as children, actions at the end of the children."],accessibility:["Focus moves in on open and returns to whatever opened it on close. Both are handled.","Escape closes it. Do not intercept the key without providing another way out.","A modal with no focusable element traps keyboard users — give it at least a close button."],gotchas:["`Modal-Radius` equals `Card-Radius` rather than being its own value: a floating panel is a card that happens to float, and two numbers for one shape drift.","Elevation 5, the top of the scale, and it cannot be raised further — a modal is already above everything."]},{name:"Dialog",summary:"Asks one question and waits for the answer.",insteadUse:[{when:"It is a form or a multi-step task",use:"Modal"},{when:"Nothing needs answering",use:"Snackbar"}],props:[{name:"open",type:"boolean",default:"false"},{name:"title",type:"string",default:"undefined"},{name:"actions",type:"ReactNode",default:"undefined",note:"The answers. Two is the usual maximum."},{name:"maxWidth",type:"string",values:["xs","sm","md","lg"],default:"sm"},{name:"fullScreen",type:"boolean",default:"false"},{name:"alert",type:"boolean",default:"false",note:"Announces assertively and cannot be dismissed by the backdrop — for destructive or blocking questions."},{name:"nonModal",type:"boolean",default:"false",note:"Stops it trapping focus. Rare, and it stops being a dialog in the accessibility sense."}],states:[{state:"Open",setBy:"prop"},{state:"Focus trapped",setBy:"prop",note:"On unless `nonModal`."}],theming:[{collection:"Theme",inCode:"`data-theme` on the dialog or an ancestor.",inFigma:"Pins nothing and inherits."}],tokens:[Sa("--Background","the panel"),{name:"--Modal-Radius",sets:"corner",variesWith:"size mode",figma:"Other/Modal-Radius"}],composition:["Title, message as children, answers in `actions`."],accessibility:["The destructive answer should not be the default focus.",'Label the actions with the verb — "Delete", not "OK". "OK" to "Are you sure?" is unanswerable when read aloud.','`alert` makes it `role="alertdialog"`, which interrupts. Use it for consequences, not for confirmations.'],gotchas:["Dialog and Modal share their elevation and shadow — the FAB-Hover, Dialog and Modal levels are the same geometry. They differ by role, not by depth."]},{name:"Drawer",summary:"A panel that slides in from an edge and can be dismissed.",insteadUse:[{when:"It must be answered before anything else",use:"Modal"},{when:"It is permanent navigation",use:"Rail or Sidebar"},{when:"It rises from the bottom on a phone",use:"Sheet"}],props:[{name:"open",type:"boolean",default:"false"},{name:"anchor",type:"string",values:["left","right","top","bottom"],default:"left"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"hideBackdrop",type:"boolean",default:"false",note:"Without a backdrop it no longer reads as temporary — and it stops trapping focus."},{name:"onClose",type:"function",default:"undefined"}],states:[{state:"Open",setBy:"prop"},{state:"Focus trapped",setBy:"prop",note:"Unless `hideBackdrop`."}],theming:[{collection:"Theme",inCode:"`data-theme` on the drawer or an ancestor.",inFigma:"Pins nothing and inherits."}],tokens:[Sa("--Background","the panel"),Sa("--Border","the edge against the page")],composition:["Children are yours. A drawer adds the surface, the slide and the dismiss."],accessibility:["Escape closes it, and focus returns to the trigger.","A drawer holding navigation should be a `<nav>`, not a generic region."],gotchas:["`hideBackdrop` changes more than the visuals: without it the drawer stops trapping focus and becomes a permanent panel that happens to slide."]},{name:"Tooltip",summary:"Names or explains the control it is attached to, on hover or focus.",insteadUse:[{when:"The content is essential",use:"visible text — a tooltip is not readable on touch"},{when:"It is interactive or holds links",use:"Popover"},{when:"It reports an error",use:"the field's validation message"}],props:[{name:"title",type:"ReactNode",default:"undefined",note:"The content. Keep it to a phrase."},{name:"placement",type:"string",values:["top","bottom","left","right"],default:"bottom"},{name:"color",type:"string",default:"black-white",note:"Which Buttons mode paints the bubble. The default matches the mode Figma pins on `Button-Theme-Tooltip`; pass another palette to recolour."},{name:"arrow",type:"boolean",default:"true",note:"On by default — every Figma variant carries the arrow, and the component root uses a -2px gap to seat it against the bubble."},{name:"enterDelay",type:"number",default:"100"},{name:"leaveDelay",type:"number",default:"0"},{name:"describeChild",type:"boolean",default:"false",note:"Switches it from NAMING the child to DESCRIBING it — `aria-describedby` rather than `aria-label`. Use it when the child already has a name."}],states:[{state:"Hover",setBy:"interaction"},{state:"Focus",setBy:"interaction",note:"A tooltip that only appears on hover is unreachable by keyboard."}],theming:[{collection:"Buttons",inCode:'`color` — `<Tooltip color="primary">` resolves the bubble to `--Buttons-Primary-Button`. Defaults to `black-white`.',inFigma:"One pin, on the inner `Button-Theme-Tooltip` frame: `Buttons = black-white`. The bubble, the arrow, the label and the icon all inherit it, so that frame is the only place to change a tooltip's colour."},{collection:"Theme",inCode:"`data-theme` on an ancestor.",inFigma:"Pins nothing and inherits — deliberately. The drop shadow sits on the component ROOT, one level above the themed frame, so it reads the ambient surface rather than the tooltip's own colour."}],tokens:[{name:"--Buttons-{Color}-Button",sets:"the bubble and its arrow",variesWith:"Buttons mode + surface",figma:"Buttons → Button"},{name:"--Buttons-{Color}-Text",sets:"the label and any icon in it",variesWith:"Buttons mode + surface",figma:"Buttons → Text"},{name:"--Buttons-{Color}-Border",sets:"the edge, outline variant only",variesWith:"Buttons mode + surface",figma:"Buttons → Border"},{name:"--Effect-Level-2",sets:"the drop shadow",variesWith:"elevation mode",figma:"Component-Elevations → AppBar, Toolbars, Menus"}],composition:["It wraps the element it describes. The child must be able to hold a ref and take focus."],accessibility:["Never put the only copy of something important in a tooltip — touch users get no hover.",'`describeChild` is the difference between replacing a control\'s name and adding to it. Naming a button "Save" that already says "Save" announces it twice.'],gotchas:["A tooltip on a `disabled` control never shows: a disabled element fires no pointer events. Wrap it in a span if the explanation matters.",'The bubble is a Buttons colour, not a surface colour. It used to read `--Background`, which painted it the colour of whatever it floated over and left no way to recolour it. `variant="light"` still works, because the Buttons tokens are surface-aware and light moves the SURFACE rather than tinting the fill.'],changes:[{version:"0.12.0",change:"Elevation is Level 2, matching the AppBar/Toolbar/Menu row rather than sitting flat.",silent:!0},{version:"0.12.0",change:"Colour defaults to `black-white`, the mode Figma pins on Button-Theme-Tooltip. The arrow now takes its width and height separately so a sideways tooltip is not drawn with a square arrow.",silent:!0}]},{name:"Table",summary:"Rows and columns of data that the reader compares across both axes.",insteadUse:[{when:"Each row is a thing rather than a set of values",use:"List"},{when:"There is one column",use:"List"},{when:"It is layout, not data",use:"Grid"}],props:[{name:"columns",type:"array",default:"undefined"},{name:"rows",type:"array",default:"undefined"},{name:"footerRows",type:"array",default:"undefined"},{name:"variant",type:"string",default:"default"},{name:"loading",type:"boolean",default:"false",note:"Draws `skeletonRows` placeholder rows rather than an empty table."},{name:"skeletonRows",type:"number",default:"3"},{name:"empty",type:"ReactNode",default:"undefined",note:"What to show when there are no rows. Without it an empty table reads as a broken one."},{name:"error",type:"ReactNode",default:"undefined"}],states:[{state:"Loading",setBy:"prop"},{state:"Empty",setBy:"prop"},{state:"Error",setBy:"prop"}],theming:[{collection:"Theme",inCode:"`data-theme` on an ancestor.",inFigma:"Table Header Row and Table Body Row pin nothing and inherit."}],tokens:[Sa("--Background","row fills"),Sa("--Border-Variant","the row rules"),Sa("--Hover","row hover")],composition:["Data goes in `columns` and `rows`, not as children — the component owns the markup so the header and cells stay associated."],accessibility:["Header cells must be headers, not styled body cells; that association is what lets a screen reader say which column a value is in.","Loading, empty and error each need their own message. A blank table says nothing about which it is."],gotchas:["Row separators use `--Border-Variant`, not `--Border`. Variant is decorative and carries no contrast requirement; `--Border` is for anything that outlines a control."]},{name:"List",summary:"A stack of items where each row is one thing.",insteadUse:[{when:"Rows are compared across columns",use:"Table"},{when:"Items are actions in a floating panel",use:"Menu"},{when:"Each item is a separate surface",use:"Card"}],props:[{name:"items",type:"array",default:"undefined"},{name:"orientation",type:"string",values:["vertical","horizontal"],default:"vertical"},{name:"dividers",type:"boolean",default:"false"},{name:"clickable",type:"boolean",default:"false",note:"Also sets the gap: clickable rows separate by `--Sizing-1`, non-clickable ones sit at 0 and are joined by hairlines."},{name:"selectionMode",type:"string",values:["none","single","multiple"],default:"none"},{name:"loading",type:"boolean",default:"false"},{name:"empty",type:"ReactNode",default:"undefined"},{name:"error",type:"ReactNode",default:"undefined"}],states:[{state:"Hover",setBy:"interaction",note:"Only when `clickable`."},{state:"Focus-visible",setBy:"interaction"},{state:"Selected",setBy:"prop"},{state:"Loading / Empty / Error",setBy:"prop"}],theming:[{collection:"Theme",inCode:"`data-theme` on an ancestor.",inFigma:"List and List Item pin nothing and inherit."}],tokens:[Sa("--Background","the row fill"),{name:"--List-Item-Radius",sets:"row corner",variesWith:"size mode",figma:"List-item/List-Item-Radius"},{name:"--List-Item-Padding",sets:"inner padding",variesWith:"size mode",figma:"List-item/List-Item-Padding"},{name:"--List-Item-Gap",sets:"the gap between rows",variesWith:"size mode",figma:"List-item/List-Item-Gap"},{name:"--List-Item-Focus-Radius",sets:"the inset focus ring",variesWith:"size mode",figma:"List-item/List-Item-Focus-Radius"},{name:"--List-Item-Default-Image-Width",sets:"the thumbnail",variesWith:"size mode",figma:"List-item/List-Item-Default-Image-Width"}],composition:["Rows carry `startDecorator` / `endDecorator`. A decorator that is itself a control needs `startDecoratorIsButton` so it becomes one rather than a click target inside a click target."],accessibility:["A clickable row is one target. A button inside it is a second, and nesting them makes the inner one unreachable — that is what the `*IsButton` props exist to avoid.","Selection announces itself; do not add your own `aria-selected`."],gotchas:["The row gap is the row padding, by rule: `listItemGap = listItemPadding`. They were both bound to `Sizing-1` in Figma, so they tracked each other by coincidence until the relationship was stated.","The focus ring is inset 2, not 1, because the row draws its own 1px border. Measured from the drawn edge it is the same 1px clear gap every inner ring has."]}],ka=(e,t)=>({name:e,sets:t,variesWith:"theme + surface",figma:"Modes → Theme → Surface"}),wa=[{name:"AppBar",summary:"The bar across the top of an application, carrying the brand, navigation and account.",insteadUse:[{when:"It is the primary navigation down the side",use:"Rail or Sidebar"},{when:"It is the primary navigation at the bottom on a phone",use:"BottomNavigation"},{when:"It is a row of actions on a selection or a panel",use:"Toolbar"}],props:[{name:"mode",type:"string",values:["desktop","mobile"],default:"desktop"},{name:"barColor",type:"string",default:"default"},{name:"surface",type:"string",default:"Surface"},{name:"brandType",type:"string",values:["name","logo","both"],default:"name"},{name:"menuType",type:"string",values:["hamburger","none"],default:"hamburger"},{name:"loginType",type:"string",default:"login"},{name:"navLinks",type:"array",default:"['Home', 'Products', 'About']"},{name:"centerSlot / endSlot",type:"ReactNode",default:"undefined",note:"For anything the props do not cover — search, a status chip, a second action."}],states:[{state:"Scrolled",setBy:"interaction",note:"Where the bar elevates on scroll, the elevation is the bar’s own property, not the page’s."}],theming:[{collection:"Theme",inCode:"`barColor` and `surface`, or `data-theme` on an ancestor.",inFigma:"Set the Theme mode on `Theme-Container` — **not** the variant root, which carries five drop shadows and must keep reading the page."}],themingNotes:["The root pins `Elevation=Level-2`, its own property, and inherits Theme. That split is what keeps a Primary app bar from casting a Primary-tinted shadow on a neutral page.","Once a user has a design system, the AppBar inherits its parent `data-theme` rather than carrying the DinoDesign brand — the brand belongs on the landing and pre-system pages only."],tokens:[ka("--Background","the bar"),ka("--Text","links and title"),{name:"--App-Bar-Height",sets:"the bar height",variesWith:"size mode + device",figma:"Other/App-Bar-Height"}],composition:["Brand, nav and account are props. `centerSlot` and `endSlot` take anything else — do not nest a second bar."],accessibility:["It is a `<header>` with a `<nav>` inside, not a row of buttons.",'The current page link needs `aria-current="page"`; colour alone does not say which one you are on.'],gotchas:['`Other/App-Bar-Height` was `App-Bar Height` with a space until 2026-09-30. Its sibling `Nav-Bar Height` still has one, because the rule is "use the file’s name", not "hyphenate".']},{name:"Rail",summary:"A narrow column of primary destinations down the side, always visible.",insteadUse:[{when:"It slides in and can be dismissed",use:"Drawer"},{when:"It is wide and holds nested navigation",use:"Sidebar"},{when:"It is at the bottom of a phone screen",use:"BottomNavigation"}],props:[{name:"items",type:"array",default:"[]"},{name:"sections",type:"array",default:"undefined"},{name:"defaultValue",type:"number",default:"0"},{name:"expandable",type:"boolean",default:"false"},{name:"expandedWidth",type:"string",values:["partial","full"],default:"partial"},{name:"labelStyle",type:"string",values:["contained","outside"],default:"contained",note:"Whether the label sits inside the item’s target or beneath it. It changes the hit area, not just the look."},{name:"fabAction",type:"object",default:"undefined"}],states:[{state:"Hover",setBy:"interaction"},{state:"Focus-visible",setBy:"interaction",note:"An OUTSIDE ring — the rail is the only component drawing its ring outside the node."},{state:"Selected",setBy:"context",note:"From the rail’s value, not set per item."},{state:"Expanded",setBy:"prop"}],theming:[{collection:"Theme",inCode:"`data-theme` on the rail or an ancestor.",inFigma:"Nav Rail pins Theme on its variant ROOT. Nav Rail Item and Expandable Nav Rail Item pin nothing."}],tokens:[ka("--Background","the rail"),ka("--Hover","item hover"),{name:"--Rail-Width",sets:"the column",variesWith:"size mode",figma:"Other/Rail-Width"}],composition:["Items are data, not children. A `fabAction` puts a FAB at the top without nesting one yourself."],accessibility:["A `<nav>` with a list of links. The selected one needs `aria-current`.","Icon-only items need labels — `labelStyle` controls where the label shows, never whether it exists."],gotchas:["Its focus rings are drawn OUTSIDE, unlike every other component. `Nav Rail Item` insets 1px, `Expandable Nav Rail Item` sits flush top and bottom — the second is deliberate, since a wide row in a stack would otherwise overlap its neighbour."]},{name:"BottomNavigation",summary:"Three to five top-level destinations along the bottom of a phone screen.",insteadUse:[{when:"There are more than five",use:"Drawer or a More item"},{when:"They are views inside one screen",use:"Tabs"},{when:"It is a desktop layout",use:"AppBar or Rail"}],props:[{name:"items",type:"array",default:"[]"},{name:"defaultValue",type:"number",default:"0"},{name:"showLabels",type:"boolean",default:"true",note:"Icons alone are guessable at best. Turn this off only where the icons are genuinely universal."},{name:"variant",type:"string",values:["fixed","floating"],default:"fixed"},{name:"barColor",type:"string",default:"default"},{name:"fabAction",type:"object",default:"undefined",note:'Raises a FAB into the bar — the "Floating +Raised FAB" style in Figma.'}],states:[{state:"Hover",setBy:"interaction"},{state:"Focus-visible",setBy:"interaction"},{state:"Selected",setBy:"context"}],theming:[{collection:"Theme",inCode:"`barColor`, or `data-theme` on an ancestor.",inFigma:"Set the Theme mode on `Theme-Container`, on the **NavBar** page. The set is called `Nav-Bar` and the item `Nav Item`."}],tokens:[ka("--Background","the bar"),ka("--Text","the selected item"),ka("--Quiet","unselected items"),{name:"--Nav-Bar Height",sets:"the bar height",variesWith:"size mode + device",figma:"Other/Nav-Bar Height"}],composition:["Items are data. The FAB comes from `fabAction` rather than being placed inside."],accessibility:["A `<nav>` of links, with `aria-current` on the active destination.","Three to five items. Fewer is a Tab bar; more does not fit a thumb."],gotchas:["The Figma page is **NavBar** and the library export is **BottomNavigation** — a name pair worth knowing, since neither search finds the other.","`Other/Nav-Bar Height` keeps a space in its name. Its sibling App-Bar-Height was hyphenated; this one was not, and the studio writes whichever the file has."]},{name:"Breadcrumbs",summary:"Shows where the current page sits in the hierarchy, and offers the way back up.",insteadUse:[{when:"The steps are a sequence to complete",use:"Stepper"},{when:"They are peer views",use:"Tabs"},{when:"The hierarchy is one level deep",use:"a single back link"}],props:[{name:"separator",type:"string",default:"/"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"maxItems",type:"number",default:"4",note:"Above this the middle collapses to an ellipsis."},{name:"itemsBeforeCollapse",type:"number",default:"1"},{name:"itemsAfterCollapse",type:"number",default:"1"},{name:"condense",type:"boolean",default:"false"},{name:"backOnlyMobile",type:"boolean",default:"false",note:"Collapses to a single back link on small screens, where a full trail does not fit."}],states:[{state:"Hover",setBy:"interaction"},{state:"Focus-visible",setBy:"interaction"},{state:"Expanded",setBy:"interaction",note:"Clicking the ellipsis reveals the collapsed middle."}],theming:[{collection:"Theme",inCode:"`data-theme` on an ancestor.",inFigma:"Breadcrumb-Segments and Breadcrumbs-separator pin nothing and inherit."}],tokens:[ka("--Hotlink","the links"),ka("--Text","the current page"),ka("--Quiet","the separator")],composition:["Each crumb is a child. The last one is the current page and is not a link."],accessibility:['A `<nav>` with `aria-label="Breadcrumb"`, an ordered list inside.','The last crumb carries `aria-current="page"` and must not be a link — linking to where you already are is a dead end for keyboard users.'],gotchas:["The separator is decorative and hidden from screen readers. Do not replace it with a character that carries meaning."]},{name:"Pagination",summary:"Moves between pages of a long result set.",insteadUse:[{when:"Results load as the user scrolls",use:"no control at all"},{when:"It is a sequence of steps",use:"Stepper"},{when:"There are only a few pages",use:"Tabs"}],props:[{name:"count",type:"number",default:"10"},{name:"defaultPage",type:"number",default:"1"},{name:"theme / surface",type:"string",default:"undefined",note:"Puts data-theme / data-surface on the root. Absent means inherit."},{name:"color",type:"string",default:"default"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"siblingCount",type:"number",default:"1"},{name:"boundaryCount",type:"number",default:"1"},{name:"showFirstButton / showLastButton",type:"boolean",default:"false"}],states:[{state:"Hover",setBy:"interaction"},{state:"Focus-visible",setBy:"interaction"},{state:"Current page",setBy:"prop"},{state:"Disabled",setBy:"prop",note:"Previous on page 1, Next on the last."}],theming:[{collection:"Theme",inCode:"`theme` / `surface` props, or `data-theme` on an ancestor.",inFigma:"Pagination Number pins nothing and inherits."}],tokens:[ka("--Text","page numbers"),ka("--Hover","hover"),ka("--Background","the current page")],composition:["Page numbers are generated from `count` — do not render them yourself."],accessibility:['A `<nav>` labelled "Pagination", with `aria-current="page"` on the current number.','Each number needs an accessible name that says what it does — "Go to page 4", not "4".'],gotchas:["`siblingCount` and `boundaryCount` decide how many numbers show either side of the current page and at the ends. Setting both to 0 leaves only arrows, which works but gives no sense of position."]},{name:"TreeView",summary:"A hierarchy that expands and collapses in place.",insteadUse:[{when:"It is flat",use:"List"},{when:"Each branch is a panel of content",use:"Accordion"},{when:"It is navigation with two levels",use:"Rail with sections"}],props:[{name:"items",type:"array",default:"[]"},{name:"defaultExpanded",type:"array",default:"[]"},{name:"selectionMode",type:"string",values:["none","single","multiple"],default:"none"}],states:[{state:"Hover",setBy:"interaction"},{state:"Focus-visible",setBy:"interaction",note:"A 3px INNER ring, inset 1px — rows sit shoulder to shoulder, so an outer ring would overlap."},{state:"Expanded",setBy:"prop"},{state:"Selected",setBy:"prop"}],theming:[{collection:"Theme",inCode:"`data-theme` on an ancestor.",inFigma:"TreeView and Menu Item pin nothing and inherit."}],tokens:[ka("--Text","labels"),ka("--Hover","row hover"),{name:"--Menu-Item-Radius",sets:"the row corner",variesWith:"size mode",figma:"Menu/Menu-Item-Radius"}],composition:["Nesting is data, not markup — a node carries its children rather than a TreeView containing a TreeView."],accessibility:["Arrow keys move and expand; Tab enters and leaves the whole tree, not each row.","Every node reports its level and how many siblings it has. That is what makes a tree navigable without sight of the indentation."],gotchas:["Indentation is a fixed ladder: 8px at level 0, then 28px per level. It is a stated table, not a multiplier, so a deep tree does not run off the panel."]}],Ca=(e,t)=>({name:e,sets:t,variesWith:"theme + surface",figma:"Modes → Theme → Surface"}),Ta=[{name:"theme",type:"string",default:"undefined",note:"Sets `data-theme` on the root. Absent means INHERIT — never pass an empty string, which pins the component to a zone that defines nothing."},{name:"surface",type:"string",default:"undefined"}],Aa={name:"Stepper",summary:"Shows progress through a sequence and where the user is in it.",insteadUse:[{when:"The views are peers in any order",use:"Tabs"},{when:"It is a percentage",use:"Progress"},{when:"It is a hierarchy",use:"Breadcrumbs"}],props:[...Ta,{name:"activeStep",type:"number",default:"0"},{name:"orientation",type:"string",values:["horizontal","vertical"],default:"horizontal"},{name:"color",type:"string",default:"primary"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"clickable",type:"boolean",default:"false",note:"Lets the user jump back. Only sensible where steps can be revisited."},{name:"dashedIncomplete",type:"boolean",default:"false"}],states:[{state:"Complete / Current / Incomplete",setBy:"context",note:"Derived from `activeStep`, never set per step."},{state:"Hover",setBy:"interaction",note:"Only when `clickable`."},{state:"Focus-visible",setBy:"interaction"}],theming:[{collection:"Theme",inCode:"`theme` / `surface` props, or `data-theme` on an ancestor.",inFigma:"Count Step and No-Count Step pin Theme on their variant ROOT; the Stepper set pins it on a nested Count Step. Both are candidates for a named `Theme-*` layer."}],tokens:[{name:"--Buttons-{Color}-Button",sets:"a completed step",variesWith:"theme + surface",figma:"Buttons → Button"},Ca("--Border","the connecting line"),{name:"--Step bar",sets:"the line thickness",variesWith:"size mode",figma:"Other/Step bar"},{name:"--No Count Step",sets:"a dot step",variesWith:"size mode",figma:"Other/No Count Step"}],composition:["Steps are children; the connecting line is drawn by the stepper, not by you."],accessibility:["A non-clickable stepper is a status display, not a control — it should not be in the tab order.",'The current step needs `aria-current="step"`. Colour alone does not say which one you are on.'],gotchas:["A step signalling focus by lightening its fill is not a focus indicator: the two colours measured 1.46:1 and 1.55:1 against each other, where an indicator needs 3:1. The ring carries it; the fill stays put."]},za={name:"Slider",summary:"Picks a value from a range by dragging, where the exact number matters less than the feel of it.",insteadUse:[{when:"The exact value matters",use:"NumberField"},{when:"There are a few discrete options",use:"RadioGroup or ButtonGroup"},{when:"It is on or off",use:"SwitchInput"}],props:[...Ta,{name:"variant",type:"string",default:"primary"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"value / defaultValue",type:"number",default:"undefined"},{name:"min",type:"number",default:"0"},{name:"max",type:"number",default:"100"},{name:"onChange",type:"function",default:"undefined",note:"Fires continuously while dragging."},{name:"onChangeCommitted",type:"function",default:"undefined",note:"Fires once on release — use this for anything expensive."}],states:[{state:"Hover",setBy:"interaction"},{state:"Dragging",setBy:"interaction"},{state:"Focus-visible",setBy:"interaction",note:"A DUAL ring: a blue inner and a background-coloured outer, so it survives any backdrop."},{state:"Disabled",setBy:"prop"}],theming:[{collection:"Theme",inCode:"`theme` / `surface` props, or `data-theme` on an ancestor.",inFigma:"The Slider sets pin nothing and inherit."}],themingNotes:["The thumb recolours on its own: it reads `--Border` and `--Background`, which are zone tokens, so moving the zone moves the thumb without the component knowing about themes."],tokens:[{name:"--Buttons-{Color}-Button",sets:"the filled track",variesWith:"theme + surface",figma:"Buttons → Button"},Ca("--Border","the thumb and empty track"),Ca("--Background","the thumb's border"),{name:"--Slider-Handle-Radius",sets:"the thumb corner",variesWith:"size mode",figma:"Slider/Slider-Handle-Radius"},{name:"--Rail",sets:"the track thickness",variesWith:"size mode",figma:"Slider/Rail"}],composition:["Labels and the value display are the slider’s own; a separate NumberField beside it is a different pattern."],accessibility:["Arrow keys move by one step, Page Up/Down by a larger one, Home and End to the ends. All handled.",'It needs an accessible name and announces min, max and current value — a bare slider says "50" with no unit or meaning.'],gotchas:["The dual focus ring is deliberate: a single-colour ring disappears on a background close to its own colour. The outer ring is bound to `--Background`, so on a dark surface it goes dark and the pair still separates."]},Ia={name:"Rating",summary:"Shows or collects a score, usually out of five.",insteadUse:[{when:"It is a percentage or progress",use:"Progress"},{when:"It is one choice from several",use:"RadioGroup"}],props:[...Ta,{name:"defaultValue",type:"number",default:"undefined"},{name:"max",type:"number",default:"5"},{name:"precision",type:"number",default:"1",note:"0.5 allows half stars."},{name:"readOnly",type:"boolean",default:"false",note:"A displayed score, not an input. It leaves the tab order."},{name:"color",type:"string",default:"default"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"}],states:[{state:"Hover",setBy:"interaction",note:"Previews the score under the pointer."},{state:"Focus-visible",setBy:"interaction"},{state:"Selected / Half / Empty",setBy:"prop"},{state:"Read-only",setBy:"prop"}],theming:[{collection:"Theme",inCode:"`theme` / `surface` props, or `data-theme` on an ancestor.",inFigma:"Star pins Theme on its variant ROOT; the Rating set pins it on a nested Star, which looks like the pin landed on whatever was selected."}],tokens:[{name:"--Buttons-{Color}-Button",sets:"a filled star",variesWith:"theme + surface",figma:"Buttons → Button"},Ca("--Border","an empty star"),{name:"--Rating",sets:"the star box",variesWith:"size mode",figma:"Other/Rating"},{name:"--Rating-Icon",sets:"the glyph",variesWith:"size mode",figma:"Other/Rating-Icon"}],composition:["Stars are generated from `max` — do not render them yourself."],accessibility:["An interactive rating is a radio group: arrow keys move between values.",'`readOnly` must announce the score as text — "3 out of 5", not five graphics.'],gotchas:["Its focus ring is the 3px inner kind, inset 1px, because stars sit shoulder to shoulder and an outer ring would overlap the neighbour."]},Ra={name:"Loader",summary:"Says the page is working when there is nothing yet to show.",insteadUse:[{when:"The shape of the result is known",use:"Skeleton"},{when:"Progress is measurable",use:"Progress"},{when:"It is one control that is busy",use:"CircularProgress inside it"}],props:[...Ta,{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"color",type:"string",default:"primary"},{name:"message",type:"string",default:"'Loading...'"}],states:[{state:"Spinning",setBy:"context",note:"A loader has one state; you mount it or you do not."}],theming:[{collection:"Theme",inCode:"`theme` / `surface` props, or `data-theme` on an ancestor.",inFigma:"Loader pins nothing and inherits."}],tokens:[{name:"--Buttons-{Color}-Button",sets:"the spinner",variesWith:"theme + surface",figma:"Buttons → Button"},{name:"--Loader",sets:"the spinner size",variesWith:"size mode",figma:"Other/Loader"}],composition:["The message is a prop. A loader with no message is a spinner with no explanation."],accessibility:['Announce it politely with `role="status"` — assertive interrupts whatever the user is reading.','The message should say what is loading. "Loading…" alone tells a screen-reader user nothing about what to expect.'],gotchas:["Prefer a Skeleton where the result has a known shape: it holds the layout and stops the page jumping when content arrives."],changes:[{version:"0.12.0",change:"Exported for the first time, with SkeletonLoader, DotsLoader, PageLoader, OverlayLoader and SkeletonCard."}]},Wa={name:"Divider",summary:"A rule separating two regions, optionally with a label in it.",insteadUse:[{when:"You need space, not a line",use:"Spacing"},{when:"It separates rows in a list",use:"List's dividers prop"},{when:"It is a section heading",use:"a heading"}],props:[{name:"orientation",type:"string",values:["horizontal","vertical"],default:"horizontal"},{name:"color",type:"string",default:"default"},{name:"size",type:"string",values:["small","medium","large"],default:"small"},{name:"indicatorText",type:"string",default:"undefined",note:'A label sitting in the rule — "OR" between two sign-in options.'},{name:"indicatorStyle",type:"string",values:["outline","solid"],default:"outline"},{name:"textAlign",type:"string",values:["left","center","right"],default:"center"}],states:[{state:"None",setBy:"prop"}],theming:[{collection:"Theme",inCode:"`data-theme` on an ancestor.",inFigma:"Divider pins nothing and inherits."}],tokens:[Ca("--Border-Variant","the rule"),{name:"--Divider",sets:"its thickness",variesWith:"size mode",figma:"Other/Divider"}],composition:["A label goes in `indicatorText`, not as a child beside the rule."],accessibility:["A decorative divider should be hidden from screen readers; one with `indicatorText` is a separator with a label and announces."],gotchas:["It uses `--Border-Variant`, not `--Border`. Variant is decorative and carries no contrast requirement; `--Border` is reserved for anything outlining a control, which must hold 3:1."]},Fa={name:"Ratio",summary:"Holds a box at a fixed aspect ratio while its content loads or resizes.",insteadUse:[{when:"The content sets its own size",use:"nothing — let it"},{when:"You want a placeholder while loading",use:"Skeleton"}],props:[{name:"ratio",type:"string",default:"1:1",note:"Written as `16:9`, not a decimal."},{name:"fit",type:"string",values:["width","height"],default:"width",note:"Which axis is driven; the other follows from the ratio."},{name:"variant",type:"string",default:"default"},{name:"padding",type:"string",default:"none"}],states:[{state:"None",setBy:"prop"}],theming:[{collection:"Theme",inCode:"`data-theme` on an ancestor.",inFigma:"Ratio - Fill Horizontal and Ratio - Fill Vertical pin nothing."}],tokens:[Ca("--Background","the box while empty")],composition:["One child, which fills the box."],accessibility:["It is layout. An image inside still needs its own `alt`."],gotchas:["Two Figma sets, Horizontal and Vertical, at 21 variants each — they correspond to `fit`, not to `ratio`."]},Da=(e,t)=>({name:e,sets:t,variesWith:"theme + surface",figma:"Modes → Theme → Surface"}),La=(e="an ancestor")=>[{collection:"Theme",inCode:`\`data-theme\` on ${e}.`,inFigma:"No Figma counterpart — it inherits whatever zone it is dropped into."}],Pa=(e,t,a,r,o,n,i,s,l)=>({name:e,summary:t,insteadUse:a,props:r,states:o,theming:La(),tokens:n,composition:i,accessibility:s,gotchas:l}),Ha=[{name:"Button",summary:"Triggers an action. Not for navigation — a thing that changes the URL is a Link.",insteadUse:[{when:"It navigates somewhere",use:"Link"},{when:"It is one of a set of mutually exclusive options",use:"ButtonGroup"},{when:"It is the primary action floating over content",use:"Fab"},{when:"It toggles a single on/off value",use:"SwitchInput"}],props:[{name:"variant",type:"string",default:"default",values:["default","primary","secondary","tertiary","neutral","info","success","warning","error"],note:"Colour and SHAPE are separate axes, and only `-outline` is a suffix. Every colour takes `{color}` and `{color}-outline`; `ghost` is written BARE, with no colour prefix, because it reads from the text role (`--Hotlink` for text, `--Quiet` for icon-only) rather than a palette. `text` is an ALIAS of `ghost`, not a fourth shape — Figma's Style axis is solid / outline / ghost. There is no `primary-ghost`: an unknown variant warns and renders the default. **The default is `default`, not `primary`** — use `primary` only where the design explicitly marks it."},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"iconOnly",type:"boolean — one value of Figma's Type axis",default:"false",note:"Figma models TYPE as one axis with four exclusive values — text | iconOnly | letterNumber | Avatar. Code splits it into three independent booleans (`iconOnly`, `letterNumber`, `avatar`), with `text` being all three false, so the code can express combinations the design cannot: setting two at once is undefined. Pick exactly one. Requires an `aria-label`: the library dev-warns without one."},{name:"elevated",type:"boolean",default:"false",note:"Raises it one elevation level; a button is flat at rest and earns its shadow by being hovered."},{name:"selected",type:"boolean",default:"false",note:"For a toggled-on button in a group. Suppresses the hover lift so a selected button does not animate when hovered again."},{name:"fullWidth",type:"boolean — Figma's Fit axis",default:"false",note:"Fit=default hugs the label; Fit=fullWidth stretches to the container. Ignored for iconOnly and letterNumber, which are square by definition.",note:"Text buttons only. It is IGNORED on `iconOnly` and `letterNumber` (Button.js:476), and Figma matches by offering `Fit` only on `Type=text` — there is no such thing as a full-width icon button."},{name:"disabled",type:"boolean",default:"false"},{name:"startDecorator / endDecorator",type:"ReactNode",default:"undefined",note:"An icon OR an avatar, before or after the label. Figma models these as the four booleans start-icon, start-avatar, end-icon, end-avatar. (This row read `startIcon / endIcon` until it was checked against the component — those props do not exist.)"},{name:"avatar",type:"boolean",default:"false",note:"Type=Avatar in Figma. The child is an initial or a person icon; the button becomes a circle."},{name:"letterNumber",type:"boolean",default:"false",note:"Type=letterNumber in Figma — a single letter or digit. Needs an `aria-label`: the glyph is not a name."},{name:"swatch",type:"boolean",default:"false",note:"A colour chip, filled from `swatchColor`. Not in the Figma Type axis."}],states:[{state:"Hover",setBy:"interaction"},{state:"Pressed",setBy:"interaction"},{state:"Focus-visible",setBy:"interaction",note:"3px ring, inset 1px from the edge."},{state:"Disabled",setBy:"prop",note:"The `disabled` prop."},{state:"Selected",setBy:"prop"}],theming:[{collection:"Theme",inCode:"`data-theme` on the button, or on any ancestor — it inherits.",inFigma:"The Button component pins no Theme mode, so it inherits too. Set the mode on the frame it sits in."},{collection:"Buttons",inCode:'`variant` picks the palette — `variant="success"`.',inFigma:"Set the Buttons mode. Colour is not a variant axis in Figma either — it arrives as a mode."}],themingNotes:['Colour and theme are different things. `variant="success"` picks a palette; a theme moves the whole surface, including the text and border tones that have to stay readable on it.',"A button carries no shadow at rest, so theming it is safe. Components that DO — Fab, Chip, AppBar — pin the theme on an inner node instead, so the shadow keeps reading the page."],tokens:[{name:"--Buttons-{Color}-Button",sets:"the fill",variesWith:"theme + surface",figma:"Modes → Theme → Buttons"},{name:"--Buttons-{Color}-Border",sets:"the border",variesWith:"theme + surface",figma:"Modes → Theme → Buttons"},{name:"--Button-Height",sets:"height",variesWith:"size mode + device",figma:"Button/Button-Height"},{name:"--Button-Radius",sets:"corner",variesWith:"size mode",figma:"Button/Button-Radius"},{name:"--Button-Focus-Radius",sets:"focus ring corner",variesWith:"size mode",figma:"Button/Button-Focus-Radius"},{name:"--Button-Border-Width",sets:"border thickness",variesWith:"—",figma:"Button/Button-Border-Width"},{name:"--Button-Padding",sets:"horizontal padding",variesWith:"size mode",figma:"Button/Button-Padding"}],composition:["Icons go in `startIcon` / `endIcon`, not as children.","A `Badge` anchors to the corner when `badge` is set — do not wrap the button yourself."],accessibility:["An icon-only button needs `aria-label`; a text button must **not** have one, or it is announced twice.",'Name the ACTION, not the glyph: `aria-label="Delete item"`, never `aria-label="trash"`.','A name that says nothing — `"button"`, `"JD"`, `"3"` — is an error, not a pass. It satisfies every automated checker and silences the dev warning.'],gotchas:["`--Button-Border-Width` is 1px and load-bearing: Figma computes seven other tokens from it as `outer - (border x 2)`."],changes:[{version:"0.12.0",change:"`swatch` and `swatchColor` are retired — use the Swatch component. A swatch uses neither of Button's axes: its colour is arbitrary data from a picker rather than a palette, and it has no solid / outline / ghost shape. Figma draws Swatch as its own component, so Button/Button-Swatch has no component left to serve.",migrate:"Use <Swatch color={hex} /> — and it fixes the corner, which read --Button-Icon-Radius and so stayed square when a brand set a large radius.",silent:!0},{version:"0.12.0",change:"A badged Button no longer derives a badge size from its own. It used to synthesise one, so every <Button badge> tripped Badge's removed-prop warning for a value the caller never wrote.",silent:!0},{version:"0.9.0",change:"The `-light` shape was removed. It painted --<C>-Color-11, a tinted fill that was never a shape in the design — shape is solid / outline / ghost / text, and colour arrives as a Buttons mode.",migrate:"Use the solid variant of that colour, or an outline on a brighter surface.",silent:!0}]},{name:"Tabs",summary:"Switches between views in the same place. The tab list stays put; only the panel changes.",insteadUse:[{when:"The views are sequential",use:"Stepper"},{when:"Selecting changes the page or URL",use:"Link or a nav component"},{when:"Panels can be open at once",use:"Accordion"}],props:[{name:"value / defaultValue",type:"number | string",default:"0",note:"Controlled with `value` + `onChange`, uncontrolled with `defaultValue`."},{name:"orientation",type:"string",values:["horizontal","vertical-left","vertical-right"],default:"horizontal",note:"`vertical` is kept as an alias for `vertical-right`. It decides which edge both the baseline and the indicator sit on."},{name:"baseline",type:"boolean",default:"true",note:"The 1px rule the tabs sit on. Turn it off where the container already separates them — an AppBar's own edge, for instance."},{name:"variant",type:"string",values:["standard","solid","light","dark"],default:"standard"},{name:"color",type:"string",default:"primary"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"scrollable",type:"boolean",default:"false"}],states:[{state:"Hover",setBy:"interaction",note:"Draws the indicator at 50%, previewing where selection will land."},{state:"Pressed",setBy:"interaction"},{state:"Focus-visible",setBy:"interaction"},{state:"Selected",setBy:"context",note:"Derived from the Tabs `value`, never set on a Tab."},{state:"Disabled",setBy:"prop",note:"On the individual `Tab`."}],theming:[{collection:"Theme",inCode:"`TabList` carries the zone: a `variant` other than `standard` sets `data-theme` + `data-surface` for every tab inside.",inFigma:"Neither the Tabs nor the Tab set pins a Theme mode — both inherit. Set the mode on the frame holding the Tabs instance."},{collection:"Theme",inCode:"`standard` sets neither, so it inherits the surface it is dropped on.",inFigma:"Same behaviour, and the reason nothing is pinned: a tab bar usually belongs to the region around it."}],tokens:[{name:"--Border-Variant",sets:"the 1px baseline",variesWith:"theme + surface",figma:"Modes → Theme → Surface"},{name:"--Buttons-{Color}-Border",sets:"the 2px indicator",variesWith:"theme + surface",figma:"Modes → Theme → Buttons"},{name:"--Text",sets:"selected label",variesWith:"theme + surface",figma:"Modes → Theme → Surface"},{name:"--Quiet",sets:"unselected label",variesWith:"theme + surface",figma:"Modes → Theme → Surface"},{name:"--Hover",sets:"hover background",variesWith:"theme + surface",figma:"Modes → Theme → Surface"},{name:"--Pressed",sets:"pressed background",variesWith:"theme + surface",figma:"Modes → Theme → Surface"},{name:"--Focus-Visible",sets:"the 3px focus ring",variesWith:"theme + surface",figma:"Modes → Theme → Surface"},{name:"--Button-Height",sets:"a tab's minimum height",variesWith:"size mode + device",figma:"Button/Button-Height"}],composition:["`<Tabs>` wraps `<TabList>` with `<Tab>` children, then `<TabPanel>` per view.","Icons go in `startDecorator` / `endDecorator` on a `Tab`."],accessibility:["Roles, `aria-selected` and arrow-key navigation are handled — do not add them.","An icon-only tab needs an `aria-label`, same rule as Button."],gotchas:["Three thicknesses, deliberately: **baseline 1px, indicator 2px, focus ring 3px**. Each has been collapsed into another at some point.","The focus ring uses `outline-offset: -4px`, not `-3px`. The offset is measured to the outline's INNER edge, so a 3px ring at -3px lands flush; -4px leaves the 1px gap the design draws.","The hover mark is 50% of the indicator's own token via `color-mix`, not `--Border-Variant` — that is the baseline's token, and using it would read as a thicker baseline rather than a hovered tab."]},{name:"Card",summary:"A surface that groups related content. Clickable only when the whole card is one target.",insteadUse:[{when:"You only need a background",use:"Section or Box"},{when:"It is a row in a list",use:"ListItem"},{when:"It floats above everything and traps focus",use:"Modal"}],props:[{name:"variant",type:"string",values:["solid","outlined","ghost"],default:"solid"},{name:"color",type:"string",default:"default"},{name:"surface",type:"string",default:"undefined",note:'Overrides the inner content surface. A default-color card uses `Container`; pass `surface="Surface"` when the card is genuinely a Surface-level region, so `--Header` resolves to the Surface tone.'},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"orientation",type:"string",values:["vertical","horizontal"],default:"vertical"},{name:"clickable",type:"boolean",default:"false",note:"Makes the whole card a target. Without it the card is not focusable and gets no hover or pressed state."},{name:"elevated",type:"boolean",default:"false"},{name:"selected",type:"boolean",default:"false"}],states:[{state:"Hover",setBy:"interaction",note:"Only when `clickable`."},{state:"Pressed",setBy:"interaction",note:"Only when `clickable`."},{state:"Focus-visible",setBy:"interaction",note:"A 2px ring sitting 3px OUTSIDE the card — outward, unlike Tabs."},{state:"Selected",setBy:"prop"},{state:"Disabled",setBy:"prop"}],theming:[{collection:"Theme",inCode:"`data-theme` on the card, or wrap it in `<Section>`.",inFigma:"The Card set pins no Theme mode — it inherits. Set the mode on the frame around it."},{collection:"Theme",inCode:'`surface="Surface"` when the card is a Surface-level region rather than a Container.',inFigma:"`Card Content` pins `Surface=Container`, which is what makes the inner content read Container tones. That is the node to change if a card should be a Surface."}],themingNotes:["Never `style={{ background }}`. It paints the box and leaves the text and borders on the parent's tone, which breaks the moment the surface flips dark."],tokens:[{name:"--Background",sets:"the card fill",variesWith:"theme + surface",figma:"Modes → Theme → Surface"},{name:"--Text",sets:"body copy",variesWith:"theme + surface",figma:"Modes → Theme → Surface"},{name:"--Border",sets:"the outline",variesWith:"theme + surface",figma:"Modes → Theme → Surface"},{name:"--Card-Radius",sets:"corner",variesWith:"size mode",figma:"Card/Card-Radius"},{name:"--Card-Padding",sets:"inner padding",variesWith:"size mode",figma:"Card/Card-Padding"},{name:"--Card-Inner-Radius",sets:"a nested surface corner",variesWith:"size mode",figma:"Card/Card-Inner-Radius"},{name:"--Card-Focus-Radius",sets:"focus ring corner",variesWith:"size mode",figma:"Card/Card-Focus-Radius"}],composition:["Children are yours — the card adds padding and a surface, nothing else.",'A card inside a card should be `variant="outlined"`; two nested solid surfaces read as one.'],accessibility:["A `clickable` card is a button: it gets a role, focus and keyboard activation. A non-clickable one is a plain region.","Do not put a separate link inside a clickable card — nested targets are unreachable by keyboard."],gotchas:["The focus ring is `Card-Radius + 3` because it sits 3px outside. Tabs insets its ring instead, so the sign is opposite — a ring that crosses the card's own curve is this arithmetic backwards.","`Card-Radius` is per size (small / medium / large) and so is its focus radius. A single focus radius is correct for exactly one of the three."]},...va,...ja,...Ba,...wa,...[Aa,za,Ia,Ra,{name:"Link",summary:"Navigates. If it does not change where you are, it is a Button.",insteadUse:[{when:"It performs an action",use:"Button"},{when:"It looks like a button and navigates",use:"Link styled as one — the element follows the behaviour"}],props:[{name:"href",type:"string",default:"undefined"},{name:"target",type:"string",default:"undefined",note:"With `_blank`, say so in the text — an unexpected new tab is disorienting."},{name:"textStyle",type:"string",default:"body"},{name:"color",type:"string",default:"primary"},{name:"disabled",type:"boolean",default:"false"}],states:[{state:"Hover",setBy:"interaction",note:"The underline THICKENS. The colour does not change."},{state:"Visited",setBy:"interaction"},{state:"Focus-visible",setBy:"interaction"}],theming:[{collection:"Theme",inCode:"`data-theme` on an ancestor.",inFigma:"Link and Hotlink Group pin nothing and inherit."}],tokens:[{name:"--Hotlink",sets:"the link colour",variesWith:"theme + surface",figma:"Modes → Theme → Surface"},{name:"--Hotlink-Visited",sets:"a visited link",variesWith:"theme + surface",figma:"Modes → Theme → Surface"}],composition:['The text is the child. Link text should say where it goes — "Read the pricing guide", never "click here".'],accessibility:["Link text must make sense read alone, out of context — screen reader users list links without the surrounding sentence.","A link that opens a new tab should say so in its text or its accessible name."],gotchas:["**Links do not change colour on hover** — the underline thickens instead. The system emits no hover tone for links, and inventing one would put an unverified value on text carrying a 4.5:1 requirement.","The library reads `--Link` / `--Link-Visited`, which nothing generates, and falls back to `--Hotlink` / `--Hotlink-Visited`, which is what the studio actually emits. Define the Link names yourself or rely on the fallback."]},{name:"Tag",summary:"A short label attached to something. It is not a control.",insteadUse:[{when:"It can be clicked, selected or dismissed",use:"Chip"},{when:"It is a count on another element",use:"Badge"},{when:"It is the status of the whole page",use:"Alert"}],props:[{name:"color",type:"string",default:"primary"},{name:"width",type:"string",values:["hug","fill"],default:"hug"},{name:"allCaps",type:"boolean",default:"false"}],states:[{state:"None",setBy:"prop",note:"A tag has no states. If it needs one, it is a Chip."}],theming:[{collection:"Theme",inCode:"`color`, or `data-theme` on an ancestor.",inFigma:"Tag pins nothing on its container; its variants are named per theme."}],tokens:[{name:"--Tag-BG",sets:"the fill",variesWith:"theme + surface",figma:"Modes → Theme → Surface"},{name:"--Tag-Text",sets:"the label",variesWith:"theme + surface",figma:"Modes → Theme → Surface"}],composition:["Label as the child. No icons, no dismiss — those make it a Chip."],accessibility:["A tag is text. It needs no role, and giving it one implies an interaction it does not have.","Its text carries a 4.5:1 requirement against its own background, which is why `--Tag-Text` is generated against `--Tag-BG` rather than the page."],gotchas:["`--Tag-BG` is NOT held to 3:1 against the page. It is a background for text, not a control outline, so the contrast that matters is the text on it."],changes:[{version:"0.12.0",change:"Exported for the first time. Tag was never in the package index — not renamed, not deprecated, just never exported — while src/components/Tag/ carried the component and its tests.",migrate:"Use Tag for a status label. Chip is for something selectable or dismissible."}]},Wa,Fa],...[{name:"Select",summary:"Picks one or more values from a fixed list.",insteadUse:[{when:"The user types and the list narrows",use:"Autocomplete"},{when:"There are five or fewer options",use:"RadioGroup"},{when:"The list is actions, not values",use:"Menu"}],props:[{name:"options",type:"array",default:"[]"},{name:"defaultValue",type:"string",default:"''"},{name:"label",type:"string",default:"undefined"},{name:"labelPosition",type:"string",values:["top","floating"],default:"top"},{name:"variant",type:"string",default:"outline",note:"The `light` variant was removed — see the Button note on `-light`."},{name:"color",type:"string",default:"primary"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"mode",type:"string",values:["standard","multiselect","searchable"],default:"standard"}],states:[{state:"Hover",setBy:"interaction"},{state:"Pressed",setBy:"interaction"},{state:"Focus-visible",setBy:"interaction"},{state:"Open",setBy:"interaction"},{state:"Disabled",setBy:"prop"}],theming:[{collection:"Theme",inCode:"`data-theme` on an ancestor.",inFigma:"Neither `Select` nor `SelectMenu` pins a Theme mode. Set it on the frame around them."}],themingNotes:["In Figma the trigger and the panel are separate sets: `Select` is a Button instance with `type = default | multiselect | searchable`, `SelectMenu` is the panel it opens — and the panel is itself a TreeView instance built from Menu Item."],tokens:[Da("--Border","the trigger outline"),Da("--Text","the chosen value"),Da("--Quiet","the placeholder"),{name:"--Input-Height",sets:"the trigger height",variesWith:"size mode + device",figma:"Input/Input-Height"},{name:"--Dropdown-Frame-Radius",sets:"the panel corner",variesWith:"size mode",figma:"Menu/Dropdown-Frame-Radius"}],composition:["Options are data. The panel is the component’s own — do not place a Menu beside it."],accessibility:['It needs a label. A select showing "Choose…" with no label is unlabelled.',"Arrow keys move through options, Enter picks, Escape closes without changing the value.","Multiselect must announce how many are chosen, not just the first."],gotchas:["`--Dropdown-Frame-Radius` is `min(Input-Radius, Card-Radius, 16px)` in pixels, not a percent: the panel follows the input it opens from, is never rounder than the cards it floats above, and caps at 16 because rows are full-bleed and a larger corner clips the first and last row’s hover."]},{name:"Menu",summary:"A list of actions opened from a control.",insteadUse:[{when:"It picks a value for a form",use:"Select"},{when:"It is permanent navigation",use:"Rail or Sidebar"},{when:"It holds arbitrary content, not a list",use:"Popover"}],props:[{name:"variant",type:"string",default:"outline"},{name:"color",type:"string",default:"default"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"}],states:[{state:"Open",setBy:"context",note:"From the `Dropdown` root, which owns the state."},{state:"Hover / Focus-visible",setBy:"interaction",note:"Per item."},{state:"Disabled",setBy:"prop",note:"Per `MenuItem`."}],theming:[{collection:"Theme",inCode:"`data-theme` on an ancestor.",inFigma:"`Menu Item` pins nothing and inherits. It has its own page because TreeView and SelectMenu both build from it."}],tokens:[Da("--Background","the panel"),Da("--Hover","row hover"),{name:"--Dropdown-Frame-Radius",sets:"the panel corner",variesWith:"size mode",figma:"Menu/Dropdown-Frame-Radius"},{name:"--Menu-Item-Radius",sets:"a row corner",variesWith:"size mode",figma:"Menu/Menu-Item-Radius"}],composition:["Always `<Dropdown>` as the root — it supplies the open state through context. A `<Menu>` on its own reads the default context, whose `open` is false, so it renders NOTHING with no warning.","Then `<MenuButton>` as the trigger and `<MenuItem>` / `<MenuDivider>` inside."],accessibility:["The trigger carries `aria-haspopup`, `aria-expanded` and `aria-controls`; the panel is a `menu` of `menuitem`s. All handled.","Arrow keys move, Escape closes and returns focus to the trigger."],gotchas:["**It does not portal.** The panel is `position: absolute` inside the Dropdown wrapper, and z-index cannot lift a positioned element out of an `overflow: hidden` or transformed ancestor — so inside a scrolling container or a clipped card it is cut off. Use the portal pattern for those, and tag it `MISSING-LIB-COMPONENT: Popover`.",'Its 18 failing ARIA tests are TEST bugs: they assert on `getByText(...)`, which returns the inner Typography `<p>`, while the ARIA attributes are correctly on the ancestor `<button>`. Do not "fix" the component to satisfy them.']},{name:"CodeBlock",summary:"A block of code, a shell command or a copyable URL, with its own copy button.",insteadUse:[{when:"It is one word of code inside a sentence",use:"inline `code` in the Markdown"},{when:"You only need the copy affordance",use:"CopyButton"}],props:[{name:"code",type:"string",default:"''",note:"The text shown AND the text copied — they are the same string, so what the user pastes is what they read."},{name:"language",type:"string",default:"'JSX'",note:'The header label: `"bash"`, `"JSX"`, `"CSS"`, `"URL"`. A label, not a syntax highlighter.'},{name:"showCopy",type:"boolean",default:"true"},{name:"showHeader",type:"boolean",default:"true"},{name:"maxHeight",type:"string | number",default:"undefined",note:"Caps the code area and scrolls past it."},{name:"wrap",type:"boolean",default:"false",note:"Wrap long lines instead of scrolling horizontally."}],states:[{state:"Copied",setBy:"interaction",note:"The component owns the flag, the confirmation and the timer."}],theming:[{collection:"Theme",inCode:'None to set. The root declares `data-theme="Neutral"` + `data-surface="Surface-Dimmest"` itself, so the dark region follows the brand\'s own neutrals.',inFigma:"The component pins the same pair. Change the Neutral ramp, not this component, to move it."}],tokens:[Da("--Background","the dark code region — via Surface-Dimmest"),Da("--Text","the code"),Da("--Border","the edge and the header rule")],composition:["It brings its own copy button, confirmation and timer, so the surrounding component should NOT keep a `copied` flag of its own."],accessibility:['The copy control is a button with a name, not an icon alone — "Copy code", not "copy".',"Copying is announced; a purely visual tick tells a screen-reader user nothing."],gotchas:['Its dark region is NOT a hardcoded colour. The wrapper declares `data-theme="Neutral"` + `data-surface="Surface-Dimmest"`, so it follows the brand\'s neutrals and stays legible in both modes. Do not override its background — that is the one change that breaks dark mode for it.',"Any block of code, shell command or copyable URL uses this. Hand-rolling a `<pre>`/`<code>` panel with its own copy button is what it replaces, and the studio still has ten of those."]},Pa("Autocomplete","A text field whose list narrows as the user types.",[{when:"The list is short and fixed",use:"Select"},{when:"It searches a page rather than picking a value",use:"SearchField"}],[{name:"options",type:"array",default:"[]"},{name:"defaultValue",type:"object",default:"null"},{name:"placeholder",type:"string",default:"'Type to search'"},{name:"label",type:"string",default:"undefined"},{name:"labelPosition",type:"string",values:["top","floating"],default:"top"},{name:"variant",type:"string",default:"outline"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"}],[{state:"Focus-visible",setBy:"interaction"},{state:"Open",setBy:"interaction",note:"Opens as the user types, not on focus."},{state:"Disabled",setBy:"prop"}],[Da("--Border","the field outline"),Da("--Background","the suggestion panel")],["Options are data. The panel is the component’s own."],["The suggestion list must be announced as it changes — a silently updating list is invisible to a screen reader.","Arrow keys move through suggestions without losing what has been typed."],["No Figma drawing. Its trigger is a text field and its panel matches SelectMenu — build from those two rather than inventing a third."]),Pa("TextField","One line of typed text. The lower-level field that Input builds on.",[{when:"You want the full field with label and validation",use:"Input"},{when:"More than one line",use:"TextArea"}],[{name:"label",type:"string",default:"undefined"},{name:"value",type:"string",default:"''"},{name:"placeholder",type:"string",default:"undefined"},{name:"error",type:"boolean",default:"false"},{name:"errorMessage",type:"string",default:"''"},{name:"helperText",type:"string",default:"''"},{name:"variant",type:"string",default:"outlined"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"}],[{state:"Focus-visible",setBy:"interaction"},{state:"Error",setBy:"prop"},{state:"Disabled",setBy:"prop"}],[Da("--Border","the outline"),Da("--Text","the value")],["Label, helper and error are props — the wiring is what makes them announced with the field."],["Every field needs a label; a placeholder is not one, because it disappears on focus.","`error` should set `aria-invalid` and tie the message with `aria-describedby`."],["Prefer `Input`, which is the designed one. TextField exists for cases Input’s API does not reach."]),Pa("SearchField","A field for searching, with a clear button and a submit.",[{when:"It picks from a fixed list",use:"Select or Autocomplete"},{when:"It is a general text field",use:"Input"}],[{name:"defaultValue",type:"string",default:"''"},{name:"placeholder",type:"string",default:"'Search…'"},{name:"showClearButton",type:"boolean",default:"true"},{name:"onSubmit",type:"function",default:"undefined"},{name:"onClear",type:"function",default:"undefined"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"color",type:"string",default:"default"}],[{state:"Focus-visible",setBy:"interaction"},{state:"Has value",setBy:"interaction",note:"Reveals the clear button."}],[Da("--Border","the outline"),Da("--Quiet","the placeholder and icon")],["The search icon and clear button are the component’s own — do not add decorators for them."],['The clear button needs a name — "Clear search", not an X.','It should be a `<form>` with `role="search"` so it can be jumped to as a landmark.'],["No Figma drawing. It is an Input with two fixed decorators; build it from the Input design."]),Pa("Popover","A floating panel anchored to an element, holding arbitrary content.",[{when:"It is a list of actions",use:"Menu"},{when:"It is a short label on hover",use:"Tooltip"},{when:"It blocks the page",use:"Modal"}],[{name:"open",type:"boolean",default:"false"},{name:"anchorRef",type:"ref",default:"undefined"},{name:"placement",type:"string",default:"bottom-end"},{name:"theme",type:"string",default:"Default"},{name:"surface",type:"string",default:"Surface-Bright"},{name:"width",type:"number",default:"320"},{name:"maxHeight",type:"number",default:"400"}],[{state:"Open",setBy:"prop"}],[Da("--Background","the panel"),Da("--Border","its edge")],["Anchored with `anchorRef` rather than by nesting, which is what lets it escape a clipped ancestor."],["It must close on Escape and on outside click, and return focus to whatever opened it.","A popover containing controls needs focus moved into it; one holding only text does not."],["**This is the portal-based panel the Menu cannot be.** Menu is `position: absolute` and gets clipped inside a scrolling container; Popover portals to the body. It is also the component `MISSING-LIB-COMPONENT: Popover` refers to.","It takes `theme` and `surface` directly, unlike most components — a floating panel has no ancestor to inherit a zone from once it portals."]),Pa("Paper","A plain raised surface. The unopinionated version of Card.",[{when:"It holds grouped content with padding",use:"Card"},{when:"It is a page region",use:"Section"}],[{name:"surface",type:"string",default:"Container"},{name:"outlined",type:"boolean",default:"false"},{name:"variant",type:"string",values:["elevation","outlined"],default:"elevation"}],[{state:"None",setBy:"prop"}],[Da("--Background","the surface"),Da("--Border","the outline when outlined")],["Children are yours entirely — Paper adds a surface and nothing else, not even padding."],["It is a region, not a control. Do not give it a role."],["Prefer `Card`, which is designed and carries padding and radius. Paper is for cases where you want the surface without the opinions."]),Pa("Sidebar","A wide panel of navigation down the side, usually with nested sections.",[{when:"It is narrow and icon-led",use:"Rail"},{when:"It slides in and is dismissed",use:"Drawer"}],[{name:"items",type:"array",default:"[]"},{name:"width",type:"number",default:"280"},{name:"variant",type:"string",values:["temporary","permanent"],default:"temporary"},{name:"header",type:"ReactNode",default:"undefined"},{name:"footer",type:"ReactNode",default:"undefined"}],[{state:"Open",setBy:"prop",note:"Only meaningful when temporary."},{state:"Selected",setBy:"context"}],[Da("--Background","the panel"),Da("--Hover","item hover")],["Items are data, with header and footer as slots."],["A `<nav>` of links with `aria-current` on the active one.","A temporary sidebar traps focus; a permanent one must not."],["No Figma drawing. The Rail page has `Nav Rail`, `Nav Rail Item` and `Drawer Title`, which is the closest design — a sidebar is a rail that stays expanded."]),Pa("Toolbar","A row of actions belonging to a region or a selection.",[{when:"It is the top-level application bar",use:"AppBar"},{when:"It is one set of exclusive choices",use:"ButtonGroup"}],[{name:"items",type:"array",default:"[]"},{name:"type",type:"string",values:["floating","docked"],default:"floating"},{name:"orientation",type:"string",values:["horizontal","vertical"],default:"horizontal"},{name:"color",type:"string",default:"default"},{name:"fab",type:"object",default:"undefined"}],[{state:"Hover / Focus-visible",setBy:"interaction",note:"Per item."},{state:"Selected",setBy:"prop"}],[Da("--Background","the bar"),Da("--Hover","item hover")],["Items are data. A FAB comes from `fab` rather than being nested."],["Icon-only items each need a name saying the action.","A toolbar is a `toolbar` role with arrow-key navigation between items, and one tab stop for the whole thing."],["No Figma drawing. `AppBar` shares its elevation group — AppBar, Toolbars and Menus are one row in the elevation table."]),Pa("CodeBlock","A block of code or a copyable command, with its own copy button.",[{when:"It is inline code in a sentence",use:"a `code` element"},{when:"It is editable",use:"TextArea"}],[{name:"code",type:"string",default:"''"},{name:"language",type:"string",default:"JSX",note:"Shown as a header label — `bash`, `JSX`, `CSS`, `URL`."},{name:"showCopy",type:"boolean",default:"true"},{name:"showHeader",type:"boolean",default:"true"},{name:"maxHeight",type:"number",default:"undefined"},{name:"wrap",type:"boolean",default:"false"}],[{state:"Copied",setBy:"interaction",note:"The component owns the confirmation and its timer."}],[{name:"--Background",sets:"the dark region",variesWith:"theme + surface",figma:"Modes → Theme → Surface"}],["Code goes in `code`, not as children. The copy button is built in — do not add one."],["The copy button needs a name and its confirmation must be announced, not only drawn."],['Its dark region is NOT a hardcoded colour: it declares `data-theme="Neutral"` + `data-surface="Surface-Dimmest"`, so it follows the brand’s own neutrals and stays legible in both modes. Do not override its background.',"It brings its own copy state and timer, so the surrounding component must not keep a `copied` flag."]),Pa("IconBadge","An icon with a badge already positioned on it.",[{when:"You are badging something else",use:"Badge around it"},{when:"There is no badge",use:"Icon"}],[{name:"color",type:"string",default:"primary"},{name:"variant",type:"string",default:"solid"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"}],[{state:"None",setBy:"prop"}],[{name:"--Icons-{Color}",sets:"the glyph",variesWith:"theme + surface",figma:"Icons → Icon"}],["The icon is the child; the badge is the component’s own."],['The badge number means nothing alone — the accessible name must carry both, "Messages, 3 unread".'],["No Figma drawing, but both halves are designed: `Icon` and `Badge Counter`. It is those two composed, not a third thing."]),Pa("DropZone","An area that accepts dropped or chosen files.",[{when:"It is a plain file input",use:"an input of type file"},{when:"It is an image placeholder",use:"ImagePlaceholder"}],[{name:"onFiles",type:"function",default:"undefined"},{name:"accept",type:"string",default:"undefined"},{name:"multiple",type:"boolean",default:"false"},{name:"label",type:"ReactNode",default:"undefined"},{name:"sublabel",type:"ReactNode",default:"undefined"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"},{name:"disabled",type:"boolean",default:"false"}],[{state:"Dragging over",setBy:"interaction"},{state:"Focus-visible",setBy:"interaction"},{state:"Disabled",setBy:"prop"}],[Da("--Border","the dashed edge"),Da("--Hover","the drag-over fill")],["Label and sublabel are props. It contains a real file input so the keyboard path works."],["Drag and drop is not keyboard-operable, so a DropZone must also be clickable and focusable — the hidden input is what provides that.","`accept` should be stated in the sublabel too; a rejected file with no explanation is a dead end."],["No Figma drawing. It is a bordered region with an icon and two lines of text — build from `ImagePlaceholder` and `Card`."]),Pa("StateMessage","What to show when there is nothing to show: empty, error or no results.",[{when:"Something is loading",use:"Loader or Skeleton"},{when:"It is a transient message",use:"Snackbar"},{when:"It sits in the page as a warning",use:"Alert"}],[{name:"type",type:"string",values:["empty","error","no-results"],default:"empty"},{name:"title",type:"string",default:"undefined"},{name:"body",type:"string",default:"undefined"},{name:"action",type:"ReactNode",default:"undefined",note:"The way out. An empty state with no next step is a dead end."},{name:"icon",type:"ReactNode",default:"undefined"},{name:"size",type:"string",values:["small","medium","large"],default:"medium"}],[{state:"None",setBy:"prop",note:"The `type` IS the state."}],[Da("--Text","the title"),Da("--Quiet","the body")],["Title, body and action are props. Table and List take it through their own `empty` and `error` props."],["An error state must say what to do, not only what failed.","It should be announced when it replaces content, or a screen reader user sees the list simply vanish."],["No Figma drawing. It is a centred icon, a title, a body and one action — build from Typography and Button."])]];function Na({size:e="100%",...t}){return a.jsx("svg",{width:e,height:e,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",...t,children:a.jsx("path",{d:"M24.9375 24.0125C23.5562 21.6125 20.9625 20 18 20H14C11.0375 20 8.44375 21.6125 7.0625 24.0125C9.2625 26.4625 12.45 28 16 28C19.55 28 22.7375 26.4563 24.9375 24.0125ZM0 16C0 11.7565 1.68571 7.68687 4.68629 4.68629C7.68687 1.68571 11.7565 0 16 0C20.2435 0 24.3131 1.68571 27.3137 4.68629C30.3143 7.68687 32 11.7565 32 16C32 20.2435 30.3143 24.3131 27.3137 27.3137C24.3131 30.3143 20.2435 32 16 32C11.7565 32 7.68687 30.3143 4.68629 27.3137C1.68571 24.3131 0 20.2435 0 16ZM16 17C17.1935 17 18.3381 16.5259 19.182 15.682C20.0259 14.8381 20.5 13.6935 20.5 12.5C20.5 11.3065 20.0259 10.1619 19.182 9.31802C18.3381 8.47411 17.1935 8 16 8C14.8065 8 13.6619 8.47411 12.818 9.31802C11.9741 10.1619 11.5 11.3065 11.5 12.5C11.5 13.6935 11.9741 14.8381 12.818 15.682C13.6619 16.5259 14.8065 17 16 17Z",fill:"currentColor"})})}const Ea={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Ma={xxs:"16px",xs:"20px",small:"24px",medium:"32px",large:"40px",xl:"56px",xxl:"72px"};function Oa({children:e,color:r="default",size:o="medium",fontSize:n,disabled:i=!1,twoTone:s=!1,className:l="",sx:d={},"aria-label":c,...u}){const h=ut(),x=Ea[r]||"Default",p="custom"===o&&n?"number"==typeof n?n+"px":n:Ma[o]||Ma.medium,m="default"===r?"inherit":"var(--Icons-"+x+")",g="var(--Icons-Variant-"+x+")";return a.jsx(t.Box,{component:"span",className:"icon icon-"+r+" icon-"+o+(i?" icon-disabled":"")+(s?" icon-twotone":"")+(l?" "+l:""),"aria-hidden":c?void 0:"true","aria-label":c||void 0,role:c?"img":void 0,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:p,color:m,opacity:i?"var(--Disabled, 0.38)":1,cursor:i?"not-allowed":"inherit",lineHeight:1,flexShrink:0,...s&&{"--twotone-variant":g},...h?{...ht({animate:h.animate}),width:p,height:p,"& .MuiSvgIcon-root":{visibility:"hidden"}}:{},"& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"},...d},...u,children:e})}const Qa="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAIdpAAQAAAABAAAATgAAAAAAAACQAAAAAQAAAJAAAAABAAOShgAHAAAAEgAAAHigAgAEAAAAAQAAAKCgAwAEAAAAAQAAAKAAAAAAQVNDSUkAAABTY3JlZW5zaG90/+0AOFBob3Rvc2hvcCAzLjAAOEJJTQQEAAAAAAAAOEJJTQQlAAAAAAAQ1B2M2Y8AsgTpgAmY7PhCfv/iAihJQ0NfUFJPRklMRQABAQAAAhhhcHBsBAAAAG1udHJSR0IgWFlaIAfmAAEAAQAAAAAAAGFjc3BBUFBMAAAAAEFQUEwAAAAAAAAAAAAAAAAAAAAAAAD21gABAAAAANMtYXBwbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACmRlc2MAAAD8AAAAMGNwcnQAAAEsAAAAUHd0cHQAAAF8AAAAFHJYWVoAAAGQAAAAFGdYWVoAAAGkAAAAFGJYWVoAAAG4AAAAFHJUUkMAAAHMAAAAIGNoYWQAAAHsAAAALGJUUkMAAAHMAAAAIGdUUkMAAAHMAAAAIG1sdWMAAAAAAAAAAQAAAAxlblVTAAAAFAAAABwARABpAHMAcABsAGEAeQAgAFAAM21sdWMAAAAAAAAAAQAAAAxlblVTAAAANAAAABwAQwBvAHAAeQByAGkAZwBoAHQAIABBAHAAcABsAGUAIABJAG4AYwAuACwAIAAyADAAMgAyWFlaIAAAAAAAAPbVAAEAAAAA0yxYWVogAAAAAAAAg98AAD2/////u1hZWiAAAAAAAABKvwAAsTcAAAq5WFlaIAAAAAAAACg4AAARCwAAyLlwYXJhAAAAAAADAAAAAmZmAADypwAADVkAABPQAAAKW3NmMzIAAAAAAAEMQgAABd7///MmAAAHkwAA/ZD///ui///9owAAA9wAAMBu/8AAEQgAoACgAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/bAEMAAgICAgICAwICAwQDAwMEBQQEBAQFBgUFBQUFBggGBgYGBgYICAgICAgICAkJCQkJCQsLCwsLDAwMDAwMDAwMDP/bAEMBAgICAwMDBQMDBQwIBwgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/dAAQACv/aAAwDAQACEQMRAD8A8zt1v/D0/m2bbo85K9q664XRPGNl5N0iicc7W9R3FeO2vjF5FAmPB9eldRYvFfqJrWYJIOeDivntTvnRvqeleHfEupeA3EciBoYz8rgcjHr/AI/nXpdt+0p4sd1s7RozEw+V88/lXjlldedEbLVsOCMb+9XPCmk6f4S1yPWvs631uj+Z5bcjI54zU3a1izmlTVmpI+kbLxp8SdcjWVkuzHJ0ZIXCn6MRiultfD3i/UcPdgx57zSgfoMmufb9oZ9WgGl6dAqsw27OWZMf7IFT2XiDxJfKWbcPYkLn6dTXZSrJ/E2zza9Fp+6kj1bRPhjZXKeZr2sLCv8AcgAz/wB9Of6VrX/hL4M6NC39pOb9scieZnBx/sx7R+lebaXYatqlwEupRbx/xMSXP4ZIFehR+C/BUKBtRup7p2/g8zaCT22xgH9a7ou6uor5nJ5XPzw+LkHgGy+INld+AbH7MfPUXMSBlikywwVDd+xxX1HDe3Z8Norx2yIEzsz85z36Yr1SP4cfC6fVTqV1o0U7w4wsrLshDHZmUMeCfU89MDvU+peGPCWsWlxb+H4bG3iRWZhBOu2LaM7pmOQFC5/iABJr57MI1ZS5qTW/Q+lwFCPskqi6dT8o5LC78RfEqG32kRR3h83A6KG5Az7V+pfhHwl8MptKhgvIGhlVAN6yOjdO+Dj9K8W8KfDHTbXUrnWrh4BDCXnnkYjy1UOFwjcjAzksT9AOa9vtbLSJYhJHIsaFFZZEYeWQRwQR8pHoe9d2Fq3Wxw46hK99TtU+Evgu7XOm6tcRE9AWSQfqAf1rOufghqGC+maxBJ6eZGyH81J/lWF9ju4Rvs5xKuNwPXP5Uh1vX9PHyPIO3yOcV1upC2sTg9mZWqfDv4oaKrSWcomVeht7n/2V8Vwdj41+IXhzW44fEMV+0LkRwxNHnfIT03DjHvXp6+OvEtveRRyxzyLJwocDaD6sewFT+NfEVjDp/wBvuJ0a4WPk8dT2UfpXn1nztqDOyjTUFcf4h8TTHS/tWpzLG+zJTPyx8dPc+9fGHjTxve6o8lnp8jLbkkE92/wFWPFnja/1tjBJJ5cA/hHf3NeVahrVhZRNucZqU7LlR1KnzS5mMimitW3yH5qyNb8XW9vHtMn4Dk1w2qeKbaRyfOWJM9erH6CtXw5oN34iuo5Rp8ws2/5bSDG4+oBo6HZGkf/QwfiB+y3N4f8AEotfDV5P/Z8oJ8qRt+wjnhuuK8A1zS9b8AagYLhZvJzgSlG2ZHbdiv0u1v4m6Xd66BfW0tqckbZlIPT3roptF8MeLdKMN1bwvFOhIDBf0zXz9RLmbiz2I6o/MDT/ABdJcSJHc7lJ6HoDXsGhXk6qG3iSNux6V698RfgRZ3enqnhqNIZwBtYLnmvDh8OPiV4YuI4TD9pcuFAUAJ1xli3AHqTwO9Q3Zakzpp6I9M0ZLaC5+2aZARck44GdxPavYvDGqanqF2LGKDFwcfIFbHPfgGuG8AeDr7UZvMvNV0/yIZsTeTMZFjOSrI7KByCOzZz2HWvZF1/TtE8XQeFtE0+BnhgWSTU72VkTEoYL5UUfLuSrAAsT3GetEZq6S3OV4KUrtrQ9H0iPRZXuNPl1GKa7sYhPexwuZBARx5biLJDMx4GCeD71Q8MePvhh4i1K+tPDF6up3mmukUscKldsj7s4MhwdmDuP8ODmvz5+Ofjl/BvhrWdQ8KreafDreurCL1hMvmi2iLsVWQEBEclgqFgN3JB68d+zxJ8RNM8EeLvjHoTxARLKWminiVrydMzXBMZJEQXhdyozN0A446FJyjdM3hhIRkotH1j8fPF9kllq3g7whdBNUa3F5LOitJMktuXMUaPFl8bo2BJCjkEZya+dvhD8d7Pw14WiPjOS5thcM9qr2saTC4s5A8hZo2ILKkxkTgNgHuOvwp45+K/izxlq11rJ1W4im1SFxcMj7HXLncCqYxu2gEdx164Ot4s+IWh6p4I0e006eddSit4Ld5HVVmR7bAXBA5AYZUZzySevESwknbm6s3+tU4+7Doj7yv8A44aP4Ztv7XmS81WHTIv7LgW7uWSJDcPHIjFY2wzrGd0e8FMYBAJOOf8AEX7SenLYqLIRyWlhukkmIKzF5CGffGrbMYxhVJ6N2Ffnd4l8U3upaZJfapYPOLpk2XbthlKJ8v3RtAOe/PHUViXOvW1xp9o81x/pLoBNHsAiZFwFwoYkt0y20Z549dYYO0VF9zKpilJvTofo5pP7Sniy3TzNA2/2fIrNG/zMmBncNjA4Kngj8q9Z8B/tXQ3Rlg8Y+XmLHliFfLZnOQMh+AAQMkkAA5r8tfDfj3xB4dtTYaPIt7aEeY8arux3JAwD7EH0zmvR9a16x8XaLBFusE1WdoRO4QQzIgBzGuGAfsWcjIOBiieGlF6PQwUqc1qtT9d5fihpniLRRf6Msm6ZcASrg7lyCVI4Zc9COCOa8W1vVNQuyZdSdio6KTwK8K8EeKINAuNGsdNuXu7JbZ7a6gZyNlyER1YK3IO3J+XII7nFe66T4d1LxrK0sgMVucgHPII6+2PT2riUteXqU8PZ3Wx4zruvNJO1raQMcdTXKaVoOseKpLj7NalYoDh3kJJJPYV7zf8AgCPwnqMk05MkbDJZ+e3vXQ+Ar/Slgu7S3iJllkO3auR0PU1UV71mdEYKKufPPhz4bWk3iyyS+TcqkkoeQDmvvPUtA03SPD0DWsCJsTOAAD2r540T4d/EHW/HTGxT7PEWLJJt3fKT1xx/OvsvTPg/r0NvFca7eyXRC4KsQF/BRx+ta0acnfqTVrw0sf/R/Q3XfAeh61q8t1cWqM4zhiorirj4YvcPs02RoCgIRlzxXQzfEq1GoPGtvJyxHT+dddp3i7SoY1kkY72GTx09q82UISmzqi/d0PLn8J6/oNuqiRrx+24Z5/SvGfHeg+NZZXutZkkXS4Ip5VihkKyzufLJWQZXKqA+1RuP8q+yZfEVjdRl4sbirbN4IBIHH4V+dPxC+PE3/CRnwL8SC0D6deGOa7jgQQRGdd9uQN6yOAPuvsKk8MRXFjIx5LRuztwnNz7nKeLrzwjb2unQ6dqUumhJDqT6XZ3geSRIPmbzkuH2gyou3mPIHJU8g+M6P+0/4U0vxLcy6/oLMiGZkmQlbn7QS+RNvUhdhIjXyyAMkqQDXjVtHZa54k13xD4bsbmSSyYA3V1dC4uGmuDlmSzUIArqGUBWzlslj2+U9aW91XX7l55tl0JHEyMNpVBgAfgAAR1GMHnNTRwcG3FvU3qYycEpJHXeJ/iNqHijxTd3N8815pMt27w2k1w5jXzeApDPkjKjPPRRwM10ui/ErVNH8LyaPYzR2q299PcC1jbaGSVVyRnO3HIG3AINeD30yTXEv2oKs8TLtZMDKYIzxxnoSeppYLy08pVXAnAIQlSGZ2IyWY54AHAFet7OPLyW0PL9rPn529SzqkhglW6kO6Vi5bnlQcbVPJxgHIqCJ7htKMyyDBmO1CcnJ7gHgdvrVS6a4mm8hgGZgMkYJLeue+K7mfwwdO0uy1OaRJobmMMsUfytvZcnPGDt785HFVKrGKSfUzhRnNtxWxzlzr+oDTY9HS9lNqHVli3YCyAfewee5x+NczNEVl8xxtU9McfMOuB+NdTqWmtbi4tROsqQlcMY9hLNzt3dcj361z8jGaw3kFmQg5649eauEotXXUiaknyy6Fq01CS3xHbM2+UOH2k5KsMEfjXX6Fd3NhItxbgrcJkiUrvYLjJ2qxIyM4rzeKeaNy8R2kgKSOOK6jT2t5I+J/Ll+VlUA8PkYG4jGT+X0onEIaM+i/D3j6/XTLg5+ZrmO5WSUok0bx42vgEDAwM4zxnpzj78+D+s+N/HWmWl14VIsNNtIJklZCZpJriTJ+ZSCBswOBk7elfl3Zx2flpOsuJQC8kbIfmXBGM5/pivsn9nL4v3Xw+s5rW7kZ7e9bzPJ2hRvjG3b84G3C5JYHBXpzXlYmlFe8ejSqSasj9ErjwPqVzOq65+9Vo0DMeAWwM/L2r0DwJ8NdD0uOa6SBNzv1I7e1cL4b+JD+LdCW+UwTbxmOa1LNEY/wCEksASfU9Dxjiu+8N6l4imjkgEJCITlj0Yn0q6MYXuctST2Z6d4YXS7DVtoCq2MD869a1q+tU0/cGXha+SrHw9451HxGWs5Fjjbnc2fl59O9exXHg7xULZft995mRjaBgV1UpPlasZyldn/9L9DbTRdPkeSR4lDFj2rf0Dw/p5kZ3jBGT1ryOTxNrc8/8AoMGFzyT2Feg6LrOs3VssUMezAIY45zjk157cednRFpxR0t/o1iLrjai898fLjoPevy9/a3+IujW+vTWNvpdtNd6NLHGPNs4Z5PKZM5888xttKsi7WwRz6V9k+OvGGoaMIb6YyzJE2x54ULrEHwhfAHQElQTxuPoCR+JXx18earca441LdI96Z7p7iRm8y6EhCRNMdzbmRI1U5OQR6dfOlL21TkjpY9KnFUo88jz++8YavFJqFzpTrY2FzgSxWsmzeY+InfnJYMMjgHNeIXl/LLeS3gXMjPl5GYkvnk5/HrWjot6bnV3M5zHsfCnkHPt9RmsfVpBBeSxRgbW7V6tOmo6HDVqOauU5ZvtNz5qIF3YyoHHFem+DvAN9411Yi1hZI2YhSQSobHTgdMkYxXmkUS3V/aWsB5kZIzj1Y81+pXwn8EeLItJtx4I03TxHbJ+8vdTYhHl4+WJFILBe5PGeleXnGNnQhGnS+KXV9EetkeAp15yqVvhj0W7OD8B/seXmqXEF94lVBb4CTRRbl3YxhlOAeec8fSvojxf+zNoeu6Na6bZQrbS6euIcLgEYwN2wqeOo/kc16b4e8W/GjQtRisfEOlaHqVgdqvJprtFIgx94BmbcfbA+tfQKyfbbKC/EXkl1JdD1UgZIzXyOIxFeU1OVW7XbZH2mGw2GUHCNKye91qz8yvEv7JM7WNvMwBS0Dm4lLHc67SVAGCWO4ADOMAnrXxv4y+Gl54MWO6XesBn2TAjIVTkAkZHGcfSv1v8AiH4m+KV9ObPwzJpuiaah2yXF6qyyOc9QGyoXHtnPevnPXfhJ4w8SRXWfGel6lPcK6m0MMaDBHJUopw3oTxmurBZjWpSi3WTj1Tv/AJHDj8toVozUaLT6NW/zPy+v7KOK5KQ8q3I9OvOK0rW3jEqzXEyCFCCEQ5Yn/PU103xQ8JzeDNch06RHhLJ8yyfeDA85wSCPQivO5G3Dev314/CvuKNaNaCqQejPz+vQlRqOnPdHcx6qq3wufJbyy7CJRzgtnhfck/SvU/DNxp2oajYW2q3Vwbj7THCq7gCF2lSitwByRnLAHkcV45eRWcmjW0qExyptYgZKyZwMZ9R1H5V654E1CBNYs9K1WGJdO1VVtbmPJkVPMO1ZgGy0bq2GJHbpWdZJxNaUmnqfqZ8ENZ17V/Ar2tutlLBpg+xMsEbJcrJEo8l3y5BRkGBtGPlr68+F1zef2RG+p4ErDO0nkZr8yfCeq3vwr0DzrxdU0rUbK6iglWS1cWN2pnKxRvcqCjeYu9UPUHoOtfpL4Wae8it7iWB7M3caskZbLIxXOxxgbWHcc1y0GlLUVdNarY998O6hZR6kVJXcQK9J1OeFrcEEcjNfN2jeFNXu9Y8+K5ZFxz9favRtV03XbC2yLozbR90jFd8JPl2MG9T/0/0LtNNWwh/fqvua6XSoorGwa8kKkHLBCcZFed3Wq6prw8mAeVGeDtH9a6fw/p1zJD5V3LnZ8oyewrgk7z0OiL0Pj34meJm0/wAVa1o99dCWbULYtZWnmGJAturTKDjHLpuADHnaSvSvyG+LemWtzb3t8bc29zPdNcRvseOKZJixY7JDhWBwAF4wM85Jr9zfH/wD8B614ztfHWtRE3dtt3ESMqP5Cv5fnKpAdEDNnPQZxxxX4rftR6jpHiTx5J/wht3JNpaSfZIhIrogKudzRhudm4nDNztGTXmYfDuFa99z1J11Oi48uyPnPSrTT4ra3YtItxI75P8ACwCHAAwD1Gc59iOa5zVopjqOH4LEAFuBnjua7bxVZNoVxHp9pew3z2DG2ae3O+GR4mwzxt3UnODxkc9CK47WLv7ZiaTaspP3UG0AdOnTrXsxbep5k0krGj4Nt/P8aaRFKOHu0GMDHX8q/Wu98GeNfESaRa6dqA0rQbZN06wny5ZTtx8rlXReefmRs+3Wvyj+HsAl8beH/LdTK95ENmTnJOMnsP51/Rj8PtBs20O386NXXy16+hFfJcQJvGUrdE99Vv2PsuGUvqlXm79NHt3Pz9+HPw5+KWmeKftup6098kNwv+rEpiNsAQ6Odg3OeNuCFUjpzx98adNqd54enjZCskY+Xd97kHA/Suu1G40nTX+yW6orMMYUDJ/xo0W3kurC7kKlUchACMEdQTXkVf3lXdX1vZWPoaMFTpW1tpa7bf4nwz8RPCviDxrb/ZopLmBbVpWY25YSFnTETqykEeWecY+bp615f4a+CHi23sre8k8Q3L6ta3huTc7bgFoyADCY5maMDqSwyxPGcV9sC5Tw5qU41RCsQPlmRgApOeOenI5Fei6fa6Pf27T2aIGZeWGOa4sPiKkaToKS+5HTicLTlVVdxbfq7fdc/E/9rXSLiz1LSL29O6ZjJC8g/i2jIP19a+QQWjYNjgg/Lmv0V/b3tI7ZtFCBQRcycA5GNpx/Svzul3SToQv+sVcKenNfc8PN/UYJ9Lr8WfnXEkUsfO3W35HbaS9rPo8sNw2FOSpZgAhzlRt69e4p1hcxRXSTwyMNx4DA/Lt6+uRXORYitpreRmEn3QM/KwBz0retbQXVlBPAXEtuWzwCu3r6j/8AVmvWaR5EW3Y+8PCnijWPH3wiuNJtlN1baJqVm95cSSsXt48s4LR7TiMYYB84DkE4FfqF8L/EV34i0q11/V7GSzmDOiRs25GRflSZcAZVhyrEZwa/Mn9hjxTeaX44n0drC1kstUj8i8uXbbMmFbywqkgMmR8/Bxkc84r9jPDtjpMFkbWyiihijyqRxKERR6Ko4A+lclOPvtGldvY67wp4isF1Aws65xXa6zeRzshjYbSOea8Ts/C8bag90jlcHscZ5roru21WxgM4cuiDgHriuqMnynM276n/1P05fw3eabpRv5IREoXds4BA+naquneIPD1vpJLMryuCztnkHsPbFc9498W+Pp/DUktroz28Ey4LyMA6of4tg/rWt8MtG0VPAtut8iST3iu8zOAWJLEdfYdK4HK87R7HXGOiPmz4rWfi74jeFb3Q/DOsNod1JIDFdEZRoslXhkGDlJFOGxX5hfFr9mHWfhZLp+p39/Nq+iwqZL0wRkSvIsW9hAzmRUVmzgMM4HTPNfq5r2v6To8lzHd4jihkbaCcZCnivkj9pHSvFXxKOkaL4V1JbffbzSCBLhViYeW0nmGWMOSxUbBGQevOOTXn1ZWXM5WOug/e5Ern443iWl9qBS0LRWylm8uRs4QcYyByegzgc1zWpoUcKRtAyPY46EGvWvih4Zg8DRado6zTnUpYxd6isiBGjknUMkWfvcJjOcZJJxzXlF2oa1hk37mOeCecegGM/nXp0ZqSUlsclZWbT3GaJqsuh61Ya1B9+xuYbhffynDY/HGK/oi8LfEO2h8F2uqWzb4ZbZJoSOjI67lOfoa/nKIPfvX6i/sifFex8U+CT8M9cmUanoan7KHPM9iTxjPUxE7SP7u014PE+GnOlHEU943T9H/k/wAz6ThXFwhWlQqbS1Xqv+B+R90+EtV1DWbh/Ed/CSWIaFDzsQ/Mu4ZwCeCRWZrfxU8SaTdTxXzh1ckxpBHtRAPu8gnJ9c/pXI2fgrS08Q6f4iup7qW2tmMN1YrdTR2lzE3AMkaMBvXPyuMEcZyOK9dTT/gBFEP7Q8Paktx50eUieWcYX5nIYS/dOec4PHFfLYbB89FONS3e/wDwx91LENT5nSlL/Ck/1v8AgePx+ONS1mznh1q9hlhmO9UuvKiZRznLZ5HpnmuO8NfEDW9K12PStNuU1HS597RyRkSeXtO3yy4OGXnIZfTGa9O8eWXw18Q+Hr/wx4X8Mw2lpqaSW8tzdYku5I3LZWL5mMe5W25zkD0xmuE1K18P+CtOW7kENhp+lWhBOAkcUMa849gBXJjMMqdnGXNI3VSSV5x5F2dr/NbL77+h8N/tseIbrWtb8PWUyhJZUmuCnopYRr/I18XSRus0eBsKIjADqSRkfp1ruvit8Qbv4neP7zxNGpjtgRb2ERH+rtos7Mj1bJZvc1wSSKQ2QAy4IY+nXGK/SMsw0sPhadKe+79W7n5Lm+KjiMXUqx26eiVi0sr3Mwyg3RbmZgOcgd+36V7j8MtI8NeKZ7vTvFkxt5JLQm2mgBEjTj/VJhSAQxOCANxPTpXielRpLI8pJyPvLycqRyT7Z4/GvX/DOnWuq3linhmSaXVrYxMlvHG6tJeNKuI0HXbGoJaRsDnr0z0V37rRx0d7n1z+zf8ADr4geGfG0euTQPbQC8NtLDcRiSWKzKmXewJz8+1cMPuk5OeRX6l+G/EkSM9sPm2knNec/DjTrz4hxaLrDWqWEraFHFdGSZGmSaCU/u1jU/KpLEhm6kAZ5ruLb4e+L9DmuLyW0+02Zdm8xOGC+6+1cNKc2+YVVxb16HpWheJIbu/+zq2cHkV6vfywSWYUY5FfCl/4huvDWsm5hyV3ZI/GvY9F+KUOqw+VIcFFGc11wrx+FmfLJavY/9X9afiJq+nWPh27jbaSYWVQfUivheL4xWnhOx+y3c+1hkAZ6Z9KpfFD4u/6PJH55nkYcKDxXxlewah4pvmubtyATwOwrza9RJprc6YSctFsek+M/G8Xi+7kWFyImY8g9a1vBlwbeS3S5mkn+zktalySIHYBHZQeAWXgk9v15rQfB8KbQx4r2jRPD1lCF6ZGK4pU/aO7LVT2atFn5v8Ax7+FOo3/AMYdcnt7Wa7sI7Q6zdT3JEcRSIKLkxS5wyCVgvHzgHgHivlDxjZWMOraja6YIDaxTtJCIHZkjjb59gZxuO37ue+K/bL4veAl1/QpLTRdFW+OpSxrdSSSF3jKMWWSSJE3Tx7ifMQYbBBByAR8RXX7DfxBn1u3ksrm3bSpLgGRLjKzeU0mSPlU4bbjIdsjpu9OmhNr4h1KkWtD885EYwxRtxgEjPX5uRWj4X1jVvDfiTTda0Sd7W+tbhHikQ4I5wVI7qwyCDwQcGvs34v/ALLXi7wZoM/ia+RYYBqMFlBa2yCbebhtvmKV5VBtA+fozKuTya+ufhj+x/8AB/4W+FYPFfxTuFvPF8+mvPDp19PGojuHRiqxWo+ZnXIBJLAEGt5VlyO66MyjpOPI9bqx638O9ZtvFujRNc7Y7low0sR4BBHJUHt/k1T1z4aTPcmWHWJLeNjkRg5x9MnNcb4fsTpsaLbyFTGF27TgjHpV3XLnxC4LQ3bOuM5PUe1fltaskmtmfs2FnOm7xbOs0DwlYaMjXlxePcSjd88zD5dvoOgHevi/9qvxbc674YvdH0xythEu5mU489kcEn/cHb1PNezXF3rV2sltcXDurnDKMgHHX/JrzLx54Vs9X0uW2uukg25B6A8VWAxcYV4SlrZpmOZ0Z1qNTXVpo/L+3cI+WU9OoOKt+V5is8YOwYGeTyegzivpPwh8H/DSeNrnw74lvmt5jFv06S5hH2BpHbEf2qRXDBc8HC45yTivorw7+xh408SeOdOt9W8mHwfFIWu59P8ALgDbf3hECb5TIjMTGkjMTjkYGBX6jHERqRVSOz2fc/H61P2U3TqaNbo+H/Cuh65qMsj6Fbbj5MkU2SMtlGZgEOM/KMjg4xmvo74I/Bjxlr/hu/8AiV4Pkn0z+xbm3S4luIWZXilbEk9tMuQPLIIlVlZVX5icZx7N8KfBQ8e/tNatJp+kweFk8Nx3cjW8lu4WdI5fssDNEWAbd95mBXPUA9a/S/4f+F9K+Hdjf2dhHCBqs5ubtIIhFbvIVCHbDkqoKjBHfvWVSTlpbQlzUUrPU7v4P+F9Y0Twdp6axa2lrcKmAtoWZTAp/dBmcZY4ycjjnj1r6Ut9RtZbD7JgAsuCK8f0iS91S3WC0YQxooVVHACgYAUdgOwrTTw9q0b+Z9qYH0zU0/cXuoi99T51+J/wZ1+61KW+8NzNOJXZzbso+XJz8pHb61x2neF9W0lTHqtlJaS9ywIViPQ19y+H4Xs5M30hkPqx6VV+JSWF9oE8FtEstwyZjC4zuHSh0k1zItVJKPK3of/W4WGzm1NhJcyFifU12eleHUyuys3S7cnHBr0bSYnBXC14drnZJ2WhraZ4f2gZrvNP0kIAB2qtp8cgUZWvX/BfgrU/Ege5V47WzhO155emeuFUcsf85reFNyfLFHLOaW5zlrYEDg12+ieEfEGtOF02zkdSeZGG2MfV2wK9csNM8FeFIBO8QvJY8brm4AZQfZPuqPzrRHxR0l38hZ44lXgFvkXA9Pwr06WWVGrtHDPGUouzkcNrHhTwr4M8NX2v+N1j1YWUJufsoUNBlOmd3Lc+wH1r8ktMuJvGHxa8X+M9emNxe6jcRrZmQ5EFkY12QxDoqBlccd6/Qv8AaR8Yyx+Cb660i50+8S7hNuY42drhVYjcRn5eOOMV+YtpcXFrcw6lpZzeW4IMLjaZIyQWRh+AII6EA+orqx+QTxGW1IYfSe687dPn+Zllmf08LmdOddXgtH5X6/L8rn0lDEsEW2UfIpBXHHI6VV1G4gcPGZChIPBHIwKz7Xxt4av4oluLpIJ3Cjy5MoQxGeM8cdDg4Bpt1bwXypMkiyRsMqyMDkE+1fhePo1adR06kWn2aP33A1qVWmqlOSa7pmOIowpMS7tx+83b8KxtVsoEt5JrogRLlnJ4AAGa6TV9U8O6CIop7je5PMcYLt07hen44rx7xd4nXVJBHGGtrFMbYmOWduu9wucew5A9fT18g4Yx+YVVyQah1k1ovTu/JfhueFxDxXgcupNTmpT6RT1fr2XmzyPxNMJ7t7oJh7hlSJT1WIEgZ9zkn8favdv2ffjTqvwwfWbbVY21fQIrqMvaMxDRK/ytJC3Yg4JHQivDmgl1DUxMykKhG0ew79a6nwxZFTq8GwSJPC52n+LackE/T0r99wmUUaOHjhoL3Yq39efU/nrHZzWr154mcvek7/8AA/Q/QNfH/wAF/DXimHUNPgTSYPGCi9XU0JlgmuHwskdw+A0cgI6MCuDkGvb7nTl2q275XUOjD7rKRkMp7g9iK/LbTLH7VoM+gXh8y0fDwZ6wuOm3PftX1t+z/wDFy8i0VPhr4uZZ5tNJ/s+Wck+ZDknySTyMfwkHjpXJjOG0481DR9jTB8QtS5MQrrufUOjatcaNIFSTKk969KTWPtVv5r3Ww46DFeURW9p4kSSfQsJLHnfbOfmyDzsJJz9K5i4ku4i0LSum0kFTkEEdjXymJw1XDzcKisfU4bFU60Oem7o9M1bxBHakt9sbj3rmbL4i6TaXbfbp9/HAZ64l9BfUx80rt9Oa569+HNhM2Z2m/WuKTad0dJ//187TYpMjBr0PTFlUDFZ9lDaKBgV1tqsGBt614kYnROXQ7Hw1p9xql/DZmTy1c5kc9EReWb8BXdeMvixFpEC6R4dUR2NvCyK2cEleCSPUnqa4eyujp+g6rfxnDLEsQPoHOW/QV4Ncap9qtry3lf5iLjac90VZFH4gGvt+HMDB03Xmr3Pjc/x1RT9hTdjt4Pibrd5dOsVyzgjlSxII7jGe9RX+vXN9cB3k8tgPurwufXj2rwjwXqMlzO8q4LBsEentXrYiOFYKAfavrHSitUj5ZVG9zE8X3L3kMVtK7Og7Z4x9K8tl0SEEugwSeK9N135ihYZOD26VzLqGUENnOefpSS0NE7nK3fh+HUolgnRJDkAMQC/oRnr6Vw2vaNrelTTzz6gWt72SC0srZSf3ZyC7AEcHYrcivZ7GNPtiBuhPHfJzXK/E2EnUfDTpkILqfd9fJO3+uK4q+CoTalOCbv8A8A7KWNr0ouMJtKxjDScxq79cDBBP9c1nXWhJKcu2fXj8K6+MnIwu7jGeuMU+SINwO3YV1W6HFdvU4e08PW0cudpIxnNbMFpFZTM8a4J57elavlBA29SfQ8VWniBjLKCPx6UEPzHNpv7v7TYMSMAsnUjvxUSu6yR3qny7iE7lYcEEVWF3LZSbuSQB064BplzqEE5MqnacYI6VtGSMZQ7H0b4A+I9zZ7JJpWWUSH5snHQcD+de+/8ACbeHvEMSxapGIZ26XUOBID6kdGH1r84xq5tFljQkHBkB64K49PUVt6Z4/u4tqSSMdpHP0HX+VcOLw1GuuWornbhK9ak+anKx+jmjO+jzpMZVu7KQgLPH0Gezr1U/ofWvXo9MsNRgFxGAcjtX58eCvilNZzKrSbo3O1kblWHoe1fWXhjxxa29vHdxvm0kwME52MRnafb0NfEZrkzw37ynrH8j7LK82Vf93UVpfmf/0PQbTS4yOR+ZrorawjXGP51x8GoS4Azx9K3rW/c8Bv0rx00as3PEzC28HXdpEcSXSzYx1zHGCP1NfJcWsm8tkuY2OX+YrxnJQxsPXv2r6D8carLZ6dpMhPyyz3EWTxklAVz+K4r4vn1ZdA8Q3WnSFhBKxurUHPMZb94nHUqeor9LyNKOCh5/5s/O87beMnb+tEexfCaCE+C11fAZ7i7mVjjJ+RsBa9WWTdGA3yrzxjvXzp8ONek0PQdSsZWL20WrEW6j/aUyEj8CteswaxdahH5gVkGM8ivYjO8UmeR7Np6GlrBV281Tnadtc66gDCnoRW7h5ItkhyQAx4HWsiXH3CBgZ9fz9qnyLRn7XE6snU88DJ/AetcJ4ofXUh0ka1LG0k+otJaRohDxxJHIH3Z6nBXJx34zXq9hbrJcHOPlGQMevH9a818WSjUfiRBaf8s9IsAOenm3J3t+O1VrGrC8otN6fj6m0aloSi0tfw9DSgSQoM85A9c0oABOSR7danKgAHdwDjgY9BTWCopcgDuM8dK1Mio7rsx8x64qhLKNjE9yCen4VYMhkYrhhz15we9UZVyCucEn2PH9KlkmNdzoFO5eexPUj/8AVXKXlx1MRGe3OK6W7kRWI547dMnvjiuP1FfMLDA74HANZTdkVCN2YT6rP9o8pmyNrDkdcj8KiW7MROGPJ6isqcPBdKX4XnPqOD9aha5Vmyh24BAB/WvPnNt6npQgktDvdN16a2dVD4H97+or6r+FvjqJm/s29cPb3ACMHPHsR/SvhVZ2RgSc4OcV2uh6hcMcW8vluOR2yaOdTTpzV0w5XBqcWf/Z",Va={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral"},Ga={xxs:{size:16,iconSize:9},xs:{size:20,iconSize:12},small:{size:24,iconSize:14},medium:{size:32,iconSize:18},large:{size:40,iconSize:22},xl:{size:56,iconSize:28},xxl:{size:72,iconSize:40},"x-large":{size:80,iconSize:40},"xx-large":{size:160,iconSize:80}},Ua={"xx-small":"small","x-small":"medium"};let qa=!1;const Xa="var(--Button-Border-Width, 1px)";function Ya({src:r,defaultPhoto:o=!0,alt:n,initials:i,icon:s,color:l="default",size:d="medium",customSize:c,clickable:u=!1,onClick:h,insideButton:x=!1,className:p="",sx:m={},...g}){const f=ut(),[b,v]=e.useState(!1),y="custom"===d&&c?{size:c}:Ga[function(e){const t=Ua[e];return t?("production"===process.env.NODE_ENV||qa||(qa=!0,console.warn(`[Avatar] size="${e}" is the old ladder's name for ${Ga[t].size}px. Use size="${t}". The ladder was realigned to Figma on 2026-09-28; note that small, medium and large also changed value.`)),t):e}(d)]||Ga.medium,j=Va[l]||Va.default,S=r||(!o||i||s?void 0:Qa),B=S&&!b,k=!B&&i,w=!B&&!k,C=u||!!h,T=B?"transparent":"var(--Buttons-"+j+"-Button)",A="var(--Buttons-"+j+"-Border)",z="var(--Buttons-"+j+"-Text)",I=C?"button":"div";return a.jsxs(t.Box,{component:I,type:C?"button":void 0,role:C?"button":"img","aria-label":n||i||"Avatar",tabIndex:C?0:void 0,onClick:C?h:void 0,...f?{"data-ghost-block":"true"}:{},className:"avatar avatar-"+d+" avatar-"+l+(C?" avatar-clickable":"")+(B?" avatar-image":k?" avatar-initials":" avatar-fallback")+(p?" "+p:""),sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:y.size+"px",height:y.size+"px",borderRadius:"50%",backgroundColor:T,color:z,...f?ht({radius:"50%",animate:f.animate}):{},fontFamily:"inherit",fontWeight:600,overflow:"hidden",flexShrink:0,border:B?Xa+" solid var(--Border)":k?Xa+" solid "+A:"none",...x&&{marginLeft:"2px",marginRight:"2px"},...C&&{cursor:"pointer",outline:"none",padding:0,transition:"background-color 0.15s ease, border-color 0.15s ease","&:hover":{backgroundColor:B?"rgba(0,0,0,0.08)":"var(--Buttons-Default-Hover)"},"&:active":{backgroundColor:B?"rgba(0,0,0,0.15)":"var(--Buttons-Default-Pressed)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px"}},...m},...g,children:[B&&a.jsx(t.Box,{component:"img",src:S,alt:n||"Avatar",onError:()=>v(!0),sx:{width:"100%",height:"100%",objectFit:"cover",borderRadius:"50%"}}),k&&(()=>{const e=function(e){switch(e){case"xx-small":case"x-small":case"small":return ha;case"medium":case"large":default:return xa;case"x-large":case"xx-large":return pa}}(d);return a.jsx(e,{sx:{color:"inherit",fontSize:(t=y.size,Math.round(7*t/12)+"px"),lineHeight:1,textAlign:"center",...Pt},"aria-hidden":"true",children:i.slice(0,2).toUpperCase()});var t})(),w&&a.jsx(Oa,{size:d,sx:{color:"inherit"},children:s||a.jsx(Na,{})})]})}function Za({children:r,max:o=5,size:n="medium",spacing:i=-8,className:s="",sx:l={},...d}){const c=e.Children.toArray(r),u=c.slice(0,o),h=c.length-o;return a.jsxs(t.Box,{role:"group","aria-label":"Avatar group, "+c.length+" avatars",className:"avatar-group "+s,sx:{display:"inline-flex",alignItems:"center","& > *:not(:first-of-type)":{marginLeft:i+"px"},...l},...d,children:[u,h>0&&a.jsx(Ya,{initials:"+"+h,size:n,color:"neutral",sx:{border:"2px solid var(--Background)",zIndex:0}})]})}const Ja=["primary","secondary","tertiary","neutral","info","success","warning","error"],$a=e=>e.charAt(0).toUpperCase()+e.slice(1);function Ka(){const e={};return Ja.forEach(t=>{e[t]=function(e){const t=$a(e);return{bg:"var(--Icons-"+t+")",text:"var(--Icons-On-"+t+")",border:"none"}}(t),e[t+"-outline"]=function(e){return{bg:"var(--Background)",text:"var(--Text)",border:"1px solid var(--Buttons-"+$a(e)+"-Border)"}}(t)}),e}const _a=/-light$/,er=new Set;const tr={size:"var(--Sizing-2)",padX:"var(--Sizing-Half)",dot:"var(--Sizing-1)"},ar=new Set;function rr({variant:e="primary",size:r,type:o="standard",badgeContent:n,max:i=99,showZero:s=!1,invisible:l=!1,dot:d=!1,overlap:c="rectangular",anchorOrigin:u={vertical:"top",horizontal:"right"},children:h,className:x="",sx:p={},...m}){const g=Ka(),f=function(e){const t=String(e||"primary");if(!_a.test(t))return t;const a=t.replace(_a,"");return"production"===process.env.NODE_ENV||er.has(t)||(er.add(t),console.warn('[Badge] variant="'+t+'" — the -light shape was removed. Rendering variant="'+a+'" (solid).')),a}(e),b=g[f]||g.primary;!function(e){void 0!==e&&("production"===process.env.NODE_ENV||ar.has(e)||(ar.add(e),console.warn('[Badge] size="'+e+'" — Badge has one size and the prop was removed. Rendering the 16px counter. For the 8px status dot use \ntype="status".')))}(r);const v="status"===o||d;let y=n;v?y="":"number"==typeof n&&n>i&&(y=i+"+");const j=l||!v&&!s&&(0===n||null==n),S={"& .MuiBadge-badge":{minWidth:v?tr.dot:tr.size,height:v?tr.dot:tr.size,padding:v?0:"0 "+tr.padX,fontFamily:"var(--Badge-Font-Family, var(--Button-Small-Font-Family))",fontWeight:"var(--Badge-Font-Weight, var(--Button-Small-Font-Weight))",lineHeight:"var(--Badge-Line-Height, 12px)",letterSpacing:"var(--Badge-Letter-Spacing, var(--Button-Small-Letter-Spacing))",fontSize:"var(--Badge-Font-Size, 11px)",borderRadius:v?tr.dot:tr.size,backgroundColor:b.bg,color:b.text,border:b.border,boxSizing:"border-box",boxShadow:"0 0 0 1px var(--Background)",transition:"transform 0.2s ease, opacity 0.2s ease"},...p};return a.jsx(t.Badge,{badgeContent:v?"":y,max:i,showZero:s,invisible:j,overlap:c,anchorOrigin:u,variant:v?"dot":"standard",className:"badge-"+f+" "+x,sx:S,...m,children:h})}const or={1:[[.3,.5,.7,0,.41],[1.3,2.5,3.4,-1.2,.205]],2:[[.3,.5,.7,0,.41],[.6,1.2,1.6,-1.2,.273],[3,6,8.1,-2.5,.137]],3:[[.3,.5,.7,0,.41],[.3,.7,.9,-.6,.328],[1,2,2.7,-1.2,.246],[2.8,5.6,7.5,-1.9,.164],[6.3,12.5,16.9,-2.5,.082]],4:[[.3,.5,.7,0,.41],[.4,.7,1,-.5,.342],[1.2,2.4,3.2,-1,.273],[3.4,6.9,9.3,-1.5,.205],[7.8,15.6,21.1,-2,.137],[15,30,40.5,-2.5,.068]],5:[[.3,.5,.7,0,.41],[.4,.7,1,-.4,.359],[1.1,2.2,3,-.7,.308],[3.1,6.3,8.5,-1.1,.256],[7.1,14.2,19.2,-1.4,.205],[13.6,27.3,36.8,-1.8,.154],[23.4,46.8,63.2,-2.1,.103],[37,74,99.9,-2.5,.051]]};function nr(e){return or[e].map(function(e){return e[0]+"px "+e[1]+"px "+e[2]+"px "+e[3]+"px rgba(var(--Dropshadow-Color, 20, 20, 20), "+e[4]+")"}).join(", ")}const ir=(e,t)=>0===e?"none":"var(--Effect-Level-"+e+", "+t+")",sr=ir(1,nr(1)),lr=ir(2,nr(2)),dr=ir(3,nr(3)),cr=ir(4,nr(4)),ur=ir(5,nr(5)),hr={0:"none",1:sr,2:lr,3:dr,4:cr,5:ur},xr={"black-white":"BlackWhite"},pr=e=>{return xr[e]||(t=e).charAt(0).toUpperCase()+t.slice(1);var t},mr={small:"Sm-",medium:"",large:"Lg-"};function gr(e,t){const a=pr(e),r=(e,t)=>`color-mix(in srgb, rgb(var(${e}, ${t})) calc(var(--Button-Bevel-Opacity, 0.5) * 100%), transparent)`,o="var(--_bevel)",n="calc(-1 * var(--_bevel))",i=mr[t],s=void 0===i?(e,t)=>t:(e,t)=>`var(--${i}Button-${e}, ${t})`;return[`inset ${s("Lowlight-Offset-x",n)} ${s("Lowlight-Offset-y",n)} ${s("Lowlight-Blur-Radius",o)} ${s("Lowlight-Spread",n)} `+r(`--Buttons-${a}-Lowlight`,"0 0 0"),`inset ${s("Highlight-Offset-x",o)} ${s("Highlight-Offset-y",o)} ${s("Highlight-Blur-Radius",o)} ${s("Highlight-Spread",n)} `+r(`--Buttons-${a}-Highlight`,"255 255 255")].join(", ")}const fr={small:"var(--Sm-Button-Text-Padding)",medium:"var(--Button-Text-Padding)",large:"var(--Lg-Button-Text-Padding)"},br=e=>"small"===e?"var(--Sm-Button-Avatar-Text, 9px)":"large"===e?"var(--Lg-Button-Avatar-Text, 23px)":"var(--Button-Avatar-Text, 12px)",vr={small:{avatar:16,icon:16},medium:{avatar:20,icon:20},large:{avatar:40,icon:32}};function yr(t,a){if(!e.isValidElement(t))return t;const r=vr[a]||vr.medium;return t.type===Ya?e.cloneElement(t,{size:"custom",customSize:r.avatar,insideButton:!0}):t.type===Oa?e.cloneElement(t,{size:"custom",fontSize:r.icon}):t}const jr=["default","primary","secondary","tertiary","neutral","info","success","warning","error"],Sr=pr;function Br(e,t=!1,a=!1,r="medium"){const o=Sr(e),n=gr(e,r),i=t?sr:"none";return{backgroundColor:`var(--Buttons-${o}-Button)`,color:`var(--Buttons-${o}-Text)`,border:`var(--Button-Border-Width) solid var(--Buttons-${o}-Border)`,boxShadow:"none"===i?n:`${n}, ${i}`,position:"relative",zIndex:1,"& .MuiTouchRipple-rippleVisible":{color:`var(--Buttons-${o}-Hover)`,zIndex:-1},"&:hover":{backgroundColor:`var(--Buttons-${o}-Hover)`,boxShadow:`${n}, ${t?lr:sr}`,...!a&&{transform:"translateY(-1px)"}},"&:active":{backgroundColor:`var(--Buttons-${o}-Pressed)`,boxShadow:n,...!a&&{transform:"translateY(0)"}},"&.Mui-focusVisible":{backgroundColor:`var(--Buttons-${o}-Button)`,outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"& .MuiTouchRipple-root":{zIndex:-1},"& .MuiTypography-root":{zIndex:1},"& .MuiButton-icon":{zIndex:1}}}function kr(e,t=!1){return{backgroundColor:"transparent",color:"var(--Text)",border:`var(--Button-Border-Width) solid var(--Buttons-${Sr(e)}-Border)`,boxShadow:"none","& .MuiTouchRipple-rippleVisible":{color:"var(--Hover)"},"&:hover":{backgroundColor:"var(--Hover)",boxShadow:"none",...!t&&{transform:"translateY(-1px)"}},"&:active":{backgroundColor:"var(--Pressed)",...!t&&{transform:"translateY(0)"}},"&.Mui-focusVisible":{backgroundColor:"transparent",outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}}}function wr(e,t=!1){return{backgroundColor:"transparent",color:e?"var(--Hotlink)":"var(--Quiet)",border:"var(--Button-Border-Width) solid transparent",boxShadow:"none",textDecoration:"none",...e&&{"& .btn-text-content":{textDecoration:"underline"}},"& .MuiTouchRipple-rippleVisible":{color:"var(--Hover)"},"&:hover":{backgroundColor:"var(--Hover)",boxShadow:"none",...!t&&{transform:"translateY(-1px)"},...e?{"& .btn-text-content":{textDecoration:"none"}}:{color:"var(--Text)"}},"&:active":{backgroundColor:"var(--Pressed)",...!t&&{transform:"translateY(0)"},...e?{"& .btn-text-content":{textDecoration:"none"}}:{color:"var(--Text)"}},"&.Mui-focusVisible":{backgroundColor:"transparent",outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px",...e&&{"& .btn-text-content":{textDecoration:"none"}}}}}const Cr=/-light$/,Tr=new Set;const Ar=["text","iconOnly","letterNumber","avatar"],zr=new Set;function Ir(e,t){"production"===process.env.NODE_ENV||zr.has(e)||(zr.add(e),console.warn("[Button] "+t))}let Rr=!1;const Wr=new Set;const Fr={small:"var(--Small-Button-Height)",medium:"var(--Button-Height)",large:"var(--Large-Button-Height)"},Dr={small:{minHeight:"var(--Small-Button-Height)",minWidth:"var(--Button-Min-Width)",fontSize:"var(--Sm-Button-Text)","--_height":"var(--Small-Button-Height)"},large:{minHeight:"var(--Large-Button-Height)",minWidth:"var(--Lg-Button-Min-Width, var(--Button-Min-Width))",fontSize:"var(--Lg-Button-Text)","--_height":"var(--Large-Button-Height)"},medium:{minHeight:"var(--Button-Height)",minWidth:"var(--Button-Min-Width)",fontSize:"var(--Button-Text)","--_height":"var(--Button-Height)"}};function Lr({variant:r="default",size:o="medium",elevated:n=!1,selected:i=!1,fullWidth:s=!1,disabled:l=!1,contentType:d,iconOnly:c=!1,letterNumber:u=!1,avatar:h=!1,swatch:x=!1,swatchColor:p,startIcon:m,endIcon:g,startDecorator:f,endDecorator:b,badge:v=!1,badgeContent:y,badgeVariant:j="error",badgeSize:S,badgeDot:B=!1,badgeMax:k=99,badgeAnchorOrigin:w={vertical:"top",horizontal:"right"},children:C,className:T="",sx:A={},...z}){x&&("production"===process.env.NODE_ENV||Rr||(Rr=!0,console.warn("[Button] `swatch` is retired — use the Swatch component. A swatch uses neither of Button's axes: its colour is data from a picker rather than a palette, and it has no solid / outline / ghost shape. Swatch also fixes the corner: this read --Button-Icon-Radius, which is why swatches stayed square when a brand set a large radius.")));const I=function(e,t){if(void 0!==e){const t=String(e);return Ar.includes(t)?{iconOnly:"iconOnly"===t,letterNumber:"letterNumber"===t,avatar:"avatar"===t}:(Ir("bad:"+t,'contentType="'+t+'" is not a type. Use one of '+Ar.join(" | ")+". Rendering text."),{iconOnly:!1,letterNumber:!1,avatar:!1})}const a=Ar.filter(e=>"text"!==e&&t[e]);return a.length>1?(Ir("multi:"+a.join(","),a.join(" and ")+" are both set. Type is ONE axis in the design — text | iconOnly | letterNumber | avatar — so there is no drawing for the combination. Using "+a[0]+'. Prefer contentType="'+a[0]+'".'),{iconOnly:"iconOnly"===a[0],letterNumber:"letterNumber"===a[0],avatar:"avatar"===a[0]}):t}(d,{iconOnly:c,letterNumber:u,avatar:h});c=I.iconOnly,u=I.letterNumber,h=I.avatar;const R=c||h||x,W=R||u;if("production"!==process.env.NODE_ENV){const t=z["aria-label"]||z["aria-labelledby"]||z.title;W&&!t&&console.error('[OmniDesign] A <Button> with no visible text has no accessible name. A screen reader announces it as just "button" — or, for letterNumber, reads the characters ("123") as if they were the label. Add aria-label="…" describing the ACTION ("Your account"), not the content ("JD") or the icon ("trash").'),t&&e.Children.forEach(C,e=>{const a=e?.props?.["aria-label"]||e?.props?.titleAccess;a&&console.error('[OmniDesign] <Button> is labelled "'+t+'" but also contains an icon labelled "'+a+"\". A screen reader reads both. Remove the icon's label — the button owns the name.")})}const F=!R,D=s&&!R&&!u,L=function(e){const t=String(e||"default");if(!Cr.test(t))return t;const a=t.replace(Cr,"");return"production"===process.env.NODE_ENV||Tr.has(t)||(Tr.add(t),console.warn('[Button] variant="'+t+'" — the -light shape was removed. Rendering variant="'+a+'" (solid). Use a Buttons mode for colour and solid / -outline / ghost / text for shape.')),a}(r),P=function(e,t=!1,a=!1,r="medium"){const o={};return jr.forEach(e=>{o[e]=Br(e,t,a,r),o[`${e}-outline`]=kr(e,a)}),o["black-white"]=Br("black-white",t,a,r),o["black-white-outline"]=kr("black-white",a),o.danger=Br("error",t,a,r),o.outline=kr("default",a),o.ghost=wr(e,a),o.text=wr(e,a),o}(F,n,i,o),H=P[L]||function(e,t){return"production"===process.env.NODE_ENV||Wr.has(e)||(Wr.add(e),console.warn('[Button] variant="'+e+'" is not a variant. Rendering the default. Shape is solid / {color}-outline / ghost / text — ghost and text take NO colour prefix, because a ghost takes its colour from the text role (--Hotlink for text, --Quiet for icon-only), not a palette.')),t.default}(L,P),N=function({size:e,iconOnly:t,letterNumber:a,avatar:r,swatch:o}){const n=Dr[e]||Dr.medium,i=Fr[e]||Fr.medium;if(t)return{height:i,width:i,minWidth:"unset",minHeight:"unset",fontSize:r?br(e):"small"===e?"0.875rem":n.fontSize,padding:"0","--_height":i,...!r&&!o&&{"& .MuiSvgIcon-root, & > *":{fontSize:"small"===e?"var(--Sm-Button-Icon-Only, var(--Button-Icon-Only))":"large"===e?"var(--Lg-Button-Icon-Only, var(--Button-Icon-Only))":"var(--Button-Icon-Only)"}}};return a?{...n,minHeight:i,minWidth:i,padding:"0"}:{...n,padding:"large"===e?"0 var(--Lg-Button-Padding)":"0 var(--Button-Padding)"}}({size:o,iconOnly:R,letterNumber:u,avatar:h,swatch:x}),E="small"===o?ga:fa,M=void 0!==f?yr(f,o):void 0,O=void 0!==b?yr(b,o):void 0,Q=a.jsxs(a.Fragment,{children:[a.jsx(t.GlobalStyles,{styles:{'[class*="btn-"] .MuiButton-startIcon, [class*="btn-"] .MuiButton-icon':{marginLeft:"0px !important",marginRight:"2px !important"},'[class*="btn-"] .MuiButton-endIcon':{marginLeft:"2px !important",marginRight:"0px !important"},'[class*="btn-"] .MuiButton-iconSizeSmall .MuiSvgIcon-root, [class*="btn-"] .MuiButton-iconSizeSmall > *':{fontSize:"var(--Sm-Button-Icon) !important"},'[class*="btn-"] .MuiButton-iconSizeMedium .MuiSvgIcon-root, [class*="btn-"] .MuiButton-iconSizeMedium > *':{fontSize:"var(--Button-Icon) !important"},'[class*="btn-"] .MuiButton-iconSizeLarge .MuiSvgIcon-root, [class*="btn-"] .MuiButton-iconSizeLarge > *':{fontSize:"var(--Lg-Button-Icon) !important"}}}),a.jsx(t.Button,{size:o,...D&&{fullWidth:!0},disabled:l,startIcon:void 0!==M?M:h?(()=>{if(h&&C){const e=Fr[o]||Fr.medium,r=br(o);return a.jsx(t.Avatar,{sx:{width:e,height:e,backgroundColor:"inherit",color:"inherit",fontSize:r},children:C})}return m})():m,endIcon:void 0!==O?O:g,className:`btn-${L} ${T}`,role:"button",sx:{borderRadius:h?"small"===o?"var(--Small-Button-Height, var(--Button-Height))":"large"===o?"var(--Large-Button-Height, var(--Button-Height))":"var(--Button-Height)":c||x?"small"===o?"var(--Sm-Button-Icon-Radius, var(--Button-Icon-Radius))":"large"===o?"var(--Lg-Button-Icon-Radius, var(--Button-Icon-Radius))":"var(--Button-Icon-Radius)":"small"===o?"var(--Sm-Button-Radius, var(--Button-Radius))":"large"===o?"var(--Lg-Button-Radius, var(--Button-Radius))":"var(--Button-Radius)",textTransform:"none",fontWeight:"inherit",lineHeight:1,whiteSpace:"nowrap",flexShrink:0,transition:"background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out","--_bevel":"min(calc(var(--Button-Bevel) * var(--_height) / 100), calc(var(--_height) / 5))",..."small"===o&&{position:"relative","&::before":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"100%",height:"100%",minWidth:"var(--Target, 0px)",minHeight:"var(--Target, 0px)"}},...N,...H,"&.MuiButton-root":{padding:N.padding??"0 var(--Sizing-1)"},"& .MuiButton-startIcon":{display:"inherit",color:"inherit",marginLeft:"0px !important",marginRight:h?"0px !important":"2px !important"},...h&&{"& .MuiAvatar-root":{fontSize:br(o)}},"& .MuiButton-endIcon":{display:"inherit",color:"inherit",marginLeft:"2px !important",marginRight:"0px !important"},"& .MuiSvgIcon-root":{color:"inherit"},"&:focus-visible, &.Mui-focusVisible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none",backgroundColor:H.backgroundColor,color:H.color,border:H.border,boxShadow:"none"},...x&&{border:"var(--Button-Border-Width) solid var(--Border)",padding:"1px",width:Fr[o]||Fr.medium,height:Fr[o]||Fr.medium,minWidth:"unset",minHeight:"unset",boxShadow:"none","--_bevel":"0",backgroundColor:"transparent !important","&:hover":{backgroundColor:"transparent !important",boxShadow:"none"},"&:active":{boxShadow:"none"},"&:hover .btn-swatch-inner":{filter:"brightness(0.9)"}},...D&&{width:"100%"},...A},...z,...x?{style:{backgroundColor:"transparent"}}:{},children:h?null:x?a.jsx(t.Box,{className:"btn-swatch-inner",style:{width:"100%",height:"100%",borderRadius:"small"===o?"var(--Sm-Button-Icon-Inner-Radius, calc(var(--Button-Icon-Radius) - 2px))":"large"===o?"var(--Lg-Button-Icon-Inner-Radius, calc(var(--Button-Icon-Radius) - 2px))":"var(--Button-Icon-Inner-Radius, calc(var(--Button-Icon-Radius) - 2px))",...p?{backgroundColor:p}:{}}}):(()=>{if(h)return e.Children.map(C,t=>e.isValidElement(t)&&t.type===Ya?e.cloneElement(t,{sx:{...t.props.sx||{},width:"100%",height:"100%"}}):t);if(R)return C;if(u){const e="small"===o?ma:E;return a.jsx(e,{component:"span",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:"4px",color:"inherit",lineHeight:1,...Pt},children:C})}return"string"==typeof C||"number"==typeof C?a.jsx(t.Box,{component:"span",className:"btn-text-content",sx:{display:"inline-flex",alignItems:"center",padding:fr[o]||fr.medium},children:a.jsx(E,{component:"span",sx:{color:"inherit",...Pt},children:C})}):C})()})]});return v?a.jsx(rr,{variant:j,size:S,badgeContent:y,dot:B,max:k,anchorOrigin:w,showZero:0===y,children:Q}):Q}const Pr=e=>a.jsx(Lr,{iconOnly:!0,...e}),Hr="Surface-Dimmest",Nr="Surface-Brightest",Er=/-light$/,Mr=/-outline$/,Or=new Set;const Qr={height:24,fontSize:"12px",iconSize:16,padding:"0 8px",gap:4,minWidth:32},Vr=new Set;const Gr=e.forwardRef(function({onClick:e,...o},n){return a.jsx(t.Box,{ref:n,component:"button",onClick:t=>{t.stopPropagation(),e&&e(t)},onKeyDown:t=>{"Enter"!==t.key&&"Backspace"!==t.key&&"Delete"!==t.key||(t.stopPropagation(),e&&e(t))},"aria-label":"Remove",role:"button",tabIndex:0,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",minWidth:24,minHeight:24,width:16,height:16,padding:0,margin:0,marginLeft:"2px",marginRight:"-4px",border:"none",borderRadius:"50%",backgroundColor:"transparent",color:"inherit",opacity:.7,cursor:"pointer",position:"relative",flexShrink:0,transition:"opacity 0.15s ease, background-color 0.15s ease","&:hover":{opacity:1,backgroundColor:"rgba(0,0,0,0.08)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px"},"&::after":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",minWidth:24,minHeight:24}},...o,children:a.jsx(r,{sx:{fontSize:16,pointerEvents:"none"}})})});function Ur({variant:e="primary",size:r,label:o,clickable:n=!1,disabled:i=!1,selected:s=!1,selectionMode:l,onDelete:d,onClick:c,startDecorator:u,endDecorator:h,children:x,className:p="",sx:m={},...g}){const f=function(e){const t=String(e||"primary");if(Mr.test(t)){const e=t.replace(Mr,"");return"production"===process.env.NODE_ENV||Or.has(t)||(Or.add(t),console.warn('[Chip] variant="'+t+'" — there is no outline shape. An outline chip WAS the unselected chip: same var(--Background) fill, same border. Rendering variant="'+e+'" unselected. Pass selected={true} for the filled state.')),e}if(!Er.test(t))return t;const a=t.replace(Er,"");return"production"===process.env.NODE_ENV||Or.has(t)||(Or.add(t),console.warn('[Chip] variant="'+t+'" — the -light shape was removed. Rendering variant="'+a+'" (solid). For a light chip use variant="'+a+'-outline" with data-theme + data-surface="Surface-Brightest".')),a}(e),b={bg:"var(--Background)",text:"var(--Text)",border:"1px solid var(--Border)",hoverBg:"var(--Hover)",activeBg:"var(--Pressed)"},v="default"===f?void 0:(y=f).charAt(0).toUpperCase()+y.slice(1);var y;const j=s?Hr:Nr;var S;void 0!==(S=r)&&("production"===process.env.NODE_ENV||Vr.has(S)||(Vr.add(S),console.warn('[Chip] size="'+S+'" — Chip has one size (24px) and the prop was removed. Figma draws no other, and component sizing comes from the Component-Size modes rather than a per-component ladder.')));const B=Qr,k=n||!!c||!!l,w={};"radio"===l?(w.role="radio",w["aria-checked"]=s):"checkbox"===l&&(w.role="checkbox",w["aria-checked"]=s);const C=o||x,T={height:B.height,fontSize:B.fontSize,fontWeight:500,fontFamily:"inherit",borderRadius:B.height/2+"px",padding:B.padding,minWidth:B.minWidth,boxSizing:"border-box",position:"relative",backgroundColor:b.bg,color:b.text,border:b.border,"&::after":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",minWidth:24,minHeight:24,width:"100%",height:"100%"},...k&&!i?{cursor:"pointer",transition:"background-color 0.15s ease, outline 0.15s ease","&:hover":{backgroundColor:b.hoverBg},"&:active":{backgroundColor:b.activeBg}}:{},"&:focus-visible, &.Mui-focusVisible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},...i?{opacity:.5,cursor:"not-allowed",pointerEvents:"none"}:{},boxShadow:"none","& .MuiChip-label":{padding:0,fontSize:"inherit",fontWeight:"inherit",fontFamily:"inherit",lineHeight:1.2,display:"flex",alignItems:"center",gap:B.gap+"px"},"& .MuiChip-icon":{margin:0,marginLeft:"-2px",color:"inherit",fontSize:B.iconSize},"& .MuiChip-deleteIcon":{display:"none"},...m},A=a.jsxs(t.Box,{component:"span",sx:{display:"inline-flex",alignItems:"center",gap:B.gap+"px",lineHeight:1},children:[u&&a.jsx(t.Box,{component:"span",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,"& .MuiSvgIcon-root":{fontSize:B.iconSize},"& .MuiAvatar-root":{width:B.iconSize+4,height:B.iconSize+4,fontSize:Math.round(.65*B.iconSize)+"px"}},children:u}),C,h&&a.jsx(t.Box,{component:"span",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,"& .MuiSvgIcon-root":{fontSize:B.iconSize},"& .MuiAvatar-root":{width:B.iconSize+4,height:B.iconSize+4,fontSize:Math.round(.65*B.iconSize)+"px"}},children:h}),d&&a.jsx(Gr,{onClick:d})]});return a.jsx(t.Chip,{label:A,clickable:k&&!i,disabled:i,onClick:k?c:void 0,className:"chip-"+f+(s?" chip-selected":"")+" "+p,"data-theme":v,"data-surface":j,sx:T,...w,...g})}function qr(e){if(!e)return null;const t=e.trim();if(/^#[0-9a-f]{3}$/i.test(t))return{r:parseInt(t[1]+t[1],16),g:parseInt(t[2]+t[2],16),b:parseInt(t[3]+t[3],16),a:1};if(/^#[0-9a-f]{6}$/i.test(t))return{r:parseInt(t.substring(1,3),16),g:parseInt(t.substring(3,5),16),b:parseInt(t.substring(5,7),16),a:1};if(/^#[0-9a-f]{8}$/i.test(t))return{r:parseInt(t.substring(1,3),16),g:parseInt(t.substring(3,5),16),b:parseInt(t.substring(5,7),16),a:parseInt(t.substring(7,9),16)/255};const a=t.match(/rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)(?:[,\s/]+([\d.]+%?))?\s*\)/);if(a){let e=1;return void 0!==a[4]&&(e=a[4].endsWith("%")?parseFloat(a[4])/100:parseFloat(a[4])),{r:Math.round(parseFloat(a[1])),g:Math.round(parseFloat(a[2])),b:Math.round(parseFloat(a[3])),a:e}}return null}function Xr(e,t){if(!e||!t)return e||t;if(e.a>=1)return e;const a=e.a;return{r:Math.round(e.r*a+t.r*(1-a)),g:Math.round(e.g*a+t.g*(1-a)),b:Math.round(e.b*a+t.b*(1-a)),a:1}}function Yr(e){const t=e=>e<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4);return.2126*t(e.r/255)+.7152*t(e.g/255)+.0722*t(e.b/255)}function Zr(e,t,a){const r=qr(e),o=qr(t),n=qr(a);if(!r||!o)return null;const i=n?Xr(o,n):o.a<1?null:o;if(!i)return null;const s=Xr(r,i);if(!s)return null;const l=Yr(s),d=Yr(i);return((Math.max(l,d)+.05)/(Math.min(l,d)+.05)).toFixed(2)}function Jr(e){return"undefined"==typeof window?null:getComputedStyle(document.documentElement).getPropertyValue(e).trim()}function $r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Kr,_r={exports:{}},eo={exports:{}},to={};var ao,ro,oo,no,io,so,lo,co,uo,ho,xo,po,mo,go,fo={};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -6,10 +6,10 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */function mo(){return eo||(eo=1,"production"===process.env.NODE_ENV?Ka.exports=function(){if(Za)return $a;Za=1;var e="function"==typeof Symbol&&Symbol.for,r=e?Symbol.for("react.element"):60103,t=e?Symbol.for("react.portal"):60106,a=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,n=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,d=e?Symbol.for("react.concurrent_mode"):60111,c=e?Symbol.for("react.forward_ref"):60112,u=e?Symbol.for("react.suspense"):60113,x=e?Symbol.for("react.suspense_list"):60120,h=e?Symbol.for("react.memo"):60115,p=e?Symbol.for("react.lazy"):60116,m=e?Symbol.for("react.block"):60121,g=e?Symbol.for("react.fundamental"):60117,f=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function v(e){if("object"==typeof e&&null!==e){var x=e.$$typeof;switch(x){case r:switch(e=e.type){case s:case d:case a:case i:case o:case u:return e;default:switch(e=e&&e.$$typeof){case l:case c:case p:case h:case n:return e;default:return x}}case t:return x}}}function y(e){return v(e)===d}return $a.AsyncMode=s,$a.ConcurrentMode=d,$a.ContextConsumer=l,$a.ContextProvider=n,$a.Element=r,$a.ForwardRef=c,$a.Fragment=a,$a.Lazy=p,$a.Memo=h,$a.Portal=t,$a.Profiler=i,$a.StrictMode=o,$a.Suspense=u,$a.isAsyncMode=function(e){return y(e)||v(e)===s},$a.isConcurrentMode=y,$a.isContextConsumer=function(e){return v(e)===l},$a.isContextProvider=function(e){return v(e)===n},$a.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},$a.isForwardRef=function(e){return v(e)===c},$a.isFragment=function(e){return v(e)===a},$a.isLazy=function(e){return v(e)===p},$a.isMemo=function(e){return v(e)===h},$a.isPortal=function(e){return v(e)===t},$a.isProfiler=function(e){return v(e)===i},$a.isStrictMode=function(e){return v(e)===o},$a.isSuspense=function(e){return v(e)===u},$a.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===i||e===o||e===u||e===x||"object"==typeof e&&null!==e&&(e.$$typeof===p||e.$$typeof===h||e.$$typeof===n||e.$$typeof===l||e.$$typeof===c||e.$$typeof===g||e.$$typeof===f||e.$$typeof===b||e.$$typeof===m)},$a.typeOf=v,$a}():Ka.exports=(_a||(_a=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,r=e?Symbol.for("react.element"):60103,t=e?Symbol.for("react.portal"):60106,a=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,n=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,d=e?Symbol.for("react.concurrent_mode"):60111,c=e?Symbol.for("react.forward_ref"):60112,u=e?Symbol.for("react.suspense"):60113,x=e?Symbol.for("react.suspense_list"):60120,h=e?Symbol.for("react.memo"):60115,p=e?Symbol.for("react.lazy"):60116,m=e?Symbol.for("react.block"):60121,g=e?Symbol.for("react.fundamental"):60117,f=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function v(e){if("object"==typeof e&&null!==e){var x=e.$$typeof;switch(x){case r:var m=e.type;switch(m){case s:case d:case a:case i:case o:case u:return m;default:var g=m&&m.$$typeof;switch(g){case l:case c:case p:case h:case n:return g;default:return x}}case t:return x}}}var y=s,j=d,S=l,B=n,k=r,w=c,C=a,T=p,z=h,A=t,I=i,R=o,W=u,D=!1;function F(e){return v(e)===d}po.AsyncMode=y,po.ConcurrentMode=j,po.ContextConsumer=S,po.ContextProvider=B,po.Element=k,po.ForwardRef=w,po.Fragment=C,po.Lazy=T,po.Memo=z,po.Portal=A,po.Profiler=I,po.StrictMode=R,po.Suspense=W,po.isAsyncMode=function(e){return D||(D=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),F(e)||v(e)===s},po.isConcurrentMode=F,po.isContextConsumer=function(e){return v(e)===l},po.isContextProvider=function(e){return v(e)===n},po.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},po.isForwardRef=function(e){return v(e)===c},po.isFragment=function(e){return v(e)===a},po.isLazy=function(e){return v(e)===p},po.isMemo=function(e){return v(e)===h},po.isPortal=function(e){return v(e)===t},po.isProfiler=function(e){return v(e)===i},po.isStrictMode=function(e){return v(e)===o},po.isSuspense=function(e){return v(e)===u},po.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===i||e===o||e===u||e===x||"object"==typeof e&&null!==e&&(e.$$typeof===p||e.$$typeof===h||e.$$typeof===n||e.$$typeof===l||e.$$typeof===c||e.$$typeof===g||e.$$typeof===f||e.$$typeof===b||e.$$typeof===m)},po.typeOf=v}()),po)),Ka.exports}
+ */function bo(){return ro||(ro=1,"production"===process.env.NODE_ENV?eo.exports=function(){if(Kr)return to;Kr=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,a=e?Symbol.for("react.portal"):60106,r=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,n=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,s=e?Symbol.for("react.context"):60110,l=e?Symbol.for("react.async_mode"):60111,d=e?Symbol.for("react.concurrent_mode"):60111,c=e?Symbol.for("react.forward_ref"):60112,u=e?Symbol.for("react.suspense"):60113,h=e?Symbol.for("react.suspense_list"):60120,x=e?Symbol.for("react.memo"):60115,p=e?Symbol.for("react.lazy"):60116,m=e?Symbol.for("react.block"):60121,g=e?Symbol.for("react.fundamental"):60117,f=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function v(e){if("object"==typeof e&&null!==e){var h=e.$$typeof;switch(h){case t:switch(e=e.type){case l:case d:case r:case n:case o:case u:return e;default:switch(e=e&&e.$$typeof){case s:case c:case p:case x:case i:return e;default:return h}}case a:return h}}}function y(e){return v(e)===d}return to.AsyncMode=l,to.ConcurrentMode=d,to.ContextConsumer=s,to.ContextProvider=i,to.Element=t,to.ForwardRef=c,to.Fragment=r,to.Lazy=p,to.Memo=x,to.Portal=a,to.Profiler=n,to.StrictMode=o,to.Suspense=u,to.isAsyncMode=function(e){return y(e)||v(e)===l},to.isConcurrentMode=y,to.isContextConsumer=function(e){return v(e)===s},to.isContextProvider=function(e){return v(e)===i},to.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},to.isForwardRef=function(e){return v(e)===c},to.isFragment=function(e){return v(e)===r},to.isLazy=function(e){return v(e)===p},to.isMemo=function(e){return v(e)===x},to.isPortal=function(e){return v(e)===a},to.isProfiler=function(e){return v(e)===n},to.isStrictMode=function(e){return v(e)===o},to.isSuspense=function(e){return v(e)===u},to.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===d||e===n||e===o||e===u||e===h||"object"==typeof e&&null!==e&&(e.$$typeof===p||e.$$typeof===x||e.$$typeof===i||e.$$typeof===s||e.$$typeof===c||e.$$typeof===g||e.$$typeof===f||e.$$typeof===b||e.$$typeof===m)},to.typeOf=v,to}():eo.exports=(ao||(ao=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,a=e?Symbol.for("react.portal"):60106,r=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,n=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,s=e?Symbol.for("react.context"):60110,l=e?Symbol.for("react.async_mode"):60111,d=e?Symbol.for("react.concurrent_mode"):60111,c=e?Symbol.for("react.forward_ref"):60112,u=e?Symbol.for("react.suspense"):60113,h=e?Symbol.for("react.suspense_list"):60120,x=e?Symbol.for("react.memo"):60115,p=e?Symbol.for("react.lazy"):60116,m=e?Symbol.for("react.block"):60121,g=e?Symbol.for("react.fundamental"):60117,f=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function v(e){if("object"==typeof e&&null!==e){var h=e.$$typeof;switch(h){case t:var m=e.type;switch(m){case l:case d:case r:case n:case o:case u:return m;default:var g=m&&m.$$typeof;switch(g){case s:case c:case p:case x:case i:return g;default:return h}}case a:return h}}}var y=l,j=d,S=s,B=i,k=t,w=c,C=r,T=p,A=x,z=a,I=n,R=o,W=u,F=!1;function D(e){return v(e)===d}fo.AsyncMode=y,fo.ConcurrentMode=j,fo.ContextConsumer=S,fo.ContextProvider=B,fo.Element=k,fo.ForwardRef=w,fo.Fragment=C,fo.Lazy=T,fo.Memo=A,fo.Portal=z,fo.Profiler=I,fo.StrictMode=R,fo.Suspense=W,fo.isAsyncMode=function(e){return F||(F=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),D(e)||v(e)===l},fo.isConcurrentMode=D,fo.isContextConsumer=function(e){return v(e)===s},fo.isContextProvider=function(e){return v(e)===i},fo.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},fo.isForwardRef=function(e){return v(e)===c},fo.isFragment=function(e){return v(e)===r},fo.isLazy=function(e){return v(e)===p},fo.isMemo=function(e){return v(e)===x},fo.isPortal=function(e){return v(e)===a},fo.isProfiler=function(e){return v(e)===n},fo.isStrictMode=function(e){return v(e)===o},fo.isSuspense=function(e){return v(e)===u},fo.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===d||e===n||e===o||e===u||e===h||"object"==typeof e&&null!==e&&(e.$$typeof===p||e.$$typeof===x||e.$$typeof===i||e.$$typeof===s||e.$$typeof===c||e.$$typeof===g||e.$$typeof===f||e.$$typeof===b||e.$$typeof===m)},fo.typeOf=v}()),fo)),eo.exports}
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
-*/function go(){if(to)return ro;to=1;var e=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;return ro=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map(function(e){return r[e]}).join(""))return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach(function(e){a[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},a)).join("")}catch(e){return!1}}()?Object.assign:function(a,o){for(var i,n,l=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(a),s=1;s<arguments.length;s++){for(var d in i=Object(arguments[s]))r.call(i,d)&&(l[d]=i[d]);if(e){n=e(i);for(var c=0;c<n.length;c++)t.call(i,n[c])&&(l[n[c]]=i[n[c]])}}return l},ro}function fo(){if(oo)return ao;oo=1;return ao="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function bo(){return no?io:(no=1,io=Function.call.bind(Object.prototype.hasOwnProperty))}if("production"!==process.env.NODE_ENV){var vo=mo();Ja.exports=function(){if(uo)return co;uo=1;var e=mo(),r=go(),t=fo(),a=bo(),o=function(){if(so)return lo;so=1;var e=function(){};if("production"!==process.env.NODE_ENV){var r=fo(),t={},a=bo();e=function(e){var r="Warning: "+e;"undefined"!=typeof console&&console.error(r);try{throw new Error(r)}catch(e){}}}function o(o,i,n,l,s){if("production"!==process.env.NODE_ENV)for(var d in o)if(a(o,d)){var c;try{if("function"!=typeof o[d]){var u=Error((l||"React class")+": "+n+" type `"+d+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof o[d]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw u.name="Invariant Violation",u}c=o[d](i,d,l,n,null,r)}catch(e){c=e}if(!c||c instanceof Error||e((l||"React class")+": type specification of "+n+" `"+d+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof c+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),c instanceof Error&&!(c.message in t)){t[c.message]=!0;var x=s?s():"";e("Failed "+n+" type: "+c.message+(null!=x?x:""))}}}return o.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(t={})},lo=o}(),i=function(){};function n(){return null}return"production"!==process.env.NODE_ENV&&(i=function(e){var r="Warning: "+e;"undefined"!=typeof console&&console.error(r);try{throw new Error(r)}catch(e){}}),co=function(l,s){var d="function"==typeof Symbol&&Symbol.iterator,c="<<anonymous>>",u={array:m("array"),bigint:m("bigint"),bool:m("boolean"),func:m("function"),number:m("number"),object:m("object"),string:m("string"),symbol:m("symbol"),any:p(n),arrayOf:function(e){return p(function(r,a,o,i,n){if("function"!=typeof e)return new h("Property `"+n+"` of component `"+o+"` has invalid PropType notation inside arrayOf.");var l=r[a];if(!Array.isArray(l))return new h("Invalid "+i+" `"+n+"` of type `"+b(l)+"` supplied to `"+o+"`, expected an array.");for(var s=0;s<l.length;s++){var d=e(l,s,o,i,n+"["+s+"]",t);if(d instanceof Error)return d}return null})},element:p(function(e,r,t,a,o){var i=e[r];return l(i)?null:new h("Invalid "+a+" `"+o+"` of type `"+b(i)+"` supplied to `"+t+"`, expected a single ReactElement.")}),elementType:p(function(r,t,a,o,i){var n=r[t];return e.isValidElementType(n)?null:new h("Invalid "+o+" `"+i+"` of type `"+b(n)+"` supplied to `"+a+"`, expected a single ReactElement type.")}),instanceOf:function(e){return p(function(r,t,a,o,i){if(!(r[t]instanceof e)){var n=e.name||c;return new h("Invalid "+o+" `"+i+"` of type `"+((l=r[t]).constructor&&l.constructor.name?l.constructor.name:c)+"` supplied to `"+a+"`, expected instance of `"+n+"`.")}var l;return null})},node:p(function(e,r,t,a,o){return f(e[r])?null:new h("Invalid "+a+" `"+o+"` supplied to `"+t+"`, expected a ReactNode.")}),objectOf:function(e){return p(function(r,o,i,n,l){if("function"!=typeof e)return new h("Property `"+l+"` of component `"+i+"` has invalid PropType notation inside objectOf.");var s=r[o],d=b(s);if("object"!==d)return new h("Invalid "+n+" `"+l+"` of type `"+d+"` supplied to `"+i+"`, expected an object.");for(var c in s)if(a(s,c)){var u=e(s,c,i,n,l+"."+c,t);if(u instanceof Error)return u}return null})},oneOf:function(e){return Array.isArray(e)?p(function(r,t,a,o,i){for(var n=r[t],l=0;l<e.length;l++)if(x(n,e[l]))return null;var s=JSON.stringify(e,function(e,r){return"symbol"===v(r)?String(r):r});return new h("Invalid "+o+" `"+i+"` of value `"+String(n)+"` supplied to `"+a+"`, expected one of "+s+".")}):("production"!==process.env.NODE_ENV&&i(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),n)},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&i("Invalid argument supplied to oneOfType, expected an instance of array."),n;for(var r=0;r<e.length;r++){var o=e[r];if("function"!=typeof o)return i("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+y(o)+" at index "+r+"."),n}return p(function(r,o,i,n,l){for(var s=[],d=0;d<e.length;d++){var c=(0,e[d])(r,o,i,n,l,t);if(null==c)return null;c.data&&a(c.data,"expectedType")&&s.push(c.data.expectedType)}return new h("Invalid "+n+" `"+l+"` supplied to `"+i+"`"+(s.length>0?", expected one of type ["+s.join(", ")+"]":"")+".")})},shape:function(e){return p(function(r,a,o,i,n){var l=r[a],s=b(l);if("object"!==s)return new h("Invalid "+i+" `"+n+"` of type `"+s+"` supplied to `"+o+"`, expected `object`.");for(var d in e){var c=e[d];if("function"!=typeof c)return g(o,i,n,d,v(c));var u=c(l,d,o,i,n+"."+d,t);if(u)return u}return null})},exact:function(e){return p(function(o,i,n,l,s){var d=o[i],c=b(d);if("object"!==c)return new h("Invalid "+l+" `"+s+"` of type `"+c+"` supplied to `"+n+"`, expected `object`.");var u=r({},o[i],e);for(var x in u){var p=e[x];if(a(e,x)&&"function"!=typeof p)return g(n,l,s,x,v(p));if(!p)return new h("Invalid "+l+" `"+s+"` key `"+x+"` supplied to `"+n+"`.\nBad object: "+JSON.stringify(o[i],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var m=p(d,x,n,l,s+"."+x,t);if(m)return m}return null})}};function x(e,r){return e===r?0!==e||1/e==1/r:e!=e&&r!=r}function h(e,r){this.message=e,this.data=r&&"object"==typeof r?r:{},this.stack=""}function p(e){if("production"!==process.env.NODE_ENV)var r={},a=0;function o(o,n,l,d,u,x,p){if(d=d||c,x=x||l,p!==t){if(s){var m=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw m.name="Invariant Violation",m}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var g=d+":"+l;!r[g]&&a<3&&(i("You are manually calling a React.PropTypes validation function for the `"+x+"` prop on `"+d+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),r[g]=!0,a++)}}return null==n[l]?o?null===n[l]?new h("The "+u+" `"+x+"` is marked as required in `"+d+"`, but its value is `null`."):new h("The "+u+" `"+x+"` is marked as required in `"+d+"`, but its value is `undefined`."):null:e(n,l,d,u,x)}var n=o.bind(null,!1);return n.isRequired=o.bind(null,!0),n}function m(e){return p(function(r,t,a,o,i,n){var l=r[t];return b(l)!==e?new h("Invalid "+o+" `"+i+"` of type `"+v(l)+"` supplied to `"+a+"`, expected `"+e+"`.",{expectedType:e}):null})}function g(e,r,t,a,o){return new h((e||"React class")+": "+r+" type `"+t+"."+a+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+o+"`.")}function f(e){switch(typeof e){case"number":case"string":case"undefined":return!0;case"boolean":return!e;case"object":if(Array.isArray(e))return e.every(f);if(null===e||l(e))return!0;var r=function(e){var r=e&&(d&&e[d]||e["@@iterator"]);if("function"==typeof r)return r}(e);if(!r)return!1;var t,a=r.call(e);if(r!==e.entries){for(;!(t=a.next()).done;)if(!f(t.value))return!1}else for(;!(t=a.next()).done;){var o=t.value;if(o&&!f(o[1]))return!1}return!0;default:return!1}}function b(e){var r=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,r){return"symbol"===e||!!r&&("Symbol"===r["@@toStringTag"]||"function"==typeof Symbol&&r instanceof Symbol)}(r,e)?"symbol":r}function v(e){if(null==e)return""+e;var r=b(e);if("object"===r){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return r}function y(e){var r=v(e);switch(r){case"array":case"object":return"an "+r;case"boolean":case"date":case"regexp":return"a "+r;default:return r}}return h.prototype=Error.prototype,u.checkPropTypes=o,u.resetWarningCache=o.resetWarningCache,u.PropTypes=u,u},co}()(vo.isElement,!0)}else Ja.exports=function(){if(ho)return xo;ho=1;var e=fo();function r(){}function t(){}return t.resetWarningCache=r,xo=function(){function a(r,t,a,o,i,n){if(n!==e){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function o(){return a}a.isRequired=a;var i={array:a,bigint:a,bool:a,func:a,number:a,object:a,string:a,symbol:a,any:a,arrayOf:o,element:a,elementType:a,instanceOf:o,node:a,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:t,resetWarningCache:r};return i.PropTypes=i,i}}()();var yo=Ya(Ja.exports);function jo({code:i,label:n="Copy code"}){const[l,s]=e.useState(!1);return t.jsx(r.Tooltip,{title:l?"Copied!":n,children:t.jsx(la,{size:"small",onClick:async()=>{try{await navigator.clipboard.writeText(i),s(!0),setTimeout(()=>s(!1),2e3)}catch(e){console.error("Copy failed:",e)}},"aria-label":l?"Copied":n,sx:{color:l?"var(--Icons-Success, var(--Text))":"var(--Quiet)"},children:l?t.jsx(o,{fontSize:"small"}):t.jsx(a,{fontSize:"small"})})})}jo.propTypes={code:yo.string.isRequired,label:yo.string};function So({code:e="",language:a="JSX",showCopy:o=!0,showHeader:i=!0,maxHeight:n,wrap:l=!1,sx:s={},...d}){return t.jsxs(r.Box,{"data-theme":"Neutral","data-surface":"Surface-Dimmest",sx:{backgroundColor:"var(--Background)",borderRadius:"min(var(--Card-Radius, var(--Style-Border-Radius)), 12px)",overflow:"hidden",...s},...d,children:[i&&(a||o)&&t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:1,px:2,py:1,borderBottom:"1px solid var(--Border)",minHeight:40},children:[t.jsx(_r,{color:"quiet",children:a}),o&&e?t.jsx(jo,{code:e}):null]}),t.jsx(r.Box,{sx:{p:2,overflow:"auto",maxHeight:n},children:t.jsx(r.Box,{component:"pre",sx:{margin:0,fontFamily:"inherit"},children:t.jsx(r.Box,{component:"code",sx:{fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:"13px",lineHeight:1.6,color:"var(--Text)",whiteSpace:l?"pre-wrap":"pre",wordBreak:l?"break-word":"normal",display:"block"},children:e})})})]})}function Bo(e){if(!e)return null;const r=e.trim();if(/^#[0-9a-f]{3}$/i.test(r))return{r:parseInt(r[1]+r[1],16),g:parseInt(r[2]+r[2],16),b:parseInt(r[3]+r[3],16),a:1};if(/^#[0-9a-f]{6}$/i.test(r))return{r:parseInt(r.substring(1,3),16),g:parseInt(r.substring(3,5),16),b:parseInt(r.substring(5,7),16),a:1};if(/^#[0-9a-f]{8}$/i.test(r))return{r:parseInt(r.substring(1,3),16),g:parseInt(r.substring(3,5),16),b:parseInt(r.substring(5,7),16),a:parseInt(r.substring(7,9),16)/255};const t=r.match(/rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)(?:[,\s/]+([\d.]+%?))?\s*\)/);if(t){let e=1;return void 0!==t[4]&&(e=t[4].endsWith("%")?parseFloat(t[4])/100:parseFloat(t[4])),{r:Math.round(parseFloat(t[1])),g:Math.round(parseFloat(t[2])),b:Math.round(parseFloat(t[3])),a:e}}return null}function ko(e,r){if(!e||!r)return e||r;if(e.a>=1)return e;const t=e.a;return{r:Math.round(e.r*t+r.r*(1-t)),g:Math.round(e.g*t+r.g*(1-t)),b:Math.round(e.b*t+r.b*(1-t)),a:1}}function wo(e){const r=e=>e<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4);return.2126*r(e.r/255)+.7152*r(e.g/255)+.0722*r(e.b/255)}function Co(e,r,t){const a=Bo(e),o=Bo(r),i=Bo(t);if(!a||!o)return null;const n=i?ko(o,i):o.a<1?null:o;if(!n)return null;const l=ko(a,n);if(!l)return null;const s=wo(l),d=wo(n);return((Math.max(s,d)+.05)/(Math.min(s,d)+.05)).toFixed(2)}function To(e){return"undefined"==typeof window?null:getComputedStyle(document.documentElement).getPropertyValue(e).trim()}So.propTypes={code:yo.string,language:yo.string,showCopy:yo.bool,showHeader:yo.bool,maxHeight:yo.oneOfType([yo.number,yo.string]),wrap:yo.bool,sx:yo.object};const zo={"display-large":"Display Large","display-medium":"Display Medium","display-small":"Display Small",h1:"H1",h2:"H2",h3:"H3",h4:"H4",h5:"H5",h6:"H6","subtitle-small":"Subtitle Small",subtitle:"Subtitle Medium","subtitle-large":"Subtitle Large","body-small":"Body Small","body-small-semibold":"Body Small Semibold",body:"Body Medium","body-semibold":"Body Medium Semibold","body-large":"Body Large","body-large-semibold":"Body Large Semibold",label:"Label","label-small":"Label Small","label-large":"Label Large",caption:"Caption","caption-bold":"Caption Bold",legal:"Legal","legal-semibold":"Legal Semibold",eyebrow:"Eyebrow Medium","eyebrow-small":"Eyebrow Small","eyebrow-large":"Eyebrow Large",button:"Button Standard","button-small":"Button Small","button-extra-small":"Button Extra Small","number-large":"Number Large","number-medium":"Number Medium","number-small":"Number Small"};Object.entries({Display:["display-large","display-medium","display-small"],Headings:["h1","h2","h3","h4","h5","h6"],Subtitle:["subtitle-small","subtitle","subtitle-large"],Body:["body-small","body-small-semibold","body","body-semibold","body-large","body-large-semibold"],Label:["label","label-small","label-large"],Caption:["caption","caption-bold"],Legal:["legal","legal-semibold"],Eyebrow:["eyebrow-small","eyebrow","eyebrow-large"],Button:["button-extra-small","button-small","button"],Number:["number-large","number-medium","number-small"]}).map(([e,r])=>({label:e,options:r.map(e=>({value:e,label:zo[e]}))}));const Ao=["default","primary","secondary","tertiary","neutral","info","success","warning","error"],Io=e=>e.charAt(0).toUpperCase()+e.slice(1);function Ro(e){const r=Io(e);return{type:"outline",color:r,trackOff:"var(--Background)",trackOffBorder:"var(--Border)",trackOn:"var(--Buttons-"+r+"-Button)",trackOnBorder:"var(--Buttons-"+r+"-Border)",dotOff:"var(--Quiet)",dotOn:"var(--Buttons-"+r+"-Text)",iconOff:"var(--Background)",iconOn:"var(--Buttons-"+r+"-Button)"}}function Wo(e){const r=Io(e);return{type:"light",color:r,trackOff:"var(--Border-Variant)",trackOffBorder:"var(--Border)",trackOn:"var(--"+r+"-Color-11)",trackOnBorder:"var(--Buttons-"+r+"-Border)",dotOff:"var(--Quiet)",dotOn:"var(--Buttons-"+r+"-Border)",iconOff:"var(--Quiet)",iconOn:"var(--"+r+"-Color-11)",dataTheme:r,dataSurface:"Surface-Brightest"}}const Do={small:{trackW:28,trackH:16,dotRadius:"var(--Sizing-2, 16px)",icon:8},medium:{trackW:40,trackH:24,dotRadius:"var(--Sizing-2-and-Half, 20px)",icon:16},large:{trackW:56,trackH:32,dotRadius:"var(--Sizing-2-and-Half, 20px)",icon:16}};function Fo({variant:e="default",size:a="medium",checked:o,defaultChecked:i,onChange:n,disabled:l=!1,label:s,labelPlacement:d="end",name:c,value:u,icon:x,iconOn:h,iconOff:p,className:m="",sx:g={},"aria-label":f,"aria-labelledby":b,...v}){const y=function(){const e={};return Ao.forEach(r=>{e[r+"-outline"]=Ro(r),e[r+"-light"]=Wo(r)}),e.default={type:"themed",trackOff:"var(--Background)",trackOffBorder:"var(--Quiet)",trackOn:"var(--Buttons-Default-Button)",trackOnBorder:"var(--Buttons-Default-Border)",dotOff:"var(--Quiet)",dotOn:"var(--Buttons-Default-Text)",iconOff:"var(--Background)",iconOn:"var(--Buttons-Default-Button)"},e["default-outline"]={type:"themed",trackOff:"var(--Background)",trackOffBorder:"var(--Quiet)",trackOn:"var(--Buttons-Default-Button)",trackOnBorder:"var(--Buttons-Default-Border)",dotOff:"var(--Quiet)",dotOn:"var(--Buttons-Default-Text)",iconOff:"var(--Background)",iconOn:"var(--Buttons-Default-Button)"},e.outline={type:"themed",trackOff:"var(--Background)",trackOffBorder:"var(--Quiet)",trackOn:"var(--Buttons-Default-Button)",trackOnBorder:"var(--Buttons-Default-Border)",dotOff:"var(--Quiet)",dotOn:"var(--Buttons-Default-Text)",iconOff:"var(--Background)",iconOn:"var(--Buttons-Default-Button)"},e.primary=Ro("primary"),e.light=Wo("primary"),e}(),j=y[e]||y.default,S=Do[a]||Do.medium,B="small"===a?qr:Xr,k=S.trackH-4,w=Math.max(24,S.trackW),C=Math.max(24,S.trackH),T=(C-S.trackH)/2,z={width:k,height:k,borderRadius:S.dotRadius,boxShadow:"none",border:"none",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color var(--Motion-Duration-Fast, 150ms) var(--Motion-Easing-Standard, cubic-bezier(0.2, 0, 0, 1))","& > *":{width:S.icon,height:S.icon,display:"block"}},A={width:S.trackW,minWidth:24,height:C,minHeight:24,padding:0,overflow:"visible",opacity:l?"var(--Disabled, 0.38)":1,"& .MuiSwitch-switchBase":{position:"absolute",top:0,left:0,width:"100%",height:"100%",display:"flex",justifyContent:"flex-start",alignItems:"center",paddingTop:0,paddingBottom:0,paddingLeft:"2px",paddingRight:w-S.trackW+2+"px",color:"transparent",transition:"justify-content var(--Motion-Duration-Instant, 100ms) var(--Motion-Easing-Standard, cubic-bezier(0.2, 0, 0, 1))",transform:"none","& .MuiSwitch-input":{left:0,top:0,width:"100%",height:"100%",margin:0},"& .MuiSwitch-thumb":{...z,backgroundColor:j.dotOff,color:j.iconOff},"&.Mui-checked":{justifyContent:"flex-end",transform:"none","& .MuiSwitch-thumb":{...z,backgroundColor:j.dotOn,color:j.iconOn},"& + .MuiSwitch-track":{backgroundColor:j.trackOn,borderColor:j.trackOnBorder,opacity:1}},"&:hover, &.Mui-checked:hover":{backgroundColor:"transparent"},"&:hover + .MuiSwitch-track":{boxShadow:Mt},"&:active + .MuiSwitch-track":{boxShadow:Ht},"&.Mui-focusVisible + .MuiSwitch-track":{outline:"1px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled + .MuiSwitch-track":{opacity:1}},"& .MuiSwitch-track":{width:S.trackW,height:S.trackH,borderRadius:"var(--Sizing-3, 24px)",backgroundColor:j.trackOff,border:"1px solid "+j.trackOffBorder,boxSizing:"border-box",opacity:1,position:"absolute",top:T,left:0,transition:"background-color var(--Motion-Duration-Fast, 150ms) var(--Motion-Easing-Standard, cubic-bezier(0.2, 0, 0, 1)), border-color var(--Motion-Duration-Fast, 150ms) var(--Motion-Easing-Standard, cubic-bezier(0.2, 0, 0, 1)), box-shadow var(--Motion-Duration-Fast, 150ms) var(--Motion-Easing-Standard, cubic-bezier(0.2, 0, 0, 1))"},...g},I=e.includes("-light")||"light"===e,R=void 0!==p?p:x,W=void 0!==h?h:x,D=void 0!==R||void 0!==W,F=e=>t.jsx("span",{className:"MuiSwitch-thumb",children:e}),L=t.jsx(r.Switch,{...D?{icon:F(R),checkedIcon:F(W)}:{},checked:o,defaultChecked:i,onChange:n,disabled:l,name:c,value:u,slotProps:{input:{...f?{"aria-label":f}:{},...b?{"aria-labelledby":b}:{}}},className:"switch-"+e+" "+m,sx:A,disableRipple:!0,...I&&j.dataTheme?{"data-theme":j.dataTheme,"data-surface":j.dataSurface||"Surface-Dim"}:{},...v});return s?t.jsx(r.FormControlLabel,{control:L,label:t.jsx(B,{component:"span",sx:{color:l?"var(--Text-Quiet)":"var(--Text)",fontSize:"small"===a?"13px":"15px",fontWeight:500,opacity:l?"var(--Disabled, 0.38)":1},children:s}),labelPlacement:d,sx:{gap:"8px",marginLeft:0,marginRight:0}}):L}const Lo=Fo,Po=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Ho={default:"Default",quiet:"Quiet",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Mo=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Eo=["filled","outlined","rounded","twotone","sharp"],Oo={filled:"Filled",outlined:"Outlined",rounded:"Rounded",twotone:"Two Tone",sharp:"Sharp"},No={Home:{filled:p,outlined:k,rounded:F,twotone:U,sharp:oe},Favorite:{filled:h,outlined:w,rounded:L,twotone:X,sharp:ie},Delete:{filled:m,outlined:C,rounded:P,twotone:Y,sharp:ne},Settings:{filled:g,outlined:T,rounded:H,twotone:Z,sharp:le},Search:{filled:f,outlined:f,rounded:M,twotone:J,sharp:se},Star:{filled:b,outlined:z,rounded:E,twotone:K,sharp:de},Person:{filled:i,outlined:A,rounded:O,twotone:$,sharp:ce},Notifications:{filled:v,outlined:I,rounded:N,twotone:_,sharp:ue},Visibility:{filled:y,outlined:R,rounded:Q,twotone:ee,sharp:xe},ShoppingCart:{filled:j,outlined:W,rounded:V,twotone:re,sharp:he},Lock:{filled:S,outlined:D,rounded:G,twotone:te,sharp:pe},Info:{filled:B,outlined:c,rounded:q,twotone:ae,sharp:me}};function Qo({ratio:e,threshold:a}){if(!e)return t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"--"});const o=parseFloat(e)>=a;return t.jsxs(r.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[t.jsxs(r.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:o?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:[e,":1"]}),t.jsx(_r,{style:{color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:o?"Pass":"Fail"})]})}function Vo({label:e,ratio:a,threshold:o,note:i}){return t.jsxs(r.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(r.Box,{sx:{flex:1},children:[t.jsx(qr,{style:{color:"var(--Text)"},children:e}),i&&t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:i})]}),t.jsx(Qo,{ratio:a,threshold:o})]})}function Go({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"primary":"primary-outline",size:"small",onClick:a,children:e})}const qo={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Uo={small:{size:32,iconSize:"16px",borderRadius:"8px"},medium:{size:40,iconSize:"20px",borderRadius:"10px"},large:{size:48,iconSize:"24px",borderRadius:"12px"}};function Xo({children:e,color:a="primary",variant:o="solid",size:i="medium",className:n="",sx:l={},...s}){const d=Uo[i]||Uo.medium,c=qo[a]||qo.primary;let u,x;switch(o){case"light":u=c,x="Surface-Brightest";break;case"dark":u=c,x="Surface-Dimmest";break;default:u=c,x="Surface"}return t.jsx(r.Box,{"data-theme":u,"data-surface":x,className:"icon-badge icon-badge-"+o+" icon-badge-"+i+" icon-badge-"+a+" "+n,sx:{width:d.size,height:d.size,borderRadius:d.borderRadius,backgroundColor:"var(--Background)",color:"var(--Text)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,"& svg":{width:d.iconSize,height:d.iconSize,fontSize:d.iconSize,color:"inherit",stroke:"currentColor"},...l},...s,children:e})}function Yo({variant:a="outlined",color:o="default",size:i="medium",disabled:n=!1,orientation:l="horizontal",spacing:s=0,fit:d,fullWidth:c=!1,equalWidth:u=!1,multiple:x=!1,value:h,defaultValue:p,onChange:m,children:g,className:f="",sx:b={},"aria-label":v,...y}){const[j,S]=e.useState(p??(x?[]:null)),B=void 0!==h,k=B?h:j,w=x?Array.isArray(k)?k:null==k?[]:[k]:null,C="horizontal"===l,T=0===s,z="light"===a,A="ghost"===a,I=d??(c?"fill":u?"equal":"hug"),R="fill"===I,W="equal"===I&&C,D=(F=o).charAt(0).toUpperCase()+F.slice(1);var F;const L="var(--Buttons-"+D+"-Border)",P="var(--Buttons-"+D+"-Button)",H="var(--Buttons-"+D+"-Text)",M="default"===o?void 0:D,E=e.Children.toArray(g).filter(Boolean),O=E.length,N=(e,r)=>t=>{const a=x?w.includes(e)?w.filter(r=>r!==e):[...w,e]:e;B||S(a),m?.(a,t),r?.(t)},Q=E.map((a,l)=>{if(!e.isValidElement(a))return a;const s=0===l,d=l===O-1,c=a.props.value??l,u=(h=c,x?w.includes(h):k===h);var h;let p;if(T&&O>1){const e="var(--Style-Border-Radius)";p=C?s&&d?e:s?e+" 0 0 "+e:d?"0 "+e+" "+e+" 0":"0":s&&d?e:s?e+" "+e+" 0 0":d?"0 0 "+e+" "+e:"0"}const m=T&&O>1?{borderRadius:p,...!s&&(C?{marginLeft:"calc(-1 * var(--Button-Border-Width))"}:{marginTop:"calc(-1 * var(--Button-Border-Width))"}),position:"relative","&:hover, &:focus-visible":{zIndex:1}}:{},g=A?{backgroundColor:"var(--Background) !important",color:"var(--Text) !important",borderColor:L+" !important"}:{backgroundColor:P+" !important",color:H+" !important",borderColor:L+" !important"},f={...m,transform:"none !important","&:hover, &:active, &:focus-visible":{transform:"none !important"},...u?{...g,"&:hover, &:active, &.Mui-focusVisible, &:focus-visible":g}:{},...u?{}:{color:"var(--Quiet)",backgroundColor:"transparent","&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)",zIndex:1},"&:active":{backgroundColor:"var(--Pressed)",color:"var(--Text)"}},...A&&!u?{border:"none !important","&:hover":{border:"none !important"}}:{},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px",zIndex:2},...a.props.sx},b=e.cloneElement(a,{variant:a.props.variant??(A?u?o+"-outline":"ghost":u?o:o+"-outline"),size:a.props.size??i,disabled:a.props.disabled??n,onClick:N(c,a.props.onClick),"aria-pressed":u,sx:f});return z&&!u?t.jsx(r.Box,{"data-theme":M,"data-surface":"Surface-Brightest",sx:{display:"contents"},children:b},l):e.cloneElement(b,{key:l})});return t.jsx(r.Box,{role:"group","aria-label":v,className:"btn-group btn-group-"+a+" btn-group-"+o+" "+f,sx:{...W?{display:R?"grid":"inline-grid",gridAutoFlow:"column",gridAutoColumns:"1fr",justifyItems:"stretch",alignItems:"stretch",width:R?"100%":"fit-content"}:{display:R?"flex":"inline-flex",flexDirection:C?"row":"column",alignItems:"stretch",width:R?"100%":"auto"},gap:T?0:s,border:"none",borderRadius:"var(--Style-Border-Radius)",...b},...y,children:Q})}const Zo=["Link","Chip","Badge","Caption","Label","Tag","BodySmall","LegalSemibold","Legal","LabelSmall","LabelExtraSmall","EyebrowSmall","ButtonSmall"];function Jo(r){let t=!1;return e.Children.forEach(r,r=>{(function(r){if(!e.isValidElement(r))return!1;const t=r.props||{};if("small"===t.size)return!0;if("small"===t["data-size"])return!0;if(24===t.height||24===t.minHeight)return!0;if("24px"===t.height||"24px"===t.minHeight)return!0;if(t.sx){const e=t.sx.minHeight||t.sx.height;if(24===e||"24px"===e)return!0}const a=r.type;if(a){const e=a.displayName||a.name||"";if(Zo.some(r=>e.includes(r)))return!0}return!1})(r)&&(t=!0)}),t}function Ko({children:a,gap:o,spacing:i,direction:n="column",enforceMinGap:l=!0,minGapToken:s="--min-stack-gap",divider:d,flexWrap:c,useFlexGap:u=!0,alignItems:x,justifyContent:h,sx:p={},className:m="",...g}){const f=void 0!==o?o:i,b=l&&Jo(a),v=e.useMemo(()=>{if(!b)return f;const e=function(e,r=8){return null==e?0:"number"==typeof e?e*r:"string"==typeof e?e.endsWith("px")?parseFloat(e):e.endsWith("rem")?parseFloat(e)*parseFloat(getComputedStyle(document.documentElement).fontSize||"16"):parseFloat(e)*r||0:0}(f),r=function(e,r=8){if("undefined"==typeof window)return r;const t=getComputedStyle(document.documentElement).getPropertyValue(e).trim();return t?t.endsWith("rem")?parseFloat(t)*parseFloat(getComputedStyle(document.documentElement).fontSize):parseFloat(t)||r:r}(s,8);return e>=r?f:"var("+s+", "+r+"px)"},[b,f,s]);return t.jsx(r.Stack,{direction:n,spacing:u?void 0:v,gap:u?v:void 0,divider:d,flexWrap:c,useFlexGap:u,alignItems:x,justifyContent:h,className:"omni-stack"+(b?" omni-stack-min-gap-enforced":"")+(m?" "+m:""),sx:{...g["data-surface"]||g["data-theme"]?{background:"var(--Background)"}:{},boxSizing:"border-box",...b?{"&::before":{display:"none"}}:{},...p},"data-min-gap-enforced":b?"true":void 0,...g,children:a})}const $o=e=>t.jsx(Ko,{direction:"row",alignItems:"center",...e}),_o=e=>t.jsx(Ko,{direction:"column",...e}),ei=e=>t.jsx(Ko,{direction:"row",flexWrap:"wrap",...e}),ri=Ko,ti=ei,ai={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},oi={small:{gap:"8px",fontSize:"13px",padding:"var(--Card-Padding)"},medium:{gap:"12px",fontSize:"14px",padding:"var(--Card-Padding)"},large:{gap:"16px",fontSize:"16px",padding:"var(--Card-Padding)"}},ii=e.createContext({variant:"default",color:"primary",size:"medium",orientation:"vertical"});function ni({children:e,variant:a="solid",color:o="default",surface:i,size:n="medium",orientation:l="vertical",clickable:s=!1,selected:d=!1,elevated:c=!1,draggable:u=!1,onClick:x,disabled:h=!1,href:p,className:m="",sx:g={},...f}){const b="default"===o,v=b?"":ai[o],y=i||(b?"Container":"dark"===a?"Surface-Dimmest":"light"===a?"Surface-Brightest":"Surface"),j=oi[n]||oi.medium,S="horizontal"===l,B=!!u,k=!h&&(s||!!x||!!p||d||B),w=p?"a":"div",C=d?`var(--Buttons-${(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===o?"Default":o)}-Border)`:"var(--Buttons-Default-Border)",T=k?d?`2px solid ${C}`:"1px solid var(--Buttons-Default-Border)":"1px solid var(--Border-Variant)",z=c?Et:Mt,A=c?Ot:Et,I=c?Mt:Ht;return t.jsx(ii.Provider,{value:{variant:a,color:o,size:n,orientation:l},children:t.jsx(r.Box,{component:w,href:p||void 0,onClick:k?x:void 0,role:k?"button":void 0,tabIndex:k?0:void 0,"aria-pressed":!!d||void 0,"aria-disabled":h||void 0,draggable:B||void 0,className:"card card-"+a+" card-"+n+" card-"+l+(k?" card-clickable":"")+(d?" card-selected":"")+(c?" card-elevated":"")+(B?" card-draggable":"")+" "+m,sx:{display:"flex",border:T,borderRadius:"var(--Card-Radius)",boxShadow:z,overflow:"hidden",textDecoration:"none",transition:"box-shadow 0.2s ease, border-color 0.2s ease, transform 0.1s ease",...h&&{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none"},...k&&!B&&{cursor:"pointer","&:hover":{borderColor:"var(--Buttons-Default-Border)",boxShadow:A,transform:"translateY(-1px)"},"&:active":{transform:"translateY(0) scale(0.995)",boxShadow:I},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"3px",borderRadius:"calc(var(--Card-Radius) + 3px)"}},...B&&{cursor:"grab","&:hover":{borderColor:"var(--Buttons-Default-Border)",boxShadow:A},"&:active":{cursor:"grabbing",zIndex:10,boxShadow:Ot,transform:"scale(1.02)",borderWidth:"2px",borderColor:"var(--Buttons-Primary-Border)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"3px"}},...g},onKeyDown:k?e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),x?.())}:void 0,...f,children:t.jsx(r.Box,{"data-theme":v||void 0,"data-surface":y,sx:{display:"flex",flexDirection:S?"row":"column",gap:j.gap,padding:j.padding,backgroundColor:"var(--Background)",color:"var(--Text)",fontSize:j.fontSize,fontFamily:"inherit",borderRadius:"inherit",position:"relative",flex:1,minWidth:0,overflow:"hidden"},children:e})})})}function li({children:a,className:o="",sx:i={},...n}){const{size:l}=e.useContext(ii),s=oi[l]||oi.medium;return t.jsx(r.Box,{className:"card-content "+o,sx:{display:"flex",flexDirection:"column",gap:s.gap,flex:1,minWidth:0,...i},...n,children:a})}const si=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",di=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary"]},{label:"State",colors:["info","success","warning","error"]}],ci=[p,ge,l,b,fe,be];const ui={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},xi={small:{size:32,iconSize:16,fontSize:"13px",px:12,gap:6},medium:{size:48,iconSize:24,fontSize:"14px",px:16,gap:8},large:{size:56,iconSize:36,fontSize:"15px",px:20,gap:10}};function hi({children:e,icon:a,label:o,variant:i="solid",color:n="primary",size:l="medium",extended:s=!1,animate:d=!1,disabled:c=!1,onClick:u,ariaLabel:x,className:h="",sx:p={},...m}){"production"!==process.env.NODE_ENV&&"solid"!==i&&console.warn('[Fab] variant="'+i+'" is not a Fab variant; rendering solid. The light variant was removed with the -Light button shades — it named tokens no design system publishes, so it rendered as an unstyled box. For a lighter FAB, put it on data-surface="Surface-Brightest".');const g=function(e){const r=ui[e]||"Primary";return{bg:"var(--Buttons-"+r+"-Button)",text:"var(--Buttons-"+r+"-Text)",border:"var(--Buttons-"+r+"-Border)",hover:"var(--Buttons-"+r+"-Hover)",active:"var(--Buttons-"+r+"-Pressed)"}}(n),f=xi[l]||xi.medium,b=a||e||t.jsx(ve,{sx:{fontSize:f.iconSize}}),v=x||o||"Action";return t.jsxs(t.Fragment,{children:[d&&t.jsx("style",{children:"\n@keyframes fab-pulse {\n  0% { box-shadow: 0 0 0 0 rgba(var(--pulse-rgb, 0,0,0), 0.4); }\n  70% { box-shadow: 0 0 0 12px rgba(var(--pulse-rgb, 0,0,0), 0); }\n  100% { box-shadow: 0 0 0 0 rgba(var(--pulse-rgb, 0,0,0), 0); }\n}\n"}),t.jsxs(r.Box,{component:"button",type:"button",role:"button","aria-label":v,onClick:u,disabled:c,className:"fab fab-solid fab-"+n+" fab-"+l+(s?" fab-extended":"")+(d?" fab-animate":"")+(c?" fab-disabled":"")+(h?" "+h:""),sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:s?f.gap+"px":0,...s?{height:f.size+"px",borderRadius:f.size/2+"px",px:f.px+"px"}:{width:f.size+"px",height:f.size+"px",borderRadius:"50%"},backgroundColor:g.bg,color:g.text,border:"var(--Button-Border-Width) solid "+g.border,"--_height":f.size+"px","--_bevel":"min(calc(var(--Button-Bevel) * var(--_height) / 100), calc(var(--_height) / 5))",boxShadow:`${Ut(n)}, ${Et}`,fontSize:f.fontSize,fontFamily:"inherit",fontWeight:600,cursor:c?"not-allowed":"pointer",opacity:c?"var(--Disabled, 0.38)":1,outline:"none",flexShrink:0,transition:"background-color 0.15s ease, box-shadow 0.2s ease, transform 0.1s ease","&:hover":c?{}:{backgroundColor:g.hover,boxShadow:`${Ut(n)}, ${Ot}`},"&:active":c?{}:{backgroundColor:g.active,transform:"scale(0.96)",boxShadow:Ut(n)},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px"},...d&&!c&&{animation:"fab-pulse 2s infinite"},...p},...m,children:[t.jsx(r.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",fontSize:f.iconSize+"px",color:"inherit","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"}},children:b}),s&&o&&t.jsx(r.Box,{component:"span",sx:{whiteSpace:"nowrap",lineHeight:1},children:o})]})]})}const pi=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",mi=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],gi={default:"Tertiary",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"};function fi({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function bi({color:e,selected:a,onClick:i}){const n=gi[e]||"Primary";return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+pi(e),"aria-pressed":a,title:pi(e),sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:a?"2px solid var(--Text)":"1px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}function vi({value:e,onChange:a,placeholder:o,label:i}){return t.jsxs(r.Box,{children:[i&&t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4},children:i}),t.jsx(r.Box,{component:"input",type:"text",value:e,onChange:e=>a(e.target.value),placeholder:o,sx:{width:"100%",padding:"6px 10px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",outline:"none","&:focus":{borderColor:"var(--Focus-Visible)"}}})]})}const yi={small:"var(--Sm-Rail-Width, 72px)",medium:"var(--Rail-Width, 80px)",large:"var(--Lg-Rail-Width, 96px)"},ji="var(--Icon-Size, 24px)",Si="var(--Sizing-Half, 4px)",Bi="var(--Button-Height, 32px)";function ki({items:a=[],sections:o,value:i,defaultValue:n=0,onChange:l,expandable:s=!1,expandedWidth:d="partial",defaultExpanded:c=!1,fabAction:u,labelStyle:x="contained",size:h="medium",className:p="",sx:m={},...g}){const[f,b]=e.useState(n),[v,y]=e.useState(c),j=void 0!==i,S=j?i:f,B=e.useCallback(e=>{j||b(e),l?.(e)},[j,l]),k=s&&v,w=k?("full"===d?320:240)+"px":yi[h]||yi.medium;return t.jsxs(r.Box,{component:"nav",role:"navigation","aria-label":"Navigation rail","data-theme":"Default","data-surface":"Surface-Dim",className:"rail"+(s?" rail-expandable":" rail-fixed")+(k?" rail-expanded":" rail-collapsed")+" rail-label-"+("outside"===x?"outside":"contained")+" rail-"+(yi[h]?h:"medium")+" "+p,sx:{display:"flex",flexDirection:"column",width:w,minHeight:"100%",gap:k?0:"var(--Sizing-1, 8px)",backgroundColor:"var(--Background)",borderRight:"1px solid var(--Border)",fontFamily:"inherit",transition:"width 0.25s ease",overflow:"hidden",flexShrink:0,...m},...g,children:[s&&t.jsx(r.Box,{sx:{display:"flex",justifyContent:k?"flex-start":"center",px:k?1.5:0,height:56,alignItems:"center"},children:t.jsx(na,{iconOnly:!0,variant:"ghost",size:"small",onClick:()=>y(e=>!e),"aria-label":k?"Collapse menu":"Expand menu",children:t.jsx(vt,{size:"small",sx:{color:"inherit"},children:k?t.jsx(Se,{}):t.jsx(je,{})})})}),u&&t.jsx(r.Box,{sx:{px:k?2:1,py:1,flexShrink:0},children:t.jsx(na,{variant:"primary-light",size:"medium",onClick:u.onClick,"aria-label":u.label||"Action",startIcon:u.icon?t.jsx(vt,{size:"small",sx:{color:"inherit"},children:u.icon}):void 0,sx:{width:k?"100%":56,borderRadius:k?"28px":"var(--Style-Border-Radius)",justifyContent:k?"flex-start":"center",transition:"all 0.2s ease"},children:k?u.label:null})}),t.jsx(r.Box,{role:"tablist","aria-orientation":"vertical",sx:{flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column",alignItems:"center",gap:k?0:"var(--Sizing-1-and-Half, 12px)",px:k?0:"var(--Sizing-1, 8px)",width:"100%",boxSizing:"border-box"},children:(()=>{if(o&&o.length>0){const e=[];let a=0;return o.forEach((o,i)=>{i>0&&e.push(t.jsx(r.Box,{"aria-hidden":"true",sx:{height:"1px",width:"100%",backgroundColor:"var(--Border-Variant)"}},"divider-"+i)),o.items.forEach(r=>{const o=a;e.push(t.jsx(wi,{item:r,selected:S===o,expanded:k,labelStyle:x,onClick:()=>B(o)},"item-"+o)),a++})}),e}return a.map((e,r)=>t.jsx(wi,{item:e,selected:S===r,expanded:k,labelStyle:x,onClick:()=>B(r)},r))})()})]})}function wi({item:e,selected:a,expanded:o,labelStyle:i,onClick:n}){const{icon:l,avatar:s,label:d,badge:c,disabled:u}=e,x=a?"var(--Button)":"transparent",h=a||o?"var(--Text)":"var(--Quiet)",p="outside"!==i,m=p&&!o,g=u?{}:{"&:hover":{backgroundColor:"var(--Hover)","& .rail-item-label":{color:"var(--Text)"}},"&:active":{backgroundColor:"var(--Pressed)","& .rail-item-label":{color:"var(--Text)"}},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px","& .rail-item-label":{color:"var(--Text)"}}};return t.jsxs(r.Box,{component:"button",type:"button",role:"tab","aria-selected":a,"aria-label":d,"aria-disabled":u||void 0,disabled:u||void 0,onClick:u?void 0:n,className:"rail-item"+(a?" rail-item-selected":""),sx:{display:"flex",flexDirection:o?"row":"column",alignItems:"center",justifyContent:o?"flex-start":"center",gap:o?"var(--Sizing-1-and-Half, 12px)":"2px",width:o?"100%":44,minWidth:o?void 0:ji,minHeight:ji,px:o?2.5:0,py:m?Si:0,border:a&&m?"1px solid var(--Border)":"1px solid transparent",borderRadius:o?0:"8px",backgroundColor:m||o?x:"transparent",boxShadow:a&&m?"var(--Shadow-1, none)":"none",color:"inherit",cursor:u?"not-allowed":"pointer",opacity:u?"var(--Disabled, 0.38)":1,fontFamily:"inherit",textAlign:o?"left":"center",transition:"background-color 0.15s ease, color 0.15s ease",outline:"none",...m||o?g:{}},children:[t.jsxs(r.Box,{sx:{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",...o?{flexShrink:0}:{width:p?"100%":Bi,height:p?"auto":Bi,py:p?Si:0,borderRadius:p?"8px":Bi,backgroundColor:p?"transparent":x,border:!p&&a?"1px solid var(--Border)":void 0,transition:"background-color 0.2s ease",...p?{}:g}},children:[s?t.jsx(r.Box,{sx:{display:"flex",width:ji,height:ji},children:s}):t.jsx(vt,{size:"small",sx:{color:"inherit"},children:l}),c&&t.jsx(Ci,{value:c})]}),d&&t.jsx(r.Box,{sx:{display:"flex",alignItems:"flex-start",justifyContent:"center",width:"100%"},children:t.jsx(et,{className:"rail-item-label",style:{color:h,textAlign:"center",whiteSpace:o?"nowrap":"normal",overflow:"hidden",textOverflow:"ellipsis",...o?{flex:1}:{maxWidth:"100%"}},children:d})})]})}function Ci({value:e}){return t.jsx(r.Box,{sx:{position:"absolute",top:-4,right:-6,minWidth:16,height:16,borderRadius:"8px",backgroundColor:"var(--Tags-Error-BG)",color:"var(--Tags-Error-Text)",fontSize:"10px",fontWeight:700,px:.5,display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1},children:e})}const Ti=[{icon:t.jsx(p,{}),label:"Home"},{icon:t.jsx(f,{}),label:"Search"},{icon:t.jsx(h,{}),label:"Favorites",badge:3},{icon:t.jsx(i,{}),label:"Profile"},{icon:t.jsx(g,{}),label:"Settings"}];function zi({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}const Ai={default:{theme:"Default"},primary:{theme:"Primary"},"primary-light":{theme:"Primary",surface:"Surface-Brightest"},white:{theme:"Neutral",surface:"Surface-Brightest"},black:{theme:"Neutral",surface:"Surface-Dimmest"}};function Ii({items:a=[],value:o,defaultValue:i,onChange:n,type:l="floating",orientation:s="horizontal",color:d="default",fab:c,className:u="",sx:x={},...h}){const[p,m]=e.useState(i??null),g=void 0!==o,f=g?o:p,b=e.useCallback(e=>{const r=f===e?null:e;g||m(r),n?.(r)},[g,f,n]),v=Ai[d]||Ai.default,y=v.theme,j=v.surface,S="vertical"===s,B="floating"===l,k=t.jsx(r.Box,{role:"toolbar","aria-orientation":s,"aria-label":"Toolbar","data-theme":y,"data-surface":j||"Surface",className:"toolbar toolbar-"+l+" toolbar-"+s+" toolbar-"+d+" "+u,sx:{display:"inline-flex",flexDirection:S?"column":"row",alignItems:"center",gap:"4px",backgroundColor:"var(--Background)",border:"1px solid var(--Border-Variant)",borderRadius:B?"56px":"var(--Style-Border-Radius)",padding:B?"8px 16px":"8px",fontFamily:"inherit",flexShrink:0,...B&&{boxShadow:Mt},...x},...h,children:a.map((e,r)=>{const a=f===r;return t.jsx(na,{iconOnly:!0,variant:a?"default":"ghost",size:"small",onClick:()=>b(r),"aria-label":e.label,"aria-checked":a,role:"radio",children:t.jsx(vt,{size:"small",sx:{color:"inherit"},children:e.icon})},e.key||r)})});return c&&B?t.jsxs(r.Box,{sx:{display:"inline-flex",flexDirection:S?"column":"row",alignItems:"center",gap:1},children:[k,t.jsx(na,{iconOnly:!0,variant:"default",size:"large",onClick:c.onClick,"aria-label":c.label||"Action",sx:{borderRadius:"50%",width:56,height:56,minWidth:"unset",minHeight:"unset"},children:t.jsx(vt,{size:"medium",sx:{color:"inherit"},children:c.icon})})]}):k}const Ri=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Wi=[{icon:t.jsx(Be,{}),label:"Bold"},{icon:t.jsx(ke,{}),label:"Italic"},{icon:t.jsx(we,{}),label:"Underline"},{icon:t.jsx(Ce,{}),label:"Align left"},{icon:t.jsx(Te,{}),label:"Align center"}];function Di({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}const Fi={small:{height:"var(--Small-Button-Height)",fontSize:"13px",padding:"4px 8px",iconSize:16,btnSize:28},medium:{height:"var(--Button-Height)",fontSize:"14px",padding:"6px 12px",iconSize:18,btnSize:36},large:{height:"var(--Large-Button-Height)",fontSize:"16px",padding:"8px 16px",iconSize:20,btnSize:44}};function Li({value:a,defaultValue:o=0,onChange:i,min:l,max:s,step:d=1,variant:c="outlined",style:u="outline",color:x="default",size:h="medium",label:p,labelPosition:m="top",placeholder:g,helperText:f,disabled:b=!1,fullWidth:v=!1,className:y="",sx:j={},...S}){const[B,k]=e.useState(o),[w,C]=e.useState(!1),T=e.useRef(null),z=void 0!==a,A=z?a:B,I=""!==A&&null!=A,R=(W="default"===x?"primary":x).charAt(0).toUpperCase()+W.slice(1);var W;"production"!==process.env.NODE_ENV&&"light"===u&&console.warn('[NumberField] style="light" was removed and had never done anything — it was read by no code path. For a lighter field use data-surface="Surface-Brightest" on its container.');const D="default"===x?"var(--Border)":"var(--Buttons-"+R+"-Border)",F="default"===x?"var(--Text)":"var(--Text-"+R+")",L="outlined"===c,P="floating"===m,H="top"===m,M=Fi[h]||Fi.medium,E="small"===h?qr:Xr,O=e.useCallback(e=>{let r="number"==typeof e?e:parseFloat(e);isNaN(r)&&(r=0),void 0!==l&&r<l&&(r=l),void 0!==s&&r>s&&(r=s),z||k(r),i?.(r)},[z,i,l,s]),N=e.useRef(A);N.current=A;const Q=e.useCallback(e=>{if(b)return;const r="number"==typeof N.current?N.current:parseFloat(N.current)||0;void 0!==l&&e<0&&r<=l||void 0!==s&&e>0&&r>=s||O(r+e*d)},[b,d,l,s,O]),V=void 0!==l&&A<=l,G=void 0!==s&&A>=s,q=e.useRef(null),U=e.useRef(null),X=e.useCallback(()=>{q.current&&(clearTimeout(q.current),q.current=null),U.current&&(clearInterval(U.current),U.current=null)},[]),Y=e.useCallback(e=>{b||(X(),Q(e),q.current=setTimeout(()=>{let r=120,t=0;const a=()=>{Q(e),t+=1,10===t&&r>60?(clearInterval(U.current),r=60,U.current=setInterval(a,r)):30===t&&r>30&&(clearInterval(U.current),r=30,U.current=setInterval(a,r))};U.current=setInterval(a,r)},400))},[b,Q,X]);e.useEffect(()=>X,[X]);const Z=e.useRef(!1),J=e=>({onPointerDown:r=>{if(void 0===r.button||0===r.button){r.preventDefault();try{r.currentTarget.setPointerCapture?.(r.pointerId)}catch(e){}Z.current=!0,Y(e)}},onClick:()=>{Z.current?Z.current=!1:Q(e)},onPointerUp:e=>{try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch(e){}X()},onPointerCancel:X,onPointerLeave:X,onKeyDown:r=>{"Enter"!==r.key&&" "!==r.key||r.repeat||(r.preventDefault(),Y(e))},onKeyUp:e=>{"Enter"!==e.key&&" "!==e.key||X()},onBlur:X}),K=e=>{const r=e.target.value;if(""===r||"-"===r)return void(z||k(r));const t=parseFloat(r);isNaN(t)||O(t)},$=e=>{"ArrowUp"===e.key&&(e.preventDefault(),Q(1)),"ArrowDown"===e.key&&(e.preventDefault(),Q(-1))},_={display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"transparent",color:"default"===x?"var(--Text)":"var(--Text-"+R+")",cursor:"pointer",outline:"none",flexShrink:0,border:"none",padding:0,borderRadius:"var(--Button-Icon-Radius, 0)",transition:"background-color 0.15s ease","&:hover:not(:disabled)":{backgroundColor:"var(--Hover)"},"&:active:not(:disabled)":{backgroundColor:"var(--Pressed)"},"&:focus-visible":{outline:"none",boxShadow:"inset 0 0 0 1px var(--Focus-Visible)"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},ee={},re=()=>H&&p?t.jsx(E,{component:"label",style:{display:"block",marginBottom:"6px",color:b?"var(--Quiet)":"var(--Text)",fontWeight:500,opacity:b?"var(--Disabled, 0.38)":1},children:p}):null;return L?t.jsxs(r.Box,{className:"numberfield numberfield-outlined"+(b?" numberfield-disabled":"")+(y?" "+y:""),sx:{width:v?"100%":"auto",fontFamily:"inherit",...j},...S,children:[re(),t.jsx(r.Box,{sx:{border:"1px solid "+D,borderRadius:"small"===h?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===h?"var(--Lg-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden",transition:"border-color 0.15s ease",boxShadow:"none",opacity:b?"var(--Disabled, 0.38)":1,"&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:t.jsx(r.Box,{...ee,children:t.jsxs(r.Box,{sx:{position:"relative",display:"flex",alignItems:"stretch",minHeight:"max("+M.height+", calc(var(--Sizing-3, 24px) * 2 + 1px))",backgroundColor:"var(--Background)"},children:[P&&p&&t.jsx(r.Box,{sx:{position:"absolute",top:I||w?"6px":"50%",left:M.padding.split(" ")[1]||"14px",transform:I||w?"none":"translateY(-50%)",transformOrigin:"top left",color:w?F:"var(--Quiet)",fontFamily:"var(--Font-Families-Body, var(--Body-Font-Family))",...I||w?{fontSize:"var(--"+(ka[h]||ka.medium).shrunk+"-Font-Size)",fontWeight:"var(--"+(ka[h]||ka.medium).shrunk+"-Font-Weight)",letterSpacing:"var(--"+(ka[h]||ka.medium).shrunk+"-Letter-Spacing)"}:{fontSize:"var(--"+(ka[h]||ka.medium).resting+"-Font-Size)",fontWeight:"var(--"+(ka[h]||ka.medium).resting+"-Font-Weight)",letterSpacing:"var(--"+(ka[h]||ka.medium).resting+"-Letter-Spacing)"},pointerEvents:"none",transition:"top 0.15s ease, font-size 0.15s ease, color 0.15s ease",zIndex:1},children:p}),t.jsx(r.Box,{component:"input",ref:T,type:"text",inputMode:"numeric",role:"spinbutton","aria-valuenow":"number"==typeof A?A:void 0,"aria-valuemin":l,"aria-valuemax":s,"aria-label":p||"Number",value:A,onChange:K,onKeyDown:$,onFocus:()=>C(!0),onBlur:()=>C(!1),disabled:b,placeholder:P?void 0:g||"",sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:I||w?F:"var(--Quiet)",fontSize:M.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)",padding:P?"22px 14px 6px":M.padding,minWidth:0,"&::placeholder":{color:"var(--Quiet)",opacity:1},"&:disabled":{cursor:"not-allowed"}}}),t.jsxs(r.Box,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"stretch",borderLeft:"1px solid "+D,flexShrink:0},children:[t.jsx(r.Box,{component:"button",type:"button","aria-label":"Increase",...J(1),disabled:b||G,sx:{..._,width:"var(--Sizing-4, 32px)",height:"var(--Sizing-3, 24px)"},children:t.jsx(vt,{size:"medium",children:t.jsx(ze,{})})}),t.jsx(r.Box,{"aria-hidden":"true",sx:{height:"1px",backgroundColor:D,flexShrink:0}}),t.jsx(r.Box,{component:"button",type:"button","aria-label":"Decrease",...J(-1),disabled:b||V,sx:{..._,width:"var(--Sizing-4, 32px)",height:"var(--Sizing-3, 24px)"},children:t.jsx(vt,{size:"medium",children:t.jsx(Ae,{})})})]})]})})}),f&&t.jsx(qr,{style:{color:"var(--Quiet)",marginTop:"4px",marginLeft:"2px"},children:f})]}):t.jsxs(r.Box,{className:"numberfield numberfield-spinner"+(b?" numberfield-disabled":"")+(y?" "+y:""),sx:{fontFamily:"inherit",...j},...S,children:[re(),t.jsxs(r.Box,{sx:{display:"inline-flex",alignItems:"center",gap:"small"===h?.5:1,opacity:b?"var(--Disabled, 0.38)":1},children:[t.jsx(r.Box,{component:"button",type:"button","aria-label":"Decrease",...J(-1),disabled:b||V,sx:{..._,width:M.btnSize,height:M.btnSize,borderRadius:"small"===h?"var(--Sm-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"large"===h?"var(--Lg-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"var(--Button-Icon-Radius, var(--Style-Border-Radius))",border:"1px solid "+D},children:t.jsx(vt,{size:"small",children:t.jsx(n,{})})}),t.jsx(r.Box,{sx:{border:"1px solid "+D,borderRadius:"small"===h?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===h?"var(--Lg-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden","&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:t.jsx(r.Box,{...ee,children:t.jsx(r.Box,{component:"input",ref:T,type:"text",inputMode:"numeric",role:"spinbutton","aria-valuenow":"number"==typeof A?A:void 0,"aria-valuemin":l,"aria-valuemax":s,"aria-label":p||"Number",value:A,onChange:K,onKeyDown:$,onFocus:()=>C(!0),onBlur:()=>C(!1),disabled:b,sx:{width:"small"===h?40:56,minHeight:M.height,textAlign:"center",border:"none",outline:"none",backgroundColor:"var(--Hover)",color:"var(--Text)",fontSize:M.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:600,"&:disabled":{cursor:"not-allowed"}}})})}),t.jsx(r.Box,{component:"button",type:"button","aria-label":"Increase",...J(1),disabled:b||G,sx:{..._,width:M.btnSize,height:M.btnSize,borderRadius:"small"===h?"var(--Sm-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"large"===h?"var(--Lg-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"var(--Button-Icon-Radius, var(--Style-Border-Radius))",border:"1px solid "+D},children:t.jsx(vt,{size:"small",children:t.jsx(ve,{})})})]}),f&&t.jsx(qr,{style:{color:"var(--Quiet)",marginTop:"4px",marginLeft:"2px"},children:f})]})}const Pi=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Hi=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Mi({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function Ei({color:e,selected:a,onClick:i}){const n=Pi(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":a,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:a?"2px solid var(--Text)":"1px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const Oi={color:"var(--Text)",backgroundColor:"transparent",textTransform:"none",fontWeight:500,"&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},"&.Mui-focusVisible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px",zIndex:1},"&.Mui-disabled":{color:"var(--Quiet)",opacity:"var(--Disabled, 0.38)"},"&.Mui-selected":{backgroundColor:"var(--Buttons-Primary-Button)",color:"var(--Buttons-Primary-Text)","&:hover":{backgroundColor:"var(--Buttons-Primary-Hover)"},"&:active":{backgroundColor:"var(--Buttons-Primary-Pressed)"}}};const Ni=["default","primary","secondary","tertiary","neutral","black-white","info","success","warning","error"],Qi=["fill","outline","ghost"];function Vi(){const e={};return Ni.forEach(r=>{Qi.forEach(t=>{e["fill"===t?r:r+"-"+t]=function(e,r){const t=Gt(e),a={color:e,style:r,bg:"transparent",text:"var(--Quiet)",hover:"var(--Buttons-"+t+"-Hover)",hoverText:"var(--Buttons-"+t+"-Text)",pressed:"var(--Buttons-"+t+"-Pressed)"};return"ghost"===r?{...a,border:"transparent",selectedBg:"transparent",selectedText:"var(--Buttons-"+t+"-Border)",selectedRing:"inset 0 0 0 2px var(--Buttons-"+t+"-Border)",bevel:!1}:"outline"===r?{...a,border:"var(--Buttons-"+t+"-Border)",selectedBg:"transparent",selectedText:"var(--Buttons-"+t+"-Border)",selectedRing:"inset 0 0 0 2px var(--Buttons-"+t+"-Border)",bevel:!1}:{...a,border:"var(--Buttons-"+t+"-Border)",selectedBg:"var(--Buttons-"+t+"-Button)",selectedText:"var(--Buttons-"+t+"-Text)",selectedRing:null,bevel:!0}}(r,t)})}),e}const Gi={small:{height:"var(--Small-Button-Height)",fontSize:"13px",padding:"4px 10px",iconSize:16,gap:4,swatchRadius:"var(--Sm-Input-Swatch-Radius, 18px)"},medium:{height:"var(--Button-Height)",fontSize:"15px",padding:"6px 14px",iconSize:18,gap:6,swatchRadius:"var(--Input-Swatch-Radius, 26px)"},large:{height:"var(--Large-Button-Height)",fontSize:"17px",padding:"8px 18px",iconSize:20,gap:8,swatchRadius:"var(--Lg-Input-Swatch-Radius, 50px)"}};function qi({variant:a="primary",size:o="medium",value:i,defaultValue:n,onChange:l,exclusive:s=!0,orientation:d="horizontal",disabled:c=!1,fullWidth:u=!1,children:x,className:h="",sx:p={},"aria-label":m,...g}){const f=Vi(),b=f[a]||f.default,v=Gi[o]||Gi.medium,y="vertical"===d,j={gap:0,border:"ghost"===b.style?"none":"1px solid "+b.border,borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",...u&&{width:"100%"},display:"grid",gridAutoFlow:y?"row":"column",...y?{gridAutoRows:"1fr"}:{gridAutoColumns:"1fr"},"& .MuiToggleButtonGroup-grouped":{margin:0,borderLeft:0,borderTop:0,"&.Mui-selected + &.Mui-selected":{marginLeft:0,marginTop:0,borderLeft:0,borderTop:0}},"& .MuiToggleButton-root":{height:v.height,fontSize:v.fontSize,padding:v.padding,fontFamily:"inherit",fontWeight:500,textTransform:"none",letterSpacing:"0",lineHeight:1.4,backgroundColor:b.bg,color:b.text,border:"none",borderRadius:0,transition:"background-color 0.15s ease, color 0.15s ease","& .tbtn-start, & .tbtn-end":{display:"inline-flex",alignItems:"center",flexShrink:0,"& > *":{width:v.iconSize,height:v.iconSize,display:"block"}},"& .tbtn-start":{marginRight:"2px"},"& .tbtn-end":{marginLeft:"2px"},"& .tbtn-swatch":{display:"block",flexShrink:0,width:v.iconSize,height:v.iconSize,borderRadius:v.swatchRadius,border:"1px solid var(--Border-Variant)"},"& .tbtn-swatch:not(:only-child)":{marginRight:"2px"},"--_height":v.height,"--_bevel":"var(--Button-Bevel-Px, min(calc(var(--Button-Bevel, 0) * var(--_height) / 100), calc(var(--_height) / 5)))",...u&&{flex:1},..."ghost"===b.style?{}:y?{"&:not(:last-of-type)":{borderBottom:"1px solid "+b.border}}:{"&:not(:last-of-type)":{borderRight:"1px solid "+b.border}},"&:hover":{backgroundColor:b.hover,color:b.hoverText},"&:active":{backgroundColor:b.pressed,color:b.hoverText},"&.Mui-selected":{backgroundColor:b.selectedBg,color:b.selectedText,...b.bevel?{boxShadow:Ut(b.color)}:{},...b.selectedRing?{boxShadow:b.selectedRing}:{}},"&.Mui-selected:hover":{backgroundColor:b.selectedRing?"var(--Hover)":b.hover,color:b.selectedText,...b.bevel?{boxShadow:Ut(b.color)}:{},...b.selectedRing?{boxShadow:b.selectedRing}:{}},"&.Mui-selected:active":{backgroundColor:b.selectedRing?"var(--Pressed)":b.pressed,color:b.selectedText,...b.bevel?{boxShadow:Ut(b.color)}:{},...b.selectedRing?{boxShadow:b.selectedRing}:{}},"&.Mui-focusVisible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"-2px",zIndex:1},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",color:b.text,backgroundColor:b.bg},"&.Mui-disabled.Mui-selected":{opacity:.6,backgroundColor:b.selectedBg,color:b.selectedText},"& .MuiSvgIcon-root":{fontSize:v.iconSize},"& > *:not(:only-child)":{marginRight:v.gap/2,marginLeft:v.gap/2}},...p};return t.jsx(r.ToggleButtonGroup,{value:i,defaultValue:n,onChange:l,exclusive:s,orientation:d,disabled:c,className:"toggle-group-"+a+" "+h,sx:j,"aria-label":m,...g,children:e.Children.map(x,r=>e.isValidElement(r)&&c?e.cloneElement(r,{disabled:!0}):r)})}function Ui({label:a,value:o="",onChange:i,placeholder:n,error:l=!1,errorMessage:s="",disabled:d=!1,helperText:c="",variant:u="outlined",size:x="medium",type:h="text",required:p=!1,fullWidth:m=!0,startAdornment:g,endAdornment:f,sx:b={},"aria-label":v,"aria-labelledby":y,onFocus:j,onBlur:S,...B}){const[k,w]=e.useState(!1),C=l?"var(--Buttons-Error-Border)":k?"var(--Buttons-Primary-Border)":"var(--Border)",T=l||k?"var(--Text)":"var(--Text-Quiet)",z="var(--Text)";return t.jsxs(r.Box,{sx:{width:m?"100%":"auto"},children:[t.jsx(r.TextField,{label:a,value:o,onChange:i,placeholder:n,disabled:d,variant:u,size:x,type:h,required:p,onFocus:e=>{w(!0),j?.(e)},onBlur:e=>{w(!1),S?.(e)},error:l,fullWidth:m,slotProps:{htmlInput:{...v?{"aria-label":v}:{},...y?{"aria-labelledby":y}:{}},input:{"data-surface":d?"Container-Low":"Container",style:{color:z},startAdornment:g?t.jsx(r.InputAdornment,{position:"start",children:g}):void 0,endAdornment:f?t.jsx(r.InputAdornment,{position:"end",children:f}):void 0}},sx:{width:m?"100%":"auto","& .MuiOutlinedInput-root":{backgroundColor:"var(--Background)",transition:"all 0.2s ease-in-out",color:z,"& fieldset":{borderColor:C,transition:"border-color 0.2s ease-in-out"},"&:hover fieldset":{borderColor:l?"var(--Buttons-Error-Border)":"var(--Buttons-Primary-Border)"},"&.Mui-focused fieldset":{borderColor:l?"var(--Buttons-Error-Border)":"var(--Buttons-Primary-Border)",borderWidth:"2px"},"&.Mui-disabled":{backgroundColor:"var(--Background)",opacity:"var(--Disabled, 0.38)"}},"& .MuiInputLabel-root":{color:T,transition:"all 0.2s ease-in-out",fontSize:"14px",fontWeight:500,"&.Mui-focused":{color:"var(--Text)",fontWeight:600},"&.Mui-error":{color:"var(--Text)"},"&.Mui-disabled":{color:"var(--Text-Secondary)",opacity:"var(--Disabled, 0.38)"}},"& .MuiFormHelperText-root":{color:l?"var(--Buttons-Error-Border)":"var(--Text-Secondary)",marginTop:"4px",fontSize:"12px"},...b},...B}),l&&s&&t.jsx(r.FormHelperText,{error:!0,sx:{color:"var(--Buttons-Error-Border)",marginTop:"4px",fontSize:"12px",fontWeight:500},children:s})]})}const Xi=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Yi=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Zi=[{value:"apple",label:"Apple"},{value:"banana",label:"Banana"},{value:"cherry",label:"Cherry"},{value:"date",label:"Date"},{value:"elderberry",label:"Elderberry"}],Ji=[{value:"primary",label:"Primary",color:"var(--Buttons-Primary-Button)"},{value:"secondary",label:"Secondary",color:"var(--Buttons-Secondary-Button)"},{value:"tertiary",label:"Tertiary",color:"var(--Buttons-Tertiary-Button)"},{value:"neutral",label:"Neutral",color:"var(--Buttons-Neutral-Button)"},{value:"info",label:"Info",color:"var(--Buttons-Info-Button)"},{value:"success",label:"Success",color:"var(--Buttons-Success-Button)"},{value:"warning",label:"Warning",color:"var(--Buttons-Warning-Button)"},{value:"error",label:"Error",color:"var(--Buttons-Error-Button)"}];function Ki({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function $i({color:e,selected:a,onClick:i}){const n=Xi(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":a,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:a?"2px solid var(--Text)":"1px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const _i={small:{height:"var(--Small-Button-Height)",fontSize:"13px",padding:"4px 8px",iconSize:16},medium:{height:"var(--Button-Height)",fontSize:"14px",padding:"6px 12px",iconSize:18},large:{height:"var(--Large-Button-Height)",fontSize:"16px",padding:"8px 16px",iconSize:20}},en={small:{height:"48px",fontSize:"13px",padding:"20px 12px 4px",leftPad:12},medium:{height:"56px",fontSize:"14px",padding:"22px 14px 6px",leftPad:14},large:{height:"64px",fontSize:"16px",padding:"24px 16px 6px",leftPad:16}};function rn({options:a=[],value:i,defaultValue:n=null,onChange:l,inputValue:s,onInputChange:d,label:c,labelPosition:u="top",placeholder:h="Type to search",helperText:p,size:m="medium",variant:g="outline",color:f="primary",loading:b=!1,loadingText:v="Loading…",noOptionsText:y="No options",freeSolo:j=!1,clearable:S=!0,disabled:B=!1,fullWidth:k=!1,className:w="",sx:C={},...T}){const z=(A="default"===f?"primary":f).charAt(0).toUpperCase()+A.slice(1);var A;"production"!==process.env.NODE_ENV&&"light"===g&&console.warn('[Autocomplete] variant="light" was removed and had never done anything — it was read by no code path. For a lighter Autocomplete use data-surface="Surface-Brightest" on its container.');const I="light"===g?"outline":g,R="var(--Buttons-"+z+"-Border)",W="default"===f?"var(--Text)":"var(--Text-"+z+")",[D,F]=e.useState(n),[L,P]=e.useState(n?"string"==typeof n?n:n.label||"":""),[H,M]=e.useState(!1),[E,O]=e.useState(!1),[N,Q]=e.useState(-1),V=e.useRef(null),G=e.useRef(null),q=void 0!==i,U=void 0!==s,X=q?i:D,Y=U?s:L,Z="floating"===u,J="top"===u,K=""!==Y,$=Z?en[m]||en.medium:_i[m]||_i.medium,_=Y?a.filter(e=>("string"==typeof e?e:e.label).toLowerCase().includes(Y.toLowerCase())):a,ee=e.useCallback(e=>{U||P(e),d?.(e)},[U,d]),re=e.useCallback(e=>{const r="string"==typeof e?e:e.label;q||F(e),ee(r),l?.(e),M(!1),Q(-1),G.current?.focus()},[q,l,ee]);e.useEffect(()=>{if(!H)return;const e=e=>{V.current&&!V.current.contains(e.target)&&M(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[H]);return t.jsxs(r.Box,{ref:V,className:"autocomplete autocomplete-"+m+" autocomplete-variant-"+I+(H?" autocomplete-open":"")+(B?" autocomplete-disabled":"")+(w?" "+w:""),sx:{position:"relative",width:k?"100%":"auto",display:"inline-block",fontFamily:"inherit",...C},...T,children:[J&&c&&(()=>{const e="small"===m?qr:Xr;return t.jsx(e,{component:"label",style:{display:"block",marginBottom:"6px",color:B?"var(--Quiet)":"var(--Text)",fontWeight:500,opacity:B?"var(--Disabled, 0.38)":1},children:c})})(),t.jsx(r.Box,{sx:{border:"1px solid "+R,borderRadius:"small"===m?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===m?"var(--Lg-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden",transition:"border-color 0.15s ease",boxShadow:"none",opacity:B?"var(--Disabled, 0.38)":1,"&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:t.jsx(r.Box,{children:t.jsxs(r.Box,{sx:{position:"relative",display:"flex",alignItems:"center",minHeight:$.height,backgroundColor:"var(--Hover)"},children:[Z&&c&&t.jsx(r.Box,{sx:{position:"absolute",top:K||E?"6px":"50%",left:($.leftPad||14)+"px",transform:K||E?"scale(0.75)":"translateY(-50%)",transformOrigin:"top left",color:E?W:"var(--Quiet)",fontSize:$.fontSize,fontWeight:400,pointerEvents:"none",zIndex:1,transition:"top 0.15s ease, transform 0.15s ease, color 0.15s ease"},children:c}),t.jsx(r.Box,{component:"input",ref:G,type:"text",role:"combobox","aria-expanded":H,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-label":c||h,autoComplete:"off",value:Y,onChange:e=>{ee(e.target.value),H||M(!0),Q(-1)},onKeyDown:e=>{if("Escape"!==e.key){if("ArrowDown"===e.key){if(e.preventDefault(),!H)return void M(!0);Q(e=>Math.min(e+1,_.length-1))}"ArrowUp"===e.key&&(e.preventDefault(),Q(e=>Math.max(e-1,0))),"Enter"===e.key&&H&&N>=0&&_[N]&&(e.preventDefault(),re(_[N]))}else M(!1)},onFocus:()=>{O(!0),M(!0)},onBlur:()=>O(!1),disabled:B,placeholder:Z?void 0:h,sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:K||E?W:"var(--Quiet)",fontSize:$.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)",padding:$.padding,minWidth:0,"&::placeholder":{color:"var(--Quiet)",opacity:1,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)"},"&:disabled":{cursor:"not-allowed"}}}),b&&H&&t.jsx(Ie,{size:16,sx:{mr:1,color:"var(--Quiet)"}}),S&&Y&&!B&&t.jsx(r.Box,{component:"button",type:"button","aria-label":"Clear",onClick:()=>{q||F(null),ee(""),l?.(null),G.current?.focus()},sx:{display:"flex",alignItems:"center",justifyContent:"center",width:20,height:20,borderRadius:"50%",mr:.5,border:"none",backgroundColor:"transparent",color:"var(--Quiet)",cursor:"pointer","&:hover":{color:"var(--Text)",backgroundColor:"var(--Hover)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)"}},children:t.jsx(Se,{sx:{fontSize:14}})}),t.jsx(r.Box,{component:"button",type:"button","aria-label":H?"Close":"Open",tabIndex:-1,onClick:()=>{B||M(!H)},sx:{display:"flex",alignItems:"center",justifyContent:"center",width:28,height:"100%",border:"none",backgroundColor:"transparent",color:"var(--Quiet)",cursor:B?"not-allowed":"pointer"},children:t.jsx(x,{sx:{fontSize:($.iconSize||18)+"px",transform:H?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease"}})})]})})}),p&&t.jsx(r.Box,{sx:{fontSize:"12px",color:"var(--Quiet)",mt:"4px",ml:"2px"},children:p}),H&&t.jsx(r.Box,{role:"listbox","aria-label":c||"Options",sx:{position:"absolute",top:"100%",left:0,right:0,mt:.5,backgroundColor:"var(--Hover)",border:"1px solid var(--Buttons-Default-Border)",borderRadius:"var(--Style-Border-Radius)",boxShadow:"none",zIndex:9999,maxHeight:240,overflowY:"auto",py:.5},children:b?t.jsx(r.Box,{sx:{px:1.5,py:2,textAlign:"center",fontSize:$.fontSize,color:"var(--Quiet)"},children:v}):0===_.length?t.jsx(r.Box,{sx:{px:1.5,py:2,textAlign:"center",fontSize:$.fontSize,color:"var(--Quiet)"},children:y}):_.map((e,a)=>{const i="string"==typeof e?e:e.label,n="string"==typeof e?e:e.value,l=i===(X?"string"==typeof X?X:X.label:null),s=function(e,r){return r?{backgroundColor:"transparent",color:"var(--Text)",fontWeight:600}:e?{backgroundColor:"var(--Hover)",color:"var(--Text)"}:{backgroundColor:"transparent",color:"var(--Text-Quiet)"}}(a===N,l);return t.jsxs(r.Box,{role:"option","aria-selected":l,onClick:()=>re(e),onMouseEnter:()=>Q(a),sx:{display:"flex",alignItems:"center",gap:1,px:1.5,py:0,mx:.5,minHeight:$.height,borderRadius:"4px",cursor:"pointer",fontSize:$.fontSize,fontFamily:"inherit",...s,transition:"background-color 0.1s ease","&:active":{backgroundColor:"var(--Pressed)"}},children:[t.jsx(qr,{style:{flex:1,color:"inherit",fontWeight:"inherit"},children:i}),l&&t.jsx(vt,{size:"small",sx:{opacity:.6,flexShrink:0},children:t.jsx(o,{})})]},n||i)})})]})}const tn=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",an=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],on=[{value:"apple",label:"Apple"},{value:"banana",label:"Banana"},{value:"cherry",label:"Cherry"},{value:"date",label:"Date"},{value:"elderberry",label:"Elderberry"},{value:"fig",label:"Fig"},{value:"grape",label:"Grape"}];function nn({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function ln({color:e,selected:a,onClick:i}){const n=tn(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":a,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:a?"2px solid var(--Text)":"1px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const sn=["default","primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],dn=Gt,cn={small:{touchTarget:24,box:16,dot:8,gap:4,LabelComp:qr},medium:{touchTarget:24,box:20,dot:9.5,gap:8,LabelComp:Xr},large:{touchTarget:24,box:24,dot:9.5,gap:12,LabelComp:Kr}};function un({size:e,color:a,checked:o}){const i=dn(a),n="Default"===i?"var(--Quiet)":"var(--Buttons-"+i+"-Border)",l="var(--Buttons-"+i+"-Border)",s=cn[e]||cn.medium;return t.jsx(r.Box,{className:"radio-circle-icon",sx:{width:s.box,height:s.box,boxSizing:"border-box",borderRadius:"50%",border:"2px solid "+n,overflow:"hidden",flexShrink:0,backgroundColor:"var(--Background)",display:"flex",alignItems:"center",justifyContent:"center",transition:"border-color 0.15s ease-in-out"},children:o&&t.jsx(r.Box,{sx:{width:s.dot,height:s.dot,borderRadius:"50%",backgroundColor:l,transition:"transform 0.15s ease-in-out"}})})}function xn({color:e="primary",size:a="medium",label:o,labelPlacement:i="end",checked:n,disabled:l=!1,onChange:s,name:d,value:c,className:u="",sx:x={},"aria-label":h,"aria-labelledby":p,"aria-describedby":m,inputProps:g={},...f}){const b=sn.includes(e)?e:"primary",v=cn[a]||cn.medium,y=v.LabelComp,j=(v.touchTarget-v.box)/2,S={...g,...h&&{"aria-label":h},...p&&{"aria-labelledby":p},...m&&{"aria-describedby":m}},B=t.jsx(r.Radio,{checked:n,disabled:l,onChange:s,name:d,value:c,icon:t.jsx(un,{size:a,color:b,checked:!1}),checkedIcon:t.jsx(un,{size:a,color:b,checked:!0}),className:"radio-"+b+" "+u,inputProps:S,disableRipple:!0,sx:{padding:j+"px",width:v.touchTarget,height:v.touchTarget,minWidth:v.touchTarget,minHeight:v.touchTarget,boxSizing:"border-box",borderRadius:"50%",color:"inherit",transition:"background-color 0.15s ease-in-out","&.Mui-checked":{color:"inherit"},"&:hover":{backgroundColor:"transparent"},"&:hover .radio-circle-icon":{borderColor:"var(--Text)"},"&:active .radio-circle-icon":{borderColor:"var(--Text)",backgroundColor:"var(--Pressed)"},"&.Mui-disabled .radio-circle-icon":{opacity:"var(--Disabled, 0.38)"},"&.Mui-focusVisible .radio-circle-icon":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none"},...x},...f});return o?t.jsx(r.FormControlLabel,{control:B,label:t.jsx(y,{component:"span",sx:{color:l?"var(--Text-Quiet)":"var(--Text)",lineHeight:1.4,userSelect:"none"},children:o}),labelPlacement:i,disabled:l,sx:{marginLeft:0,marginRight:0,gap:v.gap+"px",alignItems:"center","&.Mui-disabled .MuiTypography-root":{color:"var(--Text-Quiet)",opacity:.6}}}):B}const hn=xn,pn=["default","primary","secondary","tertiary","neutral","info","success","warning","error"];const mn={small:{visual:12,track:2,labelSize:11},medium:{visual:16,track:4,labelSize:12},large:{visual:20,track:6,labelSize:13}};function gn({variant:e="primary",size:a="medium",value:o,defaultValue:i,onChange:n,onChangeCommitted:l,min:s=0,max:d=100,step:c=1,marks:u=!1,valueLabelDisplay:x="off",orientation:h="horizontal",track:p="normal",disabled:m=!1,label:g,name:f,className:b="",sx:v={},"aria-label":y,"aria-labelledby":j,...S}){const B=function(){const e={};return pn.forEach(r=>{e[r]=function(e){const r=(t=e).charAt(0).toUpperCase()+t.slice(1);var t;return{thumb:"var(--Border)",thumbBorder:"1px solid var(--Background)",track:"default"===e?"var(--Button)":"var(--Buttons-"+r+"-Button)",trackBorder:"1px solid var(--Border)",rail:"var(--Background)",railBorder:"1px solid var(--Border)",valueLabel:"var(--Text)",valueLabelText:"var(--Background)"}}(r)}),e}(),k=B[e]||B.primary,w=mn[a]||mn.medium,C="vertical"===h,T=Array.isArray(o)||Array.isArray(i),z="inverted"===p,A="small"===a?qr:Xr,I=w.track+2,R=z?k.track:k.rail,W=k.railBorder,D=z?k.rail:k.track,F=k.trackBorder,L={color:"transparent"===k.track?k.thumb:k.track,height:C?void 0:I,width:C?I:void 0,"& .MuiSlider-rail":{backgroundColor:R,border:W||"none",boxSizing:W?"content-box":"border-box",opacity:1,height:C?void 0:W?w.track:I,width:C?W?w.track:I:void 0,borderRadius:I/2},"& .MuiSlider-track":{boxSizing:F?"content-box":"border-box",backgroundColor:D,border:F||"none",height:C?void 0:F?w.track:I,width:C?F?w.track:I:void 0,borderRadius:I/2},"& .MuiSlider-thumb":{width:24,height:24,backgroundColor:"transparent",border:"none",boxShadow:"none",transition:"none","--_height":w.visual+"px","--_bevel":"min(calc(var(--Button-Bevel) * var(--_height) / 100), calc(var(--_height) / 5))","&::after":{display:"none"},"&::before":{content:'""',position:"absolute",width:w.visual,height:w.visual,borderRadius:"50%",backgroundColor:k.thumb,border:k.thumbBorder||"none",boxShadow:`${Ut(e)}, ${Ht}`,transition:"box-shadow 0.15s ease-in-out",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},"&:hover::before":{boxShadow:`${Ut(e)}, ${Mt}`},"&.Mui-focusVisible::before, &:focus-visible::before":{boxShadow:`${Ut(e)}, ${Mt}, 0 0 0 1px var(--Focus-Visible)`},"&.Mui-active::before":{boxShadow:Ut(e)},"&.Mui-focusVisible":{outline:"none",borderRadius:"50%"},"&.Mui-focusVisible::before":{boxShadow:`${Ut(e)}, ${Mt}`}},...T?C?{'& .MuiSlider-thumb[data-index="0"]::before':{top:0,left:"50%",transform:"translateX(-50%)"},'& .MuiSlider-thumb[data-index="1"]::before':{top:"auto",bottom:0,left:"50%",transform:"translateX(-50%)"}}:{'& .MuiSlider-thumb[data-index="0"]::before':{left:"auto",right:0,top:"50%",transform:"translateY(-50%)"},'& .MuiSlider-thumb[data-index="1"]::before':{left:0,right:"auto",top:"50%",transform:"translateY(-50%)"}}:{},"& .MuiSlider-valueLabel":{backgroundColor:k.valueLabel,color:k.valueLabelText,fontFamily:"var(--Font-Families-Body, var(--Body-Font-Family))",fontSize:"var(--Label-ExtraSmall-Font-Size)",fontWeight:"var(--Label-ExtraSmall-Font-Weight)",letterSpacing:"var(--Label-ExtraSmall-Letter-Spacing)",lineHeight:"var(--Label-ExtraSmall-Line-Height)",borderRadius:"var(--Sizing-1, 8px)",padding:"var(--Sizing-Half, 4px) var(--Sizing-1, 8px)","&::before":{backgroundColor:k.valueLabel}},"& .MuiSlider-mark":{backgroundColor:k.rail,width:C?I:2,height:C?2:I,borderRadius:1},"& .MuiSlider-markActive":{backgroundColor:k.thumb,opacity:.6},"& .MuiSlider-markLabel":{color:"var(--Text-Quiet)",fontSize:w.labelSize},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none","& .MuiSlider-thumb::before":{boxShadow:"none"}},...v},P=t.jsx(r.Slider,{value:o,defaultValue:i,onChange:n,onChangeCommitted:l,min:s,max:d,step:c,marks:u,valueLabelDisplay:x,orientation:h,track:"inverted"===p?"inverted":!1!==p&&"normal",disabled:m,name:f,"aria-label":y,"aria-labelledby":j,slotProps:m?{input:{"aria-disabled":"true"}}:void 0,className:"slider-"+e+" "+b,sx:L,...S});return g?t.jsxs(r.Box,{sx:{width:C?"auto":"100%",height:C?"100%":"auto",display:"flex",flexDirection:"column",gap:"4px"},children:[t.jsx(A,{component:"label",sx:{color:m?"var(--Text-Quiet)":"var(--Text)",fontSize:"small"===a?"13px":"15px",fontWeight:500,opacity:m?"var(--Disabled, 0.38)":1},children:g}),P]}):P}const fn=gn,bn=gn,vn={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},yn={small:{iconSize:16,minHit:24,gap:0,focusInset:-3,focusWidth:3},medium:{iconSize:24,minHit:24,gap:0,focusInset:-3,focusWidth:3},large:{iconSize:36,minHit:void 0,gap:2,focusInset:2,focusWidth:2}};function jn({value:a,defaultValue:o,onChange:i,max:n=5,precision:l=1,color:s="default",size:d="medium",readOnly:c=!1,disabled:u=!1,emptyLabel:x="No rating",className:h="",sx:p={},...m}){const[g,f]=e.useState(o??null),[v,y]=e.useState(null),j=void 0!==a,S=j?a:g,B=null!==v?v:S,k=.5===l,w=!c&&!u,C=vn[s]||vn.default,T=yn[d]||yn.medium,z="var(--Buttons-"+C+"-Button)",A="var(--Buttons-"+C+"-Border)",I=e=>{if(!w)return;const r=e===S?null:e;j||f(r),i?.(r)},R=(e,r)=>{if(!w||!k)return;y(r?e+.5:e+1)},W=w?{"&:hover":{filter:"drop-shadow(0 2px 4px rgba(var(--Dropshadow-Color), 0.22)) drop-shadow(0 1px 2px rgba(var(--Dropshadow-Color), 0.28))","& .MuiSvgIcon-root":{stroke:"var(--Buttons-"+C+"-Border)",strokeWidth:1}}}:{},D=e=>{const a=e+1,o=e+.5,i=null!==B&&a<=B,s=null!==B&&!i&&k&&o<=B,d=s?Re:b,c=((e,r)=>e||r?{color:z,filter:"drop-shadow(0 1px 2px rgba(var(--Dropshadow-Color), 0.28))",transition:"filter 0.15s ease","& .MuiSvgIcon-root":{stroke:A,strokeWidth:.5}}:{color:"transparent","& .MuiSvgIcon-root":{stroke:"var(--Quiet)",strokeWidth:1}})(i,s);return k&&w?t.jsxs(r.Box,{sx:{position:"relative",display:"inline-flex",cursor:"pointer",...c,...W},onMouseLeave:()=>y(null),children:[t.jsx(r.Box,{sx:{position:"absolute",left:0,top:0,width:"50%",height:"100%",zIndex:1,cursor:"pointer"},onMouseEnter:()=>R(e,!0),onClick:()=>I(o)}),t.jsx(r.Box,{sx:{position:"absolute",right:0,top:0,width:"50%",height:"100%",zIndex:1,cursor:"pointer"},onMouseEnter:()=>R(e,!1),onClick:()=>I(a)}),t.jsx(d,{sx:{fontSize:T.iconSize,transition:"color 0.1s ease, filter 0.1s ease"}})]},e):t.jsx(r.Box,{component:w?"button":"span",type:w?"button":void 0,role:w?"radio":void 0,"aria-checked":i,"aria-label":a+" star"+(1!==a?"s":""),tabIndex:w?0:-1,onClick:()=>I(a),onMouseEnter:()=>w&&y(a),onMouseLeave:()=>w&&y(null),onKeyDown:e=>{if(w&&("ArrowRight"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),I(Math.min((S||0)+l,n))),"ArrowLeft"===e.key||"ArrowDown"===e.key)){e.preventDefault();const r=Math.max((S||0)-l,0);I(r||null)}},sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",border:"none",backgroundColor:"transparent",padding:0,...T.minHit&&{minWidth:T.minHit+"px",minHeight:T.minHit+"px"},cursor:u?"not-allowed":w?"pointer":"default",outline:"none",transition:"transform 0.1s ease",...c,...W,"&:active":w?{transform:"scale(0.95)"}:{},"&:focus-visible":w?{outline:T.focusWidth+"px solid var(--Focus-Visible)",outlineOffset:T.focusInset+"px",borderRadius:"2px"}:{},"&:disabled":{cursor:"not-allowed",opacity:"var(--Disabled, 0.38)"}},children:t.jsx(d,{sx:{fontSize:T.iconSize,transition:"color 0.1s ease, filter 0.1s ease"}})},e)};return t.jsxs(r.Box,{role:w?"radiogroup":"img","aria-label":"Rating"+(null!==S?": "+S+" of "+n+" stars":": "+x),className:"rating rating-"+s+" rating-"+d+(c?" rating-readonly":"")+(u?" rating-disabled":"")+(null===S?" rating-empty":"")+(h?" "+h:""),sx:{display:"inline-flex",alignItems:"center",gap:T.gap+"px",opacity:u?"var(--Disabled, 0.38)":1,fontFamily:"inherit",...p},...m,children:[Array.from({length:n},(e,r)=>D(r)),null===S&&!v&&t.jsx(_r,{style:{color:"var(--Quiet)",marginLeft:4},children:x})]})}const Sn={small:{height:"var(--Small-Button-Height)",fontSize:"13px",iconSize:18,px:12},medium:{height:"var(--Button-Height)",fontSize:"14px",iconSize:20,px:16},large:{height:"var(--Large-Button-Height)",fontSize:"15px",iconSize:22,px:16}};function Bn({value:a,defaultValue:o="",onChange:i,onFocus:n,onBlur:l,onClear:s,onSubmit:d,placeholder:c="Search…",size:u="medium",color:x="default",showClearButton:h=!0,disabled:p=!1,ariaLabel:m="Search",className:g="",sx:b={},...v}){const[y,j]=e.useState(o),[S,B]=e.useState(!1),k=e.useRef(null),w=void 0!==a,C=w?a:y,T=C.length>0,z=S||T,A=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===x?"primary":x),I="var(--Buttons-"+A+"-Border)",R="default"===x?"var(--Text)":"var(--Text-"+A+")",W=Sn[u]||Sn.medium,D=()=>{w||j(""),i?.(""),s?.(),k.current?.focus()};return t.jsx(r.Box,{className:"search-field search-field-"+u+(S?" search-field-focused":"")+(T?" search-field-filled":"")+(p?" search-field-disabled":"")+(g?" "+g:""),sx:{display:"flex",boxSizing:"border-box",...b},...v,children:t.jsx(r.Box,{sx:{border:"1px solid "+I,borderRadius:"small"===u?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===u?"var(--Lg-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden",opacity:p?"var(--Disabled, 0.38)":1,transition:"border-color 0.15s ease, box-shadow 0.15s ease",boxShadow:"none",width:"100%",...!p&&{"&:hover":{borderColor:"var(--Buttons-"+A+"-Hover)"},"&:active":{borderColor:"var(--Buttons-"+A+"-Pressed)"}},"&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:1,width:"100%",boxSizing:"border-box",minHeight:W.height,px:W.px+"px",backgroundColor:"var(--Hover)"},children:[t.jsx(vt,{size:"small",sx:{color:z?R:"var(--Quiet)",flexShrink:0,transition:"color 0.15s ease"},children:t.jsx(f,{})}),t.jsx(r.Box,{component:"input",ref:k,type:"text",role:"searchbox","aria-label":m,value:C,onChange:e=>{const r=e.target.value;w||j(r),i?.(r,e)},onFocus:e=>{B(!0),n?.(e)},onBlur:e=>{B(!1),l?.(e)},onKeyDown:e=>{"Enter"===e.key&&d?.(C,e),"Escape"===e.key&&T&&D()},placeholder:c,disabled:p,sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:z?R:"var(--Quiet)",fontSize:W.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)",minWidth:0,"&::placeholder":{color:"var(--Quiet)",opacity:1,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)"},"&:disabled":{cursor:"not-allowed"}}}),h&&T&&!p&&t.jsx(r.Box,{component:"button",type:"button","aria-label":"Clear search",onClick:D,sx:{display:"flex",alignItems:"center",justifyContent:"center",width:W.iconSize+4,height:W.iconSize+4,borderRadius:"50%",border:"none",backgroundColor:"transparent",color:"var(--Quiet)",cursor:"pointer",flexShrink:0,padding:0,transition:"color 0.15s ease, background-color 0.15s ease","&:hover":{backgroundColor:"var(--Hover)",color:R},"&:active":{backgroundColor:"var(--Pressed)",color:R},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px"}},children:t.jsx(vt,{size:"small",children:t.jsx(Se,{})})})]})})})}const kn=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",wn=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Cn({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function Tn({color:e,selected:a,onClick:i}){const n=kn(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":a,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:a?"2px solid var(--Text)":"1px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const zn=["primary","secondary","tertiary","neutral","info","success","warning","error"],An=e=>e.charAt(0).toUpperCase()+e.slice(1);function In(){const e={};return zn.forEach(r=>{e[r]=function(e){const r=An(e);return{bg:"var(--Buttons-"+r+"-Button)",text:"var(--Buttons-"+r+"-Text)",border:"none",hoverBg:"var(--Buttons-"+r+"-Hover)",activeBg:"var(--Buttons-"+r+"-Pressed)"}}(r),e[r+"-outline"]=function(e){return{bg:"var(--Background)",text:"var(--Text)",border:"1px solid var(--Buttons-"+An(e)+"-Border)",hoverBg:"var(--Hover)",activeBg:"var(--Hover)"}}(r)}),e}const Rn=/-light$/,Wn=new Set;const Dn={small:{height:24,fontSize:"12px",iconSize:16,padding:"0 8px",deleteSize:16,gap:4},medium:{height:32,fontSize:"13px",iconSize:18,padding:"0 12px",deleteSize:18,gap:6},large:{height:40,fontSize:"14px",iconSize:20,padding:"0 16px",deleteSize:24,gap:8}},Fn=e.forwardRef(function({size:e,onClick:a,...o},i){const n="large"===e?24:"medium"===e?18:16;return t.jsx(r.Box,{ref:i,component:"button",onClick:e=>{e.stopPropagation(),a&&a(e)},onKeyDown:e=>{"Enter"!==e.key&&"Backspace"!==e.key&&"Delete"!==e.key||(e.stopPropagation(),a&&a(e))},"aria-label":"Remove",role:"button",tabIndex:0,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",minWidth:24,minHeight:24,width:n,height:n,padding:0,margin:0,marginLeft:"2px",marginRight:"-4px",border:"none",borderRadius:"50%",backgroundColor:"transparent",color:"inherit",opacity:.7,cursor:"pointer",position:"relative",flexShrink:0,transition:"opacity 0.15s ease, background-color 0.15s ease","&:hover":{opacity:1,backgroundColor:"rgba(0,0,0,0.08)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px"},...n<24&&{"&::after":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",minWidth:24,minHeight:24}}},...o,children:t.jsx(We,{sx:{fontSize:n,pointerEvents:"none"}})})});function Ln({variant:e="primary",size:a="medium",label:o,clickable:i=!1,disabled:n=!1,selected:l=!1,selectionMode:s,onDelete:d,onClick:c,startDecorator:u,endDecorator:x,children:h,className:p="",sx:m={},...g}){const f=In(),b=function(e){const r=String(e||"primary");if(!Rn.test(r))return r;const t=r.replace(Rn,"");return"production"===process.env.NODE_ENV||Wn.has(r)||(Wn.add(r),console.warn('[Chip] variant="'+r+'" — the -light shape was removed. Rendering variant="'+t+'" (solid). For a light chip use variant="'+t+'-outline" with data-theme + data-surface="Surface-Brightest".')),t}(e),v=f[b]||f.primary,y=d?"large":a,j=Dn[y]||Dn.medium,S=i||!!c||!!s,B={};"radio"===s?(B.role="radio",B["aria-checked"]=l):"checkbox"===s&&(B.role="checkbox",B["aria-checked"]=l);const k=l?{outline:"2px solid var(--Buttons-Primary-Button)",outlineOffset:"1px"}:{},w=o||h,C={height:j.height,fontSize:j.fontSize,fontWeight:500,fontFamily:"inherit",borderRadius:j.height/2+"px",padding:j.padding,boxSizing:"border-box",position:"relative",backgroundColor:v.bg,color:v.text,border:v.border,...k,..."small"===y&&{"&::after":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",minWidth:24,minHeight:24,width:"100%",height:"100%"}},...S&&!n?{cursor:"pointer",transition:"background-color 0.15s ease, outline 0.15s ease","&:hover":{backgroundColor:v.hoverBg},"&:active":{backgroundColor:v.activeBg}}:{},"&:focus-visible, &.Mui-focusVisible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},...n?{opacity:.5,cursor:"not-allowed",pointerEvents:"none"}:{},boxShadow:"none","& .MuiChip-label":{padding:0,fontSize:"inherit",fontWeight:"inherit",fontFamily:"inherit",lineHeight:1.2,display:"flex",alignItems:"center",gap:j.gap+"px"},"& .MuiChip-icon":{margin:0,marginLeft:"-2px",color:"inherit",fontSize:j.iconSize},"& .MuiChip-deleteIcon":{display:"none"},...m},T=t.jsxs(r.Box,{component:"span",sx:{display:"inline-flex",alignItems:"center",gap:j.gap+"px",lineHeight:1},children:[u&&t.jsx(r.Box,{component:"span",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,"& .MuiSvgIcon-root":{fontSize:j.iconSize},"& .MuiAvatar-root":{width:j.iconSize+4,height:j.iconSize+4,fontSize:Math.round(.65*j.iconSize)+"px"}},children:u}),w,x&&t.jsx(r.Box,{component:"span",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,"& .MuiSvgIcon-root":{fontSize:j.iconSize},"& .MuiAvatar-root":{width:j.iconSize+4,height:j.iconSize+4,fontSize:Math.round(.65*j.iconSize)+"px"}},children:x}),d&&t.jsx(Fn,{size:y,onClick:d})]});return t.jsx(r.Chip,{label:T,clickable:S&&!n,disabled:n,onClick:S?c:void 0,className:"chip-"+b+" "+p,sx:C,...B,...g})}const Pn={body:{fontFamily:"var(--Body-Font-Family)",lineHeight:"calc(var(--Body-Line-Height) * var(--Cognitive-Multiplier, 1))",fontSize:"var(--Body-Font-Size)",fontWeight:"var(--Body-Font-Weight)",letterSpacing:"var(--Body-Letter-Spacing)"},"body-small":{fontFamily:"var(--Body-Font-Family)",lineHeight:"calc(var(--Body-Small-Line-Height) * var(--Cognitive-Multiplier, 1))",fontSize:"var(--Body-Small-Font-Size)",fontWeight:"var(--Body-Font-Weight)",letterSpacing:"var(--Body-Small-Letter-Spacing)"},"body-large":{fontFamily:"var(--Body-Font-Family)",lineHeight:"calc(var(--Body-Large-Line-Height) * var(--Cognitive-Multiplier, 1))",fontSize:"var(--Body-Large-Font-Size)",fontWeight:"var(--Body-Font-Weight)",letterSpacing:"var(--Body-Large-Letter-Spacing)"},"body-semibold":{fontFamily:"var(--Body-Font-Family)",lineHeight:"calc(var(--Body-Line-Height) * var(--Cognitive-Multiplier, 1))",fontSize:"var(--Body-Font-Size)",fontWeight:"var(--Body-Semibold-Font-Weight)",letterSpacing:"var(--Body-Letter-Spacing)"},"body-bold":{fontFamily:"var(--Body-Font-Family)",lineHeight:"calc(var(--Body-Line-Height) * var(--Cognitive-Multiplier, 1))",fontSize:"var(--Body-Font-Size)",fontWeight:"var(--Body-Bold-Font-Weight)",letterSpacing:"var(--Body-Letter-Spacing)"},button:{fontFamily:"var(--Body-Font-Family)",lineHeight:"var(--Button-Line-Height)",fontSize:"var(--Button-Font-Size)",fontWeight:"var(--Button-Font-Weight)",letterSpacing:"var(--Button-Letter-Spacing)"},label:{fontFamily:"var(--Body-Font-Family)",lineHeight:"var(--Label-Line-Height)",fontSize:"var(--Label-Font-Size)",fontWeight:"var(--Label-Font-Weight)",letterSpacing:"var(--Label-Letter-Spacing)"},caption:{fontFamily:"var(--Body-Font-Family)",lineHeight:"calc(var(--Body-Small-Line-Height) * var(--Cognitive-Multiplier, 1))",fontSize:"var(--Body-Small-Font-Size)",fontWeight:"var(--Body-Font-Weight)",letterSpacing:"var(--Body-Small-Letter-Spacing)"}},Hn="var(--Link-Visited, var(--Hotlink-Visited))",Mn={primary:{base:"var(--Link, var(--Hotlink))",visited:Hn},standard:{base:"var(--Text)",visited:Hn},quiet:{base:"var(--Text-Quiet)",visited:Hn}};function En({children:e,href:a,target:o,rel:i,textStyle:n="body",color:l="primary",disabled:s=!1,onClick:d,className:c="",sx:u={},...x}){const h=Pn[n]||Pn.body,p=Mn[l]||Mn.primary,m="_blank"===o?i||"noopener noreferrer":i;return t.jsx(r.Box,{component:"a",href:s?void 0:a,target:o,rel:m,onClick:s?e=>e.preventDefault():d,"aria-disabled":s||void 0,tabIndex:s?-1:void 0,className:"link link-"+n+" link-color-"+l+(s?" link-disabled":"")+" "+c,sx:{fontFamily:h.fontFamily,lineHeight:h.lineHeight,fontSize:h.fontSize,fontWeight:h.fontWeight,letterSpacing:h.letterSpacing,textDecoration:"underline",textUnderlineOffset:"3px",textDecorationThickness:"1px",color:p.base,cursor:s?"not-allowed":"pointer",opacity:s?"var(--Disabled, 0.38)":1,pointerEvents:s?"none":"auto",display:"inline-flex",alignItems:"center",minHeight:"24px",minWidth:"24px",transition:"color 0.15s ease, text-decoration-color 0.15s ease",...!s&&{"&:hover":{textDecorationThickness:"2px"},"&:visited":{color:p.visited},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderRadius:"2px"},"&:active":{textDecorationThickness:"2px"}},...u},...x,children:e})}function On({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"primary":"primary-outline",size:"small",onClick:a,children:e})}function Nn({code:e}){return t.jsx(So,{code:e,language:"JSX",wrap:!0,sx:{mt:1}})}function Qn({passes:e}){return t.jsxs(r.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5,px:1.5,py:.5,borderRadius:"20px",backgroundColor:e?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:e?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)",fontSize:"12px",fontWeight:600},children:[e?t.jsx(l,{sx:{fontSize:14}}):t.jsx(s,{sx:{fontSize:14}}),e?"WCAG Pass":"WCAG Fail"]})}function Vn({leftLabel:e,rightLabel:a,leftContent:o,rightContent:i,leftCode:n,rightCode:l,leftPasses:s,rightPasses:d}){return t.jsxs(r.Grid,{container:!0,spacing:3,children:[t.jsx(r.Grid,{item:!0,xs:12,md:6,children:t.jsxs(r.Box,{sx:{p:2,border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:"var(--Background)",height:"100%"},children:[t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",mb:2},children:[t.jsx(qr,{style:{fontWeight:600},children:e}),t.jsx(Qn,{passes:s})]}),t.jsx(r.Box,{sx:{p:2,backgroundColor:"var(--Surface-Dim, var(--Surface))",borderRadius:"var(--Style-Border-Radius)",minHeight:80},children:o}),t.jsx(Nn,{code:n})]})}),t.jsx(r.Grid,{item:!0,xs:12,md:6,children:t.jsxs(r.Box,{sx:{p:2,border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:"var(--Background)",height:"100%"},children:[t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",mb:2},children:[t.jsx(qr,{style:{fontWeight:600},children:a}),t.jsx(Qn,{passes:d})]}),t.jsx(r.Box,{sx:{p:2,backgroundColor:"var(--Surface-Dim, var(--Surface))",borderRadius:"var(--Style-Border-Radius)",minHeight:80},children:i}),t.jsx(Nn,{code:l})]})})]})}function Gn(){const[a,o]=e.useState("column"),[i,n]=e.useState(.5),[l,d]=e.useState("small"),[c,u]=e.useState(!0),[x,h]=e.useState(!1),[p,m]=e.useState(null),[g,f]=e.useState("Surface"),b={small:{label:"Small links ⚡",content:t.jsxs(t.Fragment,{children:[t.jsx(En,{href:"#",size:"small",children:"Terms of Service"}),t.jsx(En,{href:"#",size:"small",children:"Privacy Policy"}),t.jsx(En,{href:"#",size:"small",children:"Cookie Settings"})]})},chips:{label:"Chips ⚡",content:t.jsxs(t.Fragment,{children:[t.jsx(Ln,{label:"React",size:"small"}),t.jsx(Ln,{label:"TypeScript",size:"small"}),t.jsx(Ln,{label:"Design System",size:"small"})]})},normal:{label:"Normal buttons",content:t.jsxs(t.Fragment,{children:[t.jsx(na,{variant:"primary",size:"medium",children:"Primary"}),t.jsx(na,{variant:"secondary",size:"medium",children:"Secondary"})]})},mixed:{label:"Mixed ⚡",content:t.jsxs(t.Fragment,{children:[t.jsx(na,{variant:"primary",size:"medium",children:"Save changes"}),t.jsx(En,{href:"#",size:"small",children:"Or discard"})]})}},v=["small","chips","mixed"].includes(l),y=c&&v;return t.jsxs(r.Grid,{container:!0,spacing:3,sx:{mt:1},children:[t.jsxs(r.Grid,{item:!0,xs:12,md:7,children:[t.jsx(Va,{theme:p,children:t.jsxs(r.Box,{sx:{width:"100%"},children:[y&&t.jsxs(r.Box,{sx:{mb:2,px:2,py:1,borderRadius:"var(--Style-Border-Radius)",backgroundColor:"var(--Tags-Warning-BG)",color:"var(--Tags-Warning-Text)",fontSize:"12px",fontWeight:600,display:"flex",alignItems:"center",gap:1},children:[t.jsx(s,{sx:{fontSize:16}}),"Small child detected — gap raised to var(--min-stack-gap)"]}),t.jsx(Ko,{direction:a,gap:i,enforceMinGap:c,flexWrap:x?"wrap":void 0,children:b[l].content})]})}),t.jsx(Nn,{code:(()=>{const e=["<OmniStack"];return"column"!==a&&e.push('  direction="'+a+'"'),e.push("  gap={"+i+"}"),c||e.push("  enforceMinGap={false}"),x&&e.push('  flexWrap="wrap"'),e.push(">"),e.push("  {children}"),e.push("</OmniStack>"),e.join("\n")})()})]}),t.jsx(r.Grid,{item:!0,xs:12,md:5,children:t.jsxs(r.Box,{sx:{display:"flex",flexDirection:"column",gap:3},children:[t.jsx(Xa,{theme:p,onThemeChange:m,surface:g,onSurfaceChange:f}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CHILDREN"}),t.jsx(r.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:Object.entries(b).map(([e,{label:r}])=>t.jsx(On,{label:r,selected:l===e,onClick:()=>d(e)},e))})]}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DIRECTION"}),t.jsx(r.Box,{sx:{display:"flex",gap:1},children:["row","column"].map(e=>{return t.jsx(On,{label:(r=e,r?r.charAt(0).toUpperCase()+r.slice(1):""),selected:a===e,onClick:()=>o(e)},e);var r})})]}),t.jsxs(r.Box,{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["GAP — ",i," unit",y?" → raised to var(--min-stack-gap)":""]}),t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:2},children:[t.jsx(r.Box,{component:"input",type:"range",min:0,max:6,step:.5,value:i,onChange:e=>n(Number(e.target.value)),sx:{flex:1,accentColor:"var(--Primary-Color-10)"}}),t.jsx(_r,{style:{color:"var(--Text)",minWidth:24,textAlign:"right"},children:i})]})]}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),t.jsxs(r.Box,{sx:{display:"flex",flexDirection:"column",gap:1.5},children:[t.jsxs(r.Box,{sx:{display:"flex",alignItems:"flex-start",justifyContent:"space-between"},children:[t.jsxs(r.Box,{children:[t.jsx(qr,{children:"Enforce min gap"}),t.jsx(_r,{style:{color:y?"var(--Tags-Warning-Text)":"var(--Text-Quiet)",display:"block"},children:y?"⚡ Active — small child detected":v?"Off — WCAG 2.5.8 risk":"No small children detected"})]}),t.jsx(Fo,{checked:c,onChange:e=>u(e.target.checked),size:"small"})]}),t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[t.jsx(qr,{children:"Flex wrap"}),t.jsx(Fo,{checked:x,onChange:e=>h(e.target.checked),size:"small"})]})]})]})]})})]})}const qn={none:void 0,small:"var(--Sm-Card-Radius, var(--Card-Radius))",medium:"var(--Card-Radius)",large:"var(--Lg-Card-Radius, var(--Card-Radius))"};function Un({children:e,theme:a,surface:o,radius:i="none",elevation:n=0,component:l="div",className:s="",sx:d={},style:c,...u}){const x=Math.max(0,Math.min(5,0|n)),h=qn[i];if(!x)return t.jsx(r.Box,{component:l,"data-theme":a||void 0,"data-surface":o||void 0,className:"omni-box"+(s?" "+s:""),sx:{background:"var(--Background)",boxSizing:"border-box",...h?{borderRadius:h}:{},...d},style:c,...u,children:e});const p=c||{},{width:m,height:g,minWidth:f,minHeight:b,maxWidth:v,maxHeight:y,borderRadius:j,margin:S,marginTop:B,marginRight:k,marginBottom:w,marginLeft:C,...T}=p,z={width:m,height:g,minWidth:f,minHeight:b,maxWidth:v,maxHeight:y,borderRadius:j,margin:S,marginTop:B,marginRight:k,marginBottom:w,marginLeft:C},{width:A,height:I,borderRadius:R,...W}=d;return t.jsx(r.Box,{component:l,className:"omni-box-elevation"+(s?" "+s:""),"data-elevation":x,sx:{boxShadow:Qt[x],boxSizing:"border-box",width:A,height:I,borderRadius:void 0!==R?R:h},style:z,...u,children:t.jsx(r.Box,{"data-theme":a||void 0,"data-surface":o||void 0,className:"omni-box",sx:{width:"100%",height:"100%",background:"var(--Background)",borderRadius:"inherit",boxSizing:"border-box",...W},style:T,children:e})})}const Xn=["Surface","Surface-Dim","Surface-Bright","Container","Container-Low","Container-Lowest","Container-High"],Yn=["Default","Primary","Primary-Light","Secondary","Secondary-Light","Tertiary","Tertiary-Light","Neutral","Neutral-Light","Info-Light","Success-Light","Warning-Light","Error-Light"];function Zn({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function Jn({theme:e,surface:r="Surface",as:a="section",padding:o,className:i,style:n,children:l,...s}){return t.jsx(a,{...e?{"data-theme":e}:{},"data-surface":r,className:i,style:{background:"var(--Background)",color:"var(--Text)",...void 0!==o?{padding:o}:{},...n},...s,children:l})}const Kn=["1:1","3:4","4:3","16:9","9:16","2:3","3:2","1:2","2:1","9:21","21:9","5:7","7:5","4:5","5:4","5:3","3:5","16:10","10:16","Golden-Horizontal","Golden-Vertical"],$n="1.618034",_n={"1:1":"1 / 1","3:4":"3 / 4","4:3":"4 / 3","16:9":"16 / 9","9:16":"9 / 16","2:3":"2 / 3","3:2":"3 / 2","1:2":"1 / 2","2:1":"2 / 1","9:21":"9 / 21","21:9":"21 / 9","5:7":"5 / 7","7:5":"7 / 5","4:5":"4 / 5","5:4":"5 / 4","5:3":"5 / 3","3:5":"3 / 5","16:10":"16 / 10","10:16":"10 / 16","Golden-Horizontal":$n+" / 1","Golden-Vertical":"1 / "+$n},el={none:0,xs:1,sm:2,md:3,lg:4,xl:6};function rl({ratio:a="1:1",children:o,variant:i="default",color:n="default",padding:l="none",fit:s="width",placeholder:d=!0,elevated:c=!1,clickable:u=!1,onClick:x,maxWidth:h,maxHeight:p,component:m="div",className:g="",sx:f={},...b}){const v=_n[a]||_n["1:1"],y=(j="default"===n?"Default":n).charAt(0).toUpperCase()+j.slice(1);var j;const S=d&&0===e.Children.count(o),B="default"===n?void 0:y,k="dark"===i?"Surface-Dimmest":"light"===i?"Surface-Brightest":void 0,w=void 0!==el[l]?el[l]:el.none,C=u||!!x,T="default"===i,z=c?Et:Mt,A=c?Ot:Et;return t.jsx(r.Box,{component:m,onClick:C?x:void 0,role:C?"button":void 0,tabIndex:C?0:void 0,className:"ratio ratio-"+a.toLowerCase()+" ratio-"+i+(C?" ratio-clickable":"")+(c?" ratio-elevated":"")+(g?" "+g:""),sx:{aspectRatio:v,flex:"0 0 auto",..."height"===s?{height:"100%",width:"auto",minHeight:24}:{width:"100%",height:"auto",minWidth:24},...void 0!==h&&{maxWidth:h},...void 0!==p&&{maxHeight:p},border:T?"none":"1px solid var(--Border-Variant)",borderRadius:T?0:"var(--Style-Border-Radius)",boxShadow:T?"none":z,overflow:"hidden",transition:"box-shadow 0.2s ease, border-color 0.2s ease",...C&&{cursor:"pointer","&:hover":{borderColor:"var(--Buttons-Default-Border)",boxShadow:A},"&:active":{transform:"scale(0.995)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"3px"}},...!C&&!T&&{"&:hover":{boxShadow:A}},...f},...b,children:t.jsx(r.Box,{"data-theme":B||void 0,"data-surface":k,sx:{width:"100%",height:"100%",padding:w,backgroundColor:S?"var(--Border)":"var(--Background)",color:"var(--Text)",fontFamily:"inherit",borderRadius:T?0:"calc(var(--Style-Border-Radius) - 1px)",...S?{display:"flex",alignItems:"center",justifyContent:"center"}:{"& > *":{width:"100%",height:"100%"}}},children:S?t.jsx(vt,{size:"large",sx:{color:"var(--Background)"},children:t.jsx(Fe,{})}):o})})}const tl=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",al=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],ol=["default","solid","light","dark"],il=["none","xs","sm","md","lg","xl"];function nl({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function ll({color:e,selected:r,onClick:a,variant:i}){const n=tl(e),l={solid:n,light:n+"-Light",dark:n,default:void 0};return t.jsx(Un,{component:"button","data-theme":l[i],"data-surface":{solid:"Surface",light:"Surface",dark:"Surface-Dimmest",default:"Surface"}[i],onClick:()=>a(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Background)",border:r?"2px solid var(--Text)":"2px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Text)",pointerEvents:"none"}})})}const sl=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",dl=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],cl=[{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function ul({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function xl({color:e,selected:a,onClick:i}){const n=sl(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":a,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:a?"2px solid var(--Text)":"1px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const hl={small:{fontSize:"var(--Body-Small-Font-Size)",py:"4px"},medium:{fontSize:"var(--Body-Font-Size)",py:"6px"},large:{fontSize:"var(--Body-Large-Font-Size)",py:"8px"}};function pl({children:a,separator:o="/",size:i="medium",condense:n=!1,maxItems:l=4,itemsBeforeCollapse:s=1,itemsAfterCollapse:d=1,backOnlyMobile:c=!1,onExpand:u,className:x="",sx:h={},...p}){const m=hl[i]||hl.medium,g=e.Children.toArray(a).filter(e.isValidElement),f=g.length,b=n&&f>l;let v=g;const[y,j]=e.useState(!1);if(b&&!y){const e=g.slice(0,s),a=g.slice(f-d),o=t.jsx(r.Box,{component:"button",onClick:()=>{j(!0),u?.()},"aria-label":"Show full breadcrumb trail",className:"breadcrumb-ellipsis",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",background:"none",border:"none",padding:"2px 4px",cursor:"pointer",fontFamily:"inherit",fontSize:"inherit",color:"var(--Quiet)",borderRadius:"4px","&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)"},"&:active":{backgroundColor:"var(--Pressed)",color:"var(--Text)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"1px"}},children:"…"},"__breadcrumb-ellipsis");v=[...e,o,...a]}const S=[];v.forEach((e,a)=>{const i=b&&!y?a===v.length-1:a===f-1;var n;S.push(t.jsx(r.Box,{component:"li",className:"breadcrumb-item"+(i?" breadcrumb-current":""),sx:{display:"inline-flex",alignItems:"center",...i&&{color:"var(--Text)",fontWeight:"var(--Body-Medium-Semibold-Font-Weight, 600)"},...!i&&{color:"var(--Link, var(--Hotlink))"},maxWidth:"200px","& > *":{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},...i?{"aria-current":"page"}:{},children:e},"crumb-"+a)),a<v.length-1&&S.push((n=a,t.jsx(r.Box,{component:"li",role:"presentation","aria-hidden":"true",className:"breadcrumb-separator",sx:{display:"inline-flex",alignItems:"center",color:"var(--Quiet)",userSelect:"none",fontSize:"inherit",lineHeight:1,flexShrink:0},children:o},"sep-"+n)))});const B=f>=2?g[f-2]:null;return t.jsxs(r.Box,{component:"nav","aria-label":"Breadcrumb",className:"breadcrumbs breadcrumbs-"+i+" "+x,sx:{fontSize:m.fontSize,fontFamily:"var(--Body-Font-Family)",lineHeight:1.5,...h},...p,children:[t.jsx(r.Box,{component:"ol",className:"breadcrumbs-list",sx:{display:"flex",flexWrap:"wrap",alignItems:"center",gap:"var(--Sizing-1)",listStyle:"none",margin:0,padding:0,...c&&{"@media (max-width: 600px)":{display:"none"}}},children:S}),c&&B&&t.jsxs(r.Box,{className:"breadcrumbs-back-mobile",sx:{display:"none","@media (max-width: 600px)":{display:"flex",alignItems:"center",gap:"var(--Sizing-Half)",fontSize:m.fontSize,color:"var(--Link)"}},children:[t.jsx(r.Box,{component:"span","aria-hidden":"true",sx:{fontSize:"1.1em",lineHeight:1},children:"←"}),e.cloneElement(B,{style:{...B.props?.style||{},textDecoration:"underline",textUnderlineOffset:"3px"}})]})]})}function ml({children:e,href:a,className:o="",sx:i={},...n}){const l=!!a;return t.jsx(r.Box,{component:l?"a":"span",href:a||void 0,className:"breadcrumb-link "+o,sx:{color:"inherit",textDecoration:l?"underline":"none",textUnderlineOffset:"3px",textDecorationThickness:"1px",cursor:l?"pointer":"default",transition:"color 0.15s ease",...l&&{"&:hover":{textDecorationThickness:"2px"},"&:active":{textDecorationThickness:"3px"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderRadius:"2px"}},...i},...n,children:e})}const gl=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"";function fl({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}const bl={small:{btnSize:"small",fontSize:"13px",gap:"2px"},medium:{btnSize:"medium",fontSize:"14px",gap:"4px"},large:{btnSize:"large",fontSize:"16px",gap:"4px"}};function vl({count:a=10,page:o,defaultPage:i=1,onChange:n,color:l="default",size:s="medium",siblingCount:d=1,boundaryCount:c=1,disabled:u=!1,showFirstButton:x=!1,showLastButton:h=!1,className:p="",sx:m={},...g}){const[f,b]=e.useState(i),v=void 0!==o,y=v?o:f;(e=>{e.charAt(0).toUpperCase(),e.slice(1)})("default"===l?"Default":l);const j=bl[s]||bl.medium,S=e.useCallback(e=>{const r=Math.max(1,Math.min(a,e));v||b(r),n?.(r)},[a,v,n]),B=function({count:e,page:r,siblingCount:t=1,boundaryCount:a=1}){const o=(e,r)=>Array.from({length:r-e+1},(r,t)=>e+t);if(2*t+3+2*a>=e)return o(1,e);const i=Math.max(r-t,a+1),n=Math.min(r+t,e-a),l=i>a+2,s=n<e-a-1;if(!l&&s)return[...o(1,Math.min(3+2*t+a,e)),"ellipsis-right",...o(e-a+1,e)];if(l&&!s){const r=o(Math.max(e-(3+2*t+a)+1,1),e);return[...o(1,a),"ellipsis-left",...r]}return l&&s?[...o(1,a),"ellipsis-left",...o(i,n),"ellipsis-right",...o(e-a+1,e)]:o(1,e)}({count:a,page:y,siblingCount:d,boundaryCount:c}),k="default"===l?"default":l;return t.jsx(r.Box,{component:"nav","aria-label":"Pagination",className:"pagination pagination-"+l+" pagination-"+s+" "+p,sx:{display:"inline-flex",...m},...g,children:t.jsxs(r.Box,{component:"ul",sx:{display:"flex",alignItems:"center",gap:j.gap,listStyle:"none",m:0,p:0,flexWrap:"wrap"},children:[x&&t.jsx(r.Box,{component:"li",children:t.jsx(na,{iconOnly:!0,variant:k+"-outline",size:j.btnSize,disabled:u||1===y,onClick:()=>S(1),"aria-label":"Go to first page",children:t.jsx(vt,{size:"small",children:t.jsx(He,{})})})}),t.jsx(r.Box,{component:"li",children:t.jsx(na,{iconOnly:!0,variant:k+"-outline",size:j.btnSize,disabled:u||1===y,onClick:()=>S(y-1),"aria-label":"Go to previous page",children:t.jsx(vt,{size:"small",children:t.jsx(Le,{})})})}),B.map((e,a)=>{if("string"==typeof e)return t.jsx(r.Box,{component:"li",children:t.jsx(_r,{style:{color:"var(--Quiet)",padding:"0 4px"},"aria-hidden":"true",children:"…"})},e+"-"+a);const o=e===y;return t.jsx(r.Box,{component:"li",children:t.jsx(na,{variant:o?k:k+"-outline",size:j.btnSize,disabled:u,onClick:()=>S(e),"aria-label":"Page "+e,"aria-current":o?"page":void 0,letterNumber:!0,children:e})},e)}),t.jsx(r.Box,{component:"li",children:t.jsx(na,{iconOnly:!0,variant:k+"-outline",size:j.btnSize,disabled:u||y===a,onClick:()=>S(y+1),"aria-label":"Go to next page",children:t.jsx(vt,{size:"small",children:t.jsx(Pe,{})})})}),h&&t.jsx(r.Box,{component:"li",children:t.jsx(na,{iconOnly:!0,variant:k+"-outline",size:j.btnSize,disabled:u||y===a,onClick:()=>S(a),"aria-label":"Go to last page",children:t.jsx(vt,{size:"small",children:t.jsx(Me,{})})})})]})})}const yl=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",jl=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Sl({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function Bl({color:e,selected:a,onClick:i}){const n=yl(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":a,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:a?"2px solid var(--Text)":"1px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const kl=e=>e.charAt(0).toUpperCase()+e.slice(1),wl={small:qr,medium:Xr,large:Kr},Cl={small:Qr,medium:Nr,large:Or},Tl={small:{py:"var(--Sizing-Half)",itemPx:"var(--Sizing-1)",itemPy:"var(--Sizing-Half)",fontSize:"var(--Sm-Button-Text)",minWidth:"140px"},medium:{py:"6px",itemPx:"var(--Sizing-1-and-Half)",itemPy:"6px",fontSize:"var(--Button-Text)",minWidth:"160px"},large:{py:"var(--Sizing-1)",itemPx:"var(--Sizing-2)",itemPy:"var(--Sizing-1)",fontSize:"var(--Lg-Button-Text)",minWidth:"180px"}},zl=e.createContext({open:!1,setOpen:()=>{},anchorRef:{current:null},menuId:"",buttonId:"",variant:"outline",color:"default",size:"medium"}),Al=()=>e.useContext(zl);function Il({children:a,variant:o="outline",color:i="default",size:n="medium",open:l,onOpenChange:s,...d}){const[c,u]=e.useState(!1),x=void 0!==l,h=x?l:c,p=e.useRef(null),m=e.useId(),g="menu-"+m,f="menubtn-"+m,b=e.useCallback(e=>{const r="function"==typeof e?e(h):e;x?s?.(r):u(r)},[x,h,s]);return t.jsx(zl.Provider,{value:{open:h,setOpen:b,anchorRef:p,menuId:g,buttonId:f,variant:o,color:i,size:n},children:t.jsx(r.Box,{sx:{display:"inline-flex",position:"relative"},...d,children:a})})}function Rl({children:a,className:o="",sx:i={},...n}){const{open:l,setOpen:s,anchorRef:d,menuId:c,buttonId:u,size:h,color:p}=Al(),m=Tl[h]||Tl.medium,g=kl("default"===p?"Default":p);return t.jsxs(r.Box,{component:"button",ref:d,id:u,"aria-haspopup":"true","aria-expanded":l,"aria-controls":l?c:void 0,onClick:()=>s(e=>!e),className:"menu-button "+o,sx:{display:"inline-flex",alignItems:"center",gap:"6px",padding:m.itemPy+" "+m.itemPx,fontSize:m.fontSize,fontFamily:"inherit",fontWeight:600,color:"var(--Text)",backgroundColor:"var(--Background)",border:"1px solid var(--Buttons-"+g+"-Border)",borderRadius:"var(--Style-Border-Radius)",cursor:"pointer",boxShadow:"none",transition:"box-shadow 0.15s ease","&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},...i},onKeyDown:e=>{"ArrowDown"!==e.key&&"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),s(!0))},...n,children:["string"==typeof a?e.createElement(wl[h]||wl.medium,{style:{color:"inherit",fontWeight:600}},a):a,t.jsx(vt,{size:"small",sx:{color:"var(--Quiet)",transition:"transform 0.2s ease",transform:l?"rotate(180deg)":"rotate(0deg)"},children:t.jsx(x,{})})]})}function Wl({children:a,className:o="",placement:i="bottom-start",sx:n={},...l}){const{open:s,setOpen:d,anchorRef:c,menuId:u,buttonId:x,variant:h,color:p,size:m}=Al(),g=e.useRef(null),f=Tl[m]||Tl.medium,b=kl("default"===p?"Default":p),v="var(--Buttons-"+b+"-Border)",y="light"===h?"default"===p?"Default":b:"solid"===h?b:void 0,j="light"===h?"Surface-Brightest":"solid"===h?"Surface":void 0;return e.useEffect(()=>{if(s&&g.current){const e=g.current.querySelector('[role="menuitem"]:not([aria-disabled="true"])');e&&e.focus()}},[s]),e.useEffect(()=>{if(!s)return;const e=e=>{g.current&&!g.current.contains(e.target)&&c.current&&!c.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[s,d,c]),e.useEffect(()=>{if(!s)return;const e=e=>{"Escape"===e.key&&(d(!1),c.current?.focus())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[s,d,c]),s?t.jsx(r.Box,{className:"menu menu-"+h+" "+o,sx:{position:"absolute",top:"100%",left:"bottom-end"===i?"auto":0,right:"bottom-end"===i?0:"auto",zIndex:99999,marginTop:"4px",border:"1px solid "+v,borderRadius:"var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px)))",boxShadow:"none",overflow:"hidden",...n},children:t.jsx(r.Box,{ref:g,id:u,role:"menu","aria-labelledby":x,"data-theme":y,"data-surface":j,sx:{minWidth:f.minWidth,backgroundColor:"var(--Background)",color:"var(--Text)",fontSize:f.fontSize,fontFamily:"inherit",padding:f.py+" 0",outline:"none",borderRadius:"calc(var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px))) - 1px)"},onKeyDown:e=>{const r=g.current?.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])');if(!r?.length)return;const t=Array.from(r).indexOf(document.activeElement);"ArrowDown"===e.key?(e.preventDefault(),r[(t+1)%r.length].focus()):"ArrowUp"===e.key?(e.preventDefault(),r[(t-1+r.length)%r.length].focus()):"Home"===e.key?(e.preventDefault(),r[0].focus()):"End"===e.key?(e.preventDefault(),r[r.length-1].focus()):"Tab"===e.key&&d(!1)},...l,children:a})}):null}function Dl({children:e,onClick:a,selected:o=!1,disabled:i=!1,className:n="",sx:l={},...s}){const{setOpen:d,size:c}=Al(),u=Tl[c]||Tl.medium,x=o?Cl[c]||Cl.medium:wl[c]||wl.medium,h=()=>{i||(a?.(),d(!1))};return t.jsx(r.Box,{role:"menuitem",tabIndex:i?-1:0,"aria-disabled":i||void 0,"aria-selected":o||void 0,onClick:h,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),h())},className:"menu-item"+(o?" menu-item-selected":"")+" "+n,sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-1)",padding:u.itemPy+" "+u.itemPx,fontSize:u.fontSize,color:i?"var(--Quiet)":o?"var(--Text)":"var(--Quiet)",backgroundColor:o?"var(--Hover)":"transparent",cursor:i?"not-allowed":"pointer",opacity:i?"var(--Disabled, 0.38)":1,outline:"none",transition:"background-color 0.1s ease, color 0.1s ease",userSelect:"none",...!i&&{"&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)"},"&:active":{backgroundColor:"var(--Pressed)",color:"var(--Text)"},"&:focus-visible":{backgroundColor:"var(--Hover)",color:"var(--Text)",outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},...l},...s,children:t.jsx(x,{color:"standard",style:{color:"inherit"},children:e})})}function Fl({className:e="",sx:a={},...o}){return t.jsx(r.Box,{component:"hr",role:"separator",className:"menu-divider "+e,sx:{border:"none",borderTop:"1px solid var(--Border)",margin:"4px 0",...a},...o})}const Ll=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Pl=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Hl({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function Ml({color:e,selected:a,onClick:i}){const n=Ll(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":a,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:a?"2px solid var(--Text)":"1px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}let El=0;const Ol={default:"Nav-Bar",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Nl="var(--Sizing-1, 8px)",Ql="40px",Vl="var(--Icon-Size, 24px)",Gl="var(--Sizing-Half, 4px)",ql={horizontal:{px:"var(--Button-Height, 32px)",py:"12px"},vertical:{px:"var(--Sizing-1-and-Half, 12px)",py:"var(--Sizing-2, 16px)"}},Ul={px:0,py:0};function Xl({items:a=[],value:o,defaultValue:i=0,onChange:n,showLabels:l=!0,variant:s="fixed",orientation:d="horizontal",barColor:c="default",fabAction:u,fabPosition:x="end",fixed:h=!0,"aria-label":p="Bottom navigation",className:m="",sx:g={},...f}){const[b,v]=e.useState(i),y=void 0!==o,j=y?o:b,S=e.useCallback(e=>{y||v(e),n?.(e)},[y,n]),B="vertical"===d,k="floating"===s,w=Ol[c]||Ol.default,C=k?B?ql.vertical:ql.horizontal:Ul,T=e.useRef(null);null===T.current&&(T.current="bottom-nav-"+El++);const z=e=>T.current+"-tab-"+e,A=!!u;return t.jsxs(r.Box,{component:"nav","data-theme":w,"data-surface":"Surface-Dim","aria-label":p,className:"bottom-nav bottom-nav-"+c+" bottom-nav-style-"+(k?"floating":"fixed")+" bottom-nav-bar-"+d+(l?" bottom-nav-labels":" bottom-nav-no-labels")+(h?" bottom-nav-fixed":"")+(m?" "+m:""),sx:{display:"flex",flexDirection:B?"column":"row",alignItems:"center",justifyContent:"center",backgroundColor:"var(--Background)",borderRadius:k?"83px":0,fontFamily:"inherit",width:B?"fit-content":"100%",px:C.px,py:C.py,...h&&{position:"fixed",zIndex:1100,...B?{top:"50%",left:0,transform:"translateY(-50%)"}:{bottom:0,left:0,right:0}},...g},...f,children:[A&&t.jsx(r.Box,{role:"tablist","aria-orientation":B?"vertical":"horizontal","aria-owns":a.map((e,r)=>z(r)).join(" "),sx:{position:"absolute",width:0,height:0,overflow:"hidden"}}),t.jsxs(r.Box,{role:A?void 0:"tablist","aria-orientation":A?void 0:B?"vertical":"horizontal",sx:{display:"flex",flexDirection:B?"column":"row",alignItems:"center",justifyContent:B?"flex-start":"space-between",gap:B?"10px":0,width:B?"auto":"100%",maxWidth:B?void 0:600},children:[a.map((e,r)=>t.jsx(Yl,{id:A?z(r):void 0,icon:e.icon,label:e.label,selected:r===j,showLabel:l,onClick:()=>S(r),ariaLabel:e.label||e.ariaLabel,disabled:e.disabled},e.key||r)).flatMap((e,r,a)=>{if(!u)return[e];return r===("center"===x?Math.ceil(a.length/2):a.length)-1?[e,t.jsx(Jl,{...u,showLabel:l,position:x},"fab")]:[e]}),u&&0===a.length&&t.jsx(Jl,{...u,showLabel:l,position:x},"fab")]})]})}function Yl({id:e,icon:a,label:o,selected:i,showLabel:n,onClick:l,ariaLabel:s,disabled:d}){return t.jsxs(r.Box,{component:"button",type:"button",role:"tab",id:e,"aria-selected":i,"aria-label":s,onClick:l,disabled:d,"aria-disabled":d||void 0,className:"bottom-nav-item"+(i?" bottom-nav-item-selected":""),sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:Gl,width:40,flexShrink:0,border:"none",backgroundColor:"transparent",cursor:"pointer",padding:0,fontFamily:"inherit",outline:"none","&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderRadius:"8px"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},children:[t.jsx(r.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",minWidth:32,minHeight:32,padding:Nl,borderRadius:Ql,backgroundColor:i?"var(--Text)":"transparent",color:i?"var(--Background)":"var(--Quiet)",fontSize:Vl,transition:"background-color 0.2s ease, color 0.15s ease","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"},".bottom-nav-item:hover &":i?{backgroundColor:"var(--Text)"}:{color:"var(--Text)",backgroundColor:"var(--Hover)"},".bottom-nav-item:active &":i?{backgroundColor:"var(--Text)"}:{color:"var(--Text)",backgroundColor:"var(--Pressed)"},".bottom-nav-item:disabled:hover &":{backgroundColor:"transparent"}},children:a}),n&&o&&t.jsx(et,{className:"bottom-nav-label",style:{color:i?"var(--Text)":"var(--Quiet)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},children:o})]})}const Zl=32;function Jl({icon:a,label:o,onClick:i,showLabel:n,actions:l,position:s="end"}){const d=Array.isArray(l)&&l.length>0,[c,u]=e.useState(!1),x=e.useRef(null);e.useEffect(()=>{if(!c)return;const e=e=>{x.current&&!x.current.contains(e.target)&&u(!1)},r=e=>{"Escape"===e.key&&u(!1)};return document.addEventListener("mousedown",e),document.addEventListener("keydown",r),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",r)}},[c]);const h=e=>({display:"flex",alignItems:"center",justifyContent:"center",minWidth:e,minHeight:e,boxSizing:"border-box",borderRadius:Ql,borderWidth:"var(--Button-Border-Width, 1px)",borderStyle:"solid",borderColor:"var(--Buttons-Default-Border)",color:"var(--Buttons-Default-Border)",backgroundColor:"transparent","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"}}),p="center"!==s;return t.jsxs(r.Box,{ref:x,sx:{position:"relative",display:"flex",flexShrink:0},children:[t.jsxs(r.Box,{component:"button",type:"button","aria-label":o||"Action",onClick:e=>{d&&u(e=>!e),i?.(e)},...d?{"aria-haspopup":"menu","aria-expanded":c}:{},className:"bottom-nav-fab"+(c?" bottom-nav-fab-open":""),sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:Gl,width:40,flexShrink:0,border:"none",backgroundColor:"transparent",cursor:"pointer",padding:0,fontFamily:"inherit",outline:"none","&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderRadius:"8px"}},children:[t.jsx(r.Box,{sx:{...h(32),padding:Nl,fontSize:Vl,transition:"background-color 0.15s ease, transform 0.2s ease",transform:c?"rotate(45deg)":"none",".bottom-nav-fab:hover &":{backgroundColor:"var(--Hover)"},".bottom-nav-fab:active &":{backgroundColor:"var(--Pressed)"}},children:a||t.jsx(ve,{})}),n&&o&&t.jsx(et,{className:"bottom-nav-label",style:{color:"var(--Buttons-Default-Border)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},children:o})]}),d&&c&&t.jsx(r.Box,{role:"menu","aria-label":o||"Actions",className:"bottom-nav-dial","data-surface":"Surface-Brightest",sx:{position:"absolute",bottom:"calc(100% + var(--Sizing-1, 8px))",...p?{right:0}:{left:0},zIndex:1,display:"flex",flexDirection:"column-reverse",padding:"var(--Sizing-1, 8px)",gap:"var(--Sizing-1, 8px)",backgroundColor:"var(--Background)",color:"var(--Text)",border:"1px solid var(--Border)",borderRadius:"var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px)))",boxShadow:"var(--Effect-Level-3, none)",whiteSpace:"nowrap"},children:l.map((e,a)=>t.jsxs(r.Box,{component:"button",type:"button",role:"menuitem","aria-label":e.label,className:"bottom-nav-dial-item",onClick:r=>{u(!1),e.onClick?.(r)},sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-1, 8px)",flexDirection:p?"row-reverse":"row",border:"none",backgroundColor:"transparent",cursor:"pointer",padding:0,fontFamily:"inherit",color:"inherit",outline:"none",borderRadius:Ql,"&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},children:[t.jsx(r.Box,{sx:{width:40,display:"flex",justifyContent:"center",flexShrink:0},children:t.jsx(r.Box,{sx:{...h(Zl),fontSize:"var(--Icon-Size-Small, 16px)"},children:e.icon||t.jsx(ve,{})})}),t.jsx(rt,{style:{color:"inherit"},children:e.label})]},e.key||a))})]})}const Kl={Home:t.jsx(p,{sx:{fontSize:"inherit"}}),Explore:t.jsx(Ee,{sx:{fontSize:"inherit"}}),Radio:t.jsx(Oe,{sx:{fontSize:"inherit"}}),Library:t.jsx(Ne,{sx:{fontSize:"inherit"}}),Favorite:t.jsx(h,{sx:{fontSize:"inherit"}}),Person:t.jsx(i,{sx:{fontSize:"inherit"}}),Search:t.jsx(f,{sx:{fontSize:"inherit"}}),Settings:t.jsx(g,{sx:{fontSize:"inherit"}}),Notifications:t.jsx(v,{sx:{fontSize:"inherit"}}),Cart:t.jsx(j,{sx:{fontSize:"inherit"}}),Star:t.jsx(b,{sx:{fontSize:"inherit"}}),Bookmark:t.jsx(Qe,{sx:{fontSize:"inherit"}})},$l=Object.keys(Kl),_l=[{icon:"Home",label:"Home"},{icon:"Explore",label:"Browse"},{icon:"Radio",label:"Radio"},{icon:"Library",label:"Library"}],es=[{value:"default",label:"Default",desc:'data-theme="Nav-Bar"'},{value:"primary",label:"Primary",desc:'data-theme="Primary"'},{value:"primary-light",label:"Primary Light",desc:'data-theme="Primary-Light"'},{value:"primary-medium",label:"Primary Medium",desc:'data-theme="Primary-Medium"'},{value:"primary-dark",label:"Primary Dark",desc:'data-theme="Primary-Dark"'},{value:"white",label:"White",desc:'data-theme="White"'},{value:"black",label:"Black",desc:'data-theme="Black"'}];function rs({label:e,selected:a,onClick:o,disabled:i}){return t.jsx(r.Box,{component:"button",onClick:o,disabled:i,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:i?"not-allowed":"pointer",border:"2px solid var(--Buttons-Primary-Button)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:a?"var(--Buttons-Primary-Button)":"transparent",color:a?"var(--Buttons-Primary-Text)":"var(--Text)",padding:"4px 12px",fontSize:"14px",fontFamily:"inherit",fontWeight:500,whiteSpace:"nowrap",flexShrink:0,opacity:i?.4:1,transition:"background-color 0.15s ease, color 0.15s ease","&:hover":{backgroundColor:i?"transparent":a?"var(--Buttons-Primary-Hover)":"var(--Surface-Dim)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:e})}function ts({value:e,onChange:a,placeholder:o,sx:i}){return t.jsx(r.Box,{component:"input",type:"text",value:e,onChange:e=>a(e.target.value),placeholder:o,sx:{flex:1,padding:"4px 8px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",outline:"none",minWidth:0,"&:focus":{borderColor:"var(--Focus-Visible)"},...i}})}function as({value:e,onChange:a,options:o,label:i}){return t.jsx(r.Box,{component:"select",value:e,onChange:e=>a(e.target.value),"aria-label":i,sx:{padding:"4px 6px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",outline:"none",cursor:"pointer","&:focus":{borderColor:"var(--Focus-Visible)"}},children:o.map(e=>t.jsx("option",{value:"string"==typeof e?e:e.value,children:"string"==typeof e?e:e.label},"string"==typeof e?e:e.value))})}function os({value:e,onChange:a,min:o,max:i,label:n}){return t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",flexShrink:0,width:90},children:n}),t.jsx("button",{type:"button",onClick:()=>{e>o&&a(e-1)},disabled:e<=o,style:{width:28,height:28,display:"flex",alignItems:"center",justifyContent:"center",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",cursor:e<=o?"not-allowed":"pointer",fontSize:"14px",opacity:e<=o?.4:1,fontFamily:"inherit"},children:"−"}),t.jsx(r.Box,{sx:{fontWeight:700,fontSize:"14px",minWidth:24,textAlign:"center"},children:e}),t.jsx("button",{type:"button",onClick:()=>{e<i&&a(e+1)},disabled:e>=i,style:{width:28,height:28,display:"flex",alignItems:"center",justifyContent:"center",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",cursor:e>=i?"not-allowed":"pointer",fontSize:"14px",opacity:e>=i?.4:1,fontFamily:"inherit"},children:"+"})]})}function is({label:e,checked:a,onChange:o,caption:i,disabled:n}){return t.jsxs(r.Box,{sx:{py:.5,opacity:n?.4:1},children:[t.jsx(r.FormControlLabel,{control:t.jsx(r.Checkbox,{checked:a,onChange:e=>o(e.target.checked),size:"small",disabled:n,sx:{color:"var(--Text-Quiet)","&.Mui-checked":{color:"var(--Buttons-Primary-Button)"}}}),label:t.jsx(tt,{children:e}),sx:{m:0}}),i&&t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginLeft:32},children:i})]})}const ns={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},ls={small:{indicator:24,fontSize:"var(--Sm-Button-Numbers, 10px)",dot:"var(--Sm-No-Count-Step, 8px)",labelFontSize:"13px",connectorThickness:"var(--Sm-Step-Bar, 1px)",gap:0},medium:{indicator:32,fontSize:"var(--Button-Numbers, 12px)",dot:"var(--No-Count-Step, 12px)",labelFontSize:"14px",connectorThickness:"var(--Step-Bar, 2px)",gap:0},large:{indicator:40,fontSize:"var(--Lg-Button-Numbers, 16px)",dot:"var(--Lg-No-Count-Step, 16px)",labelFontSize:"16px",connectorThickness:"var(--Lg-Step-Bar, 4px)",gap:0}},ss=e.createContext({orientation:"horizontal",size:"medium",color:"primary",activeStep:0,clickable:!1,onStepClick:null,dashedIncomplete:!1,totalSteps:0,variant:"count"}),ds=()=>e.useContext(ss);function cs({children:a,orientation:o="horizontal",size:i="medium",color:n="primary",activeStep:l=0,clickable:s=!1,onStepClick:d,dashedIncomplete:c=!1,variant:u="count",className:x="",sx:h={},...p}){const m=e.Children.toArray(a).filter(e.isValidElement),g=m.length,f="horizontal"===o;return t.jsx(ss.Provider,{value:{orientation:o,size:i,color:n,activeStep:l,clickable:s,onStepClick:d,dashedIncomplete:c,totalSteps:g,variant:u},children:t.jsx(r.Box,{component:"ol",role:"list","aria-label":"Progress",className:"stepper stepper-"+o+" stepper-"+i+" stepper-"+n+" "+x,sx:{display:"flex",flexDirection:f?"row":"column",alignItems:f?"flex-start":"stretch",listStyle:"none",margin:0,padding:0,width:"100%",gap:0,...h},...p,children:m.map((r,t)=>e.cloneElement(r,{_index:t,key:r.key||t}))})})}function us({children:e,icon:a,label:o,disabled:i=!1,_index:n=0,className:l="",sx:s={},...d}){const{orientation:c,size:u,color:x,activeStep:h,clickable:p,onStepClick:m,dashedIncomplete:g,totalSteps:f,variant:b}=ds(),v=p&&!i,y=ls[u]||ls.medium,j=ns[x]||"Primary",S="horizontal"===c,B=n===h,k=n<h,w=n>h,C=n===f-1,T=a||n+1,z=o||e,A=w?"var(--Quiet)":"var(--Buttons-"+j+"-Border)",I=B?"var(--Buttons-"+j+"-Button)":"transparent",R=B?"var(--Buttons-"+j+"-Text)":w?"var(--Quiet)":"var(--Text)",W=B?"var(--Buttons-"+j+"-Hover)":"var(--Hover)",D=B?"var(--Buttons-"+j+"-Pressed)":"var(--Pressed)",F="noCount"===b,L=t.jsx(r.Box,{component:v?"button":"div",onClick:v?()=>m?.(n):void 0,onKeyDown:v?e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),m?.(n))}:void 0,tabIndex:v?0:void 0,role:v?"button":void 0,"aria-label":v?"Go to step "+(n+1):void 0,"aria-current":B?"step":void 0,"aria-disabled":i||void 0,className:"step-indicator step-indicator-"+u+(B?" step-indicator-active":"")+(k?" step-indicator-completed":"")+(w?" step-indicator-incomplete":"")+(v?" step-indicator-clickable":""),sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:F?y.dot:y.indicator+"px",height:F?y.dot:y.indicator+"px",minWidth:F?y.dot:y.indicator+"px",minHeight:F?y.dot:y.indicator+"px",borderRadius:"50%",border:"var(--Button-Border-Width, 1px) solid "+A,backgroundColor:I,color:R,fontSize:y.fontSize,fontFamily:"inherit",fontWeight:700,lineHeight:1,flexShrink:0,position:"relative",transition:"background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease",cursor:i?"not-allowed":v?"pointer":"default",outline:"none",padding:0,...i&&{opacity:"var(--Disabled, 0.38)"},..."small"===u&&{"&::after":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"24px",height:"24px",borderRadius:"50%"}},...v&&{"&:hover":{backgroundColor:W},"&:active":{backgroundColor:D},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px"}}},children:F?null:T}),P=n<h,H=C?null:t.jsx(r.Box,{className:"step-connector"+(P?" step-connector-completed":" step-connector-incomplete")+(g&&!P?" step-connector-dashed":""),"aria-hidden":"true",sx:{flex:1,...S?{height:y.connectorThickness,minWidth:"20px",alignSelf:"flex-start",marginTop:`calc(${y.indicator/2}px - ${y.connectorThickness} / 2)`,marginLeft:"8px",marginRight:"8px"}:{width:y.connectorThickness,minHeight:"24px",marginLeft:`calc(${y.indicator/2}px - ${y.connectorThickness} / 2)`,marginTop:"4px",marginBottom:"4px"},backgroundColor:P?"var(--Buttons-"+j+"-Button)":"var(--Border)",...g&&!P&&{backgroundColor:"transparent",backgroundImage:S?"repeating-linear-gradient(90deg, var(--Border) 0px, var(--Border) 6px, transparent 6px, transparent 12px)":"repeating-linear-gradient(180deg, var(--Border) 0px, var(--Border) 6px, transparent 6px, transparent 12px)",backgroundSize:S?"12px 100%":"100% 12px"},transition:"background-color 0.15s ease"}}),M=z?(()=>{const e="small"===u?_r:qr;return t.jsx(e,{style:{fontWeight:B?600:400,color:B||k?"var(--Text)":"var(--Quiet)",textAlign:S?"center":"left",whiteSpace:"nowrap",lineHeight:1.3},children:z})})():null;return S?t.jsxs(r.Box,{component:"li",className:"step step-"+u+" step-horizontal"+(B?" step-active":"")+(k?" step-completed":"")+(w?" step-incomplete":"")+" "+l,sx:{display:"flex",alignItems:"center",flex:C?"none":1,...s},...d,children:[t.jsxs(r.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",flexShrink:0},children:[L,M&&t.jsx(r.Box,{sx:{mt:"4px"},children:M})]}),H]}):t.jsxs(r.Box,{component:"li",className:"step step-"+u+" step-vertical"+(B?" step-active":"")+(k?" step-completed":"")+(w?" step-incomplete":"")+" "+l,sx:{display:"flex",flexDirection:"column",alignItems:"flex-start",...s},...d,children:[t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:"8px"},children:[L,M]}),H]})}const xs=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",hs=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],ps=["Account","Details","Review","Confirm","Complete","Done"];function ms({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function gs({color:e,selected:a,onClick:i}){const n=xs(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":a,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:a?"2px solid var(--Text)":"1px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}function fs({actions:a=[],variant:o="solid",color:i="default",direction:n="up",speed:l=50,showTooltips:s=!0,open:d,onOpen:c,onClose:u,icon:x,ariaLabel:h="Speed Dial",className:p="",sx:m={},...g}){const[f,b]=e.useState(!1),v=void 0!==d,y=v?d:f,j=e.useRef(null),S=o,B=e.useCallback(()=>{y?(v||b(!1),u?.()):(v||b(!0),c?.())},[y,v,c,u]),k=e.useCallback((e,r)=>{e.onClick?.(r),v||b(!1),u?.()},[v,u]);e.useEffect(()=>{if(!y)return;const e=e=>{j.current&&!j.current.contains(e.target)&&(v||b(!1),u?.())};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[y,v,u]),e.useEffect(()=>{if(!y)return;const e=e=>{"Escape"===e.key&&(v||b(!1),u?.())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[y,v,u]);const w="up"===n||"down"===n,C="up"===n||"down"===n?"left":"top",T=t.jsx(r.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",transition:"transform 0.3s ease",transform:y?"rotate(45deg)":"rotate(0deg)"},children:x||t.jsx(ve,{})});return t.jsxs(r.Box,{ref:j,className:"speed-dial speed-dial-"+o+" speed-dial-"+i+" speed-dial-"+n+" "+p,sx:{position:"relative",display:"inline-flex",overflow:"visible",width:w?"56px":"auto",height:w?"auto":"56px",...m},...g,children:[t.jsx(hi,{size:"large",variant:S,color:i,onClick:B,"aria-label":h,"aria-expanded":y,"aria-haspopup":"menu",sx:{position:"relative",zIndex:2},children:T}),t.jsx(r.Box,{role:"menu",sx:{position:"absolute",inset:0,pointerEvents:"none",overflow:"visible"},children:a.map((e,a)=>{const o=(e=>{const r=56+44*e;switch(n){case"up":default:return{bottom:r+"px",left:"12px"};case"down":return{top:r+"px",left:"12px"};case"left":return{right:r+"px",top:"12px"};case"right":return{left:r+"px",top:"12px"}}})(a),d=a*l,c=t.jsx(hi,{size:"small",variant:S,color:i,role:"menuitem","aria-label":e.name||"Action "+(a+1),onClick:()=>k(e,a),sx:{position:"absolute",...o,opacity:y?1:0,transform:y?"scale(1)":"scale(0.3)",transition:"opacity 0.2s ease, transform 0.2s ease",transitionDelay:y?d+"ms":"0ms",pointerEvents:y?"auto":"none"},children:e.icon||t.jsx(ve,{})},e.key||a);return s&&e.name?t.jsx(r.Tooltip,{title:e.name,placement:C,arrow:!0,open:!!y&&void 0,slotProps:{tooltip:{sx:{backgroundColor:"var(--Container)",color:"var(--Text)",fontSize:"12px",fontWeight:500,border:"1px solid var(--Border)",boxShadow:"0 2px 8px rgba(0,0,0,0.12)"}},arrow:{sx:{color:"var(--Container)"}}},children:c},e.key||a):c})})]})}const bs=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",vs=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],ys=[{name:"Edit",icon:t.jsx(vt,{size:"small",sx:{color:"inherit"},children:t.jsx(Ve,{})})},{name:"Share",icon:t.jsx(vt,{size:"small",sx:{color:"inherit"},children:t.jsx(Ge,{})})},{name:"Delete",icon:t.jsx(vt,{size:"small",sx:{color:"inherit"},children:t.jsx(m,{})})},{name:"Favorite",icon:t.jsx(vt,{size:"small",sx:{color:"inherit"},children:t.jsx(h,{})})}];function js({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function Ss({color:e,selected:a,onClick:i}){const n=bs(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":a,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:a?"2px solid var(--Text)":"1px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const Bs={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",black:"BW",white:"BW"};function ks(e,r){return"var(--"+(Bs[e]||"Primary")+"-Color-"+r+")"}const ws={primary:{linear:[{family:"primary",tone:8,position:0},{family:"primary",tone:11,position:100}],radial:[{family:"primary",tone:8,position:0},{family:"primary",tone:11,position:100}],mesh:[{family:"primary",tone:8,x:20,y:20,spread:60},{family:"primary",tone:9,x:80,y:30,spread:50},{family:"primary",tone:10,x:50,y:80,spread:55}],meshCard:[{family:"primary",tone:3,x:10,y:10,spread:60},{family:"primary",tone:6,x:80,y:20,spread:50},{family:"primary",tone:9,x:40,y:80,spread:55}]},secondary:{linear:[{family:"secondary",tone:7,position:0},{family:"secondary",tone:10,position:100}],radial:[{family:"secondary",tone:7,position:0},{family:"secondary",tone:10,position:100}],mesh:[{family:"secondary",tone:7,x:15,y:25,spread:55},{family:"secondary",tone:9,x:75,y:35,spread:50},{family:"secondary",tone:11,x:45,y:75,spread:60}],meshCard:[{family:"secondary",tone:2,x:15,y:15,spread:55},{family:"secondary",tone:5,x:85,y:25,spread:50},{family:"secondary",tone:8,x:50,y:75,spread:60}]},tertiary:{linear:[{family:"tertiary",tone:8,position:0},{family:"tertiary",tone:11,position:100}],radial:[{family:"tertiary",tone:8,position:0},{family:"tertiary",tone:11,position:100}],mesh:[{family:"tertiary",tone:8,x:25,y:15,spread:55},{family:"tertiary",tone:10,x:70,y:40,spread:50},{family:"tertiary",tone:11,x:40,y:85,spread:55}],meshCard:[{family:"tertiary",tone:3,x:20,y:10,spread:60},{family:"tertiary",tone:7,x:75,y:30,spread:50},{family:"tertiary",tone:10,x:45,y:80,spread:55}]},black:{linear:[{family:"black",tone:10,position:0},{family:"neutral",tone:3,position:100}],radial:[{family:"black",tone:10,position:0},{family:"neutral",tone:3,position:100}],mesh:[{family:"black",tone:10,x:0,y:0,spread:100},{family:"primary",tone:3,x:25,y:25,spread:50},{family:"secondary",tone:4,x:75,y:35,spread:45},{family:"tertiary",tone:3,x:50,y:80,spread:50}],meshCard:[{family:"black",tone:11,x:0,y:0,spread:100},{family:"primary",tone:5,x:20,y:20,spread:55},{family:"secondary",tone:8,x:80,y:30,spread:45},{family:"tertiary",tone:10,x:45,y:80,spread:50}]},white:{linear:[{family:"white",tone:2,position:0},{family:"neutral",tone:9,position:100}],radial:[{family:"white",tone:2,position:0},{family:"neutral",tone:9,position:100}],mesh:[{family:"white",tone:2,x:0,y:0,spread:100},{family:"primary",tone:9,x:25,y:25,spread:50},{family:"secondary",tone:8,x:75,y:35,spread:45},{family:"tertiary",tone:9,x:50,y:80,spread:50}],meshCard:[{family:"white",tone:1,x:0,y:0,spread:100},{family:"primary",tone:4,x:20,y:20,spread:55},{family:"secondary",tone:7,x:80,y:30,spread:45},{family:"tertiary",tone:10,x:45,y:80,spread:50}]}};function Cs(e,r){const t=ws[e]||ws.primary;return(t[r]||t.linear).map(e=>({...e}))}function Ts({variant:e="linear",color:a="primary",angle:o=135,stops:i=null,position:n=null,blobs:l=null,cardProps:s={},minHeight:d=300,children:c,className:u="",sx:x={},...h}){const p="meshCard"===e,m="mesh"===e||p,g="radial"===e,f="linear"===e||g,b=i||Cs(a,g?"radial":"linear"),v=l||Cs(a,p?"meshCard":"mesh"),y=m?function(e){if(!e||0===e.length)return"none";const r=e.map(e=>{const r=ks(e.family,e.tone),t=e.spread||40;return"radial-gradient(circle at "+e.x+"% "+e.y+"%, "+r+" 0%, transparent "+t+"%)"}),t=ks(e[0].family,e[0].tone);return r.push(t),r.join(", ")}(v):g?function(e,r){if(!e||0===e.length)return"none";const t=[...e].sort((e,r)=>e.position-r.position).map(e=>ks(e.family,e.tone)+" "+e.position+"%"),a=r||{x:50,y:50};return"radial-gradient(circle at "+a.x+"% "+a.y+"%, "+t.join(", ")+")"}(b,n||{x:50,y:50}):function(e,r){return e&&0!==e.length?"linear-gradient("+r+"deg, "+[...e].sort((e,r)=>e.position-r.position).map(e=>ks(e.family,e.tone)+" "+e.position+"%").join(", ")+")":"none"}(b,o),j=f?b[0]:v[0];var S,B;const k=function(e){return"dark"===e?"var(--BW-Color-1)":"var(--BW-Color-6)"}((S=j?.tone||8,"black"===(B=j?.family||"primary")||"white"===B?S<=5?"light":"dark":S<=5?"dark":"light"));return p?t.jsx(r.Box,{className:"gradient gradient-mesh-card "+u,sx:{background:y,minHeight:d,borderRadius:"var(--Card-Radius)",display:"flex",alignItems:"center",justifyContent:"center",padding:"var(--Card-Padding)",position:"relative",overflow:"hidden",...x},...h,children:t.jsx(ni,{variant:"solid",...s,children:t.jsx(li,{children:c})})}):t.jsx(r.Box,{className:"gradient gradient-"+e+" "+u,sx:{background:y,minHeight:d,borderRadius:"var(--Card-Radius)",color:k,display:"flex",alignItems:"center",justifyContent:"center",position:"relative",overflow:"hidden",...x},...h,children:c})}["default","primary","secondary","tertiary","neutral"].map(e=>{return{value:e,label:(r=e,r?r.charAt(0).toUpperCase()+r.slice(1):"")};var r});const zs=e.createContext(null),As=["Default","Primary","Secondary","Tertiary","Neutral","Info","Success","Warning","Error","App-Bar","Nav-Bar","Status"],Is=["Professional","Modern","Bold","Playful"],Rs=["Surface-Dimmest","Surface-Dim","Surface","Surface-Bright","Surface-Brightest","Container","Container-Low","Container-Lowest","Container-High","Container-Highest"],Ws={"light-tonal":{theme:"Primary",rootSurface:"Surface-Brightest"},"grey-professional":{theme:"Neutral",rootSurface:"Surface"},"dark-professional":{theme:"Neutral",rootSurface:"Surface-Dimmest"}},Ds="omni-foundation",Fs="omni-core",Ls="omni-typography",Ps="omni-mode",Hs="omni-base",Ms="omni-styles";function Es(e){document.getElementById(e)?.remove()}function Os(e,r,t){return r?function(e){return!(!e||"string"!=typeof e)&&(e.startsWith("http")||e.startsWith("/")||e.endsWith(".css"))}(r)?function(e,r,t){const a=document.getElementById(e);return a?"LINK"===a.tagName&&a.getAttribute("href")!==r?new Promise((e,t)=>{a.onload=()=>e(a),a.onerror=()=>t(new Error(`OmniDesignProvider: failed to load ${r}`)),a.setAttribute("href",r)}):Promise.resolve(a):new Promise((a,o)=>{const i=document.createElement("link");i.id=e,i.rel="stylesheet",i.setAttribute("data-omni","true"),i.onload=()=>a(i),i.onerror=()=>o(new Error(`OmniDesignProvider: failed to load ${r}`)),i.href=r;const n=t?document.getElementById(t):null;n?document.head.insertBefore(i,n):document.head.appendChild(i)})}(e,r,t):function(e,r,t){if(!r)return Promise.resolve(null);const a=document.getElementById(e);if(a)return a.textContent=r,Promise.resolve(a);const o=document.createElement("style");o.id=e,o.setAttribute("data-omni","true"),o.textContent=r;const i=t?document.getElementById(t):null;return i?document.head.insertBefore(o,i):document.head.appendChild(o),Promise.resolve(o)}(e,r,t):Promise.resolve(null)}function Ns(){const r=e.useContext(zs);if(!r)throw new Error("useOmniDesign must be used inside a <OmniDesignProvider>");return r}const Qs=a=>e.forwardRef(function(e,o){return t.jsx(r.Slide,{direction:a,ref:o,...e})}),Vs={fade:e.forwardRef(function(e,a){return t.jsx(r.Fade,{ref:a,...e})}),grow:e.forwardRef(function(e,a){return t.jsx(r.Grow,{ref:a,...e})}),zoom:e.forwardRef(function(e,a){return t.jsx(r.Zoom,{ref:a,...e})}),"slide-up":Qs("up"),"slide-down":Qs("down"),"slide-left":Qs("left"),"slide-right":Qs("right")},Gs={backgroundColor:"var(--Background)",color:"var(--Text)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",boxShadow:"0 8px 32px rgba(0,0,0,0.18)"},qs={color:"var(--Text)",fontWeight:600,fontSize:"18px",fontFamily:"inherit",borderBottom:"1px solid var(--Border)",display:"flex",justifyContent:"space-between",alignItems:"center",py:1.5,px:3},Us={color:"var(--Text)",fontFamily:"inherit",fontSize:"14px",lineHeight:1.6,py:3,px:3},Xs={borderTop:"1px solid var(--Border)",px:3,py:1.5,gap:1},Ys={fontFamily:"inherit",fontWeight:500,fontSize:"14px",borderRadius:"var(--Style-Border-Radius)",padding:"6px 16px",cursor:"pointer",border:"none",transition:"background-color 0.15s, color 0.15s","&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"1px"}},Zs={primary:{...Ys,backgroundColor:"var(--Buttons-Primary-Button)",color:"var(--Buttons-Primary-Text)",border:"1px solid var(--Buttons-Primary-Border)","&:hover":{backgroundColor:"var(--Buttons-Primary-Hover)"},"&:active":{backgroundColor:"var(--Buttons-Primary-Pressed)"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},outline:{...Ys,backgroundColor:"transparent",color:"var(--Text)",border:"1px solid var(--Border)","&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}}};function Js({open:e=!1,onClose:a,title:o,children:i,actions:n,maxWidth:l="sm",fullScreen:s=!1,scroll:d="body",alert:c=!1,nonModal:u=!1,transition:x,transitionDuration:h=300,titleId:p="dialog-title",contentId:m="dialog-description",className:g="",sx:f={},PaperProps:b={},...v}){const y=x?Vs[x]:void 0;let j;try{j=Ns()}catch{j=null}const S=j?.theme||"Default",B=j?.style||"Modern",k=j?.surface||"Surface";return t.jsxs(r.Dialog,{open:e,onClose:(e,r)=>{c&&"backdropClick"===r||c&&"escapeKeyDown"===r||a?.(e,r)},maxWidth:!s&&l,fullScreen:s,fullWidth:!s,scroll:d,hideBackdrop:u,disableEnforceFocus:u,disableEscapeKeyDown:c,TransitionComponent:y,transitionDuration:h,"aria-labelledby":p,"aria-describedby":m,className:"dialog dialog-"+l+(s?" dialog-fullscreen":"")+(c?" dialog-alert":"")+(g?" "+g:""),style:{zIndex:1e7},slotProps:{backdrop:{sx:{backgroundColor:u?"transparent":"rgba(0,0,0,0.5)"}}},PaperProps:{...b,"data-theme":S,"data-style":B,"data-surface":k,sx:{...Gs,...s&&{borderRadius:0,border:"none"},...b.sx},role:c?"alertdialog":"dialog"},...v,children:[o&&t.jsxs(r.DialogTitle,{id:p,sx:qs,children:[o,!c&&a&&t.jsx(la,{"aria-label":"Close dialog",onClick:e=>a(e,"closeButton"),size:"small",variant:"ghost",sx:{color:"var(--Text-Quiet)"},children:t.jsx(Se,{fontSize:"small"})})]}),t.jsx(r.DialogContent,{dividers:"paper"===d,sx:{...Us,..."paper"===d&&{maxHeight:s?"none":"400px",overflowY:"auto",borderColor:"var(--Border)"}},children:c?t.jsx(r.DialogContentText,{id:m,sx:{color:"var(--Text)",fontFamily:"inherit",fontSize:"14px",lineHeight:1.6},children:i}):t.jsx(r.Box,{id:m,children:i})}),n&&t.jsx(r.DialogActions,{sx:Xs,children:n})]})}function Ks({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}const $s={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},_s={default:"Container-High",solid:"Container-High",soft:"Surface-Brightest"},ed={small:{maxWidth:400,padding:"24px"},medium:{maxWidth:560,padding:"32px"},large:{maxWidth:720,padding:"40px"}},rd={fade:{enter:{from:{opacity:0},to:{opacity:1}},name:"modal-fade"},"slide-up":{enter:{from:{opacity:0,transform:"translateY(40px)"},to:{opacity:1,transform:"translateY(0)"}},name:"modal-slide-up"},"slide-down":{enter:{from:{opacity:0,transform:"translateY(-40px)"},to:{opacity:1,transform:"translateY(0)"}},name:"modal-slide-down"},zoom:{enter:{from:{opacity:0,transform:"scale(0.85)"},to:{opacity:1,transform:"scale(1)"}},name:"modal-zoom"}};function td(e){const r=rd[e];if(!r)return"";const{from:t,to:a}=r.enter,o=Object.entries(t).map(([e,r])=>e+":"+r).join(";"),i=Object.entries(a).map(([e,r])=>e+":"+r).join(";");return"@keyframes "+r.name+" { from {"+o+"} to {"+i+"} }@keyframes "+r.name+"-backdrop { from { opacity: 0 } to { opacity: 1 } }"}const ad={small:{width:"240px",height:"200px"},medium:{width:"320px",height:"280px"},large:{width:"420px",height:"380px"}},od={left:{borderRight:"1px solid var(--Border)"},right:{borderLeft:"1px solid var(--Border)"},top:{borderBottom:"1px solid var(--Border)"},bottom:{borderTop:"1px solid var(--Border)"}},id={left:{top:0,left:0,bottom:0},right:{top:0,right:0,bottom:0},top:{top:0,left:0,right:0},bottom:{bottom:0,left:0,right:0}},nd={left:"translateX(-100%)",right:"translateX(100%)",top:"translateY(-100%)",bottom:"translateY(100%)"};function ld({children:a,open:o=!1,onClose:i,size:n="medium",anchor:l="left",hideBackdrop:s=!1,className:d="",sx:c={},...u}){const x=e.useRef(null),h=e.useRef(null),p="left"===l||"right"===l;let m;try{m=Ns()}catch{m=null}const g=m?.theme||"Default",f=m?.style||"Modern",b=ad[n]||ad.medium;e.useEffect(()=>{if(!o)return;const e=e=>{"Escape"===e.key&&i?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[o,i]),e.useEffect(()=>{o?(h.current=document.activeElement,requestAnimationFrame(()=>{const e=x.current?.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');e?e.focus():x.current?.focus()})):h.current&&(h.current.focus(),h.current=null)},[o]),e.useEffect(()=>{if(o){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[o]);const v=e.useCallback(e=>{if("Tab"!==e.key||!x.current)return;const r=x.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(!r.length)return;const t=r[0],a=r[r.length-1];e.shiftKey?document.activeElement===t&&(e.preventDefault(),a.focus()):document.activeElement===a&&(e.preventDefault(),t.focus())},[]);return o?t.jsxs(t.Fragment,{children:[!s&&t.jsx(r.Box,{onClick:()=>i?.(),"aria-hidden":"true",sx:{position:"fixed",inset:0,zIndex:1e7,backgroundColor:"rgba(0, 0, 0, 0.5)",transition:"opacity 0.3s ease"}}),t.jsx(r.Box,{ref:x,role:"dialog","aria-modal":"true",tabIndex:-1,"data-theme":g,"data-style":f,"data-surface":"Surface-Dim",onKeyDown:v,className:"drawer drawer-"+n+" drawer-"+l+" "+d,sx:{position:"fixed",zIndex:10000001,...id[l],...p?{width:b.width,height:"100%"}:{height:b.height,width:"100%"},backgroundColor:"var(--Background)",color:"var(--Text)",...od[l],boxShadow:Et,display:"flex",flexDirection:"column",outline:"none",overflow:"hidden",animation:"drawer-slide-in 0.3s ease forwards","@keyframes drawer-slide-in":{from:{transform:nd[l]},to:{transform:"translate(0, 0)"}},...c},...u,children:a})]}):null}function sd({onClick:e,className:a="",sx:o={},...i}){return t.jsx(r.Box,{sx:{position:"absolute",top:"12px",right:"12px",zIndex:1,...o},className:a,...i,children:t.jsx(na,{iconOnly:!0,variant:"ghost",size:"small",onClick:e,"aria-label":"Close drawer",children:t.jsx(vt,{size:"small",children:t.jsx(Se,{})})})})}function dd({children:e,className:a="",sx:o={},...i}){return t.jsx(r.Box,{className:"drawer-header "+a,sx:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px",borderBottom:"1px solid var(--Border)",flexShrink:0,...o},...i,children:e})}function cd({children:e,className:a="",sx:o={},...i}){return t.jsx(r.Box,{className:"drawer-content "+a,sx:{flex:1,overflowY:"auto",padding:"16px",...o},...i,children:e})}const ud={compact:{minHeight:"24px",fontSize:"13px",iconSize:16,gap:"6px"},default:{minHeight:"32px",fontSize:"14px",iconSize:18,gap:"8px"}},xd={none:void 0,slide:"omni-tree-slide 0.25s ease",spring:"omni-tree-slide 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)"},hd={"@keyframes omni-tree-slide":{from:{opacity:0,transform:"translateY(-4px)"},to:{opacity:1,transform:"none"}}};function pd(e,r,t=1,a=[]){return e.forEach((o,i)=>{a.push({item:o,level:t,index:i,siblings:e.length}),o.children?.length&&r.includes(o.id)&&pd(o.children,r,t+1,a)}),a}function md(e,r,t=null){for(const a of e){if(a.id===r)return t;if(a.children?.length){const e=md(a.children,r,a.id);if(null!=e)return e;if(null===e&&a.children.some(e=>e.id===r))return a.id}}return null}function gd({node:e,density:a,expanded:o,selected:i,focusedId:n,multiSelect:l,checkboxSelection:s,disableSelection:d,disabledItemsFocusable:c,collapseIcon:u,expandIcon:x,animation:h,onToggle:p,onSelect:m,onFocusItem:g,registerRef:f}){const{item:b,level:v,index:y,siblings:j}=e,S=ud[a]||ud.default,B="compact"===a?_r:qr,k=!!b.children?.length,w=k&&o.includes(b.id),C=i.includes(b.id),T=!!b.disabled,z=!T||c;return t.jsxs(r.Box,{component:"li",role:"treeitem","aria-expanded":k?w:void 0,"aria-selected":d?void 0:C,"aria-disabled":T||void 0,"aria-level":v,"aria-setsize":j,"aria-posinset":y+1,tabIndex:n===b.id&&z?0:-1,ref:e=>f(b.id,e),onFocus:e=>{e.stopPropagation(),g(b.id)},sx:{outline:"none",listStyle:"none",...b.sx||{}},children:[t.jsxs(r.Box,{className:"omni-tree-content",onClick:e=>{T||(e.stopPropagation(),k&&p(e,b.id),d||m(e,b.id))},sx:{display:"flex",alignItems:"center",gap:S.gap,minHeight:S.minHeight,padding:"0 8px",marginLeft:0,borderRadius:"var(--Style-Border-Radius)",border:"1px solid transparent",color:C?"var(--Text)":"var(--Quiet)",fontWeight:C?600:400,backgroundColor:C?"var(--Pressed)":"transparent",cursor:T?"not-allowed":"pointer",opacity:T?"var(--Disabled, 0.38)":1,transition:"color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease",...T?{}:{"&:hover":{color:"var(--Text)",backgroundColor:"var(--Hover)"},"&:active":{color:"var(--Text)",backgroundColor:"var(--Pressed)"}},"li:focus-visible > &":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},children:[t.jsx(r.Box,{"aria-hidden":"true",sx:{width:S.iconSize,height:S.iconSize,flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",color:"inherit"},children:k&&(w?u:x)}),s&&!d&&t.jsx(va,{checked:C,disabled:T,size:"small","aria-hidden":"true",tabIndex:-1,onChange:()=>{}}),b.icon&&t.jsx(vt,{size:"small",sx:{color:"inherit",flexShrink:0},children:b.icon}),t.jsx(B,{style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",color:"inherit",fontWeight:"inherit"},children:b.label}),b.badge&&t.jsx(r.Box,{sx:{flexShrink:0},children:b.badge})]}),k&&w&&t.jsx(r.Box,{component:"ul",role:"group",sx:{margin:0,padding:0,paddingLeft:"8px",marginLeft:"12px",borderLeft:"1px solid var(--Border)",listStyle:"none",animation:xd[h]},children:b.children.map((e,r)=>t.jsx(gd,{node:{item:e,level:v+1,index:r,siblings:b.children.length},density:a,expanded:o,selected:i,focusedId:n,multiSelect:l,checkboxSelection:s,disableSelection:d,disabledItemsFocusable:c,collapseIcon:u,expandIcon:x,animation:h,onToggle:p,onSelect:m,onFocusItem:g,registerRef:f},e.id))})]})}function fd({color:a="default",variant:o="solid",surface:i,density:n="default",animation:l="slide",selectionStyle:s,items:d=bd,selectionMode:c="single",checkboxSelection:u=!1,disableSelection:x=!1,disabledItemsFocusable:h=!1,defaultExpandedItems:p,expandedItems:m,onExpandedItemsChange:g,selectedItems:f,onSelectedItemsChange:b,onItemExpansionToggle:v,onItemSelectionToggle:y,slots:j,"aria-label":S="Tree view",className:B="",sx:k={},...w}){const C=s||o,T="multi"===c,[z,A]=e.useState(p||[]),I=void 0!==m?m:z,[R,W]=e.useState(f||(T?[]:null)),D=void 0!==f?f:R,F=Array.isArray(D)?D:D?[D]:[],L=e.useMemo(()=>pd(d,I),[d,I]),[P,H]=e.useState(null),M=P??L[0]?.item.id??null,E=e.useRef({}),O=e.useCallback((e,r)=>{r?E.current[e]=r:delete E.current[e]},[]),N=e.useCallback(e=>{H(e),E.current[e]?.focus()},[]),Q=e.useCallback((e,r)=>{const t=I.includes(r),a=t?I.filter(e=>e!==r):[...I,r];void 0===m&&A(a),g?.(e,a),v?.(e,r,!t)},[I,m,g,v]),V=e.useCallback((e,r)=>{const t=F.includes(r),a=T?t?F.filter(e=>e!==r):[...F,r]:[r],o=T?a:a[0]??null;void 0===f&&W(o),b?.(e,o),y?.(e,r,!T||!t)},[F,T,f,b,y]),G=e.useCallback(e=>{const r=L.filter(e=>!e.item.disabled||h),t=r.findIndex(e=>e.item.id===M),a=r[t];if(!a)return;const{item:o}=a,i=!!o.children?.length,n=i&&I.includes(o.id),l=t=>{const a=r[Math.max(0,Math.min(r.length-1,t))];a&&(e.preventDefault(),N(a.item.id))};switch(e.key){case"ArrowDown":l(t+1);break;case"ArrowUp":l(t-1);break;case"Home":l(0);break;case"End":l(r.length-1);break;case"ArrowRight":i&&!n?(e.preventDefault(),Q(e,o.id)):n&&l(t+1);break;case"ArrowLeft":if(n)e.preventDefault(),Q(e,o.id);else{const r=md(d,o.id);r&&(e.preventDefault(),N(r))}break;case"Enter":case" ":e.preventDefault(),x?i&&Q(e,o.id):V(e,o.id)}},[L,M,I,d,h,x,N,Q,V]),q=(U=a).charAt(0).toUpperCase()+U.slice(1);var U;const X="default"===C?void 0:q,Y=i||("light"===C?"Surface-Brightest":"Surface-Dim"),Z=j?.collapseIcon?t.jsx(j.collapseIcon,{}):t.jsx(vt,{size:"small",sx:{color:"inherit",transform:"rotate(90deg)"},children:t.jsx(Pe,{})}),J=j?.expandIcon?t.jsx(j.expandIcon,{}):t.jsx(vt,{size:"small",sx:{color:"inherit"},children:t.jsx(Pe,{})});return t.jsx(r.Box,{"data-theme":X,"data-surface":Y,className:"omni-treeview omni-treeview-"+C+" omni-treeview-"+a+" omni-treeview-"+n+(B?" "+B:""),sx:{backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",...hd,...k},children:t.jsx(r.Box,{component:"ul",role:"tree","aria-label":S,"aria-multiselectable":T||void 0,onKeyDown:G,sx:{margin:0,padding:"8px",listStyle:"none",fontFamily:"inherit"},...w,children:d.map((e,r)=>t.jsx(gd,{node:{item:e,level:1,index:r,siblings:d.length},density:n,expanded:I,selected:F,focusedId:M,multiSelect:T,checkboxSelection:u,disableSelection:x,disabledItemsFocusable:h,collapseIcon:Z,expandIcon:J,animation:l,onToggle:Q,onSelect:V,onFocusItem:H,registerRef:O},e.id))})})}const bd=[{id:"1",label:"Design System",children:[{id:"1-1",label:"Foundations",children:[{id:"1-1-1",label:"Colors"},{id:"1-1-2",label:"Typography"},{id:"1-1-3",label:"Spacing"}]},{id:"1-2",label:"Components",children:[{id:"1-2-1",label:"Buttons"},{id:"1-2-2",label:"Inputs"},{id:"1-2-3",label:"Navigation",disabled:!0}]}]},{id:"2",label:"Tokens",children:[{id:"2-1",label:"Light Mode"},{id:"2-2",label:"Dark Mode"}]},{id:"3",label:"Changelog"}],vd=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",yd=[{id:"home",label:"Home"},{id:"products",label:"Products",children:[{id:"featured",label:"Featured"},{id:"new",label:"New Arrivals"},{id:"sale",label:"On Sale"}]},{id:"about",label:"About"},{id:"contact",label:"Contact"}];function jd({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}const Sd={small:{minHeight:"120px",padding:"16px",iconSize:"20px",gap:1},medium:{minHeight:"200px",padding:"32px 24px",iconSize:"32px",gap:2},large:{minHeight:"300px",padding:"48px 24px",iconSize:"48px",gap:3}};const Bd={small:{px:"12px",py:"8px",fontSize:"13px",iconSize:"18px",gap:"8px"},medium:{px:"16px",py:"12px",fontSize:"14px",iconSize:"20px",gap:"10px"},large:{px:"20px",py:"14px",fontSize:"16px",iconSize:"22px",gap:"12px"}};function kd({children:e,variant:a="light",surface:o,color:i="info",size:n="medium",startDecorator:l,endDecorator:s,className:d="",sx:c={},...u}){const x=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===i?"Default":i),h=Bd[n]||Bd.medium,p="default"===i?"Default":x,m=o||("light"===a?"Surface-Brightest":"Surface"),g="var(--Buttons-"+x+"-Border)",f=t.jsxs(t.Fragment,{children:[l&&t.jsx(r.Box,{className:"alert-start-decorator",sx:{display:"inline-flex",alignItems:"center",fontSize:h.iconSize,lineHeight:1,flexShrink:0,mt:"2px"},children:l}),t.jsx(r.Box,{className:"alert-message",sx:{flex:1,minWidth:0},children:"string"==typeof e?"small"===n?t.jsx(qr,{children:e}):t.jsx(Xr,{children:e}):e}),s&&t.jsx(r.Box,{className:"alert-end-decorator",sx:{display:"inline-flex",alignItems:"flex-start",flexShrink:0,gap:h.gap,paddingTop:"2px"},children:s})]});return t.jsx(r.Box,{role:"alert",className:"alert alert-"+a+" alert-"+n+" alert-"+i+" "+d,sx:{border:"1px solid "+g,borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",boxShadow:Et,...c},...u,children:t.jsx(r.Box,{"data-theme":p,"data-surface":m,className:"alert-inner",sx:{display:"flex",alignItems:"flex-start",gap:h.gap,padding:h.py+" "+h.px,fontSize:h.fontSize,fontFamily:"inherit",lineHeight:1.5,color:"var(--Text)",backgroundColor:"var(--Background)",borderRadius:"calc(var(--Style-Border-Radius) - 1px)"},children:f})})}const wd=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Cd=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Td={info:t.jsx(c,{}),success:t.jsx(l,{}),warning:t.jsx(s,{}),error:t.jsx(d,{})};function zd({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function Ad({color:e,selected:a,onClick:i}){const n=wd(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":a,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:a?"2px solid var(--Text)":"1px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const Id={small:{px:"12px",py:"8px",fontSize:"13px",gap:"8px",minWidth:"240px"},medium:{px:"16px",py:"10px",fontSize:"14px",gap:"12px",minWidth:"300px"},large:{px:"20px",py:"14px",fontSize:"16px",gap:"16px",minWidth:"360px"}};function Rd({children:a,open:o=!1,onClose:i,variant:n="light",surface:l,color:s="info",size:d="medium",anchor:c="bottom",autoHideDuration:u,startDecorator:x,endDecorator:h,action:p,className:m="",sx:g={},...f}){const b=e.useRef(null),v=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===s?"Default":s),y=Id[d]||Id.medium,j="small"===d?qr:Xr,S="default"===s?"Default":v,B=l||("light"===n?"Surface-Brightest":"Surface"),k="var(--Buttons-"+v+"-Border)";e.useEffect(()=>{if(o&&u&&u>0)return b.current=setTimeout(()=>{i?.({},"timeout")},u),()=>clearTimeout(b.current)},[o,u,i]),e.useEffect(()=>{if(!o)return;const e=e=>{"Escape"===e.key&&i?.(e,"escapeKeyDown")};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[o,i]);const w=e.useCallback(()=>{b.current&&clearTimeout(b.current)},[]),C=e.useCallback(()=>{o&&u&&u>0&&(b.current=setTimeout(()=>{i?.({},"timeout")},u))},[o,u,i]),T="top"===c?{from:{transform:"translateX(-50%) translateY(-120%)"},to:{transform:"translateX(-50%) translateY(0)"}}:{from:{transform:"translateX(-50%) translateY(120%)"},to:{transform:"translateX(-50%) translateY(0)"}};return o?t.jsx(r.Box,{role:"alert","aria-live":"polite","aria-atomic":"true",onMouseEnter:w,onMouseLeave:C,className:"snackbar snackbar-"+n+" snackbar-"+d+" snackbar-"+c+" snackbar-"+s+" "+m,sx:{position:"fixed",left:"50%",transform:"translateX(-50%)",..."top"===c?{top:"16px"}:{bottom:"16px"},zIndex:1400,minWidth:y.minWidth,maxWidth:"min(560px, calc(100vw - 32px))",border:"1px solid "+k,borderRadius:"var(--Style-Border-Radius)",boxShadow:Et,overflow:"hidden",animation:"snackbar-slide-in 0.3s ease forwards","@keyframes snackbar-slide-in":T,...g},...f,children:t.jsxs(r.Box,{"data-theme":S,"data-surface":B,sx:{display:"flex",alignItems:"center",gap:y.gap,padding:y.py+" "+y.px,fontSize:y.fontSize,fontFamily:"inherit",lineHeight:1.4,color:"var(--Text)",backgroundColor:"var(--Background)",borderRadius:"calc(var(--Style-Border-Radius) - 1px)"},children:[x&&t.jsx(r.Box,{sx:{display:"inline-flex",flexShrink:0,lineHeight:1},children:x}),t.jsx(r.Box,{sx:{flex:1,minWidth:0},children:"string"==typeof a?t.jsx(j,{children:a}):a}),p&&t.jsx(r.Box,{sx:{display:"inline-flex",flexShrink:0},children:p}),h&&t.jsx(r.Box,{sx:{display:"inline-flex",flexShrink:0,lineHeight:1},children:h}),i&&t.jsx(na,{iconOnly:!0,variant:"ghost",size:"small",onClick:e=>i(e,"closeClick"),"aria-label":"Close notification",sx:{flexShrink:0,ml:"4px"},children:t.jsx(vt,{size:"small",children:t.jsx(Se,{})})})]})}):null}const Wd=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Dd=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Fd={info:t.jsx(c,{}),success:t.jsx(l,{}),warning:t.jsx(s,{}),error:t.jsx(d,{})};function Ld({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function Pd({color:e,selected:a,onClick:i}){const n=Wd(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":a,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:a?"2px solid var(--Text)":"1px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const Hd={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",white:"Neutral",black:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Md={small:{diameter:24,thickness:3,fontSize:"9px",labelSize:"0px"},medium:{diameter:40,thickness:4,fontSize:"12px",labelSize:"12px"},large:{diameter:56,thickness:5,fontSize:"14px",labelSize:"14px"}};function Ed({value:a,color:o="primary",size:i="medium",thickness:n,showValue:l=!1,children:s,className:d="",sx:c={},...u}){const x=Hd[o]||"Primary",h="number"==typeof i?{diameter:i,thickness:Math.max(2,Math.round(i/11)),fontSize:Math.max(8,Math.round(i/3.3))+"px"}:Md[i]||Md.medium,p=n||h.thickness,m=null!=a,g=m?Math.min(100,Math.max(0,a)):0,f=(h.diameter-p)/2,b=2*Math.PI*f,v=m?b-g/100*b:.75*b,y="var(--Buttons-"+x+"-Border)",j="cp-grad-"+e.useId().replace(/:/g,"");return t.jsxs(r.Box,{role:"progressbar","aria-valuenow":m?Math.round(g):void 0,"aria-valuemin":m?0:void 0,"aria-valuemax":m?100:void 0,"aria-label":m?Math.round(g)+"% progress":"Loading",className:"circular-progress circular-progress-"+i+" circular-progress-"+o+(m?" circular-progress-value":" circular-progress-indeterminate")+" "+d,sx:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",width:h.diameter+"px",height:h.diameter+"px",flexShrink:0,...!m&&{animation:"circular-progress-spin 1.2s linear infinite","@keyframes circular-progress-spin":{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}},...c},...u,children:[t.jsxs("svg",{viewBox:"0 0 "+h.diameter+" "+h.diameter,width:h.diameter,height:h.diameter,style:{position:"absolute",top:0,left:0,transform:"rotate(-90deg)"},children:[t.jsx("defs",{children:t.jsxs("linearGradient",{id:j,x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[t.jsx("stop",{offset:"0%",stopColor:y,stopOpacity:"0"}),t.jsx("stop",{offset:"100%",stopColor:y,stopOpacity:"1"})]})}),t.jsx("circle",{cx:h.diameter/2,cy:h.diameter/2,r:f,fill:"none",stroke:"var(--Border-Variant)",strokeWidth:p,className:"circular-progress-track"}),t.jsx("circle",{cx:h.diameter/2,cy:h.diameter/2,r:f,fill:"none",stroke:"url(#"+j+")",strokeWidth:p,strokeDasharray:b,strokeDashoffset:v,strokeLinecap:"round",className:"circular-progress-indicator",style:{transition:m?"stroke-dashoffset 0.4s ease":"none"}})]}),(l||s)&&m&&t.jsx(r.Box,{className:"circular-progress-label","aria-hidden":"true",sx:{position:"relative",zIndex:1,fontSize:h.fontSize,fontWeight:700,fontFamily:"inherit",lineHeight:1,color:"var(--Text)",userSelect:"none"},children:s||Math.round(g)+"%"})]})}const Od=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Nd=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Qd({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function Vd({color:e,selected:a,onClick:i}){const n=Od(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":a,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:a?"2px solid var(--Text)":"1px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const Gd={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},qd={small:{height:"4px",borderRadius:"2px"},medium:{height:"6px",borderRadius:"3px"},large:{height:"8px",borderRadius:"4px"}};function Ud({value:e,color:a="primary",size:o="medium",className:i="",sx:n={},...l}){const s=Gd[a]||"Primary",d=qd[o]||qd.medium,c=null!=e,u=c?Math.min(100,Math.max(0,e)):0,x="var(--Buttons-"+s+"-Border)";return t.jsx(r.Box,{role:"progressbar","aria-valuenow":c?Math.round(u):void 0,"aria-valuemin":c?0:void 0,"aria-valuemax":c?100:void 0,"aria-label":c?Math.round(u)+"% progress":"Loading",className:"linear-progress linear-progress-"+o+" linear-progress-"+a+(c?" linear-progress-determinate":" linear-progress-indeterminate")+" "+i,sx:{position:"relative",width:"100%",height:d.height,borderRadius:d.borderRadius,backgroundColor:"var(--Border-Variant)",overflow:"hidden",flexShrink:0,...n},...l,children:t.jsx(r.Box,{className:"linear-progress-bar",sx:{position:"absolute",top:0,left:0,height:"100%",borderRadius:"inherit",backgroundColor:x,...c?{width:u+"%",transition:"width 0.4s ease"}:{width:"40%",animation:"linear-progress-slide 1.5s ease-in-out infinite","@keyframes linear-progress-slide":{"0%":{left:"-40%",width:"40%"},"50%":{left:"30%",width:"50%"},"100%":{left:"100%",width:"40%"}}}}})})}const Xd=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Yd=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Zd({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function Jd({color:e,selected:a,onClick:i}){const n=Xd(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":a,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:a?"2px solid var(--Text)":"1px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const Kd=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]}],$d=["photo","icon","initials"],_d={photo:"Photo",icon:"Icon",initials:"Initials"},ec=["xx-small","x-small","small","medium","large","x-large","xx-large"],rc={"xx-small":"XXS","x-small":"XS",small:"Small",medium:"Medium",large:"Large","x-large":"XL","xx-large":"XXL"};function tc({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function ac({color:e,selected:a,onClick:i}){const n=(l=e)?l.charAt(0).toUpperCase()+l.slice(1):"";var l;return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":a,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:a?"2px solid var(--Text)":"1px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const oc=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",ic=["primary","secondary","tertiary","neutral","info","success","warning","error"];function nc({ratio:e,threshold:a}){if(!e)return t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"--"});const o=parseFloat(e)>=a;return t.jsxs(r.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[t.jsxs(r.Box,{sx:{px:1,py:.25,borderRadius:"4px",backgroundColor:o?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)",fontSize:"11px",fontWeight:700},children:[e,":1"]}),t.jsx(_r,{style:{color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:o?"Pass":"Fail"})]})}function lc({label:e,ratio:a,threshold:o,note:i}){return t.jsxs(r.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(r.Box,{sx:{flex:1},children:[t.jsx(qr,{style:{color:"var(--Text)"},children:e}),i&&t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:i})]}),t.jsx(nc,{ratio:a,threshold:o})]})}function sc({color:e,selected:a,onClick:i}){const n=oc(e);return t.jsx(r.Tooltip,{title:n,arrow:!0,children:t.jsx(r.Box,{onClick:()=>i(e),role:"button","aria-label":"Select "+n+" color","aria-pressed":a,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:a?"2px solid var(--Text)":"1px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:24,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})})}function dc({label:e,selected:a,onClick:o}){return t.jsx(r.Box,{component:"button",onClick:o,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:"pointer",border:"2px solid var(--Buttons-Primary-Button)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:a?"var(--Buttons-Primary-Button)":"transparent",color:a?"var(--Buttons-Primary-Text)":"var(--Text)",padding:"4px 12px",fontSize:"14px",fontFamily:"inherit",fontWeight:500,whiteSpace:"nowrap",flexShrink:0,transition:"background-color 0.15s ease, color 0.15s ease","&:hover":{backgroundColor:a?"var(--Buttons-Primary-Hover)":"var(--Surface-Dim)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:e})}const cc=e=>e.charAt(0).toUpperCase()+e.slice(1);function uc(e){return e&&"default"!==e&&"border-variant"!==e?"border"===e?"var(--Border)":"var(--Icons-"+cc(e)+")":"var(--Border-Variant)"}function xc(e,r){const t=e&&!["default","border","border-variant"].includes(e)?cc(e):"Default",a=uc(e);return"light"===r?{bg:"var(--Tag-"+t+"-BG)",text:"var(--Tag-"+t+"-Text)",border:"1px solid "+a}:{bg:"var(--Background)",text:"var(--Text)",border:"1px solid "+a}}const hc={small:"var(--Sm-Divider, 0.5px)",medium:"var(--Divider, 1px)",large:"var(--Lg-Divider, 2px)"};const pc={eyebrow:at,title:Xr,secondary:Ur},mc={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},gc={small:{py:.5,px:1.5,fontSize:"13px",iconSize:16,decoratorSize:28,gap:1,checkSize:"small"},medium:{py:1,px:1,fontSize:"14px",iconSize:20,decoratorSize:36,gap:1.5,checkSize:"small"},large:{py:1.5,px:2.5,fontSize:"16px",iconSize:24,decoratorSize:40,gap:2,checkSize:"medium"}};function fc({children:e,size:a="medium",isButton:o=!1,onAction:i,ariaLabel:n}){return o?t.jsx(r.Box,{component:"button",role:"button",tabIndex:0,"aria-label":n||"Action",onClick:e=>{e.stopPropagation(),i?.(e)},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),i?.(e))},className:"list-item-decorator-button",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,padding:0,border:"none",backgroundColor:"transparent",borderRadius:"50%",cursor:"pointer",color:"inherit",transition:"background-color 0.15s ease","&:hover":{backgroundColor:"rgba(128,128,128,0.15)"},"&:active":{backgroundColor:"rgba(128,128,128,0.25)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},children:e}):t.jsx(r.Box,{className:"list-item-decorator",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:e})}function bc({children:e,startDecorator:a,endDecorator:o,startDecoratorIsButton:i=!1,endDecoratorIsButton:n=!1,onStartDecoratorAction:l,onEndDecoratorAction:s,startDecoratorAriaLabel:d,endDecoratorAriaLabel:c,size:u="medium",variant:x="default",color:h,eyebrow:p,overline:m,secondary:g,clickable:f=!1,disabled:b=!1,selected:v=!1,selectionMode:y="none",onSelect:j,onClick:S,bottomBorder:B=!1,rightBorder:k=!1,sx:w={},...C}){const T=gc[u]||gc.medium,z=f||!!S,A="checkbox"===y||"radio"===y,I=(z||A)&&!b,R=e=>{b||(A&&j?.(e),S?.(e))};return t.jsxs(r.Box,{component:"li",role:A?"option":z?"button":"listitem",tabIndex:I?0:void 0,"aria-disabled":b||void 0,"aria-selected":A?v:v||void 0,"aria-checked":"checkbox"===y?v:void 0,onClick:R,onKeyDown:I?e=>{b||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),R(e))}:void 0,className:"list-item"+(v?" list-item-selected":"")+(b?" list-item-disabled":"")+(z?" list-item-clickable":"")+(A?" list-item-selectable":""),sx:{display:"flex",flexDirection:"row",alignItems:"flex-start",justifyContent:"flex-start",width:"100%",boxSizing:"border-box",gap:"var(--Sizing-1-and-Half)",py:T.py,px:T.px,minHeight:"32px",fontSize:T.fontSize,fontFamily:"inherit",color:"var(--Text)",listStyle:"none",cursor:I?"pointer":"default",opacity:b?"var(--Disabled, 0.38)":1,position:"relative",transition:"background-color 0.15s ease, box-shadow 0.15s ease",...z?{border:"1px solid var(--Border)",boxShadow:"var(--Effect-Level-1)",padding:"var(--Sizing-1)",borderRadius:"var(--Input-Radius)"}:{},...!z&&B?{borderBottom:"1px solid var(--Border-Variant)"}:{},...!z&&k?{borderRight:"1px solid var(--Border-Variant)"}:{},backgroundColor:v?"var(--Hover)":"transparent","&:hover":I?{backgroundColor:"var(--Hover)",boxShadow:"var(--Effect-Level-2)"}:{},"&:active":I?{backgroundColor:"var(--Pressed)",boxShadow:"var(--Effect-Level-1)"}:{},"&:focus-visible":{outline:"none"},"&:focus-visible::after":{content:'""',position:"absolute",inset:"1px",border:"3px solid var(--Focus-Visible)",borderRadius:"var(--Input-Inner-Focus-Visible)",pointerEvents:"none"},...w},...C,children:["checkbox"===y&&t.jsx(r.Checkbox,{checked:v,disabled:b,size:T.checkSize,tabIndex:-1,onClick:e=>e.stopPropagation(),onChange:()=>j?.(),sx:{p:0,mr:0,color:"inherit","&.Mui-checked":{color:"inherit"}},inputProps:{"aria-label":"Select "+("string"==typeof e?e:"item")}}),"radio"===y&&t.jsx(r.Radio,{checked:v,disabled:b,size:T.checkSize,tabIndex:-1,onClick:e=>e.stopPropagation(),onChange:()=>j?.(),sx:{p:0,mr:0,color:"inherit","&.Mui-checked":{color:"inherit"}},inputProps:{"aria-label":"Select "+("string"==typeof e?e:"item")}}),a&&t.jsx(fc,{size:u,isButton:i,onAction:l,ariaLabel:d,children:a}),(()=>{const a=pc,o=p??m,i={display:"block",width:"100%",wordBreak:"break-word",overflowWrap:"anywhere"};return t.jsxs(r.Box,{sx:{flex:"1 1 auto",width:"100%",minWidth:0,display:"flex",flexDirection:"column",gap:0},children:[o&&t.jsx(a.eyebrow,{style:{...i,color:"var(--Quiet)"},children:o}),null!=e&&t.jsx(a.title,{style:{...i,color:"var(--Text)"},children:e}),g&&t.jsx(a.secondary,{style:{...i,color:"var(--Quiet)"},children:g})]})})(),o&&t.jsx(fc,{size:u,isButton:n,onAction:s,ariaLabel:c,children:o})]})}const vc={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},yc={small:{py:"4px",px:"8px",fontSize:"13px",headerFontSize:"12px"},medium:{py:"8px",px:"12px",fontSize:"14px",headerFontSize:"13px"},large:{py:"12px",px:"16px",fontSize:"16px",headerFontSize:"14px"}};const jc={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Sc={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Bc={small:{fontSize:"12px",py:"4px",px:"8px",maxWidth:200,arrowSize:6},medium:{fontSize:"13px",py:"6px",px:"12px",maxWidth:280,arrowSize:8},large:{fontSize:"14px",py:"8px",px:"16px",maxWidth:360,arrowSize:10}};const kc={default:{theme:"App-Bar"},primary:{theme:"Primary"},"primary-light":{theme:"Primary",surface:"Surface-Brightest"},white:{theme:"Neutral",surface:"Surface-Brightest"},black:{theme:"Neutral",surface:"Surface-Dimmest"}};function wc({children:e,onClick:r,ariaLabel:a}){return t.jsx(na,{iconOnly:!0,variant:"ghost",size:"medium",onClick:r,"aria-label":a,children:e})}function Cc({barColor:a="default",surface:o="Surface",loginType:i="login",menuType:n="hamburger",brandType:l="name",searchPosition:s="right",companyName:d="Company",navLinks:c=["Home","Products","About"],rightButtons:u=[],showRightButtons:x=!1,onMenuClick:h,user:p,onLogin:m,onSignOut:g,brand:f,onBrandClick:b,centerSlot:v,endSlot:y,searchValue:j,onSearchChange:S,searchPlaceholder:B="Search...",children:k,className:w="",sx:C={}}){const[T,z]=e.useState(!1),A=kc[a]||kc.default,I=A.theme,R=A.surface||o,W="expanded"===n&&c.length>3?"hamburger":n,D=t.jsx(Bn,{placeholder:B,size:"medium",value:j,onChange:S,sx:{flex:"left"===s?"0 1 400px":"0 1 280px",minWidth:0}});return t.jsxs(t.Fragment,{children:[t.jsx(r.Box,{component:"header",role:"banner","data-theme":I,"data-surface":R,className:"appbar appbar-desktop appbar-"+a+(w?" "+w:""),sx:{display:"flex",alignItems:"center",height:64,px:2,gap:2,backgroundColor:"var(--Background)",color:"var(--Text)",boxShadow:Ht,fontFamily:"inherit",...C},children:k||t.jsxs(t.Fragment,{children:["hamburger"===W&&t.jsx(wc,{ariaLabel:"Open navigation menu",onClick:h||(()=>z(!0)),children:t.jsx(je,{sx:{fontSize:"inherit"}})}),void 0!==f?b?t.jsx(r.Box,{component:"button",type:"button",onClick:b,sx:{background:"transparent",border:"none",padding:0,cursor:"pointer",color:"inherit",font:"inherit",fontWeight:700,fontSize:"18px",whiteSpace:"nowrap",flexShrink:0},children:f}):t.jsx(r.Box,{sx:{fontWeight:700,fontSize:"18px",whiteSpace:"nowrap",flexShrink:0},children:f}):"logo"===l?t.jsx(r.Box,{sx:{width:32,height:32,borderRadius:"6px",backgroundColor:"var(--Text)",opacity:.8,flexShrink:0},"aria-label":"Company logo"}):t.jsx(r.Box,{sx:{fontWeight:700,fontSize:"18px",whiteSpace:"nowrap",flexShrink:0},children:d}),void 0!==v?t.jsxs(t.Fragment,{children:[t.jsx(r.Box,{sx:{flex:1}}),t.jsx(r.Box,{sx:{display:"flex",alignItems:"center",flexShrink:0},children:v}),t.jsx(r.Box,{sx:{flex:1}})]}):t.jsxs(t.Fragment,{children:["left"===s&&D,"expanded"===W&&t.jsx(Ea,{defaultValue:0,variant:"standard",color:"default",sx:{ml:2,minHeight:0},children:t.jsx(Oa,{"aria-label":"Main navigation",children:c.map(e=>t.jsx(Na,{children:e},e))})}),t.jsx(r.Box,{sx:{flex:1}}),"right"===s&&D]}),void 0!==y?t.jsx(r.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:y}):t.jsxs(t.Fragment,{children:[x&&u.length>0&&t.jsx(r.Box,{sx:{display:"flex",alignItems:"center",gap:.5},children:u.map((r,a)=>r.raw?t.jsx(e.Fragment,{children:r.icon},a):t.jsx(wc,{ariaLabel:r.label||"Action "+(a+1),children:r.icon},a))}),p?t.jsx(na,{variant:"ghost",size:"small",onClick:g,"aria-label":"Sign out",startIcon:p.photoURL?t.jsx(r.Box,{component:"img",src:p.photoURL,alt:"",sx:{width:24,height:24,borderRadius:"50%"}}):t.jsx(Ze,{sx:{fontSize:24}}),children:p.displayName?.split(" ")[0]||"Account"}):m?t.jsx(na,{variant:"default-outline",size:"small",onClick:m,children:"Login"}):"avatar"===i?t.jsx(na,{iconOnly:!0,variant:"ghost",size:"medium","aria-label":"Account",children:t.jsx(Ze,{sx:{fontSize:28}})}):null]})]})}),t.jsx(ld,{open:T,onClose:()=>z(!1),anchor:"left",size:"small",children:t.jsx(r.Box,{component:"nav","aria-label":"Main navigation",sx:{display:"flex",flexDirection:"column",gap:.5,py:1},children:c.map(e=>t.jsx(na,{variant:"ghost",size:"medium",onClick:()=>z(!1),sx:{justifyContent:"flex-start",width:"100%"},children:e},e))})})]})}function Tc({mobileVariant:a="search",barColor:o="default",surface:i="Surface",title:n="Page Title",subtitle:l="Subtitle text",actionIcon:s,companyName:d="Company",navLinks:c=["Home","Products","About"],className:u="",sx:x={}}){const[h,p]=e.useState(!1),m=kc[o]||kc.default,g=m.theme,f=m.surface||i,b={backgroundColor:"var(--Background)",color:"var(--Text)",boxShadow:Ht,fontFamily:"inherit",width:"100%",maxWidth:420,...x},v={"data-theme":g,"data-surface":f},y=t.jsx(ld,{open:h,onClose:()=>p(!1),anchor:"left",size:"small",children:t.jsx(r.Box,{component:"nav","aria-label":"Main navigation",sx:{display:"flex",flexDirection:"column",gap:.5,py:1},children:c.map(e=>t.jsx(na,{variant:"ghost",size:"medium",onClick:()=>p(!1),sx:{justifyContent:"flex-start",width:"100%"},children:e},e))})});return"search"===a?t.jsxs(t.Fragment,{children:[t.jsxs(r.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-search appbar-"+o+" "+u,...v,sx:{...b,display:"flex",alignItems:"center",height:64,px:1.5,gap:1.5},children:[t.jsx(wc,{ariaLabel:"Open navigation menu",onClick:()=>p(!0),children:t.jsx(je,{sx:{fontSize:"inherit"}})}),t.jsx(Bn,{placeholder:"Search "+d,size:"small",sx:{flex:1,minWidth:0}}),t.jsx(na,{iconOnly:!0,variant:"ghost",size:"medium","aria-label":"Account",children:t.jsx(Ze,{sx:{fontSize:28}})})]}),y]}):"small"===a?t.jsxs(r.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-small appbar-"+o+" "+u,...v,sx:{...b,display:"flex",alignItems:"center",height:64,px:1.5,gap:1},children:[t.jsx(wc,{ariaLabel:"Back",children:t.jsx(Ye,{sx:{fontSize:"inherit"}})}),t.jsxs(r.Box,{sx:{flex:1,minWidth:0},children:[t.jsx(r.Box,{sx:{fontWeight:600,fontSize:"16px",lineHeight:1.3,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:n}),l&&t.jsx(r.Box,{sx:{fontSize:"12px",opacity:.7,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:l})]}),s&&t.jsx(wc,{ariaLabel:"Action",children:s})]}):"medium"===a?t.jsxs(r.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-medium appbar-"+o+" "+u,...v,sx:{...b,px:1.5,pb:2},children:[t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",height:56,gap:1},children:[t.jsx(wc,{ariaLabel:"Back",children:t.jsx(Ye,{sx:{fontSize:"inherit"}})}),t.jsx(r.Box,{sx:{flex:1}}),s&&t.jsx(wc,{ariaLabel:"Action",children:s})]}),t.jsxs(r.Box,{sx:{px:1.5},children:[t.jsx(r.Box,{sx:{fontWeight:600,fontSize:"24px",lineHeight:1.2},children:n}),l&&t.jsx(r.Box,{sx:{fontSize:"14px",opacity:.7,mt:.5},children:l})]})]}):t.jsxs(r.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-large appbar-"+o+" "+u,...v,sx:{...b,px:1.5,pb:3},children:[t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",height:56,gap:1},children:[t.jsx(wc,{ariaLabel:"Back",children:t.jsx(Ye,{sx:{fontSize:"inherit"}})}),t.jsx(r.Box,{sx:{flex:1}}),s&&t.jsx(wc,{ariaLabel:"Action",children:s})]}),t.jsxs(r.Box,{sx:{px:1.5,mt:1},children:[t.jsx(r.Box,{sx:{fontWeight:600,fontSize:"36px",lineHeight:1.1},children:n}),l&&t.jsx(r.Box,{sx:{fontSize:"14px",opacity:.7,mt:.5},children:l})]})]})}const zc=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Ac=["default","primary","primary-light","white","black"],Ic=["Surface","Surface-Bright","Surface-Dim","Surface-Dimmest"],Rc={default:{theme:"App-Bar"},primary:{theme:"Primary"},"primary-light":{theme:"Primary",surface:"Surface-Brightest"},white:{theme:"Neutral",surface:"Surface-Brightest"},black:{theme:"Neutral",surface:"Surface-Dimmest"}};function Wc({ratio:e,threshold:a}){if(!e)return t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"--"});const o=parseFloat(e)>=a;return t.jsxs(r.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[t.jsxs(r.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:o?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:[e,":1"]}),t.jsx(_r,{style:{color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:o?"Pass":"Fail"})]})}function Dc({label:e,ratio:a,threshold:o,note:i}){return t.jsxs(r.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(r.Box,{sx:{flex:1},children:[t.jsx(qr,{style:{color:"var(--Text)"},children:e}),i&&t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:i})]}),t.jsx(Wc,{ratio:a,threshold:o})]})}function Fc({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function Lc({color:e,selected:a,onClick:i}){const n=Rc[e]||Rc.default;return t.jsx(r.Box,{component:"button","data-theme":n.theme,"data-surface":n.surface||"Surface",onClick:()=>i(e),"aria-label":"Select "+e,"aria-pressed":a,title:e,sx:{width:"var(--Button-Height, 36px)",height:"var(--Button-Height, 36px)",borderRadius:"4px",backgroundColor:"var(--Background)",border:a?"2px solid var(--Text)":"2px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:16,color:"var(--Text)",pointerEvents:"none"}})})}const Pc={default:{bg:"var(--Primary-Color-1)",fg:"var(--Primary-Color-12)"},primary:{theme:"Primary",surface:"Surface-Dim"},"primary-dark":{bg:"var(--Primary-Color-1)",fg:"var(--Primary-Color-12)"},white:{bg:"var(--Neutral-Color-11)",fg:"var(--Neutral-Color-3)"},black:{bg:"var(--Neutral-Color-1)",fg:"var(--Neutral-Color-12)"}};function Hc({color:e="default",companyName:r="",year:a=(new Date).getFullYear(),rights:o="All rights reserved",children:i,className:n,style:l,...s}){const d=i??`© ${a}${r?" "+r:""}.${o?" "+o+".":""}`,c=Pc[e]||Pc.default,u=c.theme?{"data-theme":c.theme,"data-surface":c.surface||"Surface-Dim"}:{},x=c.theme?{background:"var(--Background)",color:"var(--Text)"}:{background:c.bg,color:c.fg};return t.jsx("div",{...u,className:["dino-copyright",n].filter(Boolean).join(" "),style:{padding:"14px 24px",textAlign:"center",...x,...l},...s,children:t.jsx(qr,{style:{color:"inherit",opacity:.85},children:d})})}const Mc={default:{bg:"var(--Primary-Color-2)",fg:"var(--Primary-Color-12)"},primary:{theme:"Primary",surface:"Surface"},"primary-dark":{theme:"Primary",surface:"Surface-Dimmest"},white:{bg:"var(--Neutral-Color-12)",fg:"var(--Neutral-Color-2)"},black:{bg:"var(--Neutral-Color-1)",fg:"var(--Neutral-Color-12)"}};function Ec({color:e="default",brand:r,address:a,columns:o=[],socialLinks:i=[],subscribe:n,copyrightName:l,copyrightYear:s,className:d,style:c,...u}){const x=o.slice(0,3),h=Mc[e]||Mc.default,p=h.theme?{"data-theme":h.theme,"data-surface":h.surface||"Surface"}:{},m=h.theme?{background:"var(--Background)",color:"var(--Text)"}:{background:h.bg,color:h.fg};return t.jsxs("footer",{...p,className:["dino-footer",d].filter(Boolean).join(" "),style:{...m,...c},...u,children:[t.jsxs("div",{style:{maxWidth:1200,margin:"0 auto",padding:"40px 24px 56px"},children:[r&&t.jsx("div",{style:{marginBottom:36},children:r}),t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(280px, 1fr))",gap:40},children:[t.jsx(Oc,{address:a}),x.map((e,r)=>t.jsx(Nc,{...e},r))]}),(i.length>0||n)&&t.jsxs("div",{style:{marginTop:48,paddingTop:32,borderTop:"1px solid rgba(255, 255, 255, 0.10)",display:"flex",flexWrap:"wrap",gap:32,alignItems:"flex-start",justifyContent:"space-between"},children:[i.length>0&&t.jsx(Qc,{links:i}),n&&t.jsx(Vc,{...n})]})]}),t.jsx(Hc,{color:e,companyName:l,year:s})]})}function Oc({address:e}){if(!e)return t.jsx("div",{});const{company:r,lines:a=[],email:o,phone:i}=e,n=[...r?[r]:[],...a,...i?[i]:[]];return t.jsxs("div",{children:[n.map((e,r)=>t.jsx(qr,{style:{color:"inherit",opacity:.85,display:"block"},children:e},r)),o&&t.jsx("div",{style:{marginTop:12},children:t.jsx(qr,{style:{color:"inherit",opacity:.85,display:"block"},children:t.jsx(En,{href:"mailto:"+o,color:"standard",style:{color:"inherit"},children:o})})})]})}function Nc({title:e,links:r=[]}){return t.jsxs("div",{children:[e&&t.jsx(Hr,{style:{color:"inherit",marginBottom:12},children:e}),t.jsx("ul",{style:{listStyle:"none",margin:0,padding:0},children:r.map((e,r)=>t.jsx("li",{style:{marginBottom:8},children:t.jsx(En,{href:e.href,onClick:e.onClick,color:"standard",style:{color:"inherit",opacity:.85},children:e.label})},r))})]})}function Qc({links:e}){return t.jsx("div",{style:{display:"flex",gap:16,alignItems:"center"},children:e.map((e,r)=>t.jsx("a",{href:e.url,target:"_blank",rel:"noopener noreferrer","aria-label":e.label||"Social link",style:{color:"inherit",opacity:.85,display:"inline-flex",alignItems:"center",justifyContent:"center",width:36,height:36,borderRadius:"50%",border:"1px solid rgba(255, 255, 255, 0.18)",textDecoration:"none",transition:"opacity 150ms ease, border-color 150ms ease"},onMouseEnter:e=>{e.currentTarget.style.opacity="1"},onMouseLeave:e=>{e.currentTarget.style.opacity="0.85"},children:e.icon},r))})}function Vc({title:r="Stay in the loop",description:a,placeholder:o="your@email.com",buttonLabel:i="Subscribe",onSubscribe:n}){const[l,s]=e.useState(""),[d,c]=e.useState(!1);return t.jsxs("form",{onSubmit:async e=>{if(e&&e.preventDefault(),l&&!d){c(!0);try{await(n?.(l)),s("")}finally{c(!1)}}},style:{minWidth:260,maxWidth:360,flex:"1 1 260px"},children:[t.jsx(Hr,{style:{color:"inherit",marginBottom:6},children:r}),a&&t.jsx(qr,{style:{color:"inherit",opacity:.85,marginBottom:12,display:"block"},children:a}),t.jsxs("div",{style:{display:"flex",gap:8},children:[t.jsx(Ui,{type:"email",value:l,onChange:e=>s(e.target.value),placeholder:o,size:"small",fullWidth:!0,"aria-label":"Email address"}),t.jsx(na,{type:"submit",variant:"primary",size:"small",disabled:d||!l,children:i})]})]})}function Gc(e){const r=e.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);return r?[Number(r[1]),Number(r[2]),Number(r[3])]:null}function qc(e){return e?"#"+e.map(e=>e.toString(16).padStart(2,"0")).join(""):"—"}function Uc([e,r,t]){const a=[e,r,t].map(e=>(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4));return.2126*a[0]+.7152*a[1]+.0722*a[2]}function Xc({targetRef:r,label:a,deps:o=[]}){const[i,n]=e.useState(null),[l,s]=e.useState(null);e.useEffect(()=>{if(!r.current)return;const e=requestAnimationFrame(()=>{if(!r.current)return;const e=getComputedStyle(r.current);n(Gc(e.backgroundColor)),s(Gc(e.color))});return()=>cancelAnimationFrame(e)},o);const d=function(e,r){if(!e||!r)return null;const t=Uc(e),a=Uc(r);return(Math.max(t,a)+.05)/(Math.min(t,a)+.05)}(i,l),c=null!==d&&d>=4.5,u=null===d?"—":null!==d&&d>=7?"AAA":c?"AA":"Fail",x=null===d?"var(--Text-Quiet)":c?"var(--Text-Success)":"var(--Text-Error)";return t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,padding:"12px 16px",borderRadius:8,background:"var(--Container)",border:"1px solid var(--Border)"},children:[t.jsxs("div",{style:{flex:1,minWidth:0},children:[t.jsx(qr,{style:{fontWeight:600},children:a}),t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Background ",qc(i)," · Text ",qc(l)]})]}),t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,borderRadius:999,padding:"4px 10px",background:"var(--Background)",border:"1px solid var(--Border)"},children:[t.jsx("span",{style:{fontWeight:700,fontSize:12,color:x},children:u}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:null!==d?d.toFixed(2)+":1":"—"})]})]})}const Yc={company:"DinoDesign",lines:["123 Market Street","San Francisco, CA 94103"],email:"hello@dinodesign.dev",phone:"+1 (555) 010-0000"},Zc=[{title:"Product",links:[{label:"Features",href:"#"},{label:"Pricing",href:"#"},{label:"Add-ons",href:"#"}]},{title:"Company",links:[{label:"About",href:"#"},{label:"Careers",href:"#"},{label:"Contact",href:"#"}]},{title:"Resources",links:[{label:"Docs",href:"#"},{label:"Changelog",href:"#"},{label:"Status",href:"#"}]}],Jc=[{icon:t.jsx(Je,{fontSize:"small"}),url:"https://twitter.com",label:"Twitter"},{icon:t.jsx(Ke,{fontSize:"small"}),url:"https://github.com",label:"GitHub"},{icon:t.jsx($e,{fontSize:"small"}),url:"https://linkedin.com",label:"LinkedIn"}],Kc=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"primary-dark",label:"Primary Dark"},{value:"white",label:"White"},{value:"black",label:"Black"}];function $c({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}const _c=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"primary-dark",label:"Primary Dark"},{value:"white",label:"White"},{value:"black",label:"Black"}];function eu({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}const ru=["Default","Primary","Secondary","Tertiary","Neutral"],tu={Classic:{name:"Classic",description:"Raised + soft shadow",angle:135,bevel:!0,depth:5,softness:1,shadow:!0,shadowDistance:6,shadowBlur:8,shadowOpacity:.6},Carved:{name:"Carved",description:"Deep inset, no shadow",angle:135,bevel:!0,depth:10,softness:2,shadow:!1,shadowDistance:4,shadowBlur:4,shadowOpacity:.4},Embossed:{name:"Embossed",description:"Inset + heavy shadow",angle:135,bevel:!0,depth:7,softness:1.5,shadow:!0,shadowDistance:10,shadowBlur:14,shadowOpacity:.7},Stamp:{name:"Stamp",description:"Reversed light + shadow",angle:315,bevel:!0,depth:6,softness:1,shadow:!0,shadowDistance:5,shadowBlur:6,shadowOpacity:.8},"Night Cut":{name:"Night Cut",description:"Inset on dark background",angle:135,bevel:!0,depth:8,softness:2,shadow:!1,shadowDistance:6,shadowBlur:8,shadowOpacity:.6},"Shadow Only":{name:"Shadow Only",description:"Flat fill + drop shadow",angle:135,bevel:!1,depth:4,softness:1,shadow:!0,shadowDistance:8,shadowBlur:12,shadowOpacity:.5}},au=Object.keys(tu);function ou(e,r){if("custom"===e)return{...tu.Classic,name:"Custom",description:"Custom",...r||{}};const t=tu[e];return t?{...t}:{...tu.Classic}}function iu(e,r){const t=e||"Primary";return"base"===r?"var(--Buttons-"+t+"-Button)":"highlight"===r?"rgb(var(--Buttons-"+t+"-Highlight))":"lowlight"===r?"rgb(var(--Buttons-"+t+"-Lowlight))":void 0}function nu(e){const r=e||"Primary";return"Default"===r?"var(--Text)":"var(--Text-"+r+")"}function lu(e,r){const t=(e-90)*Math.PI/180;return{dx:Math.cos(t)*r,dy:Math.sin(t)*r}}const su={"display-large":{fontFamily:"var(--Header-Font-Family)",fontSize:"var(--Display-Large-Font-Size)",fontWeight:"var(--Display-Large-Font-Weight)",letterSpacing:"var(--Display-Large-Letter-Spacing)",pxHint:64},"display-small":{fontFamily:"var(--Header-Font-Family)",fontSize:"var(--Display-Small-Font-Size)",fontWeight:"var(--Display-Small-Font-Weight)",letterSpacing:"var(--Display-Small-Letter-Spacing)",pxHint:48}};function du({text:r="Your Brand. Perfected.",curves:a,arc:o=160,radius:i=300,direction:n="up",rotation:l=0,autoCrop:s=!0,textStyle:d="display-large",fontSize:c,fontFamily:u,fontWeight:x,letterSpacing:h,color:p="var(--Text, #1a1a1a)",bevel:m=!1,bevelTheme:g="Primary",bevelPreset:f,bevelCustom:b,className:v,style:y,...j}){const S=f?ou(f,b):null,B=S?!!S.bevel:!!m,k=su[d]||su["display-large"],w=u??k.fontFamily,C=c??k.fontSize,T=x??k.fontWeight,z=h??k.letterSpacing,A="number"==typeof c?c:k.pxHint,I=a&&a.length>0?a:[{arc:o,radius:i,direction:n}],{d:R,width:W,upMax:D,downMax:F,pathId:L}=function(r){return e.useMemo(()=>{const e="dino-curved-text-"+Math.random().toString(36).slice(2,9);let t=0;const a=0;let o="M "+t+" "+a,i=0,n=0;for(const{arc:e,radius:l,direction:s}of r){const r=cu(e,1,359),d=Math.max(10,l),c=r*Math.PI/180,u=2*d*Math.sin(c/2),x=d*(1-Math.cos(c/2));t+=u,o+=" A "+d+" "+d+" 0 "+(r>180?1:0)+" "+("up"===s?1:0)+" "+t+" "+a,"up"===s?i=Math.max(i,x):n=Math.max(n,x)}return{d:o,width:t,upMax:i,downMax:n,pathId:e}},[JSON.stringify(r)])}(I),P=Math.ceil(D+A),H=Math.ceil(F+A),M=Math.ceil(A),E=Math.ceil(W+2*M),O=P+H,N=M,Q=P,V=l?"rotate("+l+" "+E/2+" "+O/2+")":void 0,G=e.useRef(null),[q,U]=e.useState(null),[X,Y]=e.useState(A);e.useEffect(()=>{if(!G.current||"undefined"==typeof ResizeObserver)return;const e=G.current,r=()=>{const r=e.getBoundingClientRect(),t=q?q.width:E;if(!t||!r.width)return;const a=r.width/t;Y(A*a)};r();const t=new ResizeObserver(r);return t.observe(e),()=>t.disconnect()},[E,A,q]);const Z=B&&X>=19;e.useLayoutEffect(()=>{if(!s)return void U(null);const e=G.current;if(!e)return;const r=e.querySelector("text");if(!r)return;let t;try{t=r.getBBox()}catch(e){return}if(!t||!t.width||!t.height)return;const a=E/2,o=O/2,i=l*Math.PI/180,n=Math.cos(i),d=Math.sin(i),c=(e,r)=>{const t=e-a,i=r-o;return{x:a+t*n-i*d,y:o+t*d+i*n}},u=[c(t.x,t.y),c(t.x+t.width,t.y),c(t.x,t.y+t.height),c(t.x+t.width,t.y+t.height)],x=Math.min(...u.map(e=>e.x)),h=Math.max(...u.map(e=>e.x)),p=Math.min(...u.map(e=>e.y)),m=Math.max(...u.map(e=>e.y)),g=.12*A,f={x:x-g,y:p-g,width:h-x+2*g,height:m-p+2*g};U(e=>e&&Math.abs(e.x-f.x)<.5&&Math.abs(e.y-f.y)<.5&&Math.abs(e.width-f.width)<.5&&Math.abs(e.height-f.height)<.5?e:f)},[s,r,JSON.stringify(I),l,A,z,w,T,B,g,f,JSON.stringify(b)]);const J=q?q.x+" "+q.y+" "+q.width+" "+q.height:"0 0 "+E+" "+O,K=q?q.width:E,$=q?q.height:O;return t.jsxs("svg",{ref:G,viewBox:J,width:K,height:$,preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",style:{display:"block",maxWidth:"100%",height:"auto",overflow:"visible",...y},"aria-label":r,role:"img",className:["dino-curved-text",v].filter(Boolean).join(" "),...j,children:[t.jsx("defs",{children:t.jsx("path",{id:L,d:R,transform:"translate("+N+" "+Q+")"})}),t.jsxs("g",{transform:V,children:[Z&&(()=>{const e=S?S.depth/96:.045,a=Math.max(2,Math.round(A*e)),o=Math.max(1,Math.round(A*e*.67)),i={fontFamily:w,fontSize:"number"==typeof C?C+"px":C,fontWeight:T,letterSpacing:"number"==typeof z?z+"px":z};return t.jsxs(t.Fragment,{children:[t.jsx("text",{className:"dino-bevel-layer dino-bevel-layer--lowlight",fill:"rgb(var(--Buttons-"+g+"-Lowlight))",transform:"translate(0 "+a+")",style:i,children:t.jsx("textPath",{href:"#"+L,startOffset:"50%",textAnchor:"middle",children:r})}),t.jsx("text",{className:"dino-bevel-layer dino-bevel-layer--highlight",fill:"rgb(var(--Buttons-"+g+"-Highlight))",transform:"translate(0 -"+o+")",style:i,children:t.jsx("textPath",{href:"#"+L,startOffset:"50%",textAnchor:"middle",children:r})})]})})(),t.jsx("text",{className:"dino-curved-text__base",fill:Z?"var(--Buttons-"+g+"-Button)":B?nu(g):p,style:{fontFamily:w,fontSize:"number"==typeof C?C+"px":C,fontWeight:T,letterSpacing:"number"==typeof z?z+"px":z},children:t.jsx("textPath",{href:"#"+L,startOffset:"50%",textAnchor:"middle",children:r})})]})]})}function cu(e,r,t){return Math.max(r,Math.min(t,e))}const uu=[{value:"display-large",label:"Display Large"},{value:"display-small",label:"Display Small"}],xu=[{value:"text",label:"Text",css:"var(--Text)"},{value:"primary",label:"Primary",css:"var(--Text-Primary)"},{value:"secondary",label:"Secondary",css:"var(--Text-Secondary)"},{value:"tertiary",label:"Tertiary",css:"var(--Text-Tertiary)"}],hu=ru.map(e=>({value:e,label:e}));function pu({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}const mu={"display-large":{fontFamily:"var(--Header-Font-Family)",fontSize:"var(--Display-Large-Font-Size)",fontWeight:"var(--Display-Large-Font-Weight)",letterSpacing:"var(--Display-Large-Letter-Spacing)",pxHint:96},"display-small":{fontFamily:"var(--Header-Font-Family)",fontSize:"var(--Display-Small-Font-Size)",fontWeight:"var(--Display-Small-Font-Weight)",letterSpacing:"var(--Display-Small-Letter-Spacing)",pxHint:64}};function gu({text:r="DinoDesign",theme:a="Primary",preset:o="Classic",custom:i,textStyle:n="display-large",fontSize:l,fontFamily:s,fontWeight:d,letterSpacing:c,className:u,style:x,...h}){const p=mu[n]||mu["display-large"],m=s??p.fontFamily,g=l??p.fontSize,f=d??p.fontWeight,b=c??p.letterSpacing,v="number"==typeof l?l:p.pxHint,y=ou(o,i),j="dino-bevel-"+e.useId().replace(/:/g,""),S=j+"-s",B=e.useRef(null),[k,w]=e.useState(v),C=.6*v,T=Math.max(400,r.length*C+80),z=1.9*v,A=T/2,I=.7*z;e.useEffect(()=>{if(!B.current||"undefined"==typeof ResizeObserver)return;const e=B.current,r=()=>{const r=e.getBoundingClientRect();T&&r.width&&w(v*(r.width/T))};r();const t=new ResizeObserver(r);return t.observe(e),()=>t.disconnect()},[T,v]);const R=k>=19,W=y.bevel?lu(y.angle+180,y.depth):{dx:0,dy:0},D=y.bevel?lu(y.angle,y.depth):{dx:0,dy:0},F=y.shadow?lu(y.angle,y.shadowDistance??6):{dx:0,dy:0},L=R?iu(a,"base"):nu(a),P=iu(a,"highlight"),H=iu(a,"lowlight"),M={fontFamily:m,fontSize:"number"==typeof g?g+"px":g,fontWeight:f,letterSpacing:"number"==typeof b?b+"px":b},E=y.bevel&&R?"url(#"+j+")":void 0,O=y.shadow&&R?"url(#"+S+")":void 0;return t.jsxs("svg",{ref:B,viewBox:"0 0 "+T+" "+z,width:T,height:z,preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",style:{display:"block",maxWidth:"100%",height:"auto",overflow:"visible",...x},"aria-label":r,role:"img",className:["dino-bevel-text",u].filter(Boolean).join(" "),...h,children:[t.jsxs("defs",{children:[y.shadow&&t.jsx("filter",{id:S,x:"-30%",y:"-30%",width:"160%",height:"160%",children:t.jsx("feDropShadow",{dx:F.dx.toFixed(2),dy:F.dy.toFixed(2),stdDeviation:y.shadowBlur??8,style:{floodColor:H,floodOpacity:y.shadowOpacity??.6}})}),y.bevel&&t.jsxs("filter",{id:j,x:"-5%",y:"-5%",width:"110%",height:"110%",colorInterpolationFilters:"sRGB",children:[t.jsx("feGaussianBlur",{in:"SourceAlpha",stdDeviation:(y.softness??1)+.5,result:"blur-alpha"}),t.jsx("feOffset",{in:"blur-alpha",dx:D.dx.toFixed(2),dy:D.dy.toFixed(2),result:"shadow-offset"}),t.jsx("feFlood",{style:{floodColor:H,floodOpacity:.95},result:"shadow-flood"}),t.jsx("feComposite",{in:"shadow-flood",in2:"shadow-offset",operator:"in",result:"shadow-shaped"}),t.jsx("feComposite",{in:"shadow-shaped",in2:"SourceAlpha",operator:"in",result:"shadow-clipped"}),t.jsx("feOffset",{in:"blur-alpha",dx:W.dx.toFixed(2),dy:W.dy.toFixed(2),result:"hi-offset"}),t.jsx("feFlood",{style:{floodColor:P,floodOpacity:.95},result:"hi-flood"}),t.jsx("feComposite",{in:"hi-flood",in2:"hi-offset",operator:"in",result:"hi-shaped"}),t.jsx("feComposite",{in:"hi-shaped",in2:"SourceAlpha",operator:"in",result:"hi-clipped"}),t.jsxs("feMerge",{children:[t.jsx("feMergeNode",{in:"SourceGraphic"}),t.jsx("feMergeNode",{in:"shadow-clipped"}),t.jsx("feMergeNode",{in:"hi-clipped"})]})]})]}),y.shadow&&R&&t.jsx("text",{className:"dino-bevel-layer dino-bevel-layer--shadow",x:A,y:I,textAnchor:"middle",fill:L,filter:O,style:M,"aria-hidden":"true",children:r}),t.jsx("text",{className:y.bevel?"dino-bevel-text__base dino-bevel-layer":"dino-bevel-text__base",x:A,y:I,textAnchor:"middle",fill:L,filter:E,style:M,children:r})]})}const fu=[...au.map(e=>({value:e,label:e,description:tu[e].description})),{value:"custom",label:"Custom",description:"Tune every knob"}],bu=[{value:"light",label:"Light",css:"var(--Surface)"},{value:"warm",label:"Warm",css:"var(--Surface-Dim)"},{value:"dark",label:"Dark",css:"var(--Container-High)"}];function vu({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function yu({option:e,active:a,onClick:o}){return t.jsxs(r.Box,{onClick:o,role:"button",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),o())},sx:{flex:"1 1 140px",minWidth:130,cursor:"pointer",border:"1.5px solid",borderColor:a?"var(--Buttons-Primary-Border)":"var(--Border)",background:a?"rgb(var(--Buttons-Primary-Highlight) / 0.18)":"var(--Background)",borderRadius:"var(--Style-Border-Radius)",p:1.5,transition:"border-color 0.15s, background 0.15s",textAlign:"center","&:hover":{borderColor:"var(--Buttons-Primary-Border)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:2}},children:[t.jsx(_r,{style:{fontWeight:600,color:"var(--Text)"},children:e.label}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:2},children:e.description})]})}const ju={outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},Su={opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"};function Bu(e={}){const{selectedBg:r,selectedText:t,selectedHover:a,selectedPressed:o,muiPrefix:i}=e,n=i?"&.Mui-disabled":"&:disabled",l=i?"&.Mui-focusVisible":"&:focus-visible",s={"&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},[l]:ju,[n]:{...Su,color:"var(--Quiet)"}};return r?{...s,"&.Mui-selected":{backgroundColor:r,...t?{color:t}:{},"&:hover":{backgroundColor:a||"var(--Hover)"},"&:active":{backgroundColor:o||"var(--Pressed)"}}}:s}const ku={small:{summaryPadding:"var(--Sizing-Half) var(--Sizing-Half) var(--Sizing-Half) var(--Sizing-1-and-Half)",gap:"var(--Sizing-Half)",detailsPy:"var(--Sizing-1-and-Half)",detailsPx:"var(--Sizing-1-and-Half)",iconSize:"small"},medium:{summaryPadding:"var(--Sizing-1) var(--Sizing-1) var(--Sizing-1) var(--Sizing-2)",gap:"var(--Sizing-1)",detailsPy:"var(--Sizing-2)",detailsPx:"var(--Sizing-2)",iconSize:"medium"},large:{summaryPadding:"var(--Sizing-1-and-Half) var(--Sizing-1-and-Half) var(--Sizing-1-and-Half) var(--Sizing-2-and-Half)",gap:"var(--Sizing-1-and-Half)",detailsPy:"var(--Sizing-2-and-Half)",detailsPx:"var(--Sizing-2-and-Half)",iconSize:"large"}},wu=e.createContext({variant:"solid",color:"default",size:"medium",spacing:0}),Cu=e.createContext({expanded:!1,toggle:()=>{},disabled:!1,accordionId:""}),Tu="var(--Accordion-Radius, var(--Button-Radius))";const zu={small:Ur,medium:Yr,large:$r},Au={small:qr,medium:Xr,large:Kr};const Iu={1:{padLeft:0,togglePadLeft:0},2:{padLeft:24,togglePadLeft:4},3:{padLeft:48,togglePadLeft:0},4:{padLeft:72,togglePadLeft:0},5:{padLeft:88,togglePadLeft:4}},Ru={0:{padLeft:8},1:{padLeft:48},2:{padLeft:56,slotPadLeft:4},3:{padLeft:64,slotPadLeft:4},4:{padLeft:88,slotPadLeft:4},5:{padLeft:112},6:{padLeft:128}};const Wu=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Du=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Fu=e=>t.jsx(r.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:e,flexShrink:0}}),Lu=[{id:"1",label:"Documents",icon:t.jsx(Xe,{}),badge:Fu("var(--Warning-Text, orange)"),children:[{id:"1-1",label:"Company",icon:t.jsx(er,{}),badge:Fu("var(--Warning-Text, orange)"),children:[{id:"1-1-1",label:"Invoice",icon:t.jsx(tr,{})},{id:"1-1-2",label:"Meeting notes",icon:t.jsx(rr,{})},{id:"1-1-3",label:"Tasks list",icon:t.jsx(rr,{})},{id:"1-1-4",label:"Equipment",icon:t.jsx(tr,{})},{id:"1-1-5",label:"Video conference",icon:t.jsx(ar,{})}]},{id:"1-2",label:"Personal",icon:t.jsx(Xe,{})},{id:"1-3",label:"Group photo",icon:t.jsx(Fe,{})}]},{id:"2",label:"Bookmarked",icon:t.jsx(Qe,{}),children:[{id:"2-1",label:"Favourites",icon:t.jsx(rr,{})}]},{id:"3",label:"History",icon:t.jsx(Xe,{})},{id:"4",label:"Trash",icon:t.jsx(m,{}),disabled:!0}],Pu=JSON.stringify(bd,null,2);function Hu({ratio:e,threshold:a}){if(!e)return t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"--"});const o=parseFloat(e)>=a;return t.jsxs(r.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[t.jsxs(r.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:o?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:[e,":1"]}),t.jsx(_r,{style:{color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:o?"Pass":"Fail"})]})}function Mu({label:e,ratio:a,threshold:o,note:i}){return t.jsxs(r.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(r.Box,{sx:{flex:1},children:[t.jsx(qr,{style:{color:"var(--Text)"},children:e}),i&&t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:i})]}),t.jsx(Hu,{ratio:a,threshold:o})]})}function Eu({label:e,selected:r,onClick:a}){return t.jsx(na,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:a,children:e})}function Ou({color:e,selected:a,onClick:i}){const n=Wu(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":a,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:a?"2px solid var(--Text)":"1px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}function Nu({value:a,onChange:o}){const[i,n]=e.useState(a),[l,s]=e.useState(null);return t.jsxs(r.Box,{children:[t.jsxs(r.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"TREE DATA (JSON)"}),t.jsx(na,{variant:"ghost",size:"small",onClick:()=>{n(Pu),s(null),o(bd)},children:"Reset"})]}),t.jsx(r.Box,{component:"textarea",value:i,onChange:e=>{n(e.target.value);try{const r=JSON.parse(e.target.value);s(null),o(r)}catch(e){s(e.message)}},spellCheck:!1,rows:10,sx:{width:"100%",fontFamily:"monospace",fontSize:"11px",backgroundColor:"#1e1e1e",color:l?"#f87171":"#e5e7eb",border:"1px solid "+(l?"#f87171":"#333"),borderRadius:"6px",padding:"10px",resize:"vertical",outline:"none",boxSizing:"border-box",lineHeight:1.5,"&:focus":{borderColor:"var(--Focus-Visible)"}}}),l&&t.jsxs(_r,{style:{color:"#f87171",display:"block",marginTop:4},children:["JSON error: ",l]})]})}function Qu(e,r){if(document.getElementById(r))return;const t=document.createElement("link");t.rel="stylesheet",t.href=e,t.id=r,document.head.appendChild(t)}const Vu=[{value:"desktop",label:"Desktop",note:"32px touch targets (WCAG)"},{value:"ios-mobile",label:"iOS Mobile",note:"44px touch targets (HIG)"},{value:"ios-tablet",label:"iOS Tablet",note:"44px touch targets (HIG)"},{value:"android",label:"Android",note:"48px touch targets (M3)"}],Gu={desktop:"32px","ios-mobile":"44px","ios-tablet":"44px",android:"48px"};const qu=e=>(e||[]).map(e=>{const r="number"==typeof e?e:Number(e?.value);return Number.isFinite(r)?r:0}),Uu=e=>(e||[]).map((e,r)=>"number"==typeof e?String(r+1):e?.label??String(r+1));function Xu(e,{fromZero:r=!0}={}){if(!e.length)return{min:0,max:1};let t=Math.min(...e),a=Math.max(...e);return r&&(t=Math.min(0,t)),a===t&&(a=t+1),{min:t,max:a}}const Yu=(e,{min:r,max:t},a,o)=>a+o-(e-r)/(t-r)*o;function Zu(e,r,t,{inset:a=0}={}){if(e<=0)return[];if(1===e)return[r+t/2];const o=(t-2*a)/(e-1);return Array.from({length:e},(e,t)=>r+a+t*o)}function Ju(e,r,t,{gapRatio:a=.4}={}){if(e<=0)return{centres:[],bandWidth:0};const o=t/e,i=o*(1-a);return{centres:Array.from({length:e},(e,t)=>r+o*t+o/2),bandWidth:i}}const Ku=e=>e.length?e.map((e,r)=>`${r?"L":"M"}${e.x} ${e.y}`).join(" "):"";function $u(e,{tension:r=0}={}){if(e.length<2)return Ku(e);const t=(1-r)/6;let a=`M${e[0].x} ${e[0].y}`;for(let r=0;r<e.length-1;r++){const o=e[r-1]||e[r],i=e[r],n=e[r+1],l=e[r+2]||n,s={x:i.x+(n.x-o.x)*t,y:i.y+(n.y-o.y)*t},d={x:n.x-(l.x-i.x)*t,y:n.y-(l.y-i.y)*t};a+=` C${s.x} ${s.y} ${d.x} ${d.y} ${n.x} ${n.y}`}return a}const _u=(e,r,t)=>e&&r.length?`${e} L${r[r.length-1].x} ${t} L${r[0].x} ${t} Z`:"";function ex(e,r,t,a,o,i){const n=i-o;if(n>=2*Math.PI-1e-9){const i=o+Math.PI;return ex(e,r,t,a,o,i)+" "+ex(e,r,t,a,i,o+2*Math.PI)}const l=(t,a)=>({x:e+t*Math.sin(a),y:r-t*Math.cos(a)}),s=n>Math.PI?1:0,d=l(a,o),c=l(a,i);if(t<=0)return`M${e} ${r} L${d.x} ${d.y} A${a} ${a} 0 ${s} 1 ${c.x} ${c.y} Z`;const u=l(t,i),x=l(t,o);return`M${d.x} ${d.y} A${a} ${a} 0 ${s} 1 ${c.x} ${c.y} L${u.x} ${u.y} A${t} ${t} 0 ${s} 0 ${x.x} ${x.y} Z`}function rx(e,{startAngle:r=0}={}){const t=e.map(e=>e>0?e:0),a=t.reduce((e,r)=>e+r,0),o=e.filter(e=>e<=0).length;if(a<=0)return{slices:[],total:0,dropped:o};let i=r;return{slices:t.map(e=>{const r=e/a*Math.PI*2,t={start:i,end:i+r,value:e,fraction:e/a};return i+=r,t}),total:a,dropped:o}}function tx({min:e,max:r},t=4){if(t<1)return[];const a=(r-e)/t,o=Math.pow(10,Math.floor(Math.log10(Math.abs(a)||1))),i=[1,2,2.5,5,10].map(e=>e*o).find(e=>e>=a)??10*o,n=[];for(let t=Math.ceil(e/i)*i;t<=r+1e-9;t+=i)n.push(Number(t.toFixed(10)));return n}var ax=Object.freeze({__proto__:null,arcPath:ex,areaPath:_u,bands:Zu,extent:Xu,linePath:Ku,scaleY:Yu,sliceAngles:rx,slots:Ju,smoothPath:$u,ticks:tx,toLabels:Uu,toNumbers:qu});const ox={fill:"var(--Icons-Primary)",track:"var(--Border-Variant)",line:"var(--Border-Variant)",quietLabel:"var(--Quiet)",label:"var(--Text)",gradient:"var(--Icons-Primary-Variant)"},ix=["Primary","Secondary","Tertiary","Neutral","Info","Success","Warning","Error"],nx={fontFamily:"var(--Label-Small-Font-Family)",fontSize:"var(--Label-Small-Font-Size)",fontWeight:"var(--Label-Small-Font-Weight)",letterSpacing:"var(--Label-Small-Letter-Spacing)"},lx={position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",whiteSpace:"nowrap",border:0};function sx({caption:e,labels:a,values:o,valueHeader:i="Value"}){return t.jsxs(r.Box,{component:"table",sx:lx,children:[t.jsx("caption",{children:e}),t.jsx("thead",{children:t.jsxs("tr",{children:[t.jsx("th",{scope:"col",children:"Category"}),t.jsx("th",{scope:"col",children:i})]})}),t.jsx("tbody",{children:o.map((e,r)=>t.jsxs("tr",{children:[t.jsx("th",{scope:"row",children:a[r]}),t.jsx("td",{children:e})]},r))})]})}const dx="var(--Motion-Duration-Slow, 300ms) var(--Motion-Easing-Enter, cubic-bezier(0, 0, 0, 1))",cx="var(--Motion-Duration-Fast, 150ms) var(--Motion-Easing-Standard, cubic-bezier(0.2, 0, 0, 1))";function ux(r){const[t,a]=e.useState(-1),o=e.useCallback(e=>({onMouseEnter:()=>a(e),onMouseLeave:()=>a(r=>r===e?-1:r),onFocus:()=>a(e),onBlur:()=>a(r=>r===e?-1:r)}),[]);return e.useEffect(()=>{a(e=>e>=r?-1:e)},[r]),{active:t,setActive:a,handlers:o}}function xx({count:e,width:a,centres:o,bandWidth:i,labels:n,values:l,handlers:s}){return e?t.jsx(r.Box,{sx:{position:"absolute",inset:0,display:"block",pointerEvents:"none"},children:Array.from({length:e},(e,d)=>t.jsx(r.Box,{component:"button",type:"button","aria-label":`${n[d]}: ${l[d]}`,...s(d),sx:{position:"absolute",top:0,height:"100%",left:(o[d]-i/2)/a*100+"%",width:i/a*100+"%",padding:0,margin:0,border:0,background:"transparent",cursor:"pointer",pointerEvents:"auto","&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"-2px",borderRadius:"4px"}}},d))}):null}function hx({x:e,y:r,text:a,width:o,tokens:i}){if(null==a)return null;const n=Math.max(28,8*String(a).length+14),l=Math.min(Math.max(e,n/2+2),o-n/2-2),s=r-26>=2?r-26:r+6;return t.jsxs("g",{pointerEvents:"none",children:[t.jsx("rect",{x:l-n/2,y:s,width:n,height:20,rx:6,fill:i.fill}),t.jsx("text",{x:l,y:s+14,textAnchor:"middle",fill:"var(--Icons-On-Primary)",style:{fontFamily:"var(--Label-Small-Font-Family)",fontSize:"var(--Label-Small-Font-Size)",fontWeight:"var(--Label-Small-Font-Weight)"},children:a})]})}const px={empty:{icon:t.jsx(or,{}),iconColor:"quiet",titleColor:"header",role:void 0},"no-results":{icon:t.jsx(ir,{}),iconColor:"quiet",titleColor:"header",role:void 0},error:{icon:t.jsx(nr,{}),iconColor:"error",titleColor:"error",role:"alert"}},mx={small:{icon:"medium",pad:"24px 16px",gap:"8px",maxWidth:"36ch"},medium:{icon:"large",pad:"48px 24px",gap:"12px",maxWidth:"40ch"},large:{icon:"large",pad:"80px 24px",gap:"16px",maxWidth:"44ch"}};exports.Accordion=function({children:a,expanded:o,defaultExpanded:i=!1,onChange:n,disabled:l=!1,className:s="",sx:d={},...c}){const[u,x]=e.useState(i),h=void 0!==o,p=h?o:u,{dataTheme:m,dataSurface:g}=e.useContext(wu),[f]=e.useState(()=>"accordion-"+Math.random().toString(36).substring(2,9));return t.jsx(Cu.Provider,{value:{expanded:p,toggle:()=>{if(l)return;const e=!p;h||x(e),n?.(e)},disabled:l,accordionId:f},children:t.jsx(r.Box,{className:"accordion-segment accordion"+(p?" accordion-expanded":"")+(l?" accordion-disabled":"")+" "+s,"data-theme":m,"data-surface":g,sx:{border:"1px solid var(--Border-Variant)",borderRadius:Tu,backgroundColor:"var(--Background)",overflow:"hidden",boxShadow:Mt,opacity:l?"var(--Disabled, 0.38)":1,...d},...c,children:a})})},exports.AccordionDetails=function({children:a,className:o="",sx:i={},...n}){const{expanded:l,accordionId:s}=e.useContext(Cu),{size:d}=e.useContext(wu),c=ku[d]||ku.medium,u=Au[d]||Au.medium;return l?t.jsx(r.Box,{role:"region",id:s+"-content","aria-labelledby":s+"-header",className:"accordion-details "+o,sx:{padding:"0 "+c.detailsPx+" "+c.detailsPy+" "+c.detailsPx,color:"var(--Text)",fontFamily:"inherit",lineHeight:1.6,...i},...n,children:"string"==typeof a||"number"==typeof a?t.jsx(u,{children:a}):a}):null},exports.AccordionGroup=function({children:e,variant:a="solid",surface:o,color:i="default",size:n="medium",spacing:l=0,className:s="",sx:d={},...c}){const u="default"===i?"Default":(x=i).charAt(0).toUpperCase()+x.slice(1);var x;const h="default"===i?"Default":u,p=o||("dark"===a?"Surface-Dimmest":"light"===a?"Surface-Brightest":"Surface");return 0===l?t.jsx(wu.Provider,{value:{variant:a,color:i,size:n,spacing:l,dataTheme:h,dataSurface:p},children:t.jsx(r.Box,{role:"presentation",className:"accordion-group accordion-group-connected accordion-group-"+a+" "+s,sx:{display:"flex",flexDirection:"column","& > .accordion-segment":{borderRadius:0,marginBottom:"-1px",boxShadow:"none"},"& > .accordion-segment .accordion-summary":{borderRadius:0},"& > .accordion-segment:first-of-type":{borderTopLeftRadius:Tu,borderTopRightRadius:Tu},"& > .accordion-segment:first-of-type .accordion-summary":{borderTopLeftRadius:Tu,borderTopRightRadius:Tu},"& > .accordion-segment:last-of-type":{borderBottomLeftRadius:Tu,borderBottomRightRadius:Tu,marginBottom:0},"& > .accordion-segment:last-of-type .accordion-summary:not(.accordion-summary-expanded)":{borderBottomLeftRadius:Tu,borderBottomRightRadius:Tu},...d},...c,children:e})}):t.jsx(wu.Provider,{value:{variant:a,color:i,size:n,spacing:l,dataTheme:h,dataSurface:p},children:t.jsx(r.Box,{role:"presentation",className:"accordion-group accordion-group-"+a+" accordion-group-spaced "+s,sx:{display:"flex",flexDirection:"column",gap:.5===l?"var(--Sizing-Half)":1===l?"var(--Sizing-1)":1.5===l?"var(--Sizing-1-and-Half)":2===l?"var(--Sizing-2)":8*l+"px",...d},...c,children:e})})},exports.AccordionSummary=function({children:a,startDecorator:o,endDecorator:i,eyebrow:n,overline:l,secondary:s,expandIcon:d,className:c="",sx:u={},...h}){const{expanded:p,toggle:m,disabled:g,accordionId:f}=e.useContext(Cu),{size:b}=e.useContext(wu),v=ku[b]||ku.medium,y=zu[b]||zu.medium,j=d||t.jsx(vt,{size:v.iconSize,sx:{color:p?"var(--Text)":"var(--Quiet)",transition:"color 0.15s ease"},children:t.jsx(x,{})}),S={overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block"};return t.jsxs(r.Box,{component:"button",role:"button","aria-expanded":p,"aria-controls":f+"-content",id:f+"-header",tabIndex:g?-1:0,onClick:m,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),m())},className:"accordion-summary"+(p?" accordion-summary-expanded":"")+" "+c,sx:{display:"flex",flexDirection:"row",alignItems:"flex-start",justifyContent:"flex-start",width:"100%",gap:v.gap,padding:v.summaryPadding,border:"none",backgroundColor:"transparent",color:p?"var(--Text)":"var(--Quiet)",fontFamily:"inherit",cursor:g?"not-allowed":"pointer",textAlign:"left",transition:"color 0.2s ease, background-color 0.15s ease",borderRadius:p?Tu+" "+Tu+" 0 0":Tu,"&:hover":g?{}:{color:"var(--Text)",backgroundColor:"var(--Hover)","& .omni-icon":{color:"var(--Text)"}},"&:active":g?{}:{color:"var(--Text)",backgroundColor:"var(--Pressed)","& .omni-icon":{color:"var(--Text)"}},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"},...u},...h,children:[o&&t.jsx(r.Box,{className:"accordion-summary-start",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:o}),t.jsxs(r.Box,{sx:{flex:1,minWidth:0,display:"flex",flexDirection:"column",gap:"var(--Sizing-Half)"},children:[(n??l)&&t.jsx(at,{style:{...S,color:"var(--Text-Quiet)"},children:n??l}),null!=a&&t.jsx(y,{style:{...S,color:"inherit"},children:a}),s&&t.jsx(qr,{style:{...S,color:"var(--Text-Quiet)"},children:s})]}),i&&t.jsx(r.Box,{className:"accordion-summary-end",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:i}),t.jsx(r.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",transform:p?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.25s ease",flexShrink:0},children:j})]})},exports.Alert=kd,exports.AlertDialog=function({open:e,onClose:a,title:o,children:i,confirmText:n="Confirm",cancelText:l="Cancel",onConfirm:s,onCancel:d,...c}){return t.jsx(Js,{open:e,onClose:a,title:o,alert:!0,...c,actions:t.jsxs(t.Fragment,{children:[t.jsx(r.Box,{component:"button",type:"button",onClick:d||a,sx:Zs.outline,children:l}),t.jsx(r.Box,{component:"button",type:"button",onClick:s||a,sx:Zs.primary,children:n})]}),children:i})},exports.AlertShowcase=function(){const[a,o]=e.useState("light"),[i,n]=e.useState("info"),[l,s]=e.useState("medium"),[d,c]=e.useState(!0),[u,x]=e.useState(null),[h,p]=e.useState("Surface"),m=d&&Td[i]?t.jsx(vt,{size:"small",sx:{color:"inherit"},children:Td[i]}):void 0;return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Alert"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:u,surface:h,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:480},children:t.jsx(kd,{variant:a,color:i,size:l,startDecorator:m,children:"This is an alert message. Check the details for more information."})})}),t.jsx(So,{code:(()=>{const e=['variant="'+a+'"'];return"info"!==i&&e.push('color="'+i+'"'),"medium"!==l&&e.push('size="'+l+'"'),d&&Td[i]&&e.push("startDecorator={<Icon><"+wd(i)+"Icon /></Icon>}"),"<Alert "+e.join(" ")+">\n  This is an alert message.\n</Alert>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:u,onThemeChange:x,surface:h,onSurfaceChange:p})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["solid","light"].map(e=>t.jsx(zd,{label:wd(e),selected:a===e,onClick:()=>o(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:Cd.map(e=>t.jsxs(r.Box,{children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(Ad,{color:e,selected:i===e,onClick:n},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(zd,{label:wd(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Show Icon"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Start decorator icon"})]}),t.jsx(Fo,{variant:"default-outline",checked:d,onChange:e=>c(e.target.checked),size:"small","aria-label":"Show icon"})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsx(r.Stack,{spacing:3,children:t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsx(r.Stack,{spacing:0,children:[{label:"Role",value:'role="alert" — live region, announced immediately'},{label:"Border",value:"var(--Buttons-{Color}-Border) on outer shell"},{label:"Shadow",value:"var(--Effect-Level-3)"},{label:"Icons",value:"Decorative — aria-hidden by default via Icon component"}].map(({label:e,value:a})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:[e,":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]})})})})]})})})]})]})},exports.AppBar=function({mode:e="desktop",...r}){return"mobile"===e?t.jsx(Tc,{...r}):t.jsx(Cc,{...r})},exports.AppBarShowcase=function(){const[a,o]=e.useState("desktop"),[i,n]=e.useState("default"),[l,s]=e.useState("Surface"),[d,c]=e.useState("login"),[u,x]=e.useState("hamburger"),[h,p]=e.useState("name"),[m,g]=e.useState("right"),[f,b]=e.useState("search"),[v,y]=e.useState(null),[j,S]=e.useState("Surface"),[B,k]=e.useState({}),w="desktop"===a,C=Rc[i]||Rc.default,T=C.theme,z=C.surface||l;return e.useEffect(()=>{const e={};e.text=To("--Text"),e.textQuiet=To("--Text-Quiet"),e.background=To("--Background"),e.border=To("--Border"),e.focusVisible=To("--Focus-Visible"),e.hover=To("--Hover"),e.active=To("--Pressed"),k(e)},[i,l,a]),t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"App Bar"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:v,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:w?"100%":420,overflow:"hidden"},children:w?t.jsx(Cc,{barColor:i,surface:l,loginType:d,menuType:u,brandType:h,searchPosition:m,companyName:"My App",navLinks:["Home","Products","About"]}):t.jsx(Tc,{barColor:i,surface:l,mobileVariant:f,companyName:"My App",title:"Page Title",subtitle:"Subtitle text"})})}),t.jsx(So,{code:(()=>{if(w){const e=[];"default"!==i&&e.push('barColor="'+i+'"'),"Surface"!==l&&e.push('surface="'+l+'"'),"login"!==d&&e.push('loginType="'+d+'"'),"hamburger"!==u&&e.push('menuType="'+u+'"'),"name"!==h&&e.push('brandType="'+h+'"'),"right"!==m&&e.push('searchPosition="'+m+'"');const r=e.length?"\n  "+e.join("\n  ")+"\n":"";return'<AppBar mode="desktop"'+(r||" ")+'companyName="My App" />'}{const e=['mode="mobile"','mobileVariant="'+f+'"'];return"default"!==i&&e.push('barColor="'+i+'"'),"Surface"!==l&&e.push('surface="'+l+'"'),"<AppBar\n  "+e.join("\n  ")+'\n  title="Page Title"\n/>'}})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"MODE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["desktop","mobile"].map(e=>t.jsx(Fc,{label:zc(e),selected:a===e,onClick:()=>o(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BAR COLOR"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Ac.map(e=>t.jsx(Lc,{color:e,selected:i===e,onClick:n},e))}),t.jsxs(_r,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:['data-theme="',T,'"']})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SURFACE"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Ic.map(e=>t.jsx(Fc,{label:e.replace("Surface-","").replace("Surface","Default"),selected:l===e,onClick:()=>s(e)},e))}),t.jsxs(_r,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:['data-surface="',l,'"']})]}),w&&t.jsxs(t.Fragment,{children:[t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"MENU TYPE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["hamburger","expanded"].map(e=>t.jsx(Fc,{label:zc(e),selected:u===e,onClick:()=>x(e)},e))}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",marginTop:4,display:"block"},children:"Expanded auto-falls back to hamburger when nav > 3 links"})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BRAND"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["name","logo"].map(e=>t.jsx(Fc,{label:zc(e),selected:h===e,onClick:()=>p(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SEARCH POSITION"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["left","right"].map(e=>t.jsx(Fc,{label:zc(e),selected:m===e,onClick:()=>g(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LOGIN TYPE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["login","avatar"].map(e=>t.jsx(Fc,{label:zc(e),selected:d===e,onClick:()=>c(e)},e))})]})]}),!w&&t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"MOBILE VARIANT"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["search","small","medium","large"].map(e=>t.jsx(Fc,{label:zc(e),selected:f===e,onClick:()=>b(e)},e))})]})]})}),t.jsx(Qa,{value:1,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsxs(qr,{color:"quiet",style:{marginBottom:24},children:[a," / ",i," / ",l,w?"":" / "+f,' — data-theme="',T,'" data-surface="',z,'"']}),t.jsxs(r.Stack,{spacing:3,children:[t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),t.jsx(qr,{color:"quiet",style:{marginBottom:16},children:"All text and icons must have 4.5:1 contrast against the AppBar background."}),t.jsx(Dc,{label:"Resting: var(--Text) vs. var(--Background)",ratio:Co(B.text,B.background),threshold:4.5,note:'data-theme="'+T+'" data-surface="'+z+'"'}),t.jsx(Dc,{label:"On hover: var(--Text) vs. var(--Hover)",ratio:Co(B.text,B.hover),threshold:4.5,note:"Icon buttons use var(--Hover) on hover"}),t.jsx(Dc,{label:"On active: var(--Text) vs. var(--Pressed)",ratio:Co(B.text,B.active),threshold:4.5,note:"Icon buttons use var(--Pressed) on press"})]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"Focus Indicator (WCAG 2.4.11 — 3:1)"}),t.jsx(Dc,{label:"var(--Focus-Visible) vs. var(--Background)",ratio:Co(B.focusVisible,B.background),threshold:3,note:"outline: 3px solid var(--Focus-Visible); outline-offset: 1px"})]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"Touch Target Area (WCAG 2.5.5)"}),[{label:"Icon button",size:40,note:"width: 40px, height: 40px"},{label:"AppBar (desktop)",size:64,note:"height: 64px"},{label:"AppBar (mobile)",size:64,note:"height: 64px"}].map(({label:e,size:a,note:o})=>{const i=a>=24,n=a>=44,l=a>=48;return t.jsxs(r.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(r.Box,{sx:{flex:1},children:[t.jsxs(qr,{style:{color:"var(--Text)"},children:[e," — ",a,"px"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:o})]}),t.jsxs(r.Box,{sx:{display:"flex",gap:.5,flexWrap:"wrap",justifyContent:"flex-end"},children:[t.jsxs(r.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:i?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:["Desktop ",i?"Y":"N"]}),t.jsxs(r.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:n?"var(--Tags-Success-BG)":"var(--Tags-Warning-BG)",color:n?"var(--Tags-Success-Text)":"var(--Tags-Warning-Text)"},children:["iOS ",n?"Y":"~"]}),t.jsxs(r.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:l?"var(--Tags-Success-BG)":"var(--Tags-Warning-BG)",color:l?"var(--Tags-Success-Text)":"var(--Tags-Warning-Text)"},children:["Android ",l?"Y":"~"]})]})]},e)})]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsxs(r.Stack,{spacing:0,children:[t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Landmark:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<header role="banner">'})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Navigation (expanded menu):"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<nav aria-label="Main navigation">'})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Theme + Surface:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'data-theme="'+T+'" data-surface="'+z+'"'})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Shadow:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"box-shadow: var(--Effect-Level-1)"})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Icon buttons:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"All icon buttons have aria-label. Focus visible on keyboard navigation."})]}),t.jsxs(r.Box,{sx:{py:1.5},children:[t.jsx(qr,{children:"Keyboard:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"Tab navigates all interactive elements. Enter/Space activates buttons."})]})]})]})]})]})})]})})})]})]})},exports.Autocomplete=rn,exports.AutocompleteShowcase=function(){const[a,o]=e.useState("outline"),[i,n]=e.useState("default"),[l,s]=e.useState("medium"),[d,c]=e.useState("top"),[u,x]=e.useState("Fruit"),[h,p]=e.useState(!0),[m,g]=e.useState(!1),[f,b]=e.useState(!0),[v,y]=e.useState(null),[j,S]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Autocomplete"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:v,surface:j,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:360},children:t.jsx(rn,{variant:a,color:i,size:l,label:u,labelPosition:d,options:on,clearable:h,disabled:m,fullWidth:f})})}),t.jsx(So,{code:(()=>{const e=[];return"outline"!==a&&e.push('variant="'+a+'"'),"default"!==i&&e.push('color="'+i+'"'),"medium"!==l&&e.push('size="'+l+'"'),u&&e.push('label="'+u+'"'),"top"!==d&&e.push('labelPosition="'+d+'"'),h||e.push("clearable={false}"),m&&e.push("disabled"),f&&e.push("fullWidth"),e.push("options={options}"),e.push("onChange={handleChange}"),"<Autocomplete\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["outline","light"].map(e=>t.jsx(nn,{label:tn(e),selected:a===e,onClick:()=>o(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:an.map(e=>t.jsxs(r.Box,{children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(ln,{color:e,selected:i===e,onClick:n},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(nn,{label:tn(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["top","floating","none"].map(e=>t.jsx(nn,{label:"none"===e?"None":tn(e),selected:d===e,onClick:()=>c(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Clearable"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show clear button when has value"})]}),t.jsx(Fo,{checked:h,onChange:e=>p(e.target.checked),size:"small","aria-label":"Clearable"})]}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Disabled"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Fo,{checked:m,onChange:e=>g(e.target.checked),size:"small","aria-label":"Disabled"})]}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Full Width"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container width"})]}),t.jsx(Fo,{checked:f,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsx(r.Stack,{spacing:3,children:t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsx(r.Stack,{spacing:0,children:[{label:"Input",value:'role="combobox" aria-expanded aria-haspopup="listbox" aria-autocomplete="list"'},{label:"Dropdown",value:'role="listbox" aria-label="..."'},{label:"Options",value:'role="option" aria-selected="true|false"'},{label:"Label",value:"aria-label from label prop. Always provide a label."},{label:"Keyboard",value:"Arrow keys navigate, Enter selects, Escape closes."},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px (on outer shell)"}].map(({label:e,value:a})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:[e,":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]})})})})]})})})]})]})},exports.Avatar=kt,exports.AvatarGroup=wt,exports.AvatarShowcase=function(){const[a,o]=e.useState("default"),[i,n]=e.useState("medium"),[l,s]=e.useState("initials"),[d,c]=e.useState(!1),[u,x]=e.useState(!1),[h,p]=e.useState(!1),[m,g]=e.useState(null),[f,b]=e.useState("Surface"),v="photo"===l,y=()=>{const e={size:i,clickable:d,insideButton:u};return v||(e.color=a),"initials"===l&&(e.initials="LN"),"photo"===l&&(e.src="https://i.pravatar.cc/150?img=3",e.alt="User avatar"),e};return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Avatar"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:m,surface:f,children:h?t.jsxs(wt,{max:3,size:i,children:[t.jsx(kt,{...y()}),t.jsx(kt,{color:a,size:i,initials:"AB"}),t.jsx(kt,{color:a,size:i,initials:"CD"}),t.jsx(kt,{color:a,size:i,initials:"EF"})]}):t.jsx(kt,{...y()})}),t.jsx(So,{code:(()=>{const e=[];return v||"default"===a||e.push('color="'+a+'"'),"medium"!==i&&e.push('size="'+i+'"'),"initials"===l&&e.push('initials="LN"'),"photo"===l&&e.push('src="..." alt="User avatar"'),d&&e.push("clickable onClick={handleClick}"),u&&e.push("insideButton"),h?"<AvatarGroup max={3}>\n  <Avatar "+e.join(" ")+' />\n  <Avatar initials="AB" />\n  <Avatar initials="CD" />\n  <Avatar initials="EF" />\n</AvatarGroup>':"<Avatar "+e.join(" ")+" />"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:m,onThemeChange:g,surface:f,onSurfaceChange:b})}),t.jsxs(r.Box,{sx:{opacity:v?.4:1,pointerEvents:v?"none":"auto"},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:Kd.map(e=>t.jsxs(r.Box,{children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(ac,{color:e,selected:a===e,onClick:o},e))})]},e.label))}),v&&t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:8},children:"Color is ignored when the avatar shows a photo — the image carries the visual."})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:ec.map(e=>t.jsx(tc,{label:rc[e],selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CONTENT"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:$d.map(e=>t.jsx(tc,{label:_d[e],selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Clickable"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Interactive with hover/focus states"})]}),t.jsx(Fo,{variant:"default-outline",checked:d,onChange:e=>c(e.target.checked),size:"small","aria-label":"Clickable"})]}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Inside Button"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Adds 2px horizontal margin so the avatar sits cleanly in a Button"})]}),t.jsx(Fo,{variant:"default-outline",checked:u,onChange:e=>x(e.target.checked),size:"small","aria-label":"Inside Button"})]}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Group"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show as AvatarGroup with overflow"})]}),t.jsx(Fo,{variant:"default-outline",checked:h,onChange:e=>p(e.target.checked),size:"small","aria-label":"Show group"})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsx(r.Stack,{spacing:3,children:t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsx(r.Stack,{spacing:0,children:[{label:"Role",value:'role="img" (static) or role="button" (clickable)'},{label:"Label",value:'aria-label from alt, initials, or "Avatar"'},{label:"Image",value:"alt text on <img>. Falls back to initials or icon on error."},{label:"Clickable",value:"Rendered as <button>. Focus ring: 3px solid var(--Focus-Visible)."},{label:"Group",value:'role="group" aria-label="Avatar group, N avatars"'}].map(({label:e,value:a})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:[e,":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]})})})})]})})})]})]})},exports.Badge=Dt,exports.BadgeShowcase=function(){const[a,o]=e.useState(0),[i,n]=e.useState("solid"),[l,s]=e.useState("primary"),[d,c]=e.useState("5"),[u,x]=e.useState(!1),[h,p]=e.useState(!1),[m,g]=e.useState({}),f=()=>"solid"===i?l:l+"-"+i,b=()=>{if(u)return;const e=parseInt(d,10);return isNaN(e)||String(e)!==d.trim()?d||void 0:e};return e.useEffect(()=>{const e=oc(l),r={};"solid"===i?(r.badgeBg=To("--Icons-"+e),r.badgeText=To("--Icons-On-"+e),r.badgeBorder=null):"outline"===i&&(r.badgeBg=To("--Background"),r.badgeText=To("--Text"),r.badgeBorder=To("--Buttons-"+e+"-Border")),r.background=To("--Background"),r.focusVisible=To("--Focus-Visible"),g(r)},[i,l]),t.jsxs(r.Box,{sx:{width:"100%"},children:[t.jsx(Pr,{style:{marginBottom:8},children:"Badge"}),t.jsx(Xr,{color:"quiet",style:{marginBottom:24},children:"Small label attached to an element showing status or count. Solid and outline variants across all 8 colors."}),t.jsxs(r.Tabs,{value:a,onChange:(e,r)=>o(r),sx:{borderBottom:"1px solid var(--Border)",mb:0},children:[t.jsx(r.Tab,{label:"Playground"}),t.jsx(r.Tab,{label:"Accessibility"})]}),0===a&&t.jsxs(r.Grid,{container:!0,sx:{minHeight:400},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"calc((100vw - 432px) / 2)"},flexShrink:0},children:[t.jsx(r.Box,{sx:{p:4,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:200,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)"},children:t.jsxs(r.Stack,{direction:"row",spacing:6,alignItems:"center",children:[t.jsx(Dt,{variant:f(),badgeContent:b(),dot:u,showZero:h,children:t.jsx(Ue,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})}),t.jsx(Dt,{variant:f(),badgeContent:b(),dot:u,showZero:h,children:t.jsx(v,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})}),t.jsx(Dt,{variant:f(),badgeContent:b(),dot:u,showZero:h,children:t.jsx(j,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})})]})}),t.jsx(So,{code:(()=>{const e=['variant="'+f()+'"'];if(u)e.push("dot");else{const r=b();"number"==typeof r?e.push("badgeContent={"+r+"}"):r&&e.push('badgeContent="'+r+'"')}return h&&e.push("showZero"),"<Badge "+e.join(" ")+">\n  <MailIcon />\n</Badge>"})(),language:"JSX",sx:{borderRadius:0,borderBottom:"1px solid var(--Border)"}})]}),t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"calc(100vw - 432px)",md:"calc((100vw - 432px) / 2)"},flexShrink:0,p:3,backgroundColor:"var(--Container)",overflowY:"auto"},children:[t.jsx(Hr,{children:"Playground"}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(r.Stack,{direction:"row",spacing:1,flexWrap:"wrap",sx:{gap:1},children:["solid","outline"].map(e=>t.jsx(dc,{label:oc(e),selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:ic.map(e=>t.jsx(sc,{color:e,selected:l===e,onClick:s},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Counter 16px · Dot 8px · Padding 4px · Digits 11px"})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BADGE CONTENT"}),t.jsx(r.TextField,{size:"small",value:d,onChange:e=>c(e.target.value),placeholder:"Number or text",disabled:u,sx:{width:"160px","& .MuiOutlinedInput-root":{fontFamily:"inherit",fontSize:"14px",backgroundColor:"var(--Background)","& fieldset":{borderColor:"var(--Border)"},"&:hover fieldset":{borderColor:"var(--Border)"},"&.Mui-focused fieldset":{borderColor:"var(--Buttons-Primary-Border)"}},"& .MuiOutlinedInput-input":{color:"var(--Text)",padding:"6px 12px"}}})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(r.FormControlLabel,{control:t.jsx(r.Checkbox,{checked:u,onChange:e=>x(e.target.checked),size:"small"}),label:t.jsx(qr,{children:"Dot (no content)"})}),t.jsx(r.FormControlLabel,{control:t.jsx(r.Checkbox,{checked:h,onChange:e=>p(e.target.checked),size:"small"}),label:t.jsx(qr,{children:"Show zero"})})]})]})]}),1===a&&t.jsxs(r.Box,{sx:{p:4},children:[t.jsx(Hr,{children:"Accessibility Requirements"}),t.jsxs(qr,{color:"quiet",style:{marginBottom:32},children:["Based on current Playground settings: ",i," · ",l]}),t.jsxs(r.Stack,{spacing:4,children:[t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"Badge Text Contrast"}),t.jsx(qr,{color:"quiet",style:{marginBottom:16},children:"Badge text must have ≥ 4.5:1 contrast against badge background (WCAG 1.4.3 AA)"}),t.jsx(lc,{label:"Badge Text vs. Badge Background",ratio:Co(m.badgeText,m.badgeBg),threshold:4.5,note:"solid"===i?"var(--Buttons-{C}-Text) vs var(--Buttons-{C}-Button)":"outline"===i?"var(--Text) vs var(--Background)":"var(--Buttons-{C}-Text) vs var(--Buttons-{C}-Button)"})]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"Badge Visibility"}),t.jsx(qr,{color:"quiet",style:{marginBottom:16},children:"Badge background (or border) must have ≥ 3:1 contrast against page background (WCAG 1.4.11)"}),(()=>{const e=Co(m.badgeBg,m.background),r=m.badgeBorder?Co(m.badgeBorder,m.background):null;return t.jsx(lc,{label:"Badge vs. Page Background",ratio:(a=e,o=r,a||o?a?o?parseFloat(a)>=parseFloat(o)?a:o:a:o:null),threshold:3.1,note:"outline"===i?"Border "+(r||"--")+":1 — outline relies on border contrast":"BG "+(e||"--")+":1"});var a,o})()]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"Badge Sizing"}),t.jsx(qr,{color:"quiet",style:{marginBottom:16},children:"One size. A count has to read the same whether it hangs off a 20px icon or a 56px FAB, so it does not scale with its anchor."}),t.jsx(r.Box,{sx:{display:"flex",justifyContent:"space-between",py:1.5,borderBottom:"1px solid var(--Border)"},children:t.jsxs(r.Box,{children:[t.jsx(qr,{children:"Counter"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"16px height · 4px side padding · 11px digits · pill shape"})]})}),t.jsx(r.Box,{sx:{display:"flex",justifyContent:"space-between",py:1.5,borderBottom:"1px solid var(--Border)"},children:t.jsxs(r.Box,{children:[t.jsx(qr,{children:"Status dot"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"8px diameter circle"})]})})]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA & Semantics"}),t.jsxs(r.Stack,{spacing:0,children:[t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{style:{display:"block",marginBottom:2},children:"Screenreader support:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:'MUI Badge renders badge content in a visually-hidden span for assistive technology. Numeric content is announced (e.g. "5 notifications").'})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{style:{display:"block",marginBottom:2},children:"Dot variant:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"Dot badges are purely decorative. Ensure the parent element conveys status to assistive tech via aria-label or similar."})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{style:{display:"block",marginBottom:2},children:"Max overflow:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:'When content exceeds max (default 99), displays "99+" visually but announces the actual number to screenreaders.'})]})]})]})]})]})]})},exports.BarChart=function({data:a=[],showTrack:o=!0,rounded:i=!0,showValues:n=!1,showLabels:l=!0,animate:s=!0,interactive:d=!0,height:c=200,gapRatio:u=.4,label:x,className:h="",sx:p={},...m}){const g=qu(a),f=Uu(a),{active:b,handlers:v}=ux(g.length),[y,j]=e.useState(!s);e.useEffect(()=>{if(!s)return;const e=requestAnimationFrame(()=>j(!0));return()=>cancelAnimationFrame(e)},[s]);const S=320,B=n?20:8,k=l?22:8,w=Math.max(0,c-B-k),C=Xu(g,{fromZero:!0}),{centres:T,bandWidth:z}=Ju(g.length,0,S,{gapRatio:u}),A=B+w,I=i?z/2:0,R=g.length?S/g.length:0;return t.jsxs(r.Box,{component:"figure",className:"bar-chart "+h,sx:{display:"block",width:"100%",m:0,position:"relative",...p},...m,children:[t.jsxs("svg",{viewBox:`0 0 320 ${c}`,width:"100%",height:c,preserveAspectRatio:"none",focusable:"false","aria-hidden":"true",children:[d&&b>=0&&t.jsx("rect",{x:T[b]-R/2,y:0,width:R,height:c,fill:"var(--Hover)",rx:6}),g.map((e,r)=>{const a=T[r]-z/2,i=Yu(e,C,B,w),n=Math.max(0,A-i);return t.jsxs("g",{children:[o&&t.jsx("rect",{x:a,y:B,width:z,height:w,rx:I,ry:I,fill:ox.track}),n>0&&t.jsx("rect",{x:a,y:i,width:z,height:n,rx:Math.min(I,n/2),ry:Math.min(I,n/2),fill:ox.fill,style:{transformBox:"fill-box",transformOrigin:"bottom",transform:y?"scaleY(1)":"scaleY(0)",transition:`transform ${dx}`}})]},r)}),n&&g.map((e,r)=>t.jsx("text",{x:T[r],y:Yu(e,C,B,w)-6,textAnchor:"middle",fill:ox.label,...nx,children:e},"v"+r)),l&&f.map((e,r)=>t.jsx("text",{x:T[r],y:c-6,textAnchor:"middle",fill:ox.quietLabel,...nx,children:e},"l"+r)),d&&b>=0&&!n&&t.jsx(hx,{x:T[b],y:Yu(g[b],C,B,w),text:g[b],width:S,tokens:ox})]}),d&&t.jsx(xx,{count:g.length,width:S,centres:T,bandWidth:R,labels:f,values:g,handlers:v}),t.jsx(sx,{caption:x||`Bar chart, ${g.length} values`,labels:f,values:g})]})},exports.BevelText=gu,exports.BevelTextShowcase=function(){const[a,o]=e.useState("DinoDesign"),[i,n]=e.useState("Primary"),[l,s]=e.useState("Classic"),[d,c]=e.useState("light"),[u,x]=e.useState(135),[h,p]=e.useState(5),[m,g]=e.useState(1),[f,b]=e.useState(!0),[v,y]=e.useState(!0),[j,S]=e.useState(6),[B,k]=e.useState(8),[w,C]=e.useState(60),[T,z]=e.useState(96),[A,I]=e.useState(900),[R,W]=e.useState(0),D="custom"===l,F=D?{angle:u,depth:h,softness:m,bevel:f,shadow:v,shadowDistance:j,shadowBlur:B,shadowOpacity:w/100}:void 0,L=bu.find(e=>e.value===d)?.css||bu[0].css;return t.jsxs(r.Box,{children:[t.jsx(Pr,{style:{marginBottom:12},children:"Bevel Display Text"}),t.jsx(Xr,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:"Straight-line display text with an SVG inset-bevel and optional drop shadow. Colors are locked to the active button-palette tokens (Button / Highlight / Lowlight) so the same preset reads correctly under any theme."}),t.jsxs(r.Box,{sx:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(360px, 1fr))",gap:3,alignItems:"start"},children:[t.jsx(r.Box,{sx:{minWidth:0},children:t.jsx(r.Box,{"data-surface":"Container",sx:{background:L,borderRadius:2,p:4,display:"flex",alignItems:"center",justifyContent:"center",minHeight:240,overflow:"auto",position:"sticky",top:16,transition:"background 0.2s"},children:t.jsx(gu,{text:a,theme:i,preset:l,custom:F,fontSize:T,fontWeight:A,letterSpacing:R})})}),t.jsx(r.Box,{sx:{minWidth:0,alignSelf:"flex-start"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Stack,{spacing:3,sx:{p:3,maxWidth:720},children:[t.jsx(za,{label:"Text",value:a,onChange:e=>o(e.target.value),placeholder:"Your headline…",size:"medium"}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"THEME"}),t.jsx(r.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:ru.map(e=>t.jsx(vu,{label:e,selected:i===e,onClick:()=>n(e)},e))}),t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Resolves to ",t.jsxs("code",{children:["--Buttons-","{Theme}","-Button"]})," ","(fill), ",t.jsx("code",{children:"-Highlight"})," (light edge), and"," ",t.jsx("code",{children:"-Lowlight"})," (shadow edge)."]})]}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PRESETS"}),t.jsx(r.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:fu.map(e=>t.jsx(yu,{option:e,active:l===e.value,onClick:()=>function(e){if(s(e),"custom"!==e){const r=ou(e);x(r.angle),p(r.depth??5),g(r.softness??1),b(r.bevel),y(r.shadow),S(r.shadowDistance??6),k(r.shadowBlur??8),C(Math.round(100*(r.shadowOpacity??.6)))}}(e.value)},e.value))})]}),D&&t.jsxs(r.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",p:2},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:12},children:"CUSTOM"}),t.jsxs(r.Stack,{spacing:2,children:[t.jsxs("div",{children:[t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Light angle",t.jsxs("span",{style:{float:"right"},children:[u,"°"]})]}),t.jsx(gn,{min:0,max:360,step:5,value:u,onChange:(e,r)=>x(r)})]}),t.jsxs(r.Box,{sx:{border:"1px solid var(--Border-Variant)",borderRadius:1,p:1.5},children:[t.jsx(Lo,{label:"Inset bevel",checked:f,onChange:e=>b(e.target.checked)}),f&&t.jsxs(r.Stack,{spacing:1.5,sx:{mt:1.5},children:[t.jsxs("div",{children:[t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Depth",t.jsxs("span",{style:{float:"right"},children:[h,"px"]})]}),t.jsx(gn,{min:1,max:16,step:1,value:h,onChange:(e,r)=>p(r)})]}),t.jsxs("div",{children:[t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Softness",t.jsxs("span",{style:{float:"right"},children:[m,"px"]})]}),t.jsx(gn,{min:0,max:6,step:.5,value:m,onChange:(e,r)=>g(r)})]})]})]}),t.jsxs(r.Box,{sx:{border:"1px solid var(--Border-Variant)",borderRadius:1,p:1.5},children:[t.jsx(Lo,{label:"Drop shadow",checked:v,onChange:e=>y(e.target.checked)}),v&&t.jsxs(r.Stack,{spacing:1.5,sx:{mt:1.5},children:[t.jsxs("div",{children:[t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Distance",t.jsxs("span",{style:{float:"right"},children:[j,"px"]})]}),t.jsx(gn,{min:1,max:24,step:1,value:j,onChange:(e,r)=>S(r)})]}),t.jsxs("div",{children:[t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Blur",t.jsxs("span",{style:{float:"right"},children:[B,"px"]})]}),t.jsx(gn,{min:0,max:24,step:1,value:B,onChange:(e,r)=>k(r)})]}),t.jsxs("div",{children:[t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Opacity",t.jsxs("span",{style:{float:"right"},children:[w,"%"]})]}),t.jsx(gn,{min:10,max:100,step:5,value:w,onChange:(e,r)=>C(r)})]})]})]})]})]}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPOGRAPHY"}),t.jsxs(r.Stack,{spacing:2,children:[t.jsxs("div",{children:[t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Font size",t.jsxs("span",{style:{float:"right"},children:[T,"px"]})]}),t.jsx(gn,{min:32,max:160,step:4,value:T,onChange:(e,r)=>z(r)})]}),t.jsxs("div",{children:[t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Font weight",t.jsx("span",{style:{float:"right"},children:A})]}),t.jsx(gn,{min:400,max:900,step:100,value:A,onChange:(e,r)=>I(r)})]}),t.jsxs("div",{children:[t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Letter spacing",t.jsxs("span",{style:{float:"right"},children:[R,"px"]})]}),t.jsx(gn,{min:-2,max:20,step:1,value:R,onChange:(e,r)=>W(r)})]})]})]}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PREVIEW BACKGROUND"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:bu.map(e=>t.jsx(vu,{label:e.label,selected:d===e.value,onClick:()=>c(e.value)},e.value))}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Showcase-only — doesn't affect the emitted code."})]})]})}),t.jsx(Qa,{value:1,children:t.jsxs(r.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsxs(_r,{style:{color:"var(--Text-Quiet)"},children:["BevelText uses the same Highlight / Lowlight token pair as button bevels, which target the WCAG 2.1 large-text minimum (3:1). Bevel text is decorative display — the SVG sets"," ",t.jsx("code",{children:'role="img"'})," and ",t.jsx("code",{children:"aria-label"})," to the rendered string so screen readers announce it as a labeled image, not a stream of glyphs."]}),t.jsx(qr,{color:"quiet",children:"Keep the rendered glyph height above ~24px when the bevel is on — at smaller sizes the highlight / lowlight stripes optically reduce the legible stroke width and the 3:1 contrast no longer feels comfortable."})]})})]})})})]})]})},exports.BlackWhiteToggleButtonGroup=e=>t.jsx(qi,{variant:"black-white",...e}),exports.Body=Xr,exports.Body1=Zr,exports.Body2=Jr,exports.BodyBold=e=>t.jsx(Fr,{textStyle:"body-bold",...e}),exports.BodyLarge=Kr,exports.BodyLargeBold=e=>t.jsx(Fr,{textStyle:"body-large-bold",...e}),exports.BodyLargeSemibold=$r,exports.BodySemibold=Yr,exports.BodySmall=qr,exports.BodySmallBold=e=>t.jsx(Fr,{textStyle:"body-small-bold",...e}),exports.BodySmallSemibold=Ur,exports.BottomNavigation=Xl,exports.BottomNavigationShowcase=function(){const[a,o]=e.useState(0),[i,n]=e.useState(0),[l,s]=e.useState(!0),[d,c]=e.useState(!0),[u,x]=e.useState("fixed"),[h,p]=e.useState("horizontal"),[m,g]=e.useState("default"),[f,b]=e.useState(4),[v,y]=e.useState(_l.map(e=>({icon:e.icon,label:e.label})));e.useEffect(()=>{y(e=>{const r=[],t=[{icon:"Favorite",label:"Favorites"},{icon:"Person",label:"Profile"}];for(let a=0;a<f;a++)if(e[a])r.push(e[a]);else{const e=t[a-_l.length]||{icon:$l[a%$l.length],label:$l[a%$l.length]};r.push(e)}return r}),n(e=>Math.min(e,f-1))},[f]);const j=(e,r,t)=>{y(a=>{const o=[...a];return o[e]={...o[e],[r]:t},o})},S=v.slice(0,f).map(e=>({icon:Kl[e.icon]||Kl.Home,label:e.label}));return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Bottom Navigation"}),t.jsxs(r.Tabs,{value:a,onChange:(e,r)=>o(r),sx:{mt:3,mb:0,borderBottom:"1px solid var(--Border)","& .MuiTabs-indicator":{backgroundColor:"var(--Buttons-Primary-Button)",height:3},"& .MuiTab-root":{color:"var(--Text-Quiet)",textTransform:"none",fontWeight:500,"&.Mui-selected":{color:"var(--Text)"}}},children:[t.jsx(r.Tab,{label:"Playground"}),t.jsx(r.Tab,{label:"Accessibility"})]}),0===a&&t.jsxs(r.Grid,{container:!0,sx:{minHeight:400},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"calc((100vw - 432px) / 2)"},flexShrink:0},children:[t.jsxs(r.Box,{sx:{p:4,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:300,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",gap:4},children:[t.jsx(r.Box,{sx:{width:"100%",maxWidth:500,overflow:"hidden",boxShadow:"0 2px 12px rgba(0,0,0,0.08)"},children:t.jsx(Xl,{items:S,value:i,onChange:n,showLabels:d,variant:u,orientation:h,barColor:m,fixed:!1},"bn-"+f+"-"+u+"-"+h+"-"+d+"-"+m)}),t.jsxs(_r,{style:{color:"var(--Text-Quiet)",textAlign:"center"},children:[f," items · ",d?"Labels":"Icons only"," · ","floating"===u?"Floating":"Fixed"," · ","vertical"===h?"Vertical":"Horizontal"," · ",(es.find(e=>e.value===m)||es[0]).label]})]}),t.jsx(So,{code:(()=>{const e=[];e.push("const items = ["),S.forEach((r,t)=>{const a=v[t];e.push("  { icon: <"+a.icon+"Icon />, label: '"+a.label+"' },")}),e.push("];"),e.push("");const r=[];return r.push("items={items}"),"default"!==m&&r.push('barColor="'+m+'"'),d||r.push("showLabels={false}"),"fixed"!==u&&r.push('variant="'+u+'"'),"horizontal"!==h&&r.push('orientation="'+h+'"'),l||r.push("fixed={false}"),e.push("<BottomNavigation"),r.forEach(r=>e.push("  "+r)),e.push("/>"),e.join("\n")})(),language:"JSX",sx:{borderRadius:0,borderBottom:"1px solid var(--Border)"}})]}),t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"calc(100vw - 432px)",md:"calc((100vw - 432px) / 2)"},flexShrink:0,p:3,backgroundColor:"var(--Container)",overflowY:"auto"},children:[t.jsx(Hr,{children:"Playground"}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BAR COLOR"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:es.map(e=>t.jsx(rs,{label:e.label,selected:m===e.value,onClick:()=>g(e.value)},e.value))}),t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:[(es.find(e=>e.value===m)||es[0]).desc,' · data-surface="Surface-Dim" · bg: var(--Background)']})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),t.jsxs(r.Stack,{spacing:0,children:[t.jsx(is,{label:"Fixed",checked:l,onChange:s,caption:"Position fixed to bottom of viewport."}),t.jsx(is,{label:"Labels",checked:d,onChange:c,caption:"Show text labels with icons."}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Selected paints a filled circle in var(--Text) with the icon reversed out of it. Not a choice — the design has one selected state, so there is no switch for it."})]})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsxs(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[t.jsx(rs,{label:"Fixed",selected:"fixed"===u,onClick:()=>x("fixed")}),t.jsx(rs,{label:"Floating",selected:"floating"===u,onClick:()=>x("floating")})]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"floating"===u?"A pill, rounded to its own height so the ends stay semicircular at any length.":"A square band, edge to edge."}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",margin:"16px 0 8px"},children:"ORIENTATION"}),t.jsxs(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[t.jsx(rs,{label:"Horizontal",selected:"horizontal"===h,onClick:()=>p("horizontal")}),t.jsx(rs,{label:"Vertical",selected:"vertical"===h,onClick:()=>p("vertical")})]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"The BAR's direction, not the label's — the label is always under the icon. Vertical is a rail of actions down one side."})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"NAVIGATION ITEMS"}),t.jsx(os,{label:"Count",value:f,onChange:b,min:3,max:6}),t.jsx(r.Stack,{spacing:1.5,sx:{mt:2},children:v.slice(0,f).map((e,a)=>t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"nowrap"},children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",flexShrink:0,width:16,textAlign:"right"},children:a+1}),t.jsx(as,{value:e.icon,onChange:e=>j(a,"icon",e),options:$l,label:"Item "+(a+1)+" icon"}),d&&t.jsx(ts,{value:e.label,onChange:e=>j(a,"label",e),placeholder:"Label"})]},a))})]})]})]}),1===a&&t.jsxs(r.Box,{sx:{p:4},children:[t.jsx(Hr,{children:"Accessibility Requirements"}),t.jsxs(qr,{color:"quiet",style:{marginBottom:32},children:[f," items · ",d?"Labels":"Icons only"," · ","floating"===u?"Floating":"Fixed"," · ","vertical"===h?"Vertical":"Horizontal"," · ",(es.find(e=>e.value===m)||es[0]).label]}),t.jsxs(r.Stack,{spacing:4,children:[t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsxs(r.Stack,{spacing:0,children:[t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Landmark:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<nav role="navigation" aria-label="Bottom navigation">'})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Tab list:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'role="tablist"'})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Tab items:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'role="tab", aria-selected, aria-label'})]}),t.jsxs(r.Box,{sx:{py:1.5},children:[t.jsx(qr,{children:"Focus:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"3px solid var(--Focus-Visible) on :focus-visible."})]})]})]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"Token Reference"}),t.jsxs(r.Stack,{spacing:0,children:[t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Bar:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'Always: data-surface="Surface-Dim" · bg: var(--Background). Theme set by data-theme (Nav-Bar, Primary, Primary-Light, etc.).'})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Unselected icon/label:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text-Quiet)"})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Selected:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text)"})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Selected pill:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"bg: var(--Buttons-Primary-Button) · border: 1px solid var(--Buttons-Primary-Border) · icon/text: var(--Buttons-Primary-Text)"})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Backfill + horizontal label:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"Label inside pill: var(--Buttons-Primary-Text)"})]}),t.jsxs(r.Box,{sx:{py:1.5},children:[t.jsx(qr,{children:"Backfill + vertical label:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"Label below pill: var(--Text)"})]})]})]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"Best Practices"}),t.jsxs(r.Stack,{spacing:0,children:[t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Item count:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"3–5 recommended. 6 maximum."})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Horizontal layout:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"Only available with 4 or fewer items."})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Labels:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"Always recommended for clarity."})]}),t.jsxs(r.Box,{sx:{py:1.5},children:[t.jsx(qr,{children:"Fixed:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"Add bottom padding to main content to avoid overlap."})]})]})]})]})]})]})},exports.Box=Un,exports.BoxShowcase=function(){const[a,o]=e.useState(""),[i,n]=e.useState(""),[l,s]=e.useState(null),[d,c]=e.useState("Surface");return t.jsxs(Un,{sx:{pb:8},children:[t.jsx(Pr,{children:"Box"}),t.jsxs(Xr,{color:"quiet",style:{marginTop:8,marginBottom:24,maxWidth:720},children:["Bare layout primitive — a slot that participates in the design-system cascade (",t.jsx("code",{children:"data-theme"})," / ",t.jsx("code",{children:"data-surface"}),") without carrying any chrome. Reach for ",t.jsx("code",{children:"<Ratio>"})," or",t.jsx("code",{children:" <Card>"})," when you need padding, borders, or shadow."]}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:l,surface:d,children:t.jsx(Un,{sx:{width:"100%",maxWidth:400},children:t.jsx(Un,{theme:a||void 0,surface:i||void 0,children:t.jsxs(Un,{sx:{padding:3,backgroundColor:"var(--Background)",color:"var(--Text)",borderRadius:"var(--Style-Border-Radius)",border:"1px dashed var(--Border-Variant)"},children:[t.jsx(Mr,{children:"Box content"}),t.jsx(Xr,{style:{color:"var(--Text-Quiet)",marginTop:6},children:"Anything dropped inside resolves tokens against the Box's theme / surface, if you set them."})]})})})}),t.jsx(So,{code:(()=>{const e=[];a&&e.push('theme="'+a+'"'),i&&e.push('surface="'+i+'"');return"<Box"+(e.length?" "+e.join(" "):"")+">\n  {/* anything */}\n</Box>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(Un,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"When to use"})]}),t.jsx(Qa,{value:0,children:t.jsxs(Un,{sx:{p:3},children:[t.jsx(Un,{sx:{mb:3},children:t.jsx(Xa,{theme:l,onThemeChange:s,surface:d,onSurfaceChange:c})}),t.jsxs(Un,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"THEME (optional)"}),t.jsxs(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[t.jsx(Zn,{label:"None",selected:!a,onClick:()=>o("")}),Yn.map(e=>t.jsx(Zn,{label:e,selected:a===e,onClick:()=>o(e)},e))]})]}),t.jsxs(Un,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SURFACE (optional)"}),t.jsxs(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[t.jsx(Zn,{label:"None",selected:!i,onClick:()=>n("")}),Xn.map(e=>t.jsx(Zn,{label:e,selected:i===e,onClick:()=>n(e)},e))]}),t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Both props are pass-throughs to ",t.jsx("code",{children:"data-theme"})," ","and ",t.jsx("code",{children:"data-surface"}),". Leave empty to inherit from the parent zone."]})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(Un,{sx:{p:3},children:t.jsxs(r.Stack,{spacing:2,children:[t.jsxs(Un,{children:[t.jsx(qr,{style:{fontWeight:700},children:"Reach for Box when…"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:"you need a wrapper to scope a theme / surface zone, or you want a typed JSX root without painting any visual styling."})]}),t.jsxs(Un,{children:[t.jsx(qr,{style:{fontWeight:700},children:"Use Ratio when…"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:"the container needs a fixed proportion (image, video, embed, hero tile) — it carries the same theme / color shell Box used to."})]}),t.jsxs(Un,{children:[t.jsx(qr,{style:{fontWeight:700},children:"Use Card when…"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:"the container has a title, body, and actions — Card handles the standard 2-layer chrome plus header / footer slots."})]})]})})})]})})})]})]})},exports.BreadcrumbItem=ml,exports.Breadcrumbs=pl,exports.BreadcrumbsShowcase=function(){const[a,o]=e.useState("medium"),[i,n]=e.useState("/"),[l,s]=e.useState(!1),[d,c]=e.useState(null),[u,x]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Breadcrumbs"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:d,surface:u,children:t.jsxs(pl,{size:a,separator:i,condense:l,maxItems:3,children:[t.jsx(ml,{href:"#",children:"Home"}),t.jsx(ml,{href:"#",children:"Products"}),t.jsx(ml,{href:"#",children:"Shoes"}),t.jsx(ml,{children:"Running Shoes"})]})}),t.jsx(So,{code:(()=>{const e=[];return"medium"!==a&&e.push('size="'+a+'"'),"/"!==i&&e.push('separator="'+i+'"'),l&&e.push("condense maxItems={3}"),"<Breadcrumbs"+(e.length?" "+e.join(" "):"")+'>\n  <BreadcrumbItem href="/">Home</BreadcrumbItem>\n  <BreadcrumbItem href="/products">Products</BreadcrumbItem>\n  <BreadcrumbItem href="/products/shoes">Shoes</BreadcrumbItem>\n  <BreadcrumbItem>Running Shoes</BreadcrumbItem>\n</Breadcrumbs>'})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:d,onThemeChange:c,surface:u,onSurfaceChange:x})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(fl,{label:gl(e),selected:a===e,onClick:()=>o(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SEPARATOR"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["/","›","→","·","|"].map(e=>t.jsx(fl,{label:e,selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Condense"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Collapse middle items into ellipsis"})]}),t.jsx(Fo,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Condense"})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsx(r.Stack,{spacing:3,children:t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsx(r.Stack,{spacing:0,children:[{label:"Nav",value:'<nav aria-label="Breadcrumb">'},{label:"List",value:"<ol> with <li> for each crumb"},{label:"Current",value:'aria-current="page" on the last item'},{label:"Links",value:"BreadcrumbItem renders <a> when href is provided"},{label:"Ellipsis",value:'Expandable button with aria-label="Show full breadcrumb trail"'},{label:"Separator",value:'aria-hidden="true" — decorative only'}].map(({label:e,value:a})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:[e,":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]})})})})]})})})]})]})},exports.Button=na,exports.ButtonGroup=Yo,exports.ButtonSmall=mt,exports.ButtonText=gt,exports.CAP_HEIGHT_TRIM=Lr,exports.CHART_LABEL_TYPE=nx,exports.CHART_TOKENS=ox,exports.Caption=_r,exports.CaptionBold=e=>t.jsx(Fr,{textStyle:"caption-bold",...e}),exports.Card=ni,exports.CenteredStack=e=>t.jsx(Ko,{direction:"column",alignItems:"center",justifyContent:"center",...e}),exports.Checkbox=va,exports.Chip=Ln,exports.CircularProgress=Ed,exports.CircularProgressShowcase=function(){const[a,o]=e.useState("default"),[i,n]=e.useState("medium"),[l,s]=e.useState(!1),[d,c]=e.useState(65),[u,x]=e.useState(!1),[h,p]=e.useState(null),[m,g]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Circular Progress"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:h,children:t.jsx(Ed,{color:a,size:i,value:l?d:void 0,showValue:l&&u})}),t.jsx(So,{code:(()=>{const e=[];return"default"!==a&&e.push('color="'+a+'"'),"medium"!==i&&e.push('size="'+i+'"'),l&&(e.push("value={"+d+"}"),u&&e.push("showValue")),0===e.length?"<CircularProgress />":"<CircularProgress\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:h,onThemeChange:p,surface:m,onSurfaceChange:g})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:Nd.map(e=>t.jsxs(r.Box,{children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(Vd,{color:e,selected:a===e,onClick:o},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(Qd,{label:Od(e),selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Determinate"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show a static arc at a specific value"})]}),t.jsx(Fo,{checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Determinate"})]}),l&&t.jsxs(t.Fragment,{children:[t.jsx(r.Box,{sx:{mt:2},children:t.jsx(gn,{label:"Value",min:0,max:100,value:d,onChange:(e,r)=>c(r),size:"small",valueLabelDisplay:"auto"})}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Show Label"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Center percentage text"})]}),t.jsx(Fo,{checked:u,onChange:e=>x(e.target.checked),size:"small","aria-label":"Show label"})]})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsxs(r.Stack,{spacing:3,children:[t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsxs(r.Stack,{spacing:0,children:[t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Role:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'role="progressbar"'})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Determinate:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'aria-valuenow, aria-valuemin="0", aria-valuemax="100"'})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Indeterminate:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'aria-label="Loading" (no value attributes)'})]}),t.jsxs(r.Box,{sx:{py:1.5},children:[t.jsx(qr,{children:"Label:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"Center percentage label is aria-hidden — screen readers use aria-valuenow."})]})]})]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"Token Reference"}),t.jsxs(r.Stack,{spacing:0,children:[t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Track (back circle):"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Border-Variant)"})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Fill (progress arc):"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Buttons-{Color}-Border)"})]}),t.jsxs(r.Box,{sx:{py:1.5},children:[t.jsx(qr,{children:"Center label:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text)"})]})]})]})]})})})]})})})]})]})},exports.CodeBlock=So,exports.Colors=function(){const e=({color:e})=>t.jsxs(r.Box,{sx:{textAlign:"center"},children:[t.jsx(r.Box,{sx:{width:"80px",height:"80px",backgroundColor:`var(${e.var})`,borderRadius:"8px",border:"1px solid var(--Border)",mb:1,mx:"auto"}}),t.jsx(r.Typography,{variant:"body2",sx:{fontWeight:600,fontSize:"12px",color:"var(--Text)",mb:.5,wordBreak:"break-word"},children:e.name}),t.jsx(r.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block",fontSize:"10px",fontFamily:"monospace",wordBreak:"break-all"},children:e.var})]});return t.jsxs(r.Stack,{spacing:6,children:[t.jsxs(r.Box,{children:[t.jsx(r.Typography,{variant:"h5",sx:{mb:3,fontWeight:700},children:"Brand Colors (Static)"}),t.jsx(r.Stack,{direction:"row",spacing:3,sx:{justifyContent:"center",flexWrap:"wrap",gap:3},children:[{name:"Primary",var:"--Primary-Color-11"},{name:"Secondary",var:"--Secondary-Color-11"},{name:"Tertiary",var:"--Tertiary-Color-11"}].map(r=>t.jsx(e,{color:r},r.var))})]}),t.jsxs(r.Box,{children:[t.jsx(r.Typography,{variant:"h5",sx:{mb:3,fontWeight:700},children:"Background Colors (Dynamic)"}),t.jsx(r.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Update based on selected Background variant and Mode"}),t.jsx(r.Grid,{container:!0,spacing:2,sx:{justifyContent:"center"},children:[{name:"Default Background",cssVar:"var(--Theme-Default-Surfaces-Surface)"},{name:"Primary Background",cssVar:"var(--Theme-Primary-Surfaces-Surface)"},{name:"Secondary Background",cssVar:"var(--Theme-Secondary-Surfaces-Surface)"},{name:"Tertiary Background",cssVar:"var(--Theme-Tertiary-Surfaces-Surface)"},{name:"Neutral Background",cssVar:"var(--Theme-Neutral-Surfaces-Surface)"},{name:"Neutral-Variant Background",cssVar:"var(--Theme-Neutral-Variant-Surfaces-Surface)"}].map(e=>t.jsx(r.Grid,{item:!0,sx:{display:"flex",justifyContent:"center"},children:t.jsxs(r.Box,{sx:{textAlign:"center"},children:[t.jsx(r.Box,{sx:{minWidth:"max(var(--Button-Height), var(--Min-Button-Width))",minHeight:"var(--Button-Height)",backgroundColor:e.cssVar,borderRadius:"var(--Style-Border-Radius)",border:"2px solid var(--Border)",mb:1}}),t.jsx(r.Typography,{variant:"body2",sx:{fontWeight:600,fontSize:"12px",color:"var(--Text)",wordBreak:"break-word"},children:e.name})]})},e.name))})]}),t.jsxs(r.Box,{children:[t.jsx(r.Typography,{variant:"h5",sx:{mb:3,fontWeight:700},children:"Dynamic Colors (Update with Mode, Background & Surface)"}),t.jsx(r.Alert,{severity:"info",sx:{backgroundColor:"var(--Container-Low)",mb:3,border:"1px solid var(--Border)"},children:t.jsxs(r.Typography,{variant:"body2",children:["Most colors update automatically based on the current"," ",t.jsx("strong",{children:"Mode"})," (Light/Dark), ",t.jsx("strong",{children:"Background"})," ","variant, and ",t.jsx("strong",{children:"Surface"})," theme. Only Primary, Secondary, and Tertiary colors are fixed brand colors."]})}),t.jsx(r.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"These colors automatically adapt based on:"}),t.jsxs(r.Stack,{spacing:1,sx:{mb:4},children:[t.jsxs(r.Box,{sx:{display:"flex",gap:2},children:[t.jsx(r.Typography,{variant:"body2",sx:{fontWeight:600,minWidth:80},children:"Mode:"}),t.jsx(r.Typography,{variant:"body2",children:"Light or Dark theme"})]}),t.jsxs(r.Box,{sx:{display:"flex",gap:2},children:[t.jsx(r.Typography,{variant:"body2",sx:{fontWeight:600,minWidth:80},children:"Background:"}),t.jsx(r.Typography,{variant:"body2",children:"Default, Primary, Secondary, Tertiary, Neutral, or Neutral-Variant"})]}),t.jsxs(r.Box,{sx:{display:"flex",gap:2},children:[t.jsx(r.Typography,{variant:"body2",sx:{fontWeight:600,minWidth:80},children:"Surface:"}),t.jsx(r.Typography,{variant:"body2",children:"Theme surface layer selection"})]})]}),t.jsx(r.Stack,{spacing:4,children:[{name:"Layout & Surfaces",colors:[{name:"Background",var:"--Background"},{name:"Border",var:"--Border"},{name:"Border-Variant",var:"--Border-Variant"}]},{name:"Text & Links",colors:[{name:"Header",var:"--Header"},{name:"Text",var:"--Text"},{name:"Text-Quiet",var:"--Text-Quiet"},{name:"Hotlink",var:"--Hotlink"},{name:"Hotlink-Visited",var:"--Hotlink-Visited"}]},{name:"Buttons - Primary",colors:[{name:"Button BG",var:"--Button-Primary-Button"},{name:"Button Text",var:"--Button-Primary-Text"},{name:"Button Hover",var:"--Button-Primary-Hover"},{name:"Button Active",var:"--Button-Primary-Pressed"},{name:"Focus-Visible",var:"--Focus-Visible"}]},{name:"Buttons - Secondary",colors:[{name:"Button BG",var:"--Button-Secondary-Button"},{name:"Button Text",var:"--Button-Secondary-Text"},{name:"Button Hover",var:"--Button-Secondary-Hover"},{name:"Button Active",var:"--Button-Secondary-Pressed"},{name:"Focus-Visible",var:"--Focus-Visible"}]},{name:"Buttons - State",colors:[{name:"Info Button",var:"--Button-Info-Button"},{name:"Success Button",var:"--Button-Success-Button"},{name:"Warning Button",var:"--Button-Warning-Button"},{name:"Error Button",var:"--Button-Error-Button"}]},{name:"Icons",colors:[{name:"Default",var:"--Icons-Default"},{name:"Primary",var:"--Icons-Primary"},{name:"Secondary",var:"--Icons-Secondary"},{name:"Tertiary",var:"--Icons-Tertiary"},{name:"Neutral",var:"--Icons-Neutral"},{name:"Info",var:"--Icons-Info"},{name:"Success",var:"--Icons-Success"},{name:"Warning",var:"--Icons-Warning"},{name:"Error",var:"--Icons-Error"}]},{name:"Chips & Badges",colors:[{name:"Primary BG",var:"--Tags-Primary-BG"},{name:"Primary Text",var:"--Tags-Primary-Text"},{name:"Secondary BG",var:"--Tags-Secondary-BG"},{name:"Secondary Text",var:"--Tags-Secondary-Text"},{name:"Tertiary BG",var:"--Tags-Tertiary-BG"},{name:"Tertiary Text",var:"--Tags-Tertiary-Text"},{name:"Neutral BG",var:"--Tags-Neutral-BG"},{name:"Neutral Text",var:"--Tags-Neutral-Text"},{name:"Info BG",var:"--Tags-Info-BG"},{name:"Info Text",var:"--Tags-Info-Text"},{name:"Success BG",var:"--Tags-Success-BG"},{name:"Success Text",var:"--Tags-Success-Text"},{name:"Warning BG",var:"--Tags-Warning-BG"},{name:"Warning Text",var:"--Tags-Warning-Text"},{name:"Error BG",var:"--Tags-Error-BG"},{name:"Error Text",var:"--Tags-Error-Text"}]}].map(a=>t.jsxs(r.Box,{children:[t.jsx(r.Typography,{variant:"h6",sx:{mb:2,fontWeight:600},children:a.name}),t.jsx(r.Grid,{container:!0,spacing:2,sx:{justifyContent:"center"},children:a.colors.map(a=>t.jsx(r.Grid,{item:!0,sx:{display:"flex",justifyContent:"center"},children:t.jsx(e,{color:a})},a.var))})]},a.name))})]}),t.jsxs(r.Box,{sx:{pt:4,borderTop:"1px solid var(--Border)"},children:[t.jsx(r.Typography,{variant:"h5",sx:{mb:2,fontWeight:700},children:"How to Use"}),t.jsxs(r.Stack,{spacing:2,children:[t.jsxs(r.Box,{children:[t.jsx(r.Typography,{variant:"h6",sx:{fontWeight:600,mb:1},children:"Static Colors"}),t.jsxs(r.Typography,{variant:"body2",sx:{color:"var(--Text-Secondary)"},children:["Use brand colors (",t.jsx("code",{style:{backgroundColor:"var(--Container)",padding:"2px 4px",borderRadius:"4px"},children:"--Primary-Color-11"}),","," ",t.jsx("code",{style:{backgroundColor:"var(--Container)",padding:"2px 4px",borderRadius:"4px"},children:"--Secondary-Color-11"}),","," ",t.jsx("code",{style:{backgroundColor:"var(--Container)",padding:"2px 4px",borderRadius:"4px"},children:"--Tertiary-Color-11"}),") for brand elements that should never change."]})]}),t.jsxs(r.Box,{children:[t.jsx(r.Typography,{variant:"h6",sx:{fontWeight:600,mb:1},children:"Dynamic Colors"}),t.jsx(r.Typography,{variant:"body2",sx:{color:"var(--Text-Secondary)"},children:"Use dynamic color variables for all UI elements. They will automatically update when users change Mode, Background, or Surface settings."})]}),t.jsxs(r.Box,{children:[t.jsx(r.Typography,{variant:"h6",sx:{fontWeight:600,mb:1},children:"Example Usage"}),t.jsx(r.Box,{component:"pre",sx:{backgroundColor:"var(--Container)",p:2,borderRadius:"8px",overflow:"auto",fontSize:"12px",border:"1px solid var(--Border)",color:"var(--Text)"},children:"/* Dynamic - updates with theme changes */\ncolor: var(--Text);\nbackgroundColor: var(--Background);\nborderColor: var(--Border);\n\n/* Static - brand colors stay the same */\naccentColor: var(--Primary-Color-11);"})]})]})]})]})},exports.Container=function({children:e,maxWidth:a="lg",disableGutters:o=!1,sx:i={},...n}){return t.jsx(r.Container,{maxWidth:a,disableGutters:o,"data-surface":"Surface",sx:{backgroundColor:"var(--Background)",color:"var(--Text)",transition:"all 0.2s ease-in-out",...i},...n,children:e})},exports.CopyButton=jo,exports.Copyright=Hc,exports.CopyrightShowcase=function(){const[a,o]=e.useState("DinoDesign"),[i,n]=e.useState((new Date).getFullYear()),[l,s]=e.useState("All rights reserved"),[d,c]=e.useState(""),[u,x]=e.useState(!1),[h,p]=e.useState("default"),m=e.useRef(null),[g,f]=e.useState(null);return e.useEffect(()=>{m.current&&f({current:m.current.querySelector(".dino-copyright")})},[h,u,a,i,l,d]),t.jsxs(r.Box,{children:[t.jsx(Pr,{style:{marginBottom:12},children:"Copyright"}),t.jsxs(Xr,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:["Standalone copyright strip used at the bottom of pages. Defaults to"," ",t.jsxs("code",{children:["© ","{year}"," ","{companyName}",". ","{rights}","."]})," Pass"," ",t.jsx("code",{children:"children"})," to override the entire text."]}),t.jsx(r.Box,{ref:m,sx:{borderRadius:1,overflow:"hidden",mb:4},children:u?t.jsx(Hc,{color:h,children:d||"Type a custom message →"}):t.jsx(Hc,{color:h,companyName:a,year:Number(i)||(new Date).getFullYear(),rights:l})}),t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Stack,{spacing:3,sx:{p:3,maxWidth:560},children:[t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TEXT MODE"}),t.jsxs(r.Stack,{direction:"row",spacing:1,children:[t.jsx(eu,{label:"Auto-generated",selected:!u,onClick:()=>x(!1)}),t.jsx(eu,{label:"Custom",selected:u,onClick:()=>x(!0)})]})]}),!u&&t.jsxs(t.Fragment,{children:[t.jsx(za,{label:"Company name",value:a,onChange:e=>o(e.target.value),placeholder:"DinoDesign",size:"medium"}),t.jsx(Li,{label:"Year",value:Number(i),onChange:e=>n(e),min:1900,max:2100}),t.jsx(za,{label:"Rights text",value:l,onChange:e=>s(e.target.value),placeholder:"All rights reserved",size:"medium"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:'Leave Rights blank to omit "All rights reserved." entirely.'})]}),u&&t.jsxs(t.Fragment,{children:[t.jsx(za,{label:"Custom text",value:d,onChange:e=>c(e.target.value),placeholder:"© 2026 DinoDesign · MIT License · Built with love",size:"medium",multiline:!0}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"Pass any string (or React node) as children to fully override the auto text."})]}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:_c.map(e=>t.jsx(eu,{label:e.label,selected:h===e.value,onClick:()=>p(e.value)},e.value))}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Matches the Footer color presets so the two stack cleanly."})]})]})}),t.jsx(Qa,{value:1,children:t.jsxs(r.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"Live WCAG 2.1 contrast against the painted background. AA needs 4.5:1 for normal text; AAA needs 7:1."}),g&&t.jsx(Xc,{targetRef:g,label:"Copyright strip",deps:[h,u,a,i,l,d]})]})})]})]})},exports.CurvedText=du,exports.CurvedTextShowcase=function(){const[a,o]=e.useState("Your Brand. Perfected."),[i,n]=e.useState("display-large"),[l,s]=e.useState("primary"),[d,c]=e.useState([(u="up",{arc:140,radius:340,direction:u})]);var u;const[x,h]=e.useState(0),[p,m]=e.useState(8),[g,f]=e.useState(700),[b,v]=e.useState(!1),[y,j]=e.useState("Primary"),[S,B]=e.useState("Classic"),k=e.useRef(null),[w,C]=e.useState(null);e.useEffect(()=>{k.current&&C({current:k.current.querySelector("text")})},[l,i,d,x,p,g,b,y,S]);const T=xu.find(e=>e.value===l)?.css||xu[0].css;function z(e,r){c(t=>t.map((t,a)=>a===e?{...t,...r}:t))}return t.jsxs(r.Box,{children:[t.jsx(Pr,{style:{marginBottom:12},children:"Curved Display Text"}),t.jsx(Xr,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:"Decorative text laid along an SVG arc. Chain multiple arcs to build a wave — each curve gets its own radius, arc sweep, and direction. Uses your design system's decorative font + text tokens."}),t.jsxs(r.Box,{sx:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(360px, 1fr))",gap:3,alignItems:"start"},children:[t.jsx(r.Box,{sx:{minWidth:0},children:t.jsx(r.Box,{ref:k,"data-surface":"Container",sx:{background:"var(--Background)",borderRadius:2,p:3,display:"flex",alignItems:"center",justifyContent:"center",overflow:"auto",position:"sticky",top:16},children:t.jsx(du,{text:a,curves:d,textStyle:i,rotation:x,letterSpacing:p,fontWeight:g,bevel:b,bevelTheme:y,bevelPreset:b?S:void 0,color:T})})}),t.jsx(r.Box,{sx:{minWidth:0,alignSelf:"flex-start"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Stack,{spacing:3,sx:{p:3,maxWidth:720},children:[t.jsx(za,{label:"Text",value:a,onChange:e=>o(e.target.value),placeholder:"Your headline…",size:"medium"}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CURVES"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:[1,2].map(e=>t.jsx(pu,{label:String(e),selected:d.length===e,onClick:()=>function(e){c(r=>{if(e===r.length)return r;if(e>r.length){const t=[...r];for(;t.length<e;){const e=t[t.length-1];t.push({arc:e.arc,radius:e.radius,direction:"up"===e.direction?"down":"up"})}return t}return r.slice(0,e)})}(e)},e))}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"One curve is an arch. Two curves chain end-to-end for a wave."})]}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:12},children:"PER-CURVE SETTINGS"}),t.jsx(r.Stack,{spacing:2,children:d.map((e,a)=>t.jsxs(r.Box,{"data-surface":"Container",style:{background:"var(--Background)",border:"1px solid var(--Border)",borderRadius:8,padding:12},children:[t.jsxs(r.Stack,{direction:"row",alignItems:"center",spacing:2,sx:{mb:1},children:[t.jsxs(_r,{style:{fontWeight:700},children:["Curve ",a+1]}),t.jsx("div",{style:{flex:1}}),t.jsxs(r.Stack,{direction:"row",spacing:1,children:[t.jsx(pu,{label:"⌢ Up",selected:"up"===e.direction,onClick:()=>z(a,{direction:"up"})}),t.jsx(pu,{label:"⌣ Down",selected:"down"===e.direction,onClick:()=>z(a,{direction:"down"})})]})]}),t.jsxs(r.Stack,{spacing:1,children:[t.jsxs("div",{children:[t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Radius",t.jsxs("span",{style:{float:"right"},children:[e.radius,"px"]})]}),t.jsx(gn,{min:100,max:600,step:10,value:e.radius,onChange:(e,r)=>z(a,{radius:r})})]}),t.jsxs("div",{children:[t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Arc sweep",t.jsxs("span",{style:{float:"right"},children:[e.arc,"°"]})]}),t.jsx(gn,{min:40,max:280,step:5,value:e.arc,onChange:(e,r)=>z(a,{arc:r})})]})]})]},a))})]}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPOGRAPHY"}),t.jsx(r.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:uu.map(e=>t.jsx(pu,{label:e.label,selected:i===e.value,onClick:()=>n(e.value)},e.value))}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Uses the lib's DisplayLarge / DisplaySmall tokens (font-family, size, weight, letter-spacing)."})]}),t.jsxs(r.Box,{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["LETTER SPACING",t.jsxs("span",{style:{float:"right"},children:[p,"px"]})]}),t.jsx(gn,{min:-4,max:40,step:1,value:p,onChange:(e,r)=>m(r)}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Adjusts the gap between characters along the wave."})]}),t.jsxs(r.Box,{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["FONT WEIGHT",t.jsx("span",{style:{float:"right"},children:g})]}),t.jsx(gn,{min:100,max:900,step:100,value:g,onChange:(e,r)=>f(r)}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Heavier weights read better at decorative sizes. Available weights depend on the loaded display font."})]}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BEVEL"}),t.jsx(Lo,{label:"3D bevel effect",checked:b,onChange:e=>v(e.target.checked)}),b&&t.jsxs(r.Box,{sx:{mt:1.5},children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:6},children:"Preset"}),t.jsx(r.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1,mb:1.5},children:au.map(e=>t.jsx(pu,{label:e,selected:S===e,onClick:()=>B(e)},e))}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:6},children:"Bevel theme"}),t.jsx(r.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:hu.map(e=>t.jsx(pu,{label:e.label,selected:y===e.value,onClick:()=>j(e.value)},e.value))})]}),t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Bevel layers use ",t.jsxs("code",{children:["--Buttons-","{Theme}","-Button"]})," for the fill, with ",t.jsx("code",{children:"Highlight"})," + ",t.jsx("code",{children:"Lowlight"}),"tokens for the bright/shadow stripes. CurvedText honors a preset's ",t.jsx("em",{children:"depth"})," only — angle, softness, and drop-shadow fields are stacked-rendering limitations and are ignored here (the full filter pipeline lives in ",t.jsx("code",{children:"<BevelText>"}),"). Shadow-only presets render no effect. Auto-hides below 19px so the 3:1 bevel contrast doesn't compromise small-text legibility."]})]}),t.jsxs(r.Box,{children:[t.jsxs(r.Stack,{direction:"row",alignItems:"center",sx:{mb:1},children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",flex:1},children:["ROTATION",t.jsxs("span",{style:{float:"right",marginRight:12},children:[x,"°"]})]}),t.jsx(na,{variant:"default-outline",size:"small",onClick:function(){const e=k.current?.querySelector("svg");if(!e)return;const r=e.querySelector("path"),t=e.querySelector("text");if(!r||!t)return;const o=r.getTotalLength();if(!o)return;let i=0;try{i=t.getComputedTextLength?.()||0}catch(e){}i||(i=Math.min(o,18*a.length));const n=Math.max(0,(o-i)/2),l=Math.min(o,n+i),s=r.getPointAtLength(n),d=r.getPointAtLength(l),c=180*Math.atan2(d.y-s.y,d.x-s.x)/Math.PI,u=Math.max(-45,Math.min(45,Math.round(-c)));h(u)},children:"Auto-level"})]}),t.jsx(gn,{min:-45,max:45,step:1,value:x,onChange:(e,r)=>h(r)}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:'Tilts the whole text block around its center. "Auto-level" rotates so the text\'s start and end sit on the same horizontal line — useful when a multi-curve wave makes the reading line slant.'})]}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:xu.map(e=>t.jsx(pu,{label:e.label,selected:l===e.value,onClick:()=>s(e.value)},e.value))})]})]})}),t.jsx(Qa,{value:1,children:t.jsxs(r.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"Live WCAG 2.1 contrast against the painted background. Decorative display text counts as large text — AA needs 3:1, AAA needs 4.5:1 — but DinoDesign defaults to 4.5:1 across the board."}),w&&t.jsx(Xc,{targetRef:w,label:"Curved text",deps:[l,i,JSON.stringify(d),x,p]}),t.jsxs(qr,{color:"quiet",children:["The SVG sets ",t.jsx("code",{children:'role="img"'})," and"," ",t.jsx("code",{children:"aria-label"})," to the rendered text so screen readers announce it as a labeled image, not a stream of individual glyphs."]})]})})]})})})]})]})},exports.DEFAULT_AVATAR_SRC=yt,exports.DEFAULT_ITEMS=bd,exports.DefaultToggleButtonGroup=e=>t.jsx(qi,{variant:"default",...e}),exports.DesktopAppBar=Cc,exports.Dialog=Js,exports.DialogShowcase=function(){const[a,o]=e.useState(!1),[i,n]=e.useState("sm"),[l,s]=e.useState(!1),[d,c]=e.useState("none"),[u,x]=e.useState(!1),[h,p]=e.useState(!1),[m,g]=e.useState(null),[f,b]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Dialog"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:m,surface:f,children:t.jsx(na,{variant:"default",onClick:()=>o(!0),children:"Open Dialog"})}),t.jsx(So,{code:(()=>{const e=["open={open}","onClose={handleClose}"];return"sm"!==i&&e.push('maxWidth="'+i+'"'),l&&e.push("fullScreen"),u&&e.push("alert"),h&&e.push("nonModal"),"none"!==d&&e.push('transition="'+d+'"'),e.push('title="Dialog Title"'),e.push('actions={<><Button variant="default-outline" onClick={handleClose}>Cancel</Button><Button variant="default" onClick={handleClose}>Confirm</Button></>}'),"<Dialog\n  "+e.join("\n  ")+"\n>\n  Dialog content goes here.\n</Dialog>"})(),language:"JSX",wrap:!0,sx:{mt:2}}),t.jsx(Js,{open:a,onClose:(e,r)=>{u&&"backdropClick"===r||o(!1)},maxWidth:i,fullScreen:l,alert:u,nonModal:h,transition:"none"!==d?d:void 0,title:"Dialog Title",actions:t.jsxs(t.Fragment,{children:[t.jsx(na,{variant:"default-outline",size:"small",onClick:()=>o(!1),children:"Cancel"}),t.jsx(na,{variant:"default",size:"small",onClick:()=>o(!1),children:"Confirm"})]}),children:t.jsx(Xr,{children:"This is the dialog content. You can put any information here that requires user attention or action."})})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:m,onThemeChange:g,surface:f,onSurfaceChange:b})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsxs(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[["xs","sm","md","lg","xl"].map(e=>t.jsx(Ks,{label:e.toUpperCase(),selected:i===e,onClick:()=>{n(e),s(!1)}},e)),t.jsx(Ks,{label:"Full Screen",selected:l,onClick:()=>s(!l)})]})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TRANSITION"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["none","slide-up","slide-down","grow","fade","zoom"].map(e=>{return t.jsx(Ks,{label:(r=e,r?r.charAt(0).toUpperCase()+r.slice(1):""),selected:d===e,onClick:()=>c(e)},e);var r})})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Alert"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"No backdrop dismiss, no Escape"})]}),t.jsx(Fo,{variant:"default-outline",checked:u,onChange:e=>x(e.target.checked),size:"small","aria-label":"Alert mode"})]}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Non-Modal"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"No backdrop, interact with content behind"})]}),t.jsx(Fo,{variant:"default-outline",checked:h,onChange:e=>p(e.target.checked),size:"small","aria-label":"Non-modal"})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsx(r.Stack,{spacing:3,children:t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsx(r.Stack,{spacing:0,children:[{label:"Role",value:'role="dialog" (standard) or role="alertdialog" (alert mode)'},{label:"Label",value:"aria-labelledby links to title, aria-describedby links to content"},{label:"Focus",value:"Focus trapped inside dialog. Returns to trigger on close."},{label:"Keyboard",value:"Escape closes (unless alert). Tab cycles through focusable elements."},{label:"Backdrop",value:"Click closes (unless alert or non-modal)"},{label:"Close",value:'Close button with aria-label="Close dialog"'}].map(({label:e,value:a})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:[e,":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]})})})})]})})})]})]})},exports.DisplayLarge=e=>t.jsx(Fr,{textStyle:"display-large",...e}),exports.DisplayMedium=e=>t.jsx(Fr,{textStyle:"display-medium",...e}),exports.DisplaySmall=e=>t.jsx(Fr,{textStyle:"display-small",...e}),exports.Divider=function({color:e="default",orientation:a="horizontal",size:o="small",children:i,indicatorText:n,indicatorStyle:l="outline",textAlign:s="center",className:d="",sx:c={},...u}){const x=uc(e),h=hc[o]||hc.small,p=!(!i&&!n),m=i||n,g="vertical"===a;if(g&&!p)return t.jsx(r.Box,{role:"separator","aria-orientation":"vertical",className:"divider-vertical divider-"+e+" "+d,sx:{display:"inline-block",width:h,alignSelf:"stretch",minHeight:24,backgroundColor:x,flexShrink:0,...c},...u});if(g&&p){const a=xc(e,l),o="top"===s?"0 0 10%":"1 1 auto",i="top"===s?"1 1 auto":"bottom"===s?"0 0 10%":"1 1 auto";return t.jsxs(r.Box,{role:"separator","aria-orientation":"vertical",className:"divider-vertical divider-"+e+" divider-indicator "+d,sx:{display:"inline-flex",flexDirection:"column",alignItems:"center",alignSelf:"stretch",minHeight:24,flexShrink:0,...c},...u,children:[t.jsx(r.Box,{sx:{flex:o,width:h,backgroundColor:x}}),t.jsx(r.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,my:1,px:.75,py:.5,borderRadius:"12px",fontSize:"11px",fontWeight:500,fontFamily:"inherit",lineHeight:1.2,whiteSpace:"nowrap",backgroundColor:a.bg,color:a.text,border:a.border,boxSizing:"border-box"},children:m}),t.jsx(r.Box,{sx:{flex:i,width:h,backgroundColor:x}})]})}if(!p)return t.jsx(r.Box,{role:"separator","aria-orientation":"horizontal",className:"divider-horizontal divider-"+e+" "+d,sx:{width:"100%",height:h,backgroundColor:x,flexShrink:0,...c},...u});const f=xc(e,l),b="left"===s?"0 0 10%":"1 1 auto",v="left"===s?"1 1 auto":"right"===s?"0 0 10%":"1 1 auto";return t.jsxs(r.Box,{role:"separator","aria-orientation":"horizontal",className:"divider-horizontal divider-"+e+" divider-indicator "+d,sx:{display:"flex",alignItems:"center",width:"100%",...c},...u,children:[t.jsx(r.Box,{sx:{flex:b,height:h,backgroundColor:x}}),t.jsx(r.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,mx:2,px:1.5,py:.5,borderRadius:"12px",fontSize:"12px",fontWeight:500,fontFamily:"inherit",lineHeight:1.2,whiteSpace:"nowrap",backgroundColor:f.bg,color:f.text,border:f.border,boxSizing:"border-box"},children:m}),t.jsx(r.Box,{sx:{flex:v,height:h,backgroundColor:x}})]})},exports.Drawer=ld,exports.DrawerClose=sd,exports.DrawerContent=cd,exports.DrawerHeader=dd,exports.DrawerShowcase=function(){const[a,o]=e.useState(!1),[i,n]=e.useState("medium"),[l,s]=e.useState("left"),[d,c]=e.useState(null),[u,x]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Drawer"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:d,surface:u,children:t.jsx(na,{variant:"default",onClick:()=>o(!0),children:"Open Drawer"})}),t.jsx(So,{code:(()=>{const e=["open={open}","onClose={handleClose}"];return"medium"!==i&&e.push('size="'+i+'"'),"left"!==l&&e.push('anchor="'+l+'"'),"<Drawer "+e.join(" ")+">\n  <DrawerHeader>\n    <H5>Navigation</H5>\n    <DrawerClose onClick={handleClose} />\n  </DrawerHeader>\n  <DrawerContent>\n    <OmniTreeView items={navItems} />\n  </DrawerContent>\n</Drawer>"})(),language:"JSX",wrap:!0,sx:{mt:2}}),t.jsxs(ld,{open:a,onClose:()=>o(!1),size:i,anchor:l,children:[t.jsxs(dd,{children:[t.jsx(Mr,{children:"Navigation"}),t.jsx(sd,{onClick:()=>o(!1)})]}),t.jsx(cd,{children:t.jsx(fd,{items:yd,variant:"solid",color:"default",defaultExpandedItems:["products"],sx:{border:"none",borderRadius:0}})})]})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:d,onThemeChange:c,surface:u,onSurfaceChange:x})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(jd,{label:vd(e),selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ANCHOR"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["left","right","top","bottom"].map(e=>t.jsx(jd,{label:vd(e),selected:l===e,onClick:()=>s(e)},e))})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsx(r.Stack,{spacing:3,children:t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsx(r.Stack,{spacing:0,children:[{label:"Role",value:'role="dialog" aria-modal="true"'},{label:"Focus",value:"Focus trapped inside drawer. Returns to trigger on close."},{label:"Keyboard",value:"Escape closes. Tab cycles focusable elements."},{label:"Backdrop",value:"Click closes. Body scroll locked while open."},{label:"Close",value:'Button with aria-label="Close drawer"'}].map(({label:e,value:a})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:[e,":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]})})})})]})})})]})]})},exports.DropZone=function({onFiles:a,accept:o,multiple:i=!1,size:n="medium",disabled:l=!1,icon:s,label:d,sublabel:c,children:u,className:x="",sx:h={},...p}){const[m,g]=e.useState(!1),f=e.useRef(null),b=e.useRef(0),v=Sd[n]||Sd.medium,y=e.useCallback(e=>{!l&&e?.length&&a?.(Array.from(e))},[l,a]),j=e.useCallback(e=>{e.preventDefault(),e.stopPropagation(),b.current=0,g(!1),l||y(e.dataTransfer.files)},[l,y]),S=e.useCallback(e=>{e.preventDefault(),e.stopPropagation()},[]),B=e.useCallback(e=>{e.preventDefault(),e.stopPropagation(),b.current++,l||g(!0)},[l]),k=e.useCallback(e=>{e.preventDefault(),e.stopPropagation(),b.current--,0===b.current&&g(!1)},[]),w=e.useCallback(()=>{l||f.current?.click()},[l]),C=e.useCallback(e=>{l||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),f.current?.click())},[l]),T=e.useCallback(e=>{y(e.target.files),e.target.value=""},[y]),z=s||qe,A=i?"Drag and drop files here":"Drag and drop file here";return t.jsxs(r.Box,{role:"button",tabIndex:l?-1:0,"aria-label":d||A,"aria-disabled":l||void 0,onClick:w,onKeyDown:C,onDrop:j,onDragOver:S,onDragEnter:B,onDragLeave:k,className:"drop-zone drop-zone-"+n+(m?" drop-zone-dragging":"")+(l?" drop-zone-disabled":"")+" "+x,sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:v.gap,minHeight:v.minHeight,padding:v.padding,border:"2px dashed",borderColor:m?"var(--Buttons-Primary-Border)":"var(--Buttons-Default-Border)",borderRadius:"32px",backgroundColor:m?"var(--Hover)":"transparent",color:"var(--Text)",cursor:l?"not-allowed":"pointer",opacity:l?"var(--Disabled, 0.38)":1,outline:"none",transition:"background-color 0.2s ease, border-color 0.2s ease",textAlign:"center",...!l&&{"&:hover":{backgroundColor:"var(--Hover)",borderColor:"var(--Buttons-Primary-Border)"},"&:active":{backgroundColor:"var(--Pressed)",borderColor:"var(--Buttons-Primary-Border)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderColor:"var(--Buttons-Primary-Border)"}},...h},...p,children:[t.jsx("input",{ref:f,type:"file",accept:o,multiple:i,onChange:T,style:{display:"none"},"aria-hidden":"true",tabIndex:-1}),u||t.jsxs(t.Fragment,{children:[t.jsx(z,{sx:{fontSize:v.iconSize,color:"var(--Text-Quiet)"}}),t.jsx(qr,{style:{color:"var(--Text)"},children:d||A}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:c||"or click to browse"})]})]})},exports.Dropdown=Il,exports.DynoStack=Ko,exports.DynoTreeView=fd,exports.EmailTextField=function({label:e="Email",...r}){return t.jsx(Ui,{label:e,type:"email",placeholder:"user@example.com",...r})},exports.ErrorToggleButtonGroup=e=>t.jsx(qi,{variant:"error",...e}),exports.Eyebrow=ot,exports.EyebrowLarge=nt,exports.EyebrowMedium=it,exports.EyebrowSmall=at,exports.Fab=hi,exports.FabShowcase=function(){const[a,o]=e.useState("default"),[i,n]=e.useState("medium"),[l,s]=e.useState("Add"),[d,c]=e.useState(!1),[u,x]=e.useState("Create"),[h,p]=e.useState(!1),[m,g]=e.useState(!1),[f,b]=e.useState(null),[v,y]=e.useState("Surface"),j="default"===a?"tertiary":a;return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Floating Action Button"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:f,children:t.jsx(hi,{color:j,size:i,icon:(()=>{const e=sr[l]||sr.Add;return t.jsx(vt,{size:"medium",children:t.jsx(e,{})})})(),extended:d,label:u,animate:h,disabled:m,ariaLabel:d?u:l})}),t.jsx(So,{code:(()=>{const e=[];return"default"!==a&&e.push('color="'+a+'"'),"medium"!==i&&e.push('size="'+i+'"'),e.push("icon={<"+l+"Icon />}"),d&&(e.push("extended"),e.push('label="'+u+'"')),h&&e.push("animate"),m&&e.push("disabled"),e.push('ariaLabel="'+(d?u:l)+'"'),"<Fab\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:f,onThemeChange:b,surface:v,onSurfaceChange:y})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:mi.map(e=>t.jsxs(r.Box,{children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(bi,{color:e,selected:a===e,onClick:o},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(fi,{label:pi(e),selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(vi,{label:"Icon Name",value:l,onChange:s,placeholder:"Add"}),t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:[t.jsx("a",{href:"https://mui.com/material-ui/material-icons/",target:"_blank",rel:"noopener noreferrer",style:{color:"var(--Hotlink)"},children:"Material icon"})," name (e.g. Add, Edit, Favorite, Share)"]})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),t.jsxs(r.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Extended"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Pill shape with icon + text label"})]}),t.jsx(Fo,{checked:d,onChange:e=>c(e.target.checked),size:"small","aria-label":"Extended"})]}),d&&t.jsx(r.Box,{sx:{mt:1.5},children:t.jsx(vi,{label:"Label Text",value:u,onChange:x,placeholder:"Create"})}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Animation"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Pulse ring effect to draw attention"})]}),t.jsx(Fo,{checked:h,onChange:e=>p(e.target.checked),size:"small","aria-label":"Animation"})]}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Disabled"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Fo,{checked:m,onChange:e=>g(e.target.checked),size:"small","aria-label":"Disabled"})]})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsxs(r.Stack,{spacing:3,children:[t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsxs(r.Stack,{spacing:0,children:[t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Role:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<button role="button" aria-label="...">'})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Label:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:d?"Extended: visible label provides accessible name.":"Icon-only: aria-label is required."})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Focus:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"3px solid var(--Focus-Visible) with 2px offset."})]}),t.jsxs(r.Box,{sx:{py:1.5},children:[t.jsx(qr,{children:"Disabled:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"HTML disabled attribute. 50% opacity, removed from tab order."})]})]})]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"Best Practices"}),t.jsxs(r.Stack,{spacing:0,children:[t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"One per screen:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"FABs represent the primary action. Use at most one per view."})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Extended for clarity:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"Use extended variant when the icon alone may be ambiguous."})]}),t.jsxs(r.Box,{sx:{py:1.5},children:[t.jsx(qr,{children:"Animation:"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"Use sparingly. Respect prefers-reduced-motion."})]})]})]})]})})})]})})})]})]})},exports.Footer=Ec,exports.FooterShowcase=function(){const[a,o]=e.useState(4),[i,n]=e.useState(!0),[l,s]=e.useState(!0),[d,c]=e.useState("default"),u=e.useRef(null),[x,h]=e.useState(null),[p,m]=e.useState(null);e.useEffect(()=>{u.current&&(h({current:u.current.querySelector(".dino-footer")}),m({current:u.current.querySelector(".dino-copyright")}))},[d,a,i,l]);const g=Zc.slice(0,Math.max(0,a-1)),f=i?Jc:[],b=l?{title:"Stay in the loop",description:"Monthly updates on new components and tips.",onSubscribe:async e=>console.log("subscribed:",e)}:void 0;return t.jsxs(r.Box,{children:[t.jsx(Pr,{style:{marginBottom:12},children:"Footer"}),t.jsxs(Xr,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:["Configurable 1–4 column footer. The first column is always the company address / contact. Optional ",t.jsx("code",{children:"socialLinks"})," and"," ",t.jsx("code",{children:"subscribe"})," sit above the auto-generated copyright strip."]}),t.jsx(r.Box,{ref:u,sx:{borderRadius:1,overflow:"hidden",mb:4},children:t.jsx(Ec,{color:d,address:Yc,columns:g,socialLinks:f,subscribe:b,copyrightName:"DinoDesign"})}),t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Stack,{spacing:3,sx:{p:3,maxWidth:560},children:[t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLUMNS"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:[1,2,3,4].map(e=>t.jsx($c,{label:String(e),selected:a===e,onClick:()=>o(e)},e))}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"First column is always the address / contact. Up to 3 more link columns."})]}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Kc.map(e=>t.jsx($c,{label:e.label,selected:d===e.value,onClick:()=>c(e.value)},e.value))}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:'"Default" hardcodes Primary tone 2 (auto-derived in a future iteration).'})]}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SOCIAL LINKS"}),t.jsx(Lo,{label:"Show social media row",checked:i,onChange:e=>n(e.target.checked)}),t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["When on, the Footer renders the ",t.jsx("code",{children:"socialLinks"})," row (icons linking out). In your app, supply the icon + url pairs from your data store."]})]}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SUBSCRIBE"}),t.jsx(Lo,{label:"Show email subscribe form",checked:l,onChange:e=>s(e.target.checked)}),t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["When on, the Footer renders an email subscribe form. Hook it up via"," ",t.jsx("code",{children:"subscribe.onSubscribe(email)"}),"."]})]})]})}),t.jsx(Qa,{value:1,children:t.jsxs(r.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"Live WCAG 2.1 contrast against the painted background. AA needs 4.5:1 for normal text; AAA needs 7:1."}),x&&t.jsx(Xc,{targetRef:x,label:"Footer body",deps:[d,a,i,l]}),p&&t.jsx(Xc,{targetRef:p,label:"Copyright strip",deps:[d,a,i,l]})]})})]})]})},exports.FormDialog=function({open:e,onClose:a,title:o,children:i,submitText:n="Submit",cancelText:l="Cancel",onSubmit:s,...d}){return t.jsx(Js,{open:e,onClose:a,title:o,...d,actions:t.jsxs(t.Fragment,{children:[t.jsx(r.Box,{component:"button",type:"button",onClick:a,sx:Zs.outline,children:l}),t.jsx(r.Box,{component:"button",type:"button",onClick:s,sx:Zs.primary,children:n})]}),children:i})},exports.Ghost=xr,exports.Gradient=Ts,exports.Grid=function({children:e,container:a=!1,item:o=!1,spacing:i=2,sx:n={},...l}){return t.jsx(r.Grid,{container:a,item:o,spacing:i,sx:{transition:"all 0.2s ease-in-out",...n},...l,children:e})},exports.GridStack=ti,exports.H1=e=>t.jsx(Fr,{textStyle:"h1",...e}),exports.H2=e=>t.jsx(Fr,{textStyle:"h2",...e}),exports.H3=Pr,exports.H4=Hr,exports.H5=Mr,exports.H6=e=>t.jsx(Fr,{textStyle:"h6",...e}),exports.HStack=$o,exports.Heading=Er,exports.Icon=vt,exports.IconBadge=Xo,exports.IconBadgeShowcase=function(){const[r,a]=e.useState("primary"),[o,i]=e.useState("solid"),[n,l]=e.useState("medium"),s=ci[0];return t.jsxs(_o,{spacing:4,style:{paddingBottom:64},children:[t.jsx(Pr,{children:"Icon Badge"}),t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:24},children:[t.jsx(ni,{padding:"medium",children:t.jsxs(_o,{spacing:4,alignItems:"center",children:[t.jsx("div",{style:{padding:40},children:t.jsx(Xo,{color:r,variant:o,size:n,children:t.jsx(s,{})})}),t.jsx($o,{spacing:4,alignItems:"flex-end",children:["small","medium","large"].map(e=>t.jsxs(_o,{spacing:1,alignItems:"center",children:[t.jsx(Xo,{color:r,variant:o,size:e,children:t.jsx(s,{})}),t.jsx(qr,{style:{color:"var(--Quiet)"},children:si(e)})]},e))}),t.jsxs(_o,{spacing:1,alignItems:"center",children:[t.jsx(qr,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:"Variants"}),t.jsx($o,{spacing:3,children:["solid","light","dark"].map(e=>t.jsxs(_o,{spacing:1,alignItems:"center",children:[t.jsx(Xo,{color:r,variant:e,size:"medium",children:t.jsx(s,{})}),t.jsx(qr,{style:{color:"var(--Quiet)",fontSize:"0.65rem"},children:si(e)})]},e))})]}),t.jsxs(_o,{spacing:1,alignItems:"center",children:[t.jsx(qr,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:"All Colors"}),t.jsx($o,{spacing:2,style:{flexWrap:"wrap",justifyContent:"center"},children:di.flatMap(e=>e.colors).map(e=>t.jsxs(_o,{spacing:0,alignItems:"center",children:[t.jsx(Xo,{color:e,variant:o,size:"small",children:t.jsx(s,{})}),t.jsx(qr,{style:{color:"var(--Quiet)",fontSize:"0.55rem"},children:si(e)})]},e))})]})]})}),t.jsx(ni,{padding:"medium",children:t.jsxs(_o,{spacing:4,children:[t.jsx(Pr,{style:{fontSize:"1rem"},children:"Playground"}),t.jsxs(_o,{spacing:2,children:[t.jsx(tt,{children:"Color"}),di.map(e=>t.jsxs(_o,{spacing:1,children:[t.jsx(qr,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:e.label}),t.jsx($o,{spacing:1,children:e.colors.map(e=>t.jsx(na,{variant:r===e?"default":"outline",size:"small",onClick:()=>a(e),children:si(e)},e))})]},e.label))]}),t.jsxs(_o,{spacing:1,children:[t.jsx(tt,{children:"Variant"}),t.jsx(Yo,{size:"small",children:["solid","light","dark"].map(e=>t.jsx(na,{variant:o===e?"default":"outline",size:"small",onClick:()=>i(e),children:si(e)},e))})]}),t.jsxs(_o,{spacing:1,children:[t.jsx(tt,{children:"Size"}),t.jsx(Yo,{size:"small",children:["small","medium","large"].map(e=>t.jsx(na,{variant:n===e?"default":"outline",size:"small",onClick:()=>l(e),children:si(e)},e))})]}),t.jsxs(_o,{spacing:0,children:[t.jsxs(qr,{style:{color:"var(--Quiet)"},children:["data-theme: ",si(r),"light"===o?"-Light":""]}),t.jsxs(qr,{style:{color:"var(--Quiet)"},children:["data-surface: ","dark"===o?"Surface-Dimmest":"Surface"]}),t.jsx(qr,{style:{color:"var(--Quiet)"},children:"bg: var(--Background)"}),t.jsx(qr,{style:{color:"var(--Quiet)"},children:"icon: var(--Text)"})]})]})})]})]})},exports.IconShowcase=function(){const[a,i]=e.useState("filled"),[n,l]=e.useState("default"),[s,d]=e.useState("medium"),[c,u]=e.useState("40"),[x,h]=e.useState(!1),[m,g]=e.useState("Home"),[f,b]=e.useState(""),[v,y]=e.useState({}),j=Ho[n]||"Default",S="twotone"===a,B="custom"===s?(parseInt(c,10)||40)+"px":{xs:"12px",small:"16px",medium:"24px",large:"36px"}[s]||"24px",k=function(e,r){return No[e]?.[r]||No[e]?.filled||p}(m,a),w=function(e){return{outlined:"Outlined",rounded:"Rounded",twotone:"TwoTone",sharp:"Sharp"}[e]||""}(a),C=m+w+"Icon",T=f.trim().length>0,z="<Icon>\n  <"+C+' />\n</Icon>\n{/* aria-hidden="true" by default */}',A='<Icon aria-label="'+(T?f.trim():m+" icon")+'">\n  <'+C+' />\n</Icon>\n{/* role="img" added automatically */}';return e.useEffect(()=>{y({background:To("--Background"),iconColor:To("--Icons-"+j),iconVariant:To("--Icons-Variant-"+j)})},[n,j]),t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Icon"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(r.Box,{sx:{p:4,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:200,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",gap:2},children:t.jsx(vt,{color:n,size:s,fontSize:"custom"===s?parseInt(c,10)||40:void 0,disabled:x,twoTone:S,"aria-label":T?f.trim():void 0,children:t.jsx(k,{})})}),t.jsx(So,{code:(()=>{const e=[];"default"!==n&&e.push('color="'+n+'"'),"custom"===s?(e.push('size="custom"'),e.push("fontSize={"+(parseInt(c,10)||40)+"}")):"medium"!==s&&e.push('size="'+s+'"'),S&&e.push("twoTone"),x&&e.push("disabled"),T&&e.push('aria-label="'+f.trim()+'"');const r=e.length?" "+e.join(" "):"";return"import "+C+" from '@mui/icons-material/"+m+(w||"")+"';\n\n<Icon"+r+">\n  <"+C+" />\n</Icon>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ICON"}),t.jsx(r.Box,{component:"input",type:"text",value:m,onChange:e=>g(e.target.value),placeholder:"e.g. Home, Favorite, Delete",sx:{width:"100%",padding:"6px 10px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",boxSizing:"border-box","&:focus":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px",borderColor:"var(--Focus-Visible)"}}}),t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Enter a MUI icon name."," ",t.jsx(r.Box,{component:"a",href:"https://mui.com/material-ui/material-icons/",target:"_blank",rel:"noopener noreferrer",sx:{color:"var(--Text-Primary)",textDecoration:"underline","&:hover":{color:"var(--Header-Primary)"}},children:"Browse MUI Icons ↗"})]})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Eo.map(e=>t.jsx(Go,{label:Oo[e],selected:a===e,onClick:()=>i(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:Mo.map(e=>t.jsxs(r.Box,{children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>{const a=Ho[e],i=n===e;return t.jsx(r.Box,{component:"button",onClick:()=>l(e),"aria-label":"Select "+Po(e),"aria-pressed":i,title:Po(e),sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Icons-"+a+")",border:i?"2px solid var(--Text)":"1px solid var(--Border)",outline:i?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:i&&t.jsx(o,{sx:{fontSize:16,color:"var(--Background)",pointerEvents:"none"}})},e)})})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["small","medium","large","custom"].map(e=>t.jsx(Go,{label:Po(e),selected:s===e,onClick:()=>d(e)},e))}),"custom"===s&&t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:1,mt:1.5},children:[t.jsx(r.Box,{component:"input",type:"number",value:c,onChange:e=>u(e.target.value),"aria-label":"Custom font size in pixels",sx:{width:72,padding:"4px 8px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",outline:"none","&:focus":{borderColor:"var(--Focus-Visible)"}}}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"px"})]})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ARIA LABEL"}),t.jsx(r.Box,{component:"input",type:"text",value:f,onChange:e=>b(e.target.value),placeholder:"Leave empty for decorative (aria-hidden)",sx:{width:"100%",padding:"6px 10px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",boxSizing:"border-box","&:focus":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px",borderColor:"var(--Focus-Visible)"}}}),t.jsx(_r,{style:{color:T?"var(--Tags-Success-Text)":"var(--Text-Quiet)",display:"block",marginTop:6},children:T?'✓ Meaningful — role="img" aria-label="'+f.trim()+'"':'Decorative — aria-hidden="true" (invisible to screen readers)'})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Disabled"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Reduces opacity to 0.38"})]}),t.jsx(Fo,{checked:x,onChange:e=>h(e.target.checked),size:"small","aria-label":"Toggle disabled"})]})]})}),t.jsx(Qa,{value:1,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsxs(qr,{color:"quiet",style:{marginBottom:24},children:[Oo[a]," / ",Po(n)," / ","custom"===s?c+"px":s,T?" / meaningful":" / decorative"]}),t.jsxs(r.Stack,{spacing:3,children:[t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"Icon Contrast (WCAG 1.4.11 — 3:1)"}),t.jsx(qr,{color:"quiet",style:{marginBottom:16},children:"Non-text elements must contrast 3:1 against the page background."}),t.jsx(Vo,{label:"var(--Icons-"+j+") vs. var(--Background)",ratio:Co(v.iconColor,v.background),threshold:3,note:C+" at "+B+" in "+Po(n)+" color"}),S&&t.jsx(Vo,{label:"var(--Icons-Variant-"+j+") vs. var(--Background)",ratio:Co(v.iconVariant,v.background),threshold:3,note:"Two-tone secondary fill — must also meet 3:1"})]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsxs(r.Stack,{spacing:0,children:[t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)",backgroundColor:T?"var(--Tags-Success-BG, rgba(0,200,0,0.05))":"transparent",px:1,borderRadius:"4px"},children:[t.jsxs(qr,{style:{fontWeight:600},children:["Current icon — ",T?"meaningful ✓":"decorative"]}),t.jsx(r.Box,{component:"pre",sx:{fontFamily:"monospace",fontSize:"11px",color:"var(--Text-Quiet)",mt:.5,whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0},children:T?A:z})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Decorative (no aria-label):"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:'aria-hidden="true" is applied automatically. The icon is invisible to screen readers. Use this when the icon is purely visual — e.g. a decorative bullet or inline illustration.'}),t.jsx(r.Box,{component:"pre",sx:{fontFamily:"monospace",fontSize:"11px",color:"var(--Text-Quiet)",mt:.5,whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0},children:z})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:"Meaningful (with aria-label):"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:'role="img" is added automatically. The label is announced by screen readers. Use this when the icon conveys information that is not present in surrounding text.'}),t.jsx(r.Box,{component:"pre",sx:{fontFamily:"monospace",fontSize:"11px",color:"var(--Text-Quiet)",mt:.5,whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0},children:A})]}),t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:["Disabled state",x?" ← current":"",":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"Opacity 0.38 — visual cue only. To disable an action, disable the wrapping interactive element (button, link), not the icon itself."})]}),S&&t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:["Two-tone",S?" ← current":"",":"]}),t.jsxs(_r,{style:{color:"var(--Text-Quiet)"},children:["Secondary fill uses var(--Icons-Variant-",j,"). Both the primary and secondary fills must meet 3:1 contrast independently."]})]}),t.jsxs(r.Box,{sx:{py:1.5},children:[t.jsxs(qr,{children:["Touch target — ",B," icon","small"===s?" ⚠":" ✓",":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:"small"===s?"Small icons (20px) need a 24px minimum target area around them (WCAG 2.5.5). Wrap in a button with padding.":"Icon is "+B+" — meets 24px minimum. Ensure the wrapping interactive element also meets 24×24px."})]})]})]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"Size Reference"}),t.jsx(r.Stack,{spacing:0,children:[{label:"Small",s:"small",px:"20px",note:"Inline text, compact UI"},{label:"Medium",s:"medium",px:"24px",note:"Standard UI — default"},{label:"Large",s:"large",px:"36px",note:"Emphasis, empty states, hero areas"},{label:"Custom",s:"custom",px:"any",note:"Ensure 24×24px minimum touch target (WCAG 2.5.5)"}].map(({label:e,s:a,px:o,note:i},n,l)=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:n<l.length-1?"1px solid var(--Border)":"none",display:"flex",justifyContent:"space-between",alignItems:"flex-start"},children:[t.jsxs(r.Box,{children:[t.jsxs(qr,{children:[e," — ",o]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:i})]}),s===a&&t.jsx(r.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:"var(--Tags-Success-BG)",color:"var(--Tags-Success-Text)"},children:"current"})]},e))})]})]})]})})]})})})]})]})},exports.InfoToggleButtonGroup=e=>t.jsx(qi,{variant:"info",...e}),exports.InsetStack=({sx:e,...r})=>t.jsx(Ko,{sx:{px:2,...e},...r}),exports.Label=tt,exports.LabelExtraSmall=et,exports.LabelLarge=e=>t.jsx(Fr,{textStyle:"label-large",...e}),exports.LabelSmall=rt,exports.Legal=e=>t.jsx(Fr,{textStyle:"legal",...e}),exports.LegalSemibold=e=>t.jsx(Fr,{textStyle:"legal-semibold",...e}),exports.LightTreeView=e=>t.jsx(fd,{variant:"light",...e}),exports.LineChart=function({data:a=[],curve:o="smooth",gradient:i=!0,fromZero:n=!1,showGrid:l=!1,showLabels:s=!1,animate:d=!0,interactive:c=!0,height:u=200,strokeWidth:x=3,tension:h=0,label:p,className:m="",sx:g={},...f}){const b="lc-"+e.useId().replace(/:/g,""),v=qu(a),y=Uu(a),{active:j,handlers:S}=ux(v.length),[B,k]=e.useState(!d);e.useEffect(()=>{if(!d)return;const e=requestAnimationFrame(()=>k(!0));return()=>cancelAnimationFrame(e)},[d]);const w=320,C=s?22:8,T=Math.max(0,u-8-C),z=Xu(v,{fromZero:n}),A=Zu(v.length,0,w,{inset:x}),I=v.map((e,r)=>({x:A[r],y:Yu(e,z,8,T)})),R="straight"===o?Ku(I):$u(I,{tension:h}),W=8+T;return t.jsxs(r.Box,{component:"figure",className:"line-chart "+m,sx:{display:"block",width:"100%",m:0,position:"relative",...g},...f,children:[t.jsxs("svg",{viewBox:`0 0 320 ${u}`,width:"100%",height:u,preserveAspectRatio:"none",focusable:"false","aria-hidden":"true",children:[i&&t.jsx("defs",{children:t.jsxs("linearGradient",{id:b,x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx("stop",{offset:"0%",stopColor:ox.gradient,stopOpacity:"1"}),t.jsx("stop",{offset:"100%",stopColor:ox.gradient,stopOpacity:"0"})]})}),l&&tx(z,4).map(e=>t.jsx("line",{x1:0,x2:w,y1:Yu(e,z,8,T),y2:Yu(e,z,8,T),stroke:ox.line,strokeWidth:"1"},e)),i&&I.length>1&&t.jsx("path",{d:_u(R,I,W),fill:`url(#${b})`,style:{opacity:B?1:0,transition:`opacity ${dx}`}}),I.length>1&&t.jsx("path",{d:R,fill:"none",stroke:ox.fill,strokeWidth:x,strokeLinecap:"round",strokeLinejoin:"round",pathLength:"1",style:{strokeDasharray:1,strokeDashoffset:B?0:1,transition:`stroke-dashoffset ${dx}`}}),1===I.length&&t.jsx("circle",{cx:I[0].x,cy:I[0].y,r:x,fill:ox.fill}),c&&j>=0&&t.jsxs(t.Fragment,{children:[t.jsx("line",{x1:A[j],x2:A[j],y1:8,y2:W,stroke:ox.line,strokeWidth:"1"}),t.jsx("circle",{cx:I[j].x,cy:I[j].y,r:x+1,fill:ox.fill,stroke:"var(--Background)",strokeWidth:"2"}),t.jsx(hx,{x:I[j].x,y:I[j].y,text:v[j],width:w,tokens:ox})]}),s&&y.map((e,r)=>t.jsx("text",{x:A[r],y:u-6,textAnchor:"middle",fill:ox.quietLabel,...nx,children:e},r))]}),c&&t.jsx(xx,{count:v.length,width:w,centres:A,bandWidth:v.length?w/v.length:0,labels:y,values:v,handlers:S}),t.jsx(sx,{caption:p||`Line chart, ${v.length} points`,labels:y,values:v})]})},exports.LinearGradient=e=>t.jsx(Ts,{variant:"linear",...e}),exports.LinearProgress=Ud,exports.LinearProgressShowcase=function(){const[a,o]=e.useState("default"),[i,n]=e.useState("medium"),[l,s]=e.useState(!1),[d,c]=e.useState(65),[u,x]=e.useState(null),[h,p]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Linear Progress"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:u,surface:h,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:400},children:t.jsx(Ud,{color:a,size:i,value:l?d:void 0})})}),t.jsx(So,{code:(()=>{const e=[];return"default"!==a&&e.push('color="'+a+'"'),"medium"!==i&&e.push('size="'+i+'"'),l&&e.push("value={"+d+"}"),0===e.length?"<LinearProgress />":"<LinearProgress\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:u,onThemeChange:x,surface:h,onSurfaceChange:p})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:Yd.map(e=>t.jsxs(r.Box,{children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(Jd,{color:e,selected:a===e,onClick:o},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(Zd,{label:Xd(e),selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Determinate"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show a static bar at a specific value"})]}),t.jsx(Fo,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Determinate"})]}),l&&t.jsx(r.Box,{sx:{mt:2},children:t.jsx(gn,{label:"Value",min:0,max:100,value:d,onChange:(e,r)=>c(r),size:"small",valueLabelDisplay:"auto"})})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsx(r.Stack,{spacing:3,children:t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsx(r.Stack,{spacing:0,children:[{label:"Role",value:'role="progressbar"'},{label:"Determinate",value:'aria-valuenow, aria-valuemin="0", aria-valuemax="100"'},{label:"Indeterminate",value:'aria-label="Loading" (no value attributes)'},{label:"Track",value:"var(--Border-Variant)"},{label:"Fill",value:"var(--Buttons-{Color}-Border)"}].map(({label:e,value:a})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:[e,":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]})})})})]})})})]})]})},exports.Link=En,exports.List=function({children:a,items:o,variant:i="default",color:n="primary",size:l="medium",orientation:s="vertical",dividers:d=!1,selectionMode:c="none",loading:u=!1,skeletonRows:x=3,empty:h,error:p,selectedIndices:m=[],onSelectionChange:g,clickable:f=!1,component:b="ul",className:v="",sx:y={},...j}){const S="horizontal"===s,B="checkbox"===c||"radio"===c,k="light"===i,w="default"===i,C={};("solid"===i||k)&&mc[n]&&(C["data-theme"]=mc[n],k&&(C["data-surface"]="Surface-Brightest"));const T=p?"error":u?"loading":o&&0===o.length&&h?"empty":null;return t.jsx(r.Box,{component:b,role:B?"listbox":"list","aria-busy":"loading"===T?"true":void 0,"aria-multiselectable":"checkbox"===c||void 0,...C,className:"list-container list-"+i+" list-"+n+" "+v,sx:{display:"flex",flexDirection:S?"row":"column",boxSizing:"border-box",alignItems:"stretch",gap:f?"var(--Sizing-1)":0,m:0,p:w?0:1,backgroundColor:w?"transparent":"var(--Background)",color:"var(--Text)",borderRadius:w?0:"var(--Style-Border-Radius)",width:"100%",listStyle:"none",...S?{"& > .list-item":{flex:"1 1 0",width:"auto"}}:{},...y},...j,children:(()=>{if("loading"===T)return t.jsx(r.Box,{component:"li",sx:{listStyle:"none"},children:t.jsx(xr,{label:"Loading",children:Array.from({length:x}).map((e,r)=>t.jsx(bc,{size:l,variant:i,color:n,children:"        "},"sk-"+r))})});if("error"===T)return t.jsx(r.Box,{component:"li",sx:{listStyle:"none"},children:p});if("empty"===T)return t.jsx(r.Box,{component:"li",sx:{listStyle:"none"},children:h});if(o&&o.length>0){const e=[];return o.forEach((a,s)=>{e.push(t.jsx(bc,{size:l,variant:i,color:n,startDecorator:a.startDecorator,endDecorator:a.endDecorator,startDecoratorIsButton:a.startDecoratorIsButton,endDecoratorIsButton:a.endDecoratorIsButton,onStartDecoratorAction:a.onStartDecoratorAction,onEndDecoratorAction:a.onEndDecoratorAction,startDecoratorAriaLabel:a.startDecoratorAriaLabel,endDecoratorAriaLabel:a.endDecoratorAriaLabel,eyebrow:a.eyebrow??a.overline,secondary:a.secondary,clickable:f||a.clickable,disabled:a.disabled,bottomBorder:a.bottomBorder,rightBorder:a.rightBorder,selected:B?m.includes(s):a.selected,selectionMode:c,onSelect:()=>(e=>{if(g)if("radio"===c)g([e]);else{const r=m.includes(e)?m.filter(r=>r!==e):[...m,e];g(r)}})(s),onClick:a.onClick,children:a.label||a.children},"item-"+s)),d&&s<o.length-1&&e.push(t.jsx(r.Box,{component:"li",role:"separator","aria-hidden":"true",sx:S?{width:"1px",alignSelf:"stretch",backgroundColor:"var(--Border)",flexShrink:0}:{height:"1px",backgroundColor:"var(--Border)"}},"div-"+s))}),e}if(a){const o=e.Children.toArray(a);if(!d)return o;const i=[];return o.forEach((e,a)=>{i.push(e),a<o.length-1&&i.push(t.jsx(r.Box,{component:"li",role:"separator","aria-hidden":"true",sx:S?{width:"1px",alignSelf:"stretch",backgroundColor:"var(--Border)",flexShrink:0}:{height:"1px",backgroundColor:"var(--Border)"}},"div-"+a))}),i}return null})()})},exports.ListItem=bc,exports.ListItemDecorator=fc,exports.MainLayout=function({layout:a="side",navItems:o=[{label:"Home",icon:t.jsx(p,{}),path:"/"},{label:"About",icon:t.jsx(B,{}),path:"/about"},{label:"Settings",icon:t.jsx(g,{}),path:"/settings"},{label:"Help",icon:t.jsx(_e,{}),path:"/help"}],title:i="My App",children:n,onLayoutChange:l,onNavigate:s,sx:d={},...c}){const u=r.useTheme(),x=r.useMediaQuery(u.breakpoints.down("md"));r.useMediaQuery(u.breakpoints.down("lg"));const[h,m]=e.useState(!1),[f,b]=e.useState(!1),v=x?"top":a,y=({compact:e=!1})=>t.jsx(r.List,{sx:{py:1},children:o.map((a,o)=>t.jsx(r.Tooltip,{title:e?a.label:"",placement:"right",children:t.jsxs(r.ListItemButton,{onClick:()=>{s?.(a),m(!1)},sx:{color:"var(--Text)",...Bu({muiPrefix:!0}),transition:"all 0.2s ease-in-out",justifyContent:e?"center":"flex-start",px:e?1:2},children:[t.jsx(r.ListItemIcon,{sx:{color:"var(--Icons-Primary)",minWidth:e?"auto":40,mr:e?0:1},children:a.icon}),!e&&t.jsx(r.ListItemText,{primary:a.label})]})},o))});return t.jsxs(r.Box,{sx:{minHeight:"100vh",backgroundColor:"var(--Background)",color:"var(--Text)",display:"flex",flexDirection:"column",...d},...c,children:[t.jsx(r.AppBar,{position:"static",sx:{backgroundColor:"var(--Header)",color:"var(--Text)",boxShadow:"0 1px 3px rgba(0,0,0,0.12)",borderBottom:"1px solid var(--Border-Variant)"},children:t.jsxs(r.Toolbar,{children:[x&&"rail"!==v&&t.jsx(la,{variant:"ghost",onClick:()=>m(!h),"aria-label":h?"Close navigation":"Open navigation",sx:{mr:2},children:h?t.jsx(Se,{}):t.jsx(je,{})}),t.jsx(r.Typography,{variant:"h6",sx:{flex:1,fontWeight:700},children:i}),!x&&l&&t.jsxs(r.ToggleButtonGroup,{value:a,exclusive:!0,onChange:(e,r)=>{r&&l(r)},size:"small",sx:{"& .MuiToggleButton-root":{color:"var(--Text)",border:"1px solid var(--Border)","&.Mui-selected":{backgroundColor:"var(--Button-Primary-Button)",color:"#fff",borderColor:"var(--Button-Primary-Button)"}}},children:[t.jsx(r.ToggleButton,{value:"side","aria-label":"side nav",children:"☰ Side"}),t.jsx(r.ToggleButton,{value:"rail","aria-label":"rail nav",children:"⫷ Rail"}),t.jsx(r.ToggleButton,{value:"side-rail","aria-label":"side-rail nav",children:"☰⫷ Both"})]})]})}),t.jsxs(r.Box,{sx:{display:"flex",flex:1},children:[("rail"===v||"side-rail"===v)&&!x&&t.jsx(r.Box,{sx:{width:80,backgroundColor:"var(--Container)",borderRight:"1px solid var(--Border-Variant)",display:"flex",flexDirection:"column",py:2},children:t.jsx(y,{compact:!0})}),("side"===v||"side-rail"===v)&&!x&&t.jsxs(r.Box,{sx:{width:f?80:280,backgroundColor:"var(--Container)",borderRight:"1px solid var(--Border-Variant)",transition:"width 0.3s ease-in-out",display:"flex",flexDirection:"column"},children:[t.jsxs(r.Box,{sx:{p:2,display:"flex",alignItems:"center",justifyContent:"space-between",borderBottom:"1px solid var(--Border-Variant)",minHeight:64},children:[!f&&t.jsx(r.Typography,{variant:"h6",sx:{fontWeight:700,color:"var(--Text)"},children:"Menu"}),t.jsx(la,{size:"small",variant:"ghost",onClick:()=>b(!f),"aria-label":f?"Expand navigation":"Collapse navigation",sx:{color:"var(--Icons-Primary)"},children:f?"›":"‹"})]}),t.jsx(y,{compact:f})]}),x&&t.jsxs(r.Drawer,{anchor:"left",open:h,onClose:()=>m(!1),sx:{"& .MuiDrawer-paper":{backgroundColor:"var(--Container)",width:280}},children:[t.jsx(r.Box,{sx:{p:2,borderBottom:"1px solid var(--Border-Variant)"},children:t.jsx(r.Typography,{variant:"h6",sx:{fontWeight:700},children:"Menu"})}),t.jsx(y,{compact:!1})]}),t.jsx(r.Box,{sx:{flex:1,overflow:"auto",backgroundColor:"var(--Background)"},children:t.jsx(r.Container,{maxWidth:"lg",sx:{py:4},children:n})})]})]})},exports.Menu=Wl,exports.MenuButton=Rl,exports.MenuDivider=Fl,exports.MenuItem=Dl,exports.MenuShowcase=function(){const[a,o]=e.useState("outline"),[i,n]=e.useState("default"),[l,s]=e.useState("medium"),[d,c]=e.useState(null),[u,x]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Menu"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:d,surface:u,sx:{minHeight:250,alignItems:"flex-start",pt:6},children:t.jsxs(Il,{variant:a,color:i,size:l,children:[t.jsx(Rl,{children:"Actions"}),t.jsxs(Wl,{children:[t.jsx(Dl,{children:"Edit"}),t.jsx(Dl,{children:"Duplicate"}),t.jsx(Dl,{selected:!0,children:"Archive"}),t.jsx(Fl,{}),t.jsx(Dl,{disabled:!0,children:"Delete"})]})]})}),t.jsx(So,{code:(()=>{const e=[];return"outline"!==a&&e.push('variant="'+a+'"'),"default"!==i&&e.push('color="'+i+'"'),"medium"!==l&&e.push('size="'+l+'"'),"<Dropdown "+e.join(" ")+">\n  <MenuButton>Actions</MenuButton>\n  <Menu>\n    <MenuItem>Edit</MenuItem>\n    <MenuItem>Duplicate</MenuItem>\n    <MenuDivider />\n    <MenuItem>Delete</MenuItem>\n  </Menu>\n</Dropdown>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:d,onThemeChange:c,surface:u,onSurfaceChange:x})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["outline","solid","light"].map(e=>t.jsx(Hl,{label:Ll(e),selected:a===e,onClick:()=>o(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:Pl.map(e=>t.jsxs(r.Box,{children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(Ml,{color:e,selected:i===e,onClick:n},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(Hl,{label:Ll(e),selected:l===e,onClick:()=>s(e)},e))})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsx(r.Stack,{spacing:3,children:t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsx(r.Stack,{spacing:0,children:[{label:"Button",value:'aria-haspopup="true" aria-expanded aria-controls'},{label:"Menu",value:'role="menu" aria-labelledby={buttonId}'},{label:"Items",value:'role="menuitem" with tabIndex'},{label:"Selected",value:'aria-selected="true" on active item'},{label:"Disabled",value:'aria-disabled="true", not focusable'},{label:"Keyboard",value:"Arrow keys navigate. Enter/Space selects. Escape closes."},{label:"Focus",value:"First item focused on open. Focus returns to button on close."}].map(({label:e,value:a})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:[e,":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]})})})})]})})})]})]})},exports.MeshCardGradient=e=>t.jsx(Ts,{variant:"meshCard",...e}),exports.MeshGradient=e=>t.jsx(Ts,{variant:"mesh",...e}),exports.MobileAppBar=Tc,exports.Modal=function({open:a,onClose:o,children:i,title:n,variant:l="default",color:s="primary",size:d="medium",layout:c="center",transition:u="fade",transitionSpeed:x=250,closeOnBackdrop:h=!0,showCloseButton:p=!0,className:m="",sx:g={},...f}){const b=e.useRef(null),v=e.useRef(null),[y,j]=e.useState(!1);let S;try{S=Ns()}catch{S=null}const B=S?.style||"Modern",k="soft"===l,w="solid"===l,C="fullscreen"===c,T=w||k?$s[s]:null,z=_s[l]||_s.default,A=ed[d]||ed.medium,I=rd[u],R=I?I.name:void 0,W=x+"ms";return e.useEffect(()=>(a?(v.current=document.activeElement,j(!0),requestAnimationFrame(()=>{b.current?.focus()}),document.body.style.overflow="hidden"):(j(!1),document.body.style.overflow="",v.current?.focus()),()=>{document.body.style.overflow=""}),[a]),e.useEffect(()=>{if(!a)return;const e=e=>{"Escape"===e.key&&o?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[a,o]),a||y?t.jsxs(t.Fragment,{children:["none"!==u&&t.jsx("style",{children:td(u)}),t.jsx(r.Box,{"aria-hidden":"true",onClick:h?o:void 0,sx:{position:"fixed",inset:0,zIndex:1e7,backgroundColor:"rgba(0,0,0,0.5)",...R&&{animation:R+"-backdrop "+W+" ease-out forwards"}}}),t.jsxs(r.Box,{role:"dialog","aria-modal":"true","aria-label":n||"Modal",ref:b,tabIndex:-1,"data-surface":z,"data-theme":T||void 0,"data-style":B,className:"modal modal-"+l+" modal-"+d+" modal-"+c+(k||w?" modal-"+s:"")+(m?" "+m:""),sx:{position:"fixed",zIndex:10000001,outline:"none",fontFamily:"inherit",...C?{inset:0,borderRadius:0}:{top:"50%",left:"50%",transform:"translate(-50%, -50%)",maxWidth:A.maxWidth+"px",width:"calc(100% - 32px)",maxHeight:"calc(100vh - 64px)",borderRadius:"var(--Modal-Radius, var(--Style-Border-Radius))"},backgroundColor:"var(--Background)",color:"var(--Text)",boxShadow:"0 8px 32px rgba(0,0,0,0.24)",display:"flex",flexDirection:"column",overflow:"hidden",...R&&{animation:R+" "+W+" ease-out forwards"},...g},...f,children:[(n||p)&&t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",px:C?4:A.padding,pt:C?3:A.padding,pb:0,flexShrink:0},children:[n&&t.jsx(r.Box,{sx:{fontSize:"small"===d?"18px":"large"===d?"24px":"20px",fontWeight:700,color:"var(--Text)",flex:1},children:n}),p&&t.jsx(r.Box,{component:"button",type:"button","aria-label":"Close modal",onClick:o,sx:{display:"flex",alignItems:"center",justifyContent:"center",width:32,height:32,borderRadius:"50%",border:"none",backgroundColor:"transparent",color:"var(--Text-Quiet)",cursor:"pointer",flexShrink:0,ml:1,transition:"background-color 0.15s ease, color 0.15s ease","&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)"},"&:active":{backgroundColor:"var(--Pressed)",color:"var(--Text)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},children:t.jsx(Se,{sx:{fontSize:20}})})]}),t.jsx(r.Box,{sx:{flex:1,overflowY:"auto",px:C?4:A.padding,pt:C?3:"16px",pb:C?3:A.padding,color:"var(--Text)",fontSize:"small"===d?"13px":"14px",lineHeight:1.6},children:i})]})]}):null},exports.NeutralToggleButtonGroup=e=>t.jsx(qi,{variant:"neutral",...e}),exports.NumberField=Li,exports.NumberFieldShowcase=function(){const[a,o]=e.useState("outlined"),[i,n]=e.useState("outline"),[l,s]=e.useState("default"),[d,c]=e.useState("medium"),[u,x]=e.useState("top"),[h,p]=e.useState(!0),[m,g]=e.useState(!1),[f,b]=e.useState(!1),[v,y]=e.useState(null),[j,S]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Number Field"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:v,surface:j,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:"outlined"===a?300:"auto"},children:t.jsx(Li,{variant:a,style:i,color:l,size:d,label:h?"Quantity":void 0,labelPosition:u,min:0,max:100,disabled:m,fullWidth:f&&"outlined"===a})})}),t.jsx(So,{code:(()=>{const e=['variant="'+a+'"'];return"outline"!==i&&e.push('style="'+i+'"'),"default"!==l&&e.push('color="'+l+'"'),"medium"!==d&&e.push('size="'+d+'"'),h&&e.push('label="Quantity"'),"top"!==u&&e.push('labelPosition="'+u+'"'),e.push("min={0}"),e.push("max={100}"),m&&e.push("disabled"),f&&"outlined"===a&&e.push("fullWidth"),e.push("value={value}"),e.push("onChange={setValue}"),"<NumberField\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"VARIANT"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["outlined","spinner"].map(e=>t.jsx(Mi,{label:Pi(e),selected:a===e,onClick:()=>o(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["outline","light"].map(e=>t.jsx(Mi,{label:Pi(e),selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:Hi.map(e=>t.jsxs(r.Box,{children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(Ei,{color:e,selected:l===e,onClick:s},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(Mi,{label:Pi(e),selected:d===e,onClick:()=>c(e)},e))})]}),"outlined"===a&&t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["top","floating","none"].map(e=>t.jsx(Mi,{label:"none"===e?"None":Pi(e),selected:u===e,onClick:()=>x(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Show Label"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Text label above field"})]}),t.jsx(Fo,{variant:"default-outline",checked:h,onChange:e=>p(e.target.checked),size:"small","aria-label":"Show label"})]}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Disabled"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Fo,{variant:"default-outline",checked:m,onChange:e=>g(e.target.checked),size:"small","aria-label":"Disabled"})]}),"outlined"===a&&t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Full Width"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container"})]}),t.jsx(Fo,{variant:"default-outline",checked:f,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsx(r.Stack,{spacing:3,children:t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsx(r.Stack,{spacing:0,children:[{label:"Role",value:'role="spinbutton" with aria-valuenow, aria-valuemin, aria-valuemax'},{label:"Label",value:"aria-label from label prop. Always provide a label."},{label:"Keyboard",value:"ArrowUp/Down increment/decrement. Direct text entry supported."},{label:"Steppers",value:'aria-label="Increase" / "Decrease" on stepper buttons'},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px"},{label:"Disabled",value:"HTML disabled. Steppers also disabled at min/max bounds."}].map(({label:e,value:a})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:[e,":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]})})})})]})})})]})]})},exports.NumberLarge=ht,exports.NumberMedium=xt,exports.NumberSmall=ut,exports.NumberTextField=function({label:e="Number",...r}){return t.jsx(Ui,{label:e,type:"number",...r})},exports.OmniDesignProvider=function({themeURL:r,foundationCSS:a,coreCSS:o,typographyCSS:i,lightModeCSS:n,darkModeCSS:l,baseCSS:s,stylesCSS:d,defaultTheme:c="Default",defaultStyle:u="Modern",defaultSurface:x="Surface",surfaceStyle:h,defaultDarkMode:p=!1,darkTheme:m="Neutral",darkMode:g,onDarkModeChange:f,className:b,style:v,fullHeight:y=!0,children:j}){const[S,B]=e.useState(p),k=void 0!==g,w=k?g:S,[C,T]=e.useState({foundation:a??null,core:o??null,typography:i??null,lightMode:n??null,darkMode:l??null,base:s??null,styles:d??null}),[z,A]=e.useState({}),I=e.useRef(!0);e.useEffect(()=>(I.current=!0,()=>{I.current=!1}),[]),e.useEffect(()=>{r&&(V("loading"),async function(e){const r=/\.json(\?|$)/.test(e)?e:`${e.replace(/\/$/,"")}/theme.json`,t=e.replace(/\/$/,"").replace(/\/theme\.json(\?.*)?$/,""),a=await fetch(r);if(!a.ok)throw new Error(`OmniDesignProvider: could not load theme manifest from ${r} (${a.status})`);const o=await a.json(),i=e=>e?/^https?:\/\//i.test(e)?e:`${t}/${e}`:null;return{foundationURL:i(o.foundation),coreURL:i(o.core),typographyURL:i(o.typography),lightModeURL:i(o.lightMode),darkModeURL:i(o.darkMode),baseURL:i(o.base),stylesURL:i(o.styles),defaultTheme:o.defaultTheme??null,defaultStyle:o.defaultStyle??null,defaultSurface:o.defaultSurface??null,darkTheme:o.darkTheme??null,name:o.name??null}}(r).then(e=>{I.current&&(T({foundation:a??e.foundationURL,core:o??e.coreURL,typography:i??e.typographyURL,lightMode:n??e.lightModeURL,darkMode:l??e.darkModeURL,base:s??e.baseURL,styles:d??e.stylesURL}),A({defaultTheme:e.defaultTheme,defaultStyle:e.defaultStyle,defaultSurface:e.defaultSurface,darkTheme:e.darkTheme,name:e.name}))}).catch(e=>{I.current&&(console.error("OmniDesignProvider: manifest error:",e),q(e.message),V("error"))}))},[r]);const R=h?Ws[h]?.theme??c:"Default"!==c?c:z.defaultTheme??c,W=h?Ws[h]?.rootSurface??x:z.defaultSurface??x,D=z.defaultStyle??u,F="Neutral"!==m?m:z.darkTheme??m,[L,P]=e.useState(R),[H,M]=e.useState(D),[E,O]=e.useState(W),N=!!(r||a||o||i||n||l||s||d),[Q,V]=e.useState(N?"loading":"ready"),[G,q]=e.useState(null);e.useEffect(()=>{const{foundation:e,core:r,typography:t,base:a,styles:o}=C;if(e||r||t||a||o)return V("loading"),q(null),Promise.all([Os(Ds,e),Os(Fs,r),Os(Ls,t).catch(e=>{console.warn("OmniDesignProvider: typography CSS did not load —",e.message)}),Os(Hs,a),Os(Ms,o)]).then(()=>{I.current&&V("ready")}).catch(e=>{I.current&&(console.error("OmniDesignProvider CSS error:",e),q(e.message),V("error"))}),()=>{Es(Ds),Es(Fs),Es(Ls),Es(Hs),Es(Ms)};V("ready")},[C.foundation,C.core,C.typography,C.base,C.styles]),e.useEffect(()=>{const e=w?C.darkMode:C.lightMode;e&&Os(Ps,e,Hs).catch(e=>console.error("OmniDesignProvider mode CSS error:",e))},[w,C.lightMode,C.darkMode]),e.useEffect(()=>()=>Es(Ps),[]);const U=w?F:L,X=e.useCallback(()=>{k?f?.(!w):B(e=>!e)},[k,w,f]),Y=e.useCallback(e=>{As.includes(e)||console.warn(`OmniDesignProvider: unknown theme "${e}"`),P(e)},[]),Z=e.useCallback(e=>{Is.includes(e)||console.warn(`OmniDesignProvider: unknown style "${e}"`),M(e)},[]),J=e.useCallback(e=>{Rs.includes(e)||console.warn(`OmniDesignProvider: unknown surface "${e}"`),O(e)},[]),K=e.useMemo(()=>({theme:U,style:H,surface:E,isDark:w,cssStatus:Q,cssError:G,setTheme:Y,setStyle:Z,setSurface:J,toggleDarkMode:X,themes:As,styles:Is,surfaces:Rs,name:z.name??null}),[U,H,E,w,Q,G,Y,Z,J,X,z.name]);return t.jsxs(zs.Provider,{value:K,children:[t.jsx("style",{"data-omni":"hide-during-load",children:'[data-omni-css="loading"]{visibility:hidden}'}),t.jsx("div",{"data-theme":U,"data-style":H,"data-surface":E,"data-omni-css":Q,className:b,style:{...y?{minHeight:"100vh"}:{},...v},children:j})]})},exports.OmniStack=Ko,exports.OmniTreeView=fd,exports.Overline=st,exports.OverlineLarge=ct,exports.OverlineMedium=dt,exports.OverlineSmall=lt,exports.Pagination=vl,exports.PaginationShowcase=function(){const[a,o]=e.useState("default"),[i,n]=e.useState("medium"),[l,s]=e.useState(10),[d,c]=e.useState(!1),[u,x]=e.useState(!1),[h,p]=e.useState(!1),[m,g]=e.useState(null),[f,b]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Pagination"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:m,surface:f,children:t.jsx(vl,{color:a,size:i,count:l,showFirstButton:d,showLastButton:u,disabled:h})}),t.jsx(So,{code:(()=>{const e=[];return"default"!==a&&e.push('color="'+a+'"'),"medium"!==i&&e.push('size="'+i+'"'),10!==l&&e.push("count={"+l+"}"),d&&e.push("showFirstButton"),u&&e.push("showLastButton"),h&&e.push("disabled"),e.push("onChange={handlePageChange}"),1===e.length?"<Pagination onChange={handlePageChange} />":"<Pagination\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:m,onThemeChange:g,surface:f,onSurfaceChange:b})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:jl.map(e=>t.jsxs(r.Box,{children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(Bl,{color:e,selected:a===e,onClick:o},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(Sl,{label:yl(e),selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PAGES"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:[5,10,20,50].map(e=>t.jsx(Sl,{label:String(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"First/Last Buttons"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show jump to first/last page"})]}),t.jsx(Fo,{variant:"default-outline",checked:d,onChange:e=>{c(e.target.checked),x(e.target.checked)},size:"small","aria-label":"First/last buttons"})]}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Disabled"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Fo,{variant:"default-outline",checked:h,onChange:e=>p(e.target.checked),size:"small","aria-label":"Disabled"})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsx(r.Stack,{spacing:3,children:t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsx(r.Stack,{spacing:0,children:[{label:"Nav",value:'<nav aria-label="Pagination">'},{label:"List",value:"<ol> with <li> for each button"},{label:"Current",value:'aria-current="page" on selected page'},{label:"Labels",value:'aria-label="Page N", "Go to previous/next/first/last page"'},{label:"Keyboard",value:"Tab navigates between buttons"},{label:"Focus",value:"Uses Button component focus styles"}].map(({label:e,value:a})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:[e,":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]})})})})]})})})]})]})},exports.Paper=function({children:e,surface:a="Container",outlined:o=!1,variant:i=(o?"outlined":"elevation"),sx:n={},...l}){const{dataSurface:s,elevation:d}=function(e="Container"){const r={"Container-Lowest":{elevation:0,zIndex:0},"Container-Low":{elevation:1,zIndex:100},Container:{elevation:4,zIndex:200},"Container-High":{elevation:8,zIndex:300},"Container-Highest":{elevation:12,zIndex:400}},t=r[e]||r.Container;return{dataSurface:e,elevation:t.elevation,zIndex:t.zIndex}}(a);return t.jsx(r.Paper,{variant:i,elevation:o?0:d,"data-surface":s,sx:{padding:2,borderRadius:"8px",transition:"all 0.2s ease-in-out",...n},...l,children:e})},exports.PasswordTextField=function({label:e="Password",...r}){return t.jsx(Ui,{label:e,type:"password",...r})},exports.PhoneTextField=function({label:e="Phone",placeholder:r="(555) 123-4567",...a}){return t.jsx(Ui,{label:e,type:"tel",placeholder:r,...a})},exports.PieChart=function({data:a=[],donut:o=!1,donutRatio:i=.6,colors:n=ix,separatorWidth:l=2,size:s=200,showLabels:d=!1,animate:c=!0,interactive:u=!0,label:x,className:h="",sx:p={},...m}){const g=qu(a),f=Uu(a),{slices:b,total:v,dropped:y}=rx(g),{active:j,handlers:S}=ux(g.length),[B,k]=e.useState(!c);e.useEffect(()=>{if(!c)return;const e=requestAnimationFrame(()=>k(!0));return()=>cancelAnimationFrame(e)},[c]);const w=s/2,C=s/2,T=s/2-1,z=o?T*i:0,A=e=>{return{fill:`var(--Icons-${r=n[e%n.length]})`,onFill:`var(--Icons-On-${r})`};var r};return t.jsxs(r.Box,{component:"figure",className:"pie-chart "+h,sx:{display:"block",m:0,position:"relative",...p},...m,children:[t.jsxs("svg",{viewBox:`0 0 ${s} ${s}`,width:s,height:s,focusable:"false","aria-hidden":"true",children:[b.map((e,r)=>{const a=(e.start+e.end)/2,o=u&&j===r?4:0;return t.jsx("path",{d:ex(w,C,z,T,e.start,e.end),fill:A(r).fill,stroke:"var(--Background)",strokeWidth:l,strokeLinejoin:"round",...u?S(r):{},style:{transform:`translate(${o*Math.sin(a)}px, ${-o*Math.cos(a)}px) scale(${B?1:0})`,transformOrigin:`${w}px ${C}px`,transformBox:"view-box",transition:`transform ${B?cx:dx}`}},r)}),d&&b.map((e,r)=>{const a=(e.start+e.end)/2,o=z+.62*(T-z);return e.fraction<.07?null:t.jsx("text",{x:w+o*Math.sin(a),y:C-o*Math.cos(a),textAnchor:"middle",dominantBaseline:"middle",fill:A(r).onFill,...nx,children:f[r]},r)})]}),t.jsx(sx,{caption:(x||`${o?"Donut":"Pie"} chart, ${b.length} segments`)+(y?`, ${y} non-positive values omitted`:""),labels:f,values:g})]})},exports.Popover=function({open:a=!1,onClose:o,anchorRef:i,placement:n="bottom-end",theme:l="Default",surface:s="Surface-Bright",width:d=320,maxHeight:c=400,children:x,sx:h={}}){const p=e.useRef(null),[m,g]=e.useState({top:0,left:0,right:"auto"});return e.useEffect(()=>{if(!a||!i?.current)return;const e=i.current.getBoundingClientRect();g("bottom-end"===n?{top:e.bottom+6,right:window.innerWidth-e.right,left:"auto"}:{top:e.bottom+6,left:e.left,right:"auto"})},[a,i,n]),e.useEffect(()=>{if(!a)return;const e=e=>{p.current?.contains(e.target)||i?.current?.contains(e.target)||o?.()};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[a,o,i]),e.useEffect(()=>{if(!a)return;const e=e=>{"Escape"===e.key&&o?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[a,o]),a?u.createPortal(t.jsx(r.Box,{ref:p,"data-theme":l,"data-surface":s,sx:{position:"fixed",top:m.top,left:m.left,right:m.right,zIndex:2e9,width:d,maxHeight:c,overflowY:"auto",backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",boxShadow:Ot,...h},children:x}),document.body):null},exports.PrimaryToggleButtonGroup=e=>t.jsx(qi,{variant:"primary",...e}),exports.RATIO_NAMES=Kn,exports.RadialGradient=e=>t.jsx(Ts,{variant:"radial",...e}),exports.Radio=xn,exports.RadioGroup=function({color:e="primary",size:a="medium",label:o,options:i=[],value:n,onChange:l,orientation:s="vertical",labelPlacement:d="end",disabled:c=!1,spacing:u=1,name:x,className:h="",sx:p={},"aria-label":m,"aria-labelledby":g,...f}){return t.jsxs(r.FormControl,{component:"fieldset",disabled:c,className:"radio-group-"+e+" "+h,sx:p,children:[o&&t.jsx(r.FormLabel,{component:"legend",sx:{color:c?"var(--Text-Quiet)":"var(--Text)",fontSize:"small"===a?"13px":"15px",fontWeight:500,mb:1,"&.Mui-focused":{color:"var(--Text)"},"&.Mui-disabled":{color:"var(--Text-Quiet)",opacity:"var(--Disabled, 0.38)"}},children:o}),t.jsx(r.RadioGroup,{value:n,onChange:l,name:x,"aria-label":m,"aria-labelledby":g,row:"horizontal"===s,sx:{display:"flex",flexDirection:"horizontal"===s?"row":"column",flexWrap:"horizontal"===s?"wrap":"nowrap",alignItems:"horizontal"===s?"center":"flex-start",gap:u},...f,children:i.map(r=>t.jsx(xn,{color:e,size:a,label:r.label,labelPlacement:d,value:r.value,disabled:r.disabled||c},r.value))})]})},exports.RadioInput=hn,exports.Rail=ki,exports.RailShowcase=function(){const[a,o]=e.useState(!0),[i,n]=e.useState("partial"),[l,s]=e.useState(!1),[d,c]=e.useState(null),[u,x]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Rail"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsxs(Va,{theme:d,surface:u,sx:{minHeight:400,alignItems:"stretch",p:0},children:[t.jsx(ki,{items:Ti,expandable:a,expandedWidth:i,fabAction:l?{icon:t.jsx(ve,{}),label:"Create",onClick:()=>{}}:void 0}),t.jsx(r.Box,{sx:{flex:1,p:3},children:t.jsx(qr,{style:{color:"var(--Quiet)"},children:"Main content area"})})]}),t.jsx(So,{code:(()=>{const e=["items={items}"];return a&&(e.push("expandable"),"partial"!==i&&e.push('expandedWidth="full"')),l&&e.push('fabAction={{ icon: <AddIcon />, label: "Create", onClick: handleCreate }}'),e.push("value={activeIndex}"),e.push("onChange={setActiveIndex}"),"<Rail\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:d,onThemeChange:c,surface:u,onSurfaceChange:x})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"EXPANDED WIDTH"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["partial","full"].map(e=>{return t.jsx(zi,{label:(r=e,r?r.charAt(0).toUpperCase()+r.slice(1):""),selected:i===e,onClick:()=>n(e)},e);var r})})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Expandable"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Toggle between collapsed and expanded"})]}),t.jsx(Fo,{variant:"default-outline",checked:a,onChange:e=>o(e.target.checked),size:"small","aria-label":"Expandable"})]}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"FAB Action"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show create button at top"})]}),t.jsx(Fo,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"FAB action"})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsx(r.Stack,{spacing:3,children:t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsx(r.Stack,{spacing:0,children:[{label:"Nav",value:'<nav role="navigation" aria-label="Navigation rail">'},{label:"Items",value:'role="tab" aria-selected on each item'},{label:"TabList",value:'role="tablist" aria-orientation="vertical"'},{label:"Toggle",value:'aria-label="Expand/Collapse menu"'},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: -3px"},{label:"Badge",value:"Visual only — announced via aria-label on parent item"}].map(({label:e,value:a})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:[e,":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]})})})})]})})})]})]})},exports.RangeSlider=bn,exports.Rating=jn,exports.RatingInput=jn,exports.Ratio=rl,exports.RatioShowcase=function(){const[a,o]=e.useState("1:1"),[i,n]=e.useState("solid"),[l,s]=e.useState("primary"),[d,c]=e.useState("none"),[u,x]=e.useState(!1),[h,p]=e.useState(!1),[m,g]=e.useState(null),[f,b]=e.useState("Surface");return t.jsxs(Un,{sx:{pb:8},children:[t.jsx(Pr,{children:"Ratio"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:m,surface:f,children:t.jsx(Un,{sx:{width:"100%",maxWidth:480},children:t.jsx(rl,{ratio:a,variant:i,color:l,padding:d,elevated:u,clickable:h})})}),t.jsx(So,{code:(()=>{const e=['ratio="'+a+'"'];return"default"!==i&&e.push('variant="'+i+'"'),"default"!==l&&e.push('color="'+l+'"'),"none"!==d&&e.push('padding="'+d+'"'),u&&e.push("elevated"),h&&e.push("clickable onClick={handleClick}"),"<Ratio "+e.join(" ")+">\n  {/* your content */}\n</Ratio>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(Un,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Reference"})]}),t.jsx(Qa,{value:0,children:t.jsxs(Un,{sx:{p:3},children:[t.jsx(Un,{sx:{mb:3},children:t.jsx(Xa,{theme:m,onThemeChange:g,surface:f,onSurfaceChange:b})}),t.jsxs(Un,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"VARIANT"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:ol.map(e=>t.jsx(nl,{label:tl(e),selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(Un,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:al.map(e=>t.jsxs(Un,{children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(ll,{color:e,selected:l===e,onClick:s,variant:"default"===i?"solid":i},e))})]},e.label))})]}),t.jsxs(Un,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PADDING"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:il.map(e=>t.jsx(nl,{label:"none"===e?"None":e.toUpperCase(),selected:d===e,onClick:()=>c(e)},e))})]}),t.jsxs(Un,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"RATIO"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Kn.map(e=>t.jsx(nl,{label:e,selected:a===e,onClick:()=>o(e)},e))})]}),t.jsxs(Un,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(Un,{children:[t.jsx(tt,{children:"Elevated"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Bumps the shadow up one level"})]}),t.jsx(Fo,{checked:u,onChange:e=>x(e.target.checked),size:"small","aria-label":"Elevated"})]}),t.jsxs(Un,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(Un,{children:[t.jsx(tt,{children:"Clickable"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Adds hover, press, and focus-visible"})]}),t.jsx(Fo,{checked:h,onChange:e=>p(e.target.checked),size:"small","aria-label":"Clickable"})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(Un,{sx:{p:3},children:t.jsxs(r.Stack,{spacing:3,children:[t.jsxs(Un,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"Common use cases"}),t.jsx(r.Stack,{spacing:0,children:[{label:"1:1",value:"Square thumbnails, avatars, product tiles"},{label:"16:9",value:"Video, hero images, modern displays"},{label:"4:3",value:"Classic photo, presentation slides"},{label:"3:2",value:"DSLR photography, print frames"},{label:"21:9",value:"Cinematic ultrawide"},{label:"9:16 / 4:5 / 5:7",value:"Portrait social media (Stories, Reels, prints)"},{label:"16:10",value:"Laptop / monitor displays"},{label:"Golden-Horizontal",value:"φ : 1 — design framing for cards, hero blocks"},{label:"Golden-Vertical",value:"1 : φ — vertical posters, sidebars"}].map(({label:e,value:r})=>t.jsxs(Un,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(qr,{children:e}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:r})]},e))})]}),t.jsxs(Xr,{color:"quiet",children:["Built on native CSS ",t.jsx("code",{children:"aspect-ratio"}),". The themed shell mirrors Box — pick a variant + color to paint the frame, or keep ",t.jsx("code",{children:'variant="default"'}),"for a borderless ratio container."]})]})})})]})})})]})]})},exports.ResponsiveStack=({breakpoint:e="sm",...r})=>t.jsx(Ko,{direction:{xs:"column",[e]:"row"},...r}),exports.ScrollStack=({sx:e,...r})=>t.jsx(Ko,{sx:{overflowY:"auto",...e},...r}),exports.SearchField=Bn,exports.SearchFieldShowcase=function(){const[a,o]=e.useState("default"),[i,n]=e.useState("medium"),[l,s]=e.useState(!1),[d,c]=e.useState(!0),[u,x]=e.useState(null),[h,p]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Search Field"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:u,surface:h,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:400},children:t.jsx(Bn,{color:a,size:i,disabled:l,showClearButton:d,placeholder:"Search..."})})}),t.jsx(So,{code:(()=>{const e=[];return"default"!==a&&e.push('color="'+a+'"'),"medium"!==i&&e.push('size="'+i+'"'),d||e.push("showClearButton={false}"),l&&e.push("disabled"),e.push('placeholder="Search..."'),e.push("onChange={handleSearch}"),"<SearchField\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:u,onThemeChange:x,surface:h,onSurfaceChange:p})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:wn.map(e=>t.jsxs(r.Box,{children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(Tn,{color:e,selected:a===e,onClick:o},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(Cn,{label:kn(e),selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Clear Button"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show clear when has value"})]}),t.jsx(Fo,{variant:"default-outline",checked:d,onChange:e=>c(e.target.checked),size:"small","aria-label":"Clear button"})]}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Disabled"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Fo,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Disabled"})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsx(r.Stack,{spacing:3,children:t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsx(r.Stack,{spacing:0,children:[{label:"Role",value:'role="searchbox" on the input element'},{label:"Label",value:'aria-label="Search" (configurable via ariaLabel prop)'},{label:"Clear",value:'aria-label="Clear search" on clear button'},{label:"Keyboard",value:"Enter submits, Escape clears"},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px"}].map(({label:e,value:a})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:[e,":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]})})})})]})})})]})]})},exports.SearchTextField=function({label:e="Search",placeholder:r="Type to search...",...a}){return t.jsx(Ui,{label:e,type:"search",placeholder:r,...a})},exports.SecondaryToggleButtonGroup=e=>t.jsx(qi,{variant:"secondary",...e}),exports.Section=Jn,exports.SectionShowcase=function(){return t.jsxs("div",{children:[t.jsx(Pr,{style:{marginBottom:12},children:"Section"}),t.jsxs(Xr,{color:"quiet",style:{marginBottom:32,maxWidth:720},children:[t.jsx("code",{children:"<Section>"})," bundles ",t.jsx("code",{children:"data-theme"})," +"," ",t.jsx("code",{children:"data-surface"})," + background paint into one component. Use anywhere you'd otherwise reach for"," ",t.jsx("code",{children:"<section data-theme data-surface style={{ background: var(--Background) }}>"}),". For wrapping without painting (e.g. AppBar's themed zone), use"," ",t.jsx("code",{children:"<ThemedZone>"}),"."]}),t.jsx(Pr,{style:{marginTop:24,marginBottom:12},children:"Theme + surface"}),t.jsx(qr,{color:"quiet",style:{marginBottom:16,display:"block"},children:'Sets data-theme="Primary-Light" + data-surface="Surface", paints --Background.'}),t.jsxs(Jn,{theme:"Primary-Light",surface:"Surface",padding:"32px",style:{borderRadius:8},children:[t.jsx(Pr,{children:"Primary-Light surface"}),t.jsx(Xr,{children:"Body text picks up --Text automatically."}),t.jsx(qr,{color:"quiet",children:"Quiet text picks up --Text-Quiet."}),t.jsx("div",{style:{marginTop:12},children:t.jsx(na,{variant:"primary",children:"Primary button"})})]}),t.jsx(Pr,{style:{marginTop:32,marginBottom:12},children:"Container surface"}),t.jsxs(Jn,{surface:"Container",padding:"32px",style:{borderRadius:8},children:[t.jsx(Pr,{children:"Container surface (inherits theme)"}),t.jsx(Xr,{children:"Useful for card-like regions."})]}),t.jsx(Pr,{style:{marginTop:32,marginBottom:12},children:"Different element"}),t.jsxs(qr,{color:"quiet",style:{marginBottom:16,display:"block"},children:["Pass ",t.jsx("code",{children:'as="article"'}),", ",t.jsx("code",{children:'as="footer"'}),", etc."]}),t.jsxs(Jn,{as:"article",theme:"Neutral-Dark",surface:"Surface",padding:"32px",style:{borderRadius:8},children:[t.jsx(Pr,{children:"Neutral-Dark article"}),t.jsx(Xr,{children:"Renders as an <article> element."})]})]})},exports.Select=Wa,exports.SelectShowcase=function(){const[a,o]=e.useState("outline"),[i,n]=e.useState("default"),[l,s]=e.useState("medium"),[d,c]=e.useState("top"),[u,x]=e.useState("Fruit"),[h,p]=e.useState(!1),[m,g]=e.useState(!1),[f,b]=e.useState(!0),[v,y]=e.useState(!1),[j,S]=e.useState("Search"),[B,k]=e.useState(""),[w,C]=e.useState(null),[T,z]=e.useState("Surface"),[A,I]=e.useState(!1),[R,W]=e.useState(!0);return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Select"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:w,surface:T,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:360},children:t.jsx(Wa,{variant:a,color:i,size:l,label:u,labelPosition:d,mode:A?"color":void 0,showColorLabels:A?R:void 0,options:A?Ji:Zi,value:B,onChange:k,showDividers:h,disabled:m,fullWidth:f,startDecoration:v?(()=>{const e=sr[j]||sr.Search;return t.jsx(vt,{size:"small",children:t.jsx(e,{})})})():void 0})})}),t.jsx(So,{code:(()=>{const e=[];return"outline"!==a&&e.push('variant="'+a+'"'),"default"!==i&&e.push('color="'+i+'"'),"medium"!==l&&e.push('size="'+l+'"'),u&&e.push('label="'+u+'"'),"top"!==d&&e.push('labelPosition="'+d+'"'),A&&e.push('mode="color"'),A&&!R&&e.push("showColorLabels={false}"),h&&e.push("showDividers"),m&&e.push("disabled"),f&&e.push("fullWidth"),v&&e.push("startDecoration={<Icon><"+j+"Icon /></Icon>}"),e.push("options={options}"),e.push("value={value}"),e.push("onChange={setValue}"),"<Select\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:w,onThemeChange:C,surface:T,onSurfaceChange:z})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["outline","light"].map(e=>t.jsx(Ki,{label:Xi(e),selected:a===e,onClick:()=>o(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:Yi.map(e=>t.jsxs(r.Box,{children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx($i,{color:e,selected:i===e,onClick:n},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(Ki,{label:Xi(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["top","floating","none"].map(e=>t.jsx(Ki,{label:"none"===e?"None":Xi(e),selected:d===e,onClick:()=>c(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Start Icon"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Icon rendered before the value"})]}),t.jsx(Fo,{checked:v,onChange:e=>y(e.target.checked),size:"small","aria-label":"Start icon"})]}),v&&t.jsxs(r.Box,{sx:{mt:2},children:[t.jsx(za,{label:"Icon Name",value:j,onChange:e=>S(e.target.value),placeholder:"Search",variant:"primary-outline",size:"small",fullWidth:!0}),t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:[t.jsx("a",{href:"https://mui.com/material-ui/material-icons/",target:"_blank",rel:"noopener noreferrer",style:{color:"var(--Hotlink)"},children:"Material icon"})," name (e.g. Search, Add, Edit, Filter, Sort, Star)"]})]}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Dividers"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Lines between options"})]}),t.jsx(Fo,{checked:h,onChange:e=>p(e.target.checked),size:"small","aria-label":"Show dividers"})]}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Disabled"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Fo,{checked:m,onChange:e=>g(e.target.checked),size:"small","aria-label":"Disabled"})]}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Color Mode"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Render swatches alongside each option. Swatch size scales to Select height, radius follows the brand's button radius."})]}),t.jsx(Fo,{checked:A,onChange:e=>I(e.target.checked),size:"small","aria-label":"Color mode"})]}),A&&t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Show Color Labels"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Hide to render a swatch-only trigger (no text). Useful for compact color pickers."})]}),t.jsx(Fo,{checked:R,onChange:e=>W(e.target.checked),size:"small","aria-label":"Show color labels"})]}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Full Width"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container width"})]}),t.jsx(Fo,{checked:f,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsx(r.Stack,{spacing:3,children:t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsx(r.Stack,{spacing:0,children:[{label:"Trigger",value:'role="combobox" aria-expanded="true|false" aria-haspopup="listbox"'},{label:"Dropdown",value:'role="listbox" aria-label="..."'},{label:"Options",value:'role="option" aria-selected="true|false"'},{label:"Label",value:"aria-label from label prop. Always provide a label."},{label:"Keyboard",value:"Enter/Space opens. Escape closes. Arrow keys when open."},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px (on outer shell)"}].map(({label:e,value:a})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:[e,":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]})})})})]})})})]})]})},exports.SelectableCard=e=>t.jsx(ni,{clickable:!0,selected:e.selected,...e}),exports.SettingsPanel=function(){const{mode:a,switchMode:o}=function(r="light"){const[t,a]=e.useState(r);return e.useEffect(()=>{Qu("/styles/foundation.css","css-foundation"),Qu("/styles/core.css","css-core"),Qu("/styles/Light-Mode.css","css-mode"),Qu("/styles/base.css","css-base"),Qu("/styles/typography-tokens.css","css-typography-tokens")},[]),{mode:t,switchMode:e=>{const r=document.getElementById("css-mode");r&&(r.href="dark"===e?"/styles/Dark-Mode.css":"/styles/Light-Mode.css"),a(e),localStorage.setItem("themeMode",e)}}}("light"),[i,n]=e.useState(!1),[l,s]=e.useState("desktop");e.useEffect(()=>{const e=localStorage.getItem("dino-platform")||"desktop",r=localStorage.getItem("themeMode")||"light";s(e),document.documentElement.style.setProperty("--Button-Height",Gu[e]||"32px"),"dark"===r&&o("dark")},[]);const d=e=>{s(e),localStorage.setItem("dino-platform",e),document.documentElement.style.setProperty("--Button-Height",Gu[e]||"32px")};return t.jsxs(t.Fragment,{children:[t.jsx(r.Box,{onClick:()=>n(!0),role:"button","aria-label":"Open settings",sx:{position:"fixed",bottom:24,right:24,width:52,height:52,borderRadius:"50%",backgroundColor:"var(--Buttons-Tertiary-Button)",color:"var(--Buttons-Tertiary-Text)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",boxShadow:"0 4px 12px rgba(0,0,0,0.15)",zIndex:999,transition:"transform 0.15s ease, box-shadow 0.15s ease","&:hover":{transform:"scale(1.08)",boxShadow:"0 6px 16px rgba(0,0,0,0.2)"}},children:t.jsx(ye.Settings,{sx:{fontSize:24}})}),t.jsx(ld,{anchor:"right",open:i,onClose:()=>n(!1),hideBackdrop:!0,size:"small",sx:{width:320,zIndex:99999999},children:t.jsxs(r.Box,{sx:{p:3,height:"100%",display:"flex",flexDirection:"column"},children:[t.jsxs(r.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2},children:[t.jsx(Mr,{children:"Settings"}),t.jsx(na,{iconOnly:!0,variant:"ghost",size:"small",onClick:()=>n(!1),"aria-label":"Close settings",children:t.jsx(ye.Close,{fontSize:"small"})})]}),t.jsx(r.Divider,{sx:{mb:3,borderColor:"var(--Border)"}}),t.jsx(r.Box,{sx:{flex:1,overflowY:"auto"},children:t.jsxs(r.Stack,{spacing:4,children:[t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text)",opacity:.85,display:"block",marginBottom:12,fontWeight:600},children:"MODE"}),t.jsxs(r.Stack,{direction:"row",spacing:1,children:[t.jsx(na,{variant:"light"===a?"primary":"primary-outline",size:"small",onClick:()=>o("light"),sx:{flex:1},children:"Light"}),t.jsx(na,{variant:"dark"===a?"primary":"primary-outline",size:"small",onClick:()=>o("dark"),sx:{flex:1},children:"Dark"})]})]}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text)",opacity:.85,display:"block",marginBottom:12,fontWeight:600},children:"PLATFORM"}),t.jsx(r.Stack,{spacing:1,children:Vu.map(({value:e,label:a,note:o})=>{const i=l===e;return t.jsxs(r.Box,{onClick:()=>d(e),sx:{p:1.5,borderRadius:"var(--Style-Border-Radius)",cursor:"pointer",border:i?"2px solid var(--Buttons-Primary-Button)":"1px solid var(--Border)",backgroundColor:i?"var(--Background)":"transparent",display:"flex",justifyContent:"space-between",alignItems:"center",transition:"all 0.15s ease","&:hover":{backgroundColor:"var(--Hover)"}},children:[t.jsxs(r.Box,{children:[t.jsx(qr,{style:{color:i?"var(--Buttons-Primary-Button)":"var(--Text)",fontWeight:i?600:400},children:a}),t.jsx(_r,{style:{color:"var(--Text)",opacity:.7},children:o})]}),i&&t.jsx(r.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"var(--Buttons-Primary-Button)",flexShrink:0}})]},e)})})]})]})}),t.jsx(r.Divider,{sx:{my:3,borderColor:"var(--Border)"}}),t.jsx(na,{variant:"primary-outline",size:"small",onClick:()=>{d("desktop"),o("light")},sx:{width:"100%"},children:"Reset to Defaults"})]})})]})},exports.Sidebar=function({open:a,onClose:o,items:i=[],onItemClick:n,width:l=280,variant:s="temporary",header:d,footer:c,sx:u={},...h}){const[p,m]=e.useState(null),[g,f]=e.useState({}),b=(e,r)=>{m(r),n?.(e),"temporary"===s&&o?.()},v="permanent"===s?"permanent":"standard"===s?"standard":"temporary",y=t.jsxs(r.Box,{sx:{display:"flex",flexDirection:"column",height:"100%",backgroundColor:"var(--Container)",color:"var(--Text)"},children:[d&&t.jsx(r.Box,{sx:{p:2,borderBottom:"1px solid var(--Border-Variant)"},children:"string"==typeof d?t.jsx(r.Typography,{variant:"h6",sx:{fontWeight:700},children:d}):d}),t.jsx(r.List,{sx:{flex:1,overflow:"auto",py:1},children:i.map((e,a)=>{const o=p===a,i=e.submenu&&e.submenu.length>0,n=g[a];return t.jsxs(r.Box,{children:[t.jsx(r.Tooltip,{title:e.tooltip||"",placement:"right",children:t.jsx(r.ListItem,{disablePadding:!0,children:t.jsxs(r.ListItemButton,{onClick:()=>{i?(e=>{f(r=>({...r,[e]:!r[e]}))})(a):b(e,a)},selected:o&&!i,sx:{backgroundColor:o&&!i?"var(--Buttons-Primary-Button)":"transparent",color:o&&!i?"var(--Buttons-Primary-Text)":"var(--Text)",...Bu({muiPrefix:!0,selectedBg:"var(--Buttons-Primary-Button)",selectedText:"var(--Buttons-Primary-Text)",selectedHover:"var(--Buttons-Primary-Hover)",selectedPressed:"var(--Buttons-Primary-Pressed)"}),transition:"all 0.2s ease-in-out"},children:[e.icon&&t.jsx(r.ListItemIcon,{sx:{color:o&&!i?"var(--Buttons-Primary-Text)":"var(--Icons-Primary)",minWidth:40},children:e.badge?t.jsx(r.Badge,{badgeContent:e.badge,variant:"error",children:e.icon}):e.icon}),t.jsx(r.ListItemText,{primary:e.label,primaryTypographyProps:{variant:"body2",fontWeight:o&&!i?600:500}}),i&&t.jsx(r.Box,{sx:{ml:1},children:n?t.jsx(De,{}):t.jsx(x,{})})]})})}),i&&t.jsx(r.Collapse,{in:n,timeout:"auto",unmountOnExit:!0,children:t.jsx(r.List,{component:"div",disablePadding:!0,children:e.submenu.map((e,a)=>t.jsx(r.ListItem,{disablePadding:!0,children:t.jsxs(r.ListItemButton,{onClick:()=>b(e,a),sx:{pl:4,backgroundColor:"transparent",color:"var(--Text)",...Bu({muiPrefix:!0,selectedBg:"var(--Buttons-Primary-Button)",selectedText:"var(--Buttons-Primary-Text)",selectedHover:"var(--Buttons-Primary-Hover)",selectedPressed:"var(--Buttons-Primary-Pressed)"})},children:[e.icon&&t.jsx(r.ListItemIcon,{sx:{color:"var(--Icons-Primary)",minWidth:40},children:e.icon}),t.jsx(r.ListItemText,{primary:e.label})]})},a))})}),e.divider&&t.jsx(r.Divider,{sx:{my:1,borderColor:"var(--Border-Variant)"}})]},a)})}),c&&t.jsx(r.Box,{sx:{borderTop:"1px solid var(--Border-Variant)",p:2},children:"string"==typeof c?t.jsx(r.Typography,{variant:"caption",sx:{color:"var(--Text-Quiet)"},children:c}):c})]});return"permanent"===s?t.jsx(r.Box,{sx:{width:l,flexShrink:0,...u},children:y}):t.jsx(r.Drawer,{variant:v,open:a,onClose:o,PaperProps:{sx:{width:l,backgroundColor:"var(--Container)",color:"var(--Text)",...u}},...h,children:y})},exports.Slider=fn,exports.SliderInput=fn,exports.Snackbar=Rd,exports.SnackbarShowcase=function(){const[a,o]=e.useState("light"),[i,n]=e.useState("info"),[l,s]=e.useState("medium"),[d,c]=e.useState("bottom"),[u,x]=e.useState(!0),[h,p]=e.useState(!0),[m,g]=e.useState(!1),[f,b]=e.useState(null),[v,y]=e.useState("Surface"),j=u&&Fd[i]?t.jsx(vt,{size:"small",sx:{color:"inherit"},children:Fd[i]}):void 0;return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Snackbar"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:f,surface:v,children:t.jsx(na,{variant:"default",onClick:()=>g(!0),children:"Show Snackbar"})}),t.jsx(So,{code:(()=>{const e=["open={open}"];return e.push('variant="'+a+'"'),"info"!==i&&e.push('color="'+i+'"'),"medium"!==l&&e.push('size="'+l+'"'),"bottom"!==d&&e.push('anchor="top"'),h&&e.push("onClose={handleClose}"),u&&Fd[i]&&e.push("startDecorator={<Icon><"+Wd(i)+"Icon /></Icon>}"),"<Snackbar\n  "+e.join("\n  ")+"\n>\n  Operation completed successfully.\n</Snackbar>"})(),language:"JSX",wrap:!0,sx:{mt:2}}),t.jsx(Rd,{open:m,onClose:h?()=>g(!1):void 0,variant:a,color:i,size:l,anchor:d,autoHideDuration:4e3,startDecorator:j,children:"Operation completed successfully."})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:f,onThemeChange:b,surface:v,onSurfaceChange:y})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["solid","light"].map(e=>t.jsx(Ld,{label:Wd(e),selected:a===e,onClick:()=>o(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:Dd.map(e=>t.jsxs(r.Box,{children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(Pd,{color:e,selected:i===e,onClick:n},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(Ld,{label:Wd(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ANCHOR"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["top","bottom"].map(e=>t.jsx(Ld,{label:Wd(e),selected:d===e,onClick:()=>c(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Show Icon"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Start decorator icon"})]}),t.jsx(Fo,{variant:"default-outline",checked:u,onChange:e=>x(e.target.checked),size:"small","aria-label":"Show icon"})]}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Close Button"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show dismiss button"})]}),t.jsx(Fo,{variant:"default-outline",checked:h,onChange:e=>p(e.target.checked),size:"small","aria-label":"Close button"})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsx(r.Stack,{spacing:3,children:t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsx(r.Stack,{spacing:0,children:[{label:"Role",value:'role="alert" aria-live="polite" aria-atomic="true"'},{label:"Close",value:'Button with aria-label="Close notification"'},{label:"Keyboard",value:"Escape closes. Auto-hides after duration."},{label:"Hover",value:"Pauses auto-hide timer on mouse enter"},{label:"Border",value:"var(--Buttons-{Color}-Border) on outer shell"},{label:"Shadow",value:"var(--Effect-Level-3)"}].map(({label:e,value:a})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:[e,":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]})})})})]})})})]})]})},exports.SolidTreeView=e=>t.jsx(fd,{variant:"solid",...e}),exports.SpaceBetweenStack=e=>t.jsx(Ko,{direction:"row",alignItems:"center",justifyContent:"space-between",...e}),exports.Spacing=function(){const e=({name:e,varName:a,baseValue:o})=>t.jsx(r.Box,{sx:{mb:2},children:t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:2,mb:1},children:[t.jsx(r.Box,{"aria-hidden":"true",sx:{width:`var(${a})`,minWidth:20,height:24,backgroundColor:"var(--Buttons-Primary-Button)",borderRadius:.5,border:"1px solid var(--Border)"}}),t.jsxs(r.Stack,{spacing:.5,children:[t.jsx(r.Typography,{variant:"subtitle2",sx:{fontWeight:600},children:e}),t.jsx(r.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:a}),t.jsxs(r.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:["Base: ",o," (with cognitive multiplier)"]})]})]})}),a=({name:e,varName:a,value:o})=>t.jsxs(r.Box,{sx:{mb:2},children:[t.jsx(r.Box,{"aria-hidden":"true",sx:{width:100,height:o,backgroundColor:"var(--Buttons-Primary-Button)",borderRadius:1,border:"1px solid var(--Border)",mb:1}}),t.jsx(r.Typography,{variant:"subtitle2",sx:{fontWeight:600},children:e}),t.jsx(r.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block"},children:a}),t.jsx(r.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:o})]});return t.jsxs(r.Stack,{spacing:3,sx:{p:2},children:[t.jsxs("section",{children:[t.jsx(r.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Spacing Scale"}),t.jsx(r.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Spacing values are multiplied by the cognitive multiplier for accessibility. Each spacing value includes a visual reference and text label for clarity."}),t.jsx(r.Stack,{spacing:1,children:[{name:"Quarter",var:"--Spacing-Quarter",baseValue:"2px"},{name:"Half",var:"--Spacing-Half",baseValue:"4px"},{name:"1-and-Half",var:"--Spacing-1-and-Half",baseValue:"12px"},{name:"1",var:"--Spacing-1",baseValue:"8px"},{name:"2",var:"--Spacing-2",baseValue:"16px"},{name:"3",var:"--Spacing-3",baseValue:"24px"},{name:"4",var:"--Spacing-4",baseValue:"32px"},{name:"5",var:"--Spacing-5",baseValue:"40px"},{name:"6",var:"--Spacing-6",baseValue:"48px"},{name:"7",var:"--Spacing-7",baseValue:"56px"},{name:"8",var:"--Spacing-8",baseValue:"64px"},{name:"9",var:"--Spacing-9",baseValue:"72px"},{name:"10",var:"--Spacing-10",baseValue:"80px"}].map(r=>t.jsx(e,{name:r.name,varName:r.var,baseValue:r.baseValue},r.var))})]}),t.jsxs("section",{children:[t.jsx(r.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Sizing Scale"}),t.jsx(r.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Fixed sizing values for components and layouts. Each size is labeled with its CSS variable and pixel value."}),t.jsx(r.Grid,{container:!0,spacing:3,children:[{name:"Quarter",var:"--Sizing-Quarter",value:"2px"},{name:"Half",var:"--Sizing-Half",value:"4px"},{name:"1-and-Half",var:"--Sizing-1-and-Half",value:"12px"},{name:"1",var:"--Sizing-1",value:"8px"},{name:"2",var:"--Sizing-2",value:"16px"},{name:"3",var:"--Sizing-3",value:"24px"},{name:"4",var:"--Sizing-4",value:"32px"},{name:"5",var:"--Sizing-5",value:"40px"},{name:"6",var:"--Sizing-6",value:"48px"},{name:"7",var:"--Sizing-7",value:"56px"},{name:"8",var:"--Sizing-8",value:"64px"},{name:"9",var:"--Sizing-9",value:"72px"},{name:"10",var:"--Sizing-10",value:"80px"},{name:"11",var:"--Sizing-11",value:"88px"},{name:"12",var:"--Sizing-12",value:"96px"},{name:"13",var:"--Sizing-13",value:"104px"},{name:"14",var:"--Sizing-14",value:"112px"},{name:"15",var:"--Sizing-15",value:"160px"},{name:"16",var:"--Sizing-16",value:"240px"},{name:"17",var:"--Sizing-17",value:"320px"},{name:"18",var:"--Sizing-18",value:"480px"}].map(e=>t.jsx(r.Grid,{item:!0,xs:12,sm:6,md:4,lg:3,children:t.jsx(a,{name:e.name,varName:e.var,value:e.value})},e.var))})]}),t.jsxs("section",{children:[t.jsx(r.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Negative Sizing"}),t.jsx(r.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Negative values for margins and offsets. Use these to reduce or remove default spacing when needed."}),t.jsx(r.Grid,{container:!0,spacing:3,children:[{name:"Negative-Quarter",var:"--Sizing-Negative-Quarter",value:"-2px"},{name:"Negative-Half",var:"--Sizing-Negative-Half",value:"-4px"},{name:"Negative-1-and-Half",var:"--Sizing-Negative-1-and-Half",value:"-12px"},{name:"Negative-1",var:"--Sizing-Negative-1",value:"-8px"}].map(e=>t.jsx(r.Grid,{item:!0,xs:12,sm:6,md:4,lg:3,children:t.jsxs(r.Box,{children:[t.jsx(r.Typography,{variant:"subtitle2",sx:{fontWeight:600},children:e.name}),t.jsx(r.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block"},children:e.var}),t.jsx(r.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:e.value})]})},e.var))})]}),t.jsxs("section",{style:{paddingTop:24,borderTop:"1px solid var(--Border)"},children:[t.jsx(r.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Container Padding"}),t.jsxs(r.Box,{sx:{p:"var(--Spacing-3)",backgroundColor:"var(--Container-Low)",border:"2px dashed var(--Buttons-Primary-Button)",borderRadius:1},children:[t.jsxs(r.Typography,{variant:"body2",children:["Default container padding: ",t.jsx("strong",{children:"var(--Spacing-3)"})," = 24px"]}),t.jsx(r.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block",mt:1},children:"Use this variable for consistent padding around main content areas."})]})]}),t.jsxs("section",{style:{paddingTop:24,borderTop:"1px solid var(--Border)"},children:[t.jsx(r.Typography,{variant:"h5",component:"h2",sx:{mb:3,fontWeight:700},children:"Practical Examples"}),t.jsxs("article",{children:[t.jsx(r.Typography,{variant:"h6",component:"h3",sx:{mb:2,fontWeight:600},children:"Padding Examples"}),t.jsx(r.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",mb:2,display:"block"},children:"Different padding values create different visual breathing room."}),t.jsx(r.Grid,{container:!0,spacing:2,sx:{mb:4},children:["var(--Spacing-1)","var(--Spacing-2)","var(--Spacing-3)","var(--Spacing-4)"].map(e=>t.jsx(r.Grid,{item:!0,xs:12,sm:6,children:t.jsxs(r.Box,{sx:{p:e,backgroundColor:"var(--Container)",border:"1px solid var(--Border)",borderRadius:1},children:[t.jsxs(r.Typography,{variant:"subtitle2",children:["Padding: ",e]}),t.jsx(r.Typography,{variant:"caption",sx:{display:"block",mt:1,color:"var(--Text-Secondary)"},children:"Content with spacing applied"})]})},e))})]}),t.jsxs("article",{children:[t.jsx(r.Typography,{variant:"h6",component:"h3",sx:{mb:2,fontWeight:600},children:"Gap Examples"}),t.jsx(r.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",mb:2,display:"block"},children:"Gap controls spacing between flex/grid children without adding extra elements."}),t.jsx(r.Stack,{spacing:3,children:["var(--Spacing-1)","var(--Spacing-2)","var(--Spacing-3)"].map(e=>t.jsxs(r.Box,{children:[t.jsx(r.Stack,{direction:"row",spacing:e,sx:{mb:1},children:[1,2,3].map(e=>t.jsx(r.Box,{"aria-hidden":"true",sx:{width:60,height:60,backgroundColor:"var(--Buttons-Primary-Button)",borderRadius:1,flexShrink:0}},e))}),t.jsxs(r.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:["Gap: ",e]})]},e))})]})]}),t.jsxs(r.Box,{role:"note",sx:{p:2,backgroundColor:"var(--Container-Low)",borderRadius:1,borderLeft:"4px solid var(--Buttons-Primary-Button)",mt:3},children:[t.jsx(r.Typography,{variant:"subtitle2",sx:{fontWeight:600,mb:1},children:"✓ Accessibility Best Practices Used"}),t.jsxs("ul",{style:{margin:"0.5rem 0",paddingLeft:"1.5rem"},children:[t.jsx("li",{children:t.jsxs(r.Typography,{variant:"caption",children:[t.jsx("strong",{children:'aria-hidden="true"'})," on purely decorative visual elements"]})}),t.jsx("li",{children:t.jsx(r.Typography,{variant:"caption",children:"All spacing information conveyed through text labels and values"})}),t.jsx("li",{children:t.jsxs(r.Typography,{variant:"caption",children:["No empty decorative ",t.jsx("code",{children:"<div>"})," elements in DOM"]})}),t.jsx("li",{children:t.jsxs(r.Typography,{variant:"caption",children:["Semantic HTML: ",t.jsx("code",{children:"<section>"})," and ",t.jsx("code",{children:"<article>"})," for structure"]})}),t.jsx("li",{children:t.jsx(r.Typography,{variant:"caption",children:"CSS-based spacing (padding/margin) for actual layout, not decorative divs"})}),t.jsx("li",{children:t.jsx(r.Typography,{variant:"caption",children:"Full keyboard navigation and screen reader support"})})]})]})]})},exports.SpeedDial=fs,exports.SpeedDialShowcase=function(){const[a,o]=e.useState("solid"),[i,n]=e.useState("default"),[l,s]=e.useState("up"),[d,c]=e.useState(!0),[u,x]=e.useState(null),[h,p]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Speed Dial"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:u,surface:h,sx:{minHeight:300,alignItems:"flex-end",justifyContent:"center"},children:t.jsx(fs,{variant:a,color:i,direction:l,showTooltips:d,actions:ys,ariaLabel:"Quick actions"})}),t.jsx(So,{code:(()=>{const e=[];return"solid"!==a&&e.push('variant="'+a+'"'),"default"!==i&&e.push('color="'+i+'"'),"up"!==l&&e.push('direction="'+l+'"'),d||e.push("showTooltips={false}"),e.push("actions={actions}"),e.push('ariaLabel="Quick actions"'),"<SpeedDial\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:u,onThemeChange:x,surface:h,onSurfaceChange:p})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["solid","outline"].map(e=>t.jsx(js,{label:bs(e),selected:a===e,onClick:()=>o(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:vs.map(e=>t.jsxs(r.Box,{children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(Ss,{color:e,selected:i===e,onClick:n},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DIRECTION"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["up","down","left","right"].map(e=>t.jsx(js,{label:bs(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Tooltips"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show labels beside actions"})]}),t.jsx(Fo,{variant:"default-outline",checked:d,onChange:e=>c(e.target.checked),size:"small","aria-label":"Show tooltips"})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsx(r.Stack,{spacing:3,children:t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsx(r.Stack,{spacing:0,children:[{label:"FAB",value:'aria-expanded, aria-haspopup="menu", aria-label'},{label:"Actions",value:'role="menu" container, role="menuitem" on each action'},{label:"Labels",value:"aria-label on each action from name prop"},{label:"Keyboard",value:"Escape closes. Click outside closes."},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: 2px"}].map(({label:e,value:a})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:[e,":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]})})})})]})})})]})]})},exports.Stack=ri,exports.StackDivider=e=>t.jsx(r.Box,{sx:{borderBottom:"1px solid var(--Border)",width:"100%"},...e}),exports.StackShowcase=function(){return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Stack"}),t.jsx(Xr,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:32,maxWidth:640},children:"OmniStack is a layout primitive built on MUI Stack with one intelligent addition: it automatically enforces a minimum gap between children when it detects small (24px) interactive components — protecting WCAG 2.5.8 compliance without any extra developer effort."}),t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Why it matters"}),t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"API"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{pt:3,display:"flex",flexDirection:"column",gap:4},children:[t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[t.jsx(Pr,{children:"The problem"}),t.jsx(Xr,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:"WCAG 2.5.8 requires that small interactive targets (24px) have enough surrounding space that they don’t overlap adjacent targets. Every layout library leaves this entirely to the developer — meaning it’s silently violated constantly."}),t.jsx(Vn,{leftLabel:"Plain MUI Stack — gap too small",rightLabel:"OmniStack — gap auto-enforced",leftPasses:!1,rightPasses:!0,leftContent:t.jsxs(r.Box,{sx:{display:"flex",flexDirection:"column",gap:"4px"},children:[t.jsx(En,{href:"#",size:"small",children:"Terms of Service"}),t.jsx(En,{href:"#",size:"small",children:"Privacy Policy"}),t.jsx(En,{href:"#",size:"small",children:"Cookie Settings"})]}),rightContent:t.jsxs(Ko,{gap:.5,children:[t.jsx(En,{href:"#",size:"small",children:"Terms of Service"}),t.jsx(En,{href:"#",size:"small",children:"Privacy Policy"}),t.jsx(En,{href:"#",size:"small",children:"Cookie Settings"})]}),leftCode:'<Stack gap={0.5}>\n  <Link size="small">Terms of Service</Link>\n  <Link size="small">Privacy Policy</Link>\n  <Link size="small">Cookie Settings</Link>\n</Stack>\n// ⚠ gap=4px — targets overlap',rightCode:'<OmniStack gap={0.5}>\n  <Link size="small">Terms of Service</Link>\n  <Link size="small">Privacy Policy</Link>\n  <Link size="small">Cookie Settings</Link>\n</OmniStack>\n// ✓ small child detected → gap enforced'})]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[t.jsx(Pr,{children:"Mixed component sizes"}),t.jsx(Xr,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:"One small child is enough to trigger enforcement for the whole stack — the most common case is a normal button paired with a small cancel link."}),t.jsx(Vn,{leftLabel:"Without enforcement",rightLabel:"With enforcement",leftPasses:!1,rightPasses:!0,leftContent:t.jsxs(r.Box,{sx:{display:"flex",flexDirection:"column",gap:"2px"},children:[t.jsx(na,{variant:"primary",size:"medium",children:"Save changes"}),t.jsx(En,{href:"#",size:"small",children:"Or discard"})]}),rightContent:t.jsxs(Ko,{gap:.25,children:[t.jsx(na,{variant:"primary",size:"medium",children:"Save changes"}),t.jsx(En,{href:"#",size:"small",children:"Or discard"})]}),leftCode:'<Stack gap={0.25}>\n  <Button size="medium">Save changes</Button>\n  <Link size="small">Or discard</Link>\n</Stack>\n// ⚠ Link is 24px — gap too tight',rightCode:'<OmniStack gap={0.25}>\n  <Button size="medium">Save changes</Button>\n  <Link size="small">Or discard</Link>\n</OmniStack>\n// ✓ Link detected → gap enforced'})]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[t.jsx(Pr,{children:"How detection works"}),t.jsx(Xr,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:"OmniStack inspects children at render time using a priority-ordered signal chain. Any one signal is enough to trigger enforcement."}),t.jsx(r.Box,{sx:{display:"flex",flexDirection:"column"},children:[{signal:'size="small" prop',example:'<Link size="small" />'},{signal:'data-size="small"',example:'<div data-size="small" />'},{signal:"height={24}",example:"<Box height={24} />"},{signal:"minHeight={24}",example:"<Box minHeight={24} />"},{signal:"sx.minHeight: 24",example:"<Box sx={{ minHeight: 24 }} />"},{signal:"Known component name",example:"Link, Chip, Badge, Caption…"}].map(({signal:e,example:a},o,i)=>t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:2,py:1.5,borderBottom:o<i.length-1?"1px solid var(--Border)":"none"},children:[t.jsx(r.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"var(--Primary-Color-10)",flexShrink:0}}),t.jsx(qr,{style:{flex:"0 0 200px"},children:e}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[t.jsx(Pr,{children:"Token-driven minimum"}),t.jsx(Xr,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:"The minimum gap is a CSS custom property, not a hardcoded value — so it respects your brand spacing scale and responds to theme changes without re-rendering."}),t.jsx(Nn,{code:":root {\n  --min-stack-gap: 8px; /* Set in your theme.css */\n}\n\n/* OmniStack substitutes the variable, not the value: */\ngap: var(--min-stack-gap, 8px);\n\n/* Dark mode, brand overrides, and media queries\n   all work automatically — no re-render needed. */"})]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[t.jsx(Pr,{children:"Auditable opt-out"}),t.jsxs(Xr,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:["Use ",t.jsx("code",{children:"enforceMinGap={false}"})," to opt out. This creates a searchable pattern accessibility audits can grep for — a conscious waiver, not a silent violation."]}),t.jsx(Nn,{code:'<OmniStack gap={0.5} enforceMinGap={false}>\n  {/* Explicitly waived — auditors can grep:\n      enforceMinGap={false}\n      to find all waivers in the codebase. */}\n  <Link size="small">Terms</Link>\n  <Link size="small">Privacy</Link>\n</OmniStack>'})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(Gn,{})}),t.jsx(Qa,{value:2,children:t.jsxs(r.Box,{sx:{pt:3},children:[t.jsx(Pr,{children:"OmniStack props"}),t.jsx(Xr,{style:{color:"var(--Text-Quiet)",marginTop:4,marginBottom:16},children:"All standard MUI Stack props are supported. These are OmniStack additions:"}),t.jsx(r.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",mb:4},children:[{prop:"enforceMinGap",type:"boolean",default:"true",desc:"Enable/disable smart gap enforcement."},{prop:"minGapToken",type:"string",default:'"--min-stack-gap"',desc:"CSS variable name for the minimum gap value."},{prop:"gap",type:"number|string",default:"undefined",desc:"Desired gap. Enforced against minGapToken when small children detected."},{prop:"direction",type:"string|object",default:'"column"',desc:"Stack direction. Supports responsive breakpoint objects."},{prop:"flexWrap",type:"string",default:"undefined",desc:'"wrap" | "nowrap" | "wrap-reverse"'},{prop:"divider",type:"ReactNode",default:"undefined",desc:"Element rendered between each child."}].map(({prop:e,type:a,default:o,desc:i},n,l)=>t.jsxs(r.Box,{sx:{display:"grid",gridTemplateColumns:"160px 160px 1fr",gap:2,px:2,py:1.5,alignItems:"start",borderBottom:n<l.length-1?"1px solid var(--Border)":"none",backgroundColor:n%2==0?"transparent":"var(--Surface-Dim, var(--Surface))"},children:[t.jsx(_r,{style:{fontFamily:"monospace",color:"var(--Primary-Color-10)",fontWeight:600},children:e}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a}),t.jsxs(r.Box,{children:[t.jsx(_r,{style:{color:"var(--Text)"},children:i}),t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:2},children:["Default: ",o]})]})]},e))}),t.jsx(Pr,{children:"Convenience exports"}),t.jsx(r.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",mb:4},children:[{name:"Stack",desc:"Alias for OmniStack — drop-in MUI Stack replacement"},{name:"HStack",desc:'direction="row" alignItems="center"'},{name:"VStack",desc:'direction="column"'},{name:"CenteredStack",desc:'direction="column" alignItems="center" justifyContent="center"'},{name:"SpaceBetweenStack",desc:'direction="row" justifyContent="space-between"'},{name:"WrapStack",desc:'direction="row" flexWrap="wrap"'},{name:"ResponsiveStack",desc:"column on xs, row on sm+ (breakpoint configurable)"},{name:"GridStack",desc:"Alias for WrapStack"},{name:"InsetStack",desc:"OmniStack with px: 2 horizontal padding"},{name:"ScrollStack",desc:"OmniStack with overflowY: auto"}].map(({name:e,desc:a},o,i)=>t.jsxs(r.Box,{sx:{display:"grid",gridTemplateColumns:"200px 1fr",gap:2,px:2,py:1.5,borderBottom:o<i.length-1?"1px solid var(--Border)":"none",backgroundColor:o%2==0?"transparent":"var(--Surface-Dim, var(--Surface))"},children:[t.jsx(_r,{style:{fontFamily:"monospace",color:"var(--Primary-Color-10)",fontWeight:600},children:e}),t.jsx(_r,{style:{color:"var(--Text-Quiet)"},children:a})]},e))}),t.jsx(Pr,{children:"Debug attributes"}),t.jsx(Nn,{code:'/* When enforcement is active, OmniStack adds: */\nclassName="omni-stack omni-stack-min-gap-enforced"\ndata-min-gap-enforced="true"\n\n/* Target in CSS: */\n.omni-stack-min-gap-enforced { outline: 2px dashed orange; }\n\n/* Query in tests: */\ncontainer.querySelector(\'[data-min-gap-enforced="true"]\')'})]})})]})]})},exports.StateMessage=function({type:a="empty",icon:o,title:i,body:n,action:l,size:s="medium",className:d="",sx:c={},...u}){const x=px[a]||px.empty,h=mx[s]||mx.medium,p="small"===s?qr:Xr,m=e.useId(),g=i?m+"-title":void 0,f=n?m+"-body":void 0;return"production"===process.env.NODE_ENV||i||console.warn("[StateMessage] needs a `title`. A state message with no words is an empty box, which is the thing it exists to replace."),t.jsxs(r.Box,{className:"state-message state-message-"+a+" state-message-"+s+" "+d,role:x.role||"group","aria-labelledby":g,"aria-describedby":f,sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",gap:h.gap,padding:h.pad,width:"100%",boxSizing:"border-box",...c},...u,children:[t.jsx(vt,{size:h.icon,color:x.iconColor,"aria-hidden":"true",children:o||x.icon}),i&&t.jsx(Nr,{id:g,color:x.titleColor,children:i}),n&&t.jsx(p,{id:f,color:"quiet",sx:{maxWidth:h.maxWidth},children:n}),l&&t.jsx(r.Box,{sx:{marginTop:"4px"},children:l})]})},exports.Step=us,exports.Stepper=cs,exports.StepperShowcase=function(){const[a,o]=e.useState("default"),[i,n]=e.useState("medium"),[l,s]=e.useState("horizontal"),[d,c]=e.useState(4),[u,x]=e.useState(1),[h,p]=e.useState(!1),[m,g]=e.useState(!1),[f,b]=e.useState(null),[v,y]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Stepper"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:f,surface:v,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:"vertical"===l?300:"100%"},children:t.jsx(cs,{color:a,size:i,orientation:l,activeStep:u,clickable:h,onStepClick:h?x:void 0,dashedIncomplete:m,children:ps.slice(0,d).map(e=>t.jsx(us,{label:e},e))})})}),t.jsx(So,{code:(()=>{const e=[];return"default"!==a&&e.push('color="'+a+'"'),"medium"!==i&&e.push('size="'+i+'"'),"horizontal"!==l&&e.push('orientation="vertical"'),e.push("activeStep={"+u+"}"),h&&e.push("clickable onStepClick={setActiveStep}"),m&&e.push("dashedIncomplete"),"<Stepper "+e.join(" ")+">\n"+ps.slice(0,d).map(e=>'  <Step label="'+e+'" />').join("\n")+"\n</Stepper>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:f,onThemeChange:b,surface:v,onSurfaceChange:y})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STEPS"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:[2,3,4,5,6].map(e=>t.jsx(ms,{label:String(e),selected:d===e,onClick:()=>{c(e),u>=e&&x(e-1)}},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ACTIVE STEP"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:ps.slice(0,d).map((e,r)=>t.jsx(ms,{label:String(r+1),selected:u===r,onClick:()=>x(r)},r))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:hs.map(e=>t.jsxs(r.Box,{children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(gs,{color:e,selected:a===e,onClick:o},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(ms,{label:xs(e),selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ORIENTATION"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["horizontal","vertical"].map(e=>t.jsx(ms,{label:xs(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Clickable"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Steps are interactive buttons"})]}),t.jsx(Fo,{variant:"default-outline",checked:h,onChange:e=>p(e.target.checked),size:"small","aria-label":"Clickable"})]}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Dashed Incomplete"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Dashed connector for future steps"})]}),t.jsx(Fo,{variant:"default-outline",checked:m,onChange:e=>g(e.target.checked),size:"small","aria-label":"Dashed incomplete"})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsx(r.Stack,{spacing:3,children:t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsx(r.Stack,{spacing:0,children:[{label:"Container",value:'<ol role="list" aria-label="Progress">'},{label:"Steps",value:"<li> elements with step state classes"},{label:"Active",value:'aria-current="step" on the active indicator'},{label:"Clickable",value:'role="button" aria-label="Go to step N" with tabIndex'},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: 2px"},{label:"Connectors",value:'aria-hidden="true" — decorative only'}].map(({label:e,value:a})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:[e,":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]})})})})]})})})]})]})},exports.Subtitle=Nr,exports.Subtitle1=Vr,exports.Subtitle2=Gr,exports.SubtitleLarge=Or,exports.SubtitleMedium=e=>t.jsx(Fr,{textStyle:"subtitle",...e}),exports.SubtitleSmall=Qr,exports.SuccessToggleButtonGroup=e=>t.jsx(qi,{variant:"success",...e}),exports.Surfaced=function({surface:e,as:r="div",children:a,className:o,style:i,...n}){return t.jsx(r,{"data-surface":e,className:o,style:i,...n,children:a})},exports.Switch=Lo,exports.SwitchInput=Lo,exports.Tab=Na,exports.TabList=Oa,exports.TabPanel=Qa,exports.Table=function({children:e,columns:a,rows:o,footerRows:i,variant:n="default",color:l="primary",loading:s=!1,skeletonRows:d=3,empty:c,error:u,size:x="medium",stripe:h="none",stickyHeader:p=!1,stickyFooter:m=!1,className:g="",sx:f={},...b}){const v=yc[x]||yc.medium,y="solid"===n,j="outlined"===n,S="light"===n,B=(e=>e.charAt(0).toUpperCase()+e.slice(1))(l),k=j?"1px solid var(--Buttons-"+B+"-Border)":"none",w={};y&&vc[l]&&(w["data-theme"]=vc[l]);const C=()=>{const e={fontWeight:600,fontSize:v.headerFontSize,textAlign:"left",padding:v.py+" "+v.px,borderBottom:"2px solid var(--Border)",color:"var(--Text)",whiteSpace:"nowrap"};return S?(e.backgroundColor="var(--Buttons-"+B+"-Button)",e.color="var(--Buttons-"+B+"-Text)"):e.backgroundColor=y?"var(--Hover)":"var(--Background)",p&&(e.position="sticky",e.top=0,e.zIndex=2),e},T=()=>{const e={fontWeight:600,fontSize:v.headerFontSize,textAlign:"left",padding:v.py+" "+v.px,borderTop:"2px solid var(--Border)",color:"var(--Text)",whiteSpace:"nowrap"};return S?(e.backgroundColor="var(--Buttons-"+B+"-Button)",e.color="var(--Buttons-"+B+"-Text)"):e.backgroundColor=y?"var(--Hover)":"var(--Background)",m&&(e.position="sticky",e.bottom=0,e.zIndex=2),e},z=e=>"none"===h?"Surface":"odd"===h?e%2==0?"Surface":"Surface-Dim":"even"===h&&e%2==0?"Surface-Dim":"Surface",A=()=>({padding:v.py+" "+v.px,fontSize:v.fontSize,color:"var(--Text)",borderBottom:"1px solid var(--Border)",textAlign:"left"}),I=u?"error":s?"loading":o&&0===o.length&&c?"empty":null,R=Boolean(i&&i.length>0)&&"error"!==I,W=e=>t.jsx(r.Box,{component:"tbody",children:t.jsx(r.Box,{component:"tr",children:t.jsx(r.Box,{component:"td",colSpan:a?a.length:1,sx:{padding:0,border:"none"},children:e})})});return t.jsx(r.Box,{className:"table-wrapper table-"+n+(y||S||j?" table-"+l:"")+" "+g,...w,"aria-busy":"loading"===I?"true":void 0,sx:{width:"100%",overflow:"auto",border:k,borderRadius:j||S?"var(--Style-Border-Radius)":0,...f},children:t.jsx(r.Box,{component:"table",sx:{width:"100%",borderCollapse:"collapse",tableLayout:"fixed",fontFamily:"inherit","& thead th":C(),"& tbody td":A(),"& tfoot td, & tfoot th":T(),...p?{"& thead th":{...C(),position:"sticky",top:0,zIndex:2}}:{},...m?{"& tfoot td, & tfoot th":{...T(),position:"sticky",bottom:0,zIndex:2}}:{}},...b,children:a&&o?a&&(o||I)?t.jsxs(t.Fragment,{children:[t.jsx(r.Box,{component:"thead",children:t.jsx(r.Box,{component:"tr",children:a.map((e,a)=>t.jsx(r.Box,{component:"th",sx:{...C(),...e.width?{width:e.width}:{},...e.align?{textAlign:e.align}:{}},children:e.label||e.header||e},"h-"+a))})}),"loading"===I&&W(t.jsx(xr,{label:"Loading",children:t.jsx(r.Box,{component:"table",sx:{width:"100%",borderCollapse:"collapse",tableLayout:"fixed"},children:t.jsx(r.Box,{component:"tbody",children:Array.from({length:d}).map((e,o)=>t.jsx(r.Box,{component:"tr","data-surface":z(o),children:a.map((e,a)=>t.jsx(r.Box,{component:"td",sx:A(),children:"        "},"skc-"+o+"-"+a))},"sk-"+o))})})})),"error"===I&&W(u),"empty"===I&&W(c),!I&&o&&t.jsx(r.Box,{component:"tbody",children:o.map((e,o)=>t.jsx(r.Box,{component:"tr","data-surface":z(o),sx:{backgroundColor:"var(--"+z(o)+")"},children:(Array.isArray(e)?e:a.map(r=>e[r.field||r.key])).map((e,i)=>t.jsx(r.Box,{component:"td",sx:{...A(),...a[i]&&a[i].align?{textAlign:a[i].align}:{}},children:e},"c-"+o+"-"+i))},"r-"+o))}),'/* The footer is decided PER STATE, not dropped wholesale. loading — ghosted, not hidden. A total that vanishes and reappears moves the table\'s height twice, which is the reflow the header is already kept to avoid; and the total genuinely IS loading, so a placeholder is the honest thing to show rather than a gap. empty — SHOWN as given. This is the case the first version got wrong. A filtered view with no matching invoices has a real total: zero. Hiding it makes the user wonder whether the filter or the sum failed, when the answer is simply "none, and they add up to nothing". error — dropped, and this is the one that must stay dropped. A total computed over data that failed to arrive is not missing, it is WRONG, and a wrong number shown confidently is worse than no number. Partial failures are the sharp case: some rows land, the sum looks plausible, and nothing on screen says it is short. */',R&&t.jsx(r.Box,{component:"tfoot",children:i.map((e,o)=>t.jsx(r.Box,{component:"tr",children:(Array.isArray(e)?e:a.map(r=>e[r.field||r.key])).map((e,i)=>t.jsx(r.Box,{component:"td",sx:{...T(),...a[i]&&a[i].align?{textAlign:a[i].align}:{},..."loading"===I?ur():{}},children:e},"fc-"+o+"-"+i))},"f-"+o))})]}):null:e})})},exports.Tabs=Ea,exports.TabsShowcase=function(){const[a,o]=e.useState("standard"),[i,n]=e.useState("default"),[l,s]=e.useState("medium"),[d,c]=e.useState("horizontal"),[u,x]=e.useState(null),[h,p]=e.useState("Surface"),[m,g]=e.useState(!1),f="standard"===a?dl:cl;return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Tabs"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:u,surface:h,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:"vertical"===d?500:"100%",display:"flex",flexDirection:"vertical"===d?"row":"column"},children:t.jsxs(Ea,{defaultValue:0,variant:a,color:i,size:l,orientation:d,children:[t.jsxs(Oa,{rounded:m,children:[t.jsx(Na,{children:"Overview"}),t.jsx(Na,{children:"Features"}),t.jsx(Na,{children:"Pricing"})]}),t.jsx(Qa,{value:0,children:t.jsx(r.Box,{sx:{p:2},children:t.jsx(Xr,{style:{color:"var(--Quiet)"},children:"Overview content goes here."})})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:2},children:t.jsx(Xr,{style:{color:"var(--Quiet)"},children:"Features content goes here."})})}),t.jsx(Qa,{value:2,children:t.jsx(r.Box,{sx:{p:2},children:t.jsx(Xr,{style:{color:"var(--Quiet)"},children:"Pricing content goes here."})})})]})})}),t.jsx(So,{code:(()=>{const e=[];return"standard"!==a&&e.push('variant="'+a+'"'),"default"!==i&&e.push('color="'+i+'"'),"medium"!==l&&e.push('size="'+l+'"'),"horizontal"!==d&&e.push('orientation="vertical"'),"<Tabs defaultValue={0}"+(e.length?" "+e.join(" "):"")+">\n  <TabList"+(m?" rounded":"")+">\n    <Tab>Overview</Tab>\n    <Tab>Features</Tab>\n    <Tab>Pricing</Tab>\n  </TabList>\n  <TabPanel value={0}>Overview content</TabPanel>\n  <TabPanel value={1}>Features content</TabPanel>\n  <TabPanel value={2}>Pricing content</TabPanel>\n</Tabs>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:u,onThemeChange:x,surface:h,onSurfaceChange:p})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["standard","solid","light","dark"].map(e=>t.jsx(ul,{label:sl("standard"===e?"default":e),selected:a===e,onClick:()=>(e=>{o(e),"standard"!==e&&"default"===i&&n("primary")})(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:f.map(e=>t.jsxs(r.Box,{children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(xl,{color:e,selected:i===e,onClick:n},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(ul,{label:sl(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ORIENTATION"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["horizontal","vertical"].map(e=>t.jsx(ul,{label:sl(e),selected:d===e,onClick:()=>c(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SHAPE"}),t.jsx(Fo,{label:"Rounded corners",checked:m,onChange:e=>g(e.target.checked)}),t.jsxs(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Off by default. When on, the TabList applies"," ",t.jsx("code",{children:"var(--Style-Border-Radius)"})," and clips the active tab's background to fit the rounded shell (",t.jsx("code",{children:"overflow: hidden"})," is always on)."]})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsx(r.Stack,{spacing:3,children:t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsx(r.Stack,{spacing:0,children:[{label:"TabList",value:'role="tablist" aria-orientation'},{label:"Tab",value:'role="tab" aria-selected aria-controls={panelId}'},{label:"TabPanel",value:'role="tabpanel" aria-labelledby={tabId}'},{label:"Keyboard",value:"Arrow keys navigate tabs. Home/End jump to first/last."},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: -3px"},{label:"Indicator",value:"Standard: var(--Buttons-{C}-Border). Themed: var(--Text)."}].map(({label:e,value:a})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:[e,":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]})})})})]})})})]})]})},exports.TertiaryToggleButtonGroup=e=>t.jsx(qi,{variant:"tertiary",...e}),exports.TextArea=function({error:e=!1,errorMessage:r="",rows:a=4,fullWidth:o=!0,...i}){return t.jsx(za,{multiline:!0,rows:a,fullWidth:o,...e&&{validation:"error",validationMessage:r},...i})},exports.TextField=Ui,exports.TextFieldGroup=function({fields:e=[],spacing:a=2,sx:o={},...i}){return t.jsx(r.Box,{sx:{display:"flex",flexDirection:"column",gap:`var(--Spacing-${a})`,width:"100%",...o},...i,children:e.map(e=>t.jsx(Ui,{...e},e.id))})},exports.TextInput=za,exports.ThemedZone=function({theme:e,surface:r,as:a="div",children:o,className:i,style:n,...l}){return t.jsx(a,{"data-theme":e,"data-surface":r,className:i,style:n,...l,children:o})},exports.ToggleButton=function({children:e,selected:a=!1,onChange:o,value:i,sx:n={},...l}){return t.jsx(r.ToggleButton,{value:i,selected:a,onChange:o,sx:{border:"1px solid var(--Border)",...Oi,...n},...l,children:e})},exports.ToggleButtonGroup=qi,exports.Toolbar=Ii,exports.ToolbarShowcase=function(){const[a,o]=e.useState("floating"),[i,n]=e.useState("default"),[l,s]=e.useState("horizontal"),[d,c]=e.useState(!1),[u,x]=e.useState(null),[h,p]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Toolbar"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{theme:u,surface:h,sx:{minHeight:200},children:t.jsx(Ii,{items:Wi,type:a,color:i,orientation:l,fab:d&&"floating"===a?{icon:t.jsx(ve,{}),label:"Create",onClick:()=>{}}:void 0})}),t.jsx(So,{code:(()=>{const e=["items={items}"];return"floating"!==a&&e.push('type="contextual"'),"default"!==i&&e.push('color="'+i+'"'),"horizontal"!==l&&e.push('orientation="vertical"'),d&&e.push('fab={{ icon: <AddIcon />, label: "Create", onClick: handleCreate }}'),e.push("value={selected}"),e.push("onChange={setSelected}"),"<Toolbar\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:u,onThemeChange:x,surface:h,onSurfaceChange:p})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPE"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["floating","contextual"].map(e=>t.jsx(Di,{label:Ri(e),selected:a===e,onClick:()=>o(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["default","primary","primary-light","white","black"].map(e=>t.jsx(Di,{label:Ri(e),selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ORIENTATION"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["horizontal","vertical"].map(e=>t.jsx(Di,{label:Ri(e),selected:l===e,onClick:()=>s(e)},e))})]}),"floating"===a&&t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"FAB Button"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Add FAB to the right of toolbar"})]}),t.jsx(Fo,{variant:"default-outline",checked:d,onChange:e=>c(e.target.checked),size:"small","aria-label":"FAB button"})]})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsx(r.Stack,{spacing:3,children:t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsx(r.Stack,{spacing:0,children:[{label:"Role",value:'role="toolbar" aria-orientation aria-label'},{label:"Items",value:'role="radio" aria-checked on each icon button'},{label:"Selection",value:"Toggle — click selected again to deselect"},{label:"Focus",value:"Uses Button component focus styles"},{label:"Floating",value:"borderRadius 56px, padding 16px, Effect-Level-2 shadow"},{label:"Contextual",value:"Standard border-radius, padding 8px, no shadow"}].map(({label:e,value:a})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:[e,":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]})})})})]})})})]})]})},exports.Tooltip=function({children:e,title:a,variant:o="solid",color:i="primary",size:n="medium",placement:l="bottom",arrow:s=!1,open:d,enterDelay:c=100,leaveDelay:u=0,describeChild:x=!1,className:h="",sx:p={},...m}){const g=Bc[n]||Bc.medium,f="solid"===o,b="light"===o,v="outline"===o,y=(e=>e.charAt(0).toUpperCase()+e.slice(1))(i),j=f?jc[i]:b?Sc[i]:null,S=v?"1px solid var(--Buttons-"+y+"-Border)":"none",B="var(--Background)",k=void 0===d?{}:{open:d};return t.jsx(r.Tooltip,{title:a?t.jsx(r.Box,{"data-theme":j||void 0,"data-surface":b?"Surface-Brightest":f?"Surface":void 0,className:"tooltip-content tooltip-"+o+" tooltip-"+i+" tooltip-"+n+" "+h,sx:{backgroundColor:"var(--Background)",color:"var(--Text)",border:S,borderRadius:"var(--Style-Border-Radius)",fontSize:g.fontSize,lineHeight:1.5,fontFamily:"inherit",padding:g.py+" "+g.px,maxWidth:g.maxWidth+"px",boxShadow:"0 2px 8px rgba(0,0,0,0.15)",...p},children:a}):"",placement:l,arrow:s,enterDelay:c,leaveDelay:u,describeChild:x,...k,componentsProps:{tooltip:{sx:{backgroundColor:"transparent",padding:0,maxWidth:"none",boxShadow:"none"}},arrow:{sx:{color:B,"&::before":{border:v?"1px solid var(--Buttons-"+y+"-Border)":"none",backgroundColor:B,boxSizing:"border-box"},fontSize:g.arrowSize+"px"}}},...m,children:e})},exports.TreeBranch=function({label:e,icon:a,level:o=0,toggle:i="none",onToggle:n,disabled:l=!1,size:s="small",className:d="",sx:c={},children:u,...x}){const h=6===o&&"none"!==i?"none":i,p="on"===h,m="none"!==h,g=m?Iu[o]||{padLeft:0,togglePadLeft:0}:Ru[o]||Ru[0],f={paddingTop:"8px",paddingRight:"8px",paddingBottom:"8px",paddingLeft:(g.padLeft??8)+"px"};return t.jsxs(r.Box,{className:"tree-branch tree-branch-"+s+" tree-branch-level-"+o+" tree-branch-toggle-"+h+(l?" tree-branch-disabled":"")+(d?" "+d:""),sx:{width:"100%",...c},...x,children:[t.jsxs(r.Box,{component:"button",type:"button",role:"treeitem","aria-expanded":m?p:void 0,"aria-disabled":l||void 0,tabIndex:l?-1:0,onClick:e=>{l||m&&(e.stopPropagation(),n?.(p?"off":"on"))},disabled:l,sx:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px",width:"100%",minHeight:"24px",...f,border:"none",backgroundColor:"transparent",fontFamily:"inherit",color:"inherit",textAlign:"left",cursor:l?"not-allowed":"pointer",opacity:l?"var(--Disabled, 0.38)":1,outline:"none",transition:"background-color 0.15s ease, color 0.15s ease","&:hover":l?{}:{backgroundColor:"var(--Hover)"},"&:active":l?{}:{backgroundColor:"var(--Pressed)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-2px"}},children:[m&&t.jsx(r.Box,{className:"tree-branch-toggle",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,paddingLeft:(g.togglePadLeft??0)+"px"},children:t.jsx(r.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",transition:"transform 0.2s ease",transform:p?"rotate(-90deg)":"rotate(0deg)"},children:t.jsx(vt,{size:"small",children:t.jsx(Pe,{})})})}),t.jsxs(r.Box,{className:"tree-branch-slot",sx:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px",flex:1,minWidth:0,...void 0!==g.slotPadLeft&&{paddingLeft:g.slotPadLeft+"px"}},children:[a&&t.jsx(r.Box,{sx:{display:"inline-flex",alignItems:"center",flexShrink:0},children:t.jsx(vt,{size:"small",children:a})}),null!=e&&t.jsx(Ur,{style:{color:"inherit",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block",flex:1,minWidth:0},children:e})]})]}),p&&u&&t.jsx(r.Box,{role:"group",sx:{display:"flex",flexDirection:"column"},children:u})]})},exports.TreeViewShowcase=function(){const[a,o]=e.useState("solid"),[i,n]=e.useState("primary"),[l,s]=e.useState("default"),[d,c]=e.useState("slide"),[u,x]=e.useState("single"),[h,p]=e.useState(!1),[m,g]=e.useState(!1),[f,b]=e.useState(!1),[v,y]=e.useState(bd),[j,S]=e.useState(null),[B,k]=e.useState("Surface"),[w,C]=e.useState({}),T=e.useRef(null),z=Wu(i),A=f?Lu:v,I=e.useCallback((e,r)=>e&&getComputedStyle(e).getPropertyValue(r).trim()||null,[]);return e.useEffect(()=>{const e=setTimeout(()=>{const e=T.current;C({text:I(e,"--Text"),textQuiet:I(e,"--Text-Quiet"),background:I(e,"--Background"),border:I(e,"--Border"),focusVisible:I(e,"--Focus-Visible"),activeBtn:I(e,"--Buttons-"+z+"-Button"),activeBorder:I(e,"--Buttons-"+z+"-Border")})},50);return()=>clearTimeout(e)},[i,j,I,z]),t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Pr,{children:"Tree View"}),t.jsxs(r.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Va,{ref:T,theme:j,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:360},children:t.jsx(fd,{color:i,variant:a,density:l,animation:d,selectionMode:u,checkboxSelection:h,disableSelection:m,items:A,defaultExpandedItems:["1","1-1","2"]})})}),t.jsx(So,{code:(()=>{const e=["<OmniTreeView"];return"default"!==i&&e.push('  color="'+i+'"'),"default"!==a&&e.push('  variant="'+a+'"'),"default"!==l&&e.push('  density="'+l+'"'),"slide"!==d&&e.push('  animation="'+d+'"'),"single"!==u&&e.push('  selectionMode="'+u+'"'),h&&e.push("  checkboxSelection"),m&&e.push("  disableSelection"),e.push("  items={treeData}"),e.push("/>"),e.join("\n")})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(r.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(r.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ea,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Oa,{children:[t.jsx(Na,{children:"Playground"}),t.jsx(Na,{children:"Accessibility"})]}),t.jsx(Qa,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Xa,{theme:j,onThemeChange:S,surface:B,onSurfaceChange:k})}),t.jsxs(r.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsxs(r.Stack,{direction:"row",spacing:1,children:[t.jsx(Eu,{label:"Solid",selected:"solid"===a,onClick:()=>o("solid")}),t.jsx(Eu,{label:"Light",selected:"light"===a,onClick:()=>o("light")})]})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:Du.map(e=>t.jsxs(r.Box,{children:[t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(Ou,{color:e,selected:i===e,onClick:n},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DENSITY"}),t.jsxs(r.Stack,{direction:"row",spacing:1,children:[t.jsx(Eu,{label:"Compact",selected:"compact"===l,onClick:()=>s("compact")}),t.jsx(Eu,{label:"Default",selected:"default"===l,onClick:()=>s("default")})]})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ANIMATION"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["none","slide","spring"].map(e=>t.jsx(Eu,{label:Wu(e),selected:d===e,onClick:()=>c(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SELECTION MODE"}),t.jsxs(r.Stack,{direction:"row",spacing:1,children:[t.jsx(Eu,{label:"Single",selected:"single"===u,onClick:()=>x("single")}),t.jsx(Eu,{label:"Multi",selected:"multi"===u,onClick:()=>x("multi")})]})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),t.jsxs(r.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Show Icons"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Load sample data with icons and badges"})]}),t.jsx(Fo,{checked:f,onChange:e=>b(e.target.checked),size:"small","aria-label":"Show icons"})]}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Checkbox Selection"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show checkboxes for each item"})]}),t.jsx(Fo,{checked:h,onChange:e=>p(e.target.checked),size:"small","aria-label":"Checkbox selection"})]}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(tt,{children:"Disable Selection"}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Items are not selectable"})]}),t.jsx(Fo,{checked:m,onChange:e=>g(e.target.checked),size:"small","aria-label":"Disable selection"})]})]}),!f&&t.jsx(r.Box,{sx:{mt:3},children:t.jsx(Nu,{value:Pu,onChange:y})})]})}),t.jsx(Qa,{value:1,children:t.jsx(r.Box,{sx:{p:3},children:t.jsxs(r.Stack,{spacing:3,children:[t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),t.jsx(Mu,{label:"Resting: var(--Text-Quiet) vs. background",ratio:Co(w.textQuiet,w.background),threshold:4.5,note:"Unselected items use Text-Quiet"}),t.jsx(Mu,{label:"Hover: var(--Text) vs. background",ratio:Co(w.text,w.background),threshold:4.5,note:"Hovered items use var(--Text)"}),t.jsx(Mu,{label:"Active (solid): var(--Text) vs. var(--Buttons-"+z+"-Button)",ratio:Co(w.text,w.activeBtn),threshold:4.5,note:"Selected item with solid fill"})]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"Focus Indicator (WCAG 2.4.11 — 3:1)"}),t.jsx(Mu,{label:"var(--Focus-Visible) vs. background",ratio:Co(w.focusVisible,w.background),threshold:3,note:"outline: 2px solid var(--Focus-Visible); outline-offset: -2px"})]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:"ARIA and Semantics"}),t.jsx(r.Stack,{spacing:0,children:[{label:"Role",value:'role="tree" on root, role="treeitem" on each node'},{label:"Expansion",value:'aria-expanded="true/false" on parent items'},{label:"Selection",value:"aria-selected on selected items"},{label:"Disabled",value:'aria-disabled="true" on disabled items'},{label:"Icons",value:"Icon elements are aria-hidden — label carries the accessible name"},{label:"Keyboard",value:"Arrow keys navigate, Enter/Space selects, * expands all siblings"}].map(({label:e,value:a})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(qr,{children:[e,":"]}),t.jsx(_r,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:a})]},e))})]})]})})})]})})})]})]})},exports.Typography=Fr,exports.URLTextField=function({label:e="Website",placeholder:r="https://example.com",...a}){return t.jsx(Ui,{label:e,type:"url",placeholder:r,...a})},exports.VStack=_o,exports.WarningToggleButtonGroup=e=>t.jsx(qi,{variant:"warning",...e}),exports.WrapStack=ei,exports.chartGeometry=ax,exports.default={},exports.ghostBlockSx=ur,exports.useGhost=cr,exports.useOmniDesign=Ns,exports.useStepperContext=ds,exports.useTabsContext=Ma;
+*/function vo(){if(no)return oo;no=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;return oo=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},a=0;a<10;a++)t["_"+String.fromCharCode(a)]=a;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(r,o){for(var n,i,s=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(r),l=1;l<arguments.length;l++){for(var d in n=Object(arguments[l]))t.call(n,d)&&(s[d]=n[d]);if(e){i=e(n);for(var c=0;c<i.length;c++)a.call(n,i[c])&&(s[i[c]]=n[i[c]])}}return s},oo}function yo(){if(so)return io;so=1;return io="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function jo(){return co?lo:(co=1,lo=Function.call.bind(Object.prototype.hasOwnProperty))}if("production"!==process.env.NODE_ENV){var So=bo();_r.exports=function(){if(po)return xo;po=1;var e=bo(),t=vo(),a=yo(),r=jo(),o=function(){if(ho)return uo;ho=1;var e=function(){};if("production"!==process.env.NODE_ENV){var t=yo(),a={},r=jo();e=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}}function o(o,n,i,s,l){if("production"!==process.env.NODE_ENV)for(var d in o)if(r(o,d)){var c;try{if("function"!=typeof o[d]){var u=Error((s||"React class")+": "+i+" type `"+d+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof o[d]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw u.name="Invariant Violation",u}c=o[d](n,d,s,i,null,t)}catch(e){c=e}if(!c||c instanceof Error||e((s||"React class")+": type specification of "+i+" `"+d+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof c+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),c instanceof Error&&!(c.message in a)){a[c.message]=!0;var h=l?l():"";e("Failed "+i+" type: "+c.message+(null!=h?h:""))}}}return o.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(a={})},uo=o}(),n=function(){};function i(){return null}return"production"!==process.env.NODE_ENV&&(n=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}),xo=function(s,l){var d="function"==typeof Symbol&&Symbol.iterator,c="<<anonymous>>",u={array:m("array"),bigint:m("bigint"),bool:m("boolean"),func:m("function"),number:m("number"),object:m("object"),string:m("string"),symbol:m("symbol"),any:p(i),arrayOf:function(e){return p(function(t,r,o,n,i){if("function"!=typeof e)return new x("Property `"+i+"` of component `"+o+"` has invalid PropType notation inside arrayOf.");var s=t[r];if(!Array.isArray(s))return new x("Invalid "+n+" `"+i+"` of type `"+b(s)+"` supplied to `"+o+"`, expected an array.");for(var l=0;l<s.length;l++){var d=e(s,l,o,n,i+"["+l+"]",a);if(d instanceof Error)return d}return null})},element:p(function(e,t,a,r,o){var n=e[t];return s(n)?null:new x("Invalid "+r+" `"+o+"` of type `"+b(n)+"` supplied to `"+a+"`, expected a single ReactElement.")}),elementType:p(function(t,a,r,o,n){var i=t[a];return e.isValidElementType(i)?null:new x("Invalid "+o+" `"+n+"` of type `"+b(i)+"` supplied to `"+r+"`, expected a single ReactElement type.")}),instanceOf:function(e){return p(function(t,a,r,o,n){if(!(t[a]instanceof e)){var i=e.name||c;return new x("Invalid "+o+" `"+n+"` of type `"+((s=t[a]).constructor&&s.constructor.name?s.constructor.name:c)+"` supplied to `"+r+"`, expected instance of `"+i+"`.")}var s;return null})},node:p(function(e,t,a,r,o){return f(e[t])?null:new x("Invalid "+r+" `"+o+"` supplied to `"+a+"`, expected a ReactNode.")}),objectOf:function(e){return p(function(t,o,n,i,s){if("function"!=typeof e)return new x("Property `"+s+"` of component `"+n+"` has invalid PropType notation inside objectOf.");var l=t[o],d=b(l);if("object"!==d)return new x("Invalid "+i+" `"+s+"` of type `"+d+"` supplied to `"+n+"`, expected an object.");for(var c in l)if(r(l,c)){var u=e(l,c,n,i,s+"."+c,a);if(u instanceof Error)return u}return null})},oneOf:function(e){return Array.isArray(e)?p(function(t,a,r,o,n){for(var i=t[a],s=0;s<e.length;s++)if(h(i,e[s]))return null;var l=JSON.stringify(e,function(e,t){return"symbol"===v(t)?String(t):t});return new x("Invalid "+o+" `"+n+"` of value `"+String(i)+"` supplied to `"+r+"`, expected one of "+l+".")}):("production"!==process.env.NODE_ENV&&n(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),i)},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&n("Invalid argument supplied to oneOfType, expected an instance of array."),i;for(var t=0;t<e.length;t++){var o=e[t];if("function"!=typeof o)return n("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+y(o)+" at index "+t+"."),i}return p(function(t,o,n,i,s){for(var l=[],d=0;d<e.length;d++){var c=(0,e[d])(t,o,n,i,s,a);if(null==c)return null;c.data&&r(c.data,"expectedType")&&l.push(c.data.expectedType)}return new x("Invalid "+i+" `"+s+"` supplied to `"+n+"`"+(l.length>0?", expected one of type ["+l.join(", ")+"]":"")+".")})},shape:function(e){return p(function(t,r,o,n,i){var s=t[r],l=b(s);if("object"!==l)return new x("Invalid "+n+" `"+i+"` of type `"+l+"` supplied to `"+o+"`, expected `object`.");for(var d in e){var c=e[d];if("function"!=typeof c)return g(o,n,i,d,v(c));var u=c(s,d,o,n,i+"."+d,a);if(u)return u}return null})},exact:function(e){return p(function(o,n,i,s,l){var d=o[n],c=b(d);if("object"!==c)return new x("Invalid "+s+" `"+l+"` of type `"+c+"` supplied to `"+i+"`, expected `object`.");var u=t({},o[n],e);for(var h in u){var p=e[h];if(r(e,h)&&"function"!=typeof p)return g(i,s,l,h,v(p));if(!p)return new x("Invalid "+s+" `"+l+"` key `"+h+"` supplied to `"+i+"`.\nBad object: "+JSON.stringify(o[n],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var m=p(d,h,i,s,l+"."+h,a);if(m)return m}return null})}};function h(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function x(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function p(e){if("production"!==process.env.NODE_ENV)var t={},r=0;function o(o,i,s,d,u,h,p){if(d=d||c,h=h||s,p!==a){if(l){var m=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw m.name="Invariant Violation",m}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var g=d+":"+s;!t[g]&&r<3&&(n("You are manually calling a React.PropTypes validation function for the `"+h+"` prop on `"+d+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),t[g]=!0,r++)}}return null==i[s]?o?null===i[s]?new x("The "+u+" `"+h+"` is marked as required in `"+d+"`, but its value is `null`."):new x("The "+u+" `"+h+"` is marked as required in `"+d+"`, but its value is `undefined`."):null:e(i,s,d,u,h)}var i=o.bind(null,!1);return i.isRequired=o.bind(null,!0),i}function m(e){return p(function(t,a,r,o,n,i){var s=t[a];return b(s)!==e?new x("Invalid "+o+" `"+n+"` of type `"+v(s)+"` supplied to `"+r+"`, expected `"+e+"`.",{expectedType:e}):null})}function g(e,t,a,r,o){return new x((e||"React class")+": "+t+" type `"+a+"."+r+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+o+"`.")}function f(e){switch(typeof e){case"number":case"string":case"undefined":return!0;case"boolean":return!e;case"object":if(Array.isArray(e))return e.every(f);if(null===e||s(e))return!0;var t=function(e){var t=e&&(d&&e[d]||e["@@iterator"]);if("function"==typeof t)return t}(e);if(!t)return!1;var a,r=t.call(e);if(t!==e.entries){for(;!(a=r.next()).done;)if(!f(a.value))return!1}else for(;!(a=r.next()).done;){var o=a.value;if(o&&!f(o[1]))return!1}return!0;default:return!1}}function b(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function v(e){if(null==e)return""+e;var t=b(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function y(e){var t=v(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return x.prototype=Error.prototype,u.checkPropTypes=o,u.resetWarningCache=o.resetWarningCache,u.PropTypes=u,u},xo}()(So.isElement,!0)}else _r.exports=function(){if(go)return mo;go=1;var e=yo();function t(){}function a(){}return a.resetWarningCache=t,mo=function(){function r(t,a,r,o,n,i){if(i!==e){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function o(){return r}r.isRequired=r;var n={array:r,bigint:r,bool:r,func:r,number:r,object:r,string:r,symbol:r,any:r,arrayOf:o,element:r,elementType:r,instanceOf:o,node:r,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:a,resetWarningCache:t};return n.PropTypes=n,n}}()();var Bo=$r(_r.exports);function ko({code:r,label:i="Copy code"}){const[s,l]=e.useState(!1);return a.jsx(t.Tooltip,{title:s?"Copied!":i,children:a.jsx(Pr,{size:"small",onClick:async()=>{try{await navigator.clipboard.writeText(r),l(!0),setTimeout(()=>l(!1),2e3)}catch(e){console.error("Copy failed:",e)}},"aria-label":s?"Copied":i,sx:{color:s?"var(--Icons-Success, var(--Text))":"var(--Quiet)"},children:s?a.jsx(n,{fontSize:"small"}):a.jsx(o,{fontSize:"small"})})})}ko.propTypes={code:Bo.string.isRequired,label:Bo.string};function wo({code:e="",language:r="JSX",showCopy:o=!0,showHeader:n=!0,maxHeight:i,wrap:s=!1,sx:l={},...d}){return a.jsxs(t.Box,{"data-theme":"Neutral","data-surface":"Surface-Dimmest",sx:{backgroundColor:"var(--Background)",borderRadius:"min(var(--Card-Radius, var(--Style-Border-Radius)), 12px)",overflow:"hidden",...l},...d,children:[n&&(r||o)&&a.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:1,px:2,py:1,borderBottom:"1px solid var(--Border)",minHeight:40},children:[a.jsx(ea,{color:"quiet",children:r}),o&&e?a.jsx(ko,{code:e}):null]}),a.jsx(t.Box,{sx:{p:2,overflow:"auto",maxHeight:i},children:a.jsx(t.Box,{component:"pre",sx:{margin:0,fontFamily:"inherit"},children:a.jsx(t.Box,{component:"code",sx:{fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:"13px",lineHeight:1.6,color:"var(--Text)",whiteSpace:s?"pre-wrap":"pre",wordBreak:s?"break-word":"normal",display:"block"},children:e})})})]})}wo.propTypes={code:Bo.string,language:Bo.string,showCopy:Bo.bool,showHeader:Bo.bool,maxHeight:Bo.oneOfType([Bo.number,Bo.string]),wrap:Bo.bool,sx:Bo.object};const Co=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",To=["primary","secondary","tertiary","neutral","info","success","warning","error"];function Ao({ratio:e,threshold:r}){if(!e)return a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"--"});const o=parseFloat(e)>=r;return a.jsxs(t.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[a.jsxs(t.Box,{sx:{px:1,py:.25,borderRadius:"4px",backgroundColor:o?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)",fontSize:"11px",fontWeight:700},children:[e,":1"]}),a.jsx(ea,{style:{color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:o?"Pass":"Fail"})]})}function zo({label:e,ratio:r,threshold:o,note:n}){return a.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(t.Box,{sx:{flex:1},children:[a.jsx(qt,{style:{color:"var(--Text)"},children:e}),n&&a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),a.jsx(Ao,{ratio:r,threshold:o})]})}function Io({color:e,selected:r,onClick:o}){const i=Co(e);return a.jsx(t.Tooltip,{title:i,arrow:!0,children:a.jsx(t.Box,{onClick:()=>o(e),role:"button","aria-label":"Select "+i+" color","aria-pressed":r,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center","&:hover":{transform:"scale(1.1)"}},children:r&&a.jsx(n,{sx:{fontSize:24,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})})}function Ro({label:e,selected:r,onClick:o}){return a.jsx(t.Box,{component:"button",onClick:o,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:"pointer",border:"2px solid var(--Buttons-Primary-Button)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:r?"var(--Buttons-Primary-Button)":"transparent",color:r?"var(--Buttons-Primary-Text)":"var(--Text)",padding:"4px 12px",fontSize:"14px",fontFamily:"inherit",fontWeight:500,whiteSpace:"nowrap",flexShrink:0,transition:"background-color 0.15s ease, color 0.15s ease","&:hover":{backgroundColor:r?"var(--Buttons-Primary-Hover)":"var(--Surface-Dim)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:e})}const Wo={small:{px:"12px",py:"8px",fontSize:"13px",iconSize:"18px",gap:"8px"},medium:{px:"16px",py:"12px",fontSize:"14px",iconSize:"20px",gap:"10px"},large:{px:"20px",py:"14px",fontSize:"16px",iconSize:"22px",gap:"12px"}};function Fo({children:e,variant:r="light",surface:o,color:n="info",size:i="medium",startDecorator:s,endDecorator:l,className:d="",sx:c={},...u}){const h=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===n?"Default":n),x=Wo[i]||Wo.medium,p="default"===n?"Default":h,m=o||("light"===r?"Surface-Brightest":"Surface"),g="var(--Buttons-"+h+"-Border)",f=a.jsxs(a.Fragment,{children:[s&&a.jsx(t.Box,{className:"alert-start-decorator",sx:{display:"inline-flex",alignItems:"center",fontSize:x.iconSize,lineHeight:1,flexShrink:0,mt:"2px"},children:s}),a.jsx(t.Box,{className:"alert-message",sx:{flex:1,minWidth:0},children:"string"==typeof e?"small"===i?a.jsx(qt,{children:e}):a.jsx(Yt,{children:e}):e}),l&&a.jsx(t.Box,{className:"alert-end-decorator",sx:{display:"inline-flex",alignItems:"flex-start",flexShrink:0,gap:x.gap,paddingTop:"2px"},children:l})]});return a.jsx(t.Box,{role:"alert",className:"alert alert-"+r+" alert-"+i+" alert-"+n+" "+d,sx:{border:"1px solid "+g,borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",boxShadow:dr,...c},...u,children:a.jsx(t.Box,{"data-theme":p,"data-surface":m,className:"alert-inner",sx:{display:"flex",alignItems:"flex-start",gap:x.gap,padding:x.py+" "+x.px,fontSize:x.fontSize,fontFamily:"inherit",lineHeight:1.5,color:"var(--Text)",backgroundColor:"var(--Background)",borderRadius:"calc(var(--Style-Border-Radius) - 1px)"},children:f})})}const Do=["default","primary","secondary","tertiary","neutral","info","success","warning","error"];function Lo(e){const t=(a=e).charAt(0).toUpperCase()+a.slice(1);var a;return{type:"outline",color:t,trackOff:"var(--Background)",trackOffBorder:"var(--Border)",trackOn:"var(--Icons-"+t+")",trackOnBorder:"var(--Icons-"+t+")",dotOff:"var(--Quiet)",dotOn:"var(--Icons-On-"+t+")",iconOff:"var(--Background)",iconOn:"var(--Icons-"+t+")"}}const Po=/-light$/,Ho=new Set;const No={small:{trackW:28,trackH:16,dotRadius:"var(--Sizing-2, 16px)",icon:8},medium:{trackW:40,trackH:24,dotRadius:"var(--Sizing-2-and-Half, 20px)",icon:16},large:{trackW:56,trackH:32,dotRadius:"var(--Sizing-2-and-Half, 20px)",icon:16}};function Eo({variant:e="default",size:r="medium",checked:o,defaultChecked:n,onChange:i,disabled:s=!1,label:l,labelPlacement:d="end",name:c,value:u,icon:h,iconOn:x,iconOff:p,className:m="",sx:g={},"aria-label":f,"aria-labelledby":b,...v}){const y=function(){const e={};return Do.forEach(t=>{e[t+"-outline"]=Lo(t)}),e.default={type:"themed",trackOff:"var(--Background)",trackOffBorder:"var(--Quiet)",trackOn:"var(--Icons-Default)",trackOnBorder:"var(--Icons-Default)",dotOff:"var(--Quiet)",dotOn:"var(--Icons-On-Default)",iconOff:"var(--Background)",iconOn:"var(--Icons-Default)"},e["default-outline"]={type:"themed",trackOff:"var(--Background)",trackOffBorder:"var(--Quiet)",trackOn:"var(--Icons-Default)",trackOnBorder:"var(--Icons-Default)",dotOff:"var(--Quiet)",dotOn:"var(--Icons-On-Default)",iconOff:"var(--Background)",iconOn:"var(--Icons-Default)"},e.outline={type:"themed",trackOff:"var(--Background)",trackOffBorder:"var(--Quiet)",trackOn:"var(--Icons-Default)",trackOnBorder:"var(--Icons-Default)",dotOff:"var(--Quiet)",dotOn:"var(--Icons-On-Default)",iconOff:"var(--Background)",iconOn:"var(--Icons-Default)"},e.primary=Lo("primary"),e}(),j=function(e){const t=String(e||"default");if("light"!==t&&!Po.test(t))return t;const a="light"===t?"primary":t.replace(Po,"");return"production"===process.env.NODE_ENV||Ho.has(t)||(Ho.add(t),console.warn('[Switch] variant="'+t+'" — the -light shape was removed. Rendering variant="'+a+'". The on state takes its colour from the Icons collection (--Icons-<Color> / --Icons-On-<Color>).')),a}(e),S=y[j]||y.default,B=No[r]||No.medium,k="small"===r?qt:Yt,w=B.trackH-4,C=Math.max(24,B.trackW),T=Math.max(24,B.trackH),A=(T-B.trackH)/2,z={width:w,height:w,borderRadius:B.dotRadius,boxShadow:"none",border:"none",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color var(--Motion-Duration-Fast, 150ms) var(--Motion-Easing-Standard, cubic-bezier(0.2, 0, 0, 1))","& > *":{width:B.icon,height:B.icon,display:"block"}},I={width:B.trackW,minWidth:24,height:T,minHeight:24,padding:0,overflow:"visible",opacity:s?"var(--Disabled, 0.38)":1,"& .MuiSwitch-switchBase":{position:"absolute",top:0,left:0,width:"100%",height:"100%",display:"flex",justifyContent:"flex-start",alignItems:"center",paddingTop:0,paddingBottom:0,paddingLeft:"2px",paddingRight:C-B.trackW+2+"px",color:"transparent",transition:"justify-content var(--Motion-Duration-Instant, 100ms) var(--Motion-Easing-Standard, cubic-bezier(0.2, 0, 0, 1))",transform:"none","& .MuiSwitch-input":{left:0,top:0,width:"100%",height:"100%",margin:0},"& .MuiSwitch-thumb":{...z,backgroundColor:S.dotOff,color:S.iconOff},"&.Mui-checked":{justifyContent:"flex-end",transform:"none","& .MuiSwitch-thumb":{...z,backgroundColor:S.dotOn,color:S.iconOn},"& + .MuiSwitch-track":{backgroundColor:S.trackOn,borderColor:S.trackOnBorder,opacity:1}},"&:hover, &.Mui-checked:hover":{backgroundColor:"transparent"},"&:hover + .MuiSwitch-track":{boxShadow:lr},"&:active + .MuiSwitch-track":{boxShadow:sr},"&.Mui-focusVisible + .MuiSwitch-track":{outline:"1px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled + .MuiSwitch-track":{opacity:1}},"& .MuiSwitch-track":{width:B.trackW,height:B.trackH,borderRadius:"var(--Sizing-3, 24px)",backgroundColor:S.trackOff,border:"1px solid "+S.trackOffBorder,boxSizing:"border-box",opacity:1,position:"absolute",top:A,left:0,transition:"background-color var(--Motion-Duration-Fast, 150ms) var(--Motion-Easing-Standard, cubic-bezier(0.2, 0, 0, 1)), border-color var(--Motion-Duration-Fast, 150ms) var(--Motion-Easing-Standard, cubic-bezier(0.2, 0, 0, 1)), box-shadow var(--Motion-Duration-Fast, 150ms) var(--Motion-Easing-Standard, cubic-bezier(0.2, 0, 0, 1))"},...g},R=void 0!==p?p:h,W=void 0!==x?x:h,F=void 0!==R||void 0!==W,D=e=>a.jsx("span",{className:"MuiSwitch-thumb",children:e}),L=a.jsx(t.Switch,{...F?{icon:D(R),checkedIcon:D(W)}:{},checked:o,defaultChecked:n,onChange:i,disabled:s,name:c,value:u,slotProps:{input:{...f?{"aria-label":f}:{},...b?{"aria-labelledby":b}:{}}},className:"switch-"+j+" "+m,sx:I,disableRipple:!0,...v});return l?a.jsx(t.FormControlLabel,{control:L,label:a.jsx(k,{component:"span",sx:{color:s?"var(--Text-Quiet)":"var(--Text)",fontSize:"small"===r?"13px":"15px",fontWeight:500,opacity:s?"var(--Disabled, 0.38)":1},children:l}),labelPlacement:d,sx:{gap:"8px",marginLeft:0,marginRight:0}}):L}const Mo=Eo,Oo={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Qo={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Vo={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Go={small:{px:"var(--Sm-Button-Padding, 8px)",fontSize:"var(--Sm-Button-Text, 14px)",iconSize:"var(--Sm-Button-Icon, 20px)",textPad:"var(--Sm-Button-Text-Padding, 4px)",indicatorThickness:"2px",minHeight:"var(--Sm-Button-Height, 24px)"},medium:{px:"var(--Button-Padding, 8px)",fontSize:"var(--Button-Text, 16px)",iconSize:"var(--Button-Icon, 20px)",textPad:"var(--Button-Text-Padding, 4px)",indicatorThickness:"2px",minHeight:"var(--Button-Height, 32px)"},large:{px:"var(--Lg-Button-Padding, 16px)",fontSize:"var(--Lg-Button-Text, 20px)",iconSize:"var(--Lg-Button-Icon, 32px)",textPad:"var(--Lg-Button-Text-Padding, 8px)",indicatorThickness:"2px",minHeight:"var(--Lg-Button-Height, 56px)"}},Uo={horizontal:"Bottom","vertical-left":"Left","vertical-right":"Right",vertical:"Right"},qo=e=>Uo[e]||"Bottom",Xo=e=>"horizontal"===e;function Yo(e,t,a,r){return t?{}:{["border"+qo(e)]:a+" solid color-mix(in srgb, "+r+" 50%, transparent)"}}function Zo(e,t,a,r){return{borderBottom:"none",borderLeft:"none",borderRight:"none",["border"+qo(e)]:a+" solid "+(t?r:"transparent")}}const Jo=e.createContext({value:0,setValue:()=>{},variant:"standard",color:"primary",size:"medium",orientation:"horizontal",scrollable:!1,baseline:!0,tabsId:""}),$o=()=>e.useContext(Jo);function Ko({children:r,defaultValue:o=0,value:n,onChange:i,variant:s="standard",color:l="primary",size:d="medium",orientation:c="horizontal",scrollable:u=!1,baseline:h=!0,className:x="",sx:p={},...m}){const[g,f]=e.useState(o),b=void 0!==n,v=b?n:g,y=e.useId(),j=e.useCallback(e=>{b||f(e),i?.(e)},[b,i]);return a.jsx(Jo.Provider,{value:{value:v,setValue:j,variant:s,color:l,size:d,orientation:c,scrollable:u,baseline:h,tabsId:y},children:a.jsx(t.Box,{className:"tabs tabs-"+c+" tabs-"+d+" tabs-"+s+("standard"!==s?" tabs-"+l:"")+(u?" tabs-scrollable":"")+" "+x,sx:{display:"flex",flexDirection:Xo(c)?"column":"row",width:"100%",overflow:"hidden",...p},...m,children:r})})}function _o({children:r,rounded:o=!1,className:n="",sx:i={},...s}){const{variant:l,color:d,size:c,orientation:u,scrollable:h,baseline:x,tabsId:p}=$o(),m=e.useRef(null),g=e.useRef(null),[f,b]=e.useState(!1),[v,y]=e.useState(!1),j=Xo(u),S="standard"===l,B="solid"===l,k="light"===l,w="dark"===l,C=function(e,t=!0){return t?{["border"+qo(e)]:"1px solid var(--Border-Variant)"}:{}}(u,x),T=S?void 0:B?Oo[d]:k?Qo[d]:w?Vo[d]:void 0,A=S?void 0:w?"Surface-Dimmest":k?"Surface-Brightest":"Surface",z=e.useCallback(()=>{const e=g.current;e&&h&&j&&(b(e.scrollLeft>1),y(e.scrollLeft<e.scrollWidth-e.clientWidth-1))},[h,j]);e.useEffect(()=>{z();const e=g.current;if(!e||!h)return;e.addEventListener("scroll",z,{passive:!0});const t=new ResizeObserver(z);return t.observe(e),()=>{e.removeEventListener("scroll",z),t.disconnect()}},[h,z]);const I=e=>{const t=g.current;if(!t)return;const a=.6*t.clientWidth;t.scrollBy({left:e*a,behavior:"smooth"})},R={display:"inline-flex",alignItems:"center",justifyContent:"center",width:"28px",minWidth:"28px",border:"none",backgroundColor:"transparent",color:"var(--Text-Quiet)",cursor:"pointer",fontSize:"16px",fontFamily:"inherit",lineHeight:1,flexShrink:0,transition:"color 0.15s ease, background-color 0.15s ease","&:hover":{color:"var(--Text)",backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-4px"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"default","&:hover":{backgroundColor:"transparent",color:"var(--Text-Quiet)"}}},W=e.Children.toArray(r).filter(e.isValidElement).map((t,a)=>e.cloneElement(t,{_index:a,key:t.key||a}));return a.jsxs(t.Box,{ref:m,"data-theme":T||void 0,"data-surface":A||void 0,className:"tab-list tab-list-"+l+" tab-list-"+c+" tab-list-"+u+(h?" tab-list-scrollable":"")+" "+n,onKeyDown:e=>{const t=h?g.current:m.current,a=t?.querySelectorAll('[role="tab"]:not([aria-disabled="true"])');if(!a?.length)return;const r=Array.from(a).indexOf(document.activeElement);if(r<0)return;const o=j?"ArrowRight":"ArrowDown",n=j?"ArrowLeft":"ArrowUp";if(e.key===o){e.preventDefault();const t=a[(r+1)%a.length];t.focus(),h&&t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})}else if(e.key===n){e.preventDefault();const t=a[(r-1+a.length)%a.length];t.focus(),h&&t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})}else"Home"===e.key?(e.preventDefault(),a[0].focus(),h&&a[0].scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})):"End"===e.key&&(e.preventDefault(),a[a.length-1].focus(),h&&a[a.length-1].scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}))},sx:{display:"flex",flexDirection:j?"row":"column",gap:0,position:"relative",backgroundColor:"var(--Background)",...C,padding:S&&!o?0:"4px",overflow:"hidden",borderRadius:o?"var(--Style-Border-Radius)":0,...i},...s,children:[h&&j&&a.jsx(t.Box,{component:"button","aria-label":"Scroll tabs left",onClick:()=>I(-1),disabled:!f,className:"tab-list-scroll-btn tab-list-scroll-btn-left",sx:R,children:"‹"}),h&&j?a.jsx(t.Box,{ref:g,role:"tablist","aria-orientation":u,className:"tab-list-scroll-container",sx:{display:"flex",flexDirection:"row",overflowX:"auto",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"},flex:1,minWidth:0},children:W}):a.jsx(t.Box,{ref:g,role:"tablist","aria-orientation":u,sx:{display:"flex",flexDirection:j?"row":"column",flex:1},children:W}),h&&j&&a.jsx(t.Box,{component:"button","aria-label":"Scroll tabs right",onClick:()=>I(1),disabled:!v,className:"tab-list-scroll-btn tab-list-scroll-btn-right",sx:R,children:"›"})]})}function en({children:e,value:r,_index:o=0,disabled:n=!1,startDecorator:i,endDecorator:s,iconOnly:l=!1,className:d="",sx:c={},...u}){const{value:h,setValue:x,variant:p,color:m,size:g,orientation:f,tabsId:b}=$o(),v=Go[g]||Go.medium,y="standard"===p,j="light"===p,S="dark"===p,B=void 0!==r?r:o,k=h===B,w=y?"var(--Buttons-"+({default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"}[m]||"Default")+"-Border)":"var(--Text)",C=y?void 0:"solid"===p?Oo[m]:j?Qo[m]:S?Vo[m]:void 0,T=y?void 0:S?"Surface-Dimmest":j?"Surface-Brightest":"Surface",A="tab-"+b+"-"+B,z="tabpanel-"+b+"-"+B;return a.jsxs(t.Box,{component:"button",role:"tab",id:A,"data-theme":C||void 0,"data-surface":T||void 0,"aria-selected":k,"aria-controls":z,"aria-disabled":n||void 0,tabIndex:k?0:-1,onClick:()=>{n||x(B)},className:"tab tab-"+g+(k?" tab-selected":"")+(n?" tab-disabled":"")+(l?" tab-icon-only":"")+" "+d,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:"2px",padding:"0 "+(l?"0":v.px),minHeight:v.minHeight,fontSize:v.fontSize,fontFamily:"inherit",fontWeight:500,lineHeight:1.3,color:k?"var(--Text)":"var(--Quiet)",backgroundColor:"transparent",border:"none",...Zo(f,k,v.indicatorThickness,w),cursor:n?"not-allowed":"pointer",opacity:n?"var(--Disabled, 0.38)":1,position:"relative",outline:"none",transition:"color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease",flexShrink:0,whiteSpace:"nowrap",...!n&&{"&:hover":{backgroundColor:"var(--Hover)",...Yo(f,k,v.indicatorThickness,w)},"&:active":{backgroundColor:"var(--Pressed)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-4px"}},...c},...u,children:[i&&a.jsx(t.Box,{className:"tab-start-decorator",sx:{display:"inline-flex",fontSize:v.iconSize,lineHeight:1,flexShrink:0},children:i}),!l&&e&&(()=>{const r="small"===g?ea:qt;return a.jsx(t.Box,{className:"tab-label",sx:{display:"inline-flex",alignItems:"center",padding:"4px "+v.textPad},children:a.jsx(r,{style:{color:"inherit",fontWeight:"inherit"},children:e})})})(),s&&a.jsx(t.Box,{className:"tab-end-decorator",sx:{display:"inline-flex",fontSize:v.iconSize,lineHeight:1,flexShrink:0},children:s})]})}function tn({children:e,value:r,className:o="",sx:n={},...i}){const{value:s,size:l,tabsId:d}=$o(),c=Go[l]||Go.medium,u="tab-"+d+"-"+r,h="tabpanel-"+d+"-"+r;return s===r?a.jsx(t.Box,{role:"tabpanel",id:h,"aria-labelledby":u,className:"tab-panel tab-panel-"+l+" "+o,sx:{paddingTop:"16px",fontSize:c.fontSize,fontFamily:"inherit",color:"var(--Text)",...n},...i,children:e}):null}const an=e.forwardRef(function({theme:e=null,surface:r="Surface",children:o,minHeight:n=160,sx:i={}},s){return a.jsx(t.Box,{ref:s,"data-theme":e||void 0,"data-surface":r,sx:{p:4,display:"flex",alignItems:"center",justifyContent:"center",minHeight:n,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",...i},children:o})}),rn=e=>e.charAt(0).toUpperCase()+e.slice(1),on={small:{height:"var(--Small-Button-Height)",fontSize:"13px",padding:"4px 8px",iconSize:16},medium:{height:"var(--Button-Height)",fontSize:"14px",padding:"6px 12px",iconSize:18},large:{height:"var(--Large-Button-Height)",fontSize:"16px",padding:"8px 16px",iconSize:20}},nn={small:{height:48,fontSize:"13px",padding:"20px 12px 4px",labelSize:"11px",leftPad:12},medium:{height:56,fontSize:"14px",padding:"22px 14px 6px",labelSize:"12px",leftPad:14},large:{height:64,fontSize:"16px",padding:"24px 16px 6px",labelSize:"14px",leftPad:16}};function sn({options:r=[],value:o,defaultValue:s="",onChange:l,label:d,labelPosition:c="top",size:u="medium",variant:h="outline",color:x="primary",selectionStyle:p="default",mode:m="standard",placeholder:f="Select…",showDividers:b=!1,showColorLabels:v=!0,startDecoration:y,disabled:j=!1,fullWidth:S=!1,className:B="",sx:k={},...w}){const C="default"===x?"primary":x,T=rn(C),A="var(--Buttons-"+T+"-Border)";"production"!==process.env.NODE_ENV&&("light"===h&&console.warn('[Select] variant="light" was removed and had never done anything — it was read by no code path. Rendering outline. For a lighter Select, use data-surface="Surface-Brightest" on its container.'),"light"===p&&console.warn('[Select] selectionStyle="light" was removed with the -Light button shades. It named --Buttons-{C}-Light-{Button,Text,Border}, which no design system publishes, and carried no fallbacks — a selected option rendered with no fill, no text colour and no border. Rendering default.'));const z="light"===h?"outline":h,I="light"===p?"default":p,R="default"===x?"var(--Text)":"var(--Text-"+T+")",[W,F]=e.useState(s),[D,L]=e.useState(!1),[P,H]=e.useState(!1),[N,E]=e.useState({top:0,left:0,width:0,direction:"down"}),M=e.useRef(null),O=e.useRef(null),[Q,V]=e.useState(null),[G,U]=e.useState(null),q=void 0!==o,X=q?o:W,Y=r.flatMap(e=>e&&Array.isArray(e.options)?e.options:[e]).find(e=>("string"==typeof e?e:e.value)===X),Z=Y?"string"==typeof Y?Y:Y.label:"",J=""!==X&&null!=X,$="floating"===c,K="top"===c,_="color"===m,ee=$?nn[u]||nn.medium:on[u]||on.medium,te=e.useCallback(e=>{q||F(e),l?.(e),L(!1),O.current?.focus()},[q,l]),ae=e.useCallback(()=>{if(!O.current)return{top:0,left:0,width:0};const e=O.current.getBoundingClientRect(),t=window.innerHeight-e.bottom,a=e.top,r=t>=240||t>=a?"down":"up";return{top:"down"===r?e.bottom+4:void 0,bottom:"up"===r?window.innerHeight-e.top+4:void 0,left:e.left,width:e.width,direction:r}},[]),re=e.useCallback(()=>{j||L(e=>(e||E(ae()),!e))},[j,ae]);e.useEffect(()=>{if(!D)return;const e=e=>{!M.current||M.current.contains(e.target)||e.target.closest("[data-select-dropdown]")||L(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[D]),e.useEffect(()=>{if(!D||!O.current)return;const e=O.current.closest("[data-theme]"),t=O.current.closest("[data-surface]");V(e?.getAttribute("data-theme")||null),U(t?.getAttribute("data-surface")||null);const a=()=>E(ae());return window.addEventListener("scroll",a,!0),window.addEventListener("resize",a),()=>{window.removeEventListener("scroll",a,!0),window.removeEventListener("resize",a)}},[D,ae]);const oe=e.useRef(null),ne=e.useCallback(e=>{const t=oe.current;if(!t)return;const a=t.querySelectorAll('[role="option"]');if(!a.length)return;const r=t.querySelector('[role="option"]:focus');let o=Array.prototype.indexOf.call(a,r);o="down"===e?o<a.length-1?o+1:0:o>0?o-1:a.length-1,a[o].focus()},[]);e.useEffect(()=>{D&&requestAnimationFrame(()=>{const e=oe.current;if(!e)return;const t=e.querySelector('[aria-selected="true"]'),a=e.querySelector('[role="option"]');(t||a)?.focus()})},[D]);const ie=D?g.createPortal(a.jsx(t.Box,{ref:oe,"data-select-dropdown":!0,"data-theme":Q||void 0,role:"listbox","aria-label":d||"Options",sx:{position:"fixed",top:N.top??"unset",bottom:N.bottom??"unset",left:N.left,width:N.width+"px",backgroundColor:"var(--Hover)",border:"1px solid var(--Buttons-Default-Border)",borderRadius:"var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px)))",boxShadow:"none",zIndex:99999,maxHeight:"240px",overflowY:"auto",py:.5},children:(()=>{const o=(r,o,i)=>{const s="string"==typeof r?r:r.value,l="string"==typeof r?r:r.label,d="object"==typeof r?r.color:null,c=s===X,u=function(e,t,a){const r=rn(a||"default");return t?{backgroundColor:"var(--Buttons-"+r+"-Button)",color:"var(--Buttons-"+r+"-Text)",border:"1px solid var(--Buttons-"+r+"-Border)",fontWeight:600}:{color:"var(--Text)",backgroundColor:"transparent",border:"1px solid transparent"}}(0,c,C),h=o===i-1;return a.jsxs(e.Fragment,{children:[a.jsxs(t.Box,{role:"option",tabIndex:-1,"aria-selected":c,"aria-label":_&&!v?l:void 0,onClick:()=>te(s),onKeyDown:e=>((e,t)=>{if("Enter"===e.key||" "===e.key)return e.preventDefault(),void te(t);"ArrowDown"===e.key&&(e.preventDefault(),ne("down")),"ArrowUp"===e.key&&(e.preventDefault(),ne("up")),"Escape"===e.key&&(L(!1),O.current?.focus())})(e,s),sx:{display:"flex",alignItems:"center",gap:1,px:1.5,py:0,mx:.5,my:"1px",minHeight:ee.height,cursor:"pointer",fontSize:ee.fontSize,fontFamily:"inherit",borderRadius:"4px",outline:"none",...u,transition:"background-color 0.1s ease","&:hover":c?{}:{backgroundColor:"var(--Buttons-"+T+"-Hover)",color:"var(--Buttons-"+T+"-Text)"},"&:active":c?{}:{backgroundColor:"var(--Buttons-"+T+"-Pressed)",color:"var(--Buttons-"+T+"-Text)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:[_&&d&&a.jsx(t.Box,{sx:{height:"calc("+ee.height+" - 8px)",width:"calc("+ee.height+" - 8px)",borderRadius:"var(--Input-Swatch-Radius, var(--Button-Radius))",backgroundColor:d,border:"1px solid "+(c?"var(--Buttons-"+T+"-Border)":"var(--Border)"),flexShrink:0}}),(!_||v)&&a.jsx(qt,{style:{flex:1,color:"inherit",fontWeight:"inherit"},children:l}),c&&a.jsx(Oa,{size:"small",sx:{opacity:.6,flexShrink:0},children:a.jsx(n,{})})]}),b&&!h&&a.jsx(t.Box,{"aria-hidden":"true",sx:{height:"1px",backgroundColor:"var(--Border)",mx:1,my:.25}})]},s)};return r.map((n,i)=>{if(n&&Array.isArray(n.options)){const r=n.options;return a.jsxs(e.Fragment,{children:[a.jsx(t.Box,{role:"presentation",sx:{px:1.5,pt:0===i?.75:1.25,pb:.5,fontSize:"11px",fontFamily:"inherit",fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase",color:"var(--Text-Quiet)"},children:n.label}),r.map((e,t)=>o(e,t,r.length))]},"group-"+(n.label||i))}return o(n,i,r.length)})})()}),document.body):null;return a.jsxs(t.Box,{ref:M,className:"select-wrapper select-"+u+" select-label-"+c+" select-style-"+I+" select-variant-"+z+(D?" select-open":"")+(j?" select-disabled":"")+(B?" "+B:""),sx:{position:"relative",width:S?"100%":"auto",display:"inline-block",fontFamily:"inherit",...k},...w,children:[K&&d&&(()=>{const e="small"===u?qt:Yt;return a.jsx(e,{component:"label",style:{display:"block",marginBottom:"6px",color:j?"var(--Quiet)":"var(--Text)",fontWeight:500,opacity:j?"var(--Disabled, 0.38)":1},children:d})})(),a.jsx(t.Box,{sx:{border:"1px solid "+A,borderRadius:"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden",transition:"border-color 0.15s ease",boxShadow:"none","&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:a.jsx(t.Box,{children:a.jsxs(t.Box,{ref:O,component:"button",type:"button",role:"combobox","aria-expanded":D,"aria-haspopup":"listbox","aria-label":d||f,tabIndex:j?-1:0,onClick:re,onKeyDown:e=>"Escape"===e.key?(L(!1),void O.current?.focus()):"Enter"===e.key||" "===e.key?(e.preventDefault(),void re()):D||"ArrowDown"!==e.key&&"ArrowUp"!==e.key?(D&&"ArrowDown"===e.key&&(e.preventDefault(),ne("down")),void(D&&"ArrowUp"===e.key&&(e.preventDefault(),ne("up")))):(e.preventDefault(),void L(!0)),onFocus:()=>H(!0),onBlur:()=>H(!1),sx:{display:"flex",alignItems:"center",gap:1,width:"100%",minWidth:140,height:ee.height,padding:ee.padding,backgroundColor:"var(--Hover)",border:"none",borderRadius:0,color:J||D?R:"var(--Quiet)",fontSize:ee.fontSize,fontFamily:"inherit",cursor:j?"not-allowed":"pointer",opacity:j?"var(--Disabled, 0.38)":1,outline:"none",textAlign:"left",position:"relative",transition:"color 0.15s ease"},children:[y&&a.jsx(t.Box,{sx:{display:"flex",alignItems:"center",flexShrink:0,color:"var(--Text-Quiet)"},children:y}),$&&d&&a.jsx(t.Box,{sx:{position:"absolute",top:J||D?"6px":"50%",left:(ee.leftPad||14)+(y?32:0)+"px",transform:J||D?"scale(0.75)":"translateY(-50%)",transformOrigin:"top left",color:D?R:"var(--Quiet)",fontSize:ee.fontSize,fontWeight:400,pointerEvents:"none",transition:"top 0.15s ease, transform 0.15s ease, color 0.15s ease"},children:d}),a.jsx(t.Box,{sx:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",...$&&{mt:J||D?"8px":0}},children:_&&J?a.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:[a.jsx(t.Box,{sx:{height:"calc("+ee.height+" - 8px)",width:"calc("+ee.height+" - 8px)",borderRadius:"var(--Input-Swatch-Radius, var(--Button-Radius))",backgroundColor:Y&&"string"!=typeof Y&&Y.color||"transparent",border:"1px solid var(--Border)",flexShrink:0}}),v&&a.jsx(qt,{style:{color:"inherit",padding:0},children:Z})]}):a.jsx(qt,{style:{color:"inherit",padding:0},children:J?Z:$&&d?"":f})}),a.jsx(i,{sx:{fontSize:(ee.iconSize||18)+"px",color:"var(--Text-Quiet)",transform:D?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease",flexShrink:0}})]})})}),ie]})}const ln="__null__",dn=[{label:"Default",value:ln},{label:"Primary",value:"Primary"},{label:"Secondary",value:"Secondary"},{label:"Tertiary",value:"Tertiary"},{label:"Neutral",value:"Neutral"},{label:"Info",value:"Info"},{label:"Success",value:"Success"},{label:"Warning",value:"Warning"},{label:"Error",value:"Error"}],cn=["Surface-Dimmest","Surface-Dim","Surface","Surface-Bright","Surface-Brightest","Container","Container-Highest","Container-High","Container-Low","Container-Lowest"];function un({theme:e=null,onThemeChange:r,surface:o="Surface",onSurfaceChange:n,surfaces:i=cn,size:s="small"}){const l=i.map(e=>({value:e,label:e}));return a.jsxs(t.Stack,{direction:"row",spacing:1,sx:{alignItems:"center"},children:[a.jsx(t.Box,{sx:{width:160},children:a.jsx(sn,{options:dn,value:e??ln,onChange:e=>r?.(e===ln?null:e),labelPosition:"none",size:s,variant:"outline",color:"default","aria-label":"Background theme",fullWidth:!0})}),a.jsx(t.Box,{sx:{width:180},children:a.jsx(sn,{options:l,value:o,onChange:e=>n?.(e),labelPosition:"none",size:s,variant:"outline",color:"default","aria-label":"Surface",fullWidth:!0})})]})}const hn=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",xn=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],pn={info:a.jsx(h,{}),success:a.jsx(x,{}),warning:a.jsx(p,{}),error:a.jsx(m,{})};function mn({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function gn({color:e,selected:r,onClick:o}){const i=hn(e);return a.jsx(t.Box,{component:"button",onClick:()=>o(e),"aria-label":"Select "+i,"aria-pressed":r,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&a.jsx(n,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const fn={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},bn={small:{gap:"8px",fontSize:"13px",padding:"var(--Card-Padding)"},medium:{gap:"12px",fontSize:"14px",padding:"var(--Card-Padding)"},large:{gap:"16px",fontSize:"16px",padding:"var(--Card-Padding)"}},vn=e.createContext({variant:"default",color:"primary",size:"medium",orientation:"vertical"});function yn({children:e,variant:r="solid",color:o="default",surface:n,size:i="medium",orientation:s="vertical",clickable:l=!1,selected:d=!1,elevated:c=!1,draggable:u=!1,onClick:h,disabled:x=!1,href:p,className:m="",sx:g={},...f}){const b="default"===o,v=b?"":fn[o],y=n||(b?"Container":"dark"===r?"Surface-Dimmest":"light"===r?"Surface-Brightest":"Surface"),j=bn[i]||bn.medium,S="horizontal"===s,B=!!u,k=!x&&(l||!!h||!!p||d||B),w=p?"a":"div",C=d?`var(--Buttons-${(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===o?"Default":o)}-Border)`:"var(--Buttons-Default-Border)",T=k?d?`2px solid ${C}`:"1px solid var(--Buttons-Default-Border)":"1px solid var(--Border-Variant)",A=c?dr:lr,z=c?cr:dr,I=c?lr:sr;return a.jsx(vn.Provider,{value:{variant:r,color:o,size:i,orientation:s},children:a.jsx(t.Box,{component:w,href:p||void 0,onClick:k?h:void 0,role:k?"button":void 0,tabIndex:k?0:void 0,"aria-pressed":!!d||void 0,"aria-disabled":x||void 0,draggable:B||void 0,className:"card card-"+r+" card-"+i+" card-"+s+(k?" card-clickable":"")+(d?" card-selected":"")+(c?" card-elevated":"")+(B?" card-draggable":"")+" "+m,sx:{display:"flex",border:T,borderRadius:"var(--Card-Radius)",boxShadow:A,overflow:"hidden",textDecoration:"none",transition:"box-shadow 0.2s ease, border-color 0.2s ease, transform 0.1s ease",...x&&{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none"},...k&&!B&&{cursor:"pointer","&:hover":{borderColor:"var(--Buttons-Default-Border)",boxShadow:z,transform:"translateY(-1px)"},"&:active":{transform:"translateY(0) scale(0.995)",boxShadow:I},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"3px",borderRadius:"calc(var(--Card-Radius) + 3px)"}},...B&&{cursor:"grab","&:hover":{borderColor:"var(--Buttons-Default-Border)",boxShadow:z},"&:active":{cursor:"grabbing",zIndex:10,boxShadow:cr,transform:"scale(1.02)",borderWidth:"2px",borderColor:"var(--Buttons-Primary-Border)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"3px"}},...g},onKeyDown:k?e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),h?.())}:void 0,...f,children:a.jsx(t.Box,{"data-theme":v||void 0,"data-surface":y,sx:{display:"flex",flexDirection:S?"row":"column",gap:j.gap,padding:j.padding,backgroundColor:"var(--Background)",color:"var(--Text)",fontSize:j.fontSize,fontFamily:"inherit",borderRadius:"inherit",position:"relative",flex:1,minWidth:0,overflow:"hidden"},children:e})})})}function jn({children:r,className:o="",sx:n={},...i}){const{size:s}=e.useContext(vn),l=bn[s]||bn.medium;return a.jsx(t.Box,{className:"card-content "+o,sx:{display:"flex",flexDirection:"column",gap:l.gap,flex:1,minWidth:0,...n},...i,children:r})}const Sn=["default","primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],Bn=e=>"Default"===e?"var(--Quiet)":"var(--Buttons-"+e+"-Border)";function kn(){const e={};return Sn.forEach(t=>{e[t]=function(e){const t=pr(e);return{color:t,borderToken:Bn(t),icon:"var(--Buttons-"+t+"-Border)"}}(t)}),e}const wn=/-(outline|light|solid)$/,Cn=new Set;function Tn(e){const t=kn();return t[function(e){const t=String(e||"default");if(!wn.test(t))return t;const a=t.replace(wn,"");return"production"===process.env.NODE_ENV||Cn.has(t)||(Cn.add(t),console.warn('[Checkbox] variant="'+t+'" — the -outline/-light/-solid shapes were removed; a Checkbox has one look and `variant` selects colour only. Rendering variant="'+a+'". Update the call site.')),a}(e)]||t.default}const An={small:{box:16,icon:12,gap:4,touchTarget:24,LabelComp:qt},medium:{box:20,icon:14,gap:8,touchTarget:24,LabelComp:Yt},large:{box:24,icon:18,gap:12,touchTarget:24,LabelComp:Kt}};function zn({size:e,variant:r,checked:o,indeterminate:i}){const s=Tn(r),l=An[e]||An.medium,d=o||i,c=s.borderToken,u="small"===e?"var(--Sm-Checkbox-Radius, 3.2px)":"large"===e?"var(--Lg-Checkbox-Radius, 4.8px)":"var(--Checkbox-Radius, 4px)";return a.jsx(t.Box,{className:"chk-box-icon",sx:{width:l.box,height:l.box,boxSizing:"border-box",borderRadius:u,border:"2px solid "+c,overflow:"hidden",flexShrink:0,transition:"border-color 0.15s ease-in-out"},children:a.jsx(t.Box,{sx:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"var(--Background)",color:"var(--Text)",transition:"background-color 0.15s ease-in-out"},children:d&&(i?a.jsx(f,{sx:{fontSize:l.icon,color:s.icon}}):a.jsx(n,{sx:{fontSize:l.icon,color:s.icon}}))})})}function In({size:e,variant:t}){return a.jsx(zn,{size:e,variant:t,checked:!1,indeterminate:!1})}function Rn({size:e,variant:t}){return a.jsx(zn,{size:e,variant:t,checked:!0,indeterminate:!1})}function Wn({size:e,variant:t}){return a.jsx(zn,{size:e,variant:t,checked:!1,indeterminate:!0})}function Fn({variant:e="primary",size:r="medium",label:o,checked:n,defaultChecked:i,indeterminate:s=!1,disabled:l=!1,onChange:d,name:c,value:u,className:h="",sx:x={},"aria-label":p,"aria-labelledby":m,"aria-describedby":g,inputProps:f={},...b}){Tn(e);const v=An[r]||An.medium,y=v.LabelComp,j={...f,...p&&{"aria-label":p},...m&&{"aria-labelledby":m},...g&&{"aria-describedby":g}},S=a.jsx(t.Checkbox,{checked:n,defaultChecked:i,indeterminate:s,disabled:l,onChange:d,name:c,value:u,icon:a.jsx(In,{size:r,variant:e}),checkedIcon:a.jsx(Rn,{size:r,variant:e}),indeterminateIcon:a.jsx(Wn,{size:r,variant:e}),className:"chk-"+e+" "+h,inputProps:j,disableRipple:!0,sx:{padding:(v.touchTarget-v.box)/2+"px",minWidth:24,minHeight:24,borderRadius:"var(--Checkbox-Radius, 4px)",color:"inherit",transition:"background-color 0.15s ease-in-out","&.Mui-checked, &.MuiCheckbox-indeterminate":{color:"inherit"},"&:hover":{backgroundColor:"transparent"},"&:hover .chk-box-icon":{borderColor:"var(--Text)"},"&:active .chk-box-icon":{borderColor:"var(--Text)",backgroundColor:"var(--Pressed)"},"&.Mui-disabled .chk-box-icon":{opacity:"var(--Disabled, 0.38)"},"&.Mui-focusVisible .chk-box-icon":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none"},...x},...b});return o?a.jsx(t.FormControlLabel,{control:S,label:a.jsx(y,{component:"span",sx:{color:l?"var(--Text-Quiet)":"var(--Text)",lineHeight:1.4,userSelect:"none"},children:o}),disabled:l,sx:{marginLeft:0,marginRight:0,gap:v.gap+"px",alignItems:"center","&.Mui-disabled .MuiTypography-root":{color:"var(--Text-Quiet)",opacity:.6}}}):S}const Dn=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]}],Ln=["photo","icon","initials"],Pn={photo:"Photo",icon:"Icon",initials:"Initials"},Hn=["xx-small","x-small","small","medium","large","x-large","xx-large"],Nn={"xx-small":"XXS","x-small":"XS",small:"Small",medium:"Medium",large:"Large","x-large":"XL","xx-large":"XXL"};function En({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function Mn({color:e,selected:r,onClick:o}){const i=(s=e)?s.charAt(0).toUpperCase()+s.slice(1):"";var s;return a.jsx(t.Box,{component:"button",onClick:()=>o(e),"aria-label":"Select "+i,"aria-pressed":r,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&a.jsx(n,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const On=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Qn={default:"Default",quiet:"Quiet",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Vn=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Gn=["filled","outlined","rounded","twotone","sharp"],Un={filled:"Filled",outlined:"Outlined",rounded:"Rounded",twotone:"Two Tone",sharp:"Sharp"},qn={Home:{filled:v,outlined:A,rounded:N,twotone:J,sharp:le},Favorite:{filled:b,outlined:z,rounded:E,twotone:$,sharp:de},Delete:{filled:y,outlined:I,rounded:M,twotone:K,sharp:ce},Settings:{filled:j,outlined:R,rounded:O,twotone:_,sharp:ue},Search:{filled:S,outlined:S,rounded:Q,twotone:ee,sharp:he},Star:{filled:B,outlined:W,rounded:V,twotone:te,sharp:xe},Person:{filled:k,outlined:F,rounded:G,twotone:ae,sharp:pe},Notifications:{filled:c,outlined:D,rounded:U,twotone:re,sharp:me},Visibility:{filled:w,outlined:L,rounded:q,twotone:oe,sharp:ge},ShoppingCart:{filled:u,outlined:P,rounded:X,twotone:ne,sharp:fe},Lock:{filled:C,outlined:H,rounded:Y,twotone:ie,sharp:be},Info:{filled:T,outlined:h,rounded:Z,twotone:se,sharp:ve}};function Xn({ratio:e,threshold:r}){if(!e)return a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"--"});const o=parseFloat(e)>=r;return a.jsxs(t.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[a.jsxs(t.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:o?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:[e,":1"]}),a.jsx(ea,{style:{color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:o?"Pass":"Fail"})]})}function Yn({label:e,ratio:r,threshold:o,note:n}){return a.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(t.Box,{sx:{flex:1},children:[a.jsx(qt,{style:{color:"var(--Text)"},children:e}),n&&a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),a.jsx(Xn,{ratio:r,threshold:o})]})}function Zn({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"primary":"primary-outline",size:"small",onClick:r,children:e})}const Jn={body:{fontFamily:"var(--Body-Font-Family)",lineHeight:"calc(var(--Body-Line-Height) * var(--Cognitive-Multiplier, 1))",fontSize:"var(--Body-Font-Size)",fontWeight:"var(--Body-Font-Weight)",letterSpacing:"var(--Body-Letter-Spacing)"},"body-small":{fontFamily:"var(--Body-Font-Family)",lineHeight:"calc(var(--Body-Small-Line-Height) * var(--Cognitive-Multiplier, 1))",fontSize:"var(--Body-Small-Font-Size)",fontWeight:"var(--Body-Font-Weight)",letterSpacing:"var(--Body-Small-Letter-Spacing)"},"body-large":{fontFamily:"var(--Body-Font-Family)",lineHeight:"calc(var(--Body-Large-Line-Height) * var(--Cognitive-Multiplier, 1))",fontSize:"var(--Body-Large-Font-Size)",fontWeight:"var(--Body-Font-Weight)",letterSpacing:"var(--Body-Large-Letter-Spacing)"},"body-semibold":{fontFamily:"var(--Body-Font-Family)",lineHeight:"calc(var(--Body-Line-Height) * var(--Cognitive-Multiplier, 1))",fontSize:"var(--Body-Font-Size)",fontWeight:"var(--Body-Semibold-Font-Weight)",letterSpacing:"var(--Body-Letter-Spacing)"},"body-bold":{fontFamily:"var(--Body-Font-Family)",lineHeight:"calc(var(--Body-Line-Height) * var(--Cognitive-Multiplier, 1))",fontSize:"var(--Body-Font-Size)",fontWeight:"var(--Body-Bold-Font-Weight)",letterSpacing:"var(--Body-Letter-Spacing)"},button:{fontFamily:"var(--Body-Font-Family)",lineHeight:"var(--Button-Line-Height)",fontSize:"var(--Button-Font-Size)",fontWeight:"var(--Button-Font-Weight)",letterSpacing:"var(--Button-Letter-Spacing)"},label:{fontFamily:"var(--Body-Font-Family)",lineHeight:"var(--Label-Line-Height)",fontSize:"var(--Label-Font-Size)",fontWeight:"var(--Label-Font-Weight)",letterSpacing:"var(--Label-Letter-Spacing)"},caption:{fontFamily:"var(--Body-Font-Family)",lineHeight:"calc(var(--Body-Small-Line-Height) * var(--Cognitive-Multiplier, 1))",fontSize:"var(--Body-Small-Font-Size)",fontWeight:"var(--Body-Font-Weight)",letterSpacing:"var(--Body-Small-Letter-Spacing)"}},$n="var(--Link-Visited, var(--Hotlink-Visited))",Kn={primary:{base:"var(--Link, var(--Hotlink))",visited:$n},standard:{base:"var(--Text)",visited:$n},quiet:{base:"var(--Text-Quiet)",visited:$n}};function _n({children:e,href:r,target:o,rel:n,textStyle:i="body",color:s="primary",disabled:l=!1,onClick:d,className:c="",sx:u={},...h}){const x=Jn[i]||Jn.body,p=Kn[s]||Kn.primary,m="_blank"===o?n||"noopener noreferrer":n;return a.jsx(t.Box,{component:"a",href:l?void 0:r,target:o,rel:m,onClick:l?e=>e.preventDefault():d,"aria-disabled":l||void 0,tabIndex:l?-1:void 0,className:"link link-"+i+" link-color-"+s+(l?" link-disabled":"")+" "+c,sx:{fontFamily:x.fontFamily,lineHeight:x.lineHeight,fontSize:x.fontSize,fontWeight:x.fontWeight,letterSpacing:x.letterSpacing,textDecoration:"underline",textUnderlineOffset:"3px",textDecorationThickness:"1px",color:p.base,cursor:l?"not-allowed":"pointer",opacity:l?"var(--Disabled, 0.38)":1,pointerEvents:l?"none":"auto",display:"inline-flex",alignItems:"center",minHeight:"24px",minWidth:"24px",transition:"color 0.15s ease, text-decoration-color 0.15s ease",...!l&&{"&:hover":{textDecorationThickness:"2px"},"&:visited":{color:p.visited},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderRadius:"2px"},"&:active":{textDecorationThickness:"2px"}},...u},...h,children:e})}const ei=e=>e.charAt(0).toUpperCase()+e.slice(1);function ti(e){return e&&"default"!==e&&"border-variant"!==e?"border"===e?"var(--Border)":"var(--Icons-"+ei(e)+")":"var(--Border-Variant)"}function ai(e,t){const a=e&&!["default","border","border-variant"].includes(e)?ei(e):"Default",r=ti(e);return"light"===t?{bg:"var(--Tag-"+a+"-BG)",text:"var(--Tag-"+a+"-Text)",border:"1px solid "+r}:{bg:"var(--Background)",text:"var(--Text)",border:"1px solid "+r}}const ri={small:"var(--Sm-Divider, 0.5px)",medium:"var(--Divider, 1px)",large:"var(--Lg-Divider, 2px)"};function oi({color:e="default",orientation:r="horizontal",size:o="small",children:n,indicatorText:i,indicatorStyle:s="outline",textAlign:l="center",className:d="",sx:c={},...u}){const h=ti(e),x=ri[o]||ri.small,p=!(!n&&!i),m=n||i,g="vertical"===r;if(g&&!p)return a.jsx(t.Box,{role:"separator","aria-orientation":"vertical",className:"divider-vertical divider-"+e+" "+d,sx:{display:"inline-block",width:x,alignSelf:"stretch",minHeight:24,backgroundColor:h,flexShrink:0,...c},...u});if(g&&p){const r=ai(e,s),o="top"===l?"0 0 10%":"1 1 auto",n="top"===l?"1 1 auto":"bottom"===l?"0 0 10%":"1 1 auto";return a.jsxs(t.Box,{role:"separator","aria-orientation":"vertical",className:"divider-vertical divider-"+e+" divider-indicator "+d,sx:{display:"inline-flex",flexDirection:"column",alignItems:"center",alignSelf:"stretch",minHeight:24,flexShrink:0,...c},...u,children:[a.jsx(t.Box,{sx:{flex:o,width:x,backgroundColor:h}}),a.jsx(t.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,my:1,px:.75,py:.5,borderRadius:"12px",fontSize:"11px",fontWeight:500,fontFamily:"inherit",lineHeight:1.2,whiteSpace:"nowrap",backgroundColor:r.bg,color:r.text,border:r.border,boxSizing:"border-box"},children:m}),a.jsx(t.Box,{sx:{flex:n,width:x,backgroundColor:h}})]})}if(!p)return a.jsx(t.Box,{role:"separator","aria-orientation":"horizontal",className:"divider-horizontal divider-"+e+" "+d,sx:{width:"100%",height:x,backgroundColor:h,flexShrink:0,...c},...u});const f=ai(e,s),b="left"===l?"0 0 10%":"1 1 auto",v="left"===l?"1 1 auto":"right"===l?"0 0 10%":"1 1 auto";return a.jsxs(t.Box,{role:"separator","aria-orientation":"horizontal",className:"divider-horizontal divider-"+e+" divider-indicator "+d,sx:{display:"flex",alignItems:"center",width:"100%",...c},...u,children:[a.jsx(t.Box,{sx:{flex:b,height:x,backgroundColor:h}}),a.jsx(t.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,mx:2,px:1.5,py:.5,borderRadius:"12px",fontSize:"12px",fontWeight:500,fontFamily:"inherit",lineHeight:1.2,whiteSpace:"nowrap",backgroundColor:f.bg,color:f.text,border:f.border,boxSizing:"border-box"},children:m}),a.jsx(t.Box,{sx:{flex:v,height:x,backgroundColor:h}})]})}const ni=["primary","secondary","tertiary","neutral","info","success","warning","error"];function ii(e){const t=(a=e).charAt(0).toUpperCase()+a.slice(1);var a;return{bg:"var(--Hover)",border:"var(--Buttons-"+t+"-Border)",hoverBorder:"var(--Buttons-"+t+"-Hover)",pressedBorder:"var(--Buttons-"+t+"-Pressed)",text:"var(--Text)",focusBg:"var(--Hover)"}}const si={small:{height:"var(--Small-Button-Height)",fontSize:"13px",labelSize:"13px",padding:"4px var(--Input-Padding, 8px)",iconSize:16},medium:{height:"var(--Button-Height)",fontSize:"15px",labelSize:"15px",padding:"4px var(--Input-Padding, 12px)",iconSize:18},large:{height:"var(--Large-Button-Height)",fontSize:"17px",labelSize:"17px",padding:"4px var(--Input-Padding, 16px)",iconSize:20}},li={small:{height:"48px",fontSize:"13px",labelSize:"11px",padding:"20px var(--Input-Padding, 12px) 4px",padTop:20,padBottom:4,leftPad:12,iconSize:16},medium:{height:"56px",fontSize:"15px",labelSize:"12px",padding:"22px var(--Input-Padding, 14px) 6px",padTop:22,padBottom:6,leftPad:14,iconSize:18},large:{height:"64px",fontSize:"17px",labelSize:"14px",padding:"24px var(--Input-Padding, 16px) 6px",padTop:24,padBottom:6,leftPad:16,iconSize:20}},di={small:{resting:"Body-Small",shrunk:"Label-ExtraSmall"},medium:{resting:"Body-Medium",shrunk:"Label-Small"},large:{resting:"Body-Large",shrunk:"Label-Medium"}},ci=e=>({fontSize:"var(--"+e+"-Font-Size)",fontWeight:"var(--"+e+"-Font-Weight)",letterSpacing:"var(--"+e+"-Letter-Spacing)"});const ui={info:h,success:x,warning:p,error:m},hi={info:{border:"var(--Buttons-Info-Border)",hoverBorder:"var(--Buttons-Info-Hover)",pressedBorder:"var(--Buttons-Info-Pressed)",icon:"var(--Icons-Info)",text:"var(--Hotlink)"},success:{border:"var(--Buttons-Success-Border)",hoverBorder:"var(--Buttons-Success-Hover)",pressedBorder:"var(--Buttons-Success-Pressed)",icon:"var(--Icons-Success)",text:"var(--Text-Success)"},warning:{border:"var(--Buttons-Warning-Border)",hoverBorder:"var(--Buttons-Warning-Hover)",pressedBorder:"var(--Buttons-Warning-Pressed)",icon:"var(--Icons-Warning)",text:"var(--Text-Warning)"},error:{border:"var(--Buttons-Error-Border)",hoverBorder:"var(--Buttons-Error-Hover)",pressedBorder:"var(--Buttons-Error-Pressed)",icon:"var(--Icons-Error)",text:"var(--Text-Error)"}};function xi({variant:r="primary-outline",size:o="medium",label:n,labelPosition:i="standard",placeholder:s,helperText:l,validation:d,validationMessage:c,disabled:u=!1,id:h,value:x,defaultValue:p,onChange:m,name:g,type:f="text",multiline:b=!1,rows:v,maxRows:y,resize:j="vertical",startAdornment:S,endAdornment:B,fullWidth:k=!1,className:w="",sx:C={},"aria-label":T,"aria-labelledby":A,"aria-describedby":z,"aria-required":I,"aria-invalid":R,inputProps:W={},...F}){const D=function(){const e={};return ni.forEach(t=>{e[t+"-outline"]=ii(t)}),e.outline=ii("primary"),e}(),L=D[r]||D["primary-outline"],P="floating"===i;"production"!==process.env.NODE_ENV&&/-light$|^light$/.test(r)&&console.warn('[Input] variant="'+r+'" was removed. It differed from "'+r.replace(/-?light$/,"")+'-outline" only by a token no design system publishes, so the two rendered identically. For a lighter field use data-surface="Surface-Brightest" on its container.');const H=P?li[o]||li.medium:si[o]||si.medium,N=e.useId(),E=h||N,{labelX:M,padX:O,restingY:Q,shrunkY:V}=function(e,t){const a=parseInt(e.height,10)||56,r=parseInt(e.fontSize,10)||15,o="var(--Input-Padding, "+(e.leftPad||14)+"px)",n=(e.iconSize||18)+8;return{labelX:t?"calc("+o+" + "+n+"px)":o,padX:o,clearance:t?n:0,restingY:Math.round((a-1.4375*r)/2),shrunkY:6}}(H,!!S),G=di[o]||di.medium,U="var(--Text)",q=d?hi[d]:null,X=d?ui[d]:null,Y=q||L,Z=Y.border,J={...W,...T&&{"aria-label":T},...A&&{"aria-labelledby":A},...z&&{"aria-describedby":z},...I&&{"aria-required":I},...R&&{"aria-invalid":R}};return a.jsxs(t.Box,{className:"inp-"+r+" "+w,sx:{width:k?"100%":"auto",...C},children:[(()=>{if(!n||P)return null;const e="small"===o?qt:Yt;return a.jsx(e,{component:"label",htmlFor:E,sx:{display:"block",marginBottom:"6px",color:u?"var(--Quiet)":"var(--Text)",fontSize:H.labelSize,fontWeight:500,opacity:u?"var(--Disabled, 0.38)":1},children:n})})(),a.jsx(t.Box,{sx:{border:"1px solid "+Z,borderRadius:"small"===o?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===o?"var(--Lg-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden",transition:"border-color 0.15s ease-in-out",boxShadow:"none",...!u&&{"&:hover":{borderColor:Y.hoverBorder},"&:active":{borderColor:Y.pressedBorder}},"&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:a.jsx(t.Box,{children:a.jsx(t.TextField,{value:x,defaultValue:p,onChange:m,name:g,type:f,disabled:u,placeholder:s,id:E,multiline:b,rows:v,maxRows:y,fullWidth:!0,label:P?n:void 0,variant:"outlined",size:"small"===o?"small":"medium",inputProps:J,InputProps:{startAdornment:S?a.jsx(t.InputAdornment,{position:"start",children:S}):void 0,endAdornment:(()=>{if(B)return a.jsx(t.InputAdornment,{position:"end",children:B})})()},sx:{"& .MuiOutlinedInput-root":{backgroundColor:"var(--Hover)",color:"var(--Quiet)",fontSize:H.fontSize,minHeight:b?"auto":H.height,padding:0,borderRadius:0,transition:"color 0.15s ease-in-out",...P&&{alignItems:"stretch"},"& fieldset":{border:"none"},"&.Mui-focused":{color:U},"&:not(.Mui-focused) .MuiOutlinedInput-input:not(:placeholder-shown)":{color:U},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"},"& input":{padding:H.padding,color:"inherit","&::placeholder":{color:"var(--Quiet)",opacity:1}},"& textarea":{padding:H.padding,color:"inherit",resize:j,"&::placeholder":{color:"var(--Quiet)",opacity:1}},"& .MuiInputAdornment-root":{color:"var(--Quiet)"},...P&&{"& .MuiInputAdornment-root":{maxHeight:"none",height:"auto",alignSelf:"stretch",alignItems:"center",paddingTop:H.padTop+"px",paddingBottom:H.padBottom+"px",marginTop:0,marginBottom:0},"& .MuiInputAdornment-positionStart":{marginLeft:O,marginRight:"8px",width:H.iconSize+"px",minWidth:H.iconSize+"px",justifyContent:"center"},"& .MuiInputAdornment-positionEnd":{marginRight:"8px"},...S&&{"& input":{paddingLeft:0},"& textarea":{paddingLeft:0}}}},"& .MuiInputLabel-root":{color:"var(--Quiet)",fontFamily:"var(--Font-Families-Body, var(--Body-Font-Family))",...ci(G.resting),transformOrigin:"top left",transition:"transform 0.15s ease, font-size 0.15s ease, color 0.15s ease",transform:"translate("+M+", "+Q+"px)","&.MuiInputLabel-shrink":{transform:"translate("+M+", "+V+"px)",...ci(G.shrunk),color:"var(--Quiet)"},"&.Mui-focused":{color:U},"&.Mui-disabled":{color:"var(--Quiet)",opacity:"var(--Disabled, 0.38)"}},"& .MuiOutlinedInput-notchedOutline legend":{display:"none"},"& .MuiOutlinedInput-notchedOutline":{top:0},"& .MuiOutlinedInput-root.Mui-focused":{outline:"none"},"& .MuiOutlinedInput-root:focus-within":{outline:"none"}},...F})})}),d&&c?a.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:"6px",marginTop:"4px",marginLeft:"2px"},children:[X&&a.jsx(X,{sx:{fontSize:H.iconSize,color:q.icon,flexShrink:0}}),a.jsx(t.FormHelperText,{sx:{color:q.text,fontSize:"small"===o?"11px":"12px",margin:0},children:c})]}):l?a.jsx(t.FormHelperText,{sx:{color:"var(--Quiet)",fontSize:"small"===o?"11px":"12px",marginTop:"4px",marginLeft:"2px"},children:l}):null]})}const pi=["default","primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],mi=pr,gi={small:{touchTarget:24,box:16,dot:8,gap:4,LabelComp:qt},medium:{touchTarget:24,box:20,dot:10,gap:8,LabelComp:Yt},large:{touchTarget:24,box:24,dot:12,gap:12,LabelComp:Kt}};function fi({size:e,color:r,checked:o}){const n=mi(r),i="Default"===n?"var(--Quiet)":"var(--Buttons-"+n+"-Border)",s="var(--Buttons-"+n+"-Border)",l=gi[e]||gi.medium;return a.jsx(t.Box,{className:"radio-circle-icon",sx:{width:l.box,height:l.box,boxSizing:"border-box",borderRadius:"50%",border:"2px solid "+i,overflow:"hidden",flexShrink:0,backgroundColor:"var(--Background)",display:"flex",alignItems:"center",justifyContent:"center",transition:"border-color 0.15s ease-in-out"},children:o&&a.jsx(t.Box,{sx:{width:l.dot,height:l.dot,borderRadius:"50%",backgroundColor:s,transition:"transform 0.15s ease-in-out"}})})}function bi({theme:e,surface:r,color:o="primary",size:n="medium",label:i,labelPlacement:s="end",checked:l,disabled:d=!1,onChange:c,name:u,value:h,className:x="",sx:p={},"aria-label":m,"aria-labelledby":g,"aria-describedby":f,inputProps:b={},...v}){const y=pi.includes(o)?o:"primary",j=gi[n]||gi.medium,S=j.LabelComp,B=(j.touchTarget-j.box)/2,k={...b,...m&&{"aria-label":m},...g&&{"aria-labelledby":g},...f&&{"aria-describedby":f}},w=a.jsx(t.Radio,{checked:l,disabled:d,onChange:c,name:u,value:h,icon:a.jsx(fi,{size:n,color:y,checked:!1}),checkedIcon:a.jsx(fi,{size:n,color:y,checked:!0}),"data-theme":e||void 0,"data-surface":r||void 0,className:"radio-"+y+" "+x,inputProps:k,disableRipple:!0,sx:{padding:B+"px",width:j.touchTarget,height:j.touchTarget,minWidth:j.touchTarget,minHeight:j.touchTarget,boxSizing:"border-box",borderRadius:"50%",color:"inherit",transition:"background-color 0.15s ease-in-out","&.Mui-checked":{color:"inherit"},"&:hover":{backgroundColor:"transparent"},"&:hover .radio-circle-icon":{borderColor:"var(--Text)"},"&:active .radio-circle-icon":{borderColor:"var(--Text)",backgroundColor:"var(--Pressed)"},"&.Mui-disabled .radio-circle-icon":{opacity:"var(--Disabled, 0.38)"},"&.Mui-focusVisible .radio-circle-icon":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none"},...p},...v});return i?a.jsx(t.FormControlLabel,{control:w,label:a.jsx(S,{component:"span",sx:{color:d?"var(--Text-Quiet)":"var(--Text)",lineHeight:1.4,userSelect:"none"},children:i}),labelPlacement:s,disabled:d,sx:{marginLeft:0,marginRight:0,gap:j.gap+"px",alignItems:"center","&.Mui-disabled .MuiTypography-root":{color:"var(--Text-Quiet)",opacity:.6}}}):w}function vi({color:e="primary",size:r="medium",label:o,options:n=[],value:i,onChange:s,orientation:l="vertical",labelPlacement:d="end",disabled:c=!1,spacing:u=1,name:h,className:x="",sx:p={},"aria-label":m,"aria-labelledby":g,...f}){return a.jsxs(t.FormControl,{component:"fieldset",disabled:c,className:"radio-group-"+e+" "+x,sx:p,children:[o&&a.jsx(t.FormLabel,{component:"legend",sx:{color:c?"var(--Text-Quiet)":"var(--Text)",fontSize:"small"===r?"13px":"15px",fontWeight:500,mb:1,"&.Mui-focused":{color:"var(--Text)"},"&.Mui-disabled":{color:"var(--Text-Quiet)",opacity:"var(--Disabled, 0.38)"}},children:o}),a.jsx(t.RadioGroup,{value:i,onChange:s,name:h,"aria-label":m,"aria-labelledby":g,row:"horizontal"===l,sx:{display:"flex",flexDirection:"horizontal"===l?"row":"column",flexWrap:"horizontal"===l?"wrap":"nowrap",alignItems:"horizontal"===l?"center":"flex-start",gap:u},...f,children:n.map(t=>a.jsx(bi,{color:e,size:r,label:t.label,labelPlacement:d,value:t.value,disabled:t.disabled||c},t.value))})]})}const yi=bi,ji=["default","primary","secondary","tertiary","neutral","info","success","warning","error"];const Si={small:{visual:12,track:2,labelSize:11},medium:{visual:16,track:4,labelSize:12},large:{visual:20,track:6,labelSize:13}};function Bi({theme:e,surface:r,variant:o="primary",size:n="medium",value:i,defaultValue:s,onChange:l,onChangeCommitted:d,min:c=0,max:u=100,step:h=1,marks:x=!1,valueLabelDisplay:p="off",orientation:m="horizontal",track:g="normal",disabled:f=!1,label:b,name:v,className:y="",sx:j={},"aria-label":S,"aria-labelledby":B,...k}){const w=function(){const e={};return ji.forEach(t=>{e[t]=function(e){const t=(a=e).charAt(0).toUpperCase()+a.slice(1);var a;return{thumb:"var(--Border)",thumbBorder:"1px solid var(--Background)",track:"default"===e?"var(--Button)":"var(--Buttons-"+t+"-Button)",trackBorder:"1px solid var(--Border)",rail:"var(--Background)",railBorder:"1px solid var(--Border)",valueLabel:"var(--Text)",valueLabelText:"var(--Background)"}}(t)}),e}(),C=w[o]||w.primary,T=Si[n]||Si.medium,A="vertical"===m,z=Array.isArray(i)||Array.isArray(s),I="inverted"===g,R="small"===n?qt:Yt,W=T.track+2,F=I?C.track:C.rail,D=C.railBorder,L=I?C.rail:C.track,P=C.trackBorder,H={color:"transparent"===C.track?C.thumb:C.track,height:A?void 0:W,width:A?W:void 0,"& .MuiSlider-rail":{backgroundColor:F,border:D||"none",boxSizing:D?"content-box":"border-box",opacity:1,height:A?void 0:D?T.track:W,width:A?D?T.track:W:void 0,borderRadius:W/2},"& .MuiSlider-track":{boxSizing:P?"content-box":"border-box",backgroundColor:L,border:P||"none",height:A?void 0:P?T.track:W,width:A?P?T.track:W:void 0,borderRadius:W/2},"& .MuiSlider-thumb":{width:24,height:24,backgroundColor:"transparent",border:"none",boxShadow:"none",transition:"none","--_height":T.visual+"px","--_bevel":"min(calc(var(--Button-Bevel) * var(--_height) / 100), calc(var(--_height) / 5))","&::after":{display:"none"},"&::before":{content:'""',position:"absolute",width:T.visual,height:T.visual,borderRadius:"50%",backgroundColor:C.thumb,border:C.thumbBorder||"none",boxShadow:`${gr(o)}, ${sr}`,transition:"box-shadow 0.15s ease-in-out",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},"&:hover::before":{boxShadow:`${gr(o)}, ${lr}`},"&.Mui-focusVisible::before, &:focus-visible::before":{boxShadow:`${gr(o)}, ${lr}, 0 0 0 1px var(--Focus-Visible)`},"&.Mui-active::before":{boxShadow:gr(o)},"&.Mui-focusVisible":{outline:"none",borderRadius:"50%"},"&.Mui-focusVisible::before":{boxShadow:`${gr(o)}, ${lr}`}},...z?A?{'& .MuiSlider-thumb[data-index="0"]::before':{top:0,left:"50%",transform:"translateX(-50%)"},'& .MuiSlider-thumb[data-index="1"]::before':{top:"auto",bottom:0,left:"50%",transform:"translateX(-50%)"}}:{'& .MuiSlider-thumb[data-index="0"]::before':{left:"auto",right:0,top:"50%",transform:"translateY(-50%)"},'& .MuiSlider-thumb[data-index="1"]::before':{left:0,right:"auto",top:"50%",transform:"translateY(-50%)"}}:{},"& .MuiSlider-valueLabel":{backgroundColor:C.valueLabel,color:C.valueLabelText,fontFamily:"var(--Font-Families-Body, var(--Body-Font-Family))",fontSize:"var(--Label-ExtraSmall-Font-Size)",fontWeight:"var(--Label-ExtraSmall-Font-Weight)",letterSpacing:"var(--Label-ExtraSmall-Letter-Spacing)",lineHeight:"var(--Label-ExtraSmall-Line-Height)",borderRadius:"var(--Sizing-1, 8px)",padding:"var(--Sizing-Half, 4px) var(--Sizing-1, 8px)","&::before":{backgroundColor:C.valueLabel}},"& .MuiSlider-mark":{backgroundColor:C.rail,width:A?W:2,height:A?2:W,borderRadius:1},"& .MuiSlider-markActive":{backgroundColor:C.thumb,opacity:.6},"& .MuiSlider-markLabel":{color:"var(--Text-Quiet)",fontSize:T.labelSize},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none","& .MuiSlider-thumb::before":{boxShadow:"none"}},...j},N=a.jsx(t.Slider,{value:i,defaultValue:s,onChange:l,onChangeCommitted:d,min:c,max:u,step:h,marks:x,valueLabelDisplay:p,orientation:m,track:"inverted"===g?"inverted":!1!==g&&"normal",disabled:f,name:v,"aria-label":S,"aria-labelledby":B,slotProps:f?{input:{"aria-disabled":"true"}}:void 0,className:"slider-"+o+" "+y,"data-theme":e||void 0,"data-surface":r||void 0,sx:H,...k});return b?a.jsxs(t.Box,{sx:{width:A?"auto":"100%",height:A?"100%":"auto",display:"flex",flexDirection:"column",gap:"4px"},children:[a.jsx(R,{component:"label",sx:{color:f?"var(--Text-Quiet)":"var(--Text)",fontSize:"small"===n?"13px":"15px",fontWeight:500,opacity:f?"var(--Disabled, 0.38)":1},children:b}),N]}):N}const ki=Bi,wi=Bi,Ci={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Ti={small:{iconSize:16,minHit:24,gap:0,focusInset:-3,focusWidth:3},medium:{iconSize:24,minHit:24,gap:0,focusInset:-3,focusWidth:3},large:{iconSize:36,minHit:void 0,gap:2,focusInset:2,focusWidth:2}};function Ai({theme:r,surface:o,value:n,defaultValue:i,onChange:s,max:l=5,precision:d=1,color:c="default",size:u="medium",readOnly:h=!1,disabled:x=!1,emptyLabel:p="No rating",className:m="",sx:g={},...f}){const[b,v]=e.useState(i??null),[y,j]=e.useState(null),S=void 0!==n,k=S?n:b,w=null!==y?y:k,C=.5===d,T=!h&&!x,A=Ci[c]||Ci.default,z=Ti[u]||Ti.medium,I="var(--Buttons-"+A+"-Button)",R="var(--Buttons-"+A+"-Border)",W=e=>{if(!T)return;const t=e===k?null:e;S||v(t),s?.(t)},F=(e,t)=>{if(!T||!C)return;j(t?e+.5:e+1)},D=T?{"&:hover":{filter:"drop-shadow(0 2px 4px rgba(var(--Dropshadow-Color), 0.22)) drop-shadow(0 1px 2px rgba(var(--Dropshadow-Color), 0.28))","& .MuiSvgIcon-root":{stroke:"var(--Buttons-"+A+"-Border)",strokeWidth:1}}}:{},L=e=>{const r=e+1,o=e+.5,n=null!==w&&r<=w,i=null!==w&&!n&&C&&o<=w,s=i?Se:B,c=((e,t)=>e||t?{color:I,filter:"drop-shadow(0 1px 2px rgba(var(--Dropshadow-Color), 0.28))",transition:"filter 0.15s ease","& .MuiSvgIcon-root":{stroke:R,strokeWidth:.5}}:{color:"transparent","& .MuiSvgIcon-root":{stroke:"var(--Quiet)",strokeWidth:1}})(n,i);return C&&T?a.jsxs(t.Box,{sx:{position:"relative",display:"inline-flex",cursor:"pointer",...c,...D},onMouseLeave:()=>j(null),children:[a.jsx(t.Box,{sx:{position:"absolute",left:0,top:0,width:"50%",height:"100%",zIndex:1,cursor:"pointer"},onMouseEnter:()=>F(e,!0),onClick:()=>W(o)}),a.jsx(t.Box,{sx:{position:"absolute",right:0,top:0,width:"50%",height:"100%",zIndex:1,cursor:"pointer"},onMouseEnter:()=>F(e,!1),onClick:()=>W(r)}),a.jsx(s,{sx:{fontSize:z.iconSize,transition:"color 0.1s ease, filter 0.1s ease"}})]},e):a.jsx(t.Box,{component:T?"button":"span",type:T?"button":void 0,role:T?"radio":void 0,"aria-checked":n,"aria-label":r+" star"+(1!==r?"s":""),tabIndex:T?0:-1,onClick:()=>W(r),onMouseEnter:()=>T&&j(r),onMouseLeave:()=>T&&j(null),onKeyDown:e=>{if(T&&("ArrowRight"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),W(Math.min((k||0)+d,l))),"ArrowLeft"===e.key||"ArrowDown"===e.key)){e.preventDefault();const t=Math.max((k||0)-d,0);W(t||null)}},sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",border:"none",backgroundColor:"transparent",padding:0,...z.minHit&&{minWidth:z.minHit+"px",minHeight:z.minHit+"px"},cursor:x?"not-allowed":T?"pointer":"default",outline:"none",transition:"transform 0.1s ease",...c,...D,"&:active":T?{transform:"scale(0.95)"}:{},"&:focus-visible":T?{outline:z.focusWidth+"px solid var(--Focus-Visible)",outlineOffset:z.focusInset+"px",borderRadius:"2px"}:{},"&:disabled":{cursor:"not-allowed",opacity:"var(--Disabled, 0.38)"}},children:a.jsx(s,{sx:{fontSize:z.iconSize,transition:"color 0.1s ease, filter 0.1s ease"}})},e)};return a.jsxs(t.Box,{role:T?"radiogroup":"img","aria-label":"Rating"+(null!==k?": "+k+" of "+l+" stars":": "+p),"data-theme":r||void 0,"data-surface":o||void 0,className:"rating rating-"+c+" rating-"+u+(h?" rating-readonly":"")+(x?" rating-disabled":"")+(null===k?" rating-empty":"")+(m?" "+m:""),sx:{display:"inline-flex",alignItems:"center",gap:z.gap+"px",opacity:x?"var(--Disabled, 0.38)":1,fontFamily:"inherit",...g},...f,children:[Array.from({length:l},(e,t)=>L(t)),null===k&&!y&&a.jsx(ea,{style:{color:"var(--Quiet)",marginLeft:4},children:p})]})}const zi={small:{fontSize:"var(--Body-Small-Font-Size)",py:"4px"},medium:{fontSize:"var(--Body-Font-Size)",py:"6px"},large:{fontSize:"var(--Body-Large-Font-Size)",py:"8px"}};function Ii({children:r,separator:o="/",size:n="medium",condense:i=!1,maxItems:s=4,itemsBeforeCollapse:l=1,itemsAfterCollapse:d=1,backOnlyMobile:c=!1,onExpand:u,className:h="",sx:x={},...p}){const m=zi[n]||zi.medium,g=e.Children.toArray(r).filter(e.isValidElement),f=g.length,b=i&&f>s;let v=g;const[y,j]=e.useState(!1);if(b&&!y){const e=g.slice(0,l),r=g.slice(f-d),o=a.jsx(t.Box,{component:"button",onClick:()=>{j(!0),u?.()},"aria-label":"Show full breadcrumb trail",className:"breadcrumb-ellipsis",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",background:"none",border:"none",padding:"2px 4px",cursor:"pointer",fontFamily:"inherit",fontSize:"inherit",color:"var(--Quiet)",borderRadius:"4px","&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)"},"&:active":{backgroundColor:"var(--Pressed)",color:"var(--Text)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"1px"}},children:"…"},"__breadcrumb-ellipsis");v=[...e,o,...r]}const S=[];v.forEach((e,r)=>{const n=b&&!y?r===v.length-1:r===f-1;var i;S.push(a.jsx(t.Box,{component:"li",className:"breadcrumb-item"+(n?" breadcrumb-current":""),sx:{display:"inline-flex",alignItems:"center",...n&&{color:"var(--Text)",fontWeight:"var(--Body-Medium-Semibold-Font-Weight, 600)"},...!n&&{color:"var(--Link, var(--Hotlink))"},maxWidth:"200px","& > *":{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},...n?{"aria-current":"page"}:{},children:e},"crumb-"+r)),r<v.length-1&&S.push((i=r,a.jsx(t.Box,{component:"li",role:"presentation","aria-hidden":"true",className:"breadcrumb-separator",sx:{display:"inline-flex",alignItems:"center",color:"var(--Quiet)",userSelect:"none",fontSize:"inherit",lineHeight:1,flexShrink:0},children:o},"sep-"+i)))});const B=f>=2?g[f-2]:null;return a.jsxs(t.Box,{component:"nav","aria-label":"Breadcrumb",className:"breadcrumbs breadcrumbs-"+n+" "+h,sx:{fontSize:m.fontSize,fontFamily:"var(--Body-Font-Family)",lineHeight:1.5,...x},...p,children:[a.jsx(t.Box,{component:"ol",className:"breadcrumbs-list",sx:{display:"flex",flexWrap:"wrap",alignItems:"center",gap:"var(--Sizing-1)",listStyle:"none",margin:0,padding:0,...c&&{"@media (max-width: 600px)":{display:"none"}}},children:S}),c&&B&&a.jsxs(t.Box,{className:"breadcrumbs-back-mobile",sx:{display:"none","@media (max-width: 600px)":{display:"flex",alignItems:"center",gap:"var(--Sizing-Half)",fontSize:m.fontSize,color:"var(--Link)"}},children:[a.jsx(t.Box,{component:"span","aria-hidden":"true",sx:{fontSize:"1.1em",lineHeight:1},children:"←"}),e.cloneElement(B,{style:{...B.props?.style||{},textDecoration:"underline",textUnderlineOffset:"3px"}})]})]})}function Ri({children:e,href:r,className:o="",sx:n={},...i}){const s=!!r;return a.jsx(t.Box,{component:s?"a":"span",href:r||void 0,className:"breadcrumb-link "+o,sx:{color:"inherit",textDecoration:s?"underline":"none",textUnderlineOffset:"3px",textDecorationThickness:"1px",cursor:s?"pointer":"default",transition:"color 0.15s ease",...s&&{"&:hover":{textDecorationThickness:"2px"},"&:active":{textDecorationThickness:"3px"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderRadius:"2px"}},...n},...i,children:e})}const Wi=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"";function Fi({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}const Di={small:{btnSize:"small",fontSize:"13px",gap:"2px"},medium:{btnSize:"medium",fontSize:"14px",gap:"4px"},large:{btnSize:"large",fontSize:"16px",gap:"4px"}};function Li({theme:r,surface:o,count:n=10,page:i,defaultPage:s=1,onChange:l,color:d="default",size:c="medium",siblingCount:u=1,boundaryCount:h=1,disabled:x=!1,showFirstButton:p=!1,showLastButton:m=!1,className:g="",sx:f={},...b}){const[v,y]=e.useState(s),j=void 0!==i,S=j?i:v;(e=>{e.charAt(0).toUpperCase(),e.slice(1)})("default"===d?"Default":d);const B=Di[c]||Di.medium,k=e.useCallback(e=>{const t=Math.max(1,Math.min(n,e));j||y(t),l?.(t)},[n,j,l]),w=function({count:e,page:t,siblingCount:a=1,boundaryCount:r=1}){const o=(e,t)=>Array.from({length:t-e+1},(t,a)=>e+a);if(2*a+3+2*r>=e)return o(1,e);const n=Math.max(t-a,r+1),i=Math.min(t+a,e-r),s=n>r+2,l=i<e-r-1;if(!s&&l)return[...o(1,Math.min(3+2*a+r,e)),"ellipsis-right",...o(e-r+1,e)];if(s&&!l){const t=o(Math.max(e-(3+2*a+r)+1,1),e);return[...o(1,r),"ellipsis-left",...t]}return s&&l?[...o(1,r),"ellipsis-left",...o(n,i),"ellipsis-right",...o(e-r+1,e)]:o(1,e)}({count:n,page:S,siblingCount:u,boundaryCount:h}),C="default"===d?"default":d;return a.jsx(t.Box,{component:"nav","aria-label":"Pagination","data-theme":r||void 0,"data-surface":o||void 0,className:"pagination pagination-"+d+" pagination-"+c+" "+g,sx:{display:"inline-flex",...f},...b,children:a.jsxs(t.Box,{component:"ul",sx:{display:"flex",alignItems:"center",gap:B.gap,listStyle:"none",m:0,p:0,flexWrap:"wrap"},children:[p&&a.jsx(t.Box,{component:"li",children:a.jsx(Lr,{iconOnly:!0,variant:C+"-outline",size:B.btnSize,disabled:x||1===S,onClick:()=>k(1),"aria-label":"Go to first page",children:a.jsx(Oa,{size:"small",children:a.jsx(we,{})})})}),a.jsx(t.Box,{component:"li",children:a.jsx(Lr,{iconOnly:!0,variant:C+"-outline",size:B.btnSize,disabled:x||1===S,onClick:()=>k(S-1),"aria-label":"Go to previous page",children:a.jsx(Oa,{size:"small",children:a.jsx(Be,{})})})}),w.map((e,r)=>{if("string"==typeof e)return a.jsx(t.Box,{component:"li",children:a.jsx(ea,{style:{color:"var(--Quiet)",padding:"0 4px"},"aria-hidden":"true",children:"…"})},e+"-"+r);const o=e===S;return a.jsx(t.Box,{component:"li",children:a.jsx(Lr,{variant:o?C:C+"-outline",size:B.btnSize,disabled:x,onClick:()=>k(e),"aria-label":"Page "+e,"aria-current":o?"page":void 0,letterNumber:!0,children:e})},e)}),a.jsx(t.Box,{component:"li",children:a.jsx(Lr,{iconOnly:!0,variant:C+"-outline",size:B.btnSize,disabled:x||S===n,onClick:()=>k(S+1),"aria-label":"Go to next page",children:a.jsx(Oa,{size:"small",children:a.jsx(ke,{})})})}),m&&a.jsx(t.Box,{component:"li",children:a.jsx(Lr,{iconOnly:!0,variant:C+"-outline",size:B.btnSize,disabled:x||S===n,onClick:()=>k(n),"aria-label":"Go to last page",children:a.jsx(Oa,{size:"small",children:a.jsx(Ce,{})})})})]})})}const Pi=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Hi=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Ni({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function Ei({color:e,selected:r,onClick:o}){const i=Pi(e);return a.jsx(t.Box,{component:"button",onClick:()=>o(e),"aria-label":"Select "+i,"aria-pressed":r,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&a.jsx(n,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const Mi=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Oi=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Qi=[{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Vi({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function Gi({color:e,selected:r,onClick:o}){const i=Mi(e);return a.jsx(t.Box,{component:"button",onClick:()=>o(e),"aria-label":"Select "+i,"aria-pressed":r,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&a.jsx(n,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const Ui=new Set;function qi({variant:r="outlined",color:o="default",size:n="medium",disabled:i=!1,orientation:s="horizontal",separated:l=!1,spacing:d,fit:c,fullWidth:u=!1,equalWidth:h=!1,multiple:x=!1,value:p,defaultValue:m,onChange:g,children:f,className:b="",sx:v={},"aria-label":y,...j}){const[S,B]=e.useState(m??(x?[]:null)),k=void 0!==p,w=k?p:S,C=x?Array.isArray(w)?w:null==w?[]:[w]:null,T="horizontal"===s,A=void 0!==d?d:l?"var(--Platform-Spacer)":0,z=!l&&0===A,I="light"===r,R="ghost"===r,W=c??(u?"fill":h?"equal":"hug"),F="fill"===W,D="equal"===W&&T,L=(P=o).charAt(0).toUpperCase()+P.slice(1);var P;const H="var(--Buttons-"+L+"-Border)",N="var(--Buttons-"+L+"-Button)",E="var(--Buttons-"+L+"-Text)",M="default"===o?void 0:L,O=e.Children.toArray(f).filter(Boolean),Q=O.length,V=(e,t)=>a=>{const r=x?C.includes(e)?C.filter(t=>t!==e):[...C,e]:e;k||B(r),g?.(r,a),t?.(a)},G=O.map((r,s)=>{if(!e.isValidElement(r))return r;const d=0===s,c=s===Q-1,u=r.props.value??s,h=(p=u,x?C.includes(p):w===p);var p;let m;if(z&&Q>1){const e="var(--Style-Border-Radius)";m=T?d&&c?e:d?e+" 0 0 "+e:c?"0 "+e+" "+e+" 0":"0":d&&c?e:d?e+" "+e+" 0 0":c?"0 0 "+e+" "+e:"0"}const g=z&&Q>1?{borderRadius:m,...!d&&(T?{marginLeft:"calc(-1 * var(--Button-Border-Width))"}:{marginTop:"calc(-1 * var(--Button-Border-Width))"}),position:"relative","&:hover, &:focus-visible":{zIndex:1}}:{},f=R?{backgroundColor:"var(--Background) !important",color:"var(--Text) !important",borderColor:H+" !important"}:{backgroundColor:N+" !important",color:E+" !important",borderColor:H+" !important"},b=h?{...f,"&:hover, &:active, &.Mui-focusVisible, &:focus-visible":f}:{},v={...F&&T&&{flex:"1 1 0",minWidth:0},...g,transform:"none !important","&:hover, &:active, &:focus-visible":{transform:"none !important"},...b,...h?{}:{color:"var(--Quiet)",backgroundColor:"transparent","&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)",zIndex:1},"&:active":{backgroundColor:"var(--Pressed)",color:"var(--Text)"}},...R&&!h?{border:"none !important","&:hover":{border:"none !important"}}:{},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px",zIndex:2},...r.props.sx};!function(e={},t=!1){if("production"===process.env.NODE_ENV)return;const a=[];(e.avatar||"avatar"===e.contentType)&&a.push("an Avatar segment — Button-Group-Segments has only text, iconOnly and letterNumber");const r=String(e.variant||"");r&&!/-outline$/.test(r)&&"ghost"!==r&&"text"!==r&&a.push(`a solid segment (variant="${r}") — segments are outline or ghost; the GROUP paints the selected one`),t&&(e.iconOnly||e.letterNumber||e.contentType)&&a.push("a typed SEPARATED segment — Separated-Button-Segments has no Type axis");for(const e of a)Ui.has(e)||(Ui.add(e),console.warn("[ButtonGroup] "+e+"."))}(r.props,l);const y=e.cloneElement(r,{variant:r.props.variant??(R?h?o+"-outline":"ghost":h?o:o+"-outline"),size:r.props.size??n,disabled:r.props.disabled??i,onClick:V(u,r.props.onClick),"aria-pressed":h,sx:v});return I&&!h?a.jsx(t.Box,{"data-theme":M,"data-surface":"Surface-Brightest",sx:{display:"contents"},children:y},s):e.cloneElement(y,{key:s})});return a.jsx(t.Box,{role:"group","aria-label":y,className:"btn-group btn-group-"+r+" btn-group-"+o+" "+b,sx:{...D?{display:F?"grid":"inline-grid",gridAutoFlow:"column",gridAutoColumns:"1fr",justifyItems:"stretch",alignItems:"stretch",width:F?"100%":"fit-content"}:{display:F?"flex":"inline-flex",flexDirection:T?"row":"column",alignItems:"stretch",width:F?"100%":"auto"},gap:z?0:A,border:"none",borderRadius:"var(--Style-Border-Radius)",...v},...j,children:G})}const Xi={small:{summaryPadding:"var(--Sizing-Half) var(--Sizing-Half) var(--Sizing-Half) var(--Sizing-1-and-Half)",gap:"var(--Sizing-Half)",detailsPy:"var(--Sizing-1-and-Half)",detailsPx:"var(--Sizing-1-and-Half)",iconSize:"small"},medium:{summaryPadding:"var(--Sizing-1) var(--Sizing-1) var(--Sizing-1) var(--Sizing-2)",gap:"var(--Sizing-1)",detailsPy:"var(--Sizing-2)",detailsPx:"var(--Sizing-2)",iconSize:"medium"},large:{summaryPadding:"var(--Sizing-1-and-Half) var(--Sizing-1-and-Half) var(--Sizing-1-and-Half) var(--Sizing-2-and-Half)",gap:"var(--Sizing-1-and-Half)",detailsPy:"var(--Sizing-2-and-Half)",detailsPx:"var(--Sizing-2-and-Half)",iconSize:"large"}},Yi=e.createContext({variant:"solid",color:"default",size:"medium",spacing:0}),Zi=e.createContext({expanded:!1,toggle:()=>{},disabled:!1,accordionId:""}),Ji="var(--Accordion-Radius, var(--Button-Radius))";function $i({children:r,expanded:o,defaultExpanded:n=!1,onChange:i,disabled:s=!1,className:l="",sx:d={},...c}){const[u,h]=e.useState(n),x=void 0!==o,p=x?o:u,{dataTheme:m,dataSurface:g}=e.useContext(Yi),[f]=e.useState(()=>"accordion-"+Math.random().toString(36).substring(2,9));return a.jsx(Zi.Provider,{value:{expanded:p,toggle:()=>{if(s)return;const e=!p;x||h(e),i?.(e)},disabled:s,accordionId:f},children:a.jsx(t.Box,{className:"accordion-segment accordion"+(p?" accordion-expanded":"")+(s?" accordion-disabled":"")+" "+l,"data-theme":m,"data-surface":g,sx:{border:"1px solid var(--Border-Variant)",borderRadius:Ji,backgroundColor:"var(--Background)",overflow:"hidden",boxShadow:lr,opacity:s?"var(--Disabled, 0.38)":1,...d},...c,children:r})})}const Ki={small:Xt,medium:Zt,large:_t},_i={small:qt,medium:Yt,large:Kt};const es=["Link","Chip","Badge","Caption","Label","Tag","BodySmall","LegalSemibold","Legal","LabelSmall","LabelExtraSmall","EyebrowSmall","ButtonSmall"];function ts(t){let a=!1;return e.Children.forEach(t,t=>{(function(t){if(!e.isValidElement(t))return!1;const a=t.props||{};if("small"===a.size)return!0;if("small"===a["data-size"])return!0;if(24===a.height||24===a.minHeight)return!0;if("24px"===a.height||"24px"===a.minHeight)return!0;if(a.sx){const e=a.sx.minHeight||a.sx.height;if(24===e||"24px"===e)return!0}const r=t.type;if(r){const e=r.displayName||r.name||"";if(es.some(t=>e.includes(t)))return!0}return!1})(t)&&(a=!0)}),a}function as({children:r,gap:o,spacing:n,direction:i="column",enforceMinGap:s=!0,minGapToken:l="--min-stack-gap",divider:d,flexWrap:c,useFlexGap:u=!0,alignItems:h,justifyContent:x,sx:p={},className:m="",...g}){const f=void 0!==o?o:n,b=s&&ts(r),v=e.useMemo(()=>{if(!b)return f;const e=function(e,t=8){return null==e?0:"number"==typeof e?e*t:"string"==typeof e?e.endsWith("px")?parseFloat(e):e.endsWith("rem")?parseFloat(e)*parseFloat(getComputedStyle(document.documentElement).fontSize||"16"):parseFloat(e)*t||0:0}(f),t=function(e,t=8){if("undefined"==typeof window)return t;const a=getComputedStyle(document.documentElement).getPropertyValue(e).trim();return a?a.endsWith("rem")?parseFloat(a)*parseFloat(getComputedStyle(document.documentElement).fontSize):parseFloat(a)||t:t}(l,8);return e>=t?f:"var("+l+", "+t+"px)"},[b,f,l]);return a.jsx(t.Stack,{direction:i,spacing:u?void 0:v,gap:u?v:void 0,divider:d,flexWrap:c,useFlexGap:u,alignItems:h,justifyContent:x,className:"omni-stack"+(b?" omni-stack-min-gap-enforced":"")+(m?" "+m:""),sx:{...g["data-surface"]||g["data-theme"]?{background:"var(--Background)"}:{},boxSizing:"border-box",...b?{"&::before":{display:"none"}}:{},...p},"data-min-gap-enforced":b?"true":void 0,...g,children:r})}const rs=e=>a.jsx(as,{direction:"row",alignItems:"center",...e}),os=e=>a.jsx(as,{direction:"column",...e}),ns=e=>a.jsx(as,{direction:"row",flexWrap:"wrap",...e}),is=as,ss=ns;function ls({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"primary":"primary-outline",size:"small",onClick:r,children:e})}function ds({code:e}){return a.jsx(wo,{code:e,language:"JSX",wrap:!0,sx:{mt:1}})}function cs({passes:e}){return a.jsxs(t.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5,px:1.5,py:.5,borderRadius:"20px",backgroundColor:e?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:e?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)",fontSize:"12px",fontWeight:600},children:[e?a.jsx(x,{sx:{fontSize:14}}):a.jsx(p,{sx:{fontSize:14}}),e?"WCAG Pass":"WCAG Fail"]})}function us({leftLabel:e,rightLabel:r,leftContent:o,rightContent:n,leftCode:i,rightCode:s,leftPasses:l,rightPasses:d}){return a.jsxs(t.Grid,{container:!0,spacing:3,children:[a.jsx(t.Grid,{item:!0,xs:12,md:6,children:a.jsxs(t.Box,{sx:{p:2,border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:"var(--Background)",height:"100%"},children:[a.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",mb:2},children:[a.jsx(qt,{style:{fontWeight:600},children:e}),a.jsx(cs,{passes:l})]}),a.jsx(t.Box,{sx:{p:2,backgroundColor:"var(--Surface-Dim, var(--Surface))",borderRadius:"var(--Style-Border-Radius)",minHeight:80},children:o}),a.jsx(ds,{code:i})]})}),a.jsx(t.Grid,{item:!0,xs:12,md:6,children:a.jsxs(t.Box,{sx:{p:2,border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:"var(--Background)",height:"100%"},children:[a.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",mb:2},children:[a.jsx(qt,{style:{fontWeight:600},children:r}),a.jsx(cs,{passes:d})]}),a.jsx(t.Box,{sx:{p:2,backgroundColor:"var(--Surface-Dim, var(--Surface))",borderRadius:"var(--Style-Border-Radius)",minHeight:80},children:n}),a.jsx(ds,{code:s})]})})]})}function hs(){const[r,o]=e.useState("column"),[n,i]=e.useState(.5),[s,l]=e.useState("small"),[d,c]=e.useState(!0),[u,h]=e.useState(!1),[x,m]=e.useState(null),[g,f]=e.useState("Surface"),b={small:{label:"Small links ⚡",content:a.jsxs(a.Fragment,{children:[a.jsx(_n,{href:"#",size:"small",children:"Terms of Service"}),a.jsx(_n,{href:"#",size:"small",children:"Privacy Policy"}),a.jsx(_n,{href:"#",size:"small",children:"Cookie Settings"})]})},chips:{label:"Chips ⚡",content:a.jsxs(a.Fragment,{children:[a.jsx(Ur,{label:"React",size:"small"}),a.jsx(Ur,{label:"TypeScript",size:"small"}),a.jsx(Ur,{label:"Design System",size:"small"})]})},normal:{label:"Normal buttons",content:a.jsxs(a.Fragment,{children:[a.jsx(Lr,{variant:"primary",size:"medium",children:"Primary"}),a.jsx(Lr,{variant:"secondary",size:"medium",children:"Secondary"})]})},mixed:{label:"Mixed ⚡",content:a.jsxs(a.Fragment,{children:[a.jsx(Lr,{variant:"primary",size:"medium",children:"Save changes"}),a.jsx(_n,{href:"#",size:"small",children:"Or discard"})]})}},v=["small","chips","mixed"].includes(s),y=d&&v;return a.jsxs(t.Grid,{container:!0,spacing:3,sx:{mt:1},children:[a.jsxs(t.Grid,{item:!0,xs:12,md:7,children:[a.jsx(an,{theme:x,children:a.jsxs(t.Box,{sx:{width:"100%"},children:[y&&a.jsxs(t.Box,{sx:{mb:2,px:2,py:1,borderRadius:"var(--Style-Border-Radius)",backgroundColor:"var(--Tags-Warning-BG)",color:"var(--Tags-Warning-Text)",fontSize:"12px",fontWeight:600,display:"flex",alignItems:"center",gap:1},children:[a.jsx(p,{sx:{fontSize:16}}),"Small child detected — gap raised to var(--min-stack-gap)"]}),a.jsx(as,{direction:r,gap:n,enforceMinGap:d,flexWrap:u?"wrap":void 0,children:b[s].content})]})}),a.jsx(ds,{code:(()=>{const e=["<OmniStack"];return"column"!==r&&e.push('  direction="'+r+'"'),e.push("  gap={"+n+"}"),d||e.push("  enforceMinGap={false}"),u&&e.push('  flexWrap="wrap"'),e.push(">"),e.push("  {children}"),e.push("</OmniStack>"),e.join("\n")})()})]}),a.jsx(t.Grid,{item:!0,xs:12,md:5,children:a.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",gap:3},children:[a.jsx(un,{theme:x,onThemeChange:m,surface:g,onSurfaceChange:f}),a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CHILDREN"}),a.jsx(t.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:Object.entries(b).map(([e,{label:t}])=>a.jsx(ls,{label:t,selected:s===e,onClick:()=>l(e)},e))})]}),a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DIRECTION"}),a.jsx(t.Box,{sx:{display:"flex",gap:1},children:["row","column"].map(e=>{return a.jsx(ls,{label:(t=e,t?t.charAt(0).toUpperCase()+t.slice(1):""),selected:r===e,onClick:()=>o(e)},e);var t})})]}),a.jsxs(t.Box,{children:[a.jsxs(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["GAP — ",n," unit",y?" → raised to var(--min-stack-gap)":""]}),a.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:2},children:[a.jsx(t.Box,{component:"input",type:"range",min:0,max:6,step:.5,value:n,onChange:e=>i(Number(e.target.value)),sx:{flex:1,accentColor:"var(--Primary-Color-10)"}}),a.jsx(ea,{style:{color:"var(--Text)",minWidth:24,textAlign:"right"},children:n})]})]}),a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),a.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",gap:1.5},children:[a.jsxs(t.Box,{sx:{display:"flex",alignItems:"flex-start",justifyContent:"space-between"},children:[a.jsxs(t.Box,{children:[a.jsx(qt,{children:"Enforce min gap"}),a.jsx(ea,{style:{color:y?"var(--Tags-Warning-Text)":"var(--Text-Quiet)",display:"block"},children:y?"⚡ Active — small child detected":v?"Off — WCAG 2.5.8 risk":"No small children detected"})]}),a.jsx(Eo,{checked:d,onChange:e=>c(e.target.checked),size:"small"})]}),a.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[a.jsx(qt,{children:"Flex wrap"}),a.jsx(Eo,{checked:u,onChange:e=>h(e.target.checked),size:"small"})]})]})]})]})})]})}const xs={Button:()=>a.jsx(Lr,{children:"Button"}),ButtonGroup:()=>a.jsxs(qi,{value:"a",onChange:()=>{},size:"small",children:[a.jsx(Lr,{value:"a",size:"small",children:"Day"}),a.jsx(Lr,{value:"b",size:"small",children:"Week"}),a.jsx(Lr,{value:"c",size:"small",children:"Month"})]}),Chip:()=>a.jsxs(rs,{gap:"var(--Sizing-1)",children:[a.jsx(Ur,{label:"Unselected"}),a.jsx(Ur,{label:"Selected",selected:!0}),a.jsx(Ur,{label:"Dismissible",onDelete:()=>{}})]}),Badge:()=>a.jsxs(rs,{gap:"var(--Sizing-3)",children:[a.jsx(rr,{badgeContent:3,children:a.jsx(Oa,{children:a.jsx("span",{children:"✉"})})}),a.jsx(rr,{dot:!0,children:a.jsx(Oa,{children:a.jsx("span",{children:"🔔"})})})]}),Alert:()=>a.jsxs(os,{gap:"var(--Sizing-1)",children:[a.jsx(Fo,{color:"info",children:"Something worth knowing."}),a.jsx(Fo,{color:"error",children:"Something went wrong."})]}),Card:()=>a.jsx(yn,{padding:"medium",children:a.jsxs(os,{gap:"var(--Sizing-1)",children:[a.jsx(Ht,{children:"Card title"}),a.jsx(Yt,{children:"What a card looks like in this design system."})]})}),Avatar:()=>a.jsxs(rs,{gap:"var(--Sizing-1)",children:[a.jsx(Ya,{initials:"LN"}),a.jsx(Ya,{})]}),Icon:()=>a.jsxs(rs,{gap:"var(--Sizing-1)",children:[a.jsx(Oa,{color:"primary",children:a.jsx("span",{children:"★"})}),a.jsx(Oa,{color:"success",children:a.jsx("span",{children:"✓"})}),a.jsx(Oa,{color:"error",children:a.jsx("span",{children:"✕"})})]}),Link:()=>a.jsx(_n,{href:"#example",children:"A link, which thickens rather than recolours on hover"}),Divider:()=>a.jsx(oi,{indicatorText:"OR"}),Checkbox:()=>a.jsxs(os,{gap:"var(--Sizing-Half)",children:[a.jsx(Fn,{label:"Unchecked"}),a.jsx(Fn,{label:"Checked",defaultChecked:!0}),a.jsx(Fn,{label:"Indeterminate",indeterminate:!0})]}),Radio:()=>a.jsxs(vi,{defaultValue:"a",name:"docs-radio",children:[a.jsx(bi,{value:"a",label:"First"}),a.jsx(bi,{value:"b",label:"Second"})]}),Input:()=>a.jsx(xi,{label:"Email",placeholder:"you@example.com"}),SwitchInput:()=>a.jsxs(os,{gap:"var(--Sizing-Half)",children:[a.jsx(Mo,{label:"Off"}),a.jsx(Mo,{label:"On",defaultChecked:!0})]}),Slider:()=>a.jsx(Bi,{defaultValue:40}),Rating:()=>a.jsx(Ai,{defaultValue:3}),Breadcrumbs:()=>a.jsxs(Ii,{children:[a.jsx(_n,{href:"#a",children:"Home"}),a.jsx(_n,{href:"#b",children:"Products"}),a.jsx(Yt,{children:"Current"})]}),Pagination:()=>a.jsx(Li,{count:8,defaultPage:3}),Accordion:()=>a.jsx($i,{children:a.jsx(Yt,{children:"An accordion segment, open."})}),Tabs:()=>a.jsxs(Ko,{defaultValue:0,children:[a.jsxs(_o,{children:[a.jsx(en,{value:0,children:"Overview"}),a.jsx(en,{value:1,children:"Details"})]}),a.jsx(tn,{value:0,children:a.jsx(Yt,{children:"The first panel."})}),a.jsx(tn,{value:1,children:a.jsx(Yt,{children:"The second panel."})})]})};function ps(e){return e in xs}const ms={Button:{variant:()=>a.jsxs(rs,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap"},children:[a.jsx(Lr,{children:"solid"}),a.jsx(Lr,{variant:"outline",children:"outline"}),a.jsx(Lr,{variant:"ghost",children:"ghost"})]}),size:()=>a.jsxs(rs,{gap:"var(--Sizing-1)",style:{alignItems:"center",flexWrap:"wrap"},children:[a.jsx(Lr,{size:"small",children:"small"}),a.jsx(Lr,{size:"medium",children:"medium"}),a.jsx(Lr,{size:"large",children:"large"})]}),disabled:()=>a.jsxs(rs,{gap:"var(--Sizing-1)",children:[a.jsx(Lr,{children:"enabled"}),a.jsx(Lr,{disabled:!0,children:"disabled"})]}),"startDecorator / endDecorator":()=>a.jsxs(os,{gap:"var(--Sizing-1)",children:[a.jsxs(rs,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[a.jsx(Lr,{startDecorator:a.jsx(Oa,{children:a.jsx(ye,{})}),children:"start icon"}),a.jsx(Lr,{endDecorator:a.jsx(Oa,{children:a.jsx(je,{})}),children:"end icon"})]}),a.jsxs(rs,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[a.jsx(Lr,{startDecorator:a.jsx(Ya,{}),children:"start avatar"}),a.jsx(Lr,{endDecorator:a.jsx(Ya,{}),children:"end avatar"})]})]}),iconOnly:()=>a.jsxs(rs,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[a.jsx(Lr,{children:"text"}),a.jsx(Lr,{iconOnly:!0,"aria-label":"Delete item",children:a.jsx(y,{})}),a.jsx(Lr,{letterNumber:!0,"aria-label":"3 unread",children:"3"}),a.jsx(Lr,{avatar:!0,"aria-label":"Jane Doe",children:a.jsx(Ya,{})})]}),elevated:()=>a.jsxs(rs,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[a.jsx(Lr,{children:"standard"}),a.jsx(Lr,{elevated:!0,children:"raised"})]}),fullWidth:()=>a.jsxs(os,{gap:"var(--Sizing-1)",style:{width:"100%",maxWidth:320},children:[a.jsx(Lr,{children:"default fit"}),a.jsx(Lr,{fullWidth:!0,children:"full width"})]})}};const gs="https://omni-design.netlify.app";function fs(e){return e.trim().replace(/\s+/g,"-")}const bs="https://github.com/lwnoble/DinoDesign/issues/new";function vs(e){const t=fs(String(e||"")).toLowerCase();return Ha.find(e=>fs(e.name).toLowerCase()===t)||null}const ys=({component:e,what:r})=>a.jsx(t.Box,{sx:{p:3},children:a.jsxs(Yt,{color:"quiet",children:["No ",r," written for ",e," yet."]})}),js=({title:e,children:r})=>a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:e.toUpperCase()}),r]}),Ss=({items:e})=>a.jsx(t.Stack,{spacing:0,children:e.map((e,r)=>a.jsxs(t.Box,{sx:{py:1.25,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:e.head}),e.sub?a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:e.sub}):null]},r))});function Bs({component:e,theme:r=null,surface:o="Surface"}){const n=vs(e);if(!n)return a.jsx(ys,{component:e,what:"reference"});const i=ps(n.name)?xs[n.name]:null;return a.jsx(t.Box,{sx:{p:3},children:a.jsxs(t.Stack,{spacing:3,children:[i?a.jsx(an,{theme:r,surface:o,minHeight:120,children:a.jsx(t.Box,{sx:{p:3,display:"flex",alignItems:"center",justifyContent:"center"},children:i({theme:r,surface:o})})}):null,a.jsx(Yt,{children:n.summary}),n.insteadUse.length>0&&a.jsx(js,{title:"Reach for something else when",children:a.jsx(Ss,{items:n.insteadUse.map(e=>({head:e.when,sub:`Use ${e.use}`}))})}),n.props.length>0&&a.jsx(js,{title:"Props",children:a.jsx(t.Stack,{spacing:0,children:n.props.map((e,i)=>{const s=function(e,t){return Boolean(ms[e]&&ms[e][t])}(n.name,e.name)?ms[n.name][e.name]:null,l=[e.values&&e.values.length?e.values.join(" | "):null,e.default?`default: ${e.default}`:null,e.note].filter(Boolean).join("  ·  ");return a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e.name," — ",e.type]}),l?a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:l}):null,s?a.jsx(t.Box,{sx:{mt:1.5},children:a.jsx(an,{theme:r,surface:o,minHeight:0,children:a.jsx(t.Box,{sx:{p:2},children:s({theme:r,surface:o})})})}):null]},i)})})}),n.states.length>0&&a.jsx(js,{title:"States",children:a.jsx(Ss,{items:n.states.map(e=>({head:e.state,sub:[`set by ${e.setBy}`,e.note].filter(Boolean).join("  ·  ")}))})}),n.theming.length>0&&a.jsxs(js,{title:"Theming",children:[a.jsx(Ss,{items:n.theming.map(e=>({head:e.collection,sub:`In code: ${e.inCode}\nIn Figma: ${e.inFigma}`}))}),(n.themingNotes||[]).map((e,t)=>a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:8},children:e},t))]}),n.tokens.length>0&&a.jsx(js,{title:"Tokens",children:a.jsx(Ss,{items:n.tokens.map(e=>({head:e.name,sub:[e.sets,e.variesWith?`varies with ${e.variesWith}`:null,e.figma].filter(Boolean).join("  ·  ")}))})}),n.composition.length>0&&a.jsx(js,{title:"Composition",children:a.jsx(Ss,{items:n.composition.map(e=>({head:e}))})}),n.gotchas.length>0&&a.jsx(js,{title:"Gotchas",children:a.jsx(Ss,{items:n.gotchas.map(e=>({head:e}))})})]})})}function ks({component:e}){const r=vs(e),o=r&&r.changes||[],n=encodeURIComponent(`[${e}] `);return a.jsx(t.Box,{sx:{p:3},children:a.jsxs(t.Stack,{spacing:3,children:[0===o.length?a.jsxs(Yt,{color:"quiet",children:["No breaking changes recorded for ",e,". Only changes that break, or that silently change meaning, are listed here — not every fix."]}):a.jsx(t.Stack,{spacing:0,children:o.map((e,r)=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(t.Stack,{direction:"row",spacing:1,useFlexGap:!0,sx:{alignItems:"center",flexWrap:"wrap"},children:[a.jsx(qt,{style:{fontWeight:700},children:e.version}),e.silent?a.jsx(ea,{style:{color:"var(--Text-Warning)",fontWeight:600},children:"SILENT — old code still renders"}):null]}),a.jsx(Yt,{children:e.change}),e.migrate?a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Instead: ",e.migrate]}):null]},r))}),a.jsxs(t.Box,{children:[a.jsx(Et,{children:"Something wrong or missing?"}),a.jsx(qt,{color:"quiet",children:"Report it against this component and it arrives with the name already filled in."}),a.jsx(t.Box,{sx:{mt:1},children:a.jsxs(_n,{href:`${bs}?title=${n}`,target:"_blank",rel:"noreferrer",children:["Report an issue with ",e]})})]})]})})}const ws={"display-large":"Display Large","display-medium":"Display Medium","display-small":"Display Small",h1:"H1",h2:"H2",h3:"H3",h4:"H4",h5:"H5",h6:"H6","subtitle-small":"Subtitle Small",subtitle:"Subtitle Medium","subtitle-large":"Subtitle Large","body-small":"Body Small","body-small-semibold":"Body Small Semibold",body:"Body Medium","body-semibold":"Body Medium Semibold","body-large":"Body Large","body-large-semibold":"Body Large Semibold",label:"Label","label-small":"Label Small","label-large":"Label Large",caption:"Caption","caption-bold":"Caption Bold",legal:"Legal","legal-semibold":"Legal Semibold",eyebrow:"Eyebrow Medium","eyebrow-small":"Eyebrow Small","eyebrow-large":"Eyebrow Large",button:"Button Standard","button-small":"Button Small","button-extra-small":"Button Extra Small","number-large":"Number Large","number-medium":"Number Medium","number-small":"Number Small"};Object.entries({Display:["display-large","display-medium","display-small"],Headings:["h1","h2","h3","h4","h5","h6"],Subtitle:["subtitle-small","subtitle","subtitle-large"],Body:["body-small","body-small-semibold","body","body-semibold","body-large","body-large-semibold"],Label:["label","label-small","label-large"],Caption:["caption","caption-bold"],Legal:["legal","legal-semibold"],Eyebrow:["eyebrow-small","eyebrow","eyebrow-large"],Button:["button-extra-small","button-small","button"],Number:["number-large","number-medium","number-small"]}).map(([e,t])=>({label:e,options:t.map(e=>({value:e,label:ws[e]}))}));const Cs={small:"var(--Small-Button-Height, 24px)",medium:"var(--Button-Height, 32px)",large:"var(--Large-Button-Height, 56px)"},Ts={position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"50%",height:"50%",borderRadius:"50%",backgroundColor:"var(--Background)",display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:"none"},As={content:'""',position:"absolute",inset:"-3px",borderRadius:"50%",border:"2px solid var(--Focus-Visible)",pointerEvents:"none"};const zs={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Is={size:40,iconSize:"24px",borderRadius:"8px"},Rs=new Set;function Ws({children:e,color:r="primary",variant:o="solid",size:n,className:i="",sx:s={},...l}){!function(e){void 0!==e&&("production"===process.env.NODE_ENV||Rs.has(e)||(Rs.add(e),console.warn('[IconBadge] size="'+e+'" — IconBadge has one size (40px) and the prop was removed. Figma draws exactly one, and component sizing comes from the Component-Size modes rather than a per-component ladder.')))}(n);const d=Is,c=zs[r]||zs.primary;let u,h;switch(o){case"light":u=c,h="Surface-Brightest";break;case"dark":u=c,h="Surface-Dimmest";break;default:u=c,h="Surface"}return a.jsx(t.Box,{"data-theme":u,"data-surface":h,className:"icon-badge icon-badge-"+o+" icon-badge-"+r+" "+i,sx:{width:d.size,height:d.size,borderRadius:d.borderRadius,backgroundColor:"var(--Background)",color:"var(--Text)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,"& svg":{width:d.iconSize,height:d.iconSize,fontSize:d.iconSize,color:"inherit",stroke:"currentColor"},...s},...l,children:e})}const Fs=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Ds=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary"]},{label:"State",colors:["info","success","warning","error"]}],Ls=[v,Te,x,B,Ae,ze];const Ps={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Hs={small:{size:32,iconSize:16,fontSize:"13px",px:12,gap:6},medium:{size:48,iconSize:24,fontSize:"14px",px:16,gap:8},large:{size:56,iconSize:36,fontSize:"15px",px:20,gap:10}};function Ns({children:e,icon:r,label:o,variant:n="solid",color:i="primary",size:s="medium",extended:l=!1,animate:d=!1,disabled:c=!1,onClick:u,ariaLabel:h,className:x="",sx:p={},...m}){"production"!==process.env.NODE_ENV&&"solid"!==n&&console.warn('[Fab] variant="'+n+'" is not a Fab variant; rendering solid. The light variant was removed with the -Light button shades — it named tokens no design system publishes, so it rendered as an unstyled box. For a lighter FAB, put it on data-surface="Surface-Brightest".');const g=function(e){const t=Ps[e]||"Primary";return{bg:"var(--Buttons-"+t+"-Button)",text:"var(--Buttons-"+t+"-Text)",border:"var(--Buttons-"+t+"-Border)",hover:"var(--Buttons-"+t+"-Hover)",active:"var(--Buttons-"+t+"-Pressed)"}}(i),f=Hs[s]||Hs.medium,b=r||e||a.jsx(ye,{sx:{fontSize:f.iconSize}}),v=h||o||"Action";return a.jsxs(a.Fragment,{children:[d&&a.jsx("style",{children:"\n@keyframes fab-pulse {\n  0% { box-shadow: 0 0 0 0 rgba(var(--pulse-rgb, 0,0,0), 0.4); }\n  70% { box-shadow: 0 0 0 12px rgba(var(--pulse-rgb, 0,0,0), 0); }\n  100% { box-shadow: 0 0 0 0 rgba(var(--pulse-rgb, 0,0,0), 0); }\n}\n"}),a.jsxs(t.Box,{component:"button",type:"button",role:"button","aria-label":v,onClick:u,disabled:c,className:"fab fab-solid fab-"+i+" fab-"+s+(l?" fab-extended":"")+(d?" fab-animate":"")+(c?" fab-disabled":"")+(x?" "+x:""),sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:l?f.gap+"px":0,...l?{height:f.size+"px",borderRadius:f.size/2+"px",px:f.px+"px"}:{width:f.size+"px",height:f.size+"px",borderRadius:"50%"},backgroundColor:g.bg,color:g.text,border:"var(--Button-Border-Width) solid "+g.border,"--_height":f.size+"px","--_bevel":"min(calc(var(--Button-Bevel) * var(--_height) / 100), calc(var(--_height) / 5))",boxShadow:`${gr(i)}, ${dr}`,fontSize:f.fontSize,fontFamily:"inherit",fontWeight:600,cursor:c?"not-allowed":"pointer",opacity:c?"var(--Disabled, 0.38)":1,outline:"none",flexShrink:0,transition:"background-color 0.15s ease, box-shadow 0.2s ease, transform 0.1s ease","&:hover":c?{}:{backgroundColor:g.hover,boxShadow:`${gr(i)}, ${cr}`},"&:active":c?{}:{backgroundColor:g.active,transform:"scale(0.96)",boxShadow:gr(i)},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px"},...d&&!c&&{animation:"fab-pulse 2s infinite"},...p},...m,children:[a.jsx(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",fontSize:f.iconSize+"px",color:"inherit","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"}},children:b}),l&&o&&a.jsx(t.Box,{component:"span",sx:{whiteSpace:"nowrap",lineHeight:1},children:o})]})]})}const Es=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Ms=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Os={default:"Tertiary",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"};function Qs({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function Vs({color:e,selected:r,onClick:o}){const i=Os[e]||"Primary";return a.jsx(t.Box,{component:"button",onClick:()=>o(e),"aria-label":"Select "+Es(e),"aria-pressed":r,title:Es(e),sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&a.jsx(n,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}function Gs({value:e,onChange:r,placeholder:o,label:n}){return a.jsxs(t.Box,{children:[n&&a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4},children:n}),a.jsx(t.Box,{component:"input",type:"text",value:e,onChange:e=>r(e.target.value),placeholder:o,sx:{width:"100%",padding:"6px 10px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",outline:"none","&:focus":{borderColor:"var(--Focus-Visible)"}}})]})}const Us={small:"var(--Sm-Rail-Width, 72px)",medium:"var(--Rail-Width, 80px)",large:"var(--Lg-Rail-Width, 96px)"},qs="var(--Icon-Size, 24px)",Xs="var(--Sizing-Half, 4px)",Ys="var(--Button-Height, 32px)";function Zs({items:r=[],sections:o,value:n,defaultValue:i=0,onChange:s,expandable:l=!1,expandedWidth:d="partial",defaultExpanded:c=!1,fabAction:u,labelStyle:h="contained",size:x="medium",className:p="",sx:m={},...g}){const[f,b]=e.useState(i),[v,y]=e.useState(c),j=void 0!==n,S=j?n:f,B=e.useCallback(e=>{j||b(e),s?.(e)},[j,s]),k=l&&v,w=k?("full"===d?320:240)+"px":Us[x]||Us.medium;return a.jsxs(t.Box,{component:"nav",role:"navigation","aria-label":"Navigation rail","data-theme":"Default","data-surface":"Surface-Dim",className:"rail"+(l?" rail-expandable":" rail-fixed")+(k?" rail-expanded":" rail-collapsed")+" rail-label-"+("outside"===h?"outside":"contained")+" rail-"+(Us[x]?x:"medium")+" "+p,sx:{display:"flex",flexDirection:"column",width:w,minHeight:"100%",gap:k?0:"var(--Sizing-1, 8px)",backgroundColor:"var(--Background)",borderRight:"1px solid var(--Border)",fontFamily:"inherit",transition:"width 0.25s ease",overflow:"hidden",flexShrink:0,...m},...g,children:[l&&a.jsx(t.Box,{sx:{display:"flex",justifyContent:k?"flex-start":"center",px:k?1.5:0,height:56,alignItems:"center"},children:a.jsx(Lr,{iconOnly:!0,variant:"ghost",size:"small",onClick:()=>y(e=>!e),"aria-label":k?"Collapse menu":"Expand menu",children:a.jsx(Oa,{size:"small",sx:{color:"inherit"},children:k?a.jsx(Re,{}):a.jsx(Ie,{})})})}),u&&a.jsx(t.Box,{sx:{px:k?2:1,py:1,flexShrink:0},children:a.jsx(Lr,{variant:"primary-light",size:"medium",onClick:u.onClick,"aria-label":u.label||"Action",startIcon:u.icon?a.jsx(Oa,{size:"small",sx:{color:"inherit"},children:u.icon}):void 0,sx:{width:k?"100%":56,borderRadius:k?"28px":"var(--Style-Border-Radius)",justifyContent:k?"flex-start":"center",transition:"all 0.2s ease"},children:k?u.label:null})}),a.jsx(t.Box,{role:"tablist","aria-orientation":"vertical",sx:{flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column",alignItems:"center",gap:k?0:"var(--Sizing-1-and-Half, 12px)",px:k?0:"var(--Sizing-1, 8px)",width:"100%",boxSizing:"border-box"},children:(()=>{if(o&&o.length>0){const e=[];let r=0;return o.forEach((o,n)=>{n>0&&e.push(a.jsx(t.Box,{"aria-hidden":"true",sx:{height:"1px",width:"100%",backgroundColor:"var(--Border-Variant)"}},"divider-"+n)),o.items.forEach(t=>{const o=r;e.push(a.jsx(Js,{item:t,selected:S===o,expanded:k,labelStyle:h,onClick:()=>B(o)},"item-"+o)),r++})}),e}return r.map((e,t)=>a.jsx(Js,{item:e,selected:S===t,expanded:k,labelStyle:h,onClick:()=>B(t)},t))})()})]})}function Js({item:e,selected:r,expanded:o,labelStyle:n,onClick:i}){const{icon:s,avatar:l,label:d,badge:c,disabled:u}=e,h=r?"var(--Button)":"transparent",x=r||o?"var(--Text)":"var(--Quiet)",p="outside"!==n,m=p&&!o,g=u?{}:{"&:hover":{backgroundColor:"var(--Hover)","& .rail-item-label":{color:"var(--Text)"}},"&:active":{backgroundColor:"var(--Pressed)","& .rail-item-label":{color:"var(--Text)"}},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px","& .rail-item-label":{color:"var(--Text)"}}};return a.jsxs(t.Box,{component:"button",type:"button",role:"tab","aria-selected":r,"aria-label":d,"aria-disabled":u||void 0,disabled:u||void 0,onClick:u?void 0:i,className:"rail-item"+(r?" rail-item-selected":""),sx:{display:"flex",flexDirection:o?"row":"column",alignItems:"center",justifyContent:o?"flex-start":"center",gap:o?"var(--Sizing-1-and-Half, 12px)":"2px",width:o?"100%":44,minWidth:o?void 0:qs,minHeight:qs,px:o?2.5:0,py:m?Xs:0,border:r&&m?"1px solid var(--Border)":"1px solid transparent",borderRadius:o?0:"8px",backgroundColor:m||o?h:"transparent",boxShadow:r&&m?"var(--Shadow-1, none)":"none",color:"inherit",cursor:u?"not-allowed":"pointer",opacity:u?"var(--Disabled, 0.38)":1,fontFamily:"inherit",textAlign:o?"left":"center",transition:"background-color 0.15s ease, color 0.15s ease",outline:"none",...m||o?g:{}},children:[a.jsxs(t.Box,{sx:{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",...o?{flexShrink:0}:{width:p?"100%":Ys,height:p?"auto":Ys,py:p?Xs:0,borderRadius:p?"8px":Ys,backgroundColor:p?"transparent":h,border:!p&&r?"1px solid var(--Border)":void 0,transition:"background-color 0.2s ease",...p?{}:g}},children:[l?a.jsx(t.Box,{sx:{display:"flex",width:qs,height:qs},children:l}):a.jsx(Oa,{size:"small",sx:{color:"inherit"},children:s}),c&&a.jsx($s,{value:c})]}),d&&a.jsx(t.Box,{sx:{display:"flex",alignItems:"flex-start",justifyContent:"center",width:"100%"},children:a.jsx(ta,{className:"rail-item-label",style:{color:x,textAlign:"center",whiteSpace:o?"nowrap":"normal",overflow:"hidden",textOverflow:"ellipsis",...o?{flex:1}:{maxWidth:"100%"}},children:d})})]})}function $s({value:e}){return a.jsx(t.Box,{sx:{position:"absolute",top:-4,right:-6,minWidth:16,height:16,borderRadius:"8px",backgroundColor:"var(--Tags-Error-BG)",color:"var(--Tags-Error-Text)",fontSize:"10px",fontWeight:700,px:.5,display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1},children:e})}const Ks=[{icon:a.jsx(v,{}),label:"Home"},{icon:a.jsx(S,{}),label:"Search"},{icon:a.jsx(b,{}),label:"Favorites",badge:3},{icon:a.jsx(k,{}),label:"Profile"},{icon:a.jsx(j,{}),label:"Settings"}];function _s({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}const el={default:{theme:"Default"},primary:{theme:"Primary"},"primary-light":{theme:"Primary",surface:"Surface-Brightest"},white:{theme:"Neutral",surface:"Surface-Brightest"},black:{theme:"Neutral",surface:"Surface-Dimmest"}};function tl({items:r=[],value:o,defaultValue:n,onChange:i,type:s="floating",orientation:l="horizontal",color:d="default",fab:c,className:u="",sx:h={},...x}){const[p,m]=e.useState(n??null),g=void 0!==o,f=g?o:p,b=e.useCallback(e=>{const t=f===e?null:e;g||m(t),i?.(t)},[g,f,i]),v=el[d]||el.default,y=v.theme,j=v.surface,S="vertical"===l,B="floating"===s,k=a.jsx(t.Box,{role:"toolbar","aria-orientation":l,"aria-label":"Toolbar","data-theme":y,"data-surface":j||"Surface",className:"toolbar toolbar-"+s+" toolbar-"+l+" toolbar-"+d+" "+u,sx:{display:"inline-flex",flexDirection:S?"column":"row",alignItems:"center",gap:"4px",backgroundColor:"var(--Background)",border:"1px solid var(--Border-Variant)",borderRadius:B?"56px":"var(--Style-Border-Radius)",padding:B?"8px 16px":"8px",fontFamily:"inherit",flexShrink:0,...B&&{boxShadow:lr},...h},...x,children:r.map((e,t)=>{const r=f===t;return a.jsx(Lr,{iconOnly:!0,variant:r?"default":"ghost",size:"small",onClick:()=>b(t),"aria-label":e.label,"aria-checked":r,role:"radio",children:a.jsx(Oa,{size:"small",sx:{color:"inherit"},children:e.icon})},e.key||t)})});return c&&B?a.jsxs(t.Box,{sx:{display:"inline-flex",flexDirection:S?"column":"row",alignItems:"center",gap:1},children:[k,a.jsx(Lr,{iconOnly:!0,variant:"default",size:"large",onClick:c.onClick,"aria-label":c.label||"Action",sx:{borderRadius:"50%",width:56,height:56,minWidth:"unset",minHeight:"unset"},children:a.jsx(Oa,{size:"medium",sx:{color:"inherit"},children:c.icon})})]}):k}const al=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",rl=[{icon:a.jsx(We,{}),label:"Bold"},{icon:a.jsx(Fe,{}),label:"Italic"},{icon:a.jsx(De,{}),label:"Underline"},{icon:a.jsx(Le,{}),label:"Align left"},{icon:a.jsx(Pe,{}),label:"Align center"}];function ol({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}const nl={small:{height:"var(--Small-Button-Height)",fontSize:"13px",padding:"4px 8px",iconSize:16,btnSize:28},medium:{height:"var(--Button-Height)",fontSize:"14px",padding:"6px 12px",iconSize:18,btnSize:36},large:{height:"var(--Large-Button-Height)",fontSize:"16px",padding:"8px 16px",iconSize:20,btnSize:44}};function il({value:r,defaultValue:o=0,onChange:n,min:i,max:s,step:l=1,variant:d="outlined",style:c="outline",color:u="default",size:h="medium",label:x,labelPosition:p="top",placeholder:m,helperText:g,disabled:b=!1,fullWidth:v=!1,className:y="",sx:j={},...S}){const[B,k]=e.useState(o),[w,C]=e.useState(!1),T=e.useRef(null),A=void 0!==r,z=A?r:B,I=""!==z&&null!=z,R=(W="default"===u?"primary":u).charAt(0).toUpperCase()+W.slice(1);var W;"production"!==process.env.NODE_ENV&&"light"===c&&console.warn('[NumberField] style="light" was removed and had never done anything — it was read by no code path. For a lighter field use data-surface="Surface-Brightest" on its container.');const F="default"===u?"var(--Border)":"var(--Buttons-"+R+"-Border)",D="default"===u?"var(--Text)":"var(--Text-"+R+")",L="outlined"===d,P="floating"===p,H="top"===p,N=nl[h]||nl.medium,E="small"===h?qt:Yt,M=e.useCallback(e=>{let t="number"==typeof e?e:parseFloat(e);isNaN(t)&&(t=0),void 0!==i&&t<i&&(t=i),void 0!==s&&t>s&&(t=s),A||k(t),n?.(t)},[A,n,i,s]),O=e.useRef(z);O.current=z;const Q=e.useCallback(e=>{if(b)return;const t="number"==typeof O.current?O.current:parseFloat(O.current)||0;void 0!==i&&e<0&&t<=i||void 0!==s&&e>0&&t>=s||M(t+e*l)},[b,l,i,s,M]),V=void 0!==i&&z<=i,G=void 0!==s&&z>=s,U=e.useRef(null),q=e.useRef(null),X=e.useCallback(()=>{U.current&&(clearTimeout(U.current),U.current=null),q.current&&(clearInterval(q.current),q.current=null)},[]),Y=e.useCallback(e=>{b||(X(),Q(e),U.current=setTimeout(()=>{let t=120,a=0;const r=()=>{Q(e),a+=1,10===a&&t>60?(clearInterval(q.current),t=60,q.current=setInterval(r,t)):30===a&&t>30&&(clearInterval(q.current),t=30,q.current=setInterval(r,t))};q.current=setInterval(r,t)},400))},[b,Q,X]);e.useEffect(()=>X,[X]);const Z=e.useRef(!1),J=e=>({onPointerDown:t=>{if(void 0===t.button||0===t.button){t.preventDefault();try{t.currentTarget.setPointerCapture?.(t.pointerId)}catch(e){}Z.current=!0,Y(e)}},onClick:()=>{Z.current?Z.current=!1:Q(e)},onPointerUp:e=>{try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch(e){}X()},onPointerCancel:X,onPointerLeave:X,onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||t.repeat||(t.preventDefault(),Y(e))},onKeyUp:e=>{"Enter"!==e.key&&" "!==e.key||X()},onBlur:X}),$=e=>{const t=e.target.value;if(""===t||"-"===t)return void(A||k(t));const a=parseFloat(t);isNaN(a)||M(a)},K=e=>{"ArrowUp"===e.key&&(e.preventDefault(),Q(1)),"ArrowDown"===e.key&&(e.preventDefault(),Q(-1))},_={display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"transparent",color:"default"===u?"var(--Text)":"var(--Text-"+R+")",cursor:"pointer",outline:"none",flexShrink:0,border:"none",padding:0,borderRadius:"var(--Button-Icon-Radius, 0)",transition:"background-color 0.15s ease","&:hover:not(:disabled)":{backgroundColor:"var(--Hover)"},"&:active:not(:disabled)":{backgroundColor:"var(--Pressed)"},"&:focus-visible":{outline:"none",boxShadow:"inset 0 0 0 1px var(--Focus-Visible)"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},ee={},te=()=>H&&x?a.jsx(E,{component:"label",style:{display:"block",marginBottom:"6px",color:b?"var(--Quiet)":"var(--Text)",fontWeight:500,opacity:b?"var(--Disabled, 0.38)":1},children:x}):null;return L?a.jsxs(t.Box,{className:"numberfield numberfield-outlined"+(b?" numberfield-disabled":"")+(y?" "+y:""),sx:{width:v?"100%":"auto",fontFamily:"inherit",...j},...S,children:[te(),a.jsx(t.Box,{sx:{border:"1px solid "+F,borderRadius:"small"===h?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===h?"var(--Lg-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden",transition:"border-color 0.15s ease",boxShadow:"none",opacity:b?"var(--Disabled, 0.38)":1,"&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:a.jsx(t.Box,{...ee,children:a.jsxs(t.Box,{sx:{position:"relative",display:"flex",alignItems:"stretch",minHeight:"max("+N.height+", calc(var(--Sizing-3, 24px) * 2 + 1px))",backgroundColor:"var(--Background)"},children:[P&&x&&a.jsx(t.Box,{sx:{position:"absolute",top:I||w?"6px":"50%",left:N.padding.split(" ")[1]||"14px",transform:I||w?"none":"translateY(-50%)",transformOrigin:"top left",color:w?D:"var(--Quiet)",fontFamily:"var(--Font-Families-Body, var(--Body-Font-Family))",...I||w?{fontSize:"var(--"+(di[h]||di.medium).shrunk+"-Font-Size)",fontWeight:"var(--"+(di[h]||di.medium).shrunk+"-Font-Weight)",letterSpacing:"var(--"+(di[h]||di.medium).shrunk+"-Letter-Spacing)"}:{fontSize:"var(--"+(di[h]||di.medium).resting+"-Font-Size)",fontWeight:"var(--"+(di[h]||di.medium).resting+"-Font-Weight)",letterSpacing:"var(--"+(di[h]||di.medium).resting+"-Letter-Spacing)"},pointerEvents:"none",transition:"top 0.15s ease, font-size 0.15s ease, color 0.15s ease",zIndex:1},children:x}),a.jsx(t.Box,{component:"input",ref:T,type:"text",inputMode:"numeric",role:"spinbutton","aria-valuenow":"number"==typeof z?z:void 0,"aria-valuemin":i,"aria-valuemax":s,"aria-label":x||"Number",value:z,onChange:$,onKeyDown:K,onFocus:()=>C(!0),onBlur:()=>C(!1),disabled:b,placeholder:P?void 0:m||"",sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:I||w?D:"var(--Quiet)",fontSize:N.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)",padding:P?"22px 14px 6px":N.padding,minWidth:0,"&::placeholder":{color:"var(--Quiet)",opacity:1},"&:disabled":{cursor:"not-allowed"}}}),a.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"stretch",borderLeft:"1px solid "+F,flexShrink:0},children:[a.jsx(t.Box,{component:"button",type:"button","aria-label":"Increase",...J(1),disabled:b||G,sx:{..._,width:"var(--Sizing-4, 32px)",height:"var(--Sizing-3, 24px)"},children:a.jsx(Oa,{size:"medium",children:a.jsx(He,{})})}),a.jsx(t.Box,{"aria-hidden":"true",sx:{height:"1px",backgroundColor:F,flexShrink:0}}),a.jsx(t.Box,{component:"button",type:"button","aria-label":"Decrease",...J(-1),disabled:b||V,sx:{..._,width:"var(--Sizing-4, 32px)",height:"var(--Sizing-3, 24px)"},children:a.jsx(Oa,{size:"medium",children:a.jsx(Ne,{})})})]})]})})}),g&&a.jsx(qt,{style:{color:"var(--Quiet)",marginTop:"4px",marginLeft:"2px"},children:g})]}):a.jsxs(t.Box,{className:"numberfield numberfield-spinner"+(b?" numberfield-disabled":"")+(y?" "+y:""),sx:{fontFamily:"inherit",...j},...S,children:[te(),a.jsxs(t.Box,{sx:{display:"inline-flex",alignItems:"center",gap:"small"===h?.5:1,opacity:b?"var(--Disabled, 0.38)":1},children:[a.jsx(t.Box,{component:"button",type:"button","aria-label":"Decrease",...J(-1),disabled:b||V,sx:{..._,width:N.btnSize,height:N.btnSize,borderRadius:"small"===h?"var(--Sm-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"large"===h?"var(--Lg-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"var(--Button-Icon-Radius, var(--Style-Border-Radius))",border:"1px solid "+F},children:a.jsx(Oa,{size:"small",children:a.jsx(f,{})})}),a.jsx(t.Box,{sx:{border:"1px solid "+F,borderRadius:"small"===h?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===h?"var(--Lg-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden","&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:a.jsx(t.Box,{...ee,children:a.jsx(t.Box,{component:"input",ref:T,type:"text",inputMode:"numeric",role:"spinbutton","aria-valuenow":"number"==typeof z?z:void 0,"aria-valuemin":i,"aria-valuemax":s,"aria-label":x||"Number",value:z,onChange:$,onKeyDown:K,onFocus:()=>C(!0),onBlur:()=>C(!1),disabled:b,sx:{width:"small"===h?40:56,minHeight:N.height,textAlign:"center",border:"none",outline:"none",backgroundColor:"var(--Hover)",color:"var(--Text)",fontSize:N.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:600,"&:disabled":{cursor:"not-allowed"}}})})}),a.jsx(t.Box,{component:"button",type:"button","aria-label":"Increase",...J(1),disabled:b||G,sx:{..._,width:N.btnSize,height:N.btnSize,borderRadius:"small"===h?"var(--Sm-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"large"===h?"var(--Lg-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"var(--Button-Icon-Radius, var(--Style-Border-Radius))",border:"1px solid "+F},children:a.jsx(Oa,{size:"small",children:a.jsx(ye,{})})})]}),g&&a.jsx(qt,{style:{color:"var(--Quiet)",marginTop:"4px",marginLeft:"2px"},children:g})]})}const sl=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",ll=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function dl({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function cl({color:e,selected:r,onClick:o}){const i=sl(e);return a.jsx(t.Box,{component:"button",onClick:()=>o(e),"aria-label":"Select "+i,"aria-pressed":r,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&a.jsx(n,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const ul={color:"var(--Text)",backgroundColor:"transparent",textTransform:"none",fontWeight:500,"&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},"&.Mui-focusVisible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px",zIndex:1},"&.Mui-disabled":{color:"var(--Quiet)",opacity:"var(--Disabled, 0.38)"},"&.Mui-selected":{backgroundColor:"var(--Buttons-Primary-Button)",color:"var(--Buttons-Primary-Text)","&:hover":{backgroundColor:"var(--Buttons-Primary-Hover)"},"&:active":{backgroundColor:"var(--Buttons-Primary-Pressed)"}}};let hl=!1;function xl({variant:e="default",exclusive:t=!0,onChange:r,...o}){return hl||"production"===process.env.NODE_ENV||(hl=!0,console.warn('[OmniDesign] ToggleButtonGroup is retired — it was a second implementation of ButtonGroup. Use <ButtonGroup variant="outlined" color="…"> with <Button value="…"> segments. Note two prop changes: `exclusive` becomes `multiple` (inverted), and onChange is (value, event) rather than (event, value).')),a.jsx(qi,{variant:"outlined",color:e,multiple:!t,onChange:r?(e,t)=>r(t,e):void 0,...o})}const pl=e=>{const t=t=>a.jsx(xl,{variant:e,...t});return t.displayName=`${e}ToggleButtonGroup`,t},ml=pl("default"),gl=pl("primary"),fl=pl("secondary"),bl=pl("tertiary"),vl=pl("neutral"),yl=pl("black-white"),jl=pl("info"),Sl=pl("success"),Bl=pl("warning"),kl=pl("error");function wl({label:r,value:o="",onChange:n,placeholder:i,error:s=!1,errorMessage:l="",disabled:d=!1,helperText:c="",variant:u="outlined",size:h="medium",type:x="text",required:p=!1,fullWidth:m=!0,startAdornment:g,endAdornment:f,sx:b={},"aria-label":v,"aria-labelledby":y,onFocus:j,onBlur:S,...B}){const[k,w]=e.useState(!1),C=s?"var(--Buttons-Error-Border)":k?"var(--Buttons-Primary-Border)":"var(--Border)",T=s||k?"var(--Text)":"var(--Text-Quiet)",A="var(--Text)";return a.jsxs(t.Box,{sx:{width:m?"100%":"auto"},children:[a.jsx(t.TextField,{label:r,value:o,onChange:n,placeholder:i,disabled:d,variant:u,size:h,type:x,required:p,onFocus:e=>{w(!0),j?.(e)},onBlur:e=>{w(!1),S?.(e)},error:s,fullWidth:m,slotProps:{htmlInput:{...v?{"aria-label":v}:{},...y?{"aria-labelledby":y}:{}},input:{"data-surface":d?"Container-Low":"Container",style:{color:A},startAdornment:g?a.jsx(t.InputAdornment,{position:"start",children:g}):void 0,endAdornment:f?a.jsx(t.InputAdornment,{position:"end",children:f}):void 0}},sx:{width:m?"100%":"auto","& .MuiOutlinedInput-root":{backgroundColor:"var(--Background)",transition:"all 0.2s ease-in-out",color:A,"& fieldset":{borderColor:C,transition:"border-color 0.2s ease-in-out"},"&:hover fieldset":{borderColor:s?"var(--Buttons-Error-Border)":"var(--Buttons-Primary-Border)"},"&.Mui-focused fieldset":{borderColor:s?"var(--Buttons-Error-Border)":"var(--Buttons-Primary-Border)",borderWidth:"2px"},"&.Mui-disabled":{backgroundColor:"var(--Background)",opacity:"var(--Disabled, 0.38)"}},"& .MuiInputLabel-root":{color:T,transition:"all 0.2s ease-in-out",fontSize:"14px",fontWeight:500,"&.Mui-focused":{color:"var(--Text)",fontWeight:600},"&.Mui-error":{color:"var(--Text)"},"&.Mui-disabled":{color:"var(--Text-Secondary)",opacity:"var(--Disabled, 0.38)"}},"& .MuiFormHelperText-root":{color:s?"var(--Buttons-Error-Border)":"var(--Text-Secondary)",marginTop:"4px",fontSize:"12px"},...b},...B}),s&&l&&a.jsx(t.FormHelperText,{error:!0,sx:{color:"var(--Buttons-Error-Border)",marginTop:"4px",fontSize:"12px",fontWeight:500},children:l})]})}const Cl=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Tl=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Al=[{value:"apple",label:"Apple"},{value:"banana",label:"Banana"},{value:"cherry",label:"Cherry"},{value:"date",label:"Date"},{value:"elderberry",label:"Elderberry"}],zl=[{value:"primary",label:"Primary",color:"var(--Buttons-Primary-Button)"},{value:"secondary",label:"Secondary",color:"var(--Buttons-Secondary-Button)"},{value:"tertiary",label:"Tertiary",color:"var(--Buttons-Tertiary-Button)"},{value:"neutral",label:"Neutral",color:"var(--Buttons-Neutral-Button)"},{value:"info",label:"Info",color:"var(--Buttons-Info-Button)"},{value:"success",label:"Success",color:"var(--Buttons-Success-Button)"},{value:"warning",label:"Warning",color:"var(--Buttons-Warning-Button)"},{value:"error",label:"Error",color:"var(--Buttons-Error-Button)"}];function Il({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function Rl({color:e,selected:r,onClick:o}){const i=Cl(e);return a.jsx(t.Box,{component:"button",onClick:()=>o(e),"aria-label":"Select "+i,"aria-pressed":r,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&a.jsx(n,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const Wl={small:{height:"var(--Small-Button-Height)",fontSize:"13px",padding:"4px 8px",iconSize:16},medium:{height:"var(--Button-Height)",fontSize:"14px",padding:"6px 12px",iconSize:18},large:{height:"var(--Large-Button-Height)",fontSize:"16px",padding:"8px 16px",iconSize:20}},Fl={small:{height:"48px",fontSize:"13px",padding:"20px 12px 4px",leftPad:12},medium:{height:"56px",fontSize:"14px",padding:"22px 14px 6px",leftPad:14},large:{height:"64px",fontSize:"16px",padding:"24px 16px 6px",leftPad:16}};function Dl({options:r=[],value:o,defaultValue:s=null,onChange:l,inputValue:d,onInputChange:c,label:u,labelPosition:h="top",placeholder:x="Type to search",helperText:p,size:m="medium",variant:g="outline",color:f="primary",loading:b=!1,loadingText:v="Loading…",noOptionsText:y="No options",freeSolo:j=!1,clearable:S=!0,disabled:B=!1,fullWidth:k=!1,className:w="",sx:C={},...T}){const A=(z="default"===f?"primary":f).charAt(0).toUpperCase()+z.slice(1);var z;"production"!==process.env.NODE_ENV&&"light"===g&&console.warn('[Autocomplete] variant="light" was removed and had never done anything — it was read by no code path. For a lighter Autocomplete use data-surface="Surface-Brightest" on its container.');const I="light"===g?"outline":g,R="var(--Buttons-"+A+"-Border)",W="default"===f?"var(--Text)":"var(--Text-"+A+")",[F,D]=e.useState(s),[L,P]=e.useState(s?"string"==typeof s?s:s.label||"":""),[H,N]=e.useState(!1),[E,M]=e.useState(!1),[O,Q]=e.useState(-1),V=e.useRef(null),G=e.useRef(null),U=void 0!==o,q=void 0!==d,X=U?o:F,Y=q?d:L,Z="floating"===h,J="top"===h,$=""!==Y,K=Z?Fl[m]||Fl.medium:Wl[m]||Wl.medium,_=Y?r.filter(e=>("string"==typeof e?e:e.label).toLowerCase().includes(Y.toLowerCase())):r,ee=e.useCallback(e=>{q||P(e),c?.(e)},[q,c]),te=e.useCallback(e=>{const t="string"==typeof e?e:e.label;U||D(e),ee(t),l?.(e),N(!1),Q(-1),G.current?.focus()},[U,l,ee]);e.useEffect(()=>{if(!H)return;const e=e=>{V.current&&!V.current.contains(e.target)&&N(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[H]);return a.jsxs(t.Box,{ref:V,className:"autocomplete autocomplete-"+m+" autocomplete-variant-"+I+(H?" autocomplete-open":"")+(B?" autocomplete-disabled":"")+(w?" "+w:""),sx:{position:"relative",width:k?"100%":"auto",display:"inline-block",fontFamily:"inherit",...C},...T,children:[J&&u&&(()=>{const e="small"===m?qt:Yt;return a.jsx(e,{component:"label",style:{display:"block",marginBottom:"6px",color:B?"var(--Quiet)":"var(--Text)",fontWeight:500,opacity:B?"var(--Disabled, 0.38)":1},children:u})})(),a.jsx(t.Box,{sx:{border:"1px solid "+R,borderRadius:"small"===m?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===m?"var(--Lg-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden",transition:"border-color 0.15s ease",boxShadow:"none",opacity:B?"var(--Disabled, 0.38)":1,"&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:a.jsx(t.Box,{children:a.jsxs(t.Box,{sx:{position:"relative",display:"flex",alignItems:"center",minHeight:K.height,backgroundColor:"var(--Hover)"},children:[Z&&u&&a.jsx(t.Box,{sx:{position:"absolute",top:$||E?"6px":"50%",left:(K.leftPad||14)+"px",transform:$||E?"scale(0.75)":"translateY(-50%)",transformOrigin:"top left",color:E?W:"var(--Quiet)",fontSize:K.fontSize,fontWeight:400,pointerEvents:"none",zIndex:1,transition:"top 0.15s ease, transform 0.15s ease, color 0.15s ease"},children:u}),a.jsx(t.Box,{component:"input",ref:G,type:"text",role:"combobox","aria-expanded":H,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-label":u||x,autoComplete:"off",value:Y,onChange:e=>{ee(e.target.value),H||N(!0),Q(-1)},onKeyDown:e=>{if("Escape"!==e.key){if("ArrowDown"===e.key){if(e.preventDefault(),!H)return void N(!0);Q(e=>Math.min(e+1,_.length-1))}"ArrowUp"===e.key&&(e.preventDefault(),Q(e=>Math.max(e-1,0))),"Enter"===e.key&&H&&O>=0&&_[O]&&(e.preventDefault(),te(_[O]))}else N(!1)},onFocus:()=>{M(!0),N(!0)},onBlur:()=>M(!1),disabled:B,placeholder:Z?void 0:x,sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:$||E?W:"var(--Quiet)",fontSize:K.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)",padding:K.padding,minWidth:0,"&::placeholder":{color:"var(--Quiet)",opacity:1,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)"},"&:disabled":{cursor:"not-allowed"}}}),b&&H&&a.jsx(Ee,{size:16,sx:{mr:1,color:"var(--Quiet)"}}),S&&Y&&!B&&a.jsx(t.Box,{component:"button",type:"button","aria-label":"Clear",onClick:()=>{U||D(null),ee(""),l?.(null),G.current?.focus()},sx:{display:"flex",alignItems:"center",justifyContent:"center",width:20,height:20,borderRadius:"50%",mr:.5,border:"none",backgroundColor:"transparent",color:"var(--Quiet)",cursor:"pointer","&:hover":{color:"var(--Text)",backgroundColor:"var(--Hover)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)"}},children:a.jsx(Re,{sx:{fontSize:14}})}),a.jsx(t.Box,{component:"button",type:"button","aria-label":H?"Close":"Open",tabIndex:-1,onClick:()=>{B||N(!H)},sx:{display:"flex",alignItems:"center",justifyContent:"center",width:28,height:"100%",border:"none",backgroundColor:"transparent",color:"var(--Quiet)",cursor:B?"not-allowed":"pointer"},children:a.jsx(i,{sx:{fontSize:(K.iconSize||18)+"px",transform:H?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease"}})})]})})}),p&&a.jsx(t.Box,{sx:{fontSize:"12px",color:"var(--Quiet)",mt:"4px",ml:"2px"},children:p}),H&&a.jsx(t.Box,{role:"listbox","aria-label":u||"Options",sx:{position:"absolute",top:"100%",left:0,right:0,mt:.5,backgroundColor:"var(--Hover)",border:"1px solid var(--Buttons-Default-Border)",borderRadius:"var(--Style-Border-Radius)",boxShadow:"none",zIndex:9999,maxHeight:240,overflowY:"auto",py:.5},children:b?a.jsx(t.Box,{sx:{px:1.5,py:2,textAlign:"center",fontSize:K.fontSize,color:"var(--Quiet)"},children:v}):0===_.length?a.jsx(t.Box,{sx:{px:1.5,py:2,textAlign:"center",fontSize:K.fontSize,color:"var(--Quiet)"},children:y}):_.map((e,r)=>{const o="string"==typeof e?e:e.label,i="string"==typeof e?e:e.value,s=o===(X?"string"==typeof X?X:X.label:null),l=function(e,t){return t?{backgroundColor:"transparent",color:"var(--Text)",fontWeight:600}:e?{backgroundColor:"var(--Hover)",color:"var(--Text)"}:{backgroundColor:"transparent",color:"var(--Text-Quiet)"}}(r===O,s);return a.jsxs(t.Box,{role:"option","aria-selected":s,onClick:()=>te(e),onMouseEnter:()=>Q(r),sx:{display:"flex",alignItems:"center",gap:1,px:1.5,py:0,mx:.5,minHeight:K.height,borderRadius:"4px",cursor:"pointer",fontSize:K.fontSize,fontFamily:"inherit",...l,transition:"background-color 0.1s ease","&:active":{backgroundColor:"var(--Pressed)"}},children:[a.jsx(qt,{style:{flex:1,color:"inherit",fontWeight:"inherit"},children:o}),s&&a.jsx(Oa,{size:"small",sx:{opacity:.6,flexShrink:0},children:a.jsx(n,{})})]},i||o)})})]})}const Ll=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Pl=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Hl=[{value:"apple",label:"Apple"},{value:"banana",label:"Banana"},{value:"cherry",label:"Cherry"},{value:"date",label:"Date"},{value:"elderberry",label:"Elderberry"},{value:"fig",label:"Fig"},{value:"grape",label:"Grape"}];function Nl({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function El({color:e,selected:r,onClick:o}){const i=Ll(e);return a.jsx(t.Box,{component:"button",onClick:()=>o(e),"aria-label":"Select "+i,"aria-pressed":r,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&a.jsx(n,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const Ml={small:{height:"var(--Small-Button-Height)",fontSize:"13px",iconSize:18,px:12},medium:{height:"var(--Button-Height)",fontSize:"14px",iconSize:20,px:16},large:{height:"var(--Large-Button-Height)",fontSize:"15px",iconSize:22,px:16}};function Ol({value:r,defaultValue:o="",onChange:n,onFocus:i,onBlur:s,onClear:l,onSubmit:d,placeholder:c="Search…",size:u="medium",color:h="default",showClearButton:x=!0,disabled:p=!1,ariaLabel:m="Search",className:g="",sx:f={},...b}){const[v,y]=e.useState(o),[j,B]=e.useState(!1),k=e.useRef(null),w=void 0!==r,C=w?r:v,T=C.length>0,A=j||T,z=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===h?"primary":h),I="var(--Buttons-"+z+"-Border)",R="default"===h?"var(--Text)":"var(--Text-"+z+")",W=Ml[u]||Ml.medium,F=()=>{w||y(""),n?.(""),l?.(),k.current?.focus()};return a.jsx(t.Box,{className:"search-field search-field-"+u+(j?" search-field-focused":"")+(T?" search-field-filled":"")+(p?" search-field-disabled":"")+(g?" "+g:""),sx:{display:"flex",boxSizing:"border-box",...f},...b,children:a.jsx(t.Box,{sx:{border:"1px solid "+I,borderRadius:"small"===u?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===u?"var(--Lg-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden",opacity:p?"var(--Disabled, 0.38)":1,transition:"border-color 0.15s ease, box-shadow 0.15s ease",boxShadow:"none",width:"100%",...!p&&{"&:hover":{borderColor:"var(--Buttons-"+z+"-Hover)"},"&:active":{borderColor:"var(--Buttons-"+z+"-Pressed)"}},"&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:a.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:1,width:"100%",boxSizing:"border-box",minHeight:W.height,px:W.px+"px",backgroundColor:"var(--Hover)"},children:[a.jsx(Oa,{size:"small",sx:{color:A?R:"var(--Quiet)",flexShrink:0,transition:"color 0.15s ease"},children:a.jsx(S,{})}),a.jsx(t.Box,{component:"input",ref:k,type:"text",role:"searchbox","aria-label":m,value:C,onChange:e=>{const t=e.target.value;w||y(t),n?.(t,e)},onFocus:e=>{B(!0),i?.(e)},onBlur:e=>{B(!1),s?.(e)},onKeyDown:e=>{"Enter"===e.key&&d?.(C,e),"Escape"===e.key&&T&&F()},placeholder:c,disabled:p,sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:A?R:"var(--Quiet)",fontSize:W.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)",minWidth:0,"&::placeholder":{color:"var(--Quiet)",opacity:1,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)"},"&:disabled":{cursor:"not-allowed"}}}),x&&T&&!p&&a.jsx(t.Box,{component:"button",type:"button","aria-label":"Clear search",onClick:F,sx:{display:"flex",alignItems:"center",justifyContent:"center",width:W.iconSize+4,height:W.iconSize+4,borderRadius:"50%",border:"none",backgroundColor:"transparent",color:"var(--Quiet)",cursor:"pointer",flexShrink:0,padding:0,transition:"color 0.15s ease, background-color 0.15s ease","&:hover":{backgroundColor:"var(--Hover)",color:R},"&:active":{backgroundColor:"var(--Pressed)",color:R},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px"}},children:a.jsx(Oa,{size:"small",children:a.jsx(Re,{})})})]})})})}const Ql=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Vl=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Gl({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function Ul({color:e,selected:r,onClick:o}){const i=Ql(e);return a.jsx(t.Box,{component:"button",onClick:()=>o(e),"aria-label":"Select "+i,"aria-pressed":r,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&a.jsx(n,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const ql=["default","primary","secondary","tertiary","neutral","info","success","warning","error"],Xl={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"};function Yl({color:e="primary",width:r="hug",allCaps:o=!1,children:n,className:i="",sx:s={},...l}){const d="fill"===r,c=Xl[e]||"Primary",u="var(--Tag-"+c+"-BG)",h="var(--Tag-"+c+"-Text)";return a.jsx(t.Box,{component:"span",className:"tag tag-"+e+(i?" "+i:""),sx:{display:d?"flex":"inline-flex",alignItems:"center",justifyContent:d?"center":"flex-start",height:"24px",px:"8px",borderRadius:0,backgroundColor:u,color:h,width:d?"100%":"auto",flexShrink:0,userSelect:"none",...s},...l,children:a.jsx(qt,{component:"span",sx:{color:"inherit",lineHeight:"24px",whiteSpace:"nowrap",fontWeight:600,textTransform:o?"uppercase":"none"},children:n})})}const Zl=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Jl({ratio:e,threshold:r}){if(!e)return a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"--"});const o=parseFloat(e)>=r;return a.jsxs(t.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[a.jsxs(t.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:o?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:[e,":1"]}),a.jsx(ea,{style:{color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:o?"Pass":"Fail"})]})}function $l({label:e,ratio:r,threshold:o,note:n}){return a.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(t.Box,{sx:{flex:1},children:[a.jsx(qt,{style:{color:"var(--Text)"},children:e}),n&&a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),a.jsx(Jl,{ratio:r,threshold:o})]})}function Kl({color:e,selected:r,onClick:o}){const i=Xl[e]||((s=e)?s.charAt(0).toUpperCase()+s.slice(1):"");var s;return a.jsx(t.Box,{component:"button",onClick:()=>o(e),"aria-label":"Select "+i,"aria-pressed":r,title:i,sx:{width:"var(--Button-Height, 36px)",height:"var(--Button-Height, 36px)",borderRadius:"4px",backgroundColor:"var(--Tag-"+i+"-BG)",border:r?"2px solid var(--Text)":"2px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&a.jsx(n,{sx:{fontSize:16,color:"var(--Tag-"+i+"-Text)",pointerEvents:"none"}})})}const _l={none:void 0,small:"var(--Sm-Card-Radius, var(--Card-Radius))",medium:"var(--Card-Radius)",large:"var(--Lg-Card-Radius, var(--Card-Radius))"};function ed({children:e,theme:r,surface:o,radius:n="none",elevation:i=0,component:s="div",className:l="",sx:d={},style:c,...u}){const h=Math.max(0,Math.min(5,0|i)),x=_l[n];if(!h)return a.jsx(t.Box,{component:s,"data-theme":r||void 0,"data-surface":o||void 0,className:"omni-box"+(l?" "+l:""),sx:{background:"var(--Background)",boxSizing:"border-box",...x?{borderRadius:x}:{},...d},style:c,...u,children:e});const p=c||{},{width:m,height:g,minWidth:f,minHeight:b,maxWidth:v,maxHeight:y,borderRadius:j,margin:S,marginTop:B,marginRight:k,marginBottom:w,marginLeft:C,...T}=p,A={width:m,height:g,minWidth:f,minHeight:b,maxWidth:v,maxHeight:y,borderRadius:j,margin:S,marginTop:B,marginRight:k,marginBottom:w,marginLeft:C},{width:z,height:I,borderRadius:R,...W}=d;return a.jsx(t.Box,{component:s,className:"omni-box-elevation"+(l?" "+l:""),"data-elevation":h,sx:{boxShadow:hr[h],boxSizing:"border-box",width:z,height:I,borderRadius:void 0!==R?R:x},style:A,...u,children:a.jsx(t.Box,{"data-theme":r||void 0,"data-surface":o||void 0,className:"omni-box",sx:{width:"100%",height:"100%",background:"var(--Background)",borderRadius:"inherit",boxSizing:"border-box",...W},style:T,children:e})})}const td=["Surface","Surface-Dim","Surface-Bright","Container","Container-Low","Container-Lowest","Container-High"],ad=["Default","Primary","Primary","Secondary","Secondary","Tertiary","Tertiary","Neutral","Neutral","Info","Success","Warning","Error"];function rd({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function od({theme:e,surface:t="Surface",as:r="section",padding:o,className:n,style:i,children:s,...l}){return a.jsx(r,{...e?{"data-theme":e}:{},"data-surface":t,className:n,style:{background:"var(--Background)",color:"var(--Text)",...void 0!==o?{padding:o}:{},...i},...l,children:s})}const nd=["1:1","3:4","4:3","16:9","9:16","2:3","3:2","1:2","2:1","9:21","21:9","5:7","7:5","4:5","5:4","5:3","3:5","16:10","10:16","Golden-Horizontal","Golden-Vertical"],id="1.618034",sd={"1:1":"1 / 1","3:4":"3 / 4","4:3":"4 / 3","16:9":"16 / 9","9:16":"9 / 16","2:3":"2 / 3","3:2":"3 / 2","1:2":"1 / 2","2:1":"2 / 1","9:21":"9 / 21","21:9":"21 / 9","5:7":"5 / 7","7:5":"7 / 5","4:5":"4 / 5","5:4":"5 / 4","5:3":"5 / 3","3:5":"3 / 5","16:10":"16 / 10","10:16":"10 / 16","Golden-Horizontal":id+" / 1","Golden-Vertical":"1 / "+id},ld={none:0,xs:1,sm:2,md:3,lg:4,xl:6};function dd({ratio:r="1:1",children:o,variant:n="default",color:i="default",padding:s="none",fit:l="width",placeholder:d=!0,elevated:c=!1,clickable:u=!1,onClick:h,maxWidth:x,maxHeight:p,component:m="div",className:g="",sx:f={},...b}){const v=sd[r]||sd["1:1"],y=(j="default"===i?"Default":i).charAt(0).toUpperCase()+j.slice(1);var j;const S=d&&0===e.Children.count(o),B="default"===i?void 0:y,k="dark"===n?"Surface-Dimmest":"light"===n?"Surface-Brightest":void 0,w=void 0!==ld[s]?ld[s]:ld.none,C=u||!!h,T="default"===n,A=c?dr:lr,z=c?cr:dr;return a.jsx(t.Box,{component:m,onClick:C?h:void 0,role:C?"button":void 0,tabIndex:C?0:void 0,className:"ratio ratio-"+r.toLowerCase()+" ratio-"+n+(C?" ratio-clickable":"")+(c?" ratio-elevated":"")+(g?" "+g:""),sx:{aspectRatio:v,flex:"0 0 auto",..."height"===l?{height:"100%",width:"auto",minHeight:24}:{width:"100%",height:"auto",minWidth:24},...void 0!==x&&{maxWidth:x},...void 0!==p&&{maxHeight:p},border:T?"none":"1px solid var(--Border-Variant)",borderRadius:T?0:"var(--Style-Border-Radius)",boxShadow:T?"none":A,overflow:"hidden",transition:"box-shadow 0.2s ease, border-color 0.2s ease",...C&&{cursor:"pointer","&:hover":{borderColor:"var(--Buttons-Default-Border)",boxShadow:z},"&:active":{transform:"scale(0.995)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"3px"}},...!C&&!T&&{"&:hover":{boxShadow:z}},...f},...b,children:a.jsx(t.Box,{"data-theme":B||void 0,"data-surface":k,sx:{width:"100%",height:"100%",padding:w,backgroundColor:S?"var(--Border)":"var(--Background)",color:"var(--Text)",fontFamily:"inherit",borderRadius:T?0:"calc(var(--Style-Border-Radius) - 1px)",...S?{display:"flex",alignItems:"center",justifyContent:"center"}:{"& > *":{width:"100%",height:"100%"}}},children:S?a.jsx(Oa,{size:"large",sx:{color:"var(--Background)"},children:a.jsx(Me,{})}):o})})}const cd=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",ud=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],hd=["default","solid","light","dark"],xd=["none","xs","sm","md","lg","xl"];function pd({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function md({color:e,selected:t,onClick:r,variant:o}){const i=cd(e),s={solid:i,light:i+"-Light",dark:i,default:void 0};return a.jsx(ed,{component:"button","data-theme":s[o],"data-surface":{solid:"Surface",light:"Surface",dark:"Surface-Dimmest",default:"Surface"}[o],onClick:()=>r(e),"aria-label":"Select "+i,"aria-pressed":t,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Background)",border:t?"2px solid var(--Text)":"2px solid var(--Border)",outline:t?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:t&&a.jsx(n,{sx:{fontSize:16,color:"var(--Text)",pointerEvents:"none"}})})}const gd=e=>e.charAt(0).toUpperCase()+e.slice(1),fd={small:qt,medium:Yt,large:Kt},bd={small:Vt,medium:Qt,large:Ot},vd={small:{py:"var(--Sizing-Half)",itemPx:"var(--Sizing-1)",itemPy:"var(--Sizing-Half)",fontSize:"var(--Sm-Button-Text)",minWidth:"140px"},medium:{py:"6px",itemPx:"var(--Sizing-1-and-Half)",itemPy:"6px",fontSize:"var(--Button-Text)",minWidth:"160px"},large:{py:"var(--Sizing-1)",itemPx:"var(--Sizing-2)",itemPy:"var(--Sizing-1)",fontSize:"var(--Lg-Button-Text)",minWidth:"180px"}},yd=e.createContext({open:!1,setOpen:()=>{},anchorRef:{current:null},menuId:"",buttonId:"",variant:"outline",color:"default",size:"medium"}),jd=()=>e.useContext(yd);function Sd({children:r,variant:o="outline",color:n="default",size:i="medium",open:s,onOpenChange:l,...d}){const[c,u]=e.useState(!1),h=void 0!==s,x=h?s:c,p=e.useRef(null),m=e.useId(),g="menu-"+m,f="menubtn-"+m,b=e.useCallback(e=>{const t="function"==typeof e?e(x):e;h?l?.(t):u(t)},[h,x,l]);return a.jsx(yd.Provider,{value:{open:x,setOpen:b,anchorRef:p,menuId:g,buttonId:f,variant:o,color:n,size:i},children:a.jsx(t.Box,{sx:{display:"inline-flex",position:"relative"},...d,children:r})})}function Bd({children:r,className:o="",sx:n={},...s}){const{open:l,setOpen:d,anchorRef:c,menuId:u,buttonId:h,size:x,color:p}=jd(),m=vd[x]||vd.medium,g=gd("default"===p?"Default":p);return a.jsxs(t.Box,{component:"button",ref:c,id:h,"aria-haspopup":"true","aria-expanded":l,"aria-controls":l?u:void 0,onClick:()=>d(e=>!e),className:"menu-button "+o,sx:{display:"inline-flex",alignItems:"center",gap:"6px",padding:m.itemPy+" "+m.itemPx,fontSize:m.fontSize,fontFamily:"inherit",fontWeight:600,color:"var(--Text)",backgroundColor:"var(--Background)",border:"1px solid var(--Buttons-"+g+"-Border)",borderRadius:"var(--Style-Border-Radius)",cursor:"pointer",boxShadow:"none",transition:"box-shadow 0.15s ease","&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},...n},onKeyDown:e=>{"ArrowDown"!==e.key&&"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),d(!0))},...s,children:["string"==typeof r?e.createElement(fd[x]||fd.medium,{style:{color:"inherit",fontWeight:600}},r):r,a.jsx(Oa,{size:"small",sx:{color:"var(--Quiet)",transition:"transform 0.2s ease",transform:l?"rotate(180deg)":"rotate(0deg)"},children:a.jsx(i,{})})]})}function kd({children:r,className:o="",placement:n="bottom-start",sx:i={},...s}){const{open:l,setOpen:d,anchorRef:c,menuId:u,buttonId:h,variant:x,color:p,size:m}=jd(),g=e.useRef(null),f=vd[m]||vd.medium,b=gd("default"===p?"Default":p),v="var(--Buttons-"+b+"-Border)",y="light"===x?"default"===p?"Default":b:"solid"===x?b:void 0,j="light"===x?"Surface-Brightest":"solid"===x?"Surface":void 0;return e.useEffect(()=>{if(l&&g.current){const e=g.current.querySelector('[role="menuitem"]:not([aria-disabled="true"])');e&&e.focus()}},[l]),e.useEffect(()=>{if(!l)return;const e=e=>{g.current&&!g.current.contains(e.target)&&c.current&&!c.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[l,d,c]),e.useEffect(()=>{if(!l)return;const e=e=>{"Escape"===e.key&&(d(!1),c.current?.focus())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[l,d,c]),l?a.jsx(t.Box,{className:"menu menu-"+x+" "+o,sx:{position:"absolute",top:"100%",left:"bottom-end"===n?"auto":0,right:"bottom-end"===n?0:"auto",zIndex:99999,marginTop:"4px",border:"1px solid "+v,borderRadius:"var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px)))",boxShadow:"none",overflow:"hidden",...i},children:a.jsx(t.Box,{ref:g,id:u,role:"menu","aria-labelledby":h,"data-theme":y,"data-surface":j,sx:{minWidth:f.minWidth,backgroundColor:"var(--Background)",color:"var(--Text)",fontSize:f.fontSize,fontFamily:"inherit",padding:f.py+" 0",outline:"none",borderRadius:"calc(var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px))) - 1px)"},onKeyDown:e=>{const t=g.current?.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])');if(!t?.length)return;const a=Array.from(t).indexOf(document.activeElement);"ArrowDown"===e.key?(e.preventDefault(),t[(a+1)%t.length].focus()):"ArrowUp"===e.key?(e.preventDefault(),t[(a-1+t.length)%t.length].focus()):"Home"===e.key?(e.preventDefault(),t[0].focus()):"End"===e.key?(e.preventDefault(),t[t.length-1].focus()):"Tab"===e.key&&d(!1)},...s,children:r})}):null}function wd({children:e,onClick:r,selected:o=!1,disabled:n=!1,className:i="",sx:s={},...l}){const{setOpen:d,size:c}=jd(),u=vd[c]||vd.medium,h=o?bd[c]||bd.medium:fd[c]||fd.medium,x=()=>{n||(r?.(),d(!1))};return a.jsx(t.Box,{role:"menuitem",tabIndex:n?-1:0,"aria-disabled":n||void 0,"aria-selected":o||void 0,onClick:x,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),x())},className:"menu-item"+(o?" menu-item-selected":"")+" "+i,sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-Half)",padding:u.itemPy+" "+u.itemPx,fontSize:u.fontSize,color:n?"var(--Quiet)":o?"var(--Text)":"var(--Quiet)",backgroundColor:o?"var(--Hover)":"transparent",cursor:n?"not-allowed":"pointer",opacity:n?"var(--Disabled, 0.38)":1,outline:"none",transition:"background-color 0.1s ease, color 0.1s ease",userSelect:"none",...!n&&{"&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)"},"&:active":{backgroundColor:"var(--Pressed)",color:"var(--Text)"},"&:focus-visible":{backgroundColor:"var(--Hover)",color:"var(--Text)",outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},...s},...l,children:a.jsx(t.Box,{className:"menu-item-slot",sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-Half)",paddingLeft:"var(--Sizing-Half)",paddingRight:"var(--Sizing-Half)",minWidth:0,flex:1},children:a.jsx(h,{color:"standard",style:{color:"inherit"},children:e})})})}function Cd({className:e="",sx:r={},...o}){return a.jsx(t.Box,{component:"hr",role:"separator",className:"menu-divider "+e,sx:{border:"none",borderTop:"1px solid var(--Border)",margin:"4px 0",...r},...o})}const Td=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Ad=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function zd({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function Id({color:e,selected:r,onClick:o}){const i=Td(e);return a.jsx(t.Box,{component:"button",onClick:()=>o(e),"aria-label":"Select "+i,"aria-pressed":r,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&a.jsx(n,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}let Rd=0;const Wd={default:"Nav-Bar",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Fd="var(--Sizing-1, 8px)",Dd="40px",Ld="var(--Icon-Size, 24px)",Pd="var(--Sizing-Half, 4px)",Hd={horizontal:{px:"var(--Button-Height, 32px)",py:"12px"},vertical:{px:"var(--Sizing-1-and-Half, 12px)",py:"var(--Sizing-2, 16px)"}},Nd={px:0,py:0};function Ed({items:r=[],value:o,defaultValue:n=0,onChange:i,showLabels:s=!0,variant:l="fixed",orientation:d="horizontal",barColor:c="default",fabAction:u,fabPosition:h="end",fixed:x=!0,"aria-label":p="Bottom navigation",className:m="",sx:g={},...f}){const[b,v]=e.useState(n),y=void 0!==o,j=y?o:b,S=e.useCallback(e=>{y||v(e),i?.(e)},[y,i]),B="vertical"===d,k="floating"===l,w=Wd[c]||Wd.default,C=k?B?Hd.vertical:Hd.horizontal:Nd,T=e.useRef(null);null===T.current&&(T.current="bottom-nav-"+Rd++);const A=e=>T.current+"-tab-"+e,z=!!u;return a.jsxs(t.Box,{component:"nav","data-theme":w,"data-surface":"Surface-Dim","aria-label":p,className:"bottom-nav bottom-nav-"+c+" bottom-nav-style-"+(k?"floating":"fixed")+" bottom-nav-bar-"+d+(s?" bottom-nav-labels":" bottom-nav-no-labels")+(x?" bottom-nav-fixed":"")+(m?" "+m:""),sx:{display:"flex",flexDirection:B?"column":"row",alignItems:"center",justifyContent:"center",backgroundColor:"var(--Background)",borderRadius:k?"83px":0,fontFamily:"inherit",width:B?"fit-content":"100%",px:C.px,py:C.py,...x&&{position:"fixed",zIndex:1100,...B?{top:"50%",left:0,transform:"translateY(-50%)"}:{bottom:0,left:0,right:0}},...g},...f,children:[z&&a.jsx(t.Box,{role:"tablist","aria-orientation":B?"vertical":"horizontal","aria-owns":r.map((e,t)=>A(t)).join(" "),sx:{position:"absolute",width:0,height:0,overflow:"hidden"}}),a.jsxs(t.Box,{role:z?void 0:"tablist","aria-orientation":z?void 0:B?"vertical":"horizontal",sx:{display:"flex",flexDirection:B?"column":"row",alignItems:"center",justifyContent:B?"flex-start":"space-between",gap:B?"10px":0,width:B?"auto":"100%",maxWidth:B?void 0:600},children:[r.map((e,t)=>a.jsx(Md,{id:z?A(t):void 0,icon:e.icon,label:e.label,selected:t===j,showLabel:s,onClick:()=>S(t),ariaLabel:e.label||e.ariaLabel,disabled:e.disabled},e.key||t)).flatMap((e,t,r)=>{if(!u)return[e];return t===("center"===h?Math.ceil(r.length/2):r.length)-1?[e,a.jsx(Qd,{...u,showLabel:s,position:h},"fab")]:[e]}),u&&0===r.length&&a.jsx(Qd,{...u,showLabel:s,position:h},"fab")]})]})}function Md({id:e,icon:r,label:o,selected:n,showLabel:i,onClick:s,ariaLabel:l,disabled:d}){return a.jsxs(t.Box,{component:"button",type:"button",role:"tab",id:e,"aria-selected":n,"aria-label":l,onClick:s,disabled:d,"aria-disabled":d||void 0,className:"bottom-nav-item"+(n?" bottom-nav-item-selected":""),sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:Pd,width:40,flexShrink:0,border:"none",backgroundColor:"transparent",cursor:"pointer",padding:0,fontFamily:"inherit",outline:"none","&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderRadius:"8px"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},children:[a.jsx(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",minWidth:32,minHeight:32,padding:Fd,borderRadius:Dd,backgroundColor:n?"var(--Text)":"transparent",color:n?"var(--Background)":"var(--Quiet)",fontSize:Ld,transition:"background-color 0.2s ease, color 0.15s ease","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"},".bottom-nav-item:hover &":n?{backgroundColor:"var(--Text)"}:{color:"var(--Text)",backgroundColor:"var(--Hover)"},".bottom-nav-item:active &":n?{backgroundColor:"var(--Text)"}:{color:"var(--Text)",backgroundColor:"var(--Pressed)"},".bottom-nav-item:disabled:hover &":{backgroundColor:"transparent"}},children:r}),i&&o&&a.jsx(ta,{className:"bottom-nav-label",style:{color:n?"var(--Text)":"var(--Quiet)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},children:o})]})}const Od=32;function Qd({icon:r,label:o,onClick:n,showLabel:i,actions:s,position:l="end"}){const d=Array.isArray(s)&&s.length>0,[c,u]=e.useState(!1),h=e.useRef(null);e.useEffect(()=>{if(!c)return;const e=e=>{h.current&&!h.current.contains(e.target)&&u(!1)},t=e=>{"Escape"===e.key&&u(!1)};return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[c]);const x=e=>({display:"flex",alignItems:"center",justifyContent:"center",minWidth:e,minHeight:e,boxSizing:"border-box",borderRadius:Dd,borderWidth:"var(--Button-Border-Width, 1px)",borderStyle:"solid",borderColor:"var(--Buttons-Default-Border)",color:"var(--Buttons-Default-Border)",backgroundColor:"transparent","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"}}),p="center"!==l;return a.jsxs(t.Box,{ref:h,sx:{position:"relative",display:"flex",flexShrink:0},children:[a.jsxs(t.Box,{component:"button",type:"button","aria-label":o||"Action",onClick:e=>{d&&u(e=>!e),n?.(e)},...d?{"aria-haspopup":"menu","aria-expanded":c}:{},className:"bottom-nav-fab"+(c?" bottom-nav-fab-open":""),sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:Pd,width:40,flexShrink:0,border:"none",backgroundColor:"transparent",cursor:"pointer",padding:0,fontFamily:"inherit",outline:"none","&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderRadius:"8px"}},children:[a.jsx(t.Box,{sx:{...x(32),padding:Fd,fontSize:Ld,transition:"background-color 0.15s ease, transform 0.2s ease",transform:c?"rotate(45deg)":"none",".bottom-nav-fab:hover &":{backgroundColor:"var(--Hover)"},".bottom-nav-fab:active &":{backgroundColor:"var(--Pressed)"}},children:r||a.jsx(ye,{})}),i&&o&&a.jsx(ta,{className:"bottom-nav-label",style:{color:"var(--Buttons-Default-Border)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},children:o})]}),d&&c&&a.jsx(t.Box,{role:"menu","aria-label":o||"Actions",className:"bottom-nav-dial","data-surface":"Surface-Brightest",sx:{position:"absolute",bottom:"calc(100% + var(--Sizing-1, 8px))",...p?{right:0}:{left:0},zIndex:1,display:"flex",flexDirection:"column-reverse",padding:"var(--Sizing-1, 8px)",gap:"var(--Sizing-1, 8px)",backgroundColor:"var(--Background)",color:"var(--Text)",border:"1px solid var(--Border)",borderRadius:"var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px)))",boxShadow:"var(--Effect-Level-3, none)",whiteSpace:"nowrap"},children:s.map((e,r)=>a.jsxs(t.Box,{component:"button",type:"button",role:"menuitem","aria-label":e.label,className:"bottom-nav-dial-item",onClick:t=>{u(!1),e.onClick?.(t)},sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-1, 8px)",flexDirection:p?"row-reverse":"row",border:"none",backgroundColor:"transparent",cursor:"pointer",padding:0,fontFamily:"inherit",color:"inherit",outline:"none",borderRadius:Dd,"&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},children:[a.jsx(t.Box,{sx:{width:40,display:"flex",justifyContent:"center",flexShrink:0},children:a.jsx(t.Box,{sx:{...x(Od),fontSize:"var(--Icon-Size-Small, 16px)"},children:e.icon||a.jsx(ye,{})})}),a.jsx(aa,{style:{color:"inherit"},children:e.label})]},e.key||r))})]})}const Vd={Home:a.jsx(v,{sx:{fontSize:"inherit"}}),Explore:a.jsx(Oe,{sx:{fontSize:"inherit"}}),Radio:a.jsx(Qe,{sx:{fontSize:"inherit"}}),Library:a.jsx(Ve,{sx:{fontSize:"inherit"}}),Favorite:a.jsx(b,{sx:{fontSize:"inherit"}}),Person:a.jsx(k,{sx:{fontSize:"inherit"}}),Search:a.jsx(S,{sx:{fontSize:"inherit"}}),Settings:a.jsx(j,{sx:{fontSize:"inherit"}}),Notifications:a.jsx(c,{sx:{fontSize:"inherit"}}),Cart:a.jsx(u,{sx:{fontSize:"inherit"}}),Star:a.jsx(B,{sx:{fontSize:"inherit"}}),Bookmark:a.jsx(Ge,{sx:{fontSize:"inherit"}})},Gd=Object.keys(Vd),Ud=[{icon:"Home",label:"Home"},{icon:"Explore",label:"Browse"},{icon:"Radio",label:"Radio"},{icon:"Library",label:"Library"}],qd=[{value:"default",label:"Default",desc:'data-theme="Nav-Bar"'},{value:"primary",label:"Primary",desc:'data-theme="Primary"'},{value:"primary-light",label:"Primary Light",desc:'data-theme="Primary"'},{value:"primary-medium",label:"Primary Medium",desc:'data-theme="Primary"'},{value:"primary-dark",label:"Primary Dark",desc:'data-theme="Primary"'},{value:"white",label:"White",desc:'data-theme="White"'},{value:"black",label:"Black",desc:'data-theme="Black"'}];function Xd({label:e,selected:r,onClick:o,disabled:n}){return a.jsx(t.Box,{component:"button",onClick:o,disabled:n,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:n?"not-allowed":"pointer",border:"2px solid var(--Buttons-Primary-Button)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:r?"var(--Buttons-Primary-Button)":"transparent",color:r?"var(--Buttons-Primary-Text)":"var(--Text)",padding:"4px 12px",fontSize:"14px",fontFamily:"inherit",fontWeight:500,whiteSpace:"nowrap",flexShrink:0,opacity:n?.4:1,transition:"background-color 0.15s ease, color 0.15s ease","&:hover":{backgroundColor:n?"transparent":r?"var(--Buttons-Primary-Hover)":"var(--Surface-Dim)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:e})}function Yd({value:e,onChange:r,placeholder:o,sx:n}){return a.jsx(t.Box,{component:"input",type:"text",value:e,onChange:e=>r(e.target.value),placeholder:o,sx:{flex:1,padding:"4px 8px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",outline:"none",minWidth:0,"&:focus":{borderColor:"var(--Focus-Visible)"},...n}})}function Zd({value:e,onChange:r,options:o,label:n}){return a.jsx(t.Box,{component:"select",value:e,onChange:e=>r(e.target.value),"aria-label":n,sx:{padding:"4px 6px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",outline:"none",cursor:"pointer","&:focus":{borderColor:"var(--Focus-Visible)"}},children:o.map(e=>a.jsx("option",{value:"string"==typeof e?e:e.value,children:"string"==typeof e?e:e.label},"string"==typeof e?e:e.value))})}function Jd({value:e,onChange:r,min:o,max:n,label:i}){return a.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",flexShrink:0,width:90},children:i}),a.jsx("button",{type:"button",onClick:()=>{e>o&&r(e-1)},disabled:e<=o,style:{width:28,height:28,display:"flex",alignItems:"center",justifyContent:"center",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",cursor:e<=o?"not-allowed":"pointer",fontSize:"14px",opacity:e<=o?.4:1,fontFamily:"inherit"},children:"−"}),a.jsx(t.Box,{sx:{fontWeight:700,fontSize:"14px",minWidth:24,textAlign:"center"},children:e}),a.jsx("button",{type:"button",onClick:()=>{e<n&&r(e+1)},disabled:e>=n,style:{width:28,height:28,display:"flex",alignItems:"center",justifyContent:"center",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",cursor:e>=n?"not-allowed":"pointer",fontSize:"14px",opacity:e>=n?.4:1,fontFamily:"inherit"},children:"+"})]})}function $d({label:e,checked:r,onChange:o,caption:n,disabled:i}){return a.jsxs(t.Box,{sx:{py:.5,opacity:i?.4:1},children:[a.jsx(t.FormControlLabel,{control:a.jsx(t.Checkbox,{checked:r,onChange:e=>o(e.target.checked),size:"small",disabled:i,sx:{color:"var(--Text-Quiet)","&.Mui-checked":{color:"var(--Buttons-Primary-Button)"}}}),label:a.jsx(ra,{children:e}),sx:{m:0}}),n&&a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginLeft:32},children:n})]})}const Kd={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},_d={small:{indicator:24,fontSize:"var(--Sm-Button-Numbers, 10px)",dot:"var(--Sm-No-Count-Step, 8px)",connectorThickness:"var(--Sm-Step-Bar, 1px)",gap:0},medium:{indicator:32,fontSize:"var(--Button-Numbers, 12px)",dot:"var(--No-Count-Step, 12px)",connectorThickness:"var(--Step-Bar, 2px)",gap:0},large:{indicator:40,fontSize:"var(--Lg-Button-Numbers, 16px)",dot:"var(--Lg-No-Count-Step, 16px)",connectorThickness:"var(--Lg-Step-Bar, 4px)",gap:0}},ec=e.createContext({orientation:"horizontal",size:"medium",color:"primary",activeStep:0,clickable:!1,onStepClick:null,dashedIncomplete:!1,totalSteps:0,variant:"count"}),tc=()=>e.useContext(ec);function ac({theme:r,surface:o,children:n,orientation:i="horizontal",size:s="medium",color:l="primary",activeStep:d=0,clickable:c=!1,onStepClick:u,dashedIncomplete:h=!1,variant:x="count",className:p="",sx:m={},...g}){const f=e.Children.toArray(n).filter(e.isValidElement),b=f.length,v="horizontal"===i;return a.jsx(ec.Provider,{value:{orientation:i,size:s,color:l,activeStep:d,clickable:c,onStepClick:u,dashedIncomplete:h,totalSteps:b,variant:x},children:a.jsx(t.Box,{component:"ol",role:"list","aria-label":"Progress","data-theme":r||void 0,"data-surface":o||void 0,className:"stepper stepper-"+i+" stepper-"+s+" stepper-"+l+" "+p,sx:{display:"flex",flexDirection:v?"row":"column",alignItems:v?"flex-start":"stretch",listStyle:"none",margin:0,padding:0,width:"100%",gap:0,...m},...g,children:f.map((t,a)=>e.cloneElement(t,{_index:a,key:t.key||a}))})})}function rc({children:e,icon:r,label:o,disabled:n=!1,_index:i=0,className:s="",sx:l={},...d}){const{orientation:c,size:u,color:h,activeStep:x,clickable:p,onStepClick:m,dashedIncomplete:g,totalSteps:f,variant:b}=tc(),v=p&&!n,y=_d[u]||_d.medium,j=Kd[h]||"Primary",S="horizontal"===c,B=i===x,k=i<x,w=i>x,C=i===f-1,T=r||i+1,A=o||e,z=w?"var(--Quiet)":"var(--Buttons-"+j+"-Border)",I=B?"var(--Buttons-"+j+"-Button)":"transparent",R=B?"var(--Buttons-"+j+"-Text)":w?"var(--Quiet)":"var(--Text)",W=B?"var(--Buttons-"+j+"-Hover)":"var(--Hover)",F=B?"var(--Buttons-"+j+"-Pressed)":"var(--Pressed)",D="noCount"===b,L=a.jsx(t.Box,{component:v?"button":"div",onClick:v?()=>m?.(i):void 0,onKeyDown:v?e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),m?.(i))}:void 0,tabIndex:v?0:void 0,role:v?"button":void 0,"aria-label":v?"Go to step "+(i+1):void 0,"aria-current":B?"step":void 0,"aria-disabled":n||void 0,className:"step-indicator step-indicator-"+u+(B?" step-indicator-active":"")+(k?" step-indicator-completed":"")+(w?" step-indicator-incomplete":"")+(v?" step-indicator-clickable":""),sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:D?y.dot:y.indicator+"px",height:D?y.dot:y.indicator+"px",minWidth:D?y.dot:y.indicator+"px",minHeight:D?y.dot:y.indicator+"px",borderRadius:"50%",border:"var(--Button-Border-Width, 1px) solid "+z,backgroundColor:I,color:R,fontSize:y.fontSize,fontFamily:"inherit",fontWeight:"var(--Button-Small-Font-Weight, 700)",lineHeight:1,flexShrink:0,position:"relative",transition:"background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease",cursor:n?"not-allowed":v?"pointer":"default",outline:"none",padding:0,...n&&{opacity:"var(--Disabled, 0.38)"},..."small"===u&&{"&::after":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"24px",height:"24px",borderRadius:"50%"}},...v&&{"&:hover":{backgroundColor:W},"&:active":{backgroundColor:F},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px"}}},children:D?null:T}),P=i<x,H=C?null:a.jsx(t.Box,{className:"step-connector"+(P?" step-connector-completed":" step-connector-incomplete")+(g&&!P?" step-connector-dashed":""),"aria-hidden":"true",sx:{flex:1,...S?{height:y.connectorThickness,minWidth:"20px",alignSelf:"flex-start",marginTop:`calc(${y.indicator/2}px - ${y.connectorThickness} / 2)`,marginLeft:"8px",marginRight:"8px"}:{width:y.connectorThickness,minHeight:"24px",marginLeft:`calc(${y.indicator/2}px - ${y.connectorThickness} / 2)`,marginTop:"4px",marginBottom:"4px"},backgroundColor:P?"var(--Buttons-"+j+"-Button)":"var(--Border)",...g&&!P&&{backgroundColor:"transparent",backgroundImage:S?"repeating-linear-gradient(90deg, var(--Border) 0px, var(--Border) 6px, transparent 6px, transparent 12px)":"repeating-linear-gradient(180deg, var(--Border) 0px, var(--Border) 6px, transparent 6px, transparent 12px)",backgroundSize:S?"12px 100%":"100% 12px"},transition:"background-color 0.15s ease"}}),N=A?(()=>{const e="small"===u?ea:qt;return a.jsx(e,{style:{fontWeight:B?600:400,color:B||k?"var(--Text)":"var(--Quiet)",textAlign:S?"center":"left",whiteSpace:"nowrap",lineHeight:1.3},children:A})})():null;return S?a.jsxs(t.Box,{component:"li",className:"step step-"+u+" step-horizontal"+(B?" step-active":"")+(k?" step-completed":"")+(w?" step-incomplete":"")+" "+s,sx:{display:"flex",alignItems:"center",flex:C?"none":1,...l},...d,children:[a.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",flexShrink:0},children:[L,N&&a.jsx(t.Box,{sx:{mt:"4px"},children:N})]}),H]}):a.jsxs(t.Box,{component:"li",className:"step step-"+u+" step-vertical"+(B?" step-active":"")+(k?" step-completed":"")+(w?" step-incomplete":"")+" "+s,sx:{display:"flex",flexDirection:"column",alignItems:"flex-start",...l},...d,children:[a.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:"8px"},children:[L,N]}),H]})}const oc=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",nc=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],ic=["Account","Details","Review","Confirm","Complete","Done"];function sc({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function lc({color:e,selected:r,onClick:o}){const i=oc(e);return a.jsx(t.Box,{component:"button",onClick:()=>o(e),"aria-label":"Select "+i,"aria-pressed":r,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&a.jsx(n,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}function dc({actions:r=[],variant:o="solid",color:n="default",direction:i="up",speed:s=50,showTooltips:l=!0,open:d,onOpen:c,onClose:u,icon:h,ariaLabel:x="Speed Dial",className:p="",sx:m={},...g}){const[f,b]=e.useState(!1),v=void 0!==d,y=v?d:f,j=e.useRef(null),S=o,B=e.useCallback(()=>{y?(v||b(!1),u?.()):(v||b(!0),c?.())},[y,v,c,u]),k=e.useCallback((e,t)=>{e.onClick?.(t),v||b(!1),u?.()},[v,u]);e.useEffect(()=>{if(!y)return;const e=e=>{j.current&&!j.current.contains(e.target)&&(v||b(!1),u?.())};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[y,v,u]),e.useEffect(()=>{if(!y)return;const e=e=>{"Escape"===e.key&&(v||b(!1),u?.())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[y,v,u]);const w="up"===i||"down"===i,C="up"===i||"down"===i?"left":"top",T=a.jsx(t.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",transition:"transform 0.3s ease",transform:y?"rotate(45deg)":"rotate(0deg)"},children:h||a.jsx(ye,{})});return a.jsxs(t.Box,{ref:j,className:"speed-dial speed-dial-"+o+" speed-dial-"+n+" speed-dial-"+i+" "+p,sx:{position:"relative",display:"inline-flex",overflow:"visible",width:w?"56px":"auto",height:w?"auto":"56px",...m},...g,children:[a.jsx(Ns,{size:"large",variant:S,color:n,onClick:B,"aria-label":x,"aria-expanded":y,"aria-haspopup":"menu",sx:{position:"relative",zIndex:2},children:T}),a.jsx(t.Box,{role:"menu",sx:{position:"absolute",inset:0,pointerEvents:"none",overflow:"visible"},children:r.map((e,r)=>{const o=(e=>{const t=56+44*e;switch(i){case"up":default:return{bottom:t+"px",left:"12px"};case"down":return{top:t+"px",left:"12px"};case"left":return{right:t+"px",top:"12px"};case"right":return{left:t+"px",top:"12px"}}})(r),d=r*s,c=a.jsx(Ns,{size:"small",variant:S,color:n,role:"menuitem","aria-label":e.name||"Action "+(r+1),onClick:()=>k(e,r),sx:{position:"absolute",...o,opacity:y?1:0,transform:y?"scale(1)":"scale(0.3)",transition:"opacity 0.2s ease, transform 0.2s ease",transitionDelay:y?d+"ms":"0ms",pointerEvents:y?"auto":"none"},children:e.icon||a.jsx(ye,{})},e.key||r);return l&&e.name?a.jsx(t.Tooltip,{title:e.name,placement:C,arrow:!0,open:!!y&&void 0,slotProps:{tooltip:{sx:{backgroundColor:"var(--Container)",color:"var(--Text)",fontSize:"12px",fontWeight:500,border:"1px solid var(--Border)",boxShadow:"0 2px 8px rgba(0,0,0,0.12)"}},arrow:{sx:{color:"var(--Container)"}}},children:c},e.key||r):c})})]})}const cc=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",uc=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],hc=[{name:"Edit",icon:a.jsx(Oa,{size:"small",sx:{color:"inherit"},children:a.jsx(Ue,{})})},{name:"Share",icon:a.jsx(Oa,{size:"small",sx:{color:"inherit"},children:a.jsx(qe,{})})},{name:"Delete",icon:a.jsx(Oa,{size:"small",sx:{color:"inherit"},children:a.jsx(y,{})})},{name:"Favorite",icon:a.jsx(Oa,{size:"small",sx:{color:"inherit"},children:a.jsx(b,{})})}];function xc({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function pc({color:e,selected:r,onClick:o}){const i=cc(e);return a.jsx(t.Box,{component:"button",onClick:()=>o(e),"aria-label":"Select "+i,"aria-pressed":r,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&a.jsx(n,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const mc={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",black:"BW",white:"BW"};function gc(e,t){return"var(--"+(mc[e]||"Primary")+"-Color-"+t+")"}const fc={primary:{linear:[{family:"primary",tone:8,position:0},{family:"primary",tone:11,position:100}],radial:[{family:"primary",tone:8,position:0},{family:"primary",tone:11,position:100}],mesh:[{family:"primary",tone:8,x:20,y:20,spread:60},{family:"primary",tone:9,x:80,y:30,spread:50},{family:"primary",tone:10,x:50,y:80,spread:55}],meshCard:[{family:"primary",tone:3,x:10,y:10,spread:60},{family:"primary",tone:6,x:80,y:20,spread:50},{family:"primary",tone:9,x:40,y:80,spread:55}]},secondary:{linear:[{family:"secondary",tone:7,position:0},{family:"secondary",tone:10,position:100}],radial:[{family:"secondary",tone:7,position:0},{family:"secondary",tone:10,position:100}],mesh:[{family:"secondary",tone:7,x:15,y:25,spread:55},{family:"secondary",tone:9,x:75,y:35,spread:50},{family:"secondary",tone:11,x:45,y:75,spread:60}],meshCard:[{family:"secondary",tone:2,x:15,y:15,spread:55},{family:"secondary",tone:5,x:85,y:25,spread:50},{family:"secondary",tone:8,x:50,y:75,spread:60}]},tertiary:{linear:[{family:"tertiary",tone:8,position:0},{family:"tertiary",tone:11,position:100}],radial:[{family:"tertiary",tone:8,position:0},{family:"tertiary",tone:11,position:100}],mesh:[{family:"tertiary",tone:8,x:25,y:15,spread:55},{family:"tertiary",tone:10,x:70,y:40,spread:50},{family:"tertiary",tone:11,x:40,y:85,spread:55}],meshCard:[{family:"tertiary",tone:3,x:20,y:10,spread:60},{family:"tertiary",tone:7,x:75,y:30,spread:50},{family:"tertiary",tone:10,x:45,y:80,spread:55}]},black:{linear:[{family:"black",tone:10,position:0},{family:"neutral",tone:3,position:100}],radial:[{family:"black",tone:10,position:0},{family:"neutral",tone:3,position:100}],mesh:[{family:"black",tone:10,x:0,y:0,spread:100},{family:"primary",tone:3,x:25,y:25,spread:50},{family:"secondary",tone:4,x:75,y:35,spread:45},{family:"tertiary",tone:3,x:50,y:80,spread:50}],meshCard:[{family:"black",tone:11,x:0,y:0,spread:100},{family:"primary",tone:5,x:20,y:20,spread:55},{family:"secondary",tone:8,x:80,y:30,spread:45},{family:"tertiary",tone:10,x:45,y:80,spread:50}]},white:{linear:[{family:"white",tone:2,position:0},{family:"neutral",tone:9,position:100}],radial:[{family:"white",tone:2,position:0},{family:"neutral",tone:9,position:100}],mesh:[{family:"white",tone:2,x:0,y:0,spread:100},{family:"primary",tone:9,x:25,y:25,spread:50},{family:"secondary",tone:8,x:75,y:35,spread:45},{family:"tertiary",tone:9,x:50,y:80,spread:50}],meshCard:[{family:"white",tone:1,x:0,y:0,spread:100},{family:"primary",tone:4,x:20,y:20,spread:55},{family:"secondary",tone:7,x:80,y:30,spread:45},{family:"tertiary",tone:10,x:45,y:80,spread:50}]}};function bc(e,t){const a=fc[e]||fc.primary;return(a[t]||a.linear).map(e=>({...e}))}function vc({variant:e="linear",color:r="primary",angle:o=135,stops:n=null,position:i=null,blobs:s=null,cardProps:l={},minHeight:d=300,children:c,className:u="",sx:h={},...x}){const p="meshCard"===e,m="mesh"===e||p,g="radial"===e,f="linear"===e||g,b=n||bc(r,g?"radial":"linear"),v=s||bc(r,p?"meshCard":"mesh"),y=m?function(e){if(!e||0===e.length)return"none";const t=e.map(e=>{const t=gc(e.family,e.tone),a=e.spread||40;return"radial-gradient(circle at "+e.x+"% "+e.y+"%, "+t+" 0%, transparent "+a+"%)"}),a=gc(e[0].family,e[0].tone);return t.push(a),t.join(", ")}(v):g?function(e,t){if(!e||0===e.length)return"none";const a=[...e].sort((e,t)=>e.position-t.position).map(e=>gc(e.family,e.tone)+" "+e.position+"%"),r=t||{x:50,y:50};return"radial-gradient(circle at "+r.x+"% "+r.y+"%, "+a.join(", ")+")"}(b,i||{x:50,y:50}):function(e,t){return e&&0!==e.length?"linear-gradient("+t+"deg, "+[...e].sort((e,t)=>e.position-t.position).map(e=>gc(e.family,e.tone)+" "+e.position+"%").join(", ")+")":"none"}(b,o),j=f?b[0]:v[0];var S,B;const k=function(e){return"dark"===e?"var(--BW-Color-1)":"var(--BW-Color-6)"}((S=j?.tone||8,"black"===(B=j?.family||"primary")||"white"===B?S<=5?"light":"dark":S<=5?"dark":"light"));return p?a.jsx(t.Box,{className:"gradient gradient-mesh-card "+u,sx:{background:y,minHeight:d,borderRadius:"var(--Card-Radius)",display:"flex",alignItems:"center",justifyContent:"center",padding:"var(--Card-Padding)",position:"relative",overflow:"hidden",...h},...x,children:a.jsx(yn,{variant:"solid",...l,children:a.jsx(jn,{children:c})})}):a.jsx(t.Box,{className:"gradient gradient-"+e+" "+u,sx:{background:y,minHeight:d,borderRadius:"var(--Card-Radius)",color:k,display:"flex",alignItems:"center",justifyContent:"center",position:"relative",overflow:"hidden",...h},...x,children:c})}["default","primary","secondary","tertiary","neutral"].map(e=>{return{value:e,label:(t=e,t?t.charAt(0).toUpperCase()+t.slice(1):"")};var t});const yc=e.createContext(null),jc=["Default","Primary","Secondary","Tertiary","Neutral","Info","Success","Warning","Error","App-Bar","Nav-Bar","Status"],Sc=["Professional","Modern","Bold","Playful"],Bc=["Surface-Dimmest","Surface-Dim","Surface","Surface-Bright","Surface-Brightest","Container","Container-Low","Container-Lowest","Container-High","Container-Highest"],kc={"light-tonal":{theme:"Primary",rootSurface:"Surface-Brightest"},"grey-professional":{theme:"Neutral",rootSurface:"Surface"},"dark-professional":{theme:"Neutral",rootSurface:"Surface-Dimmest"}},wc="omni-foundation",Cc="omni-core",Tc="omni-typography",Ac="omni-mode",zc="omni-base",Ic="omni-styles";function Rc(e){document.getElementById(e)?.remove()}function Wc(e,t,a){return t?function(e){return!(!e||"string"!=typeof e)&&(e.startsWith("http")||e.startsWith("/")||e.endsWith(".css"))}(t)?function(e,t,a){const r=document.getElementById(e);return r?"LINK"===r.tagName&&r.getAttribute("href")!==t?new Promise((e,a)=>{r.onload=()=>e(r),r.onerror=()=>a(new Error(`OmniDesignProvider: failed to load ${t}`)),r.setAttribute("href",t)}):Promise.resolve(r):new Promise((r,o)=>{const n=document.createElement("link");n.id=e,n.rel="stylesheet",n.setAttribute("data-omni","true"),n.onload=()=>r(n),n.onerror=()=>o(new Error(`OmniDesignProvider: failed to load ${t}`)),n.href=t;const i=a?document.getElementById(a):null;i?document.head.insertBefore(n,i):document.head.appendChild(n)})}(e,t,a):function(e,t,a){if(!t)return Promise.resolve(null);const r=document.getElementById(e);if(r)return r.textContent=t,Promise.resolve(r);const o=document.createElement("style");o.id=e,o.setAttribute("data-omni","true"),o.textContent=t;const n=a?document.getElementById(a):null;return n?document.head.insertBefore(o,n):document.head.appendChild(o),Promise.resolve(o)}(e,t,a):Promise.resolve(null)}function Fc(){const t=e.useContext(yc);if(!t)throw new Error("useOmniDesign must be used inside a <OmniDesignProvider>");return t}const Dc=r=>e.forwardRef(function(e,o){return a.jsx(t.Slide,{direction:r,ref:o,...e})}),Lc={fade:e.forwardRef(function(e,r){return a.jsx(t.Fade,{ref:r,...e})}),grow:e.forwardRef(function(e,r){return a.jsx(t.Grow,{ref:r,...e})}),zoom:e.forwardRef(function(e,r){return a.jsx(t.Zoom,{ref:r,...e})}),"slide-up":Dc("up"),"slide-down":Dc("down"),"slide-left":Dc("left"),"slide-right":Dc("right")},Pc={backgroundColor:"var(--Background)",color:"var(--Text)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",boxShadow:"0 8px 32px rgba(0,0,0,0.18)"},Hc={color:"var(--Text)",fontWeight:600,fontSize:"18px",fontFamily:"inherit",borderBottom:"1px solid var(--Border)",display:"flex",justifyContent:"space-between",alignItems:"center",py:1.5,px:3},Nc={color:"var(--Text)",fontFamily:"inherit",fontSize:"14px",lineHeight:1.6,py:3,px:3},Ec={borderTop:"1px solid var(--Border)",px:3,py:1.5,gap:1},Mc={fontFamily:"inherit",fontWeight:500,fontSize:"14px",borderRadius:"var(--Style-Border-Radius)",padding:"6px 16px",cursor:"pointer",border:"none",transition:"background-color 0.15s, color 0.15s","&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"1px"}},Oc={primary:{...Mc,backgroundColor:"var(--Buttons-Primary-Button)",color:"var(--Buttons-Primary-Text)",border:"1px solid var(--Buttons-Primary-Border)","&:hover":{backgroundColor:"var(--Buttons-Primary-Hover)"},"&:active":{backgroundColor:"var(--Buttons-Primary-Pressed)"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},outline:{...Mc,backgroundColor:"transparent",color:"var(--Text)",border:"1px solid var(--Border)","&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}}};function Qc({open:e=!1,onClose:r,title:o,children:n,actions:i,maxWidth:s="sm",fullScreen:l=!1,scroll:d="body",alert:c=!1,nonModal:u=!1,transition:h,transitionDuration:x=300,titleId:p="dialog-title",contentId:m="dialog-description",className:g="",sx:f={},PaperProps:b={},...v}){const y=h?Lc[h]:void 0;let j;try{j=Fc()}catch{j=null}const S=j?.theme||"Default",B=j?.style||"Modern",k=j?.surface||"Surface";return a.jsxs(t.Dialog,{open:e,onClose:(e,t)=>{c&&"backdropClick"===t||c&&"escapeKeyDown"===t||r?.(e,t)},maxWidth:!l&&s,fullScreen:l,fullWidth:!l,scroll:d,hideBackdrop:u,disableEnforceFocus:u,disableEscapeKeyDown:c,TransitionComponent:y,transitionDuration:x,"aria-labelledby":p,"aria-describedby":m,className:"dialog dialog-"+s+(l?" dialog-fullscreen":"")+(c?" dialog-alert":"")+(g?" "+g:""),style:{zIndex:1e7},slotProps:{backdrop:{sx:{backgroundColor:u?"transparent":"rgba(0,0,0,0.5)"}}},PaperProps:{...b,"data-theme":S,"data-style":B,"data-surface":k,sx:{...Pc,...l&&{borderRadius:0,border:"none"},...b.sx},role:c?"alertdialog":"dialog"},...v,children:[o&&a.jsxs(t.DialogTitle,{id:p,sx:Hc,children:[o,!c&&r&&a.jsx(Pr,{"aria-label":"Close dialog",onClick:e=>r(e,"closeButton"),size:"small",variant:"ghost",sx:{color:"var(--Text-Quiet)"},children:a.jsx(Re,{fontSize:"small"})})]}),a.jsx(t.DialogContent,{dividers:"paper"===d,sx:{...Nc,..."paper"===d&&{maxHeight:l?"none":"400px",overflowY:"auto",borderColor:"var(--Border)"}},children:c?a.jsx(t.DialogContentText,{id:m,sx:{color:"var(--Text)",fontFamily:"inherit",fontSize:"14px",lineHeight:1.6},children:n}):a.jsx(t.Box,{id:m,children:n})}),i&&a.jsx(t.DialogActions,{sx:Ec,children:i})]})}function Vc({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}const Gc={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Uc={default:"Container-High",solid:"Container-High",soft:"Surface-Brightest"},qc={small:{maxWidth:400,padding:"24px"},medium:{maxWidth:560,padding:"32px"},large:{maxWidth:720,padding:"40px"}},Xc={fade:{enter:{from:{opacity:0},to:{opacity:1}},name:"modal-fade"},"slide-up":{enter:{from:{opacity:0,transform:"translateY(40px)"},to:{opacity:1,transform:"translateY(0)"}},name:"modal-slide-up"},"slide-down":{enter:{from:{opacity:0,transform:"translateY(-40px)"},to:{opacity:1,transform:"translateY(0)"}},name:"modal-slide-down"},zoom:{enter:{from:{opacity:0,transform:"scale(0.85)"},to:{opacity:1,transform:"scale(1)"}},name:"modal-zoom"}};function Yc(e){const t=Xc[e];if(!t)return"";const{from:a,to:r}=t.enter,o=Object.entries(a).map(([e,t])=>e+":"+t).join(";"),n=Object.entries(r).map(([e,t])=>e+":"+t).join(";");return"@keyframes "+t.name+" { from {"+o+"} to {"+n+"} }@keyframes "+t.name+"-backdrop { from { opacity: 0 } to { opacity: 1 } }"}const Zc={small:{width:"240px",height:"200px"},medium:{width:"320px",height:"280px"},large:{width:"420px",height:"380px"}},Jc={left:{borderRight:"1px solid var(--Border)"},right:{borderLeft:"1px solid var(--Border)"},top:{borderBottom:"1px solid var(--Border)"},bottom:{borderTop:"1px solid var(--Border)"}},$c={left:{top:0,left:0,bottom:0},right:{top:0,right:0,bottom:0},top:{top:0,left:0,right:0},bottom:{bottom:0,left:0,right:0}},Kc={left:"translateX(-100%)",right:"translateX(100%)",top:"translateY(-100%)",bottom:"translateY(100%)"};function _c({children:r,open:o=!1,onClose:n,size:i="medium",anchor:s="left",hideBackdrop:l=!1,className:d="",sx:c={},...u}){const h=e.useRef(null),x=e.useRef(null),p="left"===s||"right"===s;let m;try{m=Fc()}catch{m=null}const g=m?.theme||"Default",f=m?.style||"Modern",b=Zc[i]||Zc.medium;e.useEffect(()=>{if(!o)return;const e=e=>{"Escape"===e.key&&n?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[o,n]),e.useEffect(()=>{o?(x.current=document.activeElement,requestAnimationFrame(()=>{const e=h.current?.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');e?e.focus():h.current?.focus()})):x.current&&(x.current.focus(),x.current=null)},[o]),e.useEffect(()=>{if(o){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[o]);const v=e.useCallback(e=>{if("Tab"!==e.key||!h.current)return;const t=h.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(!t.length)return;const a=t[0],r=t[t.length-1];e.shiftKey?document.activeElement===a&&(e.preventDefault(),r.focus()):document.activeElement===r&&(e.preventDefault(),a.focus())},[]);return o?a.jsxs(a.Fragment,{children:[!l&&a.jsx(t.Box,{onClick:()=>n?.(),"aria-hidden":"true",sx:{position:"fixed",inset:0,zIndex:1e7,backgroundColor:"rgba(0, 0, 0, 0.5)",transition:"opacity 0.3s ease"}}),a.jsx(t.Box,{ref:h,role:"dialog","aria-modal":"true",tabIndex:-1,"data-theme":g,"data-style":f,"data-surface":"Surface-Dim",onKeyDown:v,className:"drawer drawer-"+i+" drawer-"+s+" "+d,sx:{position:"fixed",zIndex:10000001,...$c[s],...p?{width:b.width,height:"100%"}:{height:b.height,width:"100%"},backgroundColor:"var(--Background)",color:"var(--Text)",...Jc[s],boxShadow:dr,display:"flex",flexDirection:"column",outline:"none",overflow:"hidden",animation:"drawer-slide-in 0.3s ease forwards","@keyframes drawer-slide-in":{from:{transform:Kc[s]},to:{transform:"translate(0, 0)"}},...c},...u,children:r})]}):null}function eu({onClick:e,className:r="",sx:o={},...n}){return a.jsx(t.Box,{sx:{position:"absolute",top:"12px",right:"12px",zIndex:1,...o},className:r,...n,children:a.jsx(Lr,{iconOnly:!0,variant:"ghost",size:"small",onClick:e,"aria-label":"Close drawer",children:a.jsx(Oa,{size:"small",children:a.jsx(Re,{})})})})}function tu({children:e,className:r="",sx:o={},...n}){return a.jsx(t.Box,{className:"drawer-header "+r,sx:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px",borderBottom:"1px solid var(--Border)",flexShrink:0,...o},...n,children:e})}function au({children:e,className:r="",sx:o={},...n}){return a.jsx(t.Box,{className:"drawer-content "+r,sx:{flex:1,overflowY:"auto",padding:"16px",...o},...n,children:e})}const ru={compact:{minHeight:"24px",fontSize:"13px",iconSize:16,gap:"6px"},default:{minHeight:"32px",fontSize:"14px",iconSize:18,gap:"8px"}},ou={none:void 0,slide:"omni-tree-slide 0.25s ease",spring:"omni-tree-slide 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)"},nu={"@keyframes omni-tree-slide":{from:{opacity:0,transform:"translateY(-4px)"},to:{opacity:1,transform:"none"}}};function iu(e,t,a=1,r=[]){return e.forEach((o,n)=>{r.push({item:o,level:a,index:n,siblings:e.length}),o.children?.length&&t.includes(o.id)&&iu(o.children,t,a+1,r)}),r}function su(e,t,a=null){for(const r of e){if(r.id===t)return a;if(r.children?.length){const e=su(r.children,t,r.id);if(null!=e)return e;if(null===e&&r.children.some(e=>e.id===t))return r.id}}return null}function lu({node:e,density:r,expanded:o,selected:n,focusedId:i,multiSelect:s,checkboxSelection:l,disableSelection:d,disabledItemsFocusable:c,collapseIcon:u,expandIcon:h,animation:x,onToggle:p,onSelect:m,onFocusItem:g,registerRef:f}){const{item:b,level:v,index:y,siblings:j}=e,S=ru[r]||ru.default,B="compact"===r?ea:qt,k=!!b.children?.length,w=k&&o.includes(b.id),C=n.includes(b.id),T=!!b.disabled,A=!T||c;return a.jsxs(t.Box,{component:"li",role:"treeitem","aria-expanded":k?w:void 0,"aria-selected":d?void 0:C,"aria-disabled":T||void 0,"aria-level":v,"aria-setsize":j,"aria-posinset":y+1,tabIndex:i===b.id&&A?0:-1,ref:e=>f(b.id,e),onFocus:e=>{e.stopPropagation(),g(b.id)},sx:{outline:"none",listStyle:"none",...b.sx||{}},children:[a.jsxs(t.Box,{className:"omni-tree-content",onClick:e=>{T||(e.stopPropagation(),k&&p(e,b.id),d||m(e,b.id))},sx:{display:"flex",alignItems:"center",gap:S.gap,minHeight:S.minHeight,padding:"0 8px",marginLeft:0,borderRadius:"var(--Style-Border-Radius)",border:"1px solid transparent",color:C?"var(--Text)":"var(--Quiet)",fontWeight:C?600:400,backgroundColor:C?"var(--Pressed)":"transparent",cursor:T?"not-allowed":"pointer",opacity:T?"var(--Disabled, 0.38)":1,transition:"color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease",...T?{}:{"&:hover":{color:"var(--Text)",backgroundColor:"var(--Hover)"},"&:active":{color:"var(--Text)",backgroundColor:"var(--Pressed)"}},"li:focus-visible > &":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},children:[a.jsx(t.Box,{"aria-hidden":"true",sx:{width:S.iconSize,height:S.iconSize,flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",color:"inherit"},children:k&&(w?u:h)}),l&&!d&&a.jsx(Fn,{checked:C,disabled:T,size:"small","aria-hidden":"true",tabIndex:-1,onChange:()=>{}}),b.icon&&a.jsx(Oa,{size:"small",sx:{color:"inherit",flexShrink:0},children:b.icon}),a.jsx(B,{style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",color:"inherit",fontWeight:"inherit"},children:b.label}),b.badge&&a.jsx(t.Box,{sx:{flexShrink:0},children:b.badge})]}),k&&w&&a.jsx(t.Box,{component:"ul",role:"group",sx:{margin:0,padding:0,paddingLeft:"8px",marginLeft:"12px",borderLeft:"1px solid var(--Border)",listStyle:"none",animation:ou[x]},children:b.children.map((e,t)=>a.jsx(lu,{node:{item:e,level:v+1,index:t,siblings:b.children.length},density:r,expanded:o,selected:n,focusedId:i,multiSelect:s,checkboxSelection:l,disableSelection:d,disabledItemsFocusable:c,collapseIcon:u,expandIcon:h,animation:x,onToggle:p,onSelect:m,onFocusItem:g,registerRef:f},e.id))})]})}function du({color:r="default",variant:o="solid",surface:n,density:i="default",animation:s="slide",selectionStyle:l,items:d=cu,selectionMode:c="single",checkboxSelection:u=!1,disableSelection:h=!1,disabledItemsFocusable:x=!1,defaultExpandedItems:p,expandedItems:m,onExpandedItemsChange:g,selectedItems:f,onSelectedItemsChange:b,onItemExpansionToggle:v,onItemSelectionToggle:y,slots:j,"aria-label":S="Tree view",className:B="",sx:k={},...w}){const C=l||o,T="multi"===c,[A,z]=e.useState(p||[]),I=void 0!==m?m:A,[R,W]=e.useState(f||(T?[]:null)),F=void 0!==f?f:R,D=Array.isArray(F)?F:F?[F]:[],L=e.useMemo(()=>iu(d,I),[d,I]),[P,H]=e.useState(null),N=P??L[0]?.item.id??null,E=e.useRef({}),M=e.useCallback((e,t)=>{t?E.current[e]=t:delete E.current[e]},[]),O=e.useCallback(e=>{H(e),E.current[e]?.focus()},[]),Q=e.useCallback((e,t)=>{const a=I.includes(t),r=a?I.filter(e=>e!==t):[...I,t];void 0===m&&z(r),g?.(e,r),v?.(e,t,!a)},[I,m,g,v]),V=e.useCallback((e,t)=>{const a=D.includes(t),r=T?a?D.filter(e=>e!==t):[...D,t]:[t],o=T?r:r[0]??null;void 0===f&&W(o),b?.(e,o),y?.(e,t,!T||!a)},[D,T,f,b,y]),G=e.useCallback(e=>{const t=L.filter(e=>!e.item.disabled||x),a=t.findIndex(e=>e.item.id===N),r=t[a];if(!r)return;const{item:o}=r,n=!!o.children?.length,i=n&&I.includes(o.id),s=a=>{const r=t[Math.max(0,Math.min(t.length-1,a))];r&&(e.preventDefault(),O(r.item.id))};switch(e.key){case"ArrowDown":s(a+1);break;case"ArrowUp":s(a-1);break;case"Home":s(0);break;case"End":s(t.length-1);break;case"ArrowRight":n&&!i?(e.preventDefault(),Q(e,o.id)):i&&s(a+1);break;case"ArrowLeft":if(i)e.preventDefault(),Q(e,o.id);else{const t=su(d,o.id);t&&(e.preventDefault(),O(t))}break;case"Enter":case" ":e.preventDefault(),h?n&&Q(e,o.id):V(e,o.id)}},[L,N,I,d,x,h,O,Q,V]),U=(q=r).charAt(0).toUpperCase()+q.slice(1);var q;const X="default"===C?void 0:U,Y=n||("light"===C?"Surface-Brightest":"Surface-Dim"),Z=j?.collapseIcon?a.jsx(j.collapseIcon,{}):a.jsx(Oa,{size:"small",sx:{color:"inherit",transform:"rotate(90deg)"},children:a.jsx(ke,{})}),J=j?.expandIcon?a.jsx(j.expandIcon,{}):a.jsx(Oa,{size:"small",sx:{color:"inherit"},children:a.jsx(ke,{})});return a.jsx(t.Box,{"data-theme":X,"data-surface":Y,className:"omni-treeview omni-treeview-"+C+" omni-treeview-"+r+" omni-treeview-"+i+(B?" "+B:""),sx:{backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",...nu,...k},children:a.jsx(t.Box,{component:"ul",role:"tree","aria-label":S,"aria-multiselectable":T||void 0,onKeyDown:G,sx:{margin:0,padding:"8px",listStyle:"none",fontFamily:"inherit"},...w,children:d.map((e,t)=>a.jsx(lu,{node:{item:e,level:1,index:t,siblings:d.length},density:i,expanded:I,selected:D,focusedId:N,multiSelect:T,checkboxSelection:u,disableSelection:h,disabledItemsFocusable:x,collapseIcon:Z,expandIcon:J,animation:s,onToggle:Q,onSelect:V,onFocusItem:H,registerRef:M},e.id))})})}const cu=[{id:"1",label:"Design System",children:[{id:"1-1",label:"Foundations",children:[{id:"1-1-1",label:"Colors"},{id:"1-1-2",label:"Typography"},{id:"1-1-3",label:"Spacing"}]},{id:"1-2",label:"Components",children:[{id:"1-2-1",label:"Buttons"},{id:"1-2-2",label:"Inputs"},{id:"1-2-3",label:"Navigation",disabled:!0}]}]},{id:"2",label:"Tokens",children:[{id:"2-1",label:"Light Mode"},{id:"2-2",label:"Dark Mode"}]},{id:"3",label:"Changelog"}],uu=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",hu=[{id:"home",label:"Home"},{id:"products",label:"Products",children:[{id:"featured",label:"Featured"},{id:"new",label:"New Arrivals"},{id:"sale",label:"On Sale"}]},{id:"about",label:"About"},{id:"contact",label:"Contact"}];function xu({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}const pu={small:{minHeight:"120px",padding:"16px",iconSize:"20px",gap:1},medium:{minHeight:"200px",padding:"32px 24px",iconSize:"32px",gap:2},large:{minHeight:"300px",padding:"48px 24px",iconSize:"48px",gap:3}};const mu={small:{px:"12px",py:"8px",fontSize:"13px",gap:"8px",minWidth:"240px"},medium:{px:"16px",py:"10px",fontSize:"14px",gap:"12px",minWidth:"300px"},large:{px:"20px",py:"14px",fontSize:"16px",gap:"16px",minWidth:"360px"}};let gu=!1;function fu({children:r,open:o=!1,onClose:n,variant:i="light",surface:s,color:l="info",size:d="medium",anchor:c="bottom",autoHideDuration:u,startDecorator:h,endDecorator:x,action:p,className:m="",sx:g={},...f}){const b=e.useRef(null),v=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===l?"Default":l),y=mu[d]||mu.medium,j="small"===d?qt:Yt,S="default"===l?"Default":v;"production"===process.env.NODE_ENV||"solid"!==i||gu||(gu=!0,console.warn('[Snackbar] variant="solid" is retired and now renders as "light". A solid fill makes the label carry the semantic colour as its own background, doubling the contrast combinations to verify. Use the default, or pass `surface` to reach a specific level.'));const B=s||"Surface-Brightest",k="var(--Buttons-"+v+"-Border)";e.useEffect(()=>{if(o&&u&&u>0)return b.current=setTimeout(()=>{n?.({},"timeout")},u),()=>clearTimeout(b.current)},[o,u,n]),e.useEffect(()=>{if(!o)return;const e=e=>{"Escape"===e.key&&n?.(e,"escapeKeyDown")};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[o,n]);const w=e.useCallback(()=>{b.current&&clearTimeout(b.current)},[]),C=e.useCallback(()=>{o&&u&&u>0&&(b.current=setTimeout(()=>{n?.({},"timeout")},u))},[o,u,n]),T="top"===c?{from:{transform:"translateX(-50%) translateY(-120%)"},to:{transform:"translateX(-50%) translateY(0)"}}:{from:{transform:"translateX(-50%) translateY(120%)"},to:{transform:"translateX(-50%) translateY(0)"}};return o?a.jsx(t.Box,{role:"alert","aria-live":"polite","aria-atomic":"true",onMouseEnter:w,onMouseLeave:C,className:"snackbar snackbar-"+i+" snackbar-"+d+" snackbar-"+c+" snackbar-"+l+" "+m,sx:{position:"fixed",left:"50%",transform:"translateX(-50%)",..."top"===c?{top:"var(--SnackBar-Top, 24px)"}:{bottom:"var(--SnackBar-Bottom, 24px)"},zIndex:1400,minWidth:y.minWidth,maxWidth:"min(560px, calc(100vw - 32px))",border:"1px solid "+k,borderRadius:"var(--Style-Border-Radius)",boxShadow:dr,overflow:"hidden",animation:"snackbar-slide-in 0.3s ease forwards","@keyframes snackbar-slide-in":T,...g},...f,children:a.jsxs(t.Box,{"data-theme":S,"data-surface":B,sx:{display:"flex",alignItems:"center",gap:y.gap,padding:y.py+" "+y.px,fontSize:y.fontSize,fontFamily:"inherit",lineHeight:1.4,color:"var(--Text)",backgroundColor:"var(--Background)",borderRadius:"calc(var(--Style-Border-Radius) - 1px)"},children:[h&&a.jsx(t.Box,{sx:{display:"inline-flex",flexShrink:0,lineHeight:1},children:h}),a.jsx(t.Box,{sx:{flex:1,minWidth:0},children:"string"==typeof r?a.jsx(j,{children:r}):r}),p&&a.jsx(t.Box,{sx:{display:"inline-flex",flexShrink:0},children:p}),x&&a.jsx(t.Box,{sx:{display:"inline-flex",flexShrink:0,lineHeight:1},children:x}),n&&a.jsx(Lr,{iconOnly:!0,variant:"ghost",size:"small",onClick:e=>n(e,"closeClick"),"aria-label":"Close notification",sx:{flexShrink:0,ml:"4px"},children:a.jsx(Oa,{size:"small",children:a.jsx(Re,{})})})]})}):null}const bu=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",vu=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],yu={info:a.jsx(h,{}),success:a.jsx(x,{}),warning:a.jsx(p,{}),error:a.jsx(m,{})};function ju({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function Su({color:e,selected:r,onClick:o}){const i=bu(e);return a.jsx(t.Box,{component:"button",onClick:()=>o(e),"aria-label":"Select "+i,"aria-pressed":r,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&a.jsx(n,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const Bu={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",white:"Neutral",black:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},ku={small:{diameter:24,thickness:3,fontSize:"9px",labelSize:"0px"},medium:{diameter:40,thickness:4,fontSize:"12px",labelSize:"12px"},large:{diameter:56,thickness:5,fontSize:"14px",labelSize:"14px"}};function wu({value:r,color:o="primary",size:n="medium",thickness:i,showValue:s=!1,children:l,className:d="",sx:c={},...u}){const h=Bu[o]||"Primary",x="number"==typeof n?{diameter:n,thickness:Math.max(2,Math.round(n/11)),fontSize:Math.max(8,Math.round(n/3.3))+"px"}:ku[n]||ku.medium,p=i||x.thickness,m=null!=r,g=m?Math.min(100,Math.max(0,r)):0,f=(x.diameter-p)/2,b=2*Math.PI*f,v=m?b-g/100*b:.75*b,y="var(--Buttons-"+h+"-Border)",j="cp-grad-"+e.useId().replace(/:/g,"");return a.jsxs(t.Box,{role:"progressbar","aria-valuenow":m?Math.round(g):void 0,"aria-valuemin":m?0:void 0,"aria-valuemax":m?100:void 0,"aria-label":m?Math.round(g)+"% progress":"Loading",className:"circular-progress circular-progress-"+n+" circular-progress-"+o+(m?" circular-progress-value":" circular-progress-indeterminate")+" "+d,sx:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",width:x.diameter+"px",height:x.diameter+"px",flexShrink:0,...!m&&{animation:"circular-progress-spin 1.2s linear infinite","@keyframes circular-progress-spin":{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}},...c},...u,children:[a.jsxs("svg",{viewBox:"0 0 "+x.diameter+" "+x.diameter,width:x.diameter,height:x.diameter,style:{position:"absolute",top:0,left:0,transform:"rotate(-90deg)"},children:[a.jsx("defs",{children:a.jsxs("linearGradient",{id:j,x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[a.jsx("stop",{offset:"0%",stopColor:y,stopOpacity:"0"}),a.jsx("stop",{offset:"100%",stopColor:y,stopOpacity:"1"})]})}),a.jsx("circle",{cx:x.diameter/2,cy:x.diameter/2,r:f,fill:"none",stroke:"var(--Border-Variant)",strokeWidth:p,className:"circular-progress-track"}),a.jsx("circle",{cx:x.diameter/2,cy:x.diameter/2,r:f,fill:"none",stroke:"url(#"+j+")",strokeWidth:p,strokeDasharray:b,strokeDashoffset:v,strokeLinecap:"round",className:"circular-progress-indicator",style:{transition:m?"stroke-dashoffset 0.4s ease":"none"}})]}),(s||l)&&m&&a.jsx(t.Box,{className:"circular-progress-label","aria-hidden":"true",sx:{position:"relative",zIndex:1,fontSize:x.fontSize,fontWeight:700,fontFamily:"inherit",lineHeight:1,color:"var(--Text)",userSelect:"none"},children:l||Math.round(g)+"%"})]})}const Cu=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Tu=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Au({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function zu({color:e,selected:r,onClick:o}){const i=Cu(e);return a.jsx(t.Box,{component:"button",onClick:()=>o(e),"aria-label":"Select "+i,"aria-pressed":r,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&a.jsx(n,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const Iu={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Ru={small:{height:"4px",borderRadius:"2px"},medium:{height:"6px",borderRadius:"3px"},large:{height:"8px",borderRadius:"4px"}};function Wu({value:e,color:r="primary",size:o="medium",className:n="",sx:i={},...s}){const l=Iu[r]||"Primary",d=Ru[o]||Ru.medium,c=null!=e,u=c?Math.min(100,Math.max(0,e)):0,h="var(--Buttons-"+l+"-Border)";return a.jsx(t.Box,{role:"progressbar","aria-valuenow":c?Math.round(u):void 0,"aria-valuemin":c?0:void 0,"aria-valuemax":c?100:void 0,"aria-label":c?Math.round(u)+"% progress":"Loading",className:"linear-progress linear-progress-"+o+" linear-progress-"+r+(c?" linear-progress-determinate":" linear-progress-indeterminate")+" "+n,sx:{position:"relative",width:"100%",height:d.height,borderRadius:d.borderRadius,backgroundColor:"var(--Border-Variant)",overflow:"hidden",flexShrink:0,...i},...s,children:a.jsx(t.Box,{className:"linear-progress-bar",sx:{position:"absolute",top:0,left:0,height:"100%",borderRadius:"inherit",backgroundColor:h,...c?{width:u+"%",transition:"width 0.4s ease"}:{width:"40%",animation:"linear-progress-slide 1.5s ease-in-out infinite","@keyframes linear-progress-slide":{"0%":{left:"-40%",width:"40%"},"50%":{left:"30%",width:"50%"},"100%":{left:"100%",width:"40%"}}}}})})}const Fu=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Du=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Lu({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function Pu({color:e,selected:r,onClick:o}){const i=Fu(e);return a.jsx(t.Box,{component:"button",onClick:()=>o(e),"aria-label":"Select "+i,"aria-pressed":r,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&a.jsx(n,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const Hu={small:16,medium:24,large:32};function Nu({theme:e,surface:r,size:o="medium",color:n="primary",message:i="Loading...",sx:s={},"aria-label":l="Loading","aria-labelledby":d,...c}){return a.jsxs(t.Stack,{alignItems:"center",justifyContent:"center",spacing:2,sx:{py:4,...s},...c,"data-theme":e||void 0,"data-surface":r||void 0,children:[a.jsx(wu,{size:"number"==typeof o?o:Hu[o]??Hu.medium,color:n,"aria-label":d?void 0:l,"aria-labelledby":d}),i&&a.jsx(t.Typography,{sx:{color:"var(--Text-Secondary)",fontWeight:500},children:i})]})}const Eu={eyebrow:oa,title:Yt,secondary:Xt},Mu={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Ou={small:{py:.5,px:1.5,fontSize:"13px",iconSize:16,decoratorSize:28,gap:1,checkSize:"small"},medium:{py:1,px:1,fontSize:"14px",iconSize:20,decoratorSize:36,gap:1.5,checkSize:"small"},large:{py:1.5,px:2.5,fontSize:"16px",iconSize:24,decoratorSize:40,gap:2,checkSize:"medium"}};function Qu({children:e,size:r="medium",isButton:o=!1,onAction:n,ariaLabel:i}){return o?a.jsx(t.Box,{component:"button",role:"button",tabIndex:0,"aria-label":i||"Action",onClick:e=>{e.stopPropagation(),n?.(e)},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),n?.(e))},className:"list-item-decorator-button",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,padding:0,border:"none",backgroundColor:"transparent",borderRadius:"50%",cursor:"pointer",color:"inherit",transition:"background-color 0.15s ease","&:hover":{backgroundColor:"rgba(128,128,128,0.15)"},"&:active":{backgroundColor:"rgba(128,128,128,0.25)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},children:e}):a.jsx(t.Box,{className:"list-item-decorator",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:e})}function Vu({children:e,startDecorator:r,endDecorator:o,startDecoratorIsButton:n=!1,endDecoratorIsButton:i=!1,onStartDecoratorAction:s,onEndDecoratorAction:l,startDecoratorAriaLabel:d,endDecoratorAriaLabel:c,size:u="medium",variant:h="default",color:x,eyebrow:p,overline:m,secondary:g,clickable:f=!1,disabled:b=!1,selected:v=!1,selectionMode:y="none",onSelect:j,onClick:S,bottomBorder:B=!1,rightBorder:k=!1,sx:w={},...C}){const T=Ou[u]||Ou.medium,A=f||!!S,z="checkbox"===y||"radio"===y,I=(A||z)&&!b,R=e=>{b||(z&&j?.(e),S?.(e))};return a.jsxs(t.Box,{component:"li",role:z?"option":A?"button":"listitem",tabIndex:I?0:void 0,"aria-disabled":b||void 0,"aria-selected":z?v:v||void 0,"aria-checked":"checkbox"===y?v:void 0,onClick:R,onKeyDown:I?e=>{b||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),R(e))}:void 0,className:"list-item"+(v?" list-item-selected":"")+(b?" list-item-disabled":"")+(A?" list-item-clickable":"")+(z?" list-item-selectable":""),sx:{display:"flex",flexDirection:"row",alignItems:"flex-start",justifyContent:"flex-start",width:"100%",boxSizing:"border-box",gap:"var(--Sizing-1-and-Half)",py:T.py,px:T.px,minHeight:"32px",fontSize:T.fontSize,fontFamily:"inherit",color:"var(--Text)",listStyle:"none",cursor:I?"pointer":"default",opacity:b?"var(--Disabled, 0.38)":1,position:"relative",transition:"background-color 0.15s ease, box-shadow 0.15s ease",...A?{border:"1px solid var(--Border)",boxShadow:"var(--Effect-Level-1)",padding:"var(--Sizing-1)",borderRadius:"var(--Input-Radius)"}:{},...!A&&B?{borderBottom:"1px solid var(--Border-Variant)"}:{},...!A&&k?{borderRight:"1px solid var(--Border-Variant)"}:{},backgroundColor:v?"var(--Hover)":"transparent","&:hover":I?{backgroundColor:"var(--Hover)",boxShadow:"var(--Effect-Level-2)"}:{},"&:active":I?{backgroundColor:"var(--Pressed)",boxShadow:"var(--Effect-Level-1)"}:{},"&:focus-visible":{outline:"none"},"&:focus-visible::after":{content:'""',position:"absolute",inset:"1px",border:"3px solid var(--Focus-Visible)",borderRadius:"var(--Input-Inner-Focus-Visible)",pointerEvents:"none"},...w},...C,children:["checkbox"===y&&a.jsx(t.Checkbox,{checked:v,disabled:b,size:T.checkSize,tabIndex:-1,onClick:e=>e.stopPropagation(),onChange:()=>j?.(),sx:{p:0,mr:0,color:"inherit","&.Mui-checked":{color:"inherit"}},inputProps:{"aria-label":"Select "+("string"==typeof e?e:"item")}}),"radio"===y&&a.jsx(t.Radio,{checked:v,disabled:b,size:T.checkSize,tabIndex:-1,onClick:e=>e.stopPropagation(),onChange:()=>j?.(),sx:{p:0,mr:0,color:"inherit","&.Mui-checked":{color:"inherit"}},inputProps:{"aria-label":"Select "+("string"==typeof e?e:"item")}}),r&&a.jsx(Qu,{size:u,isButton:n,onAction:s,ariaLabel:d,children:r}),(()=>{const r=Eu,o=p??m,n={display:"block",width:"100%",wordBreak:"break-word",overflowWrap:"anywhere"};return a.jsxs(t.Box,{sx:{flex:"1 1 auto",width:"100%",minWidth:0,display:"flex",flexDirection:"column",gap:0},children:[o&&a.jsx(r.eyebrow,{style:{...n,color:"var(--Quiet)"},children:o}),null!=e&&a.jsx(r.title,{style:{...n,color:"var(--Text)"},children:e}),g&&a.jsx(r.secondary,{style:{...n,color:"var(--Quiet)"},children:g})]})})(),o&&a.jsx(Qu,{size:u,isButton:i,onAction:l,ariaLabel:c,children:o})]})}const Gu={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Uu={small:{py:"4px",px:"8px",fontSize:"13px",headerFontSize:"12px"},medium:{py:"8px",px:"12px",fontSize:"14px",headerFontSize:"13px"},large:{py:"12px",px:"16px",fontSize:"16px",headerFontSize:"14px"}};const qu=pr,Xu={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Yu={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Zu={small:{fontSize:"12px",py:"var(--Sm-Tooltip-Padding, 4px)",px:"var(--Sm-Tooltip-Padding, 4px)",gap:"var(--Sm-Tooltip-Gap, 2px)",arrowW:"var(--Sm-Tooltip-Arrow-Width, 12px)",arrowH:"var(--Sm-Tooltip-Arrow-Height, 6px)",arrowVisible:"var(--Sm-Tooltip-Visible-Arrow-Height, 4px)",maxWidth:200},medium:{fontSize:"13px",py:"var(--Tooltip-Padding, 8px)",px:"var(--Tooltip-Padding, 8px)",gap:"var(--Tooltip-Gap, 4px)",arrowW:"var(--Tooltip-Arrow-Width, 16px)",arrowH:"var(--Tooltip-Arrow-Height, 8px)",arrowVisible:"var(--Tooltip-Visible-Arrow-Height, 6px)",maxWidth:280},large:{fontSize:"14px",py:"var(--Lg-Tooltip-Padding, 12px)",px:"var(--Lg-Tooltip-Padding, 12px)",gap:"var(--Lg-Tooltip-Gap, 8px)",arrowW:"var(--Lg-Tooltip-Arrow-Width, 20px)",arrowH:"var(--Lg-Tooltip-Arrow-Height, 10px)",arrowVisible:"var(--Lg-Tooltip-Visible-Arrow-Height, 7px)",maxWidth:360}};const Ju={default:{theme:"App-Bar"},primary:{theme:"Primary"},"primary-light":{theme:"Primary",surface:"Surface-Brightest"},white:{theme:"Neutral",surface:"Surface-Brightest"},black:{theme:"Neutral",surface:"Surface-Dimmest"}};function $u({children:e,onClick:t,ariaLabel:r}){return a.jsx(Lr,{iconOnly:!0,variant:"ghost",size:"medium",onClick:t,"aria-label":r,children:e})}function Ku({barColor:r="default",surface:o="Surface",loginType:n="login",menuType:i="hamburger",brandType:s="name",searchPosition:l="right",companyName:d="Company",navLinks:c=["Home","Products","About"],rightButtons:u=[],showRightButtons:h=!1,onMenuClick:x,user:p,onLogin:m,onSignOut:g,brand:f,onBrandClick:b,centerSlot:v,endSlot:y,searchValue:j,onSearchChange:S,searchPlaceholder:B="Search...",children:k,className:w="",sx:C={}}){const[T,A]=e.useState(!1),z=Ju[r]||Ju.default,I=z.theme,R=z.surface||o,W="expanded"===i&&c.length>3?"hamburger":i,F=a.jsx(Ol,{placeholder:B,size:"medium",value:j,onChange:S,sx:{flex:"left"===l?"0 1 400px":"0 1 280px",minWidth:0}});return a.jsxs(a.Fragment,{children:[a.jsx(t.Box,{component:"header",role:"banner","data-theme":I,"data-surface":R,className:"appbar appbar-desktop appbar-"+r+(w?" "+w:""),sx:{display:"flex",alignItems:"center",height:64,px:2,gap:2,backgroundColor:"var(--Background)",color:"var(--Text)",boxShadow:sr,fontFamily:"inherit",...C},children:k||a.jsxs(a.Fragment,{children:["hamburger"===W&&a.jsx($u,{ariaLabel:"Open navigation menu",onClick:x||(()=>A(!0)),children:a.jsx(Ie,{sx:{fontSize:"inherit"}})}),void 0!==f?b?a.jsx(t.Box,{component:"button",type:"button",onClick:b,sx:{background:"transparent",border:"none",padding:0,cursor:"pointer",color:"inherit",font:"inherit",fontWeight:700,fontSize:"18px",whiteSpace:"nowrap",flexShrink:0},children:f}):a.jsx(t.Box,{sx:{fontWeight:700,fontSize:"18px",whiteSpace:"nowrap",flexShrink:0},children:f}):"logo"===s?a.jsx(t.Box,{sx:{width:32,height:32,borderRadius:"6px",backgroundColor:"var(--Text)",opacity:.8,flexShrink:0},"aria-label":"Company logo"}):a.jsx(t.Box,{sx:{fontWeight:700,fontSize:"18px",whiteSpace:"nowrap",flexShrink:0},children:d}),void 0!==v?a.jsxs(a.Fragment,{children:[a.jsx(t.Box,{sx:{flex:1}}),a.jsx(t.Box,{sx:{display:"flex",alignItems:"center",flexShrink:0},children:v}),a.jsx(t.Box,{sx:{flex:1}})]}):a.jsxs(a.Fragment,{children:["left"===l&&F,"expanded"===W&&a.jsx(Ko,{defaultValue:0,variant:"standard",color:"default",sx:{ml:2,minHeight:0},children:a.jsx(_o,{"aria-label":"Main navigation",children:c.map(e=>a.jsx(en,{children:e},e))})}),a.jsx(t.Box,{sx:{flex:1}}),"right"===l&&F]}),void 0!==y?a.jsx(t.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:y}):a.jsxs(a.Fragment,{children:[h&&u.length>0&&a.jsx(t.Box,{sx:{display:"flex",alignItems:"center",gap:.5},children:u.map((t,r)=>t.raw?a.jsx(e.Fragment,{children:t.icon},r):a.jsx($u,{ariaLabel:t.label||"Action "+(r+1),children:t.icon},r))}),p?a.jsx(Lr,{variant:"ghost",size:"small",onClick:g,"aria-label":"Sign out",startIcon:p.photoURL?a.jsx(t.Box,{component:"img",src:p.photoURL,alt:"",sx:{width:24,height:24,borderRadius:"50%"}}):a.jsx(Je,{sx:{fontSize:24}}),children:p.displayName?.split(" ")[0]||"Account"}):m?a.jsx(Lr,{variant:"default-outline",size:"small",onClick:m,children:"Login"}):"avatar"===n?a.jsx(Lr,{iconOnly:!0,variant:"ghost",size:"medium","aria-label":"Account",children:a.jsx(Je,{sx:{fontSize:28}})}):null]})]})}),a.jsx(_c,{open:T,onClose:()=>A(!1),anchor:"left",size:"small",children:a.jsx(t.Box,{component:"nav","aria-label":"Main navigation",sx:{display:"flex",flexDirection:"column",gap:.5,py:1},children:c.map(e=>a.jsx(Lr,{variant:"ghost",size:"medium",onClick:()=>A(!1),sx:{justifyContent:"flex-start",width:"100%"},children:e},e))})})]})}function _u({mobileVariant:r="search",barColor:o="default",surface:n="Surface",title:i="Page Title",subtitle:s="Subtitle text",actionIcon:l,companyName:d="Company",navLinks:c=["Home","Products","About"],className:u="",sx:h={}}){const[x,p]=e.useState(!1),m=Ju[o]||Ju.default,g=m.theme,f=m.surface||n,b={backgroundColor:"var(--Background)",color:"var(--Text)",boxShadow:sr,fontFamily:"inherit",width:"100%",maxWidth:420,...h},v={"data-theme":g,"data-surface":f},y=a.jsx(_c,{open:x,onClose:()=>p(!1),anchor:"left",size:"small",children:a.jsx(t.Box,{component:"nav","aria-label":"Main navigation",sx:{display:"flex",flexDirection:"column",gap:.5,py:1},children:c.map(e=>a.jsx(Lr,{variant:"ghost",size:"medium",onClick:()=>p(!1),sx:{justifyContent:"flex-start",width:"100%"},children:e},e))})});return"search"===r?a.jsxs(a.Fragment,{children:[a.jsxs(t.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-search appbar-"+o+" "+u,...v,sx:{...b,display:"flex",alignItems:"center",height:64,px:1.5,gap:1.5},children:[a.jsx($u,{ariaLabel:"Open navigation menu",onClick:()=>p(!0),children:a.jsx(Ie,{sx:{fontSize:"inherit"}})}),a.jsx(Ol,{placeholder:"Search "+d,size:"small",sx:{flex:1,minWidth:0}}),a.jsx(Lr,{iconOnly:!0,variant:"ghost",size:"medium","aria-label":"Account",children:a.jsx(Je,{sx:{fontSize:28}})})]}),y]}):"small"===r?a.jsxs(t.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-small appbar-"+o+" "+u,...v,sx:{...b,display:"flex",alignItems:"center",height:64,px:1.5,gap:1},children:[a.jsx($u,{ariaLabel:"Back",children:a.jsx(Ze,{sx:{fontSize:"inherit"}})}),a.jsxs(t.Box,{sx:{flex:1,minWidth:0},children:[a.jsx(t.Box,{sx:{fontWeight:600,fontSize:"16px",lineHeight:1.3,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:i}),s&&a.jsx(t.Box,{sx:{fontSize:"12px",opacity:.7,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:s})]}),l&&a.jsx($u,{ariaLabel:"Action",children:l})]}):"medium"===r?a.jsxs(t.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-medium appbar-"+o+" "+u,...v,sx:{...b,px:1.5,pb:2},children:[a.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",height:56,gap:1},children:[a.jsx($u,{ariaLabel:"Back",children:a.jsx(Ze,{sx:{fontSize:"inherit"}})}),a.jsx(t.Box,{sx:{flex:1}}),l&&a.jsx($u,{ariaLabel:"Action",children:l})]}),a.jsxs(t.Box,{sx:{px:1.5},children:[a.jsx(t.Box,{sx:{fontWeight:600,fontSize:"24px",lineHeight:1.2},children:i}),s&&a.jsx(t.Box,{sx:{fontSize:"14px",opacity:.7,mt:.5},children:s})]})]}):a.jsxs(t.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-large appbar-"+o+" "+u,...v,sx:{...b,px:1.5,pb:3},children:[a.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",height:56,gap:1},children:[a.jsx($u,{ariaLabel:"Back",children:a.jsx(Ze,{sx:{fontSize:"inherit"}})}),a.jsx(t.Box,{sx:{flex:1}}),l&&a.jsx($u,{ariaLabel:"Action",children:l})]}),a.jsxs(t.Box,{sx:{px:1.5,mt:1},children:[a.jsx(t.Box,{sx:{fontWeight:600,fontSize:"36px",lineHeight:1.1},children:i}),s&&a.jsx(t.Box,{sx:{fontSize:"14px",opacity:.7,mt:.5},children:s})]})]})}const eh=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",th=["default","primary","primary-light","white","black"],ah=["Surface","Surface-Bright","Surface-Dim","Surface-Dimmest"],rh={default:{theme:"App-Bar"},primary:{theme:"Primary"},"primary-light":{theme:"Primary",surface:"Surface-Brightest"},white:{theme:"Neutral",surface:"Surface-Brightest"},black:{theme:"Neutral",surface:"Surface-Dimmest"}};function oh({ratio:e,threshold:r}){if(!e)return a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"--"});const o=parseFloat(e)>=r;return a.jsxs(t.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[a.jsxs(t.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:o?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:[e,":1"]}),a.jsx(ea,{style:{color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:o?"Pass":"Fail"})]})}function nh({label:e,ratio:r,threshold:o,note:n}){return a.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(t.Box,{sx:{flex:1},children:[a.jsx(qt,{style:{color:"var(--Text)"},children:e}),n&&a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),a.jsx(oh,{ratio:r,threshold:o})]})}function ih({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function sh({color:e,selected:r,onClick:o}){const i=rh[e]||rh.default;return a.jsx(t.Box,{component:"button","data-theme":i.theme,"data-surface":i.surface||"Surface",onClick:()=>o(e),"aria-label":"Select "+e,"aria-pressed":r,title:e,sx:{width:"var(--Button-Height, 36px)",height:"var(--Button-Height, 36px)",borderRadius:"4px",backgroundColor:"var(--Background)",border:r?"2px solid var(--Text)":"2px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&a.jsx(n,{sx:{fontSize:16,color:"var(--Text)",pointerEvents:"none"}})})}const lh={default:{bg:"var(--Primary-Color-1)",fg:"var(--Primary-Color-12)"},primary:{theme:"Primary",surface:"Surface-Dim"},"primary-dark":{bg:"var(--Primary-Color-1)",fg:"var(--Primary-Color-12)"},white:{bg:"var(--Neutral-Color-11)",fg:"var(--Neutral-Color-3)"},black:{bg:"var(--Neutral-Color-1)",fg:"var(--Neutral-Color-12)"}};function dh({color:e="default",companyName:t="",year:r=(new Date).getFullYear(),rights:o="All rights reserved",children:n,className:i,style:s,...l}){const d=n??`© ${r}${t?" "+t:""}.${o?" "+o+".":""}`,c=lh[e]||lh.default,u=c.theme?{"data-theme":c.theme,"data-surface":c.surface||"Surface-Dim"}:{},h=c.theme?{background:"var(--Background)",color:"var(--Text)"}:{background:c.bg,color:c.fg};return a.jsx("div",{...u,className:["dino-copyright",i].filter(Boolean).join(" "),style:{padding:"14px 24px",textAlign:"center",...h,...s},...l,children:a.jsx(qt,{style:{color:"inherit",opacity:.85},children:d})})}const ch={default:{bg:"var(--Primary-Color-2)",fg:"var(--Primary-Color-12)"},primary:{theme:"Primary",surface:"Surface"},"primary-dark":{theme:"Primary",surface:"Surface-Dimmest"},white:{bg:"var(--Neutral-Color-12)",fg:"var(--Neutral-Color-2)"},black:{bg:"var(--Neutral-Color-1)",fg:"var(--Neutral-Color-12)"}};function uh({color:e="default",brand:t,address:r,columns:o=[],socialLinks:n=[],subscribe:i,copyrightName:s,copyrightYear:l,className:d,style:c,...u}){const h=o.slice(0,3),x=ch[e]||ch.default,p=x.theme?{"data-theme":x.theme,"data-surface":x.surface||"Surface"}:{},m=x.theme?{background:"var(--Background)",color:"var(--Text)"}:{background:x.bg,color:x.fg};return a.jsxs("footer",{...p,className:["dino-footer",d].filter(Boolean).join(" "),style:{...m,...c},...u,children:[a.jsxs("div",{style:{maxWidth:1200,margin:"0 auto",padding:"40px 24px 56px"},children:[t&&a.jsx("div",{style:{marginBottom:36},children:t}),a.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(280px, 1fr))",gap:40},children:[a.jsx(hh,{address:r}),h.map((e,t)=>a.jsx(xh,{...e},t))]}),(n.length>0||i)&&a.jsxs("div",{style:{marginTop:48,paddingTop:32,borderTop:"1px solid rgba(255, 255, 255, 0.10)",display:"flex",flexWrap:"wrap",gap:32,alignItems:"flex-start",justifyContent:"space-between"},children:[n.length>0&&a.jsx(ph,{links:n}),i&&a.jsx(mh,{...i})]})]}),a.jsx(dh,{color:e,companyName:s,year:l})]})}function hh({address:e}){if(!e)return a.jsx("div",{});const{company:t,lines:r=[],email:o,phone:n}=e,i=[...t?[t]:[],...r,...n?[n]:[]];return a.jsxs("div",{children:[i.map((e,t)=>a.jsx(qt,{style:{color:"inherit",opacity:.85,display:"block"},children:e},t)),o&&a.jsx("div",{style:{marginTop:12},children:a.jsx(qt,{style:{color:"inherit",opacity:.85,display:"block"},children:a.jsx(_n,{href:"mailto:"+o,color:"standard",style:{color:"inherit"},children:o})})})]})}function xh({title:e,links:t=[]}){return a.jsxs("div",{children:[e&&a.jsx(Nt,{style:{color:"inherit",marginBottom:12},children:e}),a.jsx("ul",{style:{listStyle:"none",margin:0,padding:0},children:t.map((e,t)=>a.jsx("li",{style:{marginBottom:8},children:a.jsx(_n,{href:e.href,onClick:e.onClick,color:"standard",style:{color:"inherit",opacity:.85},children:e.label})},t))})]})}function ph({links:e}){return a.jsx("div",{style:{display:"flex",gap:16,alignItems:"center"},children:e.map((e,t)=>a.jsx("a",{href:e.url,target:"_blank",rel:"noopener noreferrer","aria-label":e.label||"Social link",style:{color:"inherit",opacity:.85,display:"inline-flex",alignItems:"center",justifyContent:"center",width:36,height:36,borderRadius:"50%",border:"1px solid rgba(255, 255, 255, 0.18)",textDecoration:"none",transition:"opacity 150ms ease, border-color 150ms ease"},onMouseEnter:e=>{e.currentTarget.style.opacity="1"},onMouseLeave:e=>{e.currentTarget.style.opacity="0.85"},children:e.icon},t))})}function mh({title:t="Stay in the loop",description:r,placeholder:o="your@email.com",buttonLabel:n="Subscribe",onSubscribe:i}){const[s,l]=e.useState(""),[d,c]=e.useState(!1);return a.jsxs("form",{onSubmit:async e=>{if(e&&e.preventDefault(),s&&!d){c(!0);try{await(i?.(s)),l("")}finally{c(!1)}}},style:{minWidth:260,maxWidth:360,flex:"1 1 260px"},children:[a.jsx(Nt,{style:{color:"inherit",marginBottom:6},children:t}),r&&a.jsx(qt,{style:{color:"inherit",opacity:.85,marginBottom:12,display:"block"},children:r}),a.jsxs("div",{style:{display:"flex",gap:8},children:[a.jsx(wl,{type:"email",value:s,onChange:e=>l(e.target.value),placeholder:o,size:"small",fullWidth:!0,"aria-label":"Email address"}),a.jsx(Lr,{type:"submit",variant:"primary",size:"small",disabled:d||!s,children:n})]})]})}function gh(e){const t=e.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);return t?[Number(t[1]),Number(t[2]),Number(t[3])]:null}function fh(e){return e?"#"+e.map(e=>e.toString(16).padStart(2,"0")).join(""):"—"}function bh([e,t,a]){const r=[e,t,a].map(e=>(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4));return.2126*r[0]+.7152*r[1]+.0722*r[2]}function vh({targetRef:t,label:r,deps:o=[]}){const[n,i]=e.useState(null),[s,l]=e.useState(null);e.useEffect(()=>{if(!t.current)return;const e=requestAnimationFrame(()=>{if(!t.current)return;const e=getComputedStyle(t.current);i(gh(e.backgroundColor)),l(gh(e.color))});return()=>cancelAnimationFrame(e)},o);const d=function(e,t){if(!e||!t)return null;const a=bh(e),r=bh(t);return(Math.max(a,r)+.05)/(Math.min(a,r)+.05)}(n,s),c=null!==d&&d>=4.5,u=null===d?"—":null!==d&&d>=7?"AAA":c?"AA":"Fail",h=null===d?"var(--Text-Quiet)":c?"var(--Text-Success)":"var(--Text-Error)";return a.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,padding:"12px 16px",borderRadius:8,background:"var(--Container)",border:"1px solid var(--Border)"},children:[a.jsxs("div",{style:{flex:1,minWidth:0},children:[a.jsx(qt,{style:{fontWeight:600},children:r}),a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Background ",fh(n)," · Text ",fh(s)]})]}),a.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,borderRadius:999,padding:"4px 10px",background:"var(--Background)",border:"1px solid var(--Border)"},children:[a.jsx("span",{style:{fontWeight:700,fontSize:12,color:h},children:u}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:null!==d?d.toFixed(2)+":1":"—"})]})]})}const yh={company:"DinoDesign",lines:["123 Market Street","San Francisco, CA 94103"],email:"hello@dinodesign.dev",phone:"+1 (555) 010-0000"},jh=[{title:"Product",links:[{label:"Features",href:"#"},{label:"Pricing",href:"#"},{label:"Add-ons",href:"#"}]},{title:"Company",links:[{label:"About",href:"#"},{label:"Careers",href:"#"},{label:"Contact",href:"#"}]},{title:"Resources",links:[{label:"Docs",href:"#"},{label:"Changelog",href:"#"},{label:"Status",href:"#"}]}],Sh=[{icon:a.jsx($e,{fontSize:"small"}),url:"https://twitter.com",label:"Twitter"},{icon:a.jsx(Ke,{fontSize:"small"}),url:"https://github.com",label:"GitHub"},{icon:a.jsx(_e,{fontSize:"small"}),url:"https://linkedin.com",label:"LinkedIn"}],Bh=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"primary-dark",label:"Primary Dark"},{value:"white",label:"White"},{value:"black",label:"Black"}];function kh({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}const wh=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"primary-dark",label:"Primary Dark"},{value:"white",label:"White"},{value:"black",label:"Black"}];function Ch({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}const Th=["Default","Primary","Secondary","Tertiary","Neutral"],Ah={Classic:{name:"Classic",description:"Raised + soft shadow",angle:135,bevel:!0,depth:5,softness:1,shadow:!0,shadowDistance:6,shadowBlur:8,shadowOpacity:.6},Carved:{name:"Carved",description:"Deep inset, no shadow",angle:135,bevel:!0,depth:10,softness:2,shadow:!1,shadowDistance:4,shadowBlur:4,shadowOpacity:.4},Embossed:{name:"Embossed",description:"Inset + heavy shadow",angle:135,bevel:!0,depth:7,softness:1.5,shadow:!0,shadowDistance:10,shadowBlur:14,shadowOpacity:.7},Stamp:{name:"Stamp",description:"Reversed light + shadow",angle:315,bevel:!0,depth:6,softness:1,shadow:!0,shadowDistance:5,shadowBlur:6,shadowOpacity:.8},"Night Cut":{name:"Night Cut",description:"Inset on dark background",angle:135,bevel:!0,depth:8,softness:2,shadow:!1,shadowDistance:6,shadowBlur:8,shadowOpacity:.6},"Shadow Only":{name:"Shadow Only",description:"Flat fill + drop shadow",angle:135,bevel:!1,depth:4,softness:1,shadow:!0,shadowDistance:8,shadowBlur:12,shadowOpacity:.5}},zh=Object.keys(Ah);function Ih(e,t){if("custom"===e)return{...Ah.Classic,name:"Custom",description:"Custom",...t||{}};const a=Ah[e];return a?{...a}:{...Ah.Classic}}function Rh(e,t){const a=e||"Primary";return"base"===t?"var(--Buttons-"+a+"-Button)":"highlight"===t?"rgb(var(--Buttons-"+a+"-Highlight))":"lowlight"===t?"rgb(var(--Buttons-"+a+"-Lowlight))":void 0}function Wh(e){const t=e||"Primary";return"Default"===t?"var(--Text)":"var(--Text-"+t+")"}function Fh(e,t){const a=(e-90)*Math.PI/180;return{dx:Math.cos(a)*t,dy:Math.sin(a)*t}}const Dh={"display-large":{fontFamily:"var(--Header-Font-Family)",fontSize:"var(--Display-Large-Font-Size)",fontWeight:"var(--Display-Large-Font-Weight)",letterSpacing:"var(--Display-Large-Letter-Spacing)",pxHint:64},"display-small":{fontFamily:"var(--Header-Font-Family)",fontSize:"var(--Display-Small-Font-Size)",fontWeight:"var(--Display-Small-Font-Weight)",letterSpacing:"var(--Display-Small-Letter-Spacing)",pxHint:48}};function Lh({text:t="Your Brand. Perfected.",curves:r,arc:o=160,radius:n=300,direction:i="up",rotation:s=0,autoCrop:l=!0,textStyle:d="display-large",fontSize:c,fontFamily:u,fontWeight:h,letterSpacing:x,color:p="var(--Text, #1a1a1a)",bevel:m=!1,bevelTheme:g="Primary",bevelPreset:f,bevelCustom:b,className:v,style:y,...j}){const S=f?Ih(f,b):null,B=S?!!S.bevel:!!m,k=Dh[d]||Dh["display-large"],w=u??k.fontFamily,C=c??k.fontSize,T=h??k.fontWeight,A=x??k.letterSpacing,z="number"==typeof c?c:k.pxHint,I=r&&r.length>0?r:[{arc:o,radius:n,direction:i}],{d:R,width:W,upMax:F,downMax:D,pathId:L}=function(t){return e.useMemo(()=>{const e="dino-curved-text-"+Math.random().toString(36).slice(2,9);let a=0;const r=0;let o="M "+a+" "+r,n=0,i=0;for(const{arc:e,radius:s,direction:l}of t){const t=Ph(e,1,359),d=Math.max(10,s),c=t*Math.PI/180,u=2*d*Math.sin(c/2),h=d*(1-Math.cos(c/2));a+=u,o+=" A "+d+" "+d+" 0 "+(t>180?1:0)+" "+("up"===l?1:0)+" "+a+" "+r,"up"===l?n=Math.max(n,h):i=Math.max(i,h)}return{d:o,width:a,upMax:n,downMax:i,pathId:e}},[JSON.stringify(t)])}(I),P=Math.ceil(F+z),H=Math.ceil(D+z),N=Math.ceil(z),E=Math.ceil(W+2*N),M=P+H,O=N,Q=P,V=s?"rotate("+s+" "+E/2+" "+M/2+")":void 0,G=e.useRef(null),[U,q]=e.useState(null),[X,Y]=e.useState(z);e.useEffect(()=>{if(!G.current||"undefined"==typeof ResizeObserver)return;const e=G.current,t=()=>{const t=e.getBoundingClientRect(),a=U?U.width:E;if(!a||!t.width)return;const r=t.width/a;Y(z*r)};t();const a=new ResizeObserver(t);return a.observe(e),()=>a.disconnect()},[E,z,U]);const Z=B&&X>=19;e.useLayoutEffect(()=>{if(!l)return void q(null);const e=G.current;if(!e)return;const t=e.querySelector("text");if(!t)return;let a;try{a=t.getBBox()}catch(e){return}if(!a||!a.width||!a.height)return;const r=E/2,o=M/2,n=s*Math.PI/180,i=Math.cos(n),d=Math.sin(n),c=(e,t)=>{const a=e-r,n=t-o;return{x:r+a*i-n*d,y:o+a*d+n*i}},u=[c(a.x,a.y),c(a.x+a.width,a.y),c(a.x,a.y+a.height),c(a.x+a.width,a.y+a.height)],h=Math.min(...u.map(e=>e.x)),x=Math.max(...u.map(e=>e.x)),p=Math.min(...u.map(e=>e.y)),m=Math.max(...u.map(e=>e.y)),g=.12*z,f={x:h-g,y:p-g,width:x-h+2*g,height:m-p+2*g};q(e=>e&&Math.abs(e.x-f.x)<.5&&Math.abs(e.y-f.y)<.5&&Math.abs(e.width-f.width)<.5&&Math.abs(e.height-f.height)<.5?e:f)},[l,t,JSON.stringify(I),s,z,A,w,T,B,g,f,JSON.stringify(b)]);const J=U?U.x+" "+U.y+" "+U.width+" "+U.height:"0 0 "+E+" "+M,$=U?U.width:E,K=U?U.height:M;return a.jsxs("svg",{ref:G,viewBox:J,width:$,height:K,preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",style:{display:"block",maxWidth:"100%",height:"auto",overflow:"visible",...y},"aria-label":t,role:"img",className:["dino-curved-text",v].filter(Boolean).join(" "),...j,children:[a.jsx("defs",{children:a.jsx("path",{id:L,d:R,transform:"translate("+O+" "+Q+")"})}),a.jsxs("g",{transform:V,children:[Z&&(()=>{const e=S?S.depth/96:.045,r=Math.max(2,Math.round(z*e)),o=Math.max(1,Math.round(z*e*.67)),n={fontFamily:w,fontSize:"number"==typeof C?C+"px":C,fontWeight:T,letterSpacing:"number"==typeof A?A+"px":A};return a.jsxs(a.Fragment,{children:[a.jsx("text",{className:"dino-bevel-layer dino-bevel-layer--lowlight",fill:"rgb(var(--Buttons-"+g+"-Lowlight))",transform:"translate(0 "+r+")",style:n,children:a.jsx("textPath",{href:"#"+L,startOffset:"50%",textAnchor:"middle",children:t})}),a.jsx("text",{className:"dino-bevel-layer dino-bevel-layer--highlight",fill:"rgb(var(--Buttons-"+g+"-Highlight))",transform:"translate(0 -"+o+")",style:n,children:a.jsx("textPath",{href:"#"+L,startOffset:"50%",textAnchor:"middle",children:t})})]})})(),a.jsx("text",{className:"dino-curved-text__base",fill:Z?"var(--Buttons-"+g+"-Button)":B?Wh(g):p,style:{fontFamily:w,fontSize:"number"==typeof C?C+"px":C,fontWeight:T,letterSpacing:"number"==typeof A?A+"px":A},children:a.jsx("textPath",{href:"#"+L,startOffset:"50%",textAnchor:"middle",children:t})})]})]})}function Ph(e,t,a){return Math.max(t,Math.min(a,e))}const Hh=[{value:"display-large",label:"Display Large"},{value:"display-small",label:"Display Small"}],Nh=[{value:"text",label:"Text",css:"var(--Text)"},{value:"primary",label:"Primary",css:"var(--Text-Primary)"},{value:"secondary",label:"Secondary",css:"var(--Text-Secondary)"},{value:"tertiary",label:"Tertiary",css:"var(--Text-Tertiary)"}],Eh=Th.map(e=>({value:e,label:e}));function Mh({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}const Oh={"display-large":{fontFamily:"var(--Header-Font-Family)",fontSize:"var(--Display-Large-Font-Size)",fontWeight:"var(--Display-Large-Font-Weight)",letterSpacing:"var(--Display-Large-Letter-Spacing)",pxHint:96},"display-small":{fontFamily:"var(--Header-Font-Family)",fontSize:"var(--Display-Small-Font-Size)",fontWeight:"var(--Display-Small-Font-Weight)",letterSpacing:"var(--Display-Small-Letter-Spacing)",pxHint:64}};function Qh({text:t="DinoDesign",theme:r="Primary",preset:o="Classic",custom:n,textStyle:i="display-large",fontSize:s,fontFamily:l,fontWeight:d,letterSpacing:c,className:u,style:h,...x}){const p=Oh[i]||Oh["display-large"],m=l??p.fontFamily,g=s??p.fontSize,f=d??p.fontWeight,b=c??p.letterSpacing,v="number"==typeof s?s:p.pxHint,y=Ih(o,n),j="dino-bevel-"+e.useId().replace(/:/g,""),S=j+"-s",B=e.useRef(null),[k,w]=e.useState(v),C=.6*v,T=Math.max(400,t.length*C+80),A=1.9*v,z=T/2,I=.7*A;e.useEffect(()=>{if(!B.current||"undefined"==typeof ResizeObserver)return;const e=B.current,t=()=>{const t=e.getBoundingClientRect();T&&t.width&&w(v*(t.width/T))};t();const a=new ResizeObserver(t);return a.observe(e),()=>a.disconnect()},[T,v]);const R=k>=19,W=y.bevel?Fh(y.angle+180,y.depth):{dx:0,dy:0},F=y.bevel?Fh(y.angle,y.depth):{dx:0,dy:0},D=y.shadow?Fh(y.angle,y.shadowDistance??6):{dx:0,dy:0},L=R?Rh(r,"base"):Wh(r),P=Rh(r,"highlight"),H=Rh(r,"lowlight"),N={fontFamily:m,fontSize:"number"==typeof g?g+"px":g,fontWeight:f,letterSpacing:"number"==typeof b?b+"px":b},E=y.bevel&&R?"url(#"+j+")":void 0,M=y.shadow&&R?"url(#"+S+")":void 0;return a.jsxs("svg",{ref:B,viewBox:"0 0 "+T+" "+A,width:T,height:A,preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",style:{display:"block",maxWidth:"100%",height:"auto",overflow:"visible",...h},"aria-label":t,role:"img",className:["dino-bevel-text",u].filter(Boolean).join(" "),...x,children:[a.jsxs("defs",{children:[y.shadow&&a.jsx("filter",{id:S,x:"-30%",y:"-30%",width:"160%",height:"160%",children:a.jsx("feDropShadow",{dx:D.dx.toFixed(2),dy:D.dy.toFixed(2),stdDeviation:y.shadowBlur??8,style:{floodColor:H,floodOpacity:y.shadowOpacity??.6}})}),y.bevel&&a.jsxs("filter",{id:j,x:"-5%",y:"-5%",width:"110%",height:"110%",colorInterpolationFilters:"sRGB",children:[a.jsx("feGaussianBlur",{in:"SourceAlpha",stdDeviation:(y.softness??1)+.5,result:"blur-alpha"}),a.jsx("feOffset",{in:"blur-alpha",dx:F.dx.toFixed(2),dy:F.dy.toFixed(2),result:"shadow-offset"}),a.jsx("feFlood",{style:{floodColor:H,floodOpacity:.95},result:"shadow-flood"}),a.jsx("feComposite",{in:"shadow-flood",in2:"shadow-offset",operator:"in",result:"shadow-shaped"}),a.jsx("feComposite",{in:"shadow-shaped",in2:"SourceAlpha",operator:"in",result:"shadow-clipped"}),a.jsx("feOffset",{in:"blur-alpha",dx:W.dx.toFixed(2),dy:W.dy.toFixed(2),result:"hi-offset"}),a.jsx("feFlood",{style:{floodColor:P,floodOpacity:.95},result:"hi-flood"}),a.jsx("feComposite",{in:"hi-flood",in2:"hi-offset",operator:"in",result:"hi-shaped"}),a.jsx("feComposite",{in:"hi-shaped",in2:"SourceAlpha",operator:"in",result:"hi-clipped"}),a.jsxs("feMerge",{children:[a.jsx("feMergeNode",{in:"SourceGraphic"}),a.jsx("feMergeNode",{in:"shadow-clipped"}),a.jsx("feMergeNode",{in:"hi-clipped"})]})]})]}),y.shadow&&R&&a.jsx("text",{className:"dino-bevel-layer dino-bevel-layer--shadow",x:z,y:I,textAnchor:"middle",fill:L,filter:M,style:N,"aria-hidden":"true",children:t}),a.jsx("text",{className:y.bevel?"dino-bevel-text__base dino-bevel-layer":"dino-bevel-text__base",x:z,y:I,textAnchor:"middle",fill:L,filter:E,style:N,children:t})]})}const Vh=[...zh.map(e=>({value:e,label:e,description:Ah[e].description})),{value:"custom",label:"Custom",description:"Tune every knob"}],Gh=[{value:"light",label:"Light",css:"var(--Surface)"},{value:"warm",label:"Warm",css:"var(--Surface-Dim)"},{value:"dark",label:"Dark",css:"var(--Container-High)"}];function Uh({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function qh({option:e,active:r,onClick:o}){return a.jsxs(t.Box,{onClick:o,role:"button",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),o())},sx:{flex:"1 1 140px",minWidth:130,cursor:"pointer",border:"1.5px solid",borderColor:r?"var(--Buttons-Primary-Border)":"var(--Border)",background:r?"rgb(var(--Buttons-Primary-Highlight) / 0.18)":"var(--Background)",borderRadius:"var(--Style-Border-Radius)",p:1.5,transition:"border-color 0.15s, background 0.15s",textAlign:"center","&:hover":{borderColor:"var(--Buttons-Primary-Border)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:2}},children:[a.jsx(ea,{style:{fontWeight:600,color:"var(--Text)"},children:e.label}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:2},children:e.description})]})}const Xh={outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},Yh={opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"};function Zh(e={}){const{selectedBg:t,selectedText:a,selectedHover:r,selectedPressed:o,muiPrefix:n}=e,i=n?"&.Mui-disabled":"&:disabled",s=n?"&.Mui-focusVisible":"&:focus-visible",l={"&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},[s]:Xh,[i]:{...Yh,color:"var(--Quiet)"}};return t?{...l,"&.Mui-selected":{backgroundColor:t,...a?{color:a}:{},"&:hover":{backgroundColor:r||"var(--Hover)"},"&:active":{backgroundColor:o||"var(--Pressed)"}}}:l}const Jh={1:{padLeft:0,togglePadLeft:0},2:{padLeft:24,togglePadLeft:4},3:{padLeft:48,togglePadLeft:0},4:{padLeft:72,togglePadLeft:0},5:{padLeft:88,togglePadLeft:4}},$h={0:{padLeft:8},1:{padLeft:48},2:{padLeft:56,slotPadLeft:4},3:{padLeft:64,slotPadLeft:4},4:{padLeft:88,slotPadLeft:4},5:{padLeft:112},6:{padLeft:128}};const Kh=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",_h=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],ex=e=>a.jsx(t.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:e,flexShrink:0}}),tx=[{id:"1",label:"Documents",icon:a.jsx(Ye,{}),badge:ex("var(--Warning-Text, orange)"),children:[{id:"1-1",label:"Company",icon:a.jsx(tt,{}),badge:ex("var(--Warning-Text, orange)"),children:[{id:"1-1-1",label:"Invoice",icon:a.jsx(rt,{})},{id:"1-1-2",label:"Meeting notes",icon:a.jsx(at,{})},{id:"1-1-3",label:"Tasks list",icon:a.jsx(at,{})},{id:"1-1-4",label:"Equipment",icon:a.jsx(rt,{})},{id:"1-1-5",label:"Video conference",icon:a.jsx(ot,{})}]},{id:"1-2",label:"Personal",icon:a.jsx(Ye,{})},{id:"1-3",label:"Group photo",icon:a.jsx(Me,{})}]},{id:"2",label:"Bookmarked",icon:a.jsx(Ge,{}),children:[{id:"2-1",label:"Favourites",icon:a.jsx(at,{})}]},{id:"3",label:"History",icon:a.jsx(Ye,{})},{id:"4",label:"Trash",icon:a.jsx(y,{}),disabled:!0}],ax=JSON.stringify(cu,null,2);function rx({ratio:e,threshold:r}){if(!e)return a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"--"});const o=parseFloat(e)>=r;return a.jsxs(t.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[a.jsxs(t.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:o?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:[e,":1"]}),a.jsx(ea,{style:{color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:o?"Pass":"Fail"})]})}function ox({label:e,ratio:r,threshold:o,note:n}){return a.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(t.Box,{sx:{flex:1},children:[a.jsx(qt,{style:{color:"var(--Text)"},children:e}),n&&a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),a.jsx(rx,{ratio:r,threshold:o})]})}function nx({label:e,selected:t,onClick:r}){return a.jsx(Lr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:r,children:e})}function ix({color:e,selected:r,onClick:o}){const i=Kh(e);return a.jsx(t.Box,{component:"button",onClick:()=>o(e),"aria-label":"Select "+i,"aria-pressed":r,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&a.jsx(n,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}function sx({value:r,onChange:o}){const[n,i]=e.useState(r),[s,l]=e.useState(null);return a.jsxs(t.Box,{children:[a.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)"},children:"TREE DATA (JSON)"}),a.jsx(Lr,{variant:"ghost",size:"small",onClick:()=>{i(ax),l(null),o(cu)},children:"Reset"})]}),a.jsx(t.Box,{component:"textarea",value:n,onChange:e=>{i(e.target.value);try{const t=JSON.parse(e.target.value);l(null),o(t)}catch(e){l(e.message)}},spellCheck:!1,rows:10,sx:{width:"100%",fontFamily:"monospace",fontSize:"11px",backgroundColor:"#1e1e1e",color:s?"#f87171":"#e5e7eb",border:"1px solid "+(s?"#f87171":"#333"),borderRadius:"6px",padding:"10px",resize:"vertical",outline:"none",boxSizing:"border-box",lineHeight:1.5,"&:focus":{borderColor:"var(--Focus-Visible)"}}}),s&&a.jsxs(ea,{style:{color:"#f87171",display:"block",marginTop:4},children:["JSON error: ",s]})]})}function lx(e,t){if(document.getElementById(t))return;const a=document.createElement("link");a.rel="stylesheet",a.href=e,a.id=t,document.head.appendChild(a)}const dx=[{value:"desktop",label:"Desktop",note:"32px touch targets (WCAG)"},{value:"ios-mobile",label:"iOS Mobile",note:"44px touch targets (HIG)"},{value:"ios-tablet",label:"iOS Tablet",note:"44px touch targets (HIG)"},{value:"android",label:"Android",note:"48px touch targets (M3)"}],cx={desktop:"32px","ios-mobile":"44px","ios-tablet":"44px",android:"48px"};const ux=e=>(e||[]).map(e=>{const t="number"==typeof e?e:Number(e?.value);return Number.isFinite(t)?t:0}),hx=e=>(e||[]).map((e,t)=>"number"==typeof e?String(t+1):e?.label??String(t+1));function xx(e,{fromZero:t=!0}={}){if(!e.length)return{min:0,max:1};let a=Math.min(...e),r=Math.max(...e);return t&&(a=Math.min(0,a)),r===a&&(r=a+1),{min:a,max:r}}const px=(e,{min:t,max:a},r,o)=>r+o-(e-t)/(a-t)*o;function mx(e,t,a,{inset:r=0}={}){if(e<=0)return[];if(1===e)return[t+a/2];const o=(a-2*r)/(e-1);return Array.from({length:e},(e,a)=>t+r+a*o)}function gx(e,t,a,{gapRatio:r=.4}={}){if(e<=0)return{centres:[],bandWidth:0};const o=a/e,n=o*(1-r);return{centres:Array.from({length:e},(e,a)=>t+o*a+o/2),bandWidth:n}}const fx=e=>e.length?e.map((e,t)=>`${t?"L":"M"}${e.x} ${e.y}`).join(" "):"";function bx(e,{tension:t=0}={}){if(e.length<2)return fx(e);const a=(1-t)/6;let r=`M${e[0].x} ${e[0].y}`;for(let t=0;t<e.length-1;t++){const o=e[t-1]||e[t],n=e[t],i=e[t+1],s=e[t+2]||i,l={x:n.x+(i.x-o.x)*a,y:n.y+(i.y-o.y)*a},d={x:i.x-(s.x-n.x)*a,y:i.y-(s.y-n.y)*a};r+=` C${l.x} ${l.y} ${d.x} ${d.y} ${i.x} ${i.y}`}return r}const vx=(e,t,a)=>e&&t.length?`${e} L${t[t.length-1].x} ${a} L${t[0].x} ${a} Z`:"";function yx(e,t,a,r,o,n){const i=n-o;if(i>=2*Math.PI-1e-9){const n=o+Math.PI;return yx(e,t,a,r,o,n)+" "+yx(e,t,a,r,n,o+2*Math.PI)}const s=(a,r)=>({x:e+a*Math.sin(r),y:t-a*Math.cos(r)}),l=i>Math.PI?1:0,d=s(r,o),c=s(r,n);if(a<=0)return`M${e} ${t} L${d.x} ${d.y} A${r} ${r} 0 ${l} 1 ${c.x} ${c.y} Z`;const u=s(a,n),h=s(a,o);return`M${d.x} ${d.y} A${r} ${r} 0 ${l} 1 ${c.x} ${c.y} L${u.x} ${u.y} A${a} ${a} 0 ${l} 0 ${h.x} ${h.y} Z`}function jx(e,{startAngle:t=0}={}){const a=e.map(e=>e>0?e:0),r=a.reduce((e,t)=>e+t,0),o=e.filter(e=>e<=0).length;if(r<=0)return{slices:[],total:0,dropped:o};let n=t;return{slices:a.map(e=>{const t=e/r*Math.PI*2,a={start:n,end:n+t,value:e,fraction:e/r};return n+=t,a}),total:r,dropped:o}}function Sx({min:e,max:t},a=4){if(a<1)return[];const r=(t-e)/a,o=Math.pow(10,Math.floor(Math.log10(Math.abs(r)||1))),n=[1,2,2.5,5,10].map(e=>e*o).find(e=>e>=r)??10*o,i=[];for(let a=Math.ceil(e/n)*n;a<=t+1e-9;a+=n)i.push(Number(a.toFixed(10)));return i}var Bx=Object.freeze({__proto__:null,arcPath:yx,areaPath:vx,bands:mx,extent:xx,linePath:fx,scaleY:px,sliceAngles:jx,slots:gx,smoothPath:bx,ticks:Sx,toLabels:hx,toNumbers:ux});const kx={fill:"var(--Icons-Primary)",track:"var(--Border-Variant)",line:"var(--Border-Variant)",quietLabel:"var(--Quiet)",label:"var(--Text)",gradient:"var(--Icons-Primary-Variant)"},wx=["Primary","Secondary","Tertiary","Neutral","Info","Success","Warning","Error"],Cx={fontFamily:"var(--Label-Small-Font-Family)",fontSize:"var(--Label-Small-Font-Size)",fontWeight:"var(--Label-Small-Font-Weight)",letterSpacing:"var(--Label-Small-Letter-Spacing)"},Tx={position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",whiteSpace:"nowrap",border:0};function Ax({caption:e,labels:r,values:o,valueHeader:n="Value"}){return a.jsxs(t.Box,{component:"table",sx:Tx,children:[a.jsx("caption",{children:e}),a.jsx("thead",{children:a.jsxs("tr",{children:[a.jsx("th",{scope:"col",children:"Category"}),a.jsx("th",{scope:"col",children:n})]})}),a.jsx("tbody",{children:o.map((e,t)=>a.jsxs("tr",{children:[a.jsx("th",{scope:"row",children:r[t]}),a.jsx("td",{children:e})]},t))})]})}const zx="var(--Motion-Duration-Slow, 300ms) var(--Motion-Easing-Enter, cubic-bezier(0, 0, 0, 1))",Ix="var(--Motion-Duration-Fast, 150ms) var(--Motion-Easing-Standard, cubic-bezier(0.2, 0, 0, 1))";function Rx(t){const[a,r]=e.useState(-1),o=e.useCallback(e=>({onMouseEnter:()=>r(e),onMouseLeave:()=>r(t=>t===e?-1:t),onFocus:()=>r(e),onBlur:()=>r(t=>t===e?-1:t)}),[]);return e.useEffect(()=>{r(e=>e>=t?-1:e)},[t]),{active:a,setActive:r,handlers:o}}function Wx({count:e,width:r,centres:o,bandWidth:n,labels:i,values:s,handlers:l}){return e?a.jsx(t.Box,{sx:{position:"absolute",inset:0,display:"block",pointerEvents:"none"},children:Array.from({length:e},(e,d)=>a.jsx(t.Box,{component:"button",type:"button","aria-label":`${i[d]}: ${s[d]}`,...l(d),sx:{position:"absolute",top:0,height:"100%",left:(o[d]-n/2)/r*100+"%",width:n/r*100+"%",padding:0,margin:0,border:0,background:"transparent",cursor:"pointer",pointerEvents:"auto","&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"-2px",borderRadius:"4px"}}},d))}):null}function Fx({x:e,y:t,text:r,width:o,tokens:n}){if(null==r)return null;const i=Math.max(28,8*String(r).length+14),s=Math.min(Math.max(e,i/2+2),o-i/2-2),l=t-26>=2?t-26:t+6;return a.jsxs("g",{pointerEvents:"none",children:[a.jsx("rect",{x:s-i/2,y:l,width:i,height:20,rx:6,fill:n.fill}),a.jsx("text",{x:s,y:l+14,textAnchor:"middle",fill:"var(--Icons-On-Primary)",style:{fontFamily:"var(--Label-Small-Font-Family)",fontSize:"var(--Label-Small-Font-Size)",fontWeight:"var(--Label-Small-Font-Weight)"},children:r})]})}const Dx={empty:{icon:a.jsx(nt,{}),iconColor:"quiet",titleColor:"header",role:void 0},"no-results":{icon:a.jsx(it,{}),iconColor:"quiet",titleColor:"header",role:void 0},error:{icon:a.jsx(st,{}),iconColor:"error",titleColor:"error",role:"alert"}},Lx={small:{icon:"medium",pad:"24px 16px",gap:"8px",maxWidth:"36ch"},medium:{icon:"large",pad:"48px 24px",gap:"12px",maxWidth:"40ch"},large:{icon:"large",pad:"80px 24px",gap:"16px",maxWidth:"44ch"}};const Px=[{name:"Theme",moves:"the whole surface — background, text, border, quiet, hover, pressed",inCode:"`data-theme` on the element or any ancestor",inFigma:"set the Theme mode on a `Theme-*` layer"},{name:"Buttons",moves:"an accent fill and its border, hover and pressed",inCode:'the `variant` / `color` prop — `variant="success"`',inFigma:"set the Buttons mode on a `Button-Theme-*` layer"},{name:"Icons",moves:"an icon or badge colour, plus its variant and on-colour",inCode:'the `color` prop on `Icon` — `<Icon color="primary">`',inFigma:"set the Icons mode on an `Icon-Theme-*` layer"}];const Hx=e=>e.replace(/\|/g,"\\|"),Nx=(e,t)=>[`| ${e.join(" | ")} |`,`| ${e.map(()=>"---").join(" | ")} |`,...t.map(e=>`| ${e.map(Hx).join(" | ")} |`)],Ex=(e,t)=>t.length?[`### ${e}`,"",...t.map(e=>`- ${e}`),""]:[];const Mx=[{title:"Platforms, not breakpoints",lede:"There are no media queries in this system. Not one.",body:["Responsive behaviour comes from a `data-platform` attribute on the root element, not from viewport width. Set it and every metric changes at once — the type ramp, button heights, icon sizes, touch targets, bar heights.","The reason is that these are not width decisions. A 28px Android button and a 44px iOS one are the two vendors' published minimums, not two points on a curve; a media query would have to invent a width at which one becomes the other."],table:{head:["Attribute","Covers"],rows:[['`[data-platform="Desktop"]`',"desktop, and the default"],['`[data-platform="IOS-Mobile"]`',"iPhone"],['`[data-platform="IOS-Tablet"]`',"iPad, both orientations"],['`[data-platform="Android"]`',"Android phone and tablet"]]},trap:"Do not write `@media (min-width: …)` against these tokens. A breakpoint cannot change them — they are attribute-scoped — so the rule will appear to do nothing, and adding your own values fights the attribute rather than extending it."},{title:"Surfaces",lede:"Ten levels, and `data-theme` + `data-surface` is how you paint anything.",body:["Setting both attributes exposes a whole matched set — `--Background`, `--Text`, `--Quiet`, `--Header`, `--Border`, `--Border-Variant`, `--Hover`, `--Pressed`, `--Hotlink` — all tuned for that surface's tone.","Writing `background: var(--Surface)` paints the box and leaves the text, borders and states on the PARENT's tone. It looks right until the surface flips dark or moves a level, and then the contrast breaks with nothing to point at.",'Use `<Section theme="Primary" surface="Surface">` where you want the attributes AND the paint; `<ThemedZone>` where you want the attributes only, because something inside paints itself.'],table:{head:["Group","Levels"],rows:[["Surface","`Surface` · `Surface-Dim` · `Surface-Dimmest` · `Surface-Bright` · `Surface-Brightest`"],["Container","`Container` · `Container-Low` · `Container-Lowest` · `Container-High` · `Container-Highest`"]]},trap:"Never `background: var(--Surface)` or `var(--Container)`. Those exist so the system can COMPUTE `--Background`; components read `--Background`, which is what `data-surface` resolves to."},{title:"Static and dynamic typography",lede:"Two type systems, and which one applies depends on the platform.",body:["STATIC type is the brand's own ramp: one set of sizes, generated from the type scale, used on Desktop. Its line heights come out of the generated block and are already a clean ramp — `max(size × 1.15, size + 8)` holds exactly for H1 through H5 without anyone having written that rule down.","DYNAMIC type is the platform's. On iOS the sizes and line heights come from Apple's Dynamic Type table; on Android from Material 3. These are published tables, not curves, so they are transcribed rather than derived — running a brand ratio over them produces numbers neither vendor specifies.","Line height on the mobile platforms is COMPUTED from the platform table rather than read from the stylesheet. The static mobile blocks set every heading solid at 1.0, which clips in Figma — a text box IS its line height and a descender has nowhere to go — and carried two values that could not be right at all.","Desktop is deliberately left alone: its block is generated rather than static and is already correct. Running the platform curve over it would have loosened Legal to 1.80 and Label-ExtraSmall to 1.73, because the `+8` was fitted to the middle of the range where the platforms add 2–5px at the bottom."],trap:'Do not "fix" a mobile line height by editing the static block. On iOS and Android it is derived from the platform table at generate time and your value will be replaced — which is the point, because it is what stops the two impossible numbers recurring.'},{title:"Spacing",lede:"One scale, in 8px steps with two fractions below it.",body:["Everything that is a gap or a padding comes from here. A radius does NOT: a corner is a different axis, and binding one to a spacing token welds two independent things together — which is exactly what happened to the list row, whose radius and padding were both `Sizing-1` and could not move apart.","The 24px minimum touch target is `--Sizing-3`, not a control-specific token. It already exists on this scale, and a second name for one number is how two numbers appear."],table:{head:["Token","px","Typical use"],rows:[["`--Sizing-Quarter`","2","hairlines, the tab indicator track"],["`--Sizing-Half`","4","tight internal gaps"],["`--Sizing-1`","8","the default gap and row padding"],["`--Sizing-1-and-Half`","12","a row's internal gap"],["`--Sizing-2`","16","card padding"],["`--Sizing-3`","24","**the minimum touch target** (WCAG 2.5.8)"],["`--Sizing-4` … `--Sizing-12`","32 … 96","section and layout spacing"]]},trap:"If you are reaching for a spacing token to set a radius, stop. Radii have their own tokens per component — `--Card-Radius`, `--Button-Radius`, `--List-Item-Radius` — and they derive from the brand's corner setting, not from the spacing scale."},{title:"Elevation",lede:"Five levels, and a component's level is a property of the component.",body:["A shadow's alpha is FLAT per level — `alpha = TOTAL[level] / N` — so raising the resolution of a shadow redistributes its opacity without changing it. A slider cannot make a shadow heavier; elevation lives in the total and the geometry.","A bevel and a drop shadow are different things. A bevel lights the component's OWN surface and follows its theme; a drop shadow falls on the PAGE and must read the page's theme. That is why a themed component puts its theme on an inner `Theme-*` layer and leaves the shadow on an outer node that inherits."],table:{head:["Component","Rest","Hover"],rows:[["Button, outlined Card","0","1"],["Handle, Accordion","1","—"],["Card, Bottom Sheet","1","2"],["AppBar, Toolbar, Menu","2","—"],["FAB","3","4"],["Dialog, Modal","5","—"]]},trap:"A button is flat at rest and earns its shadow by being hovered. A Dialog is already at the top of the stack and cannot be raised — `elevated` on one does nothing."},{title:"The Alt Display",lede:"A decorative display face with a gradient, and every brand gets one.",body:["The gradient comes in two kinds, and the palette decides which — not whether. Denying the treatment to the roughly half of brands whose Primary and Secondary sit far apart on the wheel would make it a lottery.","**duo** — Header-Primary to Header-Secondary, when the two hues are near enough to blend.","**mono** — Header-Primary to a lighter or darker shade of ITSELF, chosen against the background. One hue, so it cannot collide.","A brand whose palette cannot be read at all lands on `mono`, because that is the treatment that needs only one hue to be known. A grey Secondary counts as maximally distant rather than as zero — a grey blended into a coloured Primary looks like a rendering fault, and zero would be the one answer that turns the gradient on.","Solid Header-Secondary is the sibling VARIANT, not the failure case: a designer picks between them. Two values are fine when something selects between them, and here the selector is a person.","Its WEIGHT is a contrast with Display's, in whichever direction has room — a drop alone cannot work at both ends, because a Display already at 600 has nowhere light to go without becoming thin at Alt-Display-Small."],trap:"The gradient is not a brand choice to override with two colours of your own. It is derived from the palette, and hand-picking the stops produces a pair nothing guarantees is legible against the background."},{title:"States are generated, not chosen",lede:"Hover, pressed, focus and disabled are computed to stay accessible.",body:["Every clickable thing needs all four. They come from curated per-surface tables tuned to WCAG rather than from a formula applied blindly, so they are accessible by construction — a hover tone is picked to move AWAY from the text sitting on it, not by stepping an index.","Direction is decided by the LABEL, not by the tone number. The index is a proxy that assumes every palette's text flips at tone 6, and the one palette where it does not took a 4.54:1 button to 2.17:1.","A narrow pass is a pass. Do not pad a value that already meets its threshold."],trap:"Never invent a hover or focus colour. Links in particular have NO hover tone — the underline thickens instead — and any value you supply would be unverified against a 4.5:1 requirement."}];exports.Accordion=$i,exports.AccordionDetails=function({children:r,className:o="",sx:n={},...i}){const{expanded:s,accordionId:l}=e.useContext(Zi),{size:d}=e.useContext(Yi),c=Xi[d]||Xi.medium,u=_i[d]||_i.medium;return s?a.jsx(t.Box,{role:"region",id:l+"-content","aria-labelledby":l+"-header",className:"accordion-details "+o,sx:{padding:"0 "+c.detailsPx+" "+c.detailsPy+" "+c.detailsPx,color:"var(--Text)",fontFamily:"inherit",lineHeight:1.6,...n},...i,children:"string"==typeof r||"number"==typeof r?a.jsx(u,{children:r}):r}):null},exports.AccordionGroup=function({children:e,variant:r="solid",surface:o,color:n="default",size:i="medium",spacing:s=0,className:l="",sx:d={},...c}){const u="default"===n?"Default":(h=n).charAt(0).toUpperCase()+h.slice(1);var h;const x="default"===n?"Default":u,p=o||("dark"===r?"Surface-Dimmest":"light"===r?"Surface-Brightest":"Surface");return 0===s?a.jsx(Yi.Provider,{value:{variant:r,color:n,size:i,spacing:s,dataTheme:x,dataSurface:p},children:a.jsx(t.Box,{role:"presentation",className:"accordion-group accordion-group-connected accordion-group-"+r+" "+l,sx:{display:"flex",flexDirection:"column","& > .accordion-segment":{borderRadius:0,marginBottom:"-1px",boxShadow:"none"},"& > .accordion-segment .accordion-summary":{borderRadius:0},"& > .accordion-segment:first-of-type":{borderTopLeftRadius:Ji,borderTopRightRadius:Ji},"& > .accordion-segment:first-of-type .accordion-summary":{borderTopLeftRadius:Ji,borderTopRightRadius:Ji},"& > .accordion-segment:last-of-type":{borderBottomLeftRadius:Ji,borderBottomRightRadius:Ji,marginBottom:0},"& > .accordion-segment:last-of-type .accordion-summary:not(.accordion-summary-expanded)":{borderBottomLeftRadius:Ji,borderBottomRightRadius:Ji},...d},...c,children:e})}):a.jsx(Yi.Provider,{value:{variant:r,color:n,size:i,spacing:s,dataTheme:x,dataSurface:p},children:a.jsx(t.Box,{role:"presentation",className:"accordion-group accordion-group-"+r+" accordion-group-spaced "+l,sx:{display:"flex",flexDirection:"column",gap:.5===s?"var(--Sizing-Half)":1===s?"var(--Sizing-1)":1.5===s?"var(--Sizing-1-and-Half)":2===s?"var(--Sizing-2)":8*s+"px",...d},...c,children:e})})},exports.AccordionSummary=function({children:r,startDecorator:o,endDecorator:n,eyebrow:s,overline:l,secondary:d,expandIcon:c,className:u="",sx:h={},...x}){const{expanded:p,toggle:m,disabled:g,accordionId:f}=e.useContext(Zi),{size:b}=e.useContext(Yi),v=Xi[b]||Xi.medium,y=Ki[b]||Ki.medium,j=c||a.jsx(Oa,{size:v.iconSize,sx:{color:p?"var(--Text)":"var(--Quiet)",transition:"color 0.15s ease"},children:a.jsx(i,{})}),S={overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block"};return a.jsxs(t.Box,{component:"button",role:"button","aria-expanded":p,"aria-controls":f+"-content",id:f+"-header",tabIndex:g?-1:0,onClick:m,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),m())},className:"accordion-summary"+(p?" accordion-summary-expanded":"")+" "+u,sx:{display:"flex",flexDirection:"row",alignItems:"flex-start",justifyContent:"flex-start",width:"100%",gap:v.gap,padding:v.summaryPadding,border:"none",backgroundColor:"transparent",color:p?"var(--Text)":"var(--Quiet)",fontFamily:"inherit",cursor:g?"not-allowed":"pointer",textAlign:"left",transition:"color 0.2s ease, background-color 0.15s ease",borderRadius:p?Ji+" "+Ji+" 0 0":Ji,"&:hover":g?{}:{color:"var(--Text)",backgroundColor:"var(--Hover)","& .omni-icon":{color:"var(--Text)"}},"&:active":g?{}:{color:"var(--Text)",backgroundColor:"var(--Pressed)","& .omni-icon":{color:"var(--Text)"}},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"},...h},...x,children:[o&&a.jsx(t.Box,{className:"accordion-summary-start",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:o}),a.jsxs(t.Box,{sx:{flex:1,minWidth:0,display:"flex",flexDirection:"column",gap:"var(--Sizing-Half)"},children:[(s??l)&&a.jsx(oa,{style:{...S,color:"var(--Text-Quiet)"},children:s??l}),null!=r&&a.jsx(y,{style:{...S,color:"inherit"},children:r}),d&&a.jsx(qt,{style:{...S,color:"var(--Text-Quiet)"},children:d})]}),n&&a.jsx(t.Box,{className:"accordion-summary-end",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:n}),a.jsx(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",transform:p?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.25s ease",flexShrink:0},children:j})]})},exports.Alert=Fo,exports.AlertDialog=function({open:e,onClose:r,title:o,children:n,confirmText:i="Confirm",cancelText:s="Cancel",onConfirm:l,onCancel:d,...c}){return a.jsx(Qc,{open:e,onClose:r,title:o,alert:!0,...c,actions:a.jsxs(a.Fragment,{children:[a.jsx(t.Box,{component:"button",type:"button",onClick:d||r,sx:Oc.outline,children:s}),a.jsx(t.Box,{component:"button",type:"button",onClick:l||r,sx:Oc.primary,children:i})]}),children:n})},exports.AlertShowcase=function(){const[r,o]=e.useState("light"),[n,i]=e.useState("info"),[s,l]=e.useState("medium"),[d,c]=e.useState(!0),[u,h]=e.useState(null),[x,p]=e.useState("Surface"),m=d&&pn[n]?a.jsx(Oa,{size:"small",sx:{color:"inherit"},children:pn[n]}):void 0;return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Alert"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:u,surface:x,children:a.jsx(t.Box,{sx:{width:"100%",maxWidth:480},children:a.jsx(Fo,{variant:r,color:n,size:s,startDecorator:m,children:"This is an alert message. Check the details for more information."})})}),a.jsx(wo,{code:(()=>{const e=['variant="'+r+'"'];return"info"!==n&&e.push('color="'+n+'"'),"medium"!==s&&e.push('size="'+s+'"'),d&&pn[n]&&e.push("startDecorator={<Icon><"+hn(n)+"Icon /></Icon>}"),"<Alert "+e.join(" ")+">\n  This is an alert message.\n</Alert>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:u,onThemeChange:h,surface:x,onSurfaceChange:p})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"Alert",theme:u,surface:x})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["solid","light"].map(e=>a.jsx(mn,{label:hn(e),selected:r===e,onClick:()=>o(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{spacing:1.5,children:xn.map(e=>a.jsxs(t.Box,{children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>a.jsx(gn,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>a.jsx(mn,{label:hn(e),selected:s===e,onClick:()=>l(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Show Icon"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Start decorator icon"})]}),a.jsx(Eo,{variant:"default-outline",checked:d,onChange:e=>c(e.target.checked),size:"small","aria-label":"Show icon"})]})]})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:3},children:a.jsx(t.Stack,{spacing:3,children:a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="alert" — live region, announced immediately'},{label:"Border",value:"var(--Buttons-{Color}-Border) on outer shell"},{label:"Shadow",value:"var(--Effect-Level-3)"},{label:"Icons",value:"Decorative — aria-hidden by default via Icon component"}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"Alert"})})]})]})})]})]})},exports.AppBar=function({mode:e="desktop",...t}){return"mobile"===e?a.jsx(_u,{...t}):a.jsx(Ku,{...t})},exports.AppBarShowcase=function(){const[r,o]=e.useState("desktop"),[n,i]=e.useState("default"),[s,l]=e.useState("Surface"),[d,c]=e.useState("login"),[u,h]=e.useState("hamburger"),[x,p]=e.useState("name"),[m,g]=e.useState("right"),[f,b]=e.useState("search"),[v,y]=e.useState(null),[j,S]=e.useState("Surface"),[B,k]=e.useState({}),w="desktop"===r,C=rh[n]||rh.default,T=C.theme,A=C.surface||s;return e.useEffect(()=>{const e={};e.text=Jr("--Text"),e.textQuiet=Jr("--Text-Quiet"),e.background=Jr("--Background"),e.border=Jr("--Border"),e.focusVisible=Jr("--Focus-Visible"),e.hover=Jr("--Hover"),e.active=Jr("--Pressed"),k(e)},[n,s,r]),a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"App Bar"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:v,children:a.jsx(t.Box,{sx:{width:"100%",maxWidth:w?"100%":420,overflow:"hidden"},children:w?a.jsx(Ku,{barColor:n,surface:s,loginType:d,menuType:u,brandType:x,searchPosition:m,companyName:"My App",navLinks:["Home","Products","About"]}):a.jsx(_u,{barColor:n,surface:s,mobileVariant:f,companyName:"My App",title:"Page Title",subtitle:"Subtitle text"})})}),a.jsx(wo,{code:(()=>{if(w){const e=[];"default"!==n&&e.push('barColor="'+n+'"'),"Surface"!==s&&e.push('surface="'+s+'"'),"login"!==d&&e.push('loginType="'+d+'"'),"hamburger"!==u&&e.push('menuType="'+u+'"'),"name"!==x&&e.push('brandType="'+x+'"'),"right"!==m&&e.push('searchPosition="'+m+'"');const t=e.length?"\n  "+e.join("\n  ")+"\n":"";return'<AppBar mode="desktop"'+(t||" ")+'companyName="My App" />'}{const e=['mode="mobile"','mobileVariant="'+f+'"'];return"default"!==n&&e.push('barColor="'+n+'"'),"Surface"!==s&&e.push('surface="'+s+'"'),"<AppBar\n  "+e.join("\n  ")+'\n  title="Page Title"\n/>'}})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"AppBar",theme:v,surface:j})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"MODE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["desktop","mobile"].map(e=>a.jsx(ih,{label:eh(e),selected:r===e,onClick:()=>o(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BAR COLOR"}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:th.map(e=>a.jsx(sh,{color:e,selected:n===e,onClick:i},e))}),a.jsxs(ea,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:['data-theme="',T,'"']})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SURFACE"}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:ah.map(e=>a.jsx(ih,{label:e.replace("Surface-","").replace("Surface","Default"),selected:s===e,onClick:()=>l(e)},e))}),a.jsxs(ea,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:['data-surface="',s,'"']})]}),w&&a.jsxs(a.Fragment,{children:[a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"MENU TYPE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["hamburger","expanded"].map(e=>a.jsx(ih,{label:eh(e),selected:u===e,onClick:()=>h(e)},e))}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",marginTop:4,display:"block"},children:"Expanded auto-falls back to hamburger when nav > 3 links"})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BRAND"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["name","logo"].map(e=>a.jsx(ih,{label:eh(e),selected:x===e,onClick:()=>p(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SEARCH POSITION"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["left","right"].map(e=>a.jsx(ih,{label:eh(e),selected:m===e,onClick:()=>g(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LOGIN TYPE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["login","avatar"].map(e=>a.jsx(ih,{label:eh(e),selected:d===e,onClick:()=>c(e)},e))})]})]}),!w&&a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"MOBILE VARIANT"}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["search","small","medium","large"].map(e=>a.jsx(ih,{label:eh(e),selected:f===e,onClick:()=>b(e)},e))})]})]})}),a.jsx(tn,{value:2,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(qt,{color:"quiet",style:{marginBottom:24},children:[r," / ",n," / ",s,w?"":" / "+f,' — data-theme="',T,'" data-surface="',A,'"']}),a.jsxs(t.Stack,{spacing:3,children:[a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),a.jsx(qt,{color:"quiet",style:{marginBottom:16},children:"All text and icons must have 4.5:1 contrast against the AppBar background."}),a.jsx(nh,{label:"Resting: var(--Text) vs. var(--Background)",ratio:Zr(B.text,B.background),threshold:4.5,note:'data-theme="'+T+'" data-surface="'+A+'"'}),a.jsx(nh,{label:"On hover: var(--Text) vs. var(--Hover)",ratio:Zr(B.text,B.hover),threshold:4.5,note:"Icon buttons use var(--Hover) on hover"}),a.jsx(nh,{label:"On active: var(--Text) vs. var(--Pressed)",ratio:Zr(B.text,B.active),threshold:4.5,note:"Icon buttons use var(--Pressed) on press"})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"Focus Indicator (WCAG 2.4.11 — 3:1)"}),a.jsx(nh,{label:"var(--Focus-Visible) vs. var(--Background)",ratio:Zr(B.focusVisible,B.background),threshold:3,note:"outline: 3px solid var(--Focus-Visible); outline-offset: 1px"})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"Touch Target Area (WCAG 2.5.5)"}),[{label:"Icon button",size:40,note:"width: 40px, height: 40px"},{label:"AppBar (desktop)",size:64,note:"height: 64px"},{label:"AppBar (mobile)",size:64,note:"height: 64px"}].map(({label:e,size:r,note:o})=>{const n=r>=24,i=r>=44,s=r>=48;return a.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(t.Box,{sx:{flex:1},children:[a.jsxs(qt,{style:{color:"var(--Text)"},children:[e," — ",r,"px"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:o})]}),a.jsxs(t.Box,{sx:{display:"flex",gap:.5,flexWrap:"wrap",justifyContent:"flex-end"},children:[a.jsxs(t.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:n?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:n?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:["Desktop ",n?"Y":"N"]}),a.jsxs(t.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:i?"var(--Tags-Success-BG)":"var(--Tags-Warning-BG)",color:i?"var(--Tags-Success-Text)":"var(--Tags-Warning-Text)"},children:["iOS ",i?"Y":"~"]}),a.jsxs(t.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:s?"var(--Tags-Success-BG)":"var(--Tags-Warning-BG)",color:s?"var(--Tags-Success-Text)":"var(--Tags-Warning-Text)"},children:["Android ",s?"Y":"~"]})]})]},e)})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsxs(t.Stack,{spacing:0,children:[a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Landmark:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<header role="banner">'})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Navigation (expanded menu):"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<nav aria-label="Main navigation">'})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Theme + Surface:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'data-theme="'+T+'" data-surface="'+A+'"'})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Shadow:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"box-shadow: var(--Effect-Level-1)"})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Icon buttons:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"All icon buttons have aria-label. Focus visible on keyboard navigation."})]}),a.jsxs(t.Box,{sx:{py:1.5},children:[a.jsx(qt,{children:"Keyboard:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"Tab navigates all interactive elements. Enter/Space activates buttons."})]})]})]})]})]})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"AppBar"})})]})]})})]})]})},exports.Autocomplete=Dl,exports.AutocompleteShowcase=function(){const[r,o]=e.useState("outline"),[n,i]=e.useState("default"),[s,l]=e.useState("medium"),[d,c]=e.useState("top"),[u,h]=e.useState("Fruit"),[x,p]=e.useState(!0),[m,g]=e.useState(!1),[f,b]=e.useState(!0),[v,y]=e.useState(null),[j,S]=e.useState("Surface");return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Autocomplete"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:v,surface:j,children:a.jsx(t.Box,{sx:{width:"100%",maxWidth:360},children:a.jsx(Dl,{variant:r,color:n,size:s,label:u,labelPosition:d,options:Hl,clearable:x,disabled:m,fullWidth:f})})}),a.jsx(wo,{code:(()=>{const e=[];return"outline"!==r&&e.push('variant="'+r+'"'),"default"!==n&&e.push('color="'+n+'"'),"medium"!==s&&e.push('size="'+s+'"'),u&&e.push('label="'+u+'"'),"top"!==d&&e.push('labelPosition="'+d+'"'),x||e.push("clearable={false}"),m&&e.push("disabled"),f&&e.push("fullWidth"),e.push("options={options}"),e.push("onChange={handleChange}"),"<Autocomplete\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"Autocomplete",theme:v,surface:j})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["outline","light"].map(e=>a.jsx(Nl,{label:Ll(e),selected:r===e,onClick:()=>o(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{spacing:1.5,children:Pl.map(e=>a.jsxs(t.Box,{children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>a.jsx(El,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>a.jsx(Nl,{label:Ll(e),selected:s===e,onClick:()=>l(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["top","floating","none"].map(e=>a.jsx(Nl,{label:"none"===e?"None":Ll(e),selected:d===e,onClick:()=>c(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Clearable"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show clear button when has value"})]}),a.jsx(Eo,{checked:x,onChange:e=>p(e.target.checked),size:"small","aria-label":"Clearable"})]}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Disabled"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),a.jsx(Eo,{checked:m,onChange:e=>g(e.target.checked),size:"small","aria-label":"Disabled"})]}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Full Width"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container width"})]}),a.jsx(Eo,{checked:f,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:3},children:a.jsx(t.Stack,{spacing:3,children:a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"Input",value:'role="combobox" aria-expanded aria-haspopup="listbox" aria-autocomplete="list"'},{label:"Dropdown",value:'role="listbox" aria-label="..."'},{label:"Options",value:'role="option" aria-selected="true|false"'},{label:"Label",value:"aria-label from label prop. Always provide a label."},{label:"Keyboard",value:"Arrow keys navigate, Enter selects, Escape closes."},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px (on outer shell)"}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"Autocomplete"})})]})]})})]})]})},exports.Avatar=Ya,exports.AvatarGroup=Za,exports.AvatarShowcase=function(){const[r,o]=e.useState("default"),[n,i]=e.useState("medium"),[s,l]=e.useState("initials"),[d,c]=e.useState(!1),[u,h]=e.useState(!1),[x,p]=e.useState(!1),[m,g]=e.useState(null),[f,b]=e.useState("Surface"),v="photo"===s,y=()=>{const e={size:n,clickable:d,insideButton:u};return v||(e.color=r),"initials"===s&&(e.initials="LN"),"photo"===s&&(e.src="https://i.pravatar.cc/150?img=3",e.alt="User avatar"),e};return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Avatar"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:m,surface:f,children:x?a.jsxs(Za,{max:3,size:n,children:[a.jsx(Ya,{...y()}),a.jsx(Ya,{color:r,size:n,initials:"AB"}),a.jsx(Ya,{color:r,size:n,initials:"CD"}),a.jsx(Ya,{color:r,size:n,initials:"EF"})]}):a.jsx(Ya,{...y()})}),a.jsx(wo,{code:(()=>{const e=[];return v||"default"===r||e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),"initials"===s&&e.push('initials="LN"'),"photo"===s&&e.push('src="..." alt="User avatar"'),d&&e.push("clickable onClick={handleClick}"),u&&e.push("insideButton"),x?"<AvatarGroup max={3}>\n  <Avatar "+e.join(" ")+' />\n  <Avatar initials="AB" />\n  <Avatar initials="CD" />\n  <Avatar initials="EF" />\n</AvatarGroup>':"<Avatar "+e.join(" ")+" />"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:m,onThemeChange:g,surface:f,onSurfaceChange:b})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"Avatar",theme:m,surface:f})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{sx:{opacity:v?.4:1,pointerEvents:v?"none":"auto"},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{spacing:1.5,children:Dn.map(e=>a.jsxs(t.Box,{children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>a.jsx(Mn,{color:e,selected:r===e,onClick:o},e))})]},e.label))}),v&&a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:8},children:"Color is ignored when the avatar shows a photo — the image carries the visual."})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Hn.map(e=>a.jsx(En,{label:Nn[e],selected:n===e,onClick:()=>i(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CONTENT"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:Ln.map(e=>a.jsx(En,{label:Pn[e],selected:s===e,onClick:()=>l(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Clickable"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Interactive with hover/focus states"})]}),a.jsx(Eo,{variant:"default-outline",checked:d,onChange:e=>c(e.target.checked),size:"small","aria-label":"Clickable"})]}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Inside Button"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Adds 2px horizontal margin so the avatar sits cleanly in a Button"})]}),a.jsx(Eo,{variant:"default-outline",checked:u,onChange:e=>h(e.target.checked),size:"small","aria-label":"Inside Button"})]}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Group"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show as AvatarGroup with overflow"})]}),a.jsx(Eo,{variant:"default-outline",checked:x,onChange:e=>p(e.target.checked),size:"small","aria-label":"Show group"})]})]})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:3},children:a.jsx(t.Stack,{spacing:3,children:a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="img" (static) or role="button" (clickable)'},{label:"Label",value:'aria-label from alt, initials, or "Avatar"'},{label:"Image",value:"alt text on <img>. Falls back to initials or icon on error."},{label:"Clickable",value:"Rendered as <button>. Focus ring: 3px solid var(--Focus-Visible)."},{label:"Group",value:'role="group" aria-label="Avatar group, N avatars"'}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"Avatar"})})]})]})})]})]})},exports.Badge=rr,exports.BadgeShowcase=function(){const[r,o]=e.useState(0),[n,i]=e.useState("solid"),[s,l]=e.useState("primary"),[h,x]=e.useState("5"),[p,m]=e.useState(!1),[g,f]=e.useState(!1),[b,v]=e.useState({}),y=()=>"solid"===n?s:s+"-"+n,j=()=>{if(p)return;const e=parseInt(h,10);return isNaN(e)||String(e)!==h.trim()?h||void 0:e};return e.useEffect(()=>{const e=Co(s),t={};"solid"===n?(t.badgeBg=Jr("--Icons-"+e),t.badgeText=Jr("--Icons-On-"+e),t.badgeBorder=null):"outline"===n&&(t.badgeBg=Jr("--Background"),t.badgeText=Jr("--Text"),t.badgeBorder=Jr("--Buttons-"+e+"-Border")),t.background=Jr("--Background"),t.focusVisible=Jr("--Focus-Visible"),v(t)},[n,s]),a.jsxs(t.Box,{sx:{width:"100%"},children:[a.jsx(Ht,{style:{marginBottom:8},children:"Badge"}),a.jsx(Yt,{color:"quiet",style:{marginBottom:24},children:"Small label attached to an element showing status or count. Solid and outline variants across all 8 colors."}),a.jsxs(t.Tabs,{value:r,onChange:(e,t)=>o(t),sx:{borderBottom:"1px solid var(--Border)",mb:0},children:[a.jsx(t.Tab,{label:"Playground"}),a.jsx(t.Tab,{label:"Accessibility"})]}),0===r&&a.jsxs(t.Grid,{container:!0,sx:{minHeight:400},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"calc((100vw - 432px) / 2)"},flexShrink:0},children:[a.jsx(t.Box,{sx:{p:4,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:200,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)"},children:a.jsxs(t.Stack,{direction:"row",spacing:6,alignItems:"center",children:[a.jsx(rr,{variant:y(),badgeContent:j(),dot:p,showZero:g,children:a.jsx(d,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})}),a.jsx(rr,{variant:y(),badgeContent:j(),dot:p,showZero:g,children:a.jsx(c,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})}),a.jsx(rr,{variant:y(),badgeContent:j(),dot:p,showZero:g,children:a.jsx(u,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})})]})}),a.jsx(wo,{code:(()=>{const e=['variant="'+y()+'"'];if(p)e.push("dot");else{const t=j();"number"==typeof t?e.push("badgeContent={"+t+"}"):t&&e.push('badgeContent="'+t+'"')}return g&&e.push("showZero"),"<Badge "+e.join(" ")+">\n  <MailIcon />\n</Badge>"})(),language:"JSX",sx:{borderRadius:0,borderBottom:"1px solid var(--Border)"}})]}),a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"calc(100vw - 432px)",md:"calc((100vw - 432px) / 2)"},flexShrink:0,p:3,backgroundColor:"var(--Container)",overflowY:"auto"},children:[a.jsx(Nt,{children:"Playground"}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),a.jsx(t.Stack,{direction:"row",spacing:1,flexWrap:"wrap",sx:{gap:1},children:["solid","outline"].map(e=>a.jsx(Ro,{label:Co(e),selected:n===e,onClick:()=>i(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:To.map(e=>a.jsx(Io,{color:e,selected:s===e,onClick:l},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Counter 16px · Dot 8px · Padding 4px · Digits 11px"})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BADGE CONTENT"}),a.jsx(t.TextField,{size:"small",value:h,onChange:e=>x(e.target.value),placeholder:"Number or text",disabled:p,sx:{width:"160px","& .MuiOutlinedInput-root":{fontFamily:"inherit",fontSize:"14px",backgroundColor:"var(--Background)","& fieldset":{borderColor:"var(--Border)"},"&:hover fieldset":{borderColor:"var(--Border)"},"&.Mui-focused fieldset":{borderColor:"var(--Buttons-Primary-Border)"}},"& .MuiOutlinedInput-input":{color:"var(--Text)",padding:"6px 12px"}}})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(t.FormControlLabel,{control:a.jsx(t.Checkbox,{checked:p,onChange:e=>m(e.target.checked),size:"small"}),label:a.jsx(qt,{children:"Dot (no content)"})}),a.jsx(t.FormControlLabel,{control:a.jsx(t.Checkbox,{checked:g,onChange:e=>f(e.target.checked),size:"small"}),label:a.jsx(qt,{children:"Show zero"})})]})]})]}),1===r&&a.jsxs(t.Box,{sx:{p:4},children:[a.jsx(Nt,{children:"Accessibility Requirements"}),a.jsxs(qt,{color:"quiet",style:{marginBottom:32},children:["Based on current Playground settings: ",n," · ",s]}),a.jsxs(t.Stack,{spacing:4,children:[a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"Badge Text Contrast"}),a.jsx(qt,{color:"quiet",style:{marginBottom:16},children:"Badge text must have ≥ 4.5:1 contrast against badge background (WCAG 1.4.3 AA)"}),a.jsx(zo,{label:"Badge Text vs. Badge Background",ratio:Zr(b.badgeText,b.badgeBg),threshold:4.5,note:"solid"===n?"var(--Buttons-{C}-Text) vs var(--Buttons-{C}-Button)":"outline"===n?"var(--Text) vs var(--Background)":"var(--Buttons-{C}-Text) vs var(--Buttons-{C}-Button)"})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"Badge Visibility"}),a.jsx(qt,{color:"quiet",style:{marginBottom:16},children:"Badge background (or border) must have ≥ 3:1 contrast against page background (WCAG 1.4.11)"}),(()=>{const e=Zr(b.badgeBg,b.background),t=b.badgeBorder?Zr(b.badgeBorder,b.background):null;return a.jsx(zo,{label:"Badge vs. Page Background",ratio:(r=e,o=t,r||o?r?o?parseFloat(r)>=parseFloat(o)?r:o:r:o:null),threshold:3.1,note:"outline"===n?"Border "+(t||"--")+":1 — outline relies on border contrast":"BG "+(e||"--")+":1"});var r,o})()]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"Badge Sizing"}),a.jsx(qt,{color:"quiet",style:{marginBottom:16},children:"One size. A count has to read the same whether it hangs off a 20px icon or a 56px FAB, so it does not scale with its anchor."}),a.jsx(t.Box,{sx:{display:"flex",justifyContent:"space-between",py:1.5,borderBottom:"1px solid var(--Border)"},children:a.jsxs(t.Box,{children:[a.jsx(qt,{children:"Counter"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"16px height · 4px side padding · 11px digits · pill shape"})]})}),a.jsx(t.Box,{sx:{display:"flex",justifyContent:"space-between",py:1.5,borderBottom:"1px solid var(--Border)"},children:a.jsxs(t.Box,{children:[a.jsx(qt,{children:"Status dot"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"8px diameter circle"})]})})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA & Semantics"}),a.jsxs(t.Stack,{spacing:0,children:[a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{style:{display:"block",marginBottom:2},children:"Screenreader support:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:'MUI Badge renders badge content in a visually-hidden span for assistive technology. Numeric content is announced (e.g. "5 notifications").'})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{style:{display:"block",marginBottom:2},children:"Dot variant:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"Dot badges are purely decorative. Ensure the parent element conveys status to assistive tech via aria-label or similar."})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{style:{display:"block",marginBottom:2},children:"Max overflow:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:'When content exceeds max (default 99), displays "99+" visually but announces the actual number to screenreaders.'})]})]})]})]})]})]})},exports.BarChart=function({data:r=[],showTrack:o=!0,rounded:n=!0,showValues:i=!1,showLabels:s=!0,animate:l=!0,interactive:d=!0,height:c=200,gapRatio:u=.4,label:h,className:x="",sx:p={},...m}){const g=ux(r),f=hx(r),{active:b,handlers:v}=Rx(g.length),[y,j]=e.useState(!l);e.useEffect(()=>{if(!l)return;const e=requestAnimationFrame(()=>j(!0));return()=>cancelAnimationFrame(e)},[l]);const S=320,B=i?20:8,k=s?22:8,w=Math.max(0,c-B-k),C=xx(g,{fromZero:!0}),{centres:T,bandWidth:A}=gx(g.length,0,S,{gapRatio:u}),z=B+w,I=n?A/2:0,R=g.length?S/g.length:0;return a.jsxs(t.Box,{component:"figure",className:"bar-chart "+x,sx:{display:"block",width:"100%",m:0,position:"relative",...p},...m,children:[a.jsxs("svg",{viewBox:`0 0 320 ${c}`,width:"100%",height:c,preserveAspectRatio:"none",focusable:"false","aria-hidden":"true",children:[d&&b>=0&&a.jsx("rect",{x:T[b]-R/2,y:0,width:R,height:c,fill:"var(--Hover)",rx:6}),g.map((e,t)=>{const r=T[t]-A/2,n=px(e,C,B,w),i=Math.max(0,z-n);return a.jsxs("g",{children:[o&&a.jsx("rect",{x:r,y:B,width:A,height:w,rx:I,ry:I,fill:kx.track}),i>0&&a.jsx("rect",{x:r,y:n,width:A,height:i,rx:Math.min(I,i/2),ry:Math.min(I,i/2),fill:kx.fill,style:{transformBox:"fill-box",transformOrigin:"bottom",transform:y?"scaleY(1)":"scaleY(0)",transition:`transform ${zx}`}})]},t)}),i&&g.map((e,t)=>a.jsx("text",{x:T[t],y:px(e,C,B,w)-6,textAnchor:"middle",fill:kx.label,...Cx,children:e},"v"+t)),s&&f.map((e,t)=>a.jsx("text",{x:T[t],y:c-6,textAnchor:"middle",fill:kx.quietLabel,...Cx,children:e},"l"+t)),d&&b>=0&&!i&&a.jsx(Fx,{x:T[b],y:px(g[b],C,B,w),text:g[b],width:S,tokens:kx})]}),d&&a.jsx(Wx,{count:g.length,width:S,centres:T,bandWidth:R,labels:f,values:g,handlers:v}),a.jsx(Ax,{caption:h||`Bar chart, ${g.length} values`,labels:f,values:g})]})},exports.BevelText=Qh,exports.BevelTextShowcase=function(){const[r,o]=e.useState("DinoDesign"),[n,i]=e.useState("Primary"),[s,l]=e.useState("Classic"),[d,c]=e.useState("light"),[u,h]=e.useState(135),[x,p]=e.useState(5),[m,g]=e.useState(1),[f,b]=e.useState(!0),[v,y]=e.useState(!0),[j,S]=e.useState(6),[B,k]=e.useState(8),[w,C]=e.useState(60),[T,A]=e.useState(96),[z,I]=e.useState(900),[R,W]=e.useState(0),F="custom"===s,D=F?{angle:u,depth:x,softness:m,bevel:f,shadow:v,shadowDistance:j,shadowBlur:B,shadowOpacity:w/100}:void 0,L=Gh.find(e=>e.value===d)?.css||Gh[0].css;return a.jsxs(t.Box,{children:[a.jsx(Ht,{style:{marginBottom:12},children:"Bevel Display Text"}),a.jsx(Yt,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:"Straight-line display text with an SVG inset-bevel and optional drop shadow. Colors are locked to the active button-palette tokens (Button / Highlight / Lowlight) so the same preset reads correctly under any theme."}),a.jsxs(t.Box,{sx:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(360px, 1fr))",gap:3,alignItems:"start"},children:[a.jsx(t.Box,{sx:{minWidth:0},children:a.jsx(t.Box,{"data-surface":"Container",sx:{background:L,borderRadius:2,p:4,display:"flex",alignItems:"center",justifyContent:"center",minHeight:240,overflow:"auto",position:"sticky",top:16,transition:"background 0.2s"},children:a.jsx(Qh,{text:r,theme:n,preset:s,custom:D,fontSize:T,fontWeight:z,letterSpacing:R})})}),a.jsx(t.Box,{sx:{minWidth:0,alignSelf:"flex-start"},children:a.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"BevelText"})}),a.jsx(tn,{value:1,children:a.jsxs(t.Stack,{spacing:3,sx:{p:3,maxWidth:720},children:[a.jsx(xi,{label:"Text",value:r,onChange:e=>o(e.target.value),placeholder:"Your headline…",size:"medium"}),a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"THEME"}),a.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Th.map(e=>a.jsx(Uh,{label:e,selected:n===e,onClick:()=>i(e)},e))}),a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Resolves to ",a.jsxs("code",{children:["--Buttons-","{Theme}","-Button"]})," ","(fill), ",a.jsx("code",{children:"-Highlight"})," (light edge), and"," ",a.jsx("code",{children:"-Lowlight"})," (shadow edge)."]})]}),a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PRESETS"}),a.jsx(t.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:Vh.map(e=>a.jsx(qh,{option:e,active:s===e.value,onClick:()=>function(e){if(l(e),"custom"!==e){const t=Ih(e);h(t.angle),p(t.depth??5),g(t.softness??1),b(t.bevel),y(t.shadow),S(t.shadowDistance??6),k(t.shadowBlur??8),C(Math.round(100*(t.shadowOpacity??.6)))}}(e.value)},e.value))})]}),F&&a.jsxs(t.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",p:2},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:12},children:"CUSTOM"}),a.jsxs(t.Stack,{spacing:2,children:[a.jsxs("div",{children:[a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Light angle",a.jsxs("span",{style:{float:"right"},children:[u,"°"]})]}),a.jsx(Bi,{min:0,max:360,step:5,value:u,onChange:(e,t)=>h(t)})]}),a.jsxs(t.Box,{sx:{border:"1px solid var(--Border-Variant)",borderRadius:1,p:1.5},children:[a.jsx(Mo,{label:"Inset bevel",checked:f,onChange:e=>b(e.target.checked)}),f&&a.jsxs(t.Stack,{spacing:1.5,sx:{mt:1.5},children:[a.jsxs("div",{children:[a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Depth",a.jsxs("span",{style:{float:"right"},children:[x,"px"]})]}),a.jsx(Bi,{min:1,max:16,step:1,value:x,onChange:(e,t)=>p(t)})]}),a.jsxs("div",{children:[a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Softness",a.jsxs("span",{style:{float:"right"},children:[m,"px"]})]}),a.jsx(Bi,{min:0,max:6,step:.5,value:m,onChange:(e,t)=>g(t)})]})]})]}),a.jsxs(t.Box,{sx:{border:"1px solid var(--Border-Variant)",borderRadius:1,p:1.5},children:[a.jsx(Mo,{label:"Drop shadow",checked:v,onChange:e=>y(e.target.checked)}),v&&a.jsxs(t.Stack,{spacing:1.5,sx:{mt:1.5},children:[a.jsxs("div",{children:[a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Distance",a.jsxs("span",{style:{float:"right"},children:[j,"px"]})]}),a.jsx(Bi,{min:1,max:24,step:1,value:j,onChange:(e,t)=>S(t)})]}),a.jsxs("div",{children:[a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Blur",a.jsxs("span",{style:{float:"right"},children:[B,"px"]})]}),a.jsx(Bi,{min:0,max:24,step:1,value:B,onChange:(e,t)=>k(t)})]}),a.jsxs("div",{children:[a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Opacity",a.jsxs("span",{style:{float:"right"},children:[w,"%"]})]}),a.jsx(Bi,{min:10,max:100,step:5,value:w,onChange:(e,t)=>C(t)})]})]})]})]})]}),a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPOGRAPHY"}),a.jsxs(t.Stack,{spacing:2,children:[a.jsxs("div",{children:[a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Font size",a.jsxs("span",{style:{float:"right"},children:[T,"px"]})]}),a.jsx(Bi,{min:32,max:160,step:4,value:T,onChange:(e,t)=>A(t)})]}),a.jsxs("div",{children:[a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Font weight",a.jsx("span",{style:{float:"right"},children:z})]}),a.jsx(Bi,{min:400,max:900,step:100,value:z,onChange:(e,t)=>I(t)})]}),a.jsxs("div",{children:[a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Letter spacing",a.jsxs("span",{style:{float:"right"},children:[R,"px"]})]}),a.jsx(Bi,{min:-2,max:20,step:1,value:R,onChange:(e,t)=>W(t)})]})]})]}),a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PREVIEW BACKGROUND"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:Gh.map(e=>a.jsx(Uh,{label:e.label,selected:d===e.value,onClick:()=>c(e.value)},e.value))}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Showcase-only — doesn't affect the emitted code."})]})]})}),a.jsx(tn,{value:2,children:a.jsxs(t.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[a.jsxs(ea,{style:{color:"var(--Text-Quiet)"},children:["BevelText uses the same Highlight / Lowlight token pair as button bevels, which target the WCAG 2.1 large-text minimum (3:1). Bevel text is decorative display — the SVG sets"," ",a.jsx("code",{children:'role="img"'})," and ",a.jsx("code",{children:"aria-label"})," to the rendered string so screen readers announce it as a labeled image, not a stream of glyphs."]}),a.jsx(qt,{color:"quiet",children:"Keep the rendered glyph height above ~24px when the bevel is on — at smaller sizes the highlight / lowlight stripes optically reduce the legible stroke width and the 3:1 contrast no longer feels comfortable."})]})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"BevelText"})})]})})})]})]})},exports.BlackWhiteToggleButtonGroup=yl,exports.Body=Yt,exports.Body1=Jt,exports.Body2=$t,exports.BodyBold=e=>a.jsx(Lt,{textStyle:"body-bold",...e}),exports.BodyLarge=Kt,exports.BodyLargeBold=e=>a.jsx(Lt,{textStyle:"body-large-bold",...e}),exports.BodyLargeSemibold=_t,exports.BodySemibold=Zt,exports.BodySmall=qt,exports.BodySmallBold=e=>a.jsx(Lt,{textStyle:"body-small-bold",...e}),exports.BodySmallSemibold=Xt,exports.BottomNavigation=Ed,exports.BottomNavigationShowcase=function(){const[r,o]=e.useState(0),[n,i]=e.useState(0),[s,l]=e.useState(!0),[d,c]=e.useState(!0),[u,h]=e.useState("fixed"),[x,p]=e.useState("horizontal"),[m,g]=e.useState("default"),[f,b]=e.useState(4),[v,y]=e.useState(Ud.map(e=>({icon:e.icon,label:e.label})));e.useEffect(()=>{y(e=>{const t=[],a=[{icon:"Favorite",label:"Favorites"},{icon:"Person",label:"Profile"}];for(let r=0;r<f;r++)if(e[r])t.push(e[r]);else{const e=a[r-Ud.length]||{icon:Gd[r%Gd.length],label:Gd[r%Gd.length]};t.push(e)}return t}),i(e=>Math.min(e,f-1))},[f]);const j=(e,t,a)=>{y(r=>{const o=[...r];return o[e]={...o[e],[t]:a},o})},S=v.slice(0,f).map(e=>({icon:Vd[e.icon]||Vd.Home,label:e.label}));return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Bottom Navigation"}),a.jsxs(t.Tabs,{value:r,onChange:(e,t)=>o(t),sx:{mt:3,mb:0,borderBottom:"1px solid var(--Border)","& .MuiTabs-indicator":{backgroundColor:"var(--Buttons-Primary-Button)",height:3},"& .MuiTab-root":{color:"var(--Text-Quiet)",textTransform:"none",fontWeight:500,"&.Mui-selected":{color:"var(--Text)"}}},children:[a.jsx(t.Tab,{label:"Playground"}),a.jsx(t.Tab,{label:"Accessibility"})]}),0===r&&a.jsxs(t.Grid,{container:!0,sx:{minHeight:400},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"calc((100vw - 432px) / 2)"},flexShrink:0},children:[a.jsxs(t.Box,{sx:{p:4,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:300,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",gap:4},children:[a.jsx(t.Box,{sx:{width:"100%",maxWidth:500,overflow:"hidden",boxShadow:"0 2px 12px rgba(0,0,0,0.08)"},children:a.jsx(Ed,{items:S,value:n,onChange:i,showLabels:d,variant:u,orientation:x,barColor:m,fixed:!1},"bn-"+f+"-"+u+"-"+x+"-"+d+"-"+m)}),a.jsxs(ea,{style:{color:"var(--Text-Quiet)",textAlign:"center"},children:[f," items · ",d?"Labels":"Icons only"," · ","floating"===u?"Floating":"Fixed"," · ","vertical"===x?"Vertical":"Horizontal"," · ",(qd.find(e=>e.value===m)||qd[0]).label]})]}),a.jsx(wo,{code:(()=>{const e=[];e.push("const items = ["),S.forEach((t,a)=>{const r=v[a];e.push("  { icon: <"+r.icon+"Icon />, label: '"+r.label+"' },")}),e.push("];"),e.push("");const t=[];return t.push("items={items}"),"default"!==m&&t.push('barColor="'+m+'"'),d||t.push("showLabels={false}"),"fixed"!==u&&t.push('variant="'+u+'"'),"horizontal"!==x&&t.push('orientation="'+x+'"'),s||t.push("fixed={false}"),e.push("<BottomNavigation"),t.forEach(t=>e.push("  "+t)),e.push("/>"),e.join("\n")})(),language:"JSX",sx:{borderRadius:0,borderBottom:"1px solid var(--Border)"}})]}),a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"calc(100vw - 432px)",md:"calc((100vw - 432px) / 2)"},flexShrink:0,p:3,backgroundColor:"var(--Container)",overflowY:"auto"},children:[a.jsx(Nt,{children:"Playground"}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BAR COLOR"}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:qd.map(e=>a.jsx(Xd,{label:e.label,selected:m===e.value,onClick:()=>g(e.value)},e.value))}),a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:[(qd.find(e=>e.value===m)||qd[0]).desc,' · data-surface="Surface-Dim" · bg: var(--Background)']})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),a.jsxs(t.Stack,{spacing:0,children:[a.jsx($d,{label:"Fixed",checked:s,onChange:l,caption:"Position fixed to bottom of viewport."}),a.jsx($d,{label:"Labels",checked:d,onChange:c,caption:"Show text labels with icons."}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Selected paints a filled circle in var(--Text) with the icon reversed out of it. Not a choice — the design has one selected state, so there is no switch for it."})]})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),a.jsxs(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[a.jsx(Xd,{label:"Fixed",selected:"fixed"===u,onClick:()=>h("fixed")}),a.jsx(Xd,{label:"Floating",selected:"floating"===u,onClick:()=>h("floating")})]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"floating"===u?"A pill, rounded to its own height so the ends stay semicircular at any length.":"A square band, edge to edge."}),a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",margin:"16px 0 8px"},children:"ORIENTATION"}),a.jsxs(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[a.jsx(Xd,{label:"Horizontal",selected:"horizontal"===x,onClick:()=>p("horizontal")}),a.jsx(Xd,{label:"Vertical",selected:"vertical"===x,onClick:()=>p("vertical")})]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"The BAR's direction, not the label's — the label is always under the icon. Vertical is a rail of actions down one side."})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"NAVIGATION ITEMS"}),a.jsx(Jd,{label:"Count",value:f,onChange:b,min:3,max:6}),a.jsx(t.Stack,{spacing:1.5,sx:{mt:2},children:v.slice(0,f).map((e,r)=>a.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"nowrap"},children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",flexShrink:0,width:16,textAlign:"right"},children:r+1}),a.jsx(Zd,{value:e.icon,onChange:e=>j(r,"icon",e),options:Gd,label:"Item "+(r+1)+" icon"}),d&&a.jsx(Yd,{value:e.label,onChange:e=>j(r,"label",e),placeholder:"Label"})]},r))})]})]})]}),1===r&&a.jsxs(t.Box,{sx:{p:4},children:[a.jsx(Nt,{children:"Accessibility Requirements"}),a.jsxs(qt,{color:"quiet",style:{marginBottom:32},children:[f," items · ",d?"Labels":"Icons only"," · ","floating"===u?"Floating":"Fixed"," · ","vertical"===x?"Vertical":"Horizontal"," · ",(qd.find(e=>e.value===m)||qd[0]).label]}),a.jsxs(t.Stack,{spacing:4,children:[a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsxs(t.Stack,{spacing:0,children:[a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Landmark:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<nav role="navigation" aria-label="Bottom navigation">'})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Tab list:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'role="tablist"'})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Tab items:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'role="tab", aria-selected, aria-label'})]}),a.jsxs(t.Box,{sx:{py:1.5},children:[a.jsx(qt,{children:"Focus:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"3px solid var(--Focus-Visible) on :focus-visible."})]})]})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"Token Reference"}),a.jsxs(t.Stack,{spacing:0,children:[a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Bar:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'Always: data-surface="Surface-Dim" · bg: var(--Background). Theme set by data-theme (Nav-Bar, Primary, Primary-Light, etc.).'})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Unselected icon/label:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text-Quiet)"})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Selected:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text)"})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Selected pill:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"bg: var(--Buttons-Primary-Button) · border: 1px solid var(--Buttons-Primary-Border) · icon/text: var(--Buttons-Primary-Text)"})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Backfill + horizontal label:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"Label inside pill: var(--Buttons-Primary-Text)"})]}),a.jsxs(t.Box,{sx:{py:1.5},children:[a.jsx(qt,{children:"Backfill + vertical label:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"Label below pill: var(--Text)"})]})]})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"Best Practices"}),a.jsxs(t.Stack,{spacing:0,children:[a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Item count:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"3–5 recommended. 6 maximum."})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Horizontal layout:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"Only available with 4 or fewer items."})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Labels:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"Always recommended for clarity."})]}),a.jsxs(t.Box,{sx:{py:1.5},children:[a.jsx(qt,{children:"Fixed:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"Add bottom padding to main content to avoid overlap."})]})]})]})]})]})]})},exports.Box=ed,exports.BoxShowcase=function(){const[r,o]=e.useState(""),[n,i]=e.useState(""),[s,l]=e.useState(null),[d,c]=e.useState("Surface");return a.jsxs(ed,{sx:{pb:8},children:[a.jsx(Ht,{children:"Box"}),a.jsxs(Yt,{color:"quiet",style:{marginTop:8,marginBottom:24,maxWidth:720},children:["Bare layout primitive — a slot that participates in the design-system cascade (",a.jsx("code",{children:"data-theme"})," / ",a.jsx("code",{children:"data-surface"}),") without carrying any chrome. Reach for ",a.jsx("code",{children:"<Ratio>"})," or",a.jsx("code",{children:" <Card>"})," when you need padding, borders, or shadow."]}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:s,surface:d,children:a.jsx(ed,{sx:{width:"100%",maxWidth:400},children:a.jsx(ed,{theme:r||void 0,surface:n||void 0,children:a.jsxs(ed,{sx:{padding:3,backgroundColor:"var(--Background)",color:"var(--Text)",borderRadius:"var(--Style-Border-Radius)",border:"1px dashed var(--Border-Variant)"},children:[a.jsx(Et,{children:"Box content"}),a.jsx(Yt,{style:{color:"var(--Text-Quiet)",marginTop:6},children:"Anything dropped inside resolves tokens against the Box's theme / surface, if you set them."})]})})})}),a.jsx(wo,{code:(()=>{const e=[];r&&e.push('theme="'+r+'"'),n&&e.push('surface="'+n+'"');return"<Box"+(e.length?" "+e.join(" "):"")+">\n  {/* anything */}\n</Box>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsx(ed,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"When to use"})]}),a.jsx(tn,{value:0,children:a.jsxs(ed,{sx:{p:3},children:[a.jsx(ed,{sx:{mb:3},children:a.jsx(un,{theme:s,onThemeChange:l,surface:d,onSurfaceChange:c})}),a.jsxs(ed,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"THEME (optional)"}),a.jsxs(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[a.jsx(rd,{label:"None",selected:!r,onClick:()=>o("")}),ad.map(e=>a.jsx(rd,{label:e,selected:r===e,onClick:()=>o(e)},e))]})]}),a.jsxs(ed,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SURFACE (optional)"}),a.jsxs(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[a.jsx(rd,{label:"None",selected:!n,onClick:()=>i("")}),td.map(e=>a.jsx(rd,{label:e,selected:n===e,onClick:()=>i(e)},e))]}),a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Both props are pass-throughs to ",a.jsx("code",{children:"data-theme"})," ","and ",a.jsx("code",{children:"data-surface"}),". Leave empty to inherit from the parent zone."]})]})]})}),a.jsx(tn,{value:1,children:a.jsx(ed,{sx:{p:3},children:a.jsxs(t.Stack,{spacing:2,children:[a.jsxs(ed,{children:[a.jsx(qt,{style:{fontWeight:700},children:"Reach for Box when…"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:"you need a wrapper to scope a theme / surface zone, or you want a typed JSX root without painting any visual styling."})]}),a.jsxs(ed,{children:[a.jsx(qt,{style:{fontWeight:700},children:"Use Ratio when…"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:"the container needs a fixed proportion (image, video, embed, hero tile) — it carries the same theme / color shell Box used to."})]}),a.jsxs(ed,{children:[a.jsx(qt,{style:{fontWeight:700},children:"Use Card when…"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:"the container has a title, body, and actions — Card handles the standard 2-layer chrome plus header / footer slots."})]})]})})})]})})})]})]})},exports.BreadcrumbItem=Ri,exports.Breadcrumbs=Ii,exports.BreadcrumbsShowcase=function(){const[r,o]=e.useState("medium"),[n,i]=e.useState("/"),[s,l]=e.useState(!1),[d,c]=e.useState(null),[u,h]=e.useState("Surface");return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Breadcrumbs"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:d,surface:u,children:a.jsxs(Ii,{size:r,separator:n,condense:s,maxItems:3,children:[a.jsx(Ri,{href:"#",children:"Home"}),a.jsx(Ri,{href:"#",children:"Products"}),a.jsx(Ri,{href:"#",children:"Shoes"}),a.jsx(Ri,{children:"Running Shoes"})]})}),a.jsx(wo,{code:(()=>{const e=[];return"medium"!==r&&e.push('size="'+r+'"'),"/"!==n&&e.push('separator="'+n+'"'),s&&e.push("condense maxItems={3}"),"<Breadcrumbs"+(e.length?" "+e.join(" "):"")+'>\n  <BreadcrumbItem href="/">Home</BreadcrumbItem>\n  <BreadcrumbItem href="/products">Products</BreadcrumbItem>\n  <BreadcrumbItem href="/products/shoes">Shoes</BreadcrumbItem>\n  <BreadcrumbItem>Running Shoes</BreadcrumbItem>\n</Breadcrumbs>'})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:d,onThemeChange:c,surface:u,onSurfaceChange:h})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"Breadcrumbs",theme:d,surface:u})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>a.jsx(Fi,{label:Wi(e),selected:r===e,onClick:()=>o(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SEPARATOR"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["/","›","→","·","|"].map(e=>a.jsx(Fi,{label:e,selected:n===e,onClick:()=>i(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Condense"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Collapse middle items into ellipsis"})]}),a.jsx(Eo,{variant:"default-outline",checked:s,onChange:e=>l(e.target.checked),size:"small","aria-label":"Condense"})]})]})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:3},children:a.jsx(t.Stack,{spacing:3,children:a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"Nav",value:'<nav aria-label="Breadcrumb">'},{label:"List",value:"<ol> with <li> for each crumb"},{label:"Current",value:'aria-current="page" on the last item'},{label:"Links",value:"BreadcrumbItem renders <a> when href is provided"},{label:"Ellipsis",value:'Expandable button with aria-label="Show full breadcrumb trail"'},{label:"Separator",value:'aria-hidden="true" — decorative only'}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"Breadcrumbs"})})]})]})})]})]})},exports.Button=Lr,exports.ButtonGroup=qi,exports.ButtonSmall=ga,exports.ButtonText=fa,exports.CAP_HEIGHT_TRIM=Pt,exports.CHART_LABEL_TYPE=Cx,exports.CHART_TOKENS=kx,exports.COLOUR_COLLECTIONS=Px,exports.COMPONENT_DOCS=Ha,exports.Caption=ea,exports.CaptionBold=e=>a.jsx(Lt,{textStyle:"caption-bold",...e}),exports.Card=yn,exports.CenteredStack=e=>a.jsx(as,{direction:"column",alignItems:"center",justifyContent:"center",...e}),exports.Checkbox=Fn,exports.Chip=Ur,exports.CircularProgress=wu,exports.CircularProgressShowcase=function(){const[r,o]=e.useState("default"),[n,i]=e.useState("medium"),[s,l]=e.useState(!1),[d,c]=e.useState(65),[u,h]=e.useState(!1),[x,p]=e.useState(null),[m,g]=e.useState("Surface");return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Circular Progress"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:x,children:a.jsx(wu,{color:r,size:n,value:s?d:void 0,showValue:s&&u})}),a.jsx(wo,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),s&&(e.push("value={"+d+"}"),u&&e.push("showValue")),0===e.length?"<CircularProgress />":"<CircularProgress\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:x,onThemeChange:p,surface:m,onSurfaceChange:g})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"CircularProgress",theme:x,surface:m})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{spacing:1.5,children:Tu.map(e=>a.jsxs(t.Box,{children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>a.jsx(zu,{color:e,selected:r===e,onClick:o},e))})]},e.label))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>a.jsx(Au,{label:Cu(e),selected:n===e,onClick:()=>i(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Determinate"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show a static arc at a specific value"})]}),a.jsx(Eo,{checked:s,onChange:e=>l(e.target.checked),size:"small","aria-label":"Determinate"})]}),s&&a.jsxs(a.Fragment,{children:[a.jsx(t.Box,{sx:{mt:2},children:a.jsx(Bi,{label:"Value",min:0,max:100,value:d,onChange:(e,t)=>c(t),size:"small",valueLabelDisplay:"auto"})}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Show Label"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Center percentage text"})]}),a.jsx(Eo,{checked:u,onChange:e=>h(e.target.checked),size:"small","aria-label":"Show label"})]})]})]})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:3},children:a.jsxs(t.Stack,{spacing:3,children:[a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsxs(t.Stack,{spacing:0,children:[a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Role:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'role="progressbar"'})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Determinate:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'aria-valuenow, aria-valuemin="0", aria-valuemax="100"'})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Indeterminate:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'aria-label="Loading" (no value attributes)'})]}),a.jsxs(t.Box,{sx:{py:1.5},children:[a.jsx(qt,{children:"Label:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"Center percentage label is aria-hidden — screen readers use aria-valuenow."})]})]})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"Token Reference"}),a.jsxs(t.Stack,{spacing:0,children:[a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Track (back circle):"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Border-Variant)"})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Fill (progress arc):"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Buttons-{Color}-Border)"})]}),a.jsxs(t.Box,{sx:{py:1.5},children:[a.jsx(qt,{children:"Center label:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text)"})]})]})]})]})})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"CircularProgress"})})]})]})})]})]})},exports.CodeBlock=wo,exports.Colors=function(){const e=({color:e})=>a.jsxs(t.Box,{sx:{textAlign:"center"},children:[a.jsx(t.Box,{sx:{width:"80px",height:"80px",backgroundColor:`var(${e.var})`,borderRadius:"8px",border:"1px solid var(--Border)",mb:1,mx:"auto"}}),a.jsx(t.Typography,{variant:"body2",sx:{fontWeight:600,fontSize:"12px",color:"var(--Text)",mb:.5,wordBreak:"break-word"},children:e.name}),a.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block",fontSize:"10px",fontFamily:"monospace",wordBreak:"break-all"},children:e.var})]});return a.jsxs(t.Stack,{spacing:6,children:[a.jsxs(t.Box,{children:[a.jsx(t.Typography,{variant:"h5",sx:{mb:3,fontWeight:700},children:"Brand Colors (Static)"}),a.jsx(t.Stack,{direction:"row",spacing:3,sx:{justifyContent:"center",flexWrap:"wrap",gap:3},children:[{name:"Primary",var:"--Primary-Color-11"},{name:"Secondary",var:"--Secondary-Color-11"},{name:"Tertiary",var:"--Tertiary-Color-11"}].map(t=>a.jsx(e,{color:t},t.var))})]}),a.jsxs(t.Box,{children:[a.jsx(t.Typography,{variant:"h5",sx:{mb:3,fontWeight:700},children:"Background Colors (Dynamic)"}),a.jsx(t.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Update based on selected Background variant and Mode"}),a.jsx(t.Grid,{container:!0,spacing:2,sx:{justifyContent:"center"},children:[{name:"Default Background",cssVar:"var(--Theme-Default-Surfaces-Surface)"},{name:"Primary Background",cssVar:"var(--Theme-Primary-Surfaces-Surface)"},{name:"Secondary Background",cssVar:"var(--Theme-Secondary-Surfaces-Surface)"},{name:"Tertiary Background",cssVar:"var(--Theme-Tertiary-Surfaces-Surface)"},{name:"Neutral Background",cssVar:"var(--Theme-Neutral-Surfaces-Surface)"},{name:"Neutral-Variant Background",cssVar:"var(--Theme-Neutral-Variant-Surfaces-Surface)"}].map(e=>a.jsx(t.Grid,{item:!0,sx:{display:"flex",justifyContent:"center"},children:a.jsxs(t.Box,{sx:{textAlign:"center"},children:[a.jsx(t.Box,{sx:{minWidth:"max(var(--Button-Height), var(--Min-Button-Width))",minHeight:"var(--Button-Height)",backgroundColor:e.cssVar,borderRadius:"var(--Style-Border-Radius)",border:"2px solid var(--Border)",mb:1}}),a.jsx(t.Typography,{variant:"body2",sx:{fontWeight:600,fontSize:"12px",color:"var(--Text)",wordBreak:"break-word"},children:e.name})]})},e.name))})]}),a.jsxs(t.Box,{children:[a.jsx(t.Typography,{variant:"h5",sx:{mb:3,fontWeight:700},children:"Dynamic Colors (Update with Mode, Background & Surface)"}),a.jsx(t.Alert,{severity:"info",sx:{backgroundColor:"var(--Container-Low)",mb:3,border:"1px solid var(--Border)"},children:a.jsxs(t.Typography,{variant:"body2",children:["Most colors update automatically based on the current"," ",a.jsx("strong",{children:"Mode"})," (Light/Dark), ",a.jsx("strong",{children:"Background"})," ","variant, and ",a.jsx("strong",{children:"Surface"})," theme. Only Primary, Secondary, and Tertiary colors are fixed brand colors."]})}),a.jsx(t.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"These colors automatically adapt based on:"}),a.jsxs(t.Stack,{spacing:1,sx:{mb:4},children:[a.jsxs(t.Box,{sx:{display:"flex",gap:2},children:[a.jsx(t.Typography,{variant:"body2",sx:{fontWeight:600,minWidth:80},children:"Mode:"}),a.jsx(t.Typography,{variant:"body2",children:"Light or Dark theme"})]}),a.jsxs(t.Box,{sx:{display:"flex",gap:2},children:[a.jsx(t.Typography,{variant:"body2",sx:{fontWeight:600,minWidth:80},children:"Background:"}),a.jsx(t.Typography,{variant:"body2",children:"Default, Primary, Secondary, Tertiary, Neutral, or Neutral-Variant"})]}),a.jsxs(t.Box,{sx:{display:"flex",gap:2},children:[a.jsx(t.Typography,{variant:"body2",sx:{fontWeight:600,minWidth:80},children:"Surface:"}),a.jsx(t.Typography,{variant:"body2",children:"Theme surface layer selection"})]})]}),a.jsx(t.Stack,{spacing:4,children:[{name:"Layout & Surfaces",colors:[{name:"Background",var:"--Background"},{name:"Border",var:"--Border"},{name:"Border-Variant",var:"--Border-Variant"}]},{name:"Text & Links",colors:[{name:"Header",var:"--Header"},{name:"Text",var:"--Text"},{name:"Text-Quiet",var:"--Text-Quiet"},{name:"Hotlink",var:"--Hotlink"},{name:"Hotlink-Visited",var:"--Hotlink-Visited"}]},{name:"Buttons - Primary",colors:[{name:"Button BG",var:"--Button-Primary-Button"},{name:"Button Text",var:"--Button-Primary-Text"},{name:"Button Hover",var:"--Button-Primary-Hover"},{name:"Button Active",var:"--Button-Primary-Pressed"},{name:"Focus-Visible",var:"--Focus-Visible"}]},{name:"Buttons - Secondary",colors:[{name:"Button BG",var:"--Button-Secondary-Button"},{name:"Button Text",var:"--Button-Secondary-Text"},{name:"Button Hover",var:"--Button-Secondary-Hover"},{name:"Button Active",var:"--Button-Secondary-Pressed"},{name:"Focus-Visible",var:"--Focus-Visible"}]},{name:"Buttons - State",colors:[{name:"Info Button",var:"--Button-Info-Button"},{name:"Success Button",var:"--Button-Success-Button"},{name:"Warning Button",var:"--Button-Warning-Button"},{name:"Error Button",var:"--Button-Error-Button"}]},{name:"Icons",colors:[{name:"Default",var:"--Icons-Default"},{name:"Primary",var:"--Icons-Primary"},{name:"Secondary",var:"--Icons-Secondary"},{name:"Tertiary",var:"--Icons-Tertiary"},{name:"Neutral",var:"--Icons-Neutral"},{name:"Info",var:"--Icons-Info"},{name:"Success",var:"--Icons-Success"},{name:"Warning",var:"--Icons-Warning"},{name:"Error",var:"--Icons-Error"}]},{name:"Chips & Badges",colors:[{name:"Primary BG",var:"--Tags-Primary-BG"},{name:"Primary Text",var:"--Tags-Primary-Text"},{name:"Secondary BG",var:"--Tags-Secondary-BG"},{name:"Secondary Text",var:"--Tags-Secondary-Text"},{name:"Tertiary BG",var:"--Tags-Tertiary-BG"},{name:"Tertiary Text",var:"--Tags-Tertiary-Text"},{name:"Neutral BG",var:"--Tags-Neutral-BG"},{name:"Neutral Text",var:"--Tags-Neutral-Text"},{name:"Info BG",var:"--Tags-Info-BG"},{name:"Info Text",var:"--Tags-Info-Text"},{name:"Success BG",var:"--Tags-Success-BG"},{name:"Success Text",var:"--Tags-Success-Text"},{name:"Warning BG",var:"--Tags-Warning-BG"},{name:"Warning Text",var:"--Tags-Warning-Text"},{name:"Error BG",var:"--Tags-Error-BG"},{name:"Error Text",var:"--Tags-Error-Text"}]}].map(r=>a.jsxs(t.Box,{children:[a.jsx(t.Typography,{variant:"h6",sx:{mb:2,fontWeight:600},children:r.name}),a.jsx(t.Grid,{container:!0,spacing:2,sx:{justifyContent:"center"},children:r.colors.map(r=>a.jsx(t.Grid,{item:!0,sx:{display:"flex",justifyContent:"center"},children:a.jsx(e,{color:r})},r.var))})]},r.name))})]}),a.jsxs(t.Box,{sx:{pt:4,borderTop:"1px solid var(--Border)"},children:[a.jsx(t.Typography,{variant:"h5",sx:{mb:2,fontWeight:700},children:"How to Use"}),a.jsxs(t.Stack,{spacing:2,children:[a.jsxs(t.Box,{children:[a.jsx(t.Typography,{variant:"h6",sx:{fontWeight:600,mb:1},children:"Static Colors"}),a.jsxs(t.Typography,{variant:"body2",sx:{color:"var(--Text-Secondary)"},children:["Use brand colors (",a.jsx("code",{style:{backgroundColor:"var(--Container)",padding:"2px 4px",borderRadius:"4px"},children:"--Primary-Color-11"}),","," ",a.jsx("code",{style:{backgroundColor:"var(--Container)",padding:"2px 4px",borderRadius:"4px"},children:"--Secondary-Color-11"}),","," ",a.jsx("code",{style:{backgroundColor:"var(--Container)",padding:"2px 4px",borderRadius:"4px"},children:"--Tertiary-Color-11"}),") for brand elements that should never change."]})]}),a.jsxs(t.Box,{children:[a.jsx(t.Typography,{variant:"h6",sx:{fontWeight:600,mb:1},children:"Dynamic Colors"}),a.jsx(t.Typography,{variant:"body2",sx:{color:"var(--Text-Secondary)"},children:"Use dynamic color variables for all UI elements. They will automatically update when users change Mode, Background, or Surface settings."})]}),a.jsxs(t.Box,{children:[a.jsx(t.Typography,{variant:"h6",sx:{fontWeight:600,mb:1},children:"Example Usage"}),a.jsx(t.Box,{component:"pre",sx:{backgroundColor:"var(--Container)",p:2,borderRadius:"8px",overflow:"auto",fontSize:"12px",border:"1px solid var(--Border)",color:"var(--Text)"},children:"/* Dynamic - updates with theme changes */\ncolor: var(--Text);\nbackgroundColor: var(--Background);\nborderColor: var(--Border);\n\n/* Static - brand colors stay the same */\naccentColor: var(--Primary-Color-11);"})]})]})]})]})},exports.Container=function({children:e,maxWidth:r="lg",disableGutters:o=!1,sx:n={},...i}){return a.jsx(t.Container,{maxWidth:r,disableGutters:o,"data-surface":"Surface",sx:{backgroundColor:"var(--Background)",color:"var(--Text)",transition:"all 0.2s ease-in-out",...n},...i,children:e})},exports.CopyButton=ko,exports.Copyright=dh,exports.CopyrightShowcase=function(){const[r,o]=e.useState("DinoDesign"),[n,i]=e.useState((new Date).getFullYear()),[s,l]=e.useState("All rights reserved"),[d,c]=e.useState(""),[u,h]=e.useState(!1),[x,p]=e.useState("default"),m=e.useRef(null),[g,f]=e.useState(null);return e.useEffect(()=>{m.current&&f({current:m.current.querySelector(".dino-copyright")})},[x,u,r,n,s,d]),a.jsxs(t.Box,{children:[a.jsx(Ht,{style:{marginBottom:12},children:"Copyright"}),a.jsxs(Yt,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:["Standalone copyright strip used at the bottom of pages. Defaults to"," ",a.jsxs("code",{children:["© ","{year}"," ","{companyName}",". ","{rights}","."]})," Pass"," ",a.jsx("code",{children:"children"})," to override the entire text."]}),a.jsx(t.Box,{ref:m,sx:{borderRadius:1,overflow:"hidden",mb:4},children:u?a.jsx(dh,{color:x,children:d||"Type a custom message →"}):a.jsx(dh,{color:x,companyName:r,year:Number(n)||(new Date).getFullYear(),rights:s})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"Copyright"})}),a.jsx(tn,{value:1,children:a.jsxs(t.Stack,{spacing:3,sx:{p:3,maxWidth:560},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TEXT MODE"}),a.jsxs(t.Stack,{direction:"row",spacing:1,children:[a.jsx(Ch,{label:"Auto-generated",selected:!u,onClick:()=>h(!1)}),a.jsx(Ch,{label:"Custom",selected:u,onClick:()=>h(!0)})]})]}),!u&&a.jsxs(a.Fragment,{children:[a.jsx(xi,{label:"Company name",value:r,onChange:e=>o(e.target.value),placeholder:"DinoDesign",size:"medium"}),a.jsx(il,{label:"Year",value:Number(n),onChange:e=>i(e),min:1900,max:2100}),a.jsx(xi,{label:"Rights text",value:s,onChange:e=>l(e.target.value),placeholder:"All rights reserved",size:"medium"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:'Leave Rights blank to omit "All rights reserved." entirely.'})]}),u&&a.jsxs(a.Fragment,{children:[a.jsx(xi,{label:"Custom text",value:d,onChange:e=>c(e.target.value),placeholder:"© 2026 DinoDesign · MIT License · Built with love",size:"medium",multiline:!0}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"Pass any string (or React node) as children to fully override the auto text."})]}),a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:wh.map(e=>a.jsx(Ch,{label:e.label,selected:x===e.value,onClick:()=>p(e.value)},e.value))}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Matches the Footer color presets so the two stack cleanly."})]})]})}),a.jsx(tn,{value:2,children:a.jsxs(t.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"Live WCAG 2.1 contrast against the painted background. AA needs 4.5:1 for normal text; AAA needs 7:1."}),g&&a.jsx(vh,{targetRef:g,label:"Copyright strip",deps:[x,u,r,n,s,d]})]})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"Copyright"})})]})]})},exports.CurvedText=Lh,exports.CurvedTextShowcase=function(){const[r,o]=e.useState("Your Brand. Perfected."),[n,i]=e.useState("display-large"),[s,l]=e.useState("primary"),[d,c]=e.useState([(u="up",{arc:140,radius:340,direction:u})]);var u;const[h,x]=e.useState(0),[p,m]=e.useState(8),[g,f]=e.useState(700),[b,v]=e.useState(!1),[y,j]=e.useState("Primary"),[S,B]=e.useState("Classic"),k=e.useRef(null),[w,C]=e.useState(null);e.useEffect(()=>{k.current&&C({current:k.current.querySelector("text")})},[s,n,d,h,p,g,b,y,S]);const T=Nh.find(e=>e.value===s)?.css||Nh[0].css;function A(e,t){c(a=>a.map((a,r)=>r===e?{...a,...t}:a))}return a.jsxs(t.Box,{children:[a.jsx(Ht,{style:{marginBottom:12},children:"Curved Display Text"}),a.jsx(Yt,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:"Decorative text laid along an SVG arc. Chain multiple arcs to build a wave — each curve gets its own radius, arc sweep, and direction. Uses your design system's decorative font + text tokens."}),a.jsxs(t.Box,{sx:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(360px, 1fr))",gap:3,alignItems:"start"},children:[a.jsx(t.Box,{sx:{minWidth:0},children:a.jsx(t.Box,{ref:k,"data-surface":"Container",sx:{background:"var(--Background)",borderRadius:2,p:3,display:"flex",alignItems:"center",justifyContent:"center",overflow:"auto",position:"sticky",top:16},children:a.jsx(Lh,{text:r,curves:d,textStyle:n,rotation:h,letterSpacing:p,fontWeight:g,bevel:b,bevelTheme:y,bevelPreset:b?S:void 0,color:T})})}),a.jsx(t.Box,{sx:{minWidth:0,alignSelf:"flex-start"},children:a.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"CurvedText"})}),a.jsx(tn,{value:1,children:a.jsxs(t.Stack,{spacing:3,sx:{p:3,maxWidth:720},children:[a.jsx(xi,{label:"Text",value:r,onChange:e=>o(e.target.value),placeholder:"Your headline…",size:"medium"}),a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CURVES"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:[1,2].map(e=>a.jsx(Mh,{label:String(e),selected:d.length===e,onClick:()=>function(e){c(t=>{if(e===t.length)return t;if(e>t.length){const a=[...t];for(;a.length<e;){const e=a[a.length-1];a.push({arc:e.arc,radius:e.radius,direction:"up"===e.direction?"down":"up"})}return a}return t.slice(0,e)})}(e)},e))}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"One curve is an arch. Two curves chain end-to-end for a wave."})]}),a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:12},children:"PER-CURVE SETTINGS"}),a.jsx(t.Stack,{spacing:2,children:d.map((e,r)=>a.jsxs(t.Box,{"data-surface":"Container",style:{background:"var(--Background)",border:"1px solid var(--Border)",borderRadius:8,padding:12},children:[a.jsxs(t.Stack,{direction:"row",alignItems:"center",spacing:2,sx:{mb:1},children:[a.jsxs(ea,{style:{fontWeight:700},children:["Curve ",r+1]}),a.jsx("div",{style:{flex:1}}),a.jsxs(t.Stack,{direction:"row",spacing:1,children:[a.jsx(Mh,{label:"⌢ Up",selected:"up"===e.direction,onClick:()=>A(r,{direction:"up"})}),a.jsx(Mh,{label:"⌣ Down",selected:"down"===e.direction,onClick:()=>A(r,{direction:"down"})})]})]}),a.jsxs(t.Stack,{spacing:1,children:[a.jsxs("div",{children:[a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Radius",a.jsxs("span",{style:{float:"right"},children:[e.radius,"px"]})]}),a.jsx(Bi,{min:100,max:600,step:10,value:e.radius,onChange:(e,t)=>A(r,{radius:t})})]}),a.jsxs("div",{children:[a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Arc sweep",a.jsxs("span",{style:{float:"right"},children:[e.arc,"°"]})]}),a.jsx(Bi,{min:40,max:280,step:5,value:e.arc,onChange:(e,t)=>A(r,{arc:t})})]})]})]},r))})]}),a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPOGRAPHY"}),a.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Hh.map(e=>a.jsx(Mh,{label:e.label,selected:n===e.value,onClick:()=>i(e.value)},e.value))}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Uses the lib's DisplayLarge / DisplaySmall tokens (font-family, size, weight, letter-spacing)."})]}),a.jsxs(t.Box,{children:[a.jsxs(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["LETTER SPACING",a.jsxs("span",{style:{float:"right"},children:[p,"px"]})]}),a.jsx(Bi,{min:-4,max:40,step:1,value:p,onChange:(e,t)=>m(t)}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Adjusts the gap between characters along the wave."})]}),a.jsxs(t.Box,{children:[a.jsxs(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["FONT WEIGHT",a.jsx("span",{style:{float:"right"},children:g})]}),a.jsx(Bi,{min:100,max:900,step:100,value:g,onChange:(e,t)=>f(t)}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Heavier weights read better at decorative sizes. Available weights depend on the loaded display font."})]}),a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BEVEL"}),a.jsx(Mo,{label:"3D bevel effect",checked:b,onChange:e=>v(e.target.checked)}),b&&a.jsxs(t.Box,{sx:{mt:1.5},children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:6},children:"Preset"}),a.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1,mb:1.5},children:zh.map(e=>a.jsx(Mh,{label:e,selected:S===e,onClick:()=>B(e)},e))}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:6},children:"Bevel theme"}),a.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Eh.map(e=>a.jsx(Mh,{label:e.label,selected:y===e.value,onClick:()=>j(e.value)},e.value))})]}),a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Bevel layers use ",a.jsxs("code",{children:["--Buttons-","{Theme}","-Button"]})," for the fill, with ",a.jsx("code",{children:"Highlight"})," + ",a.jsx("code",{children:"Lowlight"}),"tokens for the bright/shadow stripes. CurvedText honors a preset's ",a.jsx("em",{children:"depth"})," only — angle, softness, and drop-shadow fields are stacked-rendering limitations and are ignored here (the full filter pipeline lives in ",a.jsx("code",{children:"<BevelText>"}),"). Shadow-only presets render no effect. Auto-hides below 19px so the 3:1 bevel contrast doesn't compromise small-text legibility."]})]}),a.jsxs(t.Box,{children:[a.jsxs(t.Stack,{direction:"row",alignItems:"center",sx:{mb:1},children:[a.jsxs(oa,{style:{color:"var(--Text-Quiet)",flex:1},children:["ROTATION",a.jsxs("span",{style:{float:"right",marginRight:12},children:[h,"°"]})]}),a.jsx(Lr,{variant:"default-outline",size:"small",onClick:function(){const e=k.current?.querySelector("svg");if(!e)return;const t=e.querySelector("path"),a=e.querySelector("text");if(!t||!a)return;const o=t.getTotalLength();if(!o)return;let n=0;try{n=a.getComputedTextLength?.()||0}catch(e){}n||(n=Math.min(o,18*r.length));const i=Math.max(0,(o-n)/2),s=Math.min(o,i+n),l=t.getPointAtLength(i),d=t.getPointAtLength(s),c=180*Math.atan2(d.y-l.y,d.x-l.x)/Math.PI,u=Math.max(-45,Math.min(45,Math.round(-c)));x(u)},children:"Auto-level"})]}),a.jsx(Bi,{min:-45,max:45,step:1,value:h,onChange:(e,t)=>x(t)}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:'Tilts the whole text block around its center. "Auto-level" rotates so the text\'s start and end sit on the same horizontal line — useful when a multi-curve wave makes the reading line slant.'})]}),a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Nh.map(e=>a.jsx(Mh,{label:e.label,selected:s===e.value,onClick:()=>l(e.value)},e.value))})]})]})}),a.jsx(tn,{value:2,children:a.jsxs(t.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"Live WCAG 2.1 contrast against the painted background. Decorative display text counts as large text — AA needs 3:1, AAA needs 4.5:1 — but DinoDesign defaults to 4.5:1 across the board."}),w&&a.jsx(vh,{targetRef:w,label:"Curved text",deps:[s,n,JSON.stringify(d),h,p]}),a.jsxs(qt,{color:"quiet",children:["The SVG sets ",a.jsx("code",{children:'role="img"'})," and"," ",a.jsx("code",{children:"aria-label"})," to the rendered text so screen readers announce it as a labeled image, not a stream of individual glyphs."]})]})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"CurvedText"})})]})})})]})]})},exports.DEFAULT_AVATAR_SRC=Qa,exports.DEFAULT_ITEMS=cu,exports.DOCS_ORIGIN=gs,exports.DefaultToggleButtonGroup=ml,exports.DesktopAppBar=Ku,exports.Dialog=Qc,exports.DialogShowcase=function(){const[r,o]=e.useState(!1),[n,i]=e.useState("sm"),[s,l]=e.useState(!1),[d,c]=e.useState("none"),[u,h]=e.useState(!1),[x,p]=e.useState(!1),[m,g]=e.useState(null),[f,b]=e.useState("Surface");return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Dialog"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:m,surface:f,children:a.jsx(Lr,{variant:"default",onClick:()=>o(!0),children:"Open Dialog"})}),a.jsx(wo,{code:(()=>{const e=["open={open}","onClose={handleClose}"];return"sm"!==n&&e.push('maxWidth="'+n+'"'),s&&e.push("fullScreen"),u&&e.push("alert"),x&&e.push("nonModal"),"none"!==d&&e.push('transition="'+d+'"'),e.push('title="Dialog Title"'),e.push('actions={<><Button variant="default-outline" onClick={handleClose}>Cancel</Button><Button variant="default" onClick={handleClose}>Confirm</Button></>}'),"<Dialog\n  "+e.join("\n  ")+"\n>\n  Dialog content goes here.\n</Dialog>"})(),language:"JSX",wrap:!0,sx:{mt:2}}),a.jsx(Qc,{open:r,onClose:(e,t)=>{u&&"backdropClick"===t||o(!1)},maxWidth:n,fullScreen:s,alert:u,nonModal:x,transition:"none"!==d?d:void 0,title:"Dialog Title",actions:a.jsxs(a.Fragment,{children:[a.jsx(Lr,{variant:"default-outline",size:"small",onClick:()=>o(!1),children:"Cancel"}),a.jsx(Lr,{variant:"default",size:"small",onClick:()=>o(!1),children:"Confirm"})]}),children:a.jsx(Yt,{children:"This is the dialog content. You can put any information here that requires user attention or action."})})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:m,onThemeChange:g,surface:f,onSurfaceChange:b})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"Dialog",theme:m,surface:f})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),a.jsxs(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[["xs","sm","md","lg","xl"].map(e=>a.jsx(Vc,{label:e.toUpperCase(),selected:n===e,onClick:()=>{i(e),l(!1)}},e)),a.jsx(Vc,{label:"Full Screen",selected:s,onClick:()=>l(!s)})]})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TRANSITION"}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["none","slide-up","slide-down","grow","fade","zoom"].map(e=>{return a.jsx(Vc,{label:(t=e,t?t.charAt(0).toUpperCase()+t.slice(1):""),selected:d===e,onClick:()=>c(e)},e);var t})})]}),a.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Alert"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"No backdrop dismiss, no Escape"})]}),a.jsx(Eo,{variant:"default-outline",checked:u,onChange:e=>h(e.target.checked),size:"small","aria-label":"Alert mode"})]}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Non-Modal"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"No backdrop, interact with content behind"})]}),a.jsx(Eo,{variant:"default-outline",checked:x,onChange:e=>p(e.target.checked),size:"small","aria-label":"Non-modal"})]})]})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:3},children:a.jsx(t.Stack,{spacing:3,children:a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="dialog" (standard) or role="alertdialog" (alert mode)'},{label:"Label",value:"aria-labelledby links to title, aria-describedby links to content"},{label:"Focus",value:"Focus trapped inside dialog. Returns to trigger on close."},{label:"Keyboard",value:"Escape closes (unless alert). Tab cycles through focusable elements."},{label:"Backdrop",value:"Click closes (unless alert or non-modal)"},{label:"Close",value:'Close button with aria-label="Close dialog"'}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"Dialog"})})]})]})})]})]})},exports.DisplayLarge=e=>a.jsx(Lt,{textStyle:"display-large",...e}),exports.DisplayMedium=e=>a.jsx(Lt,{textStyle:"display-medium",...e}),exports.DisplaySmall=e=>a.jsx(Lt,{textStyle:"display-small",...e}),exports.Divider=oi,exports.DotsLoader=function({message:e="Loading",sx:r={},...o}){return a.jsxs(t.Stack,{alignItems:"center",justifyContent:"center",spacing:2,sx:{py:4,...r},...o,children:[a.jsx(t.Box,{sx:{display:"flex",gap:1},children:[0,1,2].map(e=>a.jsx(t.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"var(--Primary-Color-11)",animation:"pulse 1.4s infinite",animationDelay:.2*e+"s","@keyframes pulse":{"0%":{opacity:1},"50%":{opacity:.5},"100%":{opacity:1}}}},e))}),e&&a.jsx(t.Typography,{sx:{color:"var(--Text-Secondary)",fontWeight:500},children:e})]})},exports.Drawer=_c,exports.DrawerClose=eu,exports.DrawerContent=au,exports.DrawerHeader=tu,exports.DrawerShowcase=function(){const[r,o]=e.useState(!1),[n,i]=e.useState("medium"),[s,l]=e.useState("left"),[d,c]=e.useState(null),[u,h]=e.useState("Surface");return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Drawer"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:d,surface:u,children:a.jsx(Lr,{variant:"default",onClick:()=>o(!0),children:"Open Drawer"})}),a.jsx(wo,{code:(()=>{const e=["open={open}","onClose={handleClose}"];return"medium"!==n&&e.push('size="'+n+'"'),"left"!==s&&e.push('anchor="'+s+'"'),"<Drawer "+e.join(" ")+">\n  <DrawerHeader>\n    <H5>Navigation</H5>\n    <DrawerClose onClick={handleClose} />\n  </DrawerHeader>\n  <DrawerContent>\n    <OmniTreeView items={navItems} />\n  </DrawerContent>\n</Drawer>"})(),language:"JSX",wrap:!0,sx:{mt:2}}),a.jsxs(_c,{open:r,onClose:()=>o(!1),size:n,anchor:s,children:[a.jsxs(tu,{children:[a.jsx(Et,{children:"Navigation"}),a.jsx(eu,{onClick:()=>o(!1)})]}),a.jsx(au,{children:a.jsx(du,{items:hu,variant:"solid",color:"default",defaultExpandedItems:["products"],sx:{border:"none",borderRadius:0}})})]})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:d,onThemeChange:c,surface:u,onSurfaceChange:h})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"Drawer",theme:d,surface:u})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>a.jsx(xu,{label:uu(e),selected:n===e,onClick:()=>i(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ANCHOR"}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["left","right","top","bottom"].map(e=>a.jsx(xu,{label:uu(e),selected:s===e,onClick:()=>l(e)},e))})]})]})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:3},children:a.jsx(t.Stack,{spacing:3,children:a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="dialog" aria-modal="true"'},{label:"Focus",value:"Focus trapped inside drawer. Returns to trigger on close."},{label:"Keyboard",value:"Escape closes. Tab cycles focusable elements."},{label:"Backdrop",value:"Click closes. Body scroll locked while open."},{label:"Close",value:'Button with aria-label="Close drawer"'}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"Drawer"})})]})]})})]})]})},exports.DropZone=function({onFiles:r,accept:o,multiple:n=!1,size:i="medium",disabled:s=!1,icon:l,label:d,sublabel:c,children:u,className:h="",sx:x={},...p}){const[m,g]=e.useState(!1),f=e.useRef(null),b=e.useRef(0),v=pu[i]||pu.medium,y=e.useCallback(e=>{!s&&e?.length&&r?.(Array.from(e))},[s,r]),j=e.useCallback(e=>{e.preventDefault(),e.stopPropagation(),b.current=0,g(!1),s||y(e.dataTransfer.files)},[s,y]),S=e.useCallback(e=>{e.preventDefault(),e.stopPropagation()},[]),B=e.useCallback(e=>{e.preventDefault(),e.stopPropagation(),b.current++,s||g(!0)},[s]),k=e.useCallback(e=>{e.preventDefault(),e.stopPropagation(),b.current--,0===b.current&&g(!1)},[]),w=e.useCallback(()=>{s||f.current?.click()},[s]),C=e.useCallback(e=>{s||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),f.current?.click())},[s]),T=e.useCallback(e=>{y(e.target.files),e.target.value=""},[y]),A=l||Xe,z=n?"Drag and drop files here":"Drag and drop file here";return a.jsxs(t.Box,{role:"button",tabIndex:s?-1:0,"aria-label":d||z,"aria-disabled":s||void 0,onClick:w,onKeyDown:C,onDrop:j,onDragOver:S,onDragEnter:B,onDragLeave:k,className:"drop-zone drop-zone-"+i+(m?" drop-zone-dragging":"")+(s?" drop-zone-disabled":"")+" "+h,sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:v.gap,minHeight:v.minHeight,padding:v.padding,border:"2px dashed",borderColor:m?"var(--Buttons-Primary-Border)":"var(--Buttons-Default-Border)",borderRadius:"32px",backgroundColor:m?"var(--Hover)":"transparent",color:"var(--Text)",cursor:s?"not-allowed":"pointer",opacity:s?"var(--Disabled, 0.38)":1,outline:"none",transition:"background-color 0.2s ease, border-color 0.2s ease",textAlign:"center",...!s&&{"&:hover":{backgroundColor:"var(--Hover)",borderColor:"var(--Buttons-Primary-Border)"},"&:active":{backgroundColor:"var(--Pressed)",borderColor:"var(--Buttons-Primary-Border)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderColor:"var(--Buttons-Primary-Border)"}},...x},...p,children:[a.jsx("input",{ref:f,type:"file",accept:o,multiple:n,onChange:T,style:{display:"none"},"aria-hidden":"true",tabIndex:-1}),u||a.jsxs(a.Fragment,{children:[a.jsx(A,{sx:{fontSize:v.iconSize,color:"var(--Text-Quiet)"}}),a.jsx(qt,{style:{color:"var(--Text)"},children:d||z}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:c||"or click to browse"})]})]})},exports.Dropdown=Sd,exports.DynoStack=as,exports.DynoTreeView=du,exports.EXAMPLES=xs,exports.EmailTextField=function({label:e="Email",...t}){return a.jsx(wl,{label:e,type:"email",placeholder:"user@example.com",...t})},exports.ErrorTag=e=>a.jsx(Yl,{color:"error",...e}),exports.ErrorToggleButtonGroup=kl,exports.Eyebrow=na,exports.EyebrowLarge=sa,exports.EyebrowMedium=ia,exports.EyebrowSmall=oa,exports.FOUNDATIONS=Mx,exports.Fab=Ns,exports.FabShowcase=function(){const[r,o]=e.useState("default"),[n,i]=e.useState("medium"),[s,l]=e.useState("Add"),[d,c]=e.useState(!1),[u,h]=e.useState("Create"),[x,p]=e.useState(!1),[m,g]=e.useState(!1),[f,b]=e.useState(null),[v,y]=e.useState("Surface"),j="default"===r?"tertiary":r;return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Floating Action Button"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:f,children:a.jsx(Ns,{color:j,size:n,icon:(()=>{const e=dt[s]||dt.Add;return a.jsx(Oa,{size:"medium",children:a.jsx(e,{})})})(),extended:d,label:u,animate:x,disabled:m,ariaLabel:d?u:s})}),a.jsx(wo,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),e.push("icon={<"+s+"Icon />}"),d&&(e.push("extended"),e.push('label="'+u+'"')),x&&e.push("animate"),m&&e.push("disabled"),e.push('ariaLabel="'+(d?u:s)+'"'),"<Fab\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"})]}),a.jsx(tn,{value:0,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsx(t.Box,{sx:{mb:3},children:a.jsx(un,{theme:f,onThemeChange:b,surface:v,onSurfaceChange:y})}),a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{spacing:1.5,children:Ms.map(e=>a.jsxs(t.Box,{children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>a.jsx(Vs,{color:e,selected:r===e,onClick:o},e))})]},e.label))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>a.jsx(Qs,{label:Es(e),selected:n===e,onClick:()=>i(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(Gs,{label:"Icon Name",value:s,onChange:l,placeholder:"Add"}),a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:[a.jsx("a",{href:"https://mui.com/material-ui/material-icons/",target:"_blank",rel:"noopener noreferrer",style:{color:"var(--Hotlink)"},children:"Material icon"})," name (e.g. Add, Edit, Favorite, Share)"]})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),a.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Extended"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Pill shape with icon + text label"})]}),a.jsx(Eo,{checked:d,onChange:e=>c(e.target.checked),size:"small","aria-label":"Extended"})]}),d&&a.jsx(t.Box,{sx:{mt:1.5},children:a.jsx(Gs,{label:"Label Text",value:u,onChange:h,placeholder:"Create"})}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Animation"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Pulse ring effect to draw attention"})]}),a.jsx(Eo,{checked:x,onChange:e=>p(e.target.checked),size:"small","aria-label":"Animation"})]}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Disabled"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),a.jsx(Eo,{checked:m,onChange:e=>g(e.target.checked),size:"small","aria-label":"Disabled"})]})]})]})}),a.jsx(tn,{value:1,children:a.jsx(t.Box,{sx:{p:3},children:a.jsxs(t.Stack,{spacing:3,children:[a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsxs(t.Stack,{spacing:0,children:[a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Role:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<button role="button" aria-label="...">'})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Label:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:d?"Extended: visible label provides accessible name.":"Icon-only: aria-label is required."})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Focus:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"3px solid var(--Focus-Visible) with 2px offset."})]}),a.jsxs(t.Box,{sx:{py:1.5},children:[a.jsx(qt,{children:"Disabled:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"HTML disabled attribute. 50% opacity, removed from tab order."})]})]})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"Best Practices"}),a.jsxs(t.Stack,{spacing:0,children:[a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"One per screen:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"FABs represent the primary action. Use at most one per view."})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Extended for clarity:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"Use extended variant when the icon alone may be ambiguous."})]}),a.jsxs(t.Box,{sx:{py:1.5},children:[a.jsx(qt,{children:"Animation:"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"Use sparingly. Respect prefers-reduced-motion."})]})]})]})]})})})]})})})]})]})},exports.Footer=uh,exports.FooterShowcase=function(){const[r,o]=e.useState(4),[n,i]=e.useState(!0),[s,l]=e.useState(!0),[d,c]=e.useState("default"),u=e.useRef(null),[h,x]=e.useState(null),[p,m]=e.useState(null);e.useEffect(()=>{u.current&&(x({current:u.current.querySelector(".dino-footer")}),m({current:u.current.querySelector(".dino-copyright")}))},[d,r,n,s]);const g=jh.slice(0,Math.max(0,r-1)),f=n?Sh:[],b=s?{title:"Stay in the loop",description:"Monthly updates on new components and tips.",onSubscribe:async e=>console.log("subscribed:",e)}:void 0;return a.jsxs(t.Box,{children:[a.jsx(Ht,{style:{marginBottom:12},children:"Footer"}),a.jsxs(Yt,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:["Configurable 1–4 column footer. The first column is always the company address / contact. Optional ",a.jsx("code",{children:"socialLinks"})," and"," ",a.jsx("code",{children:"subscribe"})," sit above the auto-generated copyright strip."]}),a.jsx(t.Box,{ref:u,sx:{borderRadius:1,overflow:"hidden",mb:4},children:a.jsx(uh,{color:d,address:yh,columns:g,socialLinks:f,subscribe:b,copyrightName:"DinoDesign"})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"Footer"})}),a.jsx(tn,{value:1,children:a.jsxs(t.Stack,{spacing:3,sx:{p:3,maxWidth:560},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLUMNS"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:[1,2,3,4].map(e=>a.jsx(kh,{label:String(e),selected:r===e,onClick:()=>o(e)},e))}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"First column is always the address / contact. Up to 3 more link columns."})]}),a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Bh.map(e=>a.jsx(kh,{label:e.label,selected:d===e.value,onClick:()=>c(e.value)},e.value))}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:'"Default" hardcodes Primary tone 2 (auto-derived in a future iteration).'})]}),a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SOCIAL LINKS"}),a.jsx(Mo,{label:"Show social media row",checked:n,onChange:e=>i(e.target.checked)}),a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["When on, the Footer renders the ",a.jsx("code",{children:"socialLinks"})," row (icons linking out). In your app, supply the icon + url pairs from your data store."]})]}),a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SUBSCRIBE"}),a.jsx(Mo,{label:"Show email subscribe form",checked:s,onChange:e=>l(e.target.checked)}),a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["When on, the Footer renders an email subscribe form. Hook it up via"," ",a.jsx("code",{children:"subscribe.onSubscribe(email)"}),"."]})]})]})}),a.jsx(tn,{value:2,children:a.jsxs(t.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"Live WCAG 2.1 contrast against the painted background. AA needs 4.5:1 for normal text; AAA needs 7:1."}),h&&a.jsx(vh,{targetRef:h,label:"Footer body",deps:[d,r,n,s]}),p&&a.jsx(vh,{targetRef:p,label:"Copyright strip",deps:[d,r,n,s]})]})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"Footer"})})]})]})},exports.FormDialog=function({open:e,onClose:r,title:o,children:n,submitText:i="Submit",cancelText:s="Cancel",onSubmit:l,...d}){return a.jsx(Qc,{open:e,onClose:r,title:o,...d,actions:a.jsxs(a.Fragment,{children:[a.jsx(t.Box,{component:"button",type:"button",onClick:r,sx:Oc.outline,children:s}),a.jsx(t.Box,{component:"button",type:"button",onClick:l,sx:Oc.primary,children:i})]}),children:n})},exports.Ghost=xt,exports.Gradient=vc,exports.Grid=function({children:e,container:r=!1,item:o=!1,spacing:n=2,sx:i={},...s}){return a.jsx(t.Grid,{container:r,item:o,spacing:n,sx:{transition:"all 0.2s ease-in-out",...i},...s,children:e})},exports.GridStack=ss,exports.H1=e=>a.jsx(Lt,{textStyle:"h1",...e}),exports.H2=e=>a.jsx(Lt,{textStyle:"h2",...e}),exports.H3=Ht,exports.H4=Nt,exports.H5=Et,exports.H6=e=>a.jsx(Lt,{textStyle:"h6",...e}),exports.HStack=rs,exports.Heading=Mt,exports.Icon=Oa,exports.IconBadge=Ws,exports.IconBadgeShowcase=function(){const[t,r]=e.useState("primary"),[o,n]=e.useState("solid"),[i,s]=e.useState("medium"),l=Ls[0];return a.jsxs(os,{spacing:4,style:{paddingBottom:64},children:[a.jsx(Ht,{children:"Icon Badge"}),a.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:24},children:[a.jsx(yn,{padding:"medium",children:a.jsxs(os,{spacing:4,alignItems:"center",children:[a.jsx("div",{style:{padding:40},children:a.jsx(Ws,{color:t,variant:o,size:i,children:a.jsx(l,{})})}),a.jsx(rs,{spacing:4,alignItems:"flex-end",children:["small","medium","large"].map(e=>a.jsxs(os,{spacing:1,alignItems:"center",children:[a.jsx(Ws,{color:t,variant:o,size:e,children:a.jsx(l,{})}),a.jsx(qt,{style:{color:"var(--Quiet)"},children:Fs(e)})]},e))}),a.jsxs(os,{spacing:1,alignItems:"center",children:[a.jsx(qt,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:"Variants"}),a.jsx(rs,{spacing:3,children:["solid","light","dark"].map(e=>a.jsxs(os,{spacing:1,alignItems:"center",children:[a.jsx(Ws,{color:t,variant:e,size:"medium",children:a.jsx(l,{})}),a.jsx(qt,{style:{color:"var(--Quiet)",fontSize:"0.65rem"},children:Fs(e)})]},e))})]}),a.jsxs(os,{spacing:1,alignItems:"center",children:[a.jsx(qt,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:"All Colors"}),a.jsx(rs,{spacing:2,style:{flexWrap:"wrap",justifyContent:"center"},children:Ds.flatMap(e=>e.colors).map(e=>a.jsxs(os,{spacing:0,alignItems:"center",children:[a.jsx(Ws,{color:e,variant:o,size:"small",children:a.jsx(l,{})}),a.jsx(qt,{style:{color:"var(--Quiet)",fontSize:"0.55rem"},children:Fs(e)})]},e))})]})]})}),a.jsx(yn,{padding:"medium",children:a.jsxs(os,{spacing:4,children:[a.jsx(Ht,{style:{fontSize:"1rem"},children:"Playground"}),a.jsxs(os,{spacing:2,children:[a.jsx(ra,{children:"Color"}),Ds.map(e=>a.jsxs(os,{spacing:1,children:[a.jsx(qt,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:e.label}),a.jsx(rs,{spacing:1,children:e.colors.map(e=>a.jsx(Lr,{variant:t===e?"default":"outline",size:"small",onClick:()=>r(e),children:Fs(e)},e))})]},e.label))]}),a.jsxs(os,{spacing:1,children:[a.jsx(ra,{children:"Variant"}),a.jsx(qi,{size:"small",children:["solid","light","dark"].map(e=>a.jsx(Lr,{variant:o===e?"default":"outline",size:"small",onClick:()=>n(e),children:Fs(e)},e))})]}),a.jsxs(os,{spacing:1,children:[a.jsx(ra,{children:"Size"}),a.jsx(qi,{size:"small",children:["small","medium","large"].map(e=>a.jsx(Lr,{variant:i===e?"default":"outline",size:"small",onClick:()=>s(e),children:Fs(e)},e))})]}),a.jsxs(os,{spacing:0,children:[a.jsxs(qt,{style:{color:"var(--Quiet)"},children:["data-theme: ",Fs(t),"light"===o?"-Light":""]}),a.jsxs(qt,{style:{color:"var(--Quiet)"},children:["data-surface: ","dark"===o?"Surface-Dimmest":"Surface"]}),a.jsx(qt,{style:{color:"var(--Quiet)"},children:"bg: var(--Background)"}),a.jsx(qt,{style:{color:"var(--Quiet)"},children:"icon: var(--Text)"})]})]})})]})]})},exports.IconShowcase=function(){const[r,o]=e.useState("filled"),[i,s]=e.useState("default"),[l,d]=e.useState("medium"),[c,u]=e.useState("40"),[h,x]=e.useState(!1),[p,m]=e.useState("Home"),[g,f]=e.useState(""),[b,y]=e.useState({}),j=Qn[i]||"Default",S="twotone"===r,B="custom"===l?(parseInt(c,10)||40)+"px":{xs:"12px",small:"16px",medium:"24px",large:"36px"}[l]||"24px",k=function(e,t){return qn[e]?.[t]||qn[e]?.filled||v}(p,r),w=function(e){return{outlined:"Outlined",rounded:"Rounded",twotone:"TwoTone",sharp:"Sharp"}[e]||""}(r),C=p+w+"Icon",T=g.trim().length>0,A="<Icon>\n  <"+C+' />\n</Icon>\n{/* aria-hidden="true" by default */}',z='<Icon aria-label="'+(T?g.trim():p+" icon")+'">\n  <'+C+' />\n</Icon>\n{/* role="img" added automatically */}';return e.useEffect(()=>{y({background:Jr("--Background"),iconColor:Jr("--Icons-"+j),iconVariant:Jr("--Icons-Variant-"+j)})},[i,j]),a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Icon"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(t.Box,{sx:{p:4,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:200,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",gap:2},children:a.jsx(Oa,{color:i,size:l,fontSize:"custom"===l?parseInt(c,10)||40:void 0,disabled:h,twoTone:S,"aria-label":T?g.trim():void 0,children:a.jsx(k,{})})}),a.jsx(wo,{code:(()=>{const e=[];"default"!==i&&e.push('color="'+i+'"'),"custom"===l?(e.push('size="custom"'),e.push("fontSize={"+(parseInt(c,10)||40)+"}")):"medium"!==l&&e.push('size="'+l+'"'),S&&e.push("twoTone"),h&&e.push("disabled"),T&&e.push('aria-label="'+g.trim()+'"');const t=e.length?" "+e.join(" "):"";return"import "+C+" from '@mui/icons-material/"+p+(w||"")+"';\n\n<Icon"+t+">\n  <"+C+" />\n</Icon>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"Icon"})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ICON"}),a.jsx(t.Box,{component:"input",type:"text",value:p,onChange:e=>m(e.target.value),placeholder:"e.g. Home, Favorite, Delete",sx:{width:"100%",padding:"6px 10px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",boxSizing:"border-box","&:focus":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px",borderColor:"var(--Focus-Visible)"}}}),a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Enter a MUI icon name."," ",a.jsx(t.Box,{component:"a",href:"https://mui.com/material-ui/material-icons/",target:"_blank",rel:"noopener noreferrer",sx:{color:"var(--Text-Primary)",textDecoration:"underline","&:hover":{color:"var(--Header-Primary)"}},children:"Browse MUI Icons ↗"})]})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Gn.map(e=>a.jsx(Zn,{label:Un[e],selected:r===e,onClick:()=>o(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{spacing:1.5,children:Vn.map(e=>a.jsxs(t.Box,{children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>{const r=Qn[e],o=i===e;return a.jsx(t.Box,{component:"button",onClick:()=>s(e),"aria-label":"Select "+On(e),"aria-pressed":o,title:On(e),sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Icons-"+r+")",border:o?"2px solid var(--Text)":"1px solid var(--Border)",outline:o?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:o&&a.jsx(n,{sx:{fontSize:16,color:"var(--Background)",pointerEvents:"none"}})},e)})})]},e.label))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["small","medium","large","custom"].map(e=>a.jsx(Zn,{label:On(e),selected:l===e,onClick:()=>d(e)},e))}),"custom"===l&&a.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:1,mt:1.5},children:[a.jsx(t.Box,{component:"input",type:"number",value:c,onChange:e=>u(e.target.value),"aria-label":"Custom font size in pixels",sx:{width:72,padding:"4px 8px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",outline:"none","&:focus":{borderColor:"var(--Focus-Visible)"}}}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"px"})]})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ARIA LABEL"}),a.jsx(t.Box,{component:"input",type:"text",value:g,onChange:e=>f(e.target.value),placeholder:"Leave empty for decorative (aria-hidden)",sx:{width:"100%",padding:"6px 10px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",boxSizing:"border-box","&:focus":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px",borderColor:"var(--Focus-Visible)"}}}),a.jsx(ea,{style:{color:T?"var(--Tags-Success-Text)":"var(--Text-Quiet)",display:"block",marginTop:6},children:T?'✓ Meaningful — role="img" aria-label="'+g.trim()+'"':'Decorative — aria-hidden="true" (invisible to screen readers)'})]}),a.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Disabled"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Reduces opacity to 0.38"})]}),a.jsx(Eo,{checked:h,onChange:e=>x(e.target.checked),size:"small","aria-label":"Toggle disabled"})]})]})}),a.jsx(tn,{value:2,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(qt,{color:"quiet",style:{marginBottom:24},children:[Un[r]," / ",On(i)," / ","custom"===l?c+"px":l,T?" / meaningful":" / decorative"]}),a.jsxs(t.Stack,{spacing:3,children:[a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"Icon Contrast (WCAG 1.4.11 — 3:1)"}),a.jsx(qt,{color:"quiet",style:{marginBottom:16},children:"Non-text elements must contrast 3:1 against the page background."}),a.jsx(Yn,{label:"var(--Icons-"+j+") vs. var(--Background)",ratio:Zr(b.iconColor,b.background),threshold:3,note:C+" at "+B+" in "+On(i)+" color"}),S&&a.jsx(Yn,{label:"var(--Icons-Variant-"+j+") vs. var(--Background)",ratio:Zr(b.iconVariant,b.background),threshold:3,note:"Two-tone secondary fill — must also meet 3:1"})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsxs(t.Stack,{spacing:0,children:[a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)",backgroundColor:T?"var(--Tags-Success-BG, rgba(0,200,0,0.05))":"transparent",px:1,borderRadius:"4px"},children:[a.jsxs(qt,{style:{fontWeight:600},children:["Current icon — ",T?"meaningful ✓":"decorative"]}),a.jsx(t.Box,{component:"pre",sx:{fontFamily:"monospace",fontSize:"11px",color:"var(--Text-Quiet)",mt:.5,whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0},children:T?z:A})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Decorative (no aria-label):"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:'aria-hidden="true" is applied automatically. The icon is invisible to screen readers. Use this when the icon is purely visual — e.g. a decorative bullet or inline illustration.'}),a.jsx(t.Box,{component:"pre",sx:{fontFamily:"monospace",fontSize:"11px",color:"var(--Text-Quiet)",mt:.5,whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0},children:A})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:"Meaningful (with aria-label):"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:'role="img" is added automatically. The label is announced by screen readers. Use this when the icon conveys information that is not present in surrounding text.'}),a.jsx(t.Box,{component:"pre",sx:{fontFamily:"monospace",fontSize:"11px",color:"var(--Text-Quiet)",mt:.5,whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0},children:z})]}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:["Disabled state",h?" ← current":"",":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"Opacity 0.38 — visual cue only. To disable an action, disable the wrapping interactive element (button, link), not the icon itself."})]}),S&&a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:["Two-tone",S?" ← current":"",":"]}),a.jsxs(ea,{style:{color:"var(--Text-Quiet)"},children:["Secondary fill uses var(--Icons-Variant-",j,"). Both the primary and secondary fills must meet 3:1 contrast independently."]})]}),a.jsxs(t.Box,{sx:{py:1.5},children:[a.jsxs(qt,{children:["Touch target — ",B," icon","small"===l?" ⚠":" ✓",":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:"small"===l?"Small icons (20px) need a 24px minimum target area around them (WCAG 2.5.5). Wrap in a button with padding.":"Icon is "+B+" — meets 24px minimum. Ensure the wrapping interactive element also meets 24×24px."})]})]})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"Size Reference"}),a.jsx(t.Stack,{spacing:0,children:[{label:"Small",s:"small",px:"20px",note:"Inline text, compact UI"},{label:"Medium",s:"medium",px:"24px",note:"Standard UI — default"},{label:"Large",s:"large",px:"36px",note:"Emphasis, empty states, hero areas"},{label:"Custom",s:"custom",px:"any",note:"Ensure 24×24px minimum touch target (WCAG 2.5.5)"}].map(({label:e,s:r,px:o,note:n},i,s)=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:i<s.length-1?"1px solid var(--Border)":"none",display:"flex",justifyContent:"space-between",alignItems:"flex-start"},children:[a.jsxs(t.Box,{children:[a.jsxs(qt,{children:[e," — ",o]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:n})]}),l===r&&a.jsx(t.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:"var(--Tags-Success-BG)",color:"var(--Tags-Success-Text)"},children:"current"})]},e))})]})]})]})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"Icon"})})]})})})]})]})},exports.InfoTag=e=>a.jsx(Yl,{color:"info",...e}),exports.InfoToggleButtonGroup=jl,exports.InsetStack=({sx:e,...t})=>a.jsx(as,{sx:{px:2,...e},...t}),exports.Label=ra,exports.LabelExtraSmall=ta,exports.LabelLarge=e=>a.jsx(Lt,{textStyle:"label-large",...e}),exports.LabelSmall=aa,exports.Legal=e=>a.jsx(Lt,{textStyle:"legal",...e}),exports.LegalSemibold=e=>a.jsx(Lt,{textStyle:"legal-semibold",...e}),exports.LightTreeView=e=>a.jsx(du,{variant:"light",...e}),exports.LineChart=function({data:r=[],curve:o="smooth",gradient:n=!0,fromZero:i=!1,showGrid:s=!1,showLabels:l=!1,animate:d=!0,interactive:c=!0,height:u=200,strokeWidth:h=3,tension:x=0,label:p,className:m="",sx:g={},...f}){const b="lc-"+e.useId().replace(/:/g,""),v=ux(r),y=hx(r),{active:j,handlers:S}=Rx(v.length),[B,k]=e.useState(!d);e.useEffect(()=>{if(!d)return;const e=requestAnimationFrame(()=>k(!0));return()=>cancelAnimationFrame(e)},[d]);const w=320,C=l?22:8,T=Math.max(0,u-8-C),A=xx(v,{fromZero:i}),z=mx(v.length,0,w,{inset:h}),I=v.map((e,t)=>({x:z[t],y:px(e,A,8,T)})),R="straight"===o?fx(I):bx(I,{tension:x}),W=8+T;return a.jsxs(t.Box,{component:"figure",className:"line-chart "+m,sx:{display:"block",width:"100%",m:0,position:"relative",...g},...f,children:[a.jsxs("svg",{viewBox:`0 0 320 ${u}`,width:"100%",height:u,preserveAspectRatio:"none",focusable:"false","aria-hidden":"true",children:[n&&a.jsx("defs",{children:a.jsxs("linearGradient",{id:b,x1:"0",y1:"0",x2:"0",y2:"1",children:[a.jsx("stop",{offset:"0%",stopColor:kx.gradient,stopOpacity:"1"}),a.jsx("stop",{offset:"100%",stopColor:kx.gradient,stopOpacity:"0"})]})}),s&&Sx(A,4).map(e=>a.jsx("line",{x1:0,x2:w,y1:px(e,A,8,T),y2:px(e,A,8,T),stroke:kx.line,strokeWidth:"1"},e)),n&&I.length>1&&a.jsx("path",{d:vx(R,I,W),fill:`url(#${b})`,style:{opacity:B?1:0,transition:`opacity ${zx}`}}),I.length>1&&a.jsx("path",{d:R,fill:"none",stroke:kx.fill,strokeWidth:h,strokeLinecap:"round",strokeLinejoin:"round",pathLength:"1",style:{strokeDasharray:1,strokeDashoffset:B?0:1,transition:`stroke-dashoffset ${zx}`}}),1===I.length&&a.jsx("circle",{cx:I[0].x,cy:I[0].y,r:h,fill:kx.fill}),c&&j>=0&&a.jsxs(a.Fragment,{children:[a.jsx("line",{x1:z[j],x2:z[j],y1:8,y2:W,stroke:kx.line,strokeWidth:"1"}),a.jsx("circle",{cx:I[j].x,cy:I[j].y,r:h+1,fill:kx.fill,stroke:"var(--Background)",strokeWidth:"2"}),a.jsx(Fx,{x:I[j].x,y:I[j].y,text:v[j],width:w,tokens:kx})]}),l&&y.map((e,t)=>a.jsx("text",{x:z[t],y:u-6,textAnchor:"middle",fill:kx.quietLabel,...Cx,children:e},t))]}),c&&a.jsx(Wx,{count:v.length,width:w,centres:z,bandWidth:v.length?w/v.length:0,labels:y,values:v,handlers:S}),a.jsx(Ax,{caption:p||`Line chart, ${v.length} points`,labels:y,values:v})]})},exports.LinearGradient=e=>a.jsx(vc,{variant:"linear",...e}),exports.LinearLoader=function({value:e,label:r,sx:o={},...n}){return a.jsxs(t.Stack,{spacing:1,sx:{...o},...n,children:[r&&a.jsxs(t.Stack,{direction:"row",justifyContent:"space-between",children:[a.jsx(t.Typography,{variant:"body2",sx:{color:"var(--Text)",fontWeight:500},children:r}),void 0!==e&&a.jsxs(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:[e,"%"]})]}),a.jsx(t.LinearProgress,{variant:void 0!==e?"determinate":"indeterminate",value:e,sx:{backgroundColor:"var(--Border-Variant)","& .MuiLinearProgress-bar":{backgroundColor:"var(--Primary-Color-11)"},height:4,borderRadius:2}})]})},exports.LinearProgress=Wu,exports.LinearProgressShowcase=function(){const[r,o]=e.useState("default"),[n,i]=e.useState("medium"),[s,l]=e.useState(!1),[d,c]=e.useState(65),[u,h]=e.useState(null),[x,p]=e.useState("Surface");return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Linear Progress"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:u,surface:x,children:a.jsx(t.Box,{sx:{width:"100%",maxWidth:400},children:a.jsx(Wu,{color:r,size:n,value:s?d:void 0})})}),a.jsx(wo,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),s&&e.push("value={"+d+"}"),0===e.length?"<LinearProgress />":"<LinearProgress\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:u,onThemeChange:h,surface:x,onSurfaceChange:p})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"LinearProgress",theme:u,surface:x})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{spacing:1.5,children:Du.map(e=>a.jsxs(t.Box,{children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>a.jsx(Pu,{color:e,selected:r===e,onClick:o},e))})]},e.label))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>a.jsx(Lu,{label:Fu(e),selected:n===e,onClick:()=>i(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Determinate"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show a static bar at a specific value"})]}),a.jsx(Eo,{variant:"default-outline",checked:s,onChange:e=>l(e.target.checked),size:"small","aria-label":"Determinate"})]}),s&&a.jsx(t.Box,{sx:{mt:2},children:a.jsx(Bi,{label:"Value",min:0,max:100,value:d,onChange:(e,t)=>c(t),size:"small",valueLabelDisplay:"auto"})})]})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:3},children:a.jsx(t.Stack,{spacing:3,children:a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="progressbar"'},{label:"Determinate",value:'aria-valuenow, aria-valuemin="0", aria-valuemax="100"'},{label:"Indeterminate",value:'aria-label="Loading" (no value attributes)'},{label:"Track",value:"var(--Border-Variant)"},{label:"Fill",value:"var(--Buttons-{Color}-Border)"}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"LinearProgress"})})]})]})})]})]})},exports.Link=_n,exports.List=function({children:r,items:o,variant:n="default",color:i="primary",size:s="medium",orientation:l="vertical",dividers:d=!1,selectionMode:c="none",loading:u=!1,skeletonRows:h=3,empty:x,error:p,selectedIndices:m=[],onSelectionChange:g,clickable:f=!1,component:b="ul",className:v="",sx:y={},...j}){const S="horizontal"===l,B="checkbox"===c||"radio"===c,k="light"===n,w="default"===n,C={};("solid"===n||k)&&Mu[i]&&(C["data-theme"]=Mu[i],k&&(C["data-surface"]="Surface-Brightest"));const T=p?"error":u?"loading":o&&0===o.length&&x?"empty":null;return a.jsx(t.Box,{component:b,role:B?"listbox":"list","aria-busy":"loading"===T?"true":void 0,"aria-multiselectable":"checkbox"===c||void 0,...C,className:"list-container list-"+n+" list-"+i+" "+v,sx:{display:"flex",flexDirection:S?"row":"column",boxSizing:"border-box",alignItems:"stretch",gap:f?"var(--Sizing-1)":0,m:0,p:w?0:1,backgroundColor:w?"transparent":"var(--Background)",color:"var(--Text)",borderRadius:w?0:"var(--Style-Border-Radius)",width:"100%",listStyle:"none",...S?{"& > .list-item":{flex:"1 1 0",width:"auto"}}:{},...y},...j,children:(()=>{if("loading"===T)return a.jsx(t.Box,{component:"li",sx:{listStyle:"none"},children:a.jsx(xt,{label:"Loading",children:Array.from({length:h}).map((e,t)=>a.jsx(Vu,{size:s,variant:n,color:i,children:"        "},"sk-"+t))})});if("error"===T)return a.jsx(t.Box,{component:"li",sx:{listStyle:"none"},children:p});if("empty"===T)return a.jsx(t.Box,{component:"li",sx:{listStyle:"none"},children:x});if(o&&o.length>0){const e=[];return o.forEach((r,l)=>{e.push(a.jsx(Vu,{size:s,variant:n,color:i,startDecorator:r.startDecorator,endDecorator:r.endDecorator,startDecoratorIsButton:r.startDecoratorIsButton,endDecoratorIsButton:r.endDecoratorIsButton,onStartDecoratorAction:r.onStartDecoratorAction,onEndDecoratorAction:r.onEndDecoratorAction,startDecoratorAriaLabel:r.startDecoratorAriaLabel,endDecoratorAriaLabel:r.endDecoratorAriaLabel,eyebrow:r.eyebrow??r.overline,secondary:r.secondary,clickable:f||r.clickable,disabled:r.disabled,bottomBorder:r.bottomBorder,rightBorder:r.rightBorder,selected:B?m.includes(l):r.selected,selectionMode:c,onSelect:()=>(e=>{if(g)if("radio"===c)g([e]);else{const t=m.includes(e)?m.filter(t=>t!==e):[...m,e];g(t)}})(l),onClick:r.onClick,children:r.label||r.children},"item-"+l)),d&&l<o.length-1&&e.push(a.jsx(t.Box,{component:"li",role:"separator","aria-hidden":"true",sx:S?{width:"1px",alignSelf:"stretch",backgroundColor:"var(--Border)",flexShrink:0}:{height:"1px",backgroundColor:"var(--Border)"}},"div-"+l))}),e}if(r){const o=e.Children.toArray(r);if(!d)return o;const n=[];return o.forEach((e,r)=>{n.push(e),r<o.length-1&&n.push(a.jsx(t.Box,{component:"li",role:"separator","aria-hidden":"true",sx:S?{width:"1px",alignSelf:"stretch",backgroundColor:"var(--Border)",flexShrink:0}:{height:"1px",backgroundColor:"var(--Border)"}},"div-"+r))}),n}return null})()})},exports.ListItem=Vu,exports.ListItemDecorator=Qu,exports.Loader=Nu,exports.MainLayout=function({layout:r="side",navItems:o=[{label:"Home",icon:a.jsx(v,{}),path:"/"},{label:"About",icon:a.jsx(T,{}),path:"/about"},{label:"Settings",icon:a.jsx(j,{}),path:"/settings"},{label:"Help",icon:a.jsx(et,{}),path:"/help"}],title:n="My App",children:i,onLayoutChange:s,onNavigate:l,sx:d={},...c}){const u=t.useTheme(),h=t.useMediaQuery(u.breakpoints.down("md"));t.useMediaQuery(u.breakpoints.down("lg"));const[x,p]=e.useState(!1),[m,g]=e.useState(!1),f=h?"top":r,b=({compact:e=!1})=>a.jsx(t.List,{sx:{py:1},children:o.map((r,o)=>a.jsx(t.Tooltip,{title:e?r.label:"",placement:"right",children:a.jsxs(t.ListItemButton,{onClick:()=>{l?.(r),p(!1)},sx:{color:"var(--Text)",...Zh({muiPrefix:!0}),transition:"all 0.2s ease-in-out",justifyContent:e?"center":"flex-start",px:e?1:2},children:[a.jsx(t.ListItemIcon,{sx:{color:"var(--Icons-Primary)",minWidth:e?"auto":40,mr:e?0:1},children:r.icon}),!e&&a.jsx(t.ListItemText,{primary:r.label})]})},o))});return a.jsxs(t.Box,{sx:{minHeight:"100vh",backgroundColor:"var(--Background)",color:"var(--Text)",display:"flex",flexDirection:"column",...d},...c,children:[a.jsx(t.AppBar,{position:"static",sx:{backgroundColor:"var(--Header)",color:"var(--Text)",boxShadow:"0 1px 3px rgba(0,0,0,0.12)",borderBottom:"1px solid var(--Border-Variant)"},children:a.jsxs(t.Toolbar,{children:[h&&"rail"!==f&&a.jsx(Pr,{variant:"ghost",onClick:()=>p(!x),"aria-label":x?"Close navigation":"Open navigation",sx:{mr:2},children:x?a.jsx(Re,{}):a.jsx(Ie,{})}),a.jsx(t.Typography,{variant:"h6",sx:{flex:1,fontWeight:700},children:n}),!h&&s&&a.jsxs(t.ToggleButtonGroup,{value:r,exclusive:!0,onChange:(e,t)=>{t&&s(t)},size:"small",sx:{"& .MuiToggleButton-root":{color:"var(--Text)",border:"1px solid var(--Border)","&.Mui-selected":{backgroundColor:"var(--Button-Primary-Button)",color:"#fff",borderColor:"var(--Button-Primary-Button)"}}},children:[a.jsx(t.ToggleButton,{value:"side","aria-label":"side nav",children:"☰ Side"}),a.jsx(t.ToggleButton,{value:"rail","aria-label":"rail nav",children:"⫷ Rail"}),a.jsx(t.ToggleButton,{value:"side-rail","aria-label":"side-rail nav",children:"☰⫷ Both"})]})]})}),a.jsxs(t.Box,{sx:{display:"flex",flex:1},children:[("rail"===f||"side-rail"===f)&&!h&&a.jsx(t.Box,{sx:{width:80,backgroundColor:"var(--Container)",borderRight:"1px solid var(--Border-Variant)",display:"flex",flexDirection:"column",py:2},children:a.jsx(b,{compact:!0})}),("side"===f||"side-rail"===f)&&!h&&a.jsxs(t.Box,{sx:{width:m?80:280,backgroundColor:"var(--Container)",borderRight:"1px solid var(--Border-Variant)",transition:"width 0.3s ease-in-out",display:"flex",flexDirection:"column"},children:[a.jsxs(t.Box,{sx:{p:2,display:"flex",alignItems:"center",justifyContent:"space-between",borderBottom:"1px solid var(--Border-Variant)",minHeight:64},children:[!m&&a.jsx(t.Typography,{variant:"h6",sx:{fontWeight:700,color:"var(--Text)"},children:"Menu"}),a.jsx(Pr,{size:"small",variant:"ghost",onClick:()=>g(!m),"aria-label":m?"Expand navigation":"Collapse navigation",sx:{color:"var(--Icons-Primary)"},children:m?"›":"‹"})]}),a.jsx(b,{compact:m})]}),h&&a.jsxs(t.Drawer,{anchor:"left",open:x,onClose:()=>p(!1),sx:{"& .MuiDrawer-paper":{backgroundColor:"var(--Container)",width:280}},children:[a.jsx(t.Box,{sx:{p:2,borderBottom:"1px solid var(--Border-Variant)"},children:a.jsx(t.Typography,{variant:"h6",sx:{fontWeight:700},children:"Menu"})}),a.jsx(b,{compact:!1})]}),a.jsx(t.Box,{sx:{flex:1,overflow:"auto",backgroundColor:"var(--Background)"},children:a.jsx(t.Container,{maxWidth:"lg",sx:{py:4},children:i})})]})]})},exports.Menu=kd,exports.MenuButton=Bd,exports.MenuDivider=Cd,exports.MenuItem=wd,exports.MenuShowcase=function(){const[r,o]=e.useState("outline"),[n,i]=e.useState("default"),[s,l]=e.useState("medium"),[d,c]=e.useState(null),[u,h]=e.useState("Surface");return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Menu"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:d,surface:u,sx:{minHeight:250,alignItems:"flex-start",pt:6},children:a.jsxs(Sd,{variant:r,color:n,size:s,children:[a.jsx(Bd,{children:"Actions"}),a.jsxs(kd,{children:[a.jsx(wd,{children:"Edit"}),a.jsx(wd,{children:"Duplicate"}),a.jsx(wd,{selected:!0,children:"Archive"}),a.jsx(Cd,{}),a.jsx(wd,{disabled:!0,children:"Delete"})]})]})}),a.jsx(wo,{code:(()=>{const e=[];return"outline"!==r&&e.push('variant="'+r+'"'),"default"!==n&&e.push('color="'+n+'"'),"medium"!==s&&e.push('size="'+s+'"'),"<Dropdown "+e.join(" ")+">\n  <MenuButton>Actions</MenuButton>\n  <Menu>\n    <MenuItem>Edit</MenuItem>\n    <MenuItem>Duplicate</MenuItem>\n    <MenuDivider />\n    <MenuItem>Delete</MenuItem>\n  </Menu>\n</Dropdown>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:d,onThemeChange:c,surface:u,onSurfaceChange:h})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"Menu",theme:d,surface:u})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["outline","solid","light"].map(e=>a.jsx(zd,{label:Td(e),selected:r===e,onClick:()=>o(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{spacing:1.5,children:Ad.map(e=>a.jsxs(t.Box,{children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>a.jsx(Id,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>a.jsx(zd,{label:Td(e),selected:s===e,onClick:()=>l(e)},e))})]})]})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:3},children:a.jsx(t.Stack,{spacing:3,children:a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"Button",value:'aria-haspopup="true" aria-expanded aria-controls'},{label:"Menu",value:'role="menu" aria-labelledby={buttonId}'},{label:"Items",value:'role="menuitem" with tabIndex'},{label:"Selected",value:'aria-selected="true" on active item'},{label:"Disabled",value:'aria-disabled="true", not focusable'},{label:"Keyboard",value:"Arrow keys navigate. Enter/Space selects. Escape closes."},{label:"Focus",value:"First item focused on open. Focus returns to button on close."}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"Menu"})})]})]})})]})]})},exports.MeshCardGradient=e=>a.jsx(vc,{variant:"meshCard",...e}),exports.MeshGradient=e=>a.jsx(vc,{variant:"mesh",...e}),exports.MiniSwatch=function({color:e,className:r="",sx:o={},...n}){return a.jsx(t.Box,{className:`mini-swatch ${r}`.trim(),"aria-hidden":"true",sx:{width:"var(--Menu-Swatch, 20px)",height:"var(--Menu-Swatch, 20px)",flexShrink:0,borderRadius:"var(--Sizing-Half, 4px)",backgroundColor:e,...o},...n})},exports.MobileAppBar=_u,exports.Modal=function({open:r,onClose:o,children:n,title:i,variant:s="default",color:l="primary",size:d="medium",layout:c="center",transition:u="fade",transitionSpeed:h=250,closeOnBackdrop:x=!0,showCloseButton:p=!0,className:m="",sx:g={},...f}){const b=e.useRef(null),v=e.useRef(null),[y,j]=e.useState(!1);let S;try{S=Fc()}catch{S=null}const B=S?.style||"Modern",k="soft"===s,w="solid"===s,C="fullscreen"===c,T=w||k?Gc[l]:null,A=Uc[s]||Uc.default,z=qc[d]||qc.medium,I=Xc[u],R=I?I.name:void 0,W=h+"ms";return e.useEffect(()=>(r?(v.current=document.activeElement,j(!0),requestAnimationFrame(()=>{b.current?.focus()}),document.body.style.overflow="hidden"):(j(!1),document.body.style.overflow="",v.current?.focus()),()=>{document.body.style.overflow=""}),[r]),e.useEffect(()=>{if(!r)return;const e=e=>{"Escape"===e.key&&o?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[r,o]),r||y?a.jsxs(a.Fragment,{children:["none"!==u&&a.jsx("style",{children:Yc(u)}),a.jsx(t.Box,{"aria-hidden":"true",onClick:x?o:void 0,sx:{position:"fixed",inset:0,zIndex:1e7,backgroundColor:"rgba(0,0,0,0.5)",...R&&{animation:R+"-backdrop "+W+" ease-out forwards"}}}),a.jsxs(t.Box,{role:"dialog","aria-modal":"true","aria-label":i||"Modal",ref:b,tabIndex:-1,"data-surface":A,"data-theme":T||void 0,"data-style":B,className:"modal modal-"+s+" modal-"+d+" modal-"+c+(k||w?" modal-"+l:"")+(m?" "+m:""),sx:{position:"fixed",zIndex:10000001,outline:"none",fontFamily:"inherit",...C?{inset:0,borderRadius:0}:{top:"50%",left:"50%",transform:"translate(-50%, -50%)",maxWidth:z.maxWidth+"px",width:"calc(100% - 32px)",maxHeight:"calc(100vh - 64px)",borderRadius:"var(--Modal-Radius, var(--Style-Border-Radius))"},backgroundColor:"var(--Background)",color:"var(--Text)",boxShadow:"0 8px 32px rgba(0,0,0,0.24)",display:"flex",flexDirection:"column",overflow:"hidden",...R&&{animation:R+" "+W+" ease-out forwards"},...g},...f,children:[(i||p)&&a.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",px:C?4:z.padding,pt:C?3:z.padding,pb:0,flexShrink:0},children:[i&&a.jsx(t.Box,{sx:{fontSize:"small"===d?"18px":"large"===d?"24px":"20px",fontWeight:700,color:"var(--Text)",flex:1},children:i}),p&&a.jsx(t.Box,{component:"button",type:"button","aria-label":"Close modal",onClick:o,sx:{display:"flex",alignItems:"center",justifyContent:"center",width:32,height:32,borderRadius:"50%",border:"none",backgroundColor:"transparent",color:"var(--Text-Quiet)",cursor:"pointer",flexShrink:0,ml:1,transition:"background-color 0.15s ease, color 0.15s ease","&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)"},"&:active":{backgroundColor:"var(--Pressed)",color:"var(--Text)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},children:a.jsx(Re,{sx:{fontSize:20}})})]}),a.jsx(t.Box,{sx:{flex:1,overflowY:"auto",px:C?4:z.padding,pt:C?3:"16px",pb:C?3:z.padding,color:"var(--Text)",fontSize:"small"===d?"13px":"14px",lineHeight:1.6},children:n})]})]}):null},exports.NeutralTag=e=>a.jsx(Yl,{color:"neutral",...e}),exports.NeutralToggleButtonGroup=vl,exports.NumberField=il,exports.NumberFieldShowcase=function(){const[r,o]=e.useState("outlined"),[n,i]=e.useState("outline"),[s,l]=e.useState("default"),[d,c]=e.useState("medium"),[u,h]=e.useState("top"),[x,p]=e.useState(!0),[m,g]=e.useState(!1),[f,b]=e.useState(!1),[v,y]=e.useState(null),[j,S]=e.useState("Surface");return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Number Field"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:v,surface:j,children:a.jsx(t.Box,{sx:{width:"100%",maxWidth:"outlined"===r?300:"auto"},children:a.jsx(il,{variant:r,style:n,color:s,size:d,label:x?"Quantity":void 0,labelPosition:u,min:0,max:100,disabled:m,fullWidth:f&&"outlined"===r})})}),a.jsx(wo,{code:(()=>{const e=['variant="'+r+'"'];return"outline"!==n&&e.push('style="'+n+'"'),"default"!==s&&e.push('color="'+s+'"'),"medium"!==d&&e.push('size="'+d+'"'),x&&e.push('label="Quantity"'),"top"!==u&&e.push('labelPosition="'+u+'"'),e.push("min={0}"),e.push("max={100}"),m&&e.push("disabled"),f&&"outlined"===r&&e.push("fullWidth"),e.push("value={value}"),e.push("onChange={setValue}"),"<NumberField\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"NumberField",theme:v,surface:j})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"VARIANT"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["outlined","spinner"].map(e=>a.jsx(dl,{label:sl(e),selected:r===e,onClick:()=>o(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["outline","light"].map(e=>a.jsx(dl,{label:sl(e),selected:n===e,onClick:()=>i(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{spacing:1.5,children:ll.map(e=>a.jsxs(t.Box,{children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>a.jsx(cl,{color:e,selected:s===e,onClick:l},e))})]},e.label))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>a.jsx(dl,{label:sl(e),selected:d===e,onClick:()=>c(e)},e))})]}),"outlined"===r&&a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["top","floating","none"].map(e=>a.jsx(dl,{label:"none"===e?"None":sl(e),selected:u===e,onClick:()=>h(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Show Label"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Text label above field"})]}),a.jsx(Eo,{variant:"default-outline",checked:x,onChange:e=>p(e.target.checked),size:"small","aria-label":"Show label"})]}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Disabled"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),a.jsx(Eo,{variant:"default-outline",checked:m,onChange:e=>g(e.target.checked),size:"small","aria-label":"Disabled"})]}),"outlined"===r&&a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Full Width"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container"})]}),a.jsx(Eo,{variant:"default-outline",checked:f,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:3},children:a.jsx(t.Stack,{spacing:3,children:a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="spinbutton" with aria-valuenow, aria-valuemin, aria-valuemax'},{label:"Label",value:"aria-label from label prop. Always provide a label."},{label:"Keyboard",value:"ArrowUp/Down increment/decrement. Direct text entry supported."},{label:"Steppers",value:'aria-label="Increase" / "Decrease" on stepper buttons'},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px"},{label:"Disabled",value:"HTML disabled. Steppers also disabled at min/max bounds."}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"NumberField"})})]})]})})]})]})},exports.NumberLarge=pa,exports.NumberMedium=xa,exports.NumberSmall=ha,exports.NumberTextField=function({label:e="Number",...t}){return a.jsx(wl,{label:e,type:"number",...t})},exports.OmniDesignProvider=function({themeURL:t,foundationCSS:r,coreCSS:o,typographyCSS:n,lightModeCSS:i,darkModeCSS:s,baseCSS:l,stylesCSS:d,defaultTheme:c="Default",defaultStyle:u="Modern",defaultSurface:h="Surface",surfaceStyle:x,defaultDarkMode:p=!1,darkTheme:m="Neutral",darkMode:g,onDarkModeChange:f,className:b,style:v,fullHeight:y=!0,children:j}){const[S,B]=e.useState(p),k=void 0!==g,w=k?g:S,[C,T]=e.useState({foundation:r??null,core:o??null,typography:n??null,lightMode:i??null,darkMode:s??null,base:l??null,styles:d??null}),[A,z]=e.useState({}),I=e.useRef(!0);e.useEffect(()=>(I.current=!0,()=>{I.current=!1}),[]),e.useEffect(()=>{t&&(V("loading"),async function(e){const t=/\.json(\?|$)/.test(e)?e:`${e.replace(/\/$/,"")}/theme.json`,a=e.replace(/\/$/,"").replace(/\/theme\.json(\?.*)?$/,""),r=await fetch(t);if(!r.ok)throw new Error(`OmniDesignProvider: could not load theme manifest from ${t} (${r.status})`);const o=await r.json(),n=e=>e?/^https?:\/\//i.test(e)?e:`${a}/${e}`:null;return{foundationURL:n(o.foundation),coreURL:n(o.core),typographyURL:n(o.typography),lightModeURL:n(o.lightMode),darkModeURL:n(o.darkMode),baseURL:n(o.base),stylesURL:n(o.styles),defaultTheme:o.defaultTheme??null,defaultStyle:o.defaultStyle??null,defaultSurface:o.defaultSurface??null,darkTheme:o.darkTheme??null,name:o.name??null}}(t).then(e=>{I.current&&(T({foundation:r??e.foundationURL,core:o??e.coreURL,typography:n??e.typographyURL,lightMode:i??e.lightModeURL,darkMode:s??e.darkModeURL,base:l??e.baseURL,styles:d??e.stylesURL}),z({defaultTheme:e.defaultTheme,defaultStyle:e.defaultStyle,defaultSurface:e.defaultSurface,darkTheme:e.darkTheme,name:e.name}))}).catch(e=>{I.current&&(console.error("OmniDesignProvider: manifest error:",e),U(e.message),V("error"))}))},[t]);const R=x?kc[x]?.theme??c:"Default"!==c?c:A.defaultTheme??c,W=x?kc[x]?.rootSurface??h:A.defaultSurface??h,F=A.defaultStyle??u,D="Neutral"!==m?m:A.darkTheme??m,[L,P]=e.useState(R),[H,N]=e.useState(F),[E,M]=e.useState(W),O=!!(t||r||o||n||i||s||l||d),[Q,V]=e.useState(O?"loading":"ready"),[G,U]=e.useState(null);e.useEffect(()=>{const{foundation:e,core:t,typography:a,base:r,styles:o}=C;if(e||t||a||r||o)return V("loading"),U(null),Promise.all([Wc(wc,e),Wc(Cc,t),Wc(Tc,a).catch(e=>{console.warn("OmniDesignProvider: typography CSS did not load —",e.message)}),Wc(zc,r),Wc(Ic,o)]).then(()=>{I.current&&V("ready")}).catch(e=>{I.current&&(console.error("OmniDesignProvider CSS error:",e),U(e.message),V("error"))}),()=>{Rc(wc),Rc(Cc),Rc(Tc),Rc(zc),Rc(Ic)};V("ready")},[C.foundation,C.core,C.typography,C.base,C.styles]),e.useEffect(()=>{const e=w?C.darkMode:C.lightMode;e&&Wc(Ac,e,zc).catch(e=>console.error("OmniDesignProvider mode CSS error:",e))},[w,C.lightMode,C.darkMode]),e.useEffect(()=>()=>Rc(Ac),[]);const q=w?D:L,X=e.useCallback(()=>{k?f?.(!w):B(e=>!e)},[k,w,f]),Y=e.useCallback(e=>{jc.includes(e)||console.warn(`OmniDesignProvider: unknown theme "${e}"`),P(e)},[]),Z=e.useCallback(e=>{Sc.includes(e)||console.warn(`OmniDesignProvider: unknown style "${e}"`),N(e)},[]),J=e.useCallback(e=>{Bc.includes(e)||console.warn(`OmniDesignProvider: unknown surface "${e}"`),M(e)},[]),$=e.useMemo(()=>({theme:q,style:H,surface:E,isDark:w,cssStatus:Q,cssError:G,setTheme:Y,setStyle:Z,setSurface:J,toggleDarkMode:X,themes:jc,styles:Sc,surfaces:Bc,name:A.name??null}),[q,H,E,w,Q,G,Y,Z,J,X,A.name]);return a.jsxs(yc.Provider,{value:$,children:[a.jsx("style",{"data-omni":"hide-during-load",children:'[data-omni-css="loading"]{visibility:hidden}'}),a.jsx("div",{"data-theme":q,"data-style":H,"data-surface":E,"data-omni-css":Q,className:b,style:{...y?{minHeight:"100vh"}:{},...v},children:j})]})},exports.OmniStack=as,exports.OmniTreeView=du,exports.OverlayLoader=function({isLoading:e=!1,message:r="Loading...",children:o,sx:n={},...i}){return a.jsxs(t.Box,{sx:{position:"relative",...n},...i,children:[o,e&&a.jsx(t.Box,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.3)",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"inherit",zIndex:1e3,backdropFilter:"blur(4px)"},children:a.jsx(Nu,{size:40,message:r})})]})},exports.Overline=da,exports.OverlineLarge=ua,exports.OverlineMedium=ca,exports.OverlineSmall=la,exports.PageLoader=function({message:e="Loading page...",size:r=60,sx:o={},...n}){return a.jsx(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",minHeight:"100vh",backgroundColor:"var(--Background)",...o},...n,children:a.jsx(Nu,{size:r,message:e})})},exports.Pagination=Li,exports.PaginationShowcase=function(){const[r,o]=e.useState("default"),[n,i]=e.useState("medium"),[s,l]=e.useState(10),[d,c]=e.useState(!1),[u,h]=e.useState(!1),[x,p]=e.useState(!1),[m,g]=e.useState(null),[f,b]=e.useState("Surface");return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Pagination"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:m,surface:f,children:a.jsx(Li,{color:r,size:n,count:s,showFirstButton:d,showLastButton:u,disabled:x})}),a.jsx(wo,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),10!==s&&e.push("count={"+s+"}"),d&&e.push("showFirstButton"),u&&e.push("showLastButton"),x&&e.push("disabled"),e.push("onChange={handlePageChange}"),1===e.length?"<Pagination onChange={handlePageChange} />":"<Pagination\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:m,onThemeChange:g,surface:f,onSurfaceChange:b})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"Pagination",theme:m,surface:f})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{spacing:1.5,children:Hi.map(e=>a.jsxs(t.Box,{children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>a.jsx(Ei,{color:e,selected:r===e,onClick:o},e))})]},e.label))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>a.jsx(Ni,{label:Pi(e),selected:n===e,onClick:()=>i(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PAGES"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:[5,10,20,50].map(e=>a.jsx(Ni,{label:String(e),selected:s===e,onClick:()=>l(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"First/Last Buttons"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show jump to first/last page"})]}),a.jsx(Eo,{variant:"default-outline",checked:d,onChange:e=>{c(e.target.checked),h(e.target.checked)},size:"small","aria-label":"First/last buttons"})]}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Disabled"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),a.jsx(Eo,{variant:"default-outline",checked:x,onChange:e=>p(e.target.checked),size:"small","aria-label":"Disabled"})]})]})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:3},children:a.jsx(t.Stack,{spacing:3,children:a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"Nav",value:'<nav aria-label="Pagination">'},{label:"List",value:"<ol> with <li> for each button"},{label:"Current",value:'aria-current="page" on selected page'},{label:"Labels",value:'aria-label="Page N", "Go to previous/next/first/last page"'},{label:"Keyboard",value:"Tab navigates between buttons"},{label:"Focus",value:"Uses Button component focus styles"}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"Pagination"})})]})]})})]})]})},exports.Paper=function({children:e,surface:r="Container",outlined:o=!1,variant:n=(o?"outlined":"elevation"),sx:i={},...s}){const{dataSurface:l,elevation:d}=function(e="Container"){const t={"Container-Lowest":{elevation:0,zIndex:0},"Container-Low":{elevation:1,zIndex:100},Container:{elevation:4,zIndex:200},"Container-High":{elevation:8,zIndex:300},"Container-Highest":{elevation:12,zIndex:400}},a=t[e]||t.Container;return{dataSurface:e,elevation:a.elevation,zIndex:a.zIndex}}(r);return a.jsx(t.Paper,{variant:n,elevation:o?0:d,"data-surface":l,sx:{padding:2,borderRadius:"8px",transition:"all 0.2s ease-in-out",...i},...s,children:e})},exports.PasswordTextField=function({label:e="Password",...t}){return a.jsx(wl,{label:e,type:"password",...t})},exports.PhoneTextField=function({label:e="Phone",placeholder:t="(555) 123-4567",...r}){return a.jsx(wl,{label:e,type:"tel",placeholder:t,...r})},exports.PieChart=function({data:r=[],donut:o=!1,donutRatio:n=.6,colors:i=wx,separatorWidth:s=2,size:l=200,showLabels:d=!1,animate:c=!0,interactive:u=!0,label:h,className:x="",sx:p={},...m}){const g=ux(r),f=hx(r),{slices:b,total:v,dropped:y}=jx(g),{active:j,handlers:S}=Rx(g.length),[B,k]=e.useState(!c);e.useEffect(()=>{if(!c)return;const e=requestAnimationFrame(()=>k(!0));return()=>cancelAnimationFrame(e)},[c]);const w=l/2,C=l/2,T=l/2-1,A=o?T*n:0,z=e=>{return{fill:`var(--Icons-${t=i[e%i.length]})`,onFill:`var(--Icons-On-${t})`};var t};return a.jsxs(t.Box,{component:"figure",className:"pie-chart "+x,sx:{display:"block",m:0,position:"relative",...p},...m,children:[a.jsxs("svg",{viewBox:`0 0 ${l} ${l}`,width:l,height:l,focusable:"false","aria-hidden":"true",children:[b.map((e,t)=>{const r=(e.start+e.end)/2,o=u&&j===t?4:0;return a.jsx("path",{d:yx(w,C,A,T,e.start,e.end),fill:z(t).fill,stroke:"var(--Background)",strokeWidth:s,strokeLinejoin:"round",...u?S(t):{},style:{transform:`translate(${o*Math.sin(r)}px, ${-o*Math.cos(r)}px) scale(${B?1:0})`,transformOrigin:`${w}px ${C}px`,transformBox:"view-box",transition:`transform ${B?Ix:zx}`}},t)}),d&&b.map((e,t)=>{const r=(e.start+e.end)/2,o=A+.62*(T-A);return e.fraction<.07?null:a.jsx("text",{x:w+o*Math.sin(r),y:C-o*Math.cos(r),textAnchor:"middle",dominantBaseline:"middle",fill:z(t).onFill,...Cx,children:f[t]},t)})]}),a.jsx(Ax,{caption:(h||`${o?"Donut":"Pie"} chart, ${b.length} segments`)+(y?`, ${y} non-positive values omitted`:""),labels:f,values:g})]})},exports.Popover=function({open:r=!1,onClose:o,anchorRef:n,placement:i="bottom-end",theme:s="Default",surface:l="Surface-Bright",width:d=320,maxHeight:c=400,children:u,sx:h={}}){const x=e.useRef(null),[p,m]=e.useState({top:0,left:0,right:"auto"});return e.useEffect(()=>{if(!r||!n?.current)return;const e=n.current.getBoundingClientRect();m("bottom-end"===i?{top:e.bottom+6,right:window.innerWidth-e.right,left:"auto"}:{top:e.bottom+6,left:e.left,right:"auto"})},[r,n,i]),e.useEffect(()=>{if(!r)return;const e=e=>{x.current?.contains(e.target)||n?.current?.contains(e.target)||o?.()};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[r,o,n]),e.useEffect(()=>{if(!r)return;const e=e=>{"Escape"===e.key&&o?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[r,o]),r?g.createPortal(a.jsx(t.Box,{ref:x,"data-theme":s,"data-surface":l,sx:{position:"fixed",top:p.top,left:p.left,right:p.right,zIndex:2e9,width:d,maxHeight:c,overflowY:"auto",backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",boxShadow:cr,...h},children:u}),document.body):null},exports.PrimaryTag=e=>a.jsx(Yl,{color:"primary",...e}),exports.PrimaryToggleButtonGroup=gl,exports.RATIO_NAMES=nd,exports.RadialGradient=e=>a.jsx(vc,{variant:"radial",...e}),exports.Radio=bi,exports.RadioGroup=vi,exports.RadioInput=yi,exports.Rail=Zs,exports.RailShowcase=function(){const[r,o]=e.useState(!0),[n,i]=e.useState("partial"),[s,l]=e.useState(!1),[d,c]=e.useState(null),[u,h]=e.useState("Surface");return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Rail"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsxs(an,{theme:d,surface:u,sx:{minHeight:400,alignItems:"stretch",p:0},children:[a.jsx(Zs,{items:Ks,expandable:r,expandedWidth:n,fabAction:s?{icon:a.jsx(ye,{}),label:"Create",onClick:()=>{}}:void 0}),a.jsx(t.Box,{sx:{flex:1,p:3},children:a.jsx(qt,{style:{color:"var(--Quiet)"},children:"Main content area"})})]}),a.jsx(wo,{code:(()=>{const e=["items={items}"];return r&&(e.push("expandable"),"partial"!==n&&e.push('expandedWidth="full"')),s&&e.push('fabAction={{ icon: <AddIcon />, label: "Create", onClick: handleCreate }}'),e.push("value={activeIndex}"),e.push("onChange={setActiveIndex}"),"<Rail\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:d,onThemeChange:c,surface:u,onSurfaceChange:h})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"Rail",theme:d,surface:u})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"EXPANDED WIDTH"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["partial","full"].map(e=>{return a.jsx(_s,{label:(t=e,t?t.charAt(0).toUpperCase()+t.slice(1):""),selected:n===e,onClick:()=>i(e)},e);var t})})]}),a.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Expandable"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Toggle between collapsed and expanded"})]}),a.jsx(Eo,{variant:"default-outline",checked:r,onChange:e=>o(e.target.checked),size:"small","aria-label":"Expandable"})]}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"FAB Action"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show create button at top"})]}),a.jsx(Eo,{variant:"default-outline",checked:s,onChange:e=>l(e.target.checked),size:"small","aria-label":"FAB action"})]})]})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:3},children:a.jsx(t.Stack,{spacing:3,children:a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"Nav",value:'<nav role="navigation" aria-label="Navigation rail">'},{label:"Items",value:'role="tab" aria-selected on each item'},{label:"TabList",value:'role="tablist" aria-orientation="vertical"'},{label:"Toggle",value:'aria-label="Expand/Collapse menu"'},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: -3px"},{label:"Badge",value:"Visual only — announced via aria-label on parent item"}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"Rail"})})]})]})})]})]})},exports.RangeSlider=wi,exports.Rating=Ai,exports.RatingInput=Ai,exports.Ratio=dd,exports.RatioShowcase=function(){const[r,o]=e.useState("1:1"),[n,i]=e.useState("solid"),[s,l]=e.useState("primary"),[d,c]=e.useState("none"),[u,h]=e.useState(!1),[x,p]=e.useState(!1),[m,g]=e.useState(null),[f,b]=e.useState("Surface");return a.jsxs(ed,{sx:{pb:8},children:[a.jsx(Ht,{children:"Ratio"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:m,surface:f,children:a.jsx(ed,{sx:{width:"100%",maxWidth:480},children:a.jsx(dd,{ratio:r,variant:n,color:s,padding:d,elevated:u,clickable:x})})}),a.jsx(wo,{code:(()=>{const e=['ratio="'+r+'"'];return"default"!==n&&e.push('variant="'+n+'"'),"default"!==s&&e.push('color="'+s+'"'),"none"!==d&&e.push('padding="'+d+'"'),u&&e.push("elevated"),x&&e.push("clickable onClick={handleClick}"),"<Ratio "+e.join(" ")+">\n  {/* your content */}\n</Ratio>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsx(ed,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Reference"})]}),a.jsx(tn,{value:0,children:a.jsxs(ed,{sx:{p:3},children:[a.jsx(ed,{sx:{mb:3},children:a.jsx(un,{theme:m,onThemeChange:g,surface:f,onSurfaceChange:b})}),a.jsxs(ed,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"VARIANT"}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:hd.map(e=>a.jsx(pd,{label:cd(e),selected:n===e,onClick:()=>i(e)},e))})]}),a.jsxs(ed,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{spacing:1.5,children:ud.map(e=>a.jsxs(ed,{children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>a.jsx(md,{color:e,selected:s===e,onClick:l,variant:"default"===n?"solid":n},e))})]},e.label))})]}),a.jsxs(ed,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PADDING"}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:xd.map(e=>a.jsx(pd,{label:"none"===e?"None":e.toUpperCase(),selected:d===e,onClick:()=>c(e)},e))})]}),a.jsxs(ed,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"RATIO"}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:nd.map(e=>a.jsx(pd,{label:e,selected:r===e,onClick:()=>o(e)},e))})]}),a.jsxs(ed,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(ed,{children:[a.jsx(ra,{children:"Elevated"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Bumps the shadow up one level"})]}),a.jsx(Eo,{checked:u,onChange:e=>h(e.target.checked),size:"small","aria-label":"Elevated"})]}),a.jsxs(ed,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(ed,{children:[a.jsx(ra,{children:"Clickable"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Adds hover, press, and focus-visible"})]}),a.jsx(Eo,{checked:x,onChange:e=>p(e.target.checked),size:"small","aria-label":"Clickable"})]})]})}),a.jsx(tn,{value:1,children:a.jsx(ed,{sx:{p:3},children:a.jsxs(t.Stack,{spacing:3,children:[a.jsxs(ed,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"Common use cases"}),a.jsx(t.Stack,{spacing:0,children:[{label:"1:1",value:"Square thumbnails, avatars, product tiles"},{label:"16:9",value:"Video, hero images, modern displays"},{label:"4:3",value:"Classic photo, presentation slides"},{label:"3:2",value:"DSLR photography, print frames"},{label:"21:9",value:"Cinematic ultrawide"},{label:"9:16 / 4:5 / 5:7",value:"Portrait social media (Stories, Reels, prints)"},{label:"16:10",value:"Laptop / monitor displays"},{label:"Golden-Horizontal",value:"φ : 1 — design framing for cards, hero blocks"},{label:"Golden-Vertical",value:"1 : φ — vertical posters, sidebars"}].map(({label:e,value:t})=>a.jsxs(ed,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{children:e}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:t})]},e))})]}),a.jsxs(Yt,{color:"quiet",children:["Built on native CSS ",a.jsx("code",{children:"aspect-ratio"}),". The themed shell mirrors Box — pick a variant + color to paint the frame, or keep ",a.jsx("code",{children:'variant="default"'}),"for a borderless ratio container."]})]})})})]})})})]})]})},exports.ResponsiveStack=({breakpoint:e="sm",...t})=>a.jsx(as,{direction:{xs:"column",[e]:"row"},...t}),exports.ScrollStack=({sx:e,...t})=>a.jsx(as,{sx:{overflowY:"auto",...e},...t}),exports.SearchField=Ol,exports.SearchFieldShowcase=function(){const[r,o]=e.useState("default"),[n,i]=e.useState("medium"),[s,l]=e.useState(!1),[d,c]=e.useState(!0),[u,h]=e.useState(null),[x,p]=e.useState("Surface");return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Search Field"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:u,surface:x,children:a.jsx(t.Box,{sx:{width:"100%",maxWidth:400},children:a.jsx(Ol,{color:r,size:n,disabled:s,showClearButton:d,placeholder:"Search..."})})}),a.jsx(wo,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),d||e.push("showClearButton={false}"),s&&e.push("disabled"),e.push('placeholder="Search..."'),e.push("onChange={handleSearch}"),"<SearchField\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:u,onThemeChange:h,surface:x,onSurfaceChange:p})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"SearchField",theme:u,surface:x})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{spacing:1.5,children:Vl.map(e=>a.jsxs(t.Box,{children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>a.jsx(Ul,{color:e,selected:r===e,onClick:o},e))})]},e.label))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>a.jsx(Gl,{label:Ql(e),selected:n===e,onClick:()=>i(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Clear Button"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show clear when has value"})]}),a.jsx(Eo,{variant:"default-outline",checked:d,onChange:e=>c(e.target.checked),size:"small","aria-label":"Clear button"})]}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Disabled"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),a.jsx(Eo,{variant:"default-outline",checked:s,onChange:e=>l(e.target.checked),size:"small","aria-label":"Disabled"})]})]})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:3},children:a.jsx(t.Stack,{spacing:3,children:a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="searchbox" on the input element'},{label:"Label",value:'aria-label="Search" (configurable via ariaLabel prop)'},{label:"Clear",value:'aria-label="Clear search" on clear button'},{label:"Keyboard",value:"Enter submits, Escape clears"},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px"}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"SearchField"})})]})]})})]})]})},exports.SearchTextField=function({label:e="Search",placeholder:t="Type to search...",...r}){return a.jsx(wl,{label:e,type:"search",placeholder:t,...r})},exports.SecondaryTag=e=>a.jsx(Yl,{color:"secondary",...e}),exports.SecondaryToggleButtonGroup=fl,exports.Section=od,exports.SectionShowcase=function(){return a.jsxs("div",{children:[a.jsx(Ht,{style:{marginBottom:12},children:"Section"}),a.jsxs(Yt,{color:"quiet",style:{marginBottom:32,maxWidth:720},children:[a.jsx("code",{children:"<Section>"})," bundles ",a.jsx("code",{children:"data-theme"})," +"," ",a.jsx("code",{children:"data-surface"})," + background paint into one component. Use anywhere you'd otherwise reach for"," ",a.jsx("code",{children:"<section data-theme data-surface style={{ background: var(--Background) }}>"}),". For wrapping without painting (e.g. AppBar's themed zone), use"," ",a.jsx("code",{children:"<ThemedZone>"}),"."]}),a.jsx(Ht,{style:{marginTop:24,marginBottom:12},children:"Theme + surface"}),a.jsx(qt,{color:"quiet",style:{marginBottom:16,display:"block"},children:'Sets data-theme="Primary" + data-surface="Surface", paints --Background.'}),a.jsxs(od,{theme:"Primary",surface:"Surface",padding:"32px",style:{borderRadius:8},children:[a.jsx(Ht,{children:"Primary-Light surface"}),a.jsx(Yt,{children:"Body text picks up --Text automatically."}),a.jsx(qt,{color:"quiet",children:"Quiet text picks up --Text-Quiet."}),a.jsx("div",{style:{marginTop:12},children:a.jsx(Lr,{variant:"primary",children:"Primary button"})})]}),a.jsx(Ht,{style:{marginTop:32,marginBottom:12},children:"Container surface"}),a.jsxs(od,{surface:"Container",padding:"32px",style:{borderRadius:8},children:[a.jsx(Ht,{children:"Container surface (inherits theme)"}),a.jsx(Yt,{children:"Useful for card-like regions."})]}),a.jsx(Ht,{style:{marginTop:32,marginBottom:12},children:"Different element"}),a.jsxs(qt,{color:"quiet",style:{marginBottom:16,display:"block"},children:["Pass ",a.jsx("code",{children:'as="article"'}),", ",a.jsx("code",{children:'as="footer"'}),", etc."]}),a.jsxs(od,{as:"article",theme:"Neutral",surface:"Surface-Dimmest",padding:"32px",style:{borderRadius:8},children:[a.jsx(Ht,{children:"Neutral / Surface-Dimmest article"}),a.jsx(Yt,{children:"Renders as an <article> element."})]})]})},exports.Select=sn,exports.SelectShowcase=function(){const[r,o]=e.useState("outline"),[n,i]=e.useState("default"),[s,l]=e.useState("medium"),[d,c]=e.useState("top"),[u,h]=e.useState("Fruit"),[x,p]=e.useState(!1),[m,g]=e.useState(!1),[f,b]=e.useState(!0),[v,y]=e.useState(!1),[j,S]=e.useState("Search"),[B,k]=e.useState(""),[w,C]=e.useState(null),[T,A]=e.useState("Surface"),[z,I]=e.useState(!1),[R,W]=e.useState(!0);return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Select"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:w,surface:T,children:a.jsx(t.Box,{sx:{width:"100%",maxWidth:360},children:a.jsx(sn,{variant:r,color:n,size:s,label:u,labelPosition:d,mode:z?"color":void 0,showColorLabels:z?R:void 0,options:z?zl:Al,value:B,onChange:k,showDividers:x,disabled:m,fullWidth:f,startDecoration:v?(()=>{const e=dt[j]||dt.Search;return a.jsx(Oa,{size:"small",children:a.jsx(e,{})})})():void 0})})}),a.jsx(wo,{code:(()=>{const e=[];return"outline"!==r&&e.push('variant="'+r+'"'),"default"!==n&&e.push('color="'+n+'"'),"medium"!==s&&e.push('size="'+s+'"'),u&&e.push('label="'+u+'"'),"top"!==d&&e.push('labelPosition="'+d+'"'),z&&e.push('mode="color"'),z&&!R&&e.push("showColorLabels={false}"),x&&e.push("showDividers"),m&&e.push("disabled"),f&&e.push("fullWidth"),v&&e.push("startDecoration={<Icon><"+j+"Icon /></Icon>}"),e.push("options={options}"),e.push("value={value}"),e.push("onChange={setValue}"),"<Select\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:w,onThemeChange:C,surface:T,onSurfaceChange:A})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"Select",theme:w,surface:T})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["outline","light"].map(e=>a.jsx(Il,{label:Cl(e),selected:r===e,onClick:()=>o(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{spacing:1.5,children:Tl.map(e=>a.jsxs(t.Box,{children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>a.jsx(Rl,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>a.jsx(Il,{label:Cl(e),selected:s===e,onClick:()=>l(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["top","floating","none"].map(e=>a.jsx(Il,{label:"none"===e?"None":Cl(e),selected:d===e,onClick:()=>c(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Start Icon"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Icon rendered before the value"})]}),a.jsx(Eo,{checked:v,onChange:e=>y(e.target.checked),size:"small","aria-label":"Start icon"})]}),v&&a.jsxs(t.Box,{sx:{mt:2},children:[a.jsx(xi,{label:"Icon Name",value:j,onChange:e=>S(e.target.value),placeholder:"Search",variant:"primary-outline",size:"small",fullWidth:!0}),a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:[a.jsx("a",{href:"https://mui.com/material-ui/material-icons/",target:"_blank",rel:"noopener noreferrer",style:{color:"var(--Hotlink)"},children:"Material icon"})," name (e.g. Search, Add, Edit, Filter, Sort, Star)"]})]}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Dividers"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Lines between options"})]}),a.jsx(Eo,{checked:x,onChange:e=>p(e.target.checked),size:"small","aria-label":"Show dividers"})]}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Disabled"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),a.jsx(Eo,{checked:m,onChange:e=>g(e.target.checked),size:"small","aria-label":"Disabled"})]}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Color Mode"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Render swatches alongside each option. Swatch size scales to Select height, radius follows the brand's button radius."})]}),a.jsx(Eo,{checked:z,onChange:e=>I(e.target.checked),size:"small","aria-label":"Color mode"})]}),z&&a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Show Color Labels"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Hide to render a swatch-only trigger (no text). Useful for compact color pickers."})]}),a.jsx(Eo,{checked:R,onChange:e=>W(e.target.checked),size:"small","aria-label":"Show color labels"})]}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Full Width"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container width"})]}),a.jsx(Eo,{checked:f,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:3},children:a.jsx(t.Stack,{spacing:3,children:a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"Trigger",value:'role="combobox" aria-expanded="true|false" aria-haspopup="listbox"'},{label:"Dropdown",value:'role="listbox" aria-label="..."'},{label:"Options",value:'role="option" aria-selected="true|false"'},{label:"Label",value:"aria-label from label prop. Always provide a label."},{label:"Keyboard",value:"Enter/Space opens. Escape closes. Arrow keys when open."},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px (on outer shell)"}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"Select"})})]})]})})]})]})},exports.SelectableCard=e=>a.jsx(yn,{clickable:!0,selected:e.selected,...e}),exports.SettingsPanel=function(){const{mode:r,switchMode:o}=function(t="light"){const[a,r]=e.useState(t);return e.useEffect(()=>{lx("/styles/foundation.css","css-foundation"),lx("/styles/core.css","css-core"),lx("/styles/Light-Mode.css","css-mode"),lx("/styles/base.css","css-base"),lx("/styles/typography-tokens.css","css-typography-tokens")},[]),{mode:a,switchMode:e=>{const t=document.getElementById("css-mode");t&&(t.href="dark"===e?"/styles/Dark-Mode.css":"/styles/Light-Mode.css"),r(e),localStorage.setItem("themeMode",e)}}}("light"),[n,i]=e.useState(!1),[s,d]=e.useState("desktop");e.useEffect(()=>{const e=localStorage.getItem("dino-platform")||"desktop",t=localStorage.getItem("themeMode")||"light";d(e),document.documentElement.style.setProperty("--Button-Height",cx[e]||"32px"),"dark"===t&&o("dark")},[]);const c=e=>{d(e),localStorage.setItem("dino-platform",e),document.documentElement.style.setProperty("--Button-Height",cx[e]||"32px")};return a.jsxs(a.Fragment,{children:[a.jsx(t.Box,{onClick:()=>i(!0),role:"button","aria-label":"Open settings",sx:{position:"fixed",bottom:24,right:24,width:52,height:52,borderRadius:"50%",backgroundColor:"var(--Buttons-Tertiary-Button)",color:"var(--Buttons-Tertiary-Text)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",boxShadow:"0 4px 12px rgba(0,0,0,0.15)",zIndex:999,transition:"transform 0.15s ease, box-shadow 0.15s ease","&:hover":{transform:"scale(1.08)",boxShadow:"0 6px 16px rgba(0,0,0,0.2)"}},children:a.jsx(l.Settings,{sx:{fontSize:24}})}),a.jsx(_c,{anchor:"right",open:n,onClose:()=>i(!1),hideBackdrop:!0,size:"small",sx:{width:320,zIndex:99999999},children:a.jsxs(t.Box,{sx:{p:3,height:"100%",display:"flex",flexDirection:"column"},children:[a.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2},children:[a.jsx(Et,{children:"Settings"}),a.jsx(Lr,{iconOnly:!0,variant:"ghost",size:"small",onClick:()=>i(!1),"aria-label":"Close settings",children:a.jsx(l.Close,{fontSize:"small"})})]}),a.jsx(t.Divider,{sx:{mb:3,borderColor:"var(--Border)"}}),a.jsx(t.Box,{sx:{flex:1,overflowY:"auto"},children:a.jsxs(t.Stack,{spacing:4,children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text)",opacity:.85,display:"block",marginBottom:12,fontWeight:600},children:"MODE"}),a.jsxs(t.Stack,{direction:"row",spacing:1,children:[a.jsx(Lr,{variant:"light"===r?"primary":"primary-outline",size:"small",onClick:()=>o("light"),sx:{flex:1},children:"Light"}),a.jsx(Lr,{variant:"dark"===r?"primary":"primary-outline",size:"small",onClick:()=>o("dark"),sx:{flex:1},children:"Dark"})]})]}),a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text)",opacity:.85,display:"block",marginBottom:12,fontWeight:600},children:"PLATFORM"}),a.jsx(t.Stack,{spacing:1,children:dx.map(({value:e,label:r,note:o})=>{const n=s===e;return a.jsxs(t.Box,{onClick:()=>c(e),sx:{p:1.5,borderRadius:"var(--Style-Border-Radius)",cursor:"pointer",border:n?"2px solid var(--Buttons-Primary-Button)":"1px solid var(--Border)",backgroundColor:n?"var(--Background)":"transparent",display:"flex",justifyContent:"space-between",alignItems:"center",transition:"all 0.15s ease","&:hover":{backgroundColor:"var(--Hover)"}},children:[a.jsxs(t.Box,{children:[a.jsx(qt,{style:{color:n?"var(--Buttons-Primary-Button)":"var(--Text)",fontWeight:n?600:400},children:r}),a.jsx(ea,{style:{color:"var(--Text)",opacity:.7},children:o})]}),n&&a.jsx(t.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"var(--Buttons-Primary-Button)",flexShrink:0}})]},e)})})]})]})}),a.jsx(t.Divider,{sx:{my:3,borderColor:"var(--Border)"}}),a.jsx(Lr,{variant:"primary-outline",size:"small",onClick:()=>{c("desktop"),o("light")},sx:{width:"100%"},children:"Reset to Defaults"})]})})]})},exports.Sidebar=function({open:r,onClose:o,items:n=[],onItemClick:l,width:d=280,variant:c="temporary",header:u,footer:h,sx:x={},...p}){const[m,g]=e.useState(null),[f,b]=e.useState({}),v=(e,t)=>{g(t),l?.(e),"temporary"===c&&o?.()},y="permanent"===c?"permanent":"standard"===c?"standard":"temporary",j=a.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",height:"100%",backgroundColor:"var(--Container)",color:"var(--Text)"},children:[u&&a.jsx(t.Box,{sx:{p:2,borderBottom:"1px solid var(--Border-Variant)"},children:"string"==typeof u?a.jsx(t.Typography,{variant:"h6",sx:{fontWeight:700},children:u}):u}),a.jsx(t.List,{sx:{flex:1,overflow:"auto",py:1},children:n.map((e,r)=>{const o=m===r,n=e.submenu&&e.submenu.length>0,l=f[r];return a.jsxs(t.Box,{children:[a.jsx(t.Tooltip,{title:e.tooltip||"",placement:"right",children:a.jsx(t.ListItem,{disablePadding:!0,children:a.jsxs(t.ListItemButton,{onClick:()=>{n?(e=>{b(t=>({...t,[e]:!t[e]}))})(r):v(e,r)},selected:o&&!n,sx:{backgroundColor:o&&!n?"var(--Buttons-Primary-Button)":"transparent",color:o&&!n?"var(--Buttons-Primary-Text)":"var(--Text)",...Zh({muiPrefix:!0,selectedBg:"var(--Buttons-Primary-Button)",selectedText:"var(--Buttons-Primary-Text)",selectedHover:"var(--Buttons-Primary-Hover)",selectedPressed:"var(--Buttons-Primary-Pressed)"}),transition:"all 0.2s ease-in-out"},children:[e.icon&&a.jsx(t.ListItemIcon,{sx:{color:o&&!n?"var(--Buttons-Primary-Text)":"var(--Icons-Primary)",minWidth:40},children:e.badge?a.jsx(t.Badge,{badgeContent:e.badge,variant:"error",children:e.icon}):e.icon}),a.jsx(t.ListItemText,{primary:e.label,primaryTypographyProps:{variant:"body2",fontWeight:o&&!n?600:500}}),n&&a.jsx(t.Box,{sx:{ml:1},children:l?a.jsx(s,{}):a.jsx(i,{})})]})})}),n&&a.jsx(t.Collapse,{in:l,timeout:"auto",unmountOnExit:!0,children:a.jsx(t.List,{component:"div",disablePadding:!0,children:e.submenu.map((e,r)=>a.jsx(t.ListItem,{disablePadding:!0,children:a.jsxs(t.ListItemButton,{onClick:()=>v(e,r),sx:{pl:4,backgroundColor:"transparent",color:"var(--Text)",...Zh({muiPrefix:!0,selectedBg:"var(--Buttons-Primary-Button)",selectedText:"var(--Buttons-Primary-Text)",selectedHover:"var(--Buttons-Primary-Hover)",selectedPressed:"var(--Buttons-Primary-Pressed)"})},children:[e.icon&&a.jsx(t.ListItemIcon,{sx:{color:"var(--Icons-Primary)",minWidth:40},children:e.icon}),a.jsx(t.ListItemText,{primary:e.label})]})},r))})}),e.divider&&a.jsx(t.Divider,{sx:{my:1,borderColor:"var(--Border-Variant)"}})]},r)})}),h&&a.jsx(t.Box,{sx:{borderTop:"1px solid var(--Border-Variant)",p:2},children:"string"==typeof h?a.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Quiet)"},children:h}):h})]});return"permanent"===c?a.jsx(t.Box,{sx:{width:d,flexShrink:0,...x},children:j}):a.jsx(t.Drawer,{variant:y,open:r,onClose:o,PaperProps:{sx:{width:d,backgroundColor:"var(--Container)",color:"var(--Text)",...x}},...p,children:j})},exports.SkeletonCard=function({lines:e=3,showImage:r=!0,sx:o={},...n}){return a.jsx(t.Paper,{sx:{p:2,backgroundColor:"var(--Container)",...o},...n,children:a.jsxs(t.Stack,{spacing:2,children:[r&&a.jsx(t.Skeleton,{variant:"rectangular",height:200,sx:{backgroundColor:"var(--Container-Low)",borderRadius:1}}),a.jsx(t.Stack,{spacing:1,children:Array.from({length:e}).map((e,r)=>a.jsx(t.Skeleton,{variant:"text",height:0===r?24:16,sx:{backgroundColor:"var(--Container-Low)"}},r))})]})})},exports.SkeletonLoader=function({rows:e=3,height:r=100,spacing:o=2,sx:n={},...i}){return a.jsx(t.Stack,{spacing:o,sx:{...n},...i,children:Array.from({length:e}).map((e,o)=>a.jsx(t.Skeleton,{variant:"rectangular",height:r,sx:{backgroundColor:"var(--Container-Low)",borderRadius:"8px"}},o))})},exports.Slider=ki,exports.SliderInput=ki,exports.Snackbar=fu,exports.SnackbarShowcase=function(){const[r,o]=e.useState("light"),[n,i]=e.useState("info"),[s,l]=e.useState("medium"),[d,c]=e.useState("bottom"),[u,h]=e.useState(!0),[x,p]=e.useState(!0),[m,g]=e.useState(!1),[f,b]=e.useState(null),[v,y]=e.useState("Surface"),j=u&&yu[n]?a.jsx(Oa,{size:"small",sx:{color:"inherit"},children:yu[n]}):void 0;return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Snackbar"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:f,surface:v,children:a.jsx(Lr,{variant:"default",onClick:()=>g(!0),children:"Show Snackbar"})}),a.jsx(wo,{code:(()=>{const e=["open={open}"];return e.push('variant="'+r+'"'),"info"!==n&&e.push('color="'+n+'"'),"medium"!==s&&e.push('size="'+s+'"'),"bottom"!==d&&e.push('anchor="top"'),x&&e.push("onClose={handleClose}"),u&&yu[n]&&e.push("startDecorator={<Icon><"+bu(n)+"Icon /></Icon>}"),"<Snackbar\n  "+e.join("\n  ")+"\n>\n  Operation completed successfully.\n</Snackbar>"})(),language:"JSX",wrap:!0,sx:{mt:2}}),a.jsx(fu,{open:m,onClose:x?()=>g(!1):void 0,variant:r,color:n,size:s,anchor:d,autoHideDuration:4e3,startDecorator:j,children:"Operation completed successfully."})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:f,onThemeChange:b,surface:v,onSurfaceChange:y})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"Snackbar",theme:f,surface:v})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["solid","light"].map(e=>a.jsx(ju,{label:bu(e),selected:r===e,onClick:()=>o(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{spacing:1.5,children:vu.map(e=>a.jsxs(t.Box,{children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>a.jsx(Su,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>a.jsx(ju,{label:bu(e),selected:s===e,onClick:()=>l(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ANCHOR"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["top","bottom"].map(e=>a.jsx(ju,{label:bu(e),selected:d===e,onClick:()=>c(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Show Icon"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Start decorator icon"})]}),a.jsx(Eo,{variant:"default-outline",checked:u,onChange:e=>h(e.target.checked),size:"small","aria-label":"Show icon"})]}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Close Button"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show dismiss button"})]}),a.jsx(Eo,{variant:"default-outline",checked:x,onChange:e=>p(e.target.checked),size:"small","aria-label":"Close button"})]})]})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:3},children:a.jsx(t.Stack,{spacing:3,children:a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="alert" aria-live="polite" aria-atomic="true"'},{label:"Close",value:'Button with aria-label="Close notification"'},{label:"Keyboard",value:"Escape closes. Auto-hides after duration."},{label:"Hover",value:"Pauses auto-hide timer on mouse enter"},{label:"Border",value:"var(--Buttons-{Color}-Border) on outer shell"},{label:"Shadow",value:"var(--Effect-Level-3)"}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"Snackbar"})})]})]})})]})]})},exports.SolidTreeView=e=>a.jsx(du,{variant:"solid",...e}),exports.SpaceBetweenStack=e=>a.jsx(as,{direction:"row",alignItems:"center",justifyContent:"space-between",...e}),exports.Spacing=function(){const e=({name:e,varName:r,baseValue:o})=>a.jsx(t.Box,{sx:{mb:2},children:a.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:2,mb:1},children:[a.jsx(t.Box,{"aria-hidden":"true",sx:{width:`var(${r})`,minWidth:20,height:24,backgroundColor:"var(--Buttons-Primary-Button)",borderRadius:.5,border:"1px solid var(--Border)"}}),a.jsxs(t.Stack,{spacing:.5,children:[a.jsx(t.Typography,{variant:"subtitle2",sx:{fontWeight:600},children:e}),a.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:r}),a.jsxs(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:["Base: ",o," (with cognitive multiplier)"]})]})]})}),r=({name:e,varName:r,value:o})=>a.jsxs(t.Box,{sx:{mb:2},children:[a.jsx(t.Box,{"aria-hidden":"true",sx:{width:100,height:o,backgroundColor:"var(--Buttons-Primary-Button)",borderRadius:1,border:"1px solid var(--Border)",mb:1}}),a.jsx(t.Typography,{variant:"subtitle2",sx:{fontWeight:600},children:e}),a.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block"},children:r}),a.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:o})]});return a.jsxs(t.Stack,{spacing:3,sx:{p:2},children:[a.jsxs("section",{children:[a.jsx(t.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Spacing Scale"}),a.jsx(t.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Spacing values are multiplied by the cognitive multiplier for accessibility. Each spacing value includes a visual reference and text label for clarity."}),a.jsx(t.Stack,{spacing:1,children:[{name:"Quarter",var:"--Spacing-Quarter",baseValue:"2px"},{name:"Half",var:"--Spacing-Half",baseValue:"4px"},{name:"1-and-Half",var:"--Spacing-1-and-Half",baseValue:"12px"},{name:"1",var:"--Spacing-1",baseValue:"8px"},{name:"2",var:"--Spacing-2",baseValue:"16px"},{name:"3",var:"--Spacing-3",baseValue:"24px"},{name:"4",var:"--Spacing-4",baseValue:"32px"},{name:"5",var:"--Spacing-5",baseValue:"40px"},{name:"6",var:"--Spacing-6",baseValue:"48px"},{name:"7",var:"--Spacing-7",baseValue:"56px"},{name:"8",var:"--Spacing-8",baseValue:"64px"},{name:"9",var:"--Spacing-9",baseValue:"72px"},{name:"10",var:"--Spacing-10",baseValue:"80px"}].map(t=>a.jsx(e,{name:t.name,varName:t.var,baseValue:t.baseValue},t.var))})]}),a.jsxs("section",{children:[a.jsx(t.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Sizing Scale"}),a.jsx(t.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Fixed sizing values for components and layouts. Each size is labeled with its CSS variable and pixel value."}),a.jsx(t.Grid,{container:!0,spacing:3,children:[{name:"Quarter",var:"--Sizing-Quarter",value:"2px"},{name:"Half",var:"--Sizing-Half",value:"4px"},{name:"1-and-Half",var:"--Sizing-1-and-Half",value:"12px"},{name:"1",var:"--Sizing-1",value:"8px"},{name:"2",var:"--Sizing-2",value:"16px"},{name:"3",var:"--Sizing-3",value:"24px"},{name:"4",var:"--Sizing-4",value:"32px"},{name:"5",var:"--Sizing-5",value:"40px"},{name:"6",var:"--Sizing-6",value:"48px"},{name:"7",var:"--Sizing-7",value:"56px"},{name:"8",var:"--Sizing-8",value:"64px"},{name:"9",var:"--Sizing-9",value:"72px"},{name:"10",var:"--Sizing-10",value:"80px"},{name:"11",var:"--Sizing-11",value:"88px"},{name:"12",var:"--Sizing-12",value:"96px"},{name:"13",var:"--Sizing-13",value:"104px"},{name:"14",var:"--Sizing-14",value:"112px"},{name:"15",var:"--Sizing-15",value:"160px"},{name:"16",var:"--Sizing-16",value:"240px"},{name:"17",var:"--Sizing-17",value:"320px"},{name:"18",var:"--Sizing-18",value:"480px"}].map(e=>a.jsx(t.Grid,{item:!0,xs:12,sm:6,md:4,lg:3,children:a.jsx(r,{name:e.name,varName:e.var,value:e.value})},e.var))})]}),a.jsxs("section",{children:[a.jsx(t.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Negative Sizing"}),a.jsx(t.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Negative values for margins and offsets. Use these to reduce or remove default spacing when needed."}),a.jsx(t.Grid,{container:!0,spacing:3,children:[{name:"Negative-Quarter",var:"--Sizing-Negative-Quarter",value:"-2px"},{name:"Negative-Half",var:"--Sizing-Negative-Half",value:"-4px"},{name:"Negative-1-and-Half",var:"--Sizing-Negative-1-and-Half",value:"-12px"},{name:"Negative-1",var:"--Sizing-Negative-1",value:"-8px"}].map(e=>a.jsx(t.Grid,{item:!0,xs:12,sm:6,md:4,lg:3,children:a.jsxs(t.Box,{children:[a.jsx(t.Typography,{variant:"subtitle2",sx:{fontWeight:600},children:e.name}),a.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block"},children:e.var}),a.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:e.value})]})},e.var))})]}),a.jsxs("section",{style:{paddingTop:24,borderTop:"1px solid var(--Border)"},children:[a.jsx(t.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Container Padding"}),a.jsxs(t.Box,{sx:{p:"var(--Spacing-3)",backgroundColor:"var(--Container-Low)",border:"2px dashed var(--Buttons-Primary-Button)",borderRadius:1},children:[a.jsxs(t.Typography,{variant:"body2",children:["Default container padding: ",a.jsx("strong",{children:"var(--Spacing-3)"})," = 24px"]}),a.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block",mt:1},children:"Use this variable for consistent padding around main content areas."})]})]}),a.jsxs("section",{style:{paddingTop:24,borderTop:"1px solid var(--Border)"},children:[a.jsx(t.Typography,{variant:"h5",component:"h2",sx:{mb:3,fontWeight:700},children:"Practical Examples"}),a.jsxs("article",{children:[a.jsx(t.Typography,{variant:"h6",component:"h3",sx:{mb:2,fontWeight:600},children:"Padding Examples"}),a.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",mb:2,display:"block"},children:"Different padding values create different visual breathing room."}),a.jsx(t.Grid,{container:!0,spacing:2,sx:{mb:4},children:["var(--Spacing-1)","var(--Spacing-2)","var(--Spacing-3)","var(--Spacing-4)"].map(e=>a.jsx(t.Grid,{item:!0,xs:12,sm:6,children:a.jsxs(t.Box,{sx:{p:e,backgroundColor:"var(--Container)",border:"1px solid var(--Border)",borderRadius:1},children:[a.jsxs(t.Typography,{variant:"subtitle2",children:["Padding: ",e]}),a.jsx(t.Typography,{variant:"caption",sx:{display:"block",mt:1,color:"var(--Text-Secondary)"},children:"Content with spacing applied"})]})},e))})]}),a.jsxs("article",{children:[a.jsx(t.Typography,{variant:"h6",component:"h3",sx:{mb:2,fontWeight:600},children:"Gap Examples"}),a.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",mb:2,display:"block"},children:"Gap controls spacing between flex/grid children without adding extra elements."}),a.jsx(t.Stack,{spacing:3,children:["var(--Spacing-1)","var(--Spacing-2)","var(--Spacing-3)"].map(e=>a.jsxs(t.Box,{children:[a.jsx(t.Stack,{direction:"row",spacing:e,sx:{mb:1},children:[1,2,3].map(e=>a.jsx(t.Box,{"aria-hidden":"true",sx:{width:60,height:60,backgroundColor:"var(--Buttons-Primary-Button)",borderRadius:1,flexShrink:0}},e))}),a.jsxs(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:["Gap: ",e]})]},e))})]})]}),a.jsxs(t.Box,{role:"note",sx:{p:2,backgroundColor:"var(--Container-Low)",borderRadius:1,borderLeft:"4px solid var(--Buttons-Primary-Button)",mt:3},children:[a.jsx(t.Typography,{variant:"subtitle2",sx:{fontWeight:600,mb:1},children:"✓ Accessibility Best Practices Used"}),a.jsxs("ul",{style:{margin:"0.5rem 0",paddingLeft:"1.5rem"},children:[a.jsx("li",{children:a.jsxs(t.Typography,{variant:"caption",children:[a.jsx("strong",{children:'aria-hidden="true"'})," on purely decorative visual elements"]})}),a.jsx("li",{children:a.jsx(t.Typography,{variant:"caption",children:"All spacing information conveyed through text labels and values"})}),a.jsx("li",{children:a.jsxs(t.Typography,{variant:"caption",children:["No empty decorative ",a.jsx("code",{children:"<div>"})," elements in DOM"]})}),a.jsx("li",{children:a.jsxs(t.Typography,{variant:"caption",children:["Semantic HTML: ",a.jsx("code",{children:"<section>"})," and ",a.jsx("code",{children:"<article>"})," for structure"]})}),a.jsx("li",{children:a.jsx(t.Typography,{variant:"caption",children:"CSS-based spacing (padding/margin) for actual layout, not decorative divs"})}),a.jsx("li",{children:a.jsx(t.Typography,{variant:"caption",children:"Full keyboard navigation and screen reader support"})})]})]})]})},exports.SpeedDial=dc,exports.SpeedDialShowcase=function(){const[r,o]=e.useState("solid"),[n,i]=e.useState("default"),[s,l]=e.useState("up"),[d,c]=e.useState(!0),[u,h]=e.useState(null),[x,p]=e.useState("Surface");return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Speed Dial"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:u,surface:x,sx:{minHeight:300,alignItems:"flex-end",justifyContent:"center"},children:a.jsx(dc,{variant:r,color:n,direction:s,showTooltips:d,actions:hc,ariaLabel:"Quick actions"})}),a.jsx(wo,{code:(()=>{const e=[];return"solid"!==r&&e.push('variant="'+r+'"'),"default"!==n&&e.push('color="'+n+'"'),"up"!==s&&e.push('direction="'+s+'"'),d||e.push("showTooltips={false}"),e.push("actions={actions}"),e.push('ariaLabel="Quick actions"'),"<SpeedDial\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:u,onThemeChange:h,surface:x,onSurfaceChange:p})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"SpeedDial",theme:u,surface:x})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["solid","outline"].map(e=>a.jsx(xc,{label:cc(e),selected:r===e,onClick:()=>o(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{spacing:1.5,children:uc.map(e=>a.jsxs(t.Box,{children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>a.jsx(pc,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DIRECTION"}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["up","down","left","right"].map(e=>a.jsx(xc,{label:cc(e),selected:s===e,onClick:()=>l(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Tooltips"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show labels beside actions"})]}),a.jsx(Eo,{variant:"default-outline",checked:d,onChange:e=>c(e.target.checked),size:"small","aria-label":"Show tooltips"})]})]})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:3},children:a.jsx(t.Stack,{spacing:3,children:a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"FAB",value:'aria-expanded, aria-haspopup="menu", aria-label'},{label:"Actions",value:'role="menu" container, role="menuitem" on each action'},{label:"Labels",value:"aria-label on each action from name prop"},{label:"Keyboard",value:"Escape closes. Click outside closes."},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: 2px"}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"SpeedDial"})})]})]})})]})]})},exports.Stack=is,exports.StackDivider=e=>a.jsx(t.Box,{sx:{borderBottom:"1px solid var(--Border)",width:"100%"},...e}),exports.StackShowcase=function(){return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Stack"}),a.jsx(Yt,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:32,maxWidth:640},children:"OmniStack is a layout primitive built on MUI Stack with one intelligent addition: it automatically enforces a minimum gap between children when it detects small (24px) interactive components — protecting WCAG 2.5.8 compliance without any extra developer effort."}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Why it matters"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"API"})]}),a.jsx(tn,{value:0,children:a.jsxs(t.Box,{sx:{pt:3,display:"flex",flexDirection:"column",gap:4},children:[a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[a.jsx(Ht,{children:"The problem"}),a.jsx(Yt,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:"WCAG 2.5.8 requires that small interactive targets (24px) have enough surrounding space that they don’t overlap adjacent targets. Every layout library leaves this entirely to the developer — meaning it’s silently violated constantly."}),a.jsx(us,{leftLabel:"Plain MUI Stack — gap too small",rightLabel:"OmniStack — gap auto-enforced",leftPasses:!1,rightPasses:!0,leftContent:a.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",gap:"4px"},children:[a.jsx(_n,{href:"#",size:"small",children:"Terms of Service"}),a.jsx(_n,{href:"#",size:"small",children:"Privacy Policy"}),a.jsx(_n,{href:"#",size:"small",children:"Cookie Settings"})]}),rightContent:a.jsxs(as,{gap:.5,children:[a.jsx(_n,{href:"#",size:"small",children:"Terms of Service"}),a.jsx(_n,{href:"#",size:"small",children:"Privacy Policy"}),a.jsx(_n,{href:"#",size:"small",children:"Cookie Settings"})]}),leftCode:'<Stack gap={0.5}>\n  <Link size="small">Terms of Service</Link>\n  <Link size="small">Privacy Policy</Link>\n  <Link size="small">Cookie Settings</Link>\n</Stack>\n// ⚠ gap=4px — targets overlap',rightCode:'<OmniStack gap={0.5}>\n  <Link size="small">Terms of Service</Link>\n  <Link size="small">Privacy Policy</Link>\n  <Link size="small">Cookie Settings</Link>\n</OmniStack>\n// ✓ small child detected → gap enforced'})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[a.jsx(Ht,{children:"Mixed component sizes"}),a.jsx(Yt,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:"One small child is enough to trigger enforcement for the whole stack — the most common case is a normal button paired with a small cancel link."}),a.jsx(us,{leftLabel:"Without enforcement",rightLabel:"With enforcement",leftPasses:!1,rightPasses:!0,leftContent:a.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",gap:"2px"},children:[a.jsx(Lr,{variant:"primary",size:"medium",children:"Save changes"}),a.jsx(_n,{href:"#",size:"small",children:"Or discard"})]}),rightContent:a.jsxs(as,{gap:.25,children:[a.jsx(Lr,{variant:"primary",size:"medium",children:"Save changes"}),a.jsx(_n,{href:"#",size:"small",children:"Or discard"})]}),leftCode:'<Stack gap={0.25}>\n  <Button size="medium">Save changes</Button>\n  <Link size="small">Or discard</Link>\n</Stack>\n// ⚠ Link is 24px — gap too tight',rightCode:'<OmniStack gap={0.25}>\n  <Button size="medium">Save changes</Button>\n  <Link size="small">Or discard</Link>\n</OmniStack>\n// ✓ Link detected → gap enforced'})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[a.jsx(Ht,{children:"How detection works"}),a.jsx(Yt,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:"OmniStack inspects children at render time using a priority-ordered signal chain. Any one signal is enough to trigger enforcement."}),a.jsx(t.Box,{sx:{display:"flex",flexDirection:"column"},children:[{signal:'size="small" prop',example:'<Link size="small" />'},{signal:'data-size="small"',example:'<div data-size="small" />'},{signal:"height={24}",example:"<Box height={24} />"},{signal:"minHeight={24}",example:"<Box minHeight={24} />"},{signal:"sx.minHeight: 24",example:"<Box sx={{ minHeight: 24 }} />"},{signal:"Known component name",example:"Link, Chip, Badge, Caption…"}].map(({signal:e,example:r},o,n)=>a.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:2,py:1.5,borderBottom:o<n.length-1?"1px solid var(--Border)":"none"},children:[a.jsx(t.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"var(--Primary-Color-10)",flexShrink:0}}),a.jsx(qt,{style:{flex:"0 0 200px"},children:e}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[a.jsx(Ht,{children:"Token-driven minimum"}),a.jsx(Yt,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:"The minimum gap is a CSS custom property, not a hardcoded value — so it respects your brand spacing scale and responds to theme changes without re-rendering."}),a.jsx(ds,{code:":root {\n  --min-stack-gap: 8px; /* Set in your theme.css */\n}\n\n/* OmniStack substitutes the variable, not the value: */\ngap: var(--min-stack-gap, 8px);\n\n/* Dark mode, brand overrides, and media queries\n   all work automatically — no re-render needed. */"})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[a.jsx(Ht,{children:"Auditable opt-out"}),a.jsxs(Yt,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:["Use ",a.jsx("code",{children:"enforceMinGap={false}"})," to opt out. This creates a searchable pattern accessibility audits can grep for — a conscious waiver, not a silent violation."]}),a.jsx(ds,{code:'<OmniStack gap={0.5} enforceMinGap={false}>\n  {/* Explicitly waived — auditors can grep:\n      enforceMinGap={false}\n      to find all waivers in the codebase. */}\n  <Link size="small">Terms</Link>\n  <Link size="small">Privacy</Link>\n</OmniStack>'})]})]})}),a.jsx(tn,{value:1,children:a.jsx(hs,{})}),a.jsx(tn,{value:2,children:a.jsxs(t.Box,{sx:{pt:3},children:[a.jsx(Ht,{children:"OmniStack props"}),a.jsx(Yt,{style:{color:"var(--Text-Quiet)",marginTop:4,marginBottom:16},children:"All standard MUI Stack props are supported. These are OmniStack additions:"}),a.jsx(t.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",mb:4},children:[{prop:"enforceMinGap",type:"boolean",default:"true",desc:"Enable/disable smart gap enforcement."},{prop:"minGapToken",type:"string",default:'"--min-stack-gap"',desc:"CSS variable name for the minimum gap value."},{prop:"gap",type:"number|string",default:"undefined",desc:"Desired gap. Enforced against minGapToken when small children detected."},{prop:"direction",type:"string|object",default:'"column"',desc:"Stack direction. Supports responsive breakpoint objects."},{prop:"flexWrap",type:"string",default:"undefined",desc:'"wrap" | "nowrap" | "wrap-reverse"'},{prop:"divider",type:"ReactNode",default:"undefined",desc:"Element rendered between each child."}].map(({prop:e,type:r,default:o,desc:n},i,s)=>a.jsxs(t.Box,{sx:{display:"grid",gridTemplateColumns:"160px 160px 1fr",gap:2,px:2,py:1.5,alignItems:"start",borderBottom:i<s.length-1?"1px solid var(--Border)":"none",backgroundColor:i%2==0?"transparent":"var(--Surface-Dim, var(--Surface))"},children:[a.jsx(ea,{style:{fontFamily:"monospace",color:"var(--Primary-Color-10)",fontWeight:600},children:e}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r}),a.jsxs(t.Box,{children:[a.jsx(ea,{style:{color:"var(--Text)"},children:n}),a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:2},children:["Default: ",o]})]})]},e))}),a.jsx(Ht,{children:"Convenience exports"}),a.jsx(t.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",mb:4},children:[{name:"Stack",desc:"Alias for OmniStack — drop-in MUI Stack replacement"},{name:"HStack",desc:'direction="row" alignItems="center"'},{name:"VStack",desc:'direction="column"'},{name:"CenteredStack",desc:'direction="column" alignItems="center" justifyContent="center"'},{name:"SpaceBetweenStack",desc:'direction="row" justifyContent="space-between"'},{name:"WrapStack",desc:'direction="row" flexWrap="wrap"'},{name:"ResponsiveStack",desc:"column on xs, row on sm+ (breakpoint configurable)"},{name:"GridStack",desc:"Alias for WrapStack"},{name:"InsetStack",desc:"OmniStack with px: 2 horizontal padding"},{name:"ScrollStack",desc:"OmniStack with overflowY: auto"}].map(({name:e,desc:r},o,n)=>a.jsxs(t.Box,{sx:{display:"grid",gridTemplateColumns:"200px 1fr",gap:2,px:2,py:1.5,borderBottom:o<n.length-1?"1px solid var(--Border)":"none",backgroundColor:o%2==0?"transparent":"var(--Surface-Dim, var(--Surface))"},children:[a.jsx(ea,{style:{fontFamily:"monospace",color:"var(--Primary-Color-10)",fontWeight:600},children:e}),a.jsx(ea,{style:{color:"var(--Text-Quiet)"},children:r})]},e))}),a.jsx(Ht,{children:"Debug attributes"}),a.jsx(ds,{code:'/* When enforcement is active, OmniStack adds: */\nclassName="omni-stack omni-stack-min-gap-enforced"\ndata-min-gap-enforced="true"\n\n/* Target in CSS: */\n.omni-stack-min-gap-enforced { outline: 2px dashed orange; }\n\n/* Query in tests: */\ncontainer.querySelector(\'[data-min-gap-enforced="true"]\')'})]})})]})]})},exports.StateMessage=function({type:r="empty",icon:o,title:n,body:i,action:s,size:l="medium",className:d="",sx:c={},...u}){const h=Dx[r]||Dx.empty,x=Lx[l]||Lx.medium,p="small"===l?qt:Yt,m=e.useId(),g=n?m+"-title":void 0,f=i?m+"-body":void 0;return"production"===process.env.NODE_ENV||n||console.warn("[StateMessage] needs a `title`. A state message with no words is an empty box, which is the thing it exists to replace."),a.jsxs(t.Box,{className:"state-message state-message-"+r+" state-message-"+l+" "+d,role:h.role||"group","aria-labelledby":g,"aria-describedby":f,sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",gap:x.gap,padding:x.pad,width:"100%",boxSizing:"border-box",...c},...u,children:[a.jsx(Oa,{size:x.icon,color:h.iconColor,"aria-hidden":"true",children:o||h.icon}),n&&a.jsx(Qt,{id:g,color:h.titleColor,children:n}),i&&a.jsx(p,{id:f,color:"quiet",sx:{maxWidth:x.maxWidth},children:i}),s&&a.jsx(t.Box,{sx:{marginTop:"4px"},children:s})]})},exports.Step=rc,exports.Stepper=ac,exports.StepperShowcase=function(){const[r,o]=e.useState("default"),[n,i]=e.useState("medium"),[s,l]=e.useState("horizontal"),[d,c]=e.useState(4),[u,h]=e.useState(1),[x,p]=e.useState(!1),[m,g]=e.useState(!1),[f,b]=e.useState(null),[v,y]=e.useState("Surface");return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Stepper"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:f,surface:v,children:a.jsx(t.Box,{sx:{width:"100%",maxWidth:"vertical"===s?300:"100%"},children:a.jsx(ac,{color:r,size:n,orientation:s,activeStep:u,clickable:x,onStepClick:x?h:void 0,dashedIncomplete:m,children:ic.slice(0,d).map(e=>a.jsx(rc,{label:e},e))})})}),a.jsx(wo,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),"horizontal"!==s&&e.push('orientation="vertical"'),e.push("activeStep={"+u+"}"),x&&e.push("clickable onStepClick={setActiveStep}"),m&&e.push("dashedIncomplete"),"<Stepper "+e.join(" ")+">\n"+ic.slice(0,d).map(e=>'  <Step label="'+e+'" />').join("\n")+"\n</Stepper>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:f,onThemeChange:b,surface:v,onSurfaceChange:y})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"Stepper",theme:f,surface:v})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STEPS"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:[2,3,4,5,6].map(e=>a.jsx(sc,{label:String(e),selected:d===e,onClick:()=>{c(e),u>=e&&h(e-1)}},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ACTIVE STEP"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:ic.slice(0,d).map((e,t)=>a.jsx(sc,{label:String(t+1),selected:u===t,onClick:()=>h(t)},t))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{spacing:1.5,children:nc.map(e=>a.jsxs(t.Box,{children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>a.jsx(lc,{color:e,selected:r===e,onClick:o},e))})]},e.label))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>a.jsx(sc,{label:oc(e),selected:n===e,onClick:()=>i(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ORIENTATION"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["horizontal","vertical"].map(e=>a.jsx(sc,{label:oc(e),selected:s===e,onClick:()=>l(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Clickable"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Steps are interactive buttons"})]}),a.jsx(Eo,{variant:"default-outline",checked:x,onChange:e=>p(e.target.checked),size:"small","aria-label":"Clickable"})]}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Dashed Incomplete"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Dashed connector for future steps"})]}),a.jsx(Eo,{variant:"default-outline",checked:m,onChange:e=>g(e.target.checked),size:"small","aria-label":"Dashed incomplete"})]})]})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:3},children:a.jsx(t.Stack,{spacing:3,children:a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"Container",value:'<ol role="list" aria-label="Progress">'},{label:"Steps",value:"<li> elements with step state classes"},{label:"Active",value:'aria-current="step" on the active indicator'},{label:"Clickable",value:'role="button" aria-label="Go to step N" with tabIndex'},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: 2px"},{label:"Connectors",value:'aria-hidden="true" — decorative only'}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"Stepper"})})]})]})})]})]})},exports.Subtitle=Qt,exports.Subtitle1=Gt,exports.Subtitle2=Ut,exports.SubtitleLarge=Ot,exports.SubtitleMedium=e=>a.jsx(Lt,{textStyle:"subtitle",...e}),exports.SubtitleSmall=Vt,exports.SuccessTag=e=>a.jsx(Yl,{color:"success",...e}),exports.SuccessToggleButtonGroup=Sl,exports.Surfaced=function({surface:e,as:t="div",children:r,className:o,style:n,...i}){return a.jsx(t,{"data-surface":e,className:o,style:n,...i,children:r})},exports.Swatch=function({color:e,label:r,size:o="medium",selected:i=!1,disabled:s=!1,radio:l=!1,onClick:d,className:c="",sx:u={},"aria-label":h,...x}){const p=Boolean(d)&&!s,m=Cs[o]||Cs.medium,g=h||r||e,f=a.jsx(t.Box,{className:"swatch-chip",sx:{position:"relative",width:m,height:m,flexShrink:0,borderRadius:"50%",backgroundColor:e,border:"var(--Button-Border-Width, 1px) solid var(--Border)",boxSizing:"border-box",boxShadow:"var(--Effect-Level-0)",transition:"box-shadow 120ms ease",display:"flex",alignItems:"center",justifyContent:"center",...p&&{cursor:"pointer","&:hover":{boxShadow:"var(--Effect-Level-1)",backgroundImage:"linear-gradient(var(--Hover), var(--Hover))"},"&:active":{boxShadow:"var(--Effect-Level-0)",backgroundImage:"linear-gradient(var(--Pressed), var(--Pressed))"}}},children:i&&!l?a.jsx(t.Box,{className:"swatch-check",sx:Ts,children:a.jsx(n,{"aria-hidden":"true",sx:{width:"80%",height:"80%",color:"var(--Icon, var(--Text))"}})}):null}),b=p?"button":"div";return a.jsxs(t.Box,{component:b,type:p?"button":void 0,onClick:p?d:void 0,disabled:!(!p||!s)||void 0,"aria-pressed":p?i:void 0,"aria-label":g,className:`swatch ${i?"swatch-selected":""} ${c}`.trim(),sx:{position:"relative",display:"inline-flex",flexDirection:"column",alignItems:"center",gap:"var(--Sizing-Half, 4px)",width:"var(--Sizing-7, 56px)",padding:0,background:"none",border:"none",font:"inherit",color:"var(--Text)",...s&&{opacity:.38,pointerEvents:"none"},"&:focus":{outline:"none"},...p&&{"&:focus-visible":{outline:"none","& .swatch-chip::before":As}},...u},...x,children:[f,l&&p?a.jsx(bi,{checked:i,disabled:s,tabIndex:-1,"aria-hidden":"true",onChange:()=>{},sx:{pointerEvents:"none"}}):null,r?a.jsx(t.Box,{component:"span",className:"swatch-label",sx:{fontFamily:"var(--Legal-Font-Family, inherit)",fontSize:"var(--Legal-Font-Size, 10px)",fontWeight:"var(--Legal-Font-Weight, 400)",lineHeight:"var(--Legal-Line-Height, 1.4)",letterSpacing:"var(--Legal-Letter-Spacing, 0)",color:"var(--Text)",textAlign:"center",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:r}):null]})},exports.Switch=Mo,exports.SwitchInput=Mo,exports.TAG_COLORS=ql,exports.TAG_COLOR_TOKEN_MAP=Xl,exports.Tab=en,exports.TabList=_o,exports.TabPanel=tn,exports.Table=function({children:e,columns:r,rows:o,footerRows:n,variant:i="default",color:s="primary",loading:l=!1,skeletonRows:d=3,empty:c,error:u,size:h="medium",stripe:x="none",stickyHeader:p=!1,stickyFooter:m=!1,className:g="",sx:f={},...b}){const v=Uu[h]||Uu.medium,y="solid"===i,j="outlined"===i,S="light"===i,B=(e=>e.charAt(0).toUpperCase()+e.slice(1))(s),k=j?"1px solid var(--Buttons-"+B+"-Border)":"none",w={};y&&Gu[s]&&(w["data-theme"]=Gu[s]);const C=()=>{const e={fontWeight:600,fontSize:v.headerFontSize,textAlign:"left",padding:v.py+" "+v.px,borderBottom:"2px solid var(--Border)",color:"var(--Text)",whiteSpace:"nowrap"};return S?(e.backgroundColor="var(--Buttons-"+B+"-Button)",e.color="var(--Buttons-"+B+"-Text)"):e.backgroundColor=y?"var(--Hover)":"var(--Background)",p&&(e.position="sticky",e.top=0,e.zIndex=2),e},T=()=>{const e={fontWeight:600,fontSize:v.headerFontSize,textAlign:"left",padding:v.py+" "+v.px,borderTop:"2px solid var(--Border)",color:"var(--Text)",whiteSpace:"nowrap"};return S?(e.backgroundColor="var(--Buttons-"+B+"-Button)",e.color="var(--Buttons-"+B+"-Text)"):e.backgroundColor=y?"var(--Hover)":"var(--Background)",m&&(e.position="sticky",e.bottom=0,e.zIndex=2),e},A=e=>"none"===x?"Surface":"odd"===x?e%2==0?"Surface":"Surface-Dim":"even"===x&&e%2==0?"Surface-Dim":"Surface",z=()=>({padding:v.py+" "+v.px,fontSize:v.fontSize,color:"var(--Text)",borderBottom:"1px solid var(--Border)",textAlign:"left"}),I=u?"error":l?"loading":o&&0===o.length&&c?"empty":null,R=Boolean(n&&n.length>0)&&"error"!==I,W=e=>a.jsx(t.Box,{component:"tbody",children:a.jsx(t.Box,{component:"tr",children:a.jsx(t.Box,{component:"td",colSpan:r?r.length:1,sx:{padding:0,border:"none"},children:e})})});return a.jsx(t.Box,{className:"table-wrapper table-"+i+(y||S||j?" table-"+s:"")+" "+g,...w,"aria-busy":"loading"===I?"true":void 0,sx:{width:"100%",overflow:"auto",border:k,borderRadius:j||S?"var(--Style-Border-Radius)":0,...f},children:a.jsx(t.Box,{component:"table",sx:{width:"100%",borderCollapse:"collapse",tableLayout:"fixed",fontFamily:"inherit","& thead th":C(),"& tbody td":z(),"& tfoot td, & tfoot th":T(),...p?{"& thead th":{...C(),position:"sticky",top:0,zIndex:2}}:{},...m?{"& tfoot td, & tfoot th":{...T(),position:"sticky",bottom:0,zIndex:2}}:{}},...b,children:r&&o?r&&(o||I)?a.jsxs(a.Fragment,{children:[a.jsx(t.Box,{component:"thead",children:a.jsx(t.Box,{component:"tr",children:r.map((e,r)=>a.jsx(t.Box,{component:"th",sx:{...C(),...e.width?{width:e.width}:{},...e.align?{textAlign:e.align}:{}},children:e.label||e.header||e},"h-"+r))})}),"loading"===I&&W(a.jsx(xt,{label:"Loading",children:a.jsx(t.Box,{component:"table",sx:{width:"100%",borderCollapse:"collapse",tableLayout:"fixed"},children:a.jsx(t.Box,{component:"tbody",children:Array.from({length:d}).map((e,o)=>a.jsx(t.Box,{component:"tr","data-surface":A(o),children:r.map((e,r)=>a.jsx(t.Box,{component:"td",sx:z(),children:"        "},"skc-"+o+"-"+r))},"sk-"+o))})})})),"error"===I&&W(u),"empty"===I&&W(c),!I&&o&&a.jsx(t.Box,{component:"tbody",children:o.map((e,o)=>a.jsx(t.Box,{component:"tr","data-surface":A(o),sx:{backgroundColor:"var(--"+A(o)+")"},children:(Array.isArray(e)?e:r.map(t=>e[t.field||t.key])).map((e,n)=>a.jsx(t.Box,{component:"td",sx:{...z(),...r[n]&&r[n].align?{textAlign:r[n].align}:{}},children:e},"c-"+o+"-"+n))},"r-"+o))}),'/* The footer is decided PER STATE, not dropped wholesale. loading — ghosted, not hidden. A total that vanishes and reappears moves the table\'s height twice, which is the reflow the header is already kept to avoid; and the total genuinely IS loading, so a placeholder is the honest thing to show rather than a gap. empty — SHOWN as given. This is the case the first version got wrong. A filtered view with no matching invoices has a real total: zero. Hiding it makes the user wonder whether the filter or the sum failed, when the answer is simply "none, and they add up to nothing". error — dropped, and this is the one that must stay dropped. A total computed over data that failed to arrive is not missing, it is WRONG, and a wrong number shown confidently is worse than no number. Partial failures are the sharp case: some rows land, the sum looks plausible, and nothing on screen says it is short. */',R&&a.jsx(t.Box,{component:"tfoot",children:n.map((e,o)=>a.jsx(t.Box,{component:"tr",children:(Array.isArray(e)?e:r.map(t=>e[t.field||t.key])).map((e,n)=>a.jsx(t.Box,{component:"td",sx:{...T(),...r[n]&&r[n].align?{textAlign:r[n].align}:{},..."loading"===I?ht():{}},children:e},"fc-"+o+"-"+n))},"f-"+o))})]}):null:e})})},exports.Tabs=Ko,exports.TabsShowcase=function(){const[r,o]=e.useState("standard"),[n,i]=e.useState("default"),[s,l]=e.useState("medium"),[d,c]=e.useState("horizontal"),[u,h]=e.useState(null),[x,p]=e.useState("Surface"),[m,g]=e.useState(!1),f="standard"===r?Oi:Qi;return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Tabs"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:u,surface:x,children:a.jsx(t.Box,{sx:{width:"100%",maxWidth:"vertical"===d?500:"100%",display:"flex",flexDirection:"vertical"===d?"row":"column"},children:a.jsxs(Ko,{defaultValue:0,variant:r,color:n,size:s,orientation:d,children:[a.jsxs(_o,{rounded:m,children:[a.jsx(en,{children:"Overview"}),a.jsx(en,{children:"Features"}),a.jsx(en,{children:"Pricing"})]}),a.jsx(tn,{value:0,children:a.jsx(t.Box,{sx:{p:2},children:a.jsx(Yt,{style:{color:"var(--Quiet)"},children:"Overview content goes here."})})}),a.jsx(tn,{value:1,children:a.jsx(t.Box,{sx:{p:2},children:a.jsx(Yt,{style:{color:"var(--Quiet)"},children:"Features content goes here."})})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:2},children:a.jsx(Yt,{style:{color:"var(--Quiet)"},children:"Pricing content goes here."})})})]})})}),a.jsx(wo,{code:(()=>{const e=[];return"standard"!==r&&e.push('variant="'+r+'"'),"default"!==n&&e.push('color="'+n+'"'),"medium"!==s&&e.push('size="'+s+'"'),"horizontal"!==d&&e.push('orientation="vertical"'),"<Tabs defaultValue={0}"+(e.length?" "+e.join(" "):"")+">\n  <TabList"+(m?" rounded":"")+">\n    <Tab>Overview</Tab>\n    <Tab>Features</Tab>\n    <Tab>Pricing</Tab>\n  </TabList>\n  <TabPanel value={0}>Overview content</TabPanel>\n  <TabPanel value={1}>Features content</TabPanel>\n  <TabPanel value={2}>Pricing content</TabPanel>\n</Tabs>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"})]}),a.jsx(tn,{value:0,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsx(t.Box,{sx:{mb:3},children:a.jsx(un,{theme:u,onThemeChange:h,surface:x,onSurfaceChange:p})}),a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["standard","solid","light","dark"].map(e=>a.jsx(Vi,{label:Mi("standard"===e?"default":e),selected:r===e,onClick:()=>(e=>{o(e),"standard"!==e&&"default"===n&&i("primary")})(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{spacing:1.5,children:f.map(e=>a.jsxs(t.Box,{children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>a.jsx(Gi,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>a.jsx(Vi,{label:Mi(e),selected:s===e,onClick:()=>l(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ORIENTATION"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["horizontal","vertical"].map(e=>a.jsx(Vi,{label:Mi(e),selected:d===e,onClick:()=>c(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SHAPE"}),a.jsx(Eo,{label:"Rounded corners",checked:m,onChange:e=>g(e.target.checked)}),a.jsxs(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Off by default. When on, the TabList applies"," ",a.jsx("code",{children:"var(--Style-Border-Radius)"})," and clips the active tab's background to fit the rounded shell (",a.jsx("code",{children:"overflow: hidden"})," is always on)."]})]})]})}),a.jsx(tn,{value:1,children:a.jsx(t.Box,{sx:{p:3},children:a.jsx(t.Stack,{spacing:3,children:a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"TabList",value:'role="tablist" aria-orientation'},{label:"Tab",value:'role="tab" aria-selected aria-controls={panelId}'},{label:"TabPanel",value:'role="tabpanel" aria-labelledby={tabId}'},{label:"Keyboard",value:"Arrow keys navigate tabs. Home/End jump to first/last."},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: -3px"},{label:"Indicator",value:"Standard: var(--Buttons-{C}-Border). Themed: var(--Text)."}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})})]})})})]})]})},exports.Tag=Yl,exports.TagShowcase=function(){const[r,o]=e.useState("primary"),[n,i]=e.useState("New"),[s,l]=e.useState(!1),[d,c]=e.useState(null),[u,h]=e.useState("Surface"),[x,p]=e.useState({}),m=Xl[r]||"Primary";return e.useEffect(()=>{p({tagText:Jr("--Tag-"+m+"-Text"),tagBg:Jr("--Tag-"+m+"-BG"),pageBg:Jr("--Background")})},[r,m]),a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Tag"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:d,children:a.jsxs(t.Box,{sx:{width:"100%",maxWidth:480},children:[a.jsx(t.Box,{sx:{display:"flex",alignItems:"center",gap:2,mb:3},children:a.jsx(Yl,{color:r,allCaps:s,children:n})}),a.jsx(t.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:ql.map(e=>a.jsx(Yl,{color:e,allCaps:s,children:Xl[e]},e))})]})}),a.jsx(wo,{code:(()=>{const e=[];"primary"!==r&&e.push('color="'+r+'"'),s&&e.push("allCaps");return"<Tag"+(e.length?" "+e.join(" "):"")+">"+n+"</Tag>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:d,onThemeChange:c,surface:u,onSurfaceChange:h})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"Tag",theme:d,surface:u})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{spacing:1.5,children:Zl.map(e=>a.jsxs(t.Box,{children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>a.jsx(Kl,{color:e,selected:r===e,onClick:o},e))})]},e.label))}),a.jsxs(ea,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:["bg: var(--Tag-",m,"-BG) · text: var(--Tag-",m,"-Text)"]})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL TEXT"}),a.jsx(t.Box,{component:"input",type:"text",value:n,onChange:e=>i(e.target.value),placeholder:"Tag label…",sx:{width:"100%",height:"40px",px:"12px",backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",color:"var(--Text)",fontSize:"14px",fontFamily:"inherit",outline:"none",boxSizing:"border-box","&:focus":{borderColor:"var(--Buttons-Default-Border)"},"&::placeholder":{color:"var(--Text-Quiet)"}}})]}),a.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(qt,{children:"All caps"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"text-transform: uppercase"})]}),a.jsx(Eo,{checked:s,onChange:e=>l(e.target.checked),size:"small","aria-label":"All caps"})]})]})}),a.jsx(tn,{value:2,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(qt,{color:"quiet",style:{marginBottom:24},children:['color="',r,'" — var(--Tag-',m,"-BG) / var(--Tag-",m,"-Text)"]}),a.jsxs(t.Stack,{spacing:3,children:[a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),a.jsx(qt,{color:"quiet",style:{marginBottom:16},children:"Tag text must have 4.5:1 contrast against the tag background. Tags are 24px tall — text is considered small text."}),a.jsx($l,{label:"var(--Tag-"+m+"-Text) vs. var(--Tag-"+m+"-BG)",ratio:Zr(x.tagText,x.tagBg),threshold:4.5,note:"Tag text on tag background for "+r+" color"}),a.jsx($l,{label:"var(--Tag-"+m+"-BG) vs. var(--Background)",ratio:Zr(x.tagBg,x.pageBg),threshold:3,note:"Tag background against page background (non-text contrast, WCAG 1.4.11)"})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"Touch Target (WCAG 2.5.8)"}),a.jsx(qt,{color:"quiet",style:{marginBottom:16},children:"Tags are non-interactive display elements — they do not require a touch target. If used inside a clickable parent (e.g. a card or row), the parent element must meet touch target requirements."}),a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsx(qt,{style:{color:"var(--Text)"},children:"Tag height — 24px"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive. No touch target requirement on the Tag itself."})]})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"Element",value:"<span> — inline, non-interactive"},{label:"Role",value:"None — presentational label"},{label:"Screen reader",value:"Text content is read as inline text"},{label:"Color alone",value:"Never rely on color alone — always include text label"},{label:"All caps",value:"Uses text-transform: uppercase — screen readers read the original casing"},{label:"WCAG 1.4.1",value:"Text content ensures color-blind accessibility"}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"All Colors"}),a.jsx(qt,{color:"quiet",style:{marginBottom:16},children:"Visual overview of all tag colors in the current theme."}),a.jsx(t.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:ql.map(e=>a.jsx(Yl,{color:e,allCaps:s,children:Xl[e]},e))})]})]})]})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"Tag"})})]})]})})]})]})},exports.TertiaryTag=e=>a.jsx(Yl,{color:"tertiary",...e}),exports.TertiaryToggleButtonGroup=bl,exports.TextArea=function({error:e=!1,errorMessage:t="",rows:r=4,fullWidth:o=!0,...n}){return a.jsx(xi,{multiline:!0,rows:r,fullWidth:o,...e&&{validation:"error",validationMessage:t},...n})},exports.TextField=wl,exports.TextFieldGroup=function({fields:e=[],spacing:r=2,sx:o={},...n}){return a.jsx(t.Box,{sx:{display:"flex",flexDirection:"column",gap:`var(--Spacing-${r})`,width:"100%",...o},...n,children:e.map(e=>a.jsx(wl,{...e},e.id))})},exports.TextInput=xi,exports.ThemedZone=function({theme:e,surface:t,as:r="div",children:o,className:n,style:i,...s}){return a.jsx(r,{"data-theme":e,"data-surface":t,className:n,style:i,...s,children:o})},exports.ToggleButton=function({children:e,selected:r=!1,onChange:o,value:n,sx:i={},...s}){return a.jsx(t.ToggleButton,{value:n,selected:r,onChange:o,sx:{border:"1px solid var(--Border)",...ul,...i},...s,children:e})},exports.ToggleButtonGroup=xl,exports.Toolbar=tl,exports.ToolbarShowcase=function(){const[r,o]=e.useState("floating"),[n,i]=e.useState("default"),[s,l]=e.useState("horizontal"),[d,c]=e.useState(!1),[u,h]=e.useState(null),[x,p]=e.useState("Surface");return a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Toolbar"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{theme:u,surface:x,sx:{minHeight:200},children:a.jsx(tl,{items:rl,type:r,color:n,orientation:s,fab:d&&"floating"===r?{icon:a.jsx(ye,{}),label:"Create",onClick:()=>{}}:void 0})}),a.jsx(wo,{code:(()=>{const e=["items={items}"];return"floating"!==r&&e.push('type="contextual"'),"default"!==n&&e.push('color="'+n+'"'),"horizontal"!==s&&e.push('orientation="vertical"'),d&&e.push('fab={{ icon: <AddIcon />, label: "Create", onClick: handleCreate }}'),e.push("value={selected}"),e.push("onChange={setSelected}"),"<Toolbar\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:u,onThemeChange:h,surface:x,onSurfaceChange:p})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"Toolbar",theme:u,surface:x})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPE"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["floating","contextual"].map(e=>a.jsx(ol,{label:al(e),selected:r===e,onClick:()=>o(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["default","primary","primary-light","white","black"].map(e=>a.jsx(ol,{label:al(e),selected:n===e,onClick:()=>i(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ORIENTATION"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["horizontal","vertical"].map(e=>a.jsx(ol,{label:al(e),selected:s===e,onClick:()=>l(e)},e))})]}),"floating"===r&&a.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"FAB Button"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Add FAB to the right of toolbar"})]}),a.jsx(Eo,{variant:"default-outline",checked:d,onChange:e=>c(e.target.checked),size:"small","aria-label":"FAB button"})]})]})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:3},children:a.jsx(t.Stack,{spacing:3,children:a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="toolbar" aria-orientation aria-label'},{label:"Items",value:'role="radio" aria-checked on each icon button'},{label:"Selection",value:"Toggle — click selected again to deselect"},{label:"Focus",value:"Uses Button component focus styles"},{label:"Floating",value:"borderRadius 56px, padding 16px, Effect-Level-2 shadow"},{label:"Contextual",value:"Standard border-radius, padding 8px, no shadow"}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"Toolbar"})})]})]})})]})]})},exports.Tooltip=function({children:e,title:r,variant:o="solid",color:n="black-white",size:i="medium",placement:s="bottom",arrow:l=!0,open:d,enterDelay:c=100,leaveDelay:u=0,describeChild:h=!1,className:x="",sx:p={},...m}){const g=Zu[i]||Zu.medium,f="solid"===o,b="light"===o,v="outline"===o,y=qu(n),j=(e=>String(e).startsWith("left")||String(e).startsWith("right"))(s),S=f?Xu[n]:b?Yu[n]:null,B="var(--Buttons-"+y+"-Button)",k="var(--Buttons-"+y+"-Text)",w=v?"1px solid var(--Buttons-"+y+"-Border)":"none",C=B,T=void 0===d?{}:{open:d};return a.jsx(t.Tooltip,{title:r?a.jsx(t.Box,{"data-theme":S||void 0,"data-surface":b?"Surface-Brightest":f?"Surface":void 0,className:"tooltip-content tooltip-"+o+" tooltip-"+n+" tooltip-"+i+" "+x,sx:{backgroundColor:B,color:k,border:w,borderRadius:"var(--Tooltip-Radius, var(--Style-Border-Radius))",fontSize:g.fontSize,lineHeight:1.5,fontFamily:"inherit",padding:g.py+" "+g.px,maxWidth:g.maxWidth+"px",display:"flex",alignItems:"center",gap:g.gap,boxShadow:"var(--Effect-Level-2)",...p},children:r}):"",placement:s,arrow:l,enterDelay:c,leaveDelay:u,describeChild:h,...T,componentsProps:{tooltip:{sx:{backgroundColor:"transparent",padding:0,maxWidth:"none",boxShadow:"none"}},arrow:{sx:{color:C,width:j?g.arrowVisible:g.arrowW,height:j?g.arrowW:g.arrowVisible,"&::before":{border:v?"1px solid var(--Buttons-"+y+"-Border)":"none",backgroundColor:C,boxSizing:"border-box",width:"100%",height:"100%"}}}},...m,children:e})},exports.TreeBranch=function({label:e,icon:r,level:o=0,toggle:n="none",onToggle:i,disabled:s=!1,size:l="small",className:d="",sx:c={},children:u,...h}){const x=6===o&&"none"!==n?"none":n,p="on"===x,m="none"!==x,g=m?Jh[o]||{padLeft:0,togglePadLeft:0}:$h[o]||$h[0],f={paddingTop:"8px",paddingRight:"8px",paddingBottom:"8px",paddingLeft:(g.padLeft??8)+"px"};return a.jsxs(t.Box,{className:"tree-branch tree-branch-"+l+" tree-branch-level-"+o+" tree-branch-toggle-"+x+(s?" tree-branch-disabled":"")+(d?" "+d:""),sx:{width:"100%",...c},...h,children:[a.jsxs(t.Box,{component:"button",type:"button",role:"treeitem","aria-expanded":m?p:void 0,"aria-disabled":s||void 0,tabIndex:s?-1:0,onClick:e=>{s||m&&(e.stopPropagation(),i?.(p?"off":"on"))},disabled:s,sx:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px",width:"100%",minHeight:"24px",...f,border:"none",backgroundColor:"transparent",fontFamily:"inherit",color:"inherit",textAlign:"left",cursor:s?"not-allowed":"pointer",opacity:s?"var(--Disabled, 0.38)":1,outline:"none",transition:"background-color 0.15s ease, color 0.15s ease","&:hover":s?{}:{backgroundColor:"var(--Hover)"},"&:active":s?{}:{backgroundColor:"var(--Pressed)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-2px"}},children:[m&&a.jsx(t.Box,{className:"tree-branch-toggle",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,paddingLeft:(g.togglePadLeft??0)+"px"},children:a.jsx(t.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",transition:"transform 0.2s ease",transform:p?"rotate(-90deg)":"rotate(0deg)"},children:a.jsx(Oa,{size:"small",children:a.jsx(ke,{})})})}),a.jsxs(t.Box,{className:"tree-branch-slot",sx:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px",flex:1,minWidth:0,...void 0!==g.slotPadLeft&&{paddingLeft:g.slotPadLeft+"px"}},children:[r&&a.jsx(t.Box,{sx:{display:"inline-flex",alignItems:"center",flexShrink:0},children:a.jsx(Oa,{size:"small",children:r})}),null!=e&&a.jsx(Xt,{style:{color:"inherit",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block",flex:1,minWidth:0},children:e})]})]}),p&&u&&a.jsx(t.Box,{role:"group",sx:{display:"flex",flexDirection:"column"},children:u})]})},exports.TreeViewShowcase=function(){const[r,o]=e.useState("solid"),[n,i]=e.useState("primary"),[s,l]=e.useState("default"),[d,c]=e.useState("slide"),[u,h]=e.useState("single"),[x,p]=e.useState(!1),[m,g]=e.useState(!1),[f,b]=e.useState(!1),[v,y]=e.useState(cu),[j,S]=e.useState(null),[B,k]=e.useState("Surface"),[w,C]=e.useState({}),T=e.useRef(null),A=Kh(n),z=f?tx:v,I=e.useCallback((e,t)=>e&&getComputedStyle(e).getPropertyValue(t).trim()||null,[]);return e.useEffect(()=>{const e=setTimeout(()=>{const e=T.current;C({text:I(e,"--Text"),textQuiet:I(e,"--Text-Quiet"),background:I(e,"--Background"),border:I(e,"--Border"),focusVisible:I(e,"--Focus-Visible"),activeBtn:I(e,"--Buttons-"+A+"-Button"),activeBorder:I(e,"--Buttons-"+A+"-Border")})},50);return()=>clearTimeout(e)},[n,j,I,A]),a.jsxs(t.Box,{sx:{pb:8},children:[a.jsx(Ht,{children:"Tree View"}),a.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[a.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[a.jsx(an,{ref:T,theme:j,children:a.jsx(t.Box,{sx:{width:"100%",maxWidth:360},children:a.jsx(du,{color:n,variant:r,density:s,animation:d,selectionMode:u,checkboxSelection:x,disableSelection:m,items:z,defaultExpandedItems:["1","1-1","2"]})})}),a.jsx(wo,{code:(()=>{const e=["<OmniTreeView"];return"default"!==n&&e.push('  color="'+n+'"'),"default"!==r&&e.push('  variant="'+r+'"'),"default"!==s&&e.push('  density="'+s+'"'),"slide"!==d&&e.push('  animation="'+d+'"'),"single"!==u&&e.push('  selectionMode="'+u+'"'),x&&e.push("  checkboxSelection"),m&&e.push("  disableSelection"),e.push("  items={treeData}"),e.push("/>"),e.join("\n")})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),a.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:a.jsxs(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:[a.jsx(t.Box,{sx:{mb:2},children:a.jsx(un,{theme:j,onThemeChange:S,surface:B,onSurfaceChange:k})}),a.jsxs(Ko,{defaultValue:0,variant:"standard",color:"primary",children:[a.jsxs(_o,{children:[a.jsx(en,{children:"Summary"}),a.jsx(en,{children:"Playground"}),a.jsx(en,{children:"Accessibility"}),a.jsx(en,{children:"Change Log"})]}),a.jsx(tn,{value:0,children:a.jsx(Bs,{component:"TreeView",theme:j,surface:B})}),a.jsx(tn,{value:1,children:a.jsxs(t.Box,{sx:{p:3},children:[a.jsxs(t.Box,{children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),a.jsxs(t.Stack,{direction:"row",spacing:1,children:[a.jsx(nx,{label:"Solid",selected:"solid"===r,onClick:()=>o("solid")}),a.jsx(nx,{label:"Light",selected:"light"===r,onClick:()=>o("light")})]})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),a.jsx(t.Stack,{spacing:1.5,children:_h.map(e=>a.jsxs(t.Box,{children:[a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),a.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>a.jsx(ix,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DENSITY"}),a.jsxs(t.Stack,{direction:"row",spacing:1,children:[a.jsx(nx,{label:"Compact",selected:"compact"===s,onClick:()=>l("compact")}),a.jsx(nx,{label:"Default",selected:"default"===s,onClick:()=>l("default")})]})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ANIMATION"}),a.jsx(t.Stack,{direction:"row",spacing:1,children:["none","slide","spring"].map(e=>a.jsx(nx,{label:Kh(e),selected:d===e,onClick:()=>c(e)},e))})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SELECTION MODE"}),a.jsxs(t.Stack,{direction:"row",spacing:1,children:[a.jsx(nx,{label:"Single",selected:"single"===u,onClick:()=>h("single")}),a.jsx(nx,{label:"Multi",selected:"multi"===u,onClick:()=>h("multi")})]})]}),a.jsxs(t.Box,{sx:{mt:3},children:[a.jsx(oa,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),a.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Show Icons"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Load sample data with icons and badges"})]}),a.jsx(Eo,{checked:f,onChange:e=>b(e.target.checked),size:"small","aria-label":"Show icons"})]}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Checkbox Selection"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show checkboxes for each item"})]}),a.jsx(Eo,{checked:x,onChange:e=>p(e.target.checked),size:"small","aria-label":"Checkbox selection"})]}),a.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[a.jsxs(t.Box,{children:[a.jsx(ra,{children:"Disable Selection"}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Items are not selectable"})]}),a.jsx(Eo,{checked:m,onChange:e=>g(e.target.checked),size:"small","aria-label":"Disable selection"})]})]}),!f&&a.jsx(t.Box,{sx:{mt:3},children:a.jsx(sx,{value:ax,onChange:y})})]})}),a.jsx(tn,{value:2,children:a.jsx(t.Box,{sx:{p:3},children:a.jsxs(t.Stack,{spacing:3,children:[a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),a.jsx(ox,{label:"Resting: var(--Text-Quiet) vs. background",ratio:Zr(w.textQuiet,w.background),threshold:4.5,note:"Unselected items use Text-Quiet"}),a.jsx(ox,{label:"Hover: var(--Text) vs. background",ratio:Zr(w.text,w.background),threshold:4.5,note:"Hovered items use var(--Text)"}),a.jsx(ox,{label:"Active (solid): var(--Text) vs. var(--Buttons-"+A+"-Button)",ratio:Zr(w.text,w.activeBtn),threshold:4.5,note:"Selected item with solid fill"})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"Focus Indicator (WCAG 2.4.11 — 3:1)"}),a.jsx(ox,{label:"var(--Focus-Visible) vs. background",ratio:Zr(w.focusVisible,w.background),threshold:3,note:"outline: 2px solid var(--Focus-Visible); outline-offset: -2px"})]}),a.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[a.jsx(Et,{children:"ARIA and Semantics"}),a.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="tree" on root, role="treeitem" on each node'},{label:"Expansion",value:'aria-expanded="true/false" on parent items'},{label:"Selection",value:"aria-selected on selected items"},{label:"Disabled",value:'aria-disabled="true" on disabled items'},{label:"Icons",value:"Icon elements are aria-hidden — label carries the accessible name"},{label:"Keyboard",value:"Arrow keys navigate, Enter/Space selects, * expands all siblings"}].map(({label:e,value:r})=>a.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[a.jsxs(qt,{children:[e,":"]}),a.jsx(ea,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})]})})}),a.jsx(tn,{value:3,children:a.jsx(ks,{component:"TreeView"})})]})]})})]})]})},exports.Typography=Lt,exports.URLTextField=function({label:e="Website",placeholder:t="https://example.com",...r}){return a.jsx(wl,{label:e,type:"url",placeholder:t,...r})},exports.VStack=os,exports.WarningTag=e=>a.jsx(Yl,{color:"warning",...e}),exports.WarningToggleButtonGroup=Bl,exports.WrapStack=ns,exports.chartGeometry=Bx,exports.componentDocsIndexUrl=function(e,t=gs){return`${t.replace(/\/+$/,"")}/docs/${encodeURIComponent(e)}`},exports.componentDocsUrl=function(e,t,a=gs){return`${a.replace(/\/+$/,"")}/docs/${encodeURIComponent(e)}/${fs(t)}`},exports.default={},exports.docsSlug=fs,exports.ghostBlockSx=ht,exports.hasExample=ps,exports.renderColourSystem=function(){const e=["## How colour works","","Three mode collections carry colour, and they are not interchangeable.","Changing the right node in the wrong collection appears to do nothing —","it does not error.",""];e.push("| Collection | What it moves | In code | In Figma |"),e.push("| --- | --- | --- | --- |");for(const t of Px)e.push(`| **${t.name}** | ${t.moves} | ${t.inCode} | ${t.inFigma} |`);return e.push("","A `Theme-*`, `Button-Theme-*` or `Icon-Theme-*` layer marks **where** a","mode goes. Most are unpinned, which means the component inherits — set the","mode on the frame around it. A pinned one is a deliberate choice: Alert","pins Error and Warning because there the colour *is* the message.","","A component with no such layer has nothing of its own to recolour.",""),e.join("\n")},exports.renderComponentDoc=function(e,t=""){const a=[`## ${e.name}`,"",e.summary,""];if(e.insteadUse.length&&(a.push("### Reach for something else when",""),a.push(...e.insteadUse.map(e=>`- ${e.when} → \`${e.use}\``)),a.push("")),e.props.length){a.push("### Props",""),a.push(...Nx(["Prop","Type","Values","Default"],e.props.map(e=>[`\`${e.name}\``,e.type,e.values?.length?e.values.map(e=>`\`${e}\``).join(" · "):"—",`\`${e.default}\``])));const t=e.props.filter(e=>e.note);t.length&&(a.push(""),a.push(...t.map(e=>`- \`${e.name}\` — ${e.note}`))),a.push("")}if(e.states.length){a.push("### States",""),a.push(...Nx(["State","Set by"],e.states.map(e=>[e.state,"interaction"===e.setBy?"interaction — not a prop":e.setBy])));const t=e.states.filter(e=>e.note);t.length&&(a.push(""),a.push(...t.map(e=>`- ${e.state} — ${e.note}`))),a.push("")}e.theming.length&&(a.push("### Theming",""),a.push(...Nx(["Collection","In code","In Figma"],e.theming.map(e=>["—"===e.collection?"—":`**${e.collection}**`,e.inCode,e.inFigma]))),e.themingNotes?.length&&(a.push(""),a.push(...e.themingNotes.map(e=>`- ${e}`))),a.push("")),e.tokens.length&&(a.push("### Tokens it reads",""),a.push(...Nx(["Token","Sets","Varies with","Figma variable"],e.tokens.map(e=>[`\`${e.name}\``,e.sets,e.variesWith,"—"===e.figma?"—":`\`${e.figma}\``]))),a.push("")),a.push(...Ex("Composition",e.composition)),a.push(...Ex("Accessibility",e.accessibility)),a.push(...Ex("Gotchas",e.gotchas));const r=t;return r.length&&a.push(...r,""),a.join("\n").replace(/\n{3,}/g,"\n\n").trimEnd()+"\n"},exports.renderFoundations=function(){const e=["# Foundations",""];for(const t of Mx)e.push(`## ${t.title}`,"",`*${t.lede}*`,""),e.push(...t.body.map(e=>e+"\n")),t.table&&(e.push(`| ${t.table.head.join(" | ")} |`),e.push(`| ${t.table.head.map(()=>"---").join(" | ")} |`),e.push(...t.table.rows.map(e=>`| ${e.join(" | ")} |`)),e.push("")),t.trap&&e.push(`> **Trap.** ${t.trap}`,"");return e.join("\n").replace(/\n{3,}/g,"\n\n").trimEnd()+"\n"},exports.useGhost=ut,exports.useOmniDesign=Fc,exports.useStepperContext=tc,exports.useTabsContext=$o;
 //# sourceMappingURL=index.js.map