@omni-design/components 0.7.10 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/dist/index.esm.js +3 -3
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +3 -3
  4. package/dist/index.js.map +1 -1
  5. package/dist/types/components/Badge/Badge.d.ts +4 -10
  6. package/dist/types/components/Badge/index.d.ts +1 -1
  7. package/dist/types/components/Card/Card.d.ts +2 -1
  8. package/dist/types/components/Chip/Chip.d.ts +1 -8
  9. package/dist/types/components/Chip/index.d.ts +1 -1
  10. package/dist/types/components/Dialog/Dialog.d.ts +14 -0
  11. package/dist/types/components/Icon/Icon.d.ts +0 -1
  12. package/dist/types/components/Input/Input.d.ts +0 -5
  13. package/dist/types/components/List/List.d.ts +5 -1
  14. package/dist/types/components/Paper/Paper.d.ts +1 -1
  15. package/dist/types/components/StateMessage/StateMessage.d.ts +11 -0
  16. package/dist/types/components/StateMessage/index.d.ts +1 -0
  17. package/dist/types/components/Stepper/Stepper.d.ts +5 -2
  18. package/dist/types/components/Table/Table.d.ts +5 -1
  19. package/dist/types/components/_ghost.d.ts +37 -0
  20. package/dist/types/components/_states.d.ts +67 -0
  21. package/dist/types/components/index.d.ts +2 -1
  22. package/package.json +10 -3
  23. package/dist/types/components/Header/Header.d.ts +0 -53
  24. package/dist/types/components/Header/index.d.ts +0 -1
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@mui/material"),t=require("react/jsx-runtime"),o=require("@mui/icons-material/ContentCopy"),a=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"),c=require("@mui/icons-material/ErrorOutline"),d=require("@mui/icons-material/InfoOutlined"),x=require("react-dom"),u=require("@mui/icons-material/ExpandMore"),h=require("@mui/icons-material/Favorite"),p=require("@mui/icons-material/Home"),m=require("@mui/icons-material/Delete"),f=require("@mui/icons-material/Settings"),g=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"),F=require("@mui/icons-material/LockOutlined"),D=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"),oe=require("@mui/icons-material/InfoTwoTone"),ae=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"),ce=require("@mui/icons-material/StarSharp"),de=require("@mui/icons-material/PersonSharp"),xe=require("@mui/icons-material/NotificationsSharp"),ue=require("@mui/icons-material/VisibilitySharp"),he=require("@mui/icons-material/ShoppingCartSharp"),pe=require("@mui/icons-material/LockSharp"),me=require("@mui/icons-material/InfoSharp"),fe=require("@mui/icons-material/Code"),ge=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"),Fe=require("@mui/icons-material/ExpandLess"),De=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"),or=require("@mui/icons-material/VideoLibrary");function ar(e){var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var ir=ar(ye);const nr=e=>`var(--${e}-Font-Family)`,lr="var(--Font-Family-Display, var(--Font-Family-Header, var(--Header-Font-Family)))",sr="var(--Font-Family-Eyebrow, var(--Decorative-Font-Family))",cr=(e,r)=>`var(--${e}-Font-Family, ${r})`,dr="var(--Font-Variation-Header, normal)",xr=(e,r)=>`var(--Eyebrow-${e}-${r}, var(--Overline-${e}-${r}))`,ur=e=>xr(e,"Font-Size"),hr=e=>xr(e,"Font-Weight"),pr=e=>xr(e,"Line-Height"),mr=e=>xr(e,"Letter-Spacing"),fr=e=>`var(--${e}-Font-Size)`,gr=e=>`var(--${e}-Font-Weight)`,br=e=>`calc(var(--${e}-Line-Height) * var(--Cognitive-Multiplier, 1))`,vr=e=>`var(--${e}-Line-Height)`,yr=e=>`var(--${e}-Letter-Spacing)`,jr={"display-large":{component:"h1",fontFamily:cr("Display-Large",lr),fontSize:fr("Display-Large"),fontWeight:gr("Display-Large"),lineHeight:br("Display-Large"),letterSpacing:yr("Display-Large"),defaultColor:"header",defaultWidth:"fill"},"display-medium":{component:"h1",fontFamily:cr("Display-Medium",lr),fontSize:fr("Display-Medium"),fontWeight:gr("Display-Medium"),lineHeight:br("Display-Medium"),letterSpacing:yr("Display-Medium"),defaultColor:"header",defaultWidth:"fill"},"display-small":{component:"h2",fontFamily:cr("Display-Small",lr),fontSize:fr("Display-Small"),fontWeight:gr("Display-Small"),lineHeight:br("Display-Small"),letterSpacing:yr("Display-Small"),defaultColor:"header",defaultWidth:"fill"},h1:{component:"h1",fontFamily:nr("Header"),fontVariationSettings:dr,fontSize:fr("H1"),fontWeight:gr("H1"),lineHeight:br("H1"),letterSpacing:yr("H1"),defaultColor:"header",defaultWidth:"fill"},h2:{component:"h2",fontFamily:nr("Header"),fontVariationSettings:dr,fontSize:fr("H2"),fontWeight:gr("H2"),lineHeight:br("H2"),letterSpacing:yr("H2"),defaultColor:"header",defaultWidth:"fill"},h3:{component:"h3",fontFamily:nr("Header"),fontVariationSettings:dr,fontSize:fr("H3"),fontWeight:gr("H3"),lineHeight:br("H3"),letterSpacing:yr("H3"),defaultColor:"header",defaultWidth:"fill"},h4:{component:"h4",fontFamily:nr("Header"),fontVariationSettings:dr,fontSize:fr("H4"),fontWeight:gr("H4"),lineHeight:br("H4"),letterSpacing:yr("H4"),defaultColor:"standard",defaultWidth:"fill"},h5:{component:"h5",fontFamily:nr("Header"),fontVariationSettings:dr,fontSize:fr("H5"),fontWeight:gr("H5"),lineHeight:br("H5"),letterSpacing:yr("H5"),defaultColor:"standard",defaultWidth:"fill"},h6:{component:"h6",fontFamily:nr("Header"),fontVariationSettings:dr,fontSize:fr("H6"),fontWeight:gr("H6"),lineHeight:br("H6"),letterSpacing:yr("H6"),defaultColor:"standard",defaultWidth:"fill"},"subtitle-large":{component:"p",fontFamily:nr("Body"),fontSize:fr("Subtitle-Large"),fontWeight:gr("Subtitle-Large"),lineHeight:br("Subtitle-Large"),letterSpacing:yr("Subtitle-Large"),defaultColor:"header",defaultWidth:"fill"},subtitle:{component:"p",fontFamily:nr("Body"),fontSize:fr("Subtitle-Medium"),fontWeight:gr("Subtitle-Medium"),lineHeight:br("Subtitle-Medium"),letterSpacing:yr("Subtitle-Medium"),defaultColor:"header",defaultWidth:"fill"},"subtitle-small":{component:"p",fontFamily:nr("Body"),fontSize:fr("Subtitle-Small"),fontWeight:gr("Subtitle-Small"),lineHeight:br("Subtitle-Small"),letterSpacing:yr("Subtitle-Small"),defaultColor:"header",defaultWidth:"fill"},"body-small":{component:"p",fontFamily:nr("Body"),fontSize:fr("Body-Small"),fontWeight:gr("Body-Small"),lineHeight:br("Body-Small"),letterSpacing:yr("Body-Small"),defaultColor:"standard",defaultWidth:"fill"},"body-small-semibold":{component:"p",fontFamily:nr("Body"),fontSize:fr("Body-Small"),fontWeight:gr("Body-Small-Semibold"),lineHeight:br("Body-Small"),letterSpacing:yr("Body-Small"),defaultColor:"standard",defaultWidth:"fill"},body:{component:"p",fontFamily:nr("Body"),fontSize:fr("Body-Medium"),fontWeight:gr("Body-Medium"),lineHeight:br("Body-Medium"),letterSpacing:yr("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-medium":{component:"p",fontFamily:nr("Body"),fontSize:fr("Body-Medium"),fontWeight:gr("Body-Medium"),lineHeight:br("Body-Medium"),letterSpacing:yr("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-semibold":{component:"p",fontFamily:nr("Body"),fontSize:fr("Body-Medium"),fontWeight:gr("Body-Medium-Semibold"),lineHeight:br("Body-Medium"),letterSpacing:yr("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-medium-semibold":{component:"p",fontFamily:nr("Body"),fontSize:fr("Body-Medium"),fontWeight:gr("Body-Medium-Semibold"),lineHeight:br("Body-Medium"),letterSpacing:yr("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-large":{component:"p",fontFamily:nr("Body"),fontSize:fr("Body-Large"),fontWeight:gr("Body-Large"),lineHeight:br("Body-Large"),letterSpacing:yr("Body-Large"),defaultColor:"standard",defaultWidth:"fill"},"body-large-semibold":{component:"p",fontFamily:nr("Body"),fontSize:fr("Body-Large"),fontWeight:gr("Body-Large-Semibold"),lineHeight:br("Body-Large"),letterSpacing:yr("Body-Large"),defaultColor:"standard",defaultWidth:"fill"},caption:{component:"span",fontFamily:nr("Body"),fontSize:fr("Caption"),fontWeight:gr("Caption"),lineHeight:br("Caption"),letterSpacing:yr("Caption"),defaultColor:"quiet",defaultWidth:"hug"},"caption-bold":{component:"span",fontFamily:nr("Body"),fontSize:fr("Caption"),fontWeight:gr("Caption-Bold"),lineHeight:br("Caption"),letterSpacing:yr("Caption"),defaultColor:"quiet",defaultWidth:"hug"},"label-extra-small":{component:"label",fontFamily:nr("Body"),fontSize:fr("Label-ExtraSmall"),fontWeight:gr("Label-ExtraSmall"),lineHeight:vr("Label-ExtraSmall"),letterSpacing:yr("Label-ExtraSmall"),defaultColor:"standard",defaultWidth:"hug"},"label-small":{component:"label",fontFamily:nr("Body"),fontSize:fr("Label-Small"),fontWeight:gr("Label-Small"),lineHeight:vr("Label-Small"),letterSpacing:yr("Label-Small"),defaultColor:"standard",defaultWidth:"hug"},label:{component:"label",fontFamily:nr("Body"),fontSize:fr("Label-Medium"),fontWeight:gr("Label-Medium"),lineHeight:vr("Label-Medium"),letterSpacing:yr("Label-Medium"),defaultColor:"standard",defaultWidth:"hug"},"label-medium":{component:"label",fontFamily:nr("Body"),fontSize:fr("Label-Medium"),fontWeight:gr("Label-Medium"),lineHeight:vr("Label-Medium"),letterSpacing:yr("Label-Medium"),defaultColor:"standard",defaultWidth:"hug"},"label-large":{component:"label",fontFamily:nr("Body"),fontSize:fr("Label-Large"),fontWeight:gr("Label-Large"),lineHeight:vr("Label-Large"),letterSpacing:yr("Label-Large"),defaultColor:"standard",defaultWidth:"hug"},legal:{component:"span",fontFamily:nr("Body"),fontSize:fr("Legal"),fontWeight:gr("Legal"),lineHeight:br("Legal"),letterSpacing:yr("Legal"),defaultColor:"quiet",defaultWidth:"hug"},"legal-semibold":{component:"span",fontFamily:nr("Body"),fontSize:fr("Legal"),fontWeight:gr("Legal-Semibold"),lineHeight:br("Legal"),letterSpacing:yr("Legal"),defaultColor:"quiet",defaultWidth:"hug"},"eyebrow-small":{component:"span",fontFamily:sr,fontSize:ur("Small"),fontWeight:hr("Small"),lineHeight:pr("Small"),letterSpacing:mr("Small"),textTransform:"uppercase",defaultColor:"eyebrow",defaultWidth:"hug"},eyebrow:{component:"span",fontFamily:sr,fontSize:ur("Medium"),fontWeight:hr("Medium"),lineHeight:pr("Medium"),letterSpacing:mr("Medium"),textTransform:"uppercase",defaultColor:"eyebrow",defaultWidth:"hug"},"eyebrow-large":{component:"span",fontFamily:sr,fontSize:ur("Large"),fontWeight:hr("Large"),lineHeight:pr("Large"),letterSpacing:mr("Large"),textTransform:"uppercase",defaultColor:"eyebrow",defaultWidth:"hug"},"number-small":{component:"span",fontFamily:nr("Body"),fontSize:fr("Number-Small"),fontWeight:gr("Number-Small"),lineHeight:vr("Number-Small"),letterSpacing:yr("Number-Small"),fontVariantNumeric:"tabular-nums",defaultColor:"standard",defaultWidth:"hug"},"number-medium":{component:"span",fontFamily:nr("Body"),fontSize:fr("Number-Medium"),fontWeight:gr("Number-Medium"),lineHeight:vr("Number-Medium"),letterSpacing:yr("Number-Medium"),fontVariantNumeric:"tabular-nums",defaultColor:"standard",defaultWidth:"hug"},"number-large":{component:"span",fontFamily:nr("Body"),fontSize:fr("Number-Large"),fontWeight:gr("Number-Large"),lineHeight:vr("Number-Large"),letterSpacing:yr("Number-Large"),fontVariantNumeric:"tabular-nums",defaultColor:"standard",defaultWidth:"hug"},"button-extra-small":{component:"span",fontFamily:nr("Body"),fontSize:fr("Button-ExtraSmall"),fontWeight:gr("Button-ExtraSmall"),lineHeight:vr("Button-ExtraSmall"),letterSpacing:yr("Button-ExtraSmall"),defaultColor:"standard",defaultWidth:"hug"},"button-small":{component:"span",fontFamily:nr("Body"),fontSize:fr("Button-Small"),fontWeight:gr("Button-Small"),lineHeight:vr("Button-Small"),letterSpacing:yr("Button-Small"),defaultColor:"standard",defaultWidth:"hug"},button:{component:"span",fontFamily:nr("Body"),fontSize:"var(--Button-Standard-Font-Size, var(--Button-Font-Size))",fontWeight:"var(--Button-Standard-Font-Weight, var(--Body-Font-Weight))",lineHeight:vr("Button-Standard"),letterSpacing:yr("Button-Standard"),defaultColor:"standard",defaultWidth:"hug"},"button-standard":{component:"span",fontFamily:nr("Body"),fontSize:"var(--Button-Standard-Font-Size, var(--Button-Font-Size))",fontWeight:"var(--Button-Standard-Font-Weight, var(--Body-Font-Weight))",lineHeight:vr("Button-Standard"),letterSpacing:yr("Button-Standard"),defaultColor:"standard",defaultWidth:"hug"}},Sr={"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"},Br={"eyebrow-small":"overline-small",eyebrow:"overline","eyebrow-large":"overline-large"},kr={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)"},Cr=new Set(["h1","h2","h3","h4","h5","h6","display-large","display-medium","display-small","subtitle-large","subtitle","subtitle-small"]);function Tr({children:e,textStyle:o="body",color:a,width:i,component:n,noWrap:l=!1,gutterBottom:s=!1,className:c="",sx:d={},...x}){const u=Sr[o]||o,h=jr[u]||jr.body,p="string"==typeof h.fontSize?h.fontSize.match(/--([\w-]+)-Font-Size/):null,m=p?p[1]:null,f=m?"var(--"+m+"-Text-Decoration, "+(h.textDecoration||"none")+")":h.textDecoration||"none",g=m?"var(--"+m+"-Text-Transform, "+(h.textTransform||"none")+")":h.textTransform||"none",b=function(e,r,t){const o=Cr.has(e);return(o?kr:wr)[r||t]||(o?kr.header:wr.standard)}(u,a,h.defaultColor),v=i||h.defaultWidth,y="fill"===v,j=n||h.component,S=a||h.defaultColor;return t.jsx(r.Box,{component:j,className:"typography typography-"+u+(Br[u]?" typography-"+Br[u]:"")+" typography-color-"+S+" typography-width-"+v+" "+c,sx:{fontFamily:h.fontFamily,fontVariationSettings:h.fontVariationSettings||"normal",fontSize:h.fontSize,fontWeight:h.fontWeight,lineHeight:h.lineHeight,letterSpacing:h.letterSpacing,textDecoration:f,textTransform:g,fontVariantNumeric:h.fontVariantNumeric||"normal",color:b,display:y?"block":"inline",width:y?"100%":"auto",margin:0,marginBottom:s?"0.5em":0,padding:0,...l&&{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},...d},...x,children:e})}const zr={"@supports (text-box-edge: cap alphabetic)":{textBoxTrim:"trim-both",textBoxEdge:"cap alphabetic",paddingTop:0,paddingBottom:0}},Ar=e=>t.jsx(Tr,{textStyle:"h3",...e}),Ir=e=>t.jsx(Tr,{textStyle:"h4",...e}),Rr=e=>t.jsx(Tr,{textStyle:"h5",...e}),Wr=Ir,Fr=e=>t.jsx(Tr,{textStyle:"subtitle-large",...e}),Dr=e=>t.jsx(Tr,{textStyle:"subtitle",...e}),Lr=e=>t.jsx(Tr,{textStyle:"subtitle-small",...e}),Pr=Fr,Hr=Dr,Mr=e=>t.jsx(Tr,{textStyle:"body-small",...e}),Er=e=>t.jsx(Tr,{textStyle:"body-small-semibold",...e}),Or=e=>t.jsx(Tr,{textStyle:"body",...e}),Nr=Or,Qr=Mr,Vr=e=>t.jsx(Tr,{textStyle:"body-large",...e}),Gr=e=>t.jsx(Tr,{textStyle:"caption",...e}),qr=e=>t.jsx(Tr,{textStyle:"label-extra-small",...e}),Ur=e=>t.jsx(Tr,{textStyle:"label-small",...e}),Xr=e=>t.jsx(Tr,{textStyle:"label",...e}),Yr=e=>t.jsx(Tr,{textStyle:"eyebrow-small",...e}),Zr=e=>t.jsx(Tr,{textStyle:"eyebrow",...e}),Jr=e=>t.jsx(Tr,{textStyle:"eyebrow",...e}),Kr=e=>t.jsx(Tr,{textStyle:"eyebrow-large",...e}),$r=Yr,_r=Zr,et=Jr,rt=Kr,tt=e=>t.jsx(Tr,{textStyle:"number-small",...e}),ot=e=>t.jsx(Tr,{textStyle:"number-medium",...e}),at=e=>t.jsx(Tr,{textStyle:"number-large",...e}),it=e=>t.jsx(Tr,{textStyle:"button-extra-small",...e}),nt=e=>t.jsx(Tr,{textStyle:"button-small",...e}),lt=e=>t.jsx(Tr,{textStyle:"button",...e}),st={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},ct={xs:"12px",small:"16px",medium:"24px",large:"32px"};function dt({children:e,color:o="default",size:a="medium",fontSize:i,disabled:n=!1,twoTone:l=!1,className:s="",sx:c={},"aria-label":d,...x}){const u=st[o]||"Default",h="custom"===a&&i?"number"==typeof i?i+"px":i:ct[a]||ct.medium,p="default"===o?"inherit":"var(--Icons-"+u+")",m="var(--Icons-Variant-"+u+")";return t.jsx(r.Box,{component:"span",className:"icon icon-"+o+" icon-"+a+(n?" icon-disabled":"")+(l?" icon-twotone":"")+(s?" "+s:""),"aria-hidden":d?void 0:"true","aria-label":d||void 0,role:d?"img":void 0,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:h,color:p,opacity:n?.38:1,cursor:n?"not-allowed":"inherit",lineHeight:1,flexShrink:0,...l&&{"--twotone-variant":m},"& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"},...c},...x,children:e})}const xt="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",ut={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral"},ht={"xxx-small":{size:16,iconSize:10},"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 pt="var(--Button-Border-Width, 1px)";function mt({src:o,defaultPhoto:a=!0,alt:n,initials:l,icon:s,color:c="default",size:d="x-small",customSize:x,clickable:u=!1,onClick:h,insideButton:p=!1,className:m="",sx:f={},...g}){const[b,v]=e.useState(!1),y="custom"===d&&x?{size:x}:ht[d]||ht.medium,j=ut[c]||ut.default,S=o||(!a||l||s?void 0:xt),B=S&&!b,k=!B&&l,w=!B&&!k,C=u||!!h,T=B?"transparent":"var(--Buttons-"+j+"-Button)",z="var(--Buttons-"+j+"-Border)",A="var(--Buttons-"+j+"-Text)",I=C?"button":"div";return t.jsxs(r.Box,{component:I,type:C?"button":void 0,role:C?"button":"img","aria-label":n||l||"Avatar",tabIndex:C?0:void 0,onClick:C?h:void 0,className:"avatar avatar-"+d+" avatar-"+c+(C?" avatar-clickable":"")+(B?" avatar-image":k?" avatar-initials":" avatar-fallback")+(m?" "+m:""),sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:y.size+"px",height:y.size+"px",borderRadius:"50%",backgroundColor:T,color:A,fontFamily:"inherit",fontWeight:600,overflow:"hidden",flexShrink:0,border:B?pt+" solid var(--Border)":k?pt+" solid "+z:"none",...p&&{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"}},...f},...g,children:[B&&t.jsx(r.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"xxx-small":case"xx-small":case"x-small":case"small":return tt;case"medium":case"large":default:return ot;case"x-large":case"xx-large":return at}}(d);return t.jsx(e,{sx:{color:"inherit",fontSize:(r=y.size,Math.round(7*r/12)+"px"),lineHeight:1,textAlign:"center",...zr},"aria-hidden":"true",children:l.slice(0,2).toUpperCase()});var r})(),w&&t.jsx(dt,{size:d,sx:{color:"inherit"},children:s||t.jsx(i,{})})]})}function ft({children:o,max:a=5,size:i="medium",spacing:n=-8,className:l="",sx:s={},...c}){const d=e.Children.toArray(o),x=d.slice(0,a),u=d.length-a;return t.jsxs(r.Box,{role:"group","aria-label":"Avatar group, "+d.length+" avatars",className:"avatar-group "+l,sx:{display:"inline-flex",alignItems:"center","& > *:not(:first-of-type)":{marginLeft:n+"px"},...s},...c,children:[x,u>0&&t.jsx(mt,{initials:"+"+u,size:i,color:"neutral",sx:{border:"2px solid var(--Background)",zIndex:0}})]})}const gt=["primary","secondary","tertiary","neutral","info","success","warning","error"],bt=e=>e.charAt(0).toUpperCase()+e.slice(1);function vt(){const e={};return gt.forEach(r=>{e[r]=function(e){const r=bt(e);return{bg:"var(--Buttons-"+r+"-Button)",text:"var(--Buttons-"+r+"-Text)",border:"none"}}(r),e[r+"-outline"]=function(e){return{bg:"var(--Background)",text:"var(--Text)",border:"1px solid var(--Buttons-"+bt(e)+"-Border)"}}(r),e[r+"-light"]=function(e){const r=bt(e);return{bg:"var(--Buttons-"+r+"-Button)",text:"var(--Buttons-"+r+"-Text)",border:"1px solid var(--Buttons-"+r+"-Border)"}}(r)}),e}const yt={small:{size:"var(--Sizing-2)",padX:"var(--Sizing-Half)",dot:"var(--Sizing-1)",digits:"var(--Sm-Button-Numbers)"},medium:{size:"var(--Sizing-2-and-Half)",padX:"6px",dot:"10px",digits:"var(--Button-Numbers)"},large:{size:"var(--Sizing-3)",padX:"var(--Sizing-1)",dot:"var(--Sizing-1-and-Half)",digits:"var(--Lg-Button-Numbers)"}};function jt({variant:e="primary",size:o="medium",badgeContent:a,max:i=99,showZero:n=!1,invisible:l=!1,dot:s=!1,overlap:c="rectangular",anchorOrigin:d={vertical:"top",horizontal:"right"},children:x,className:u="",sx:h={},...p}){const m=vt(),f=m[e]||m.primary,g=yt[o]||yt.medium;let b=a;s?b="":"number"==typeof a&&a>i&&(b=i+"+");const v=l||!s&&!n&&(0===a||null==a),y={"& .MuiBadge-badge":{minWidth:s?g.dot:g.size,height:s?g.dot:g.size,padding:s?0:"0 "+g.padX,fontFamily:"var(--Button-Small-Font-Family)",fontWeight:"var(--Button-Small-Font-Weight)",lineHeight:"var(--Button-Small-Line-Height)",letterSpacing:"var(--Button-Small-Letter-Spacing)",fontSize:g.digits,borderRadius:s?g.dot:g.size,backgroundColor:f.bg,color:f.text,border:f.border,boxSizing:"border-box",boxShadow:"0 0 0 1px var(--Background)",transition:"transform 0.2s ease, opacity 0.2s ease"},...h};return t.jsx(r.Badge,{badgeContent:s?"":b,max:i,showZero:n,invisible:v,overlap:c,anchorOrigin:d,variant:s?"dot":"standard",className:"badge-"+e+" "+u,sx:y,...p,children:x})}const St={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 Bt(e){return St[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 kt=(e,r)=>0===e?"none":"var(--Effect-Level-"+e+", "+r+")",wt=kt(1,Bt(1)),Ct=kt(2,Bt(2)),Tt=kt(3,Bt(3)),zt=kt(4,Bt(4)),At=kt(5,Bt(5)),It={0:"none",1:wt,2:Ct,3:Tt,4:zt,5:At},Rt={"black-white":"BlackWhite"},Wt=e=>{return Rt[e]||(r=e).charAt(0).toUpperCase()+r.slice(1);var r},Ft={small:"Sm-",medium:"",large:"Lg-"};function Dt(e,r){const t=Wt(e),o=(e,r)=>`color-mix(in srgb, rgb(var(${e}, ${r})) calc(var(--Button-Bevel-Opacity, 0.5) * 100%), transparent)`,a="var(--_bevel)",i="calc(-1 * var(--_bevel))",n=Ft[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",a)} ${l("Lowlight-Spread",i)} `+o(`--Buttons-${t}-Lowlight`,"0 0 0"),`inset ${l("Highlight-Offset-x",a)} ${l("Highlight-Offset-y",a)} ${l("Highlight-Blur-Radius",a)} ${l("Highlight-Spread",i)} `+o(`--Buttons-${t}-Highlight`,"255 255 255")].join(", ")}const Lt={small:"var(--Sm-Button-Text-Padding)",medium:"var(--Button-Text-Padding)",large:"var(--Lg-Button-Text-Padding)"},Pt=e=>"small"===e?"var(--Sm-Avatar-Text)":"large"===e?"var(--Lg-Avatar-Text)":"var(--Avatar-Text)",Ht={small:{avatar:"xxx-small",icon:"small"},medium:{avatar:"xx-small",icon:"medium"},large:{avatar:"small",icon:"large"}};function Mt(r,t){if(!e.isValidElement(r))return r;const o=Ht[t]||Ht.medium;return r.type===mt?e.cloneElement(r,{size:o.avatar,insideButton:!0}):r.type===dt?e.cloneElement(r,{size:o.icon}):r}const Et=["default","primary","secondary","tertiary","neutral","info","success","warning","error"],Ot=Wt;function Nt(e,r=!1,t=!1,o="medium"){const a=Ot(e),i=Dt(e,o),n=r?wt:"none";return{backgroundColor:`var(--Buttons-${a}-Button)`,color:`var(--Buttons-${a}-Text)`,border:`var(--Button-Border-Width) solid var(--Buttons-${a}-Border)`,boxShadow:"none"===n?i:`${i}, ${n}`,position:"relative",zIndex:1,"& .MuiTouchRipple-rippleVisible":{color:`var(--Buttons-${a}-Hover)`,zIndex:-1},"&:hover":{backgroundColor:`var(--Buttons-${a}-Hover)`,boxShadow:`${i}, ${r?Ct:wt}`,...!t&&{transform:"translateY(-1px)"}},"&:active":{backgroundColor:`var(--Buttons-${a}-Pressed)`,boxShadow:i,...!t&&{transform:"translateY(0)"}},"&.Mui-focusVisible":{backgroundColor:`var(--Buttons-${a}-Button)`,outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"& .MuiTouchRipple-root":{zIndex:-1},"& .MuiTypography-root":{zIndex:1},"& .MuiButton-icon":{zIndex:1}}}function Qt(e,r=!1){return{backgroundColor:"transparent",color:"var(--Text)",border:`var(--Button-Border-Width) solid var(--Buttons-${Ot(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 Vt(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 Gt=/-light$/,qt=new Set;const Ut={small:"var(--Small-Button-Height)",medium:"var(--Button-Height)",large:"var(--Large-Button-Height)"},Xt={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 Yt({variant:o="default",size:a="medium",elevated:i=!1,selected:n=!1,fullWidth:l=!1,disabled:s=!1,iconOnly:c=!1,letterNumber:d=!1,avatar:x=!1,swatch:u=!1,swatchColor:h,startIcon:p,endIcon:m,startDecorator:f,endDecorator:g,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=c||x||u,I=A||d;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&&!d,F=function(e){const r=String(e||"default");if(!Gt.test(r))return r;const t=r.replace(Gt,"");return"production"===process.env.NODE_ENV||qt.has(r)||(qt.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}(!x&&!u||"ghost"!==o&&"text"!==o?o:"primary"),D=function(e,r=!1,t=!1,o="medium"){const a={};return Et.forEach(e=>{a[e]=Nt(e,r,t,o),a[`${e}-outline`]=Qt(e,t)}),a["black-white"]=Nt("black-white",r,t,o),a["black-white-outline"]=Qt("black-white",t),a.danger=Nt("error",r,t,o),a.outline=Qt("default",t),a.ghost=Vt(e,t),a.text=Vt(e,t),a}(R,i,n,a),L=D[F]||D.default,P=function({size:e,iconOnly:r,letterNumber:t,avatar:o}){const a=Xt[e]||Xt.medium,i=Ut[e]||Ut.medium;if(r)return{height:i,width:i,minWidth:"unset",minHeight:"unset",fontSize:o?Pt(e):"small"===e?"0.875rem":a.fontSize,padding:"0","--_height":i};return t?{...a,minHeight:i,minWidth:i,padding:"0"}:{...a,padding:"large"===e?"0 var(--Lg-Button-Padding)":"0 var(--Button-Padding)"}}({size:a,iconOnly:A,letterNumber:d,avatar:x}),H="small"===a?nt:lt,M=void 0!==f?Mt(f,a):void 0,E=void 0!==g?Mt(g,a):void 0,O=j||("small"===a?"small":"large"===a?"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:a,...W&&{fullWidth:!0},disabled:s,startIcon:void 0!==M?M:x?(()=>{if(x&&w){const e=Ut[a]||Ut.medium,o=Pt(a);return t.jsx(r.Avatar,{sx:{width:e,height:e,backgroundColor:"inherit",color:"inherit",fontSize:o},children:w})}return p})():p,endIcon:void 0!==E?E:m,className:`btn-${o} ${C}`,role:"button",sx:{borderRadius:x?"var(--Large-Button-Height)":c||u?"small"===a?"var(--Sm-Button-Icon-Radius, var(--Button-Icon-Radius))":"large"===a?"var(--Lg-Button-Icon-Radius, var(--Button-Icon-Radius))":"var(--Button-Icon-Radius)":"small"===a?"var(--Sm-Button-Radius, var(--Button-Radius))":"large"===a?"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"===a&&{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:x?"0px !important":"2px !important"},...x&&{"& .MuiAvatar-root":{fontSize:Pt(a)}},"& .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:.6,cursor:"not-allowed",pointerEvents:"none",backgroundColor:L.backgroundColor,color:L.color,border:L.border,boxShadow:"none"},...u&&{border:"var(--Button-Border-Width) solid var(--Border)",padding:"1px",width:Ut[a]||Ut.medium,height:Ut[a]||Ut.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,...u?{style:{backgroundColor:"transparent"}}:{},children:x?null:u?t.jsx(r.Box,{className:"btn-swatch-inner",style:{width:"100%",height:"100%",borderRadius:"small"===a?"var(--Sm-Button-Icon-Inner-Radius, calc(var(--Button-Icon-Radius) - 2px))":"large"===a?"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(d){const e="small"===a?it:H;return t.jsx(e,{component:"span",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:"4px",color:"inherit",lineHeight:1,...zr},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:Lt[a]||Lt.medium},children:t.jsx(H,{component:"span",sx:{color:"inherit",...zr},children:w})}):w})()})]});return b?t.jsx(jt,{variant:y,size:O,badgeContent:v,dot:S,max:B,anchorOrigin:k,showZero:0===v,children:N}):N}const Zt=["default","primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],Jt=e=>"Default"===e?"var(--Quiet)":"var(--Buttons-"+e+"-Border)";function Kt(){const e={};return Zt.forEach(r=>{e[r]=function(e){const r=Wt(e);return{color:r,borderToken:Jt(r),icon:"var(--Buttons-"+r+"-Border)"}}(r)}),e}const $t=/-(outline|light|solid)$/,_t=new Set;function eo(e){const r=Kt();return r[function(e){const r=String(e||"default");if(!$t.test(r))return r;const t=r.replace($t,"");return"production"===process.env.NODE_ENV||_t.has(r)||(_t.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 ro={small:{box:16,icon:12,labelSize:"13px",gap:6,touchTarget:24},medium:{box:20,icon:14,labelSize:"15px",gap:8,touchTarget:24},large:{box:24,icon:18,labelSize:"17px",gap:10,touchTarget:24}};function to({size:e,variant:o,checked:i,indeterminate:l}){const s=eo(o),c=ro[e]||ro.medium,d=i||l,x=s.borderToken,u="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:c.box,height:c.box,boxSizing:"border-box",borderRadius:u,border:"2px solid "+x,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:d&&(l?t.jsx(n,{sx:{fontSize:c.icon,color:s.icon}}):t.jsx(a,{sx:{fontSize:c.icon,color:s.icon}}))})})}function oo({size:e,variant:r}){return t.jsx(to,{size:e,variant:r,checked:!1,indeterminate:!1})}function ao({size:e,variant:r}){return t.jsx(to,{size:e,variant:r,checked:!0,indeterminate:!1})}function io({size:e,variant:r}){return t.jsx(to,{size:e,variant:r,checked:!1,indeterminate:!0})}function no({variant:e="primary",size:o="medium",label:a,checked:i,defaultChecked:n,indeterminate:l=!1,disabled:s=!1,onChange:c,name:d,value:x,className:u="",sx:h={},"aria-label":p,"aria-labelledby":m,"aria-describedby":f,inputProps:g={},...b}){eo(e);const v=ro[o]||ro.medium,y="small"===o?Mr:Or,j={...g,...p&&{"aria-label":p},...m&&{"aria-labelledby":m},...f&&{"aria-describedby":f}},S=t.jsx(r.Checkbox,{checked:i,defaultChecked:n,indeterminate:l,disabled:s,onChange:c,name:d,value:x,icon:t.jsx(oo,{size:o,variant:e}),checkedIcon:t.jsx(ao,{size:o,variant:e}),indeterminateIcon:t.jsx(io,{size:o,variant:e}),className:"chk-"+e+" "+u,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"},"&.Mui-focusVisible .chk-box-icon":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled":{opacity:.6,cursor:"not-allowed",pointerEvents:"none"},...h},...b});return a?t.jsx(r.FormControlLabel,{control:S,label:t.jsx(y,{component:"span",sx:{color:s?"var(--Text-Quiet)":"var(--Text)",fontSize:v.labelSize,lineHeight:1.4,userSelect:"none"},children:a}),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 lo=["primary","secondary","tertiary","neutral","info","success","warning","error"],so=e=>e.charAt(0).toUpperCase()+e.slice(1);function co(e){return{bg:"var(--Hover)",border:"var(--Buttons-"+so(e)+"-Border)",text:"var(--Text)",focusBg:"var(--Hover)"}}function xo(e){const r=so(e);return{bg:"var(--Buttons-"+r+"-Light-Button, var(--Hover))",border:"var(--Buttons-"+r+"-Border)",text:"var(--Text)",focusBg:"var(--Buttons-"+r+"-Light-Button, var(--Hover))"}}const uo={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}},ho={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}},po={small:{resting:"Body-Small",shrunk:"Label-ExtraSmall"},medium:{resting:"Body-Medium",shrunk:"Label-Small"},large:{resting:"Body-Large",shrunk:"Label-Medium"}},mo=e=>({fontSize:"var(--"+e+"-Font-Size)",fontWeight:"var(--"+e+"-Font-Weight)",letterSpacing:"var(--"+e+"-Letter-Spacing)"});const fo={info:d,success:l,warning:s,error:c},go={info:{border:"var(--Buttons-Info-Border)",icon:"var(--Icons-Info)",text:"var(--Hotlink)"},success:{border:"var(--Buttons-Success-Border)",icon:"var(--Icons-Success)",text:"var(--Text-Success)"},warning:{border:"var(--Buttons-Warning-Border)",icon:"var(--Icons-Warning)",text:"var(--Text-Warning)"},error:{border:"var(--Buttons-Error-Border)",icon:"var(--Icons-Error)",text:"var(--Text-Error)"}};function bo({variant:o="primary-outline",size:a="medium",label:i,labelPosition:n="standard",placeholder:l,helperText:s,validation:c,validationMessage:d,disabled:x=!1,id:u,value:h,defaultValue:p,onChange:m,name:f,type:g="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={},...F}){const D=function(){const e={};return lo.forEach(r=>{e[r+"-outline"]=co(r),e[r+"-light"]=xo(r)}),e.outline=co("primary"),e.light=xo("primary"),e}(),L=D[o]||D["primary-outline"],P="floating"===n;o.endsWith("-light");const H=P?ho[a]||ho.medium:uo[a]||uo.medium,M=e.useId(),E=u||M,{labelX:O,padX:N,restingY:Q,shrunkY:V}=function(e,r){const t=parseInt(e.height,10)||56,o=parseInt(e.fontSize,10)||15,a="var(--Input-Padding, "+(e.leftPad||14)+"px)",i=(e.iconSize||18)+8;return{labelX:r?"calc("+a+" + "+i+"px)":a,padX:a,clearance:r?i:0,restingY:Math.round((t-1.4375*o)/2),shrunkY:6}}(H,!!S),G=po[a]||po.medium,q=o.replace(/-outline$/,"").replace(/-light$/,"");so(q);const U="var(--Text)",X=c?go[c]:null,Y=c?fo[c]:null,Z=X?X.border:L.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-"+o+" "+w,sx:{width:k?"100%":"auto",...C},children:[(()=>{if(!i||P)return null;const e="small"===a?Mr:Or;return t.jsx(e,{component:"label",htmlFor:E,sx:{display:"block",marginBottom:"6px",color:x?"var(--Quiet)":"var(--Text)",fontSize:H.labelSize,fontWeight:500,opacity:x?.6:1},children:i})})(),t.jsx(r.Box,{sx:{border:"1px solid "+Z,borderRadius:"small"===a?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===a?"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","&: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:f,type:g,disabled:x,placeholder:l,id:E,multiline:b,rows:v,maxRows:y,fullWidth:!0,label:P?i:void 0,variant:"outlined",size:"small"===a?"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:U},"&:not(.Mui-focused) .MuiOutlinedInput-input:not(:placeholder-shown)":{color:U},"&.Mui-disabled":{opacity:.6,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))",...mo(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)",...mo(G.shrunk),color:"var(--Quiet)"},"&.Mui-focused":{color:U},"&.Mui-disabled":{color:"var(--Quiet)",opacity:.6}},"& .MuiOutlinedInput-notchedOutline legend":{display:"none"},"& .MuiOutlinedInput-notchedOutline":{top:0},"& .MuiOutlinedInput-root.Mui-focused":{outline:"none"},"& .MuiOutlinedInput-root:focus-within":{outline:"none"}},...F})})}),c&&d?t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:"6px",marginTop:"4px",marginLeft:"2px"},children:[Y&&t.jsx(Y,{sx:{fontSize:H.iconSize,color:X.icon,flexShrink:0}}),t.jsx(r.FormHelperText,{sx:{color:X.text,fontSize:"small"===a?"11px":"12px",margin:0},children:d})]}):s?t.jsx(r.FormHelperText,{sx:{color:"var(--Quiet)",fontSize:"small"===a?"11px":"12px",marginTop:"4px",marginLeft:"2px"},children:s}):null]})}const vo=e=>e.charAt(0).toUpperCase()+e.slice(1),yo={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}},jo={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 So({options:o=[],value:i,defaultValue:n="",onChange:l,label:s,labelPosition:c="top",size:d="medium",variant:h="outline",color:p="primary",selectionStyle:m="default",mode:f="standard",placeholder:g="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=vo(C),z="var(--Buttons-"+T+"-Border)",A="default"===p?"var(--Text)":"var(--Text-"+T+")",[I,R]=e.useState(n),[W,F]=e.useState(!1),[D,L]=e.useState(!1),[P,H]=e.useState({top:0,left:0,width:0,direction:"down"}),M=e.useRef(null),E=e.useRef(null),[O,N]=e.useState(null),[Q,V]=e.useState(null),G=void 0!==i,q=G?i:I,U=o.flatMap(e=>e&&Array.isArray(e.options)?e.options:[e]).find(e=>("string"==typeof e?e:e.value)===q),X=U?"string"==typeof U?U:U.label:"",Y=""!==q&&null!=q,Z="floating"===c,J="top"===c,K="color"===f,$=Z?jo[d]||jo.medium:yo[d]||yo.medium,_=e.useCallback(e=>{G||R(e),l?.(e),F(!1),E.current?.focus()},[G,l]),ee=e.useCallback(()=>{if(!E.current)return{top:0,left:0,width:0};const e=E.current.getBoundingClientRect(),r=window.innerHeight-e.bottom,t=e.top,o=r>=240||r>=t?"down":"up";return{top:"down"===o?e.bottom+4:void 0,bottom:"up"===o?window.innerHeight-e.top+4:void 0,left:e.left,width:e.width,direction:o}},[]),re=e.useCallback(()=>{j||F(e=>(e||H(ee()),!e))},[j,ee]);e.useEffect(()=>{if(!W)return;const e=e=>{!M.current||M.current.contains(e.target)||e.target.closest("[data-select-dropdown]")||F(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[W]),e.useEffect(()=>{if(!W||!E.current)return;const e=E.current.closest("[data-theme]"),r=E.current.closest("[data-surface]");N(e?.getAttribute("data-theme")||null),V(r?.getAttribute("data-surface")||null);const t=()=>H(ee());return window.addEventListener("scroll",t,!0),window.addEventListener("resize",t),()=>{window.removeEventListener("scroll",t,!0),window.removeEventListener("resize",t)}},[W,ee]);const te=e.useRef(null),oe=e.useCallback(e=>{const r=te.current;if(!r)return;const t=r.querySelectorAll('[role="option"]');if(!t.length)return;const o=r.querySelector('[role="option"]:focus');let a=Array.prototype.indexOf.call(t,o);a="down"===e?a<t.length-1?a+1:0:a>0?a-1:t.length-1,t[a].focus()},[]);e.useEffect(()=>{W&&requestAnimationFrame(()=>{const e=te.current;if(!e)return;const r=e.querySelector('[aria-selected="true"]'),t=e.querySelector('[role="option"]');(r||t)?.focus()})},[W]);const ae=W?x.createPortal(t.jsx(r.Box,{ref:te,"data-select-dropdown":!0,"data-theme":O||void 0,role:"listbox","aria-label":s||"Options",sx:{position:"fixed",top:P.top??"unset",bottom:P.bottom??"unset",left:P.left,width:P.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=(o,i,n)=>{const l="string"==typeof o?o:o.value,s="string"==typeof o?o:o.label,c="object"==typeof o?o.color:null,d=l===q,x=function(e,r,t){const o=vo(t||"default");return r?"solid"===e?{backgroundColor:"var(--Buttons-"+o+"-Button)",color:"var(--Buttons-"+o+"-Text)",border:"1px solid var(--Buttons-"+o+"-Border)",fontWeight:600}:"light"===e?{backgroundColor:"var(--Buttons-"+o+"-Light-Button)",color:"var(--Buttons-"+o+"-Light-Text)",border:"1px solid var(--Buttons-"+o+"-Light-Border)",fontWeight:600}:{backgroundColor:"var(--Buttons-"+o+"-Button)",color:"var(--Buttons-"+o+"-Text)",border:"1px solid var(--Buttons-"+o+"-Border)",fontWeight:600}:{color:"var(--Text)",backgroundColor:"transparent",border:"1px solid transparent"}}(m,d,C),u=i===n-1;return t.jsxs(e.Fragment,{children:[t.jsxs(r.Box,{role:"option",tabIndex:-1,"aria-selected":d,"aria-label":K&&!v?s:void 0,onClick:()=>_(l),onKeyDown:e=>((e,r)=>{if("Enter"===e.key||" "===e.key)return e.preventDefault(),void _(r);"ArrowDown"===e.key&&(e.preventDefault(),oe("down")),"ArrowUp"===e.key&&(e.preventDefault(),oe("up")),"Escape"===e.key&&(F(!1),E.current?.focus())})(e,l),sx:{display:"flex",alignItems:"center",gap:1,px:1.5,py:0,mx:.5,my:"1px",minHeight:$.height,cursor:"pointer",fontSize:$.fontSize,fontFamily:"inherit",borderRadius:"4px",outline:"none",...x,transition:"background-color 0.1s ease","&:hover":d?{}:{backgroundColor:"var(--Buttons-"+T+"-Hover)",color:"var(--Buttons-"+T+"-Text)"},"&:active":d?{}:{backgroundColor:"var(--Buttons-"+T+"-Pressed)",color:"var(--Buttons-"+T+"-Text)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:[K&&c&&t.jsx(r.Box,{sx:{height:"calc("+$.height+" - 8px)",width:"calc("+$.height+" - 8px)",borderRadius:"var(--Input-Swatch-Radius, var(--Button-Radius))",backgroundColor:c,border:"1px solid "+(d?"var(--Buttons-"+T+"-Border)":"var(--Border)"),flexShrink:0}}),(!K||v)&&t.jsx(Mr,{style:{flex:1,color:"inherit",fontWeight:"inherit"},children:s}),d&&t.jsx(dt,{size:"small",sx:{opacity:.6,flexShrink:0},children:t.jsx(a,{})})]}),b&&!u&&t.jsx(r.Box,{"aria-hidden":"true",sx:{height:"1px",backgroundColor:"var(--Border)",mx:1,my:.25}})]},l)};return o.map((a,n)=>{if(a&&Array.isArray(a.options)){const o=a.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:a.label}),o.map((e,r)=>i(e,r,o.length))]},"group-"+(a.label||n))}return i(a,n,o.length)})})()}),document.body):null;return t.jsxs(r.Box,{ref:M,className:"select-wrapper select-"+d+" select-label-"+c+" select-style-"+m+" select-variant-"+h+(W?" select-open":"")+(j?" select-disabled":"")+(B?" "+B:""),sx:{position:"relative",width:S?"100%":"auto",display:"inline-block",fontFamily:"inherit",...k},...w,children:[J&&s&&(()=>{const e="small"===d?Mr:Or;return t.jsx(e,{component:"label",style:{display:"block",marginBottom:"6px",color:j?"var(--Quiet)":"var(--Text)",fontWeight:500,opacity:j?.6: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:E,component:"button",type:"button",role:"combobox","aria-expanded":W,"aria-haspopup":"listbox","aria-label":s||g,tabIndex:j?-1:0,onClick:re,onKeyDown:e=>"Escape"===e.key?(F(!1),void E.current?.focus()):"Enter"===e.key||" "===e.key?(e.preventDefault(),void re()):W||"ArrowDown"!==e.key&&"ArrowUp"!==e.key?(W&&"ArrowDown"===e.key&&(e.preventDefault(),oe("down")),void(W&&"ArrowUp"===e.key&&(e.preventDefault(),oe("up")))):(e.preventDefault(),void F(!0)),onFocus:()=>L(!0),onBlur:()=>L(!1),sx:{display:"flex",alignItems:"center",gap:1,width:"100%",minWidth:140,height:$.height,padding:$.padding,backgroundColor:"var(--Hover)",border:"none",borderRadius:0,color:Y||W?A:"var(--Quiet)",fontSize:$.fontSize,fontFamily:"inherit",cursor:j?"not-allowed":"pointer",opacity:j?.5: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}),Z&&s&&t.jsx(r.Box,{sx:{position:"absolute",top:Y||W?"6px":"50%",left:($.leftPad||14)+(y?32:0)+"px",transform:Y||W?"scale(0.75)":"translateY(-50%)",transformOrigin:"top left",color:W?A:"var(--Quiet)",fontSize:$.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",...Z&&{mt:Y||W?"8px":0}},children:K&&Y?t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:[t.jsx(r.Box,{sx:{height:"calc("+$.height+" - 8px)",width:"calc("+$.height+" - 8px)",borderRadius:"var(--Input-Swatch-Radius, var(--Button-Radius))",backgroundColor:U&&"string"!=typeof U&&U.color||"transparent",border:"1px solid var(--Border)",flexShrink:0}}),v&&t.jsx(Mr,{style:{color:"inherit",padding:0},children:X})]}):t.jsx(Mr,{style:{color:"inherit",padding:0},children:Y?X:Z&&s?"":g})}),t.jsx(u,{sx:{fontSize:($.iconSize||18)+"px",color:"var(--Text-Quiet)",transform:W?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease",flexShrink:0}})]})})}),ae]})}const Bo={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},ko={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},wo={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Co={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)"}},To=e.createContext({value:0,setValue:()=>{},variant:"standard",color:"primary",size:"medium",orientation:"horizontal",scrollable:!1,tabsId:""}),zo=()=>e.useContext(To);function Ao({children:o,defaultValue:a=0,value:i,onChange:n,variant:l="standard",color:s="primary",size:c="medium",orientation:d="horizontal",scrollable:x=!1,className:u="",sx:h={},...p}){const[m,f]=e.useState(a),g=void 0!==i,b=g?i:m,v=e.useId(),y=e.useCallback(e=>{g||f(e),n?.(e)},[g,n]);return t.jsx(To.Provider,{value:{value:b,setValue:y,variant:l,color:s,size:c,orientation:d,scrollable:x,tabsId:v},children:t.jsx(r.Box,{className:"tabs tabs-"+d+" tabs-"+c+" tabs-"+l+("standard"!==l?" tabs-"+s:"")+(x?" tabs-scrollable":"")+" "+u,sx:{display:"flex",flexDirection:"horizontal"===d?"column":"row",width:"100%",overflow:"hidden",...h},...p,children:o})})}function Io({children:o,rounded:a=!1,className:i="",sx:n={},...l}){const{variant:s,color:c,size:d,orientation:x,scrollable:u,tabsId:h}=zo(),p=e.useRef(null),m=e.useRef(null),[f,g]=e.useState(!1),[b,v]=e.useState(!1),y="horizontal"===x,j="standard"===s,S="light"===s,B="dark"===s,k=j?void 0:"solid"===s?Bo[c]:S?ko[c]:B?wo[c]:void 0,w=j?void 0:B?"Surface-Dimmest":S?"Surface-Brightest":"Surface",C=e.useCallback(()=>{const e=m.current;e&&u&&y&&(g(e.scrollLeft>1),v(e.scrollLeft<e.scrollWidth-e.clientWidth-1))},[u,y]);e.useEffect(()=>{C();const e=m.current;if(!e||!u)return;e.addEventListener("scroll",C,{passive:!0});const r=new ResizeObserver(C);return r.observe(e),()=>{e.removeEventListener("scroll",C),r.disconnect()}},[u,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:.3,cursor:"default","&:hover":{backgroundColor:"transparent",color:"var(--Text-Quiet)"}}},A=e.Children.toArray(o).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-"+d+" tab-list-"+x+(u?" tab-list-scrollable":"")+" "+i,onKeyDown:e=>{const r=u?m.current:p.current,t=r?.querySelectorAll('[role="tab"]:not([aria-disabled="true"])');if(!t?.length)return;const o=Array.from(t).indexOf(document.activeElement);if(o<0)return;const a=y?"ArrowRight":"ArrowDown",i=y?"ArrowLeft":"ArrowUp";if(e.key===a){e.preventDefault();const r=t[(o+1)%t.length];r.focus(),u&&r.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})}else if(e.key===i){e.preventDefault();const r=t[(o-1+t.length)%t.length];r.focus(),u&&r.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})}else"Home"===e.key?(e.preventDefault(),t[0].focus(),u&&t[0].scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})):"End"===e.key&&(e.preventDefault(),t[t.length-1].focus(),u&&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:a?"var(--Style-Border-Radius)":0,...n},...l,children:[u&&y&&t.jsx(r.Box,{component:"button","aria-label":"Scroll tabs left",onClick:()=>T(-1),disabled:!f,className:"tab-list-scroll-btn tab-list-scroll-btn-left",sx:z,children:"‹"}),u&&y?t.jsx(r.Box,{ref:m,role:"tablist","aria-orientation":x,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":x,sx:{display:"flex",flexDirection:y?"row":"column",flex:1},children:A}),u&&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 Ro({children:e,value:o,_index:a=0,disabled:i=!1,startDecorator:n,endDecorator:l,iconOnly:s=!1,className:c="",sx:d={},...x}){const{value:u,setValue:h,variant:p,color:m,size:f,orientation:g,tabsId:b}=zo(),v=Co[f]||Co.medium,y="horizontal"===g,j="standard"===p,S="light"===p,B="dark"===p,k=void 0!==o?o:a,w=u===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?Bo[m]:S?ko[m]:B?wo[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-"+f+(w?" tab-selected":"")+(i?" tab-disabled":"")+(s?" tab-icon-only":"")+" "+c,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?.5: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"}},...d},...x,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 o="small"===f?Gr:Mr;return t.jsx(r.Box,{className:"tab-label",sx:{display:"inline-flex",alignItems:"center",padding:"4px "+v.textPad},children:t.jsx(o,{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 Wo({children:e,value:o,className:a="",sx:i={},...n}){const{value:l,size:s,tabsId:c}=zo(),d=Co[s]||Co.medium,x="tab-"+c+"-"+o,u="tabpanel-"+c+"-"+o;return l===o?t.jsx(r.Box,{role:"tabpanel",id:u,"aria-labelledby":x,className:"tab-panel tab-panel-"+s+" "+a,sx:{paddingTop:"16px",fontSize:d.fontSize,fontFamily:"inherit",color:"var(--Text)",...i},...n,children:e}):null}const Fo=e.forwardRef(function({theme:e=null,surface:o="Surface",children:a,minHeight:i=160,sx:n={}},l){return t.jsx(r.Box,{ref:l,"data-theme":e||void 0,"data-surface":o,sx:{p:4,display:"flex",alignItems:"center",justifyContent:"center",minHeight:i,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",...n},children:a})}),Do="__null__",Lo=[{label:"Default",value:Do},{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"}],Po=["Surface-Dimmest","Surface-Dim","Surface","Surface-Bright","Surface-Brightest","Container","Container-Highest","Container-High","Container-Low","Container-Lowest"];function Ho({theme:e=null,onThemeChange:o,surface:a="Surface",onSurfaceChange:i,surfaces:n=Po,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(So,{options:Lo,value:e??Do,onChange:e=>o?.(e===Do?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(So,{options:s,value:a,onChange:e=>i?.(e),labelPosition:"none",size:l,variant:"outline",color:"default","aria-label":"Surface",fullWidth:!0})})]})}function Mo(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Eo,Oo={exports:{}},No={exports:{}},Qo={};var Vo,Go,qo,Uo,Xo,Yo,Zo,Jo,Ko,$o,_o,ea,ra,ta,oa={};
1
+ "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={};
2
2
  /** @license React v16.13.1
3
3
  * react-is.development.js
4
4
  *
@@ -6,10 +6,10 @@
6
6
  *
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
- */function aa(){return Go||(Go=1,"production"===process.env.NODE_ENV?No.exports=function(){if(Eo)return Qo;Eo=1;var e="function"==typeof Symbol&&Symbol.for,r=e?Symbol.for("react.element"):60103,t=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=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,c=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,x=e?Symbol.for("react.suspense"):60113,u=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,f=e?Symbol.for("react.fundamental"):60117,g=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function v(e){if("object"==typeof e&&null!==e){var u=e.$$typeof;switch(u){case r:switch(e=e.type){case s:case c:case o:case i:case a:case x:return e;default:switch(e=e&&e.$$typeof){case l:case d:case p:case h:case n:return e;default:return u}}case t:return u}}}function y(e){return v(e)===c}return Qo.AsyncMode=s,Qo.ConcurrentMode=c,Qo.ContextConsumer=l,Qo.ContextProvider=n,Qo.Element=r,Qo.ForwardRef=d,Qo.Fragment=o,Qo.Lazy=p,Qo.Memo=h,Qo.Portal=t,Qo.Profiler=i,Qo.StrictMode=a,Qo.Suspense=x,Qo.isAsyncMode=function(e){return y(e)||v(e)===s},Qo.isConcurrentMode=y,Qo.isContextConsumer=function(e){return v(e)===l},Qo.isContextProvider=function(e){return v(e)===n},Qo.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},Qo.isForwardRef=function(e){return v(e)===d},Qo.isFragment=function(e){return v(e)===o},Qo.isLazy=function(e){return v(e)===p},Qo.isMemo=function(e){return v(e)===h},Qo.isPortal=function(e){return v(e)===t},Qo.isProfiler=function(e){return v(e)===i},Qo.isStrictMode=function(e){return v(e)===a},Qo.isSuspense=function(e){return v(e)===x},Qo.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===c||e===i||e===a||e===x||e===u||"object"==typeof e&&null!==e&&(e.$$typeof===p||e.$$typeof===h||e.$$typeof===n||e.$$typeof===l||e.$$typeof===d||e.$$typeof===f||e.$$typeof===g||e.$$typeof===b||e.$$typeof===m)},Qo.typeOf=v,Qo}():No.exports=(Vo||(Vo=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,o=e?Symbol.for("react.fragment"):60107,a=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,c=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,x=e?Symbol.for("react.suspense"):60113,u=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,f=e?Symbol.for("react.fundamental"):60117,g=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function v(e){if("object"==typeof e&&null!==e){var u=e.$$typeof;switch(u){case r:var m=e.type;switch(m){case s:case c:case o:case i:case a:case x:return m;default:var f=m&&m.$$typeof;switch(f){case l:case d:case p:case h:case n:return f;default:return u}}case t:return u}}}var y=s,j=c,S=l,B=n,k=r,w=d,C=o,T=p,z=h,A=t,I=i,R=a,W=x,F=!1;function D(e){return v(e)===c}oa.AsyncMode=y,oa.ConcurrentMode=j,oa.ContextConsumer=S,oa.ContextProvider=B,oa.Element=k,oa.ForwardRef=w,oa.Fragment=C,oa.Lazy=T,oa.Memo=z,oa.Portal=A,oa.Profiler=I,oa.StrictMode=R,oa.Suspense=W,oa.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)===s},oa.isConcurrentMode=D,oa.isContextConsumer=function(e){return v(e)===l},oa.isContextProvider=function(e){return v(e)===n},oa.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},oa.isForwardRef=function(e){return v(e)===d},oa.isFragment=function(e){return v(e)===o},oa.isLazy=function(e){return v(e)===p},oa.isMemo=function(e){return v(e)===h},oa.isPortal=function(e){return v(e)===t},oa.isProfiler=function(e){return v(e)===i},oa.isStrictMode=function(e){return v(e)===a},oa.isSuspense=function(e){return v(e)===x},oa.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===c||e===i||e===a||e===x||e===u||"object"==typeof e&&null!==e&&(e.$$typeof===p||e.$$typeof===h||e.$$typeof===n||e.$$typeof===l||e.$$typeof===d||e.$$typeof===f||e.$$typeof===g||e.$$typeof===b||e.$$typeof===m)},oa.typeOf=v}()),oa)),No.exports}
9
+ */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}
10
10
  /*
11
11
  object-assign
12
12
  (c) Sindre Sorhus
13
13
  @license MIT
14
- */function ia(){if(Uo)return qo;Uo=1;var e=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;return qo=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 o={};return"abcdefghijklmnopqrst".split("").forEach(function(e){o[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(e){return!1}}()?Object.assign:function(o,a){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)}(o),s=1;s<arguments.length;s++){for(var c in i=Object(arguments[s]))r.call(i,c)&&(l[c]=i[c]);if(e){n=e(i);for(var d=0;d<n.length;d++)t.call(i,n[d])&&(l[n[d]]=i[n[d]])}}return l},qo}function na(){if(Yo)return Xo;Yo=1;return Xo="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function la(){return Jo?Zo:(Jo=1,Zo=Function.call.bind(Object.prototype.hasOwnProperty))}if("production"!==process.env.NODE_ENV){var sa=aa();Oo.exports=function(){if(ea)return _o;ea=1;var e=aa(),r=ia(),t=na(),o=la(),a=function(){if($o)return Ko;$o=1;var e=function(){};if("production"!==process.env.NODE_ENV){var r=na(),t={},o=la();e=function(e){var r="Warning: "+e;"undefined"!=typeof console&&console.error(r);try{throw new Error(r)}catch(e){}}}function a(a,i,n,l,s){if("production"!==process.env.NODE_ENV)for(var c in a)if(o(a,c)){var d;try{if("function"!=typeof a[c]){var x=Error((l||"React class")+": "+n+" type `"+c+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof a[c]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw x.name="Invariant Violation",x}d=a[c](i,c,l,n,null,r)}catch(e){d=e}if(!d||d instanceof Error||e((l||"React class")+": type specification of "+n+" `"+c+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof d+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),d instanceof Error&&!(d.message in t)){t[d.message]=!0;var u=s?s():"";e("Failed "+n+" type: "+d.message+(null!=u?u:""))}}}return a.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(t={})},Ko=a}(),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){}}),_o=function(l,s){var c="function"==typeof Symbol&&Symbol.iterator,d="<<anonymous>>",x={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,o,a,i,n){if("function"!=typeof e)return new h("Property `"+n+"` of component `"+a+"` has invalid PropType notation inside arrayOf.");var l=r[o];if(!Array.isArray(l))return new h("Invalid "+i+" `"+n+"` of type `"+b(l)+"` supplied to `"+a+"`, expected an array.");for(var s=0;s<l.length;s++){var c=e(l,s,a,i,n+"["+s+"]",t);if(c instanceof Error)return c}return null})},element:p(function(e,r,t,o,a){var i=e[r];return l(i)?null:new h("Invalid "+o+" `"+a+"` of type `"+b(i)+"` supplied to `"+t+"`, expected a single ReactElement.")}),elementType:p(function(r,t,o,a,i){var n=r[t];return e.isValidElementType(n)?null:new h("Invalid "+a+" `"+i+"` of type `"+b(n)+"` supplied to `"+o+"`, expected a single ReactElement type.")}),instanceOf:function(e){return p(function(r,t,o,a,i){if(!(r[t]instanceof e)){var n=e.name||d;return new h("Invalid "+a+" `"+i+"` of type `"+((l=r[t]).constructor&&l.constructor.name?l.constructor.name:d)+"` supplied to `"+o+"`, expected instance of `"+n+"`.")}var l;return null})},node:p(function(e,r,t,o,a){return g(e[r])?null:new h("Invalid "+o+" `"+a+"` supplied to `"+t+"`, expected a ReactNode.")}),objectOf:function(e){return p(function(r,a,i,n,l){if("function"!=typeof e)return new h("Property `"+l+"` of component `"+i+"` has invalid PropType notation inside objectOf.");var s=r[a],c=b(s);if("object"!==c)return new h("Invalid "+n+" `"+l+"` of type `"+c+"` supplied to `"+i+"`, expected an object.");for(var d in s)if(o(s,d)){var x=e(s,d,i,n,l+"."+d,t);if(x instanceof Error)return x}return null})},oneOf:function(e){return Array.isArray(e)?p(function(r,t,o,a,i){for(var n=r[t],l=0;l<e.length;l++)if(u(n,e[l]))return null;var s=JSON.stringify(e,function(e,r){return"symbol"===v(r)?String(r):r});return new h("Invalid "+a+" `"+i+"` of value `"+String(n)+"` supplied to `"+o+"`, 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 a=e[r];if("function"!=typeof a)return i("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+y(a)+" at index "+r+"."),n}return p(function(r,a,i,n,l){for(var s=[],c=0;c<e.length;c++){var d=(0,e[c])(r,a,i,n,l,t);if(null==d)return null;d.data&&o(d.data,"expectedType")&&s.push(d.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,o,a,i,n){var l=r[o],s=b(l);if("object"!==s)return new h("Invalid "+i+" `"+n+"` of type `"+s+"` supplied to `"+a+"`, expected `object`.");for(var c in e){var d=e[c];if("function"!=typeof d)return f(a,i,n,c,v(d));var x=d(l,c,a,i,n+"."+c,t);if(x)return x}return null})},exact:function(e){return p(function(a,i,n,l,s){var c=a[i],d=b(c);if("object"!==d)return new h("Invalid "+l+" `"+s+"` of type `"+d+"` supplied to `"+n+"`, expected `object`.");var x=r({},a[i],e);for(var u in x){var p=e[u];if(o(e,u)&&"function"!=typeof p)return f(n,l,s,u,v(p));if(!p)return new h("Invalid "+l+" `"+s+"` key `"+u+"` supplied to `"+n+"`.\nBad object: "+JSON.stringify(a[i],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null," "));var m=p(c,u,n,l,s+"."+u,t);if(m)return m}return null})}};function u(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={},o=0;function a(a,n,l,c,x,u,p){if(c=c||d,u=u||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 f=c+":"+l;!r[f]&&o<3&&(i("You are manually calling a React.PropTypes validation function for the `"+u+"` prop on `"+c+"`. 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[f]=!0,o++)}}return null==n[l]?a?null===n[l]?new h("The "+x+" `"+u+"` is marked as required in `"+c+"`, but its value is `null`."):new h("The "+x+" `"+u+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(n,l,c,x,u)}var n=a.bind(null,!1);return n.isRequired=a.bind(null,!0),n}function m(e){return p(function(r,t,o,a,i,n){var l=r[t];return b(l)!==e?new h("Invalid "+a+" `"+i+"` of type `"+v(l)+"` supplied to `"+o+"`, expected `"+e+"`.",{expectedType:e}):null})}function f(e,r,t,o,a){return new h((e||"React class")+": "+r+" type `"+t+"."+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+a+"`.")}function g(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(g);if(null===e||l(e))return!0;var r=function(e){var r=e&&(c&&e[c]||e["@@iterator"]);if("function"==typeof r)return r}(e);if(!r)return!1;var t,o=r.call(e);if(r!==e.entries){for(;!(t=o.next()).done;)if(!g(t.value))return!1}else for(;!(t=o.next()).done;){var a=t.value;if(a&&!g(a[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,x.checkPropTypes=a,x.resetWarningCache=a.resetWarningCache,x.PropTypes=x,x},_o}()(sa.isElement,!0)}else Oo.exports=function(){if(ta)return ra;ta=1;var e=na();function r(){}function t(){}return t.resetWarningCache=r,ra=function(){function o(r,t,o,a,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 a(){return o}o.isRequired=o;var i={array:o,bigint:o,bool:o,func:o,number:o,object:o,string:o,symbol:o,any:o,arrayOf:a,element:o,elementType:o,instanceOf:a,node:o,objectOf:a,oneOf:a,oneOfType:a,shape:a,exact:a,checkPropTypes:t,resetWarningCache:r};return i.PropTypes=i,i}}()();var ca=Mo(Oo.exports);function da({code:i,label:n="Copy code"}){const[l,s]=e.useState(!1);return t.jsx(r.Tooltip,{title:l?"Copied!":n,children:t.jsx(r.IconButton,{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)","&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:l?t.jsx(a,{fontSize:"small"}):t.jsx(o,{fontSize:"small"})})})}da.propTypes={code:ca.string.isRequired,label:ca.string};function xa({code:e="",language:o="JSX",showCopy:a=!0,showHeader:i=!0,maxHeight:n,wrap:l=!1,sx:s={},...c}){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},...c,children:[i&&(o||a)&&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(Gr,{color:"quiet",children:o}),a&&e?t.jsx(da,{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 ua(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 ha(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 pa(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 ma(e,r,t){const o=ua(e),a=ua(r),i=ua(t);if(!o||!a)return null;const n=i?ha(a,i):a.a<1?null:a;if(!n)return null;const l=ha(o,n);if(!l)return null;const s=pa(l),c=pa(n);return((Math.max(s,c)+.05)/(Math.min(s,c)+.05)).toFixed(2)}function fa(e){return"undefined"==typeof window?null:getComputedStyle(document.documentElement).getPropertyValue(e).trim()}xa.propTypes={code:ca.string,language:ca.string,showCopy:ca.bool,showHeader:ca.bool,maxHeight:ca.oneOfType([ca.number,ca.string]),wrap:ca.bool,sx:ca.object};const ga={"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:ga[e]}))}));const ba=["default","primary","secondary","tertiary","neutral","info","success","warning","error"],va=e=>e.charAt(0).toUpperCase()+e.slice(1);function ya(e){const r=va(e);return{type:"outline",color:r,trackOff:"var(--Background)",trackOffBorder:"var(--Border-Variant)",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 ja(e){const r=va(e);return{type:"light",color:r,trackOff:"var(--Border-Variant)",trackOffBorder:"transparent",trackOn:"var(--"+r+"-Color-11)",trackOnBorder:"var(--Buttons-"+r+"-Border)",dotOff:"var(--Quiet)",dotOn:"var(--Buttons-"+r+"-Border)",iconOff:"var(--Border-Variant)",iconOn:"var(--"+r+"-Color-11)",dataTheme:r,dataSurface:"Surface-Brightest"}}const Sa={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 Ba({variant:e="default",size:o="medium",checked:a,defaultChecked:i,onChange:n,disabled:l=!1,label:s,labelPlacement:c="end",name:d,value:x,icon:u,iconOn:h,iconOff:p,className:m="",sx:f={},"aria-label":g,"aria-labelledby":b,...v}){const y=function(){const e={};return ba.forEach(r=>{e[r+"-outline"]=ya(r),e[r+"-light"]=ja(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=ya("primary"),e.light=ja("primary"),e}(),j=y[e]||y.default,S=Sa[o]||Sa.medium,B="small"===o?Mr:Or,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:Ct},"&:active + .MuiSwitch-track":{boxShadow:wt},"&.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))"},...f},I=e.includes("-light")||"light"===e,R=void 0!==p?p:u,W=void 0!==h?h:u,F=void 0!==R||void 0!==W,D=e=>t.jsx("span",{className:"MuiSwitch-thumb",children:e}),L=t.jsx(r.Switch,{...F?{icon:D(R),checkedIcon:D(W)}:{},checked:a,defaultChecked:i,onChange:n,disabled:l,name:d,value:x,slotProps:{input:{...g?{"aria-label":g}:{},...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"===o?"13px":"15px",fontWeight:500,opacity:l?.6:1},children:s}),labelPlacement:c,sx:{gap:"8px",marginLeft:0,marginRight:0}}):L}const ka=Ba,wa=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Ca={default:"Default",quiet:"Quiet",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Ta=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],za=["filled","outlined","rounded","twotone","sharp"],Aa={filled:"Filled",outlined:"Outlined",rounded:"Rounded",twotone:"Two Tone",sharp:"Sharp"},Ia={Home:{filled:p,outlined:k,rounded:D,twotone:U,sharp:ae},Favorite:{filled:h,outlined:w,rounded:L,twotone:X,sharp:ie},Delete:{filled:m,outlined:C,rounded:P,twotone:Y,sharp:ne},Settings:{filled:f,outlined:T,rounded:H,twotone:Z,sharp:le},Search:{filled:g,outlined:g,rounded:M,twotone:J,sharp:se},Star:{filled:b,outlined:z,rounded:E,twotone:K,sharp:ce},Person:{filled:i,outlined:A,rounded:O,twotone:$,sharp:de},Notifications:{filled:v,outlined:I,rounded:N,twotone:_,sharp:xe},Visibility:{filled:y,outlined:R,rounded:Q,twotone:ee,sharp:ue},ShoppingCart:{filled:j,outlined:W,rounded:V,twotone:re,sharp:he},Lock:{filled:S,outlined:F,rounded:G,twotone:te,sharp:pe},Info:{filled:B,outlined:d,rounded:q,twotone:oe,sharp:me}};function Ra({ratio:e,threshold:o}){if(!e)return t.jsx(Gr,{style:{color:"var(--Text-Quiet)"},children:"--"});const a=parseFloat(e)>=o;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:a?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:a?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:[e,":1"]}),t.jsx(Gr,{style:{color:a?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:a?"Pass":"Fail"})]})}function Wa({label:e,ratio:o,threshold:a,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(Mr,{style:{color:"var(--Text)"},children:e}),i&&t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:i})]}),t.jsx(Ra,{ratio:o,threshold:a})]})}function Fa({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"primary":"primary-outline",size:"small",onClick:o,children:e})}const Da={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},La={small:{size:32,iconSize:"16px",borderRadius:"8px"},medium:{size:40,iconSize:"20px",borderRadius:"10px"},large:{size:48,iconSize:"24px",borderRadius:"12px"}};function Pa({children:e,color:o="primary",variant:a="solid",size:i="medium",className:n="",sx:l={},...s}){const c=La[i]||La.medium,d=Da[o]||Da.primary;let x,u;switch(a){case"light":x=d,u="Surface-Brightest";break;case"dark":x=d,u="Surface-Dimmest";break;default:x=d,u="Surface"}return t.jsx(r.Box,{"data-theme":x,"data-surface":u,className:"icon-badge icon-badge-"+a+" icon-badge-"+i+" icon-badge-"+o+" "+n,sx:{width:c.size,height:c.size,borderRadius:c.borderRadius,backgroundColor:"var(--Background)",color:"var(--Text)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,"& svg":{width:c.iconSize,height:c.iconSize,fontSize:c.iconSize,color:"inherit",stroke:"currentColor"},...l},...s,children:e})}function Ha({variant:o="outlined",color:a="default",size:i="medium",disabled:n=!1,orientation:l="horizontal",spacing:s=0,fit:c,fullWidth:d=!1,equalWidth:x=!1,multiple:u=!1,value:h,defaultValue:p,onChange:m,children:f,className:g="",sx:b={},"aria-label":v,...y}){const[j,S]=e.useState(p??(u?[]:null)),B=void 0!==h,k=B?h:j,w=u?Array.isArray(k)?k:null==k?[]:[k]:null,C="horizontal"===l,T=0===s,z="light"===o,A="ghost"===o,I=c??(d?"fill":x?"equal":"hug"),R="fill"===I,W="equal"===I&&C,F=(D=a).charAt(0).toUpperCase()+D.slice(1);var D;const L="var(--Buttons-"+F+"-Border)",P="var(--Buttons-"+F+"-Button)",H="var(--Buttons-"+F+"-Text)",M="default"===a?void 0:F,E=e.Children.toArray(f).filter(Boolean),O=E.length,N=(e,r)=>t=>{const o=u?w.includes(e)?w.filter(r=>r!==e):[...w,e]:e;B||S(o),m?.(o,t),r?.(t)},Q=E.map((o,l)=>{if(!e.isValidElement(o))return o;const s=0===l,c=l===O-1,d=o.props.value??l,x=(h=d,u?w.includes(h):k===h);var h;let p;if(T&&O>1){const e="var(--Style-Border-Radius)";p=C?s&&c?e:s?e+" 0 0 "+e:c?"0 "+e+" "+e+" 0":"0":s&&c?e:s?e+" "+e+" 0 0":c?"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}}:{},transform:"none !important","&:hover, &:active, &:focus-visible":{transform:"none !important"},...x?{backgroundColor:P+" !important",color:H+" !important",borderColor:L+" !important","&:hover, &:active, &.Mui-focusVisible, &:focus-visible":{backgroundColor:P+" !important",color:H+" !important",borderColor:L+" !important"}}:{},...x?{}:{color:"var(--Quiet)",backgroundColor:"transparent","&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)",zIndex:1},"&:active":{backgroundColor:"var(--Pressed)",color:"var(--Text)"}},...A?{border:"none !important","&:hover":{border:"none !important"}}:{},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px",zIndex:2},...o.props.sx},f=e.cloneElement(o,{variant:o.props.variant??(A?"ghost":x?a:a+"-outline"),size:o.props.size??i,disabled:o.props.disabled??n,onClick:N(d,o.props.onClick),"aria-pressed":x,sx:m});return z&&!x?t.jsx(r.Box,{"data-theme":M,"data-surface":"Surface-Brightest",sx:{display:"contents"},children:f},l):e.cloneElement(f,{key:l})});return t.jsx(r.Box,{role:"group","aria-label":v,className:"btn-group btn-group-"+o+" btn-group-"+a+" "+g,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 Ma=["Link","Chip","Badge","Caption","Label","Tag","BodySmall","LegalSemibold","Legal","LabelSmall","LabelExtraSmall","EyebrowSmall","ButtonSmall"];function Ea(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 o=r.type;if(o){const e=o.displayName||o.name||"";if(Ma.some(r=>e.includes(r)))return!0}return!1})(r)&&(t=!0)}),t}function Oa({children:o,gap:a,spacing:i,direction:n="column",enforceMinGap:l=!0,minGapToken:s="--min-stack-gap",divider:c,flexWrap:d,useFlexGap:x=!0,alignItems:u,justifyContent:h,sx:p={},className:m="",...f}){const g=void 0!==a?a:i,b=l&&Ea(o),v=e.useMemo(()=>{if(!b)return g;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}(g),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?g:"var("+s+", "+r+"px)"},[b,g,s]);return t.jsx(r.Stack,{direction:n,spacing:x?void 0:v,gap:x?v:void 0,divider:c,flexWrap:d,useFlexGap:x,alignItems:u,justifyContent:h,className:"omni-stack"+(b?" omni-stack-min-gap-enforced":"")+(m?" "+m:""),sx:{...f["data-surface"]||f["data-theme"]?{background:"var(--Background)"}:{},boxSizing:"border-box",...b?{"&::before":{display:"none"}}:{},...p},"data-min-gap-enforced":b?"true":void 0,...f,children:o})}const Na=e=>t.jsx(Oa,{direction:"row",alignItems:"center",...e}),Qa=e=>t.jsx(Oa,{direction:"column",...e}),Va=e=>t.jsx(Oa,{direction:"row",flexWrap:"wrap",...e}),Ga=Oa,qa=Va,Ua={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Xa={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)"}},Ya=e.createContext({variant:"default",color:"primary",size:"medium",orientation:"vertical"});function Za({children:e,variant:o="solid",color:a="default",surface:i,size:n="medium",orientation:l="vertical",clickable:s=!1,selected:c=!1,elevated:d=!1,draggable:x=!1,onClick:u,href:h,className:p="",sx:m={},...f}){const g="default"===a,b=g?"":Ua[a],v=i||(g?"Container":"dark"===o?"Surface-Dimmest":"light"===o?"Surface-Brightest":"Surface"),y=Xa[n]||Xa.medium,j="horizontal"===l,S=!!x,B=s||!!u||!!h||c||S,k=h?"a":"div",w=c?`var(--Buttons-${(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===a?"Default":a)}-Border)`:"var(--Buttons-Default-Border)",C=B?c?`2px solid ${w}`:"1px solid var(--Buttons-Default-Border)":"1px solid var(--Border-Variant)",T=d?Tt:Ct,z=d?zt:Tt,A=d?Ct:wt;return t.jsx(Ya.Provider,{value:{variant:o,color:a,size:n,orientation:l},children:t.jsx(r.Box,{component:k,href:h||void 0,onClick:B?u:void 0,role:B?"button":void 0,tabIndex:B?0:void 0,"aria-pressed":!!c||void 0,draggable:S||void 0,className:"card card-"+o+" card-"+n+" card-"+l+(B?" card-clickable":"")+(c?" card-selected":"")+(d?" card-elevated":"")+(S?" card-draggable":"")+" "+p,sx:{display:"flex",border:C,borderRadius:"var(--Card-Radius)",boxShadow:T,overflow:"hidden",textDecoration:"none",transition:"box-shadow 0.2s ease, border-color 0.2s ease, transform 0.1s ease",...B&&!S&&{cursor:"pointer","&:hover":{borderColor:"var(--Buttons-Default-Border)",boxShadow:z,transform:"translateY(-1px)"},"&:active":{transform:"translateY(0) scale(0.995)",boxShadow:A},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"3px",borderRadius:"calc(var(--Card-Radius) + 3px)"}},...S&&{cursor:"grab","&:hover":{borderColor:"var(--Buttons-Default-Border)",boxShadow:z},"&:active":{cursor:"grabbing",zIndex:10,boxShadow:zt,transform:"scale(1.02)",borderWidth:"2px",borderColor:"var(--Buttons-Primary-Border)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"3px"}},...m},onKeyDown:B?e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),u?.())}:void 0,...f,children:t.jsx(r.Box,{"data-theme":b||void 0,"data-surface":v,sx:{display:"flex",flexDirection:j?"row":"column",gap:y.gap,padding:y.padding,backgroundColor:"var(--Background)",color:"var(--Text)",fontSize:y.fontSize,fontFamily:"inherit",borderRadius:"inherit",position:"relative",flex:1,minWidth:0,overflow:"hidden"},children:e})})})}function Ja({children:o,className:a="",sx:i={},...n}){const{size:l}=e.useContext(Ya),s=Xa[l]||Xa.medium;return t.jsx(r.Box,{className:"card-content "+a,sx:{display:"flex",flexDirection:"column",gap:s.gap,flex:1,minWidth:0,...i},...n,children:o})}const Ka=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",$a=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary"]},{label:"State",colors:["info","success","warning","error"]}],_a=[p,fe,l,b,ge,be];const ei={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},ri={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 ti({children:e,icon:o,label:a,variant:i="solid",color:n="primary",size:l="medium",extended:s=!1,animate:c=!1,disabled:d=!1,onClick:x,ariaLabel:u,className:h="",sx:p={},...m}){const f=function(e,r){const t=ei[r]||"Primary";return"light"===e?{bg:"var(--Buttons-"+t+"-Light-Button)",text:"var(--Buttons-"+t+"-Light-Text)",border:"var(--Buttons-"+t+"-Light-Border)",hover:"var(--Buttons-"+t+"-Light-Hover)",active:"var(--Buttons-"+t+"-Light-Pressed)"}:{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,n),g=ri[l]||ri.medium,b=o||e||t.jsx(ve,{sx:{fontSize:g.iconSize}}),v=u||a||"Action";return t.jsxs(t.Fragment,{children:[c&&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:x,disabled:d,className:"fab fab-"+i+" fab-"+n+" fab-"+l+(s?" fab-extended":"")+(c?" fab-animate":"")+(d?" fab-disabled":"")+(h?" "+h:""),sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:s?g.gap+"px":0,...s?{height:g.size+"px",borderRadius:g.size/2+"px",px:g.px+"px"}:{width:g.size+"px",height:g.size+"px",borderRadius:"50%"},backgroundColor:f.bg,color:f.text,border:"var(--Button-Border-Width) solid "+f.border,"--_height":g.size+"px","--_bevel":"min(calc(var(--Button-Bevel) * var(--_height) / 100), calc(var(--_height) / 5))",boxShadow:`${Dt(n)}, ${Tt}`,fontSize:g.fontSize,fontFamily:"inherit",fontWeight:600,cursor:d?"not-allowed":"pointer",opacity:d?.5:1,outline:"none",flexShrink:0,transition:"background-color 0.15s ease, box-shadow 0.2s ease, transform 0.1s ease","&:hover":d?{}:{backgroundColor:f.hover,boxShadow:`${Dt(n)}, ${zt}`},"&:active":d?{}:{backgroundColor:f.active,transform:"scale(0.96)",boxShadow:Dt(n)},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px"},...c&&!d&&{animation:"fab-pulse 2s infinite"},...p},...m,children:[t.jsx(r.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",fontSize:g.iconSize+"px",color:"inherit","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"}},children:b}),s&&a&&t.jsx(r.Box,{component:"span",sx:{whiteSpace:"nowrap",lineHeight:1},children:a})]})]})}const oi=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",ai=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],ii={default:"Tertiary",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"};function ni({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function li({color:e,selected:o,onClick:i}){const n=ii[e]||"Primary";return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+oi(e),"aria-pressed":o,title:oi(e),sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",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&&t.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}function si({value:e,onChange:o,placeholder:a,label:i}){return t.jsxs(r.Box,{children:[i&&t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4},children:i}),t.jsx(r.Box,{component:"input",type:"text",value:e,onChange:e=>o(e.target.value),placeholder:a,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 ci={small:"var(--Sm-Rail-Width, 72px)",medium:"var(--Rail-Width, 80px)",large:"var(--Lg-Rail-Width, 96px)"},di="var(--Icon-Size, 24px)",xi="var(--Sizing-Half, 4px)",ui="var(--Button-Height, 32px)";function hi({items:o=[],sections:a,value:i,defaultValue:n=0,onChange:l,expandable:s=!1,expandedWidth:c="partial",defaultExpanded:d=!1,fabAction:x,labelStyle:u="contained",size:h="medium",className:p="",sx:m={},...f}){const[g,b]=e.useState(n),[v,y]=e.useState(d),j=void 0!==i,S=j?i:g,B=e.useCallback(e=>{j||b(e),l?.(e)},[j,l]),k=s&&v,w=k?("full"===c?320:240)+"px":ci[h]||ci.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"===u?"outside":"contained")+" rail-"+(ci[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},...f,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(Yt,{iconOnly:!0,variant:"ghost",size:"small",onClick:()=>y(e=>!e),"aria-label":k?"Collapse menu":"Expand menu",children:t.jsx(dt,{size:"small",sx:{color:"inherit"},children:k?t.jsx(Se,{}):t.jsx(je,{})})})}),x&&t.jsx(r.Box,{sx:{px:k?2:1,py:1,flexShrink:0},children:t.jsx(Yt,{variant:"primary-light",size:"medium",onClick:x.onClick,"aria-label":x.label||"Action",startIcon:x.icon?t.jsx(dt,{size:"small",sx:{color:"inherit"},children:x.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?x.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%"},children:(()=>{if(a&&a.length>0){const e=[];let o=0;return a.forEach((a,i)=>{i>0&&e.push(t.jsx(r.Box,{"aria-hidden":"true",sx:{height:"1px",width:"100%",backgroundColor:"var(--Border-Variant)"}},"divider-"+i)),a.items.forEach(r=>{const a=o;e.push(t.jsx(pi,{item:r,selected:S===a,expanded:k,labelStyle:u,onClick:()=>B(a)},"item-"+a)),o++})}),e}return o.map((e,r)=>t.jsx(pi,{item:e,selected:S===r,expanded:k,labelStyle:u,onClick:()=>B(r)},r))})()})]})}function pi({item:e,selected:o,expanded:a,labelStyle:i,onClick:n}){const{icon:l,avatar:s,label:c,badge:d,disabled:x}=e,u=o?"var(--Button)":"transparent",h=o||a?"var(--Text)":"var(--Quiet)",p="outside"!==i,m=p&&!a,f=x?{}:{"&: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":o,"aria-label":c,"aria-disabled":x||void 0,disabled:x||void 0,onClick:x?void 0:n,className:"rail-item"+(o?" rail-item-selected":""),sx:{display:"flex",flexDirection:a?"row":"column",alignItems:"center",justifyContent:a?"flex-start":"center",gap:a?"var(--Sizing-1-and-Half, 12px)":"2px",width:a?"100%":44,minWidth:a?void 0:di,minHeight:di,px:a?2.5:0,py:m?xi:0,border:o&&m?"1px solid var(--Border)":"1px solid transparent",borderRadius:a?0:"8px",backgroundColor:m||a?u:"transparent",boxShadow:o&&m?"var(--Shadow-1, none)":"none",color:"inherit",cursor:x?"not-allowed":"pointer",opacity:x?"calc(var(--Disabled, 38) / 100)":1,fontFamily:"inherit",textAlign:a?"left":"center",transition:"background-color 0.15s ease, color 0.15s ease",outline:"none",...m||a?f:{}},children:[t.jsxs(r.Box,{sx:{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",...a?{flexShrink:0}:{width:p?"100%":ui,height:p?"auto":ui,py:p?xi:0,borderRadius:p?"8px":ui,backgroundColor:p?"transparent":u,border:!p&&o?"1px solid var(--Border)":void 0,transition:"background-color 0.2s ease",...p?{}:f}},children:[s?t.jsx(r.Box,{sx:{display:"flex",width:di,height:di},children:s}):t.jsx(dt,{size:"small",sx:{color:"inherit"},children:l}),d&&t.jsx(mi,{value:d})]}),c&&t.jsx(r.Box,{sx:{display:"flex",alignItems:"flex-start",justifyContent:"center",width:"100%"},children:t.jsx(qr,{className:"rail-item-label",style:{color:h,textAlign:"center",whiteSpace:a?"nowrap":"normal",overflow:"hidden",textOverflow:"ellipsis",...a?{flex:1}:{maxWidth:"100%"}},children:c})})]})}function mi({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 fi=[{icon:t.jsx(p,{}),label:"Home"},{icon:t.jsx(g,{}),label:"Search"},{icon:t.jsx(h,{}),label:"Favorites",badge:3},{icon:t.jsx(i,{}),label:"Profile"},{icon:t.jsx(f,{}),label:"Settings"}];function gi({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}const bi={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 vi({items:o=[],value:a,defaultValue:i,onChange:n,type:l="floating",orientation:s="horizontal",color:c="default",fab:d,className:x="",sx:u={},...h}){const[p,m]=e.useState(i??null),f=void 0!==a,g=f?a:p,b=e.useCallback(e=>{const r=g===e?null:e;f||m(r),n?.(r)},[f,g,n]),v=bi[c]||bi.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-"+c+" "+x,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:Ct},...u},...h,children:o.map((e,r)=>{const o=g===r;return t.jsx(Yt,{iconOnly:!0,variant:o?"default":"ghost",size:"small",onClick:()=>b(r),"aria-label":e.label,"aria-checked":o,role:"radio",children:t.jsx(dt,{size:"small",sx:{color:"inherit"},children:e.icon})},e.key||r)})});return d&&B?t.jsxs(r.Box,{sx:{display:"inline-flex",flexDirection:S?"column":"row",alignItems:"center",gap:1},children:[k,t.jsx(Yt,{iconOnly:!0,variant:"default",size:"large",onClick:d.onClick,"aria-label":d.label||"Action",sx:{borderRadius:"50%",width:56,height:56,minWidth:"unset",minHeight:"unset"},children:t.jsx(dt,{size:"medium",sx:{color:"inherit"},children:d.icon})})]}):k}const yi=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",ji=[{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 Si({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}const Bi={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 ki({value:o,defaultValue:a=0,onChange:i,min:l,max:s,step:c=1,variant:d="outlined",style:x="outline",color:u="default",size:h="medium",label:p,labelPosition:m="top",placeholder:f,helperText:g,disabled:b=!1,fullWidth:v=!1,className:y="",sx:j={},...S}){const[B,k]=e.useState(a),[w,C]=e.useState(!1),T=e.useRef(null),z=void 0!==o,A=z?o:B,I=""!==A&&null!=A,R=(W="default"===u?"primary":u).charAt(0).toUpperCase()+W.slice(1);var W;const F="default"===u?"var(--Border)":"var(--Buttons-"+R+"-Border)",D="default"===u?"var(--Background)":"var(--Buttons-"+R+"-Light-Button, var(--Background))",L="default"===u?"var(--Text)":"var(--Text-"+R+")",P="outlined"===d,H="floating"===m,M="top"===m,E=Bi[h]||Bi.medium,O="small"===h?Mr:Or,N=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]),Q=e.useRef(A);Q.current=A;const V=e.useCallback(e=>{if(b)return;const r="number"==typeof Q.current?Q.current:parseFloat(Q.current)||0;void 0!==l&&e<0&&r<=l||void 0!==s&&e>0&&r>=s||N(r+e*c)},[b,c,l,s,N]),G=void 0!==l&&A<=l,q=void 0!==s&&A>=s,U=e.useRef(null),X=e.useRef(null),Y=e.useCallback(()=>{U.current&&(clearTimeout(U.current),U.current=null),X.current&&(clearInterval(X.current),X.current=null)},[]),Z=e.useCallback(e=>{b||(Y(),V(e),U.current=setTimeout(()=>{let r=120,t=0;const o=()=>{V(e),t+=1,10===t&&r>60?(clearInterval(X.current),r=60,X.current=setInterval(o,r)):30===t&&r>30&&(clearInterval(X.current),r=30,X.current=setInterval(o,r))};X.current=setInterval(o,r)},400))},[b,V,Y]);e.useEffect(()=>Y,[Y]);const J=e.useRef(!1),K=e=>({onPointerDown:r=>{if(void 0===r.button||0===r.button){r.preventDefault();try{r.currentTarget.setPointerCapture?.(r.pointerId)}catch(e){}J.current=!0,Z(e)}},onClick:()=>{J.current?J.current=!1:V(e)},onPointerUp:e=>{try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch(e){}Y()},onPointerCancel:Y,onPointerLeave:Y,onKeyDown:r=>{"Enter"!==r.key&&" "!==r.key||r.repeat||(r.preventDefault(),Z(e))},onKeyUp:e=>{"Enter"!==e.key&&" "!==e.key||Y()},onBlur:Y}),$=e=>{const r=e.target.value;if(""===r||"-"===r)return void(z||k(r));const t=parseFloat(r);isNaN(t)||N(t)},_=e=>{"ArrowUp"===e.key&&(e.preventDefault(),V(1)),"ArrowDown"===e.key&&(e.preventDefault(),V(-1))},ee={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"}},re={},te=()=>M&&p?t.jsx(O,{component:"label",style:{display:"block",marginBottom:"6px",color:b?"var(--Quiet)":"var(--Text)",fontWeight:500,opacity:b?.6:1},children:p}):null;return P?t.jsxs(r.Box,{className:"numberfield numberfield-outlined"+(b?" numberfield-disabled":"")+(y?" "+y:""),sx:{width:v?"100%":"auto",fontFamily:"inherit",...j},...S,children:[te(),t.jsx(r.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?.5:1,"&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:t.jsx(r.Box,{...re,children:t.jsxs(r.Box,{sx:{position:"relative",display:"flex",alignItems:"stretch",minHeight:"max("+E.height+", calc(var(--Sizing-3, 24px) * 2 + 1px))",backgroundColor:D},children:[H&&p&&t.jsx(r.Box,{sx:{position:"absolute",top:I||w?"6px":"50%",left:E.padding.split(" ")[1]||"14px",transform:I||w?"none":"translateY(-50%)",transformOrigin:"top left",color:w?L:"var(--Quiet)",fontFamily:"var(--Font-Families-Body, var(--Body-Font-Family))",...I||w?{fontSize:"var(--"+(po[h]||po.medium).shrunk+"-Font-Size)",fontWeight:"var(--"+(po[h]||po.medium).shrunk+"-Font-Weight)",letterSpacing:"var(--"+(po[h]||po.medium).shrunk+"-Letter-Spacing)"}:{fontSize:"var(--"+(po[h]||po.medium).resting+"-Font-Size)",fontWeight:"var(--"+(po[h]||po.medium).resting+"-Font-Weight)",letterSpacing:"var(--"+(po[h]||po.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:$,onKeyDown:_,onFocus:()=>C(!0),onBlur:()=>C(!1),disabled:b,placeholder:H?void 0:f||"",sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:I||w?L:"var(--Quiet)",fontSize:E.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)",padding:H?"22px 14px 6px":E.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 "+F,flexShrink:0},children:[t.jsx(r.Box,{component:"button",type:"button","aria-label":"Increase",...K(1),disabled:b||q,sx:{...ee,width:"var(--Sizing-4, 32px)",height:"var(--Sizing-3, 24px)"},children:t.jsx(dt,{size:"medium",children:t.jsx(ze,{})})}),t.jsx(r.Box,{"aria-hidden":"true",sx:{height:"1px",backgroundColor:F,flexShrink:0}}),t.jsx(r.Box,{component:"button",type:"button","aria-label":"Decrease",...K(-1),disabled:b||G,sx:{...ee,width:"var(--Sizing-4, 32px)",height:"var(--Sizing-3, 24px)"},children:t.jsx(dt,{size:"medium",children:t.jsx(Ae,{})})})]})]})})}),g&&t.jsx(Mr,{style:{color:"var(--Quiet)",marginTop:"4px",marginLeft:"2px"},children:g})]}):t.jsxs(r.Box,{className:"numberfield numberfield-spinner"+(b?" numberfield-disabled":"")+(y?" "+y:""),sx:{fontFamily:"inherit",...j},...S,children:[te(),t.jsxs(r.Box,{sx:{display:"inline-flex",alignItems:"center",gap:"small"===h?.5:1,opacity:b?.5:1},children:[t.jsx(r.Box,{component:"button",type:"button","aria-label":"Decrease",...K(-1),disabled:b||G,sx:{...ee,width:E.btnSize,height:E.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:t.jsx(dt,{size:"small",children:t.jsx(n,{})})}),t.jsx(r.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:t.jsx(r.Box,{...re,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:$,onKeyDown:_,onFocus:()=>C(!0),onBlur:()=>C(!1),disabled:b,sx:{width:"small"===h?40:56,minHeight:E.height,textAlign:"center",border:"none",outline:"none",backgroundColor:"var(--Hover)",color:"var(--Text)",fontSize:E.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:600,"&:disabled":{cursor:"not-allowed"}}})})}),t.jsx(r.Box,{component:"button",type:"button","aria-label":"Increase",...K(1),disabled:b||q,sx:{...ee,width:E.btnSize,height:E.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:t.jsx(dt,{size:"small",children:t.jsx(ve,{})})})]}),g&&t.jsx(Mr,{style:{color:"var(--Quiet)",marginTop:"4px",marginLeft:"2px"},children:g})]})}const wi=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Ci=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Ti({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function zi({color:e,selected:o,onClick:i}){const n=wi(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":o,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",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&&t.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const Ai=["default","primary","secondary","tertiary","neutral","black-white","info","success","warning","error"],Ii=["fill","outline","ghost"];function Ri(){const e={};return Ai.forEach(r=>{Ii.forEach(t=>{e["fill"===t?r:r+"-"+t]=function(e,r){const t=Wt(e),o={color:e,style:r,bg:"transparent",text:"var(--Quiet)",hover:"var(--Buttons-"+t+"-Hover)",hoverText:"var(--Buttons-"+t+"-Text)"};return"ghost"===r?{...o,border:"transparent",selectedBg:"transparent",selectedText:"var(--Buttons-"+t+"-Border)",selectedRing:"inset 0 0 0 2px var(--Buttons-"+t+"-Border)",bevel:!1}:"outline"===r?{...o,border:"var(--Buttons-"+t+"-Border)",selectedBg:"transparent",selectedText:"var(--Buttons-"+t+"-Border)",selectedRing:"inset 0 0 0 2px var(--Buttons-"+t+"-Border)",bevel:!1}:{...o,border:"var(--Buttons-"+t+"-Border)",selectedBg:"var(--Buttons-"+t+"-Button)",selectedText:"var(--Buttons-"+t+"-Text)",selectedRing:null,bevel:!0}}(r,t)})}),e}const Wi={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 Fi({variant:e="primary",size:o="medium",value:a,defaultValue:i,onChange:n,exclusive:l=!0,orientation:s="horizontal",disabled:c=!1,fullWidth:d=!1,children:x,className:u="",sx:h={},"aria-label":p,...m}){const f=Ri(),g=f[e]||f.default,b=Wi[o]||Wi.medium,v="vertical"===s,y={gap:0,border:"ghost"===g.style?"none":"1px solid "+g.border,borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",...d&&{width:"100%"},display:"grid",gridAutoFlow:v?"row":"column",...v?{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:b.height,fontSize:b.fontSize,padding:b.padding,fontFamily:"inherit",fontWeight:500,textTransform:"none",letterSpacing:"0",lineHeight:1.4,backgroundColor:g.bg,color:g.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:b.iconSize,height:b.iconSize,display:"block"}},"& .tbtn-start":{marginRight:"2px"},"& .tbtn-end":{marginLeft:"2px"},"& .tbtn-swatch":{display:"block",flexShrink:0,width:b.iconSize,height:b.iconSize,borderRadius:b.swatchRadius,border:"1px solid var(--Border-Variant)"},"& .tbtn-swatch:not(:only-child)":{marginRight:"2px"},"--_height":b.height,"--_bevel":"var(--Button-Bevel-Px, min(calc(var(--Button-Bevel, 0) * var(--_height) / 100), calc(var(--_height) / 5)))",...d&&{flex:1},..."ghost"===g.style?{}:v?{"&:not(:last-of-type)":{borderBottom:"1px solid "+g.border}}:{"&:not(:last-of-type)":{borderRight:"1px solid "+g.border}},"&:hover":{backgroundColor:g.hover,color:g.hoverText},"&.Mui-selected":{backgroundColor:g.selectedBg,color:g.selectedText,...g.bevel?{boxShadow:Dt(g.color)}:{},...g.selectedRing?{boxShadow:g.selectedRing}:{}},"&.Mui-selected:hover":{backgroundColor:g.selectedBg,color:g.selectedText,...g.bevel?{boxShadow:Dt(g.color)}:{},...g.selectedRing?{boxShadow:g.selectedRing}:{}},"&.Mui-focusVisible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"-2px",zIndex:1},"&.Mui-disabled":{opacity:.6,color:g.text,backgroundColor:g.bg},"&.Mui-disabled.Mui-selected":{opacity:.6,backgroundColor:g.selectedBg,color:g.selectedText},"& .MuiSvgIcon-root":{fontSize:b.iconSize},"& > *:not(:only-child)":{marginRight:b.gap/2,marginLeft:b.gap/2}},...h};return t.jsx(r.ToggleButtonGroup,{value:a,defaultValue:i,onChange:n,exclusive:l,orientation:s,disabled:c,className:"toggle-group-"+e+" "+u,sx:y,"aria-label":p,...m,children:x})}function Di({label:o,value:a="",onChange:i,placeholder:n,error:l=!1,errorMessage:s="",disabled:c=!1,helperText:d="",variant:x="outlined",size:u="medium",type:h="text",required:p=!1,fullWidth:m=!0,startAdornment:f,endAdornment:g,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:o,value:a,onChange:i,placeholder:n,disabled:c,variant:x,size:u,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":c?"Container-Low":"Container",style:{color:z},startAdornment:f?t.jsx(r.InputAdornment,{position:"start",children:f}):void 0,endAdornment:g?t.jsx(r.InputAdornment,{position:"end",children:g}):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:.6}},"& .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:.6}},"& .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 Li=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Pi=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Hi=[{value:"apple",label:"Apple"},{value:"banana",label:"Banana"},{value:"cherry",label:"Cherry"},{value:"date",label:"Date"},{value:"elderberry",label:"Elderberry"}],Mi=[{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 Ei({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function Oi({color:e,selected:o,onClick:i}){const n=Li(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":o,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",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&&t.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const Ni={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}},Qi={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 Vi({options:o=[],value:i,defaultValue:n=null,onChange:l,inputValue:s,onInputChange:c,label:d,labelPosition:x="top",placeholder:h="Type to search",helperText:p,size:m="medium",variant:f="outline",color:g="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"===g?"primary":g).charAt(0).toUpperCase()+A.slice(1);var A;const I="var(--Buttons-"+z+"-Border)",R="default"===g?"var(--Text)":"var(--Text-"+z+")",[W,F]=e.useState(n),[D,L]=e.useState(n?"string"==typeof n?n:n.label||"":""),[P,H]=e.useState(!1),[M,E]=e.useState(!1),[O,N]=e.useState(-1),Q=e.useRef(null),V=e.useRef(null),G=void 0!==i,q=void 0!==s,U=G?i:W,X=q?s:D,Y="floating"===x,Z="top"===x,J=""!==X,K=Y?Qi[m]||Qi.medium:Ni[m]||Ni.medium,$=X?o.filter(e=>("string"==typeof e?e:e.label).toLowerCase().includes(X.toLowerCase())):o,_=e.useCallback(e=>{q||L(e),c?.(e)},[q,c]),ee=e.useCallback(e=>{const r="string"==typeof e?e:e.label;G||F(e),_(r),l?.(e),H(!1),N(-1),V.current?.focus()},[G,l,_]);e.useEffect(()=>{if(!P)return;const e=e=>{Q.current&&!Q.current.contains(e.target)&&H(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[P]);return t.jsxs(r.Box,{ref:Q,className:"autocomplete autocomplete-"+m+" autocomplete-variant-"+f+(P?" autocomplete-open":"")+(B?" autocomplete-disabled":"")+(w?" "+w:""),sx:{position:"relative",width:k?"100%":"auto",display:"inline-block",fontFamily:"inherit",...C},...T,children:[Z&&d&&(()=>{const e="small"===m?Mr:Or;return t.jsx(e,{component:"label",style:{display:"block",marginBottom:"6px",color:B?"var(--Quiet)":"var(--Text)",fontWeight:500,opacity:B?.6:1},children:d})})(),t.jsx(r.Box,{sx:{border:"1px solid "+I,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?.5: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:K.height,backgroundColor:"var(--Hover)"},children:[Y&&d&&t.jsx(r.Box,{sx:{position:"absolute",top:J||M?"6px":"50%",left:(K.leftPad||14)+"px",transform:J||M?"scale(0.75)":"translateY(-50%)",transformOrigin:"top left",color:M?R:"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:d}),t.jsx(r.Box,{component:"input",ref:V,type:"text",role:"combobox","aria-expanded":P,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-label":d||h,autoComplete:"off",value:X,onChange:e=>{_(e.target.value),P||H(!0),N(-1)},onKeyDown:e=>{if("Escape"!==e.key){if("ArrowDown"===e.key){if(e.preventDefault(),!P)return void H(!0);N(e=>Math.min(e+1,$.length-1))}"ArrowUp"===e.key&&(e.preventDefault(),N(e=>Math.max(e-1,0))),"Enter"===e.key&&P&&O>=0&&$[O]&&(e.preventDefault(),ee($[O]))}else H(!1)},onFocus:()=>{E(!0),H(!0)},onBlur:()=>E(!1),disabled:B,placeholder:Y?void 0:h,sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:J||M?R:"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&&P&&t.jsx(Ie,{size:16,sx:{mr:1,color:"var(--Quiet)"}}),S&&X&&!B&&t.jsx(r.Box,{component:"button",type:"button","aria-label":"Clear",onClick:()=>{G||F(null),_(""),l?.(null),V.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":P?"Close":"Open",tabIndex:-1,onClick:()=>{B||H(!P)},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(u,{sx:{fontSize:(K.iconSize||18)+"px",transform:P?"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}),P&&t.jsx(r.Box,{role:"listbox","aria-label":d||"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:K.fontSize,color:"var(--Quiet)"},children:v}):0===$.length?t.jsx(r.Box,{sx:{px:1.5,py:2,textAlign:"center",fontSize:K.fontSize,color:"var(--Quiet)"},children:y}):$.map((e,o)=>{const i="string"==typeof e?e:e.label,n="string"==typeof e?e:e.value,l=i===(U?"string"==typeof U?U:U.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)"}}(o===O,l);return t.jsxs(r.Box,{role:"option","aria-selected":l,onClick:()=>ee(e),onMouseEnter:()=>N(o),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",...s,transition:"background-color 0.1s ease","&:active":{backgroundColor:"var(--Pressed)"}},children:[t.jsx(Mr,{style:{flex:1,color:"inherit",fontWeight:"inherit"},children:i}),l&&t.jsx(dt,{size:"small",sx:{opacity:.6,flexShrink:0},children:t.jsx(a,{})})]},n||i)})})]})}const Gi=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",qi=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Ui=[{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 Xi({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function Yi({color:e,selected:o,onClick:i}){const n=Gi(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":o,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",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&&t.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const Zi=["default","primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],Ji=Wt,Ki={small:{touchTarget:24,box:16,dot:8,gap:4,LabelComp:Mr},medium:{touchTarget:24,box:20,dot:9.5,gap:8,LabelComp:Or},large:{touchTarget:24,box:24,dot:9.5,gap:12,LabelComp:Vr}};function $i({size:e,color:o,checked:a}){const i=Ji(o),n="Default"===i?"var(--Quiet)":"var(--Buttons-"+i+"-Border)",l="var(--Buttons-"+i+"-Border)",s=Ki[e]||Ki.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:a&&t.jsx(r.Box,{sx:{width:s.dot,height:s.dot,borderRadius:"50%",backgroundColor:l,transition:"transform 0.15s ease-in-out"}})})}function _i({color:e="primary",size:o="medium",label:a,labelPlacement:i="end",checked:n,disabled:l=!1,onChange:s,name:c,value:d,className:x="",sx:u={},"aria-label":h,"aria-labelledby":p,"aria-describedby":m,inputProps:f={},...g}){const b=Zi.includes(e)?e:"primary",v=Ki[o]||Ki.medium,y=v.LabelComp,j=(v.touchTarget-v.box)/2,S={...f,...h&&{"aria-label":h},...p&&{"aria-labelledby":p},...m&&{"aria-describedby":m}},B=t.jsx(r.Radio,{checked:n,disabled:l,onChange:s,name:c,value:d,icon:t.jsx($i,{size:o,color:b,checked:!1}),checkedIcon:t.jsx($i,{size:o,color:b,checked:!0}),className:"radio-"+b+" "+x,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"},"&.Mui-focusVisible .radio-circle-icon":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled":{opacity:.6,cursor:"not-allowed",pointerEvents:"none"},...u},...g});return a?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:a}),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 en=_i,rn=["default","primary","secondary","tertiary","neutral","info","success","warning","error"];const tn={small:{visual:12,track:2,labelSize:11},medium:{visual:16,track:4,labelSize:12},large:{visual:20,track:6,labelSize:13}};function on({variant:e="primary",size:o="medium",value:a,defaultValue:i,onChange:n,onChangeCommitted:l,min:s=0,max:c=100,step:d=1,marks:x=!1,valueLabelDisplay:u="off",orientation:h="horizontal",track:p="normal",disabled:m=!1,label:f,name:g,className:b="",sx:v={},"aria-label":y,"aria-labelledby":j,...S}){const B=function(){const e={};return rn.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=tn[o]||tn.medium,C="vertical"===h,T=Array.isArray(a)||Array.isArray(i),z="inverted"===p,A="small"===o?Mr:Or,I=w.track+2,R=z?k.track:k.rail,W=k.railBorder,F=z?k.rail:k.track,D=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:D?"content-box":"border-box",backgroundColor:F,border:D||"none",height:C?void 0:D?w.track:I,width:C?D?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:`${Dt(e)}, ${wt}`,transition:"box-shadow 0.15s ease-in-out",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},"&:hover::before":{boxShadow:`${Dt(e)}, ${Ct}`},"&.Mui-focusVisible::before, &:focus-visible::before":{boxShadow:`${Dt(e)}, ${Ct}, 0 0 0 1px var(--Focus-Visible)`},"&.Mui-active::before":{boxShadow:Dt(e)},"&.Mui-focusVisible":{outline:"none",borderRadius:"50%"},"&.Mui-focusVisible::before":{boxShadow:`${Dt(e)}, ${Ct}`}},...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:.6,cursor:"not-allowed",pointerEvents:"none","& .MuiSlider-thumb::before":{boxShadow:"none"}},...v},P=t.jsx(r.Slider,{value:a,defaultValue:i,onChange:n,onChangeCommitted:l,min:s,max:c,step:d,marks:x,valueLabelDisplay:u,orientation:h,track:"inverted"===p?"inverted":!1!==p&&"normal",disabled:m,name:g,"aria-label":y,"aria-labelledby":j,slotProps:m?{input:{"aria-disabled":"true"}}:void 0,className:"slider-"+e+" "+b,sx:L,...S});return f?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"===o?"13px":"15px",fontWeight:500,opacity:m?.6:1},children:f}),P]}):P}const an=on,nn=on,ln={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},sn={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 cn({value:o,defaultValue:a,onChange:i,max:n=5,precision:l=1,color:s="default",size:c="medium",readOnly:d=!1,disabled:x=!1,emptyLabel:u="No rating",className:h="",sx:p={},...m}){const[f,g]=e.useState(a??null),[v,y]=e.useState(null),j=void 0!==o,S=j?o:f,B=null!==v?v:S,k=.5===l,w=!d&&!x,C=ln[s]||ln.default,T=sn[c]||sn.medium,z="var(--Buttons-"+C+"-Button)",A="var(--Buttons-"+C+"-Border)",I=e=>{if(!w)return;const r=e===S?null:e;j||g(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}}}:{},F=e=>{const o=e+1,a=e+.5,i=null!==B&&o<=B,s=null!==B&&!i&&k&&a<=B,c=s?Re:b,d=((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",...d,...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(a)}),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(o)}),t.jsx(c,{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":o+" star"+(1!==o?"s":""),tabIndex:w?0:-1,onClick:()=>I(o),onMouseEnter:()=>w&&y(o),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:x?"not-allowed":w?"pointer":"default",outline:"none",transition:"transform 0.1s ease",...d,...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:.5}},children:t.jsx(c,{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":": "+u),className:"rating rating-"+s+" rating-"+c+(d?" rating-readonly":"")+(x?" rating-disabled":"")+(null===S?" rating-empty":"")+(h?" "+h:""),sx:{display:"inline-flex",alignItems:"center",gap:T.gap+"px",opacity:x?.5:1,fontFamily:"inherit",...p},...m,children:[Array.from({length:n},(e,r)=>F(r)),null===S&&!v&&t.jsx(Gr,{style:{color:"var(--Quiet)",marginLeft:4},children:u})]})}const dn={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 xn({value:o,defaultValue:a="",onChange:i,onFocus:n,onBlur:l,onClear:s,onSubmit:c,placeholder:d="Search…",size:x="medium",color:u="default",showClearButton:h=!0,disabled:p=!1,ariaLabel:m="Search",className:f="",sx:b={},...v}){const[y,j]=e.useState(a),[S,B]=e.useState(!1),k=e.useRef(null),w=void 0!==o,C=w?o:y,T=C.length>0,z=S||T,A=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===u?"primary":u),I="var(--Buttons-"+A+"-Border)",R="default"===u?"var(--Text)":"var(--Text-"+A+")",W=dn[x]||dn.medium,F=()=>{w||j(""),i?.(""),s?.(),k.current?.focus()};return t.jsx(r.Box,{className:"search-field search-field-"+x+(S?" search-field-focused":"")+(T?" search-field-filled":"")+(p?" search-field-disabled":"")+(f?" "+f:""),sx:{display:"flex",boxSizing:"border-box",...b},...v,children:t.jsx(r.Box,{sx:{border:"1px solid "+I,borderRadius:"small"===x?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===x?"var(--Lg-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden",opacity:p?.5:1,transition:"border-color 0.15s ease, box-shadow 0.15s ease",boxShadow:"none",width:"100%","&: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(dt,{size:"small",sx:{color:z?R:"var(--Quiet)",flexShrink:0,transition:"color 0.15s ease"},children:t.jsx(g,{})}),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&&c?.(C,e),"Escape"===e.key&&T&&F()},placeholder:d,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: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},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px"}},children:t.jsx(dt,{size:"small",children:t.jsx(Se,{})})})]})})})}const un=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",hn=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function pn({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function mn({color:e,selected:o,onClick:i}){const n=un(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":o,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",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&&t.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const fn=["primary","secondary","tertiary","neutral","info","success","warning","error"],gn=e=>e.charAt(0).toUpperCase()+e.slice(1);function bn(){const e={};return fn.forEach(r=>{e[r]=function(e){const r=gn(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-"+gn(e)+"-Border)",hoverBg:"var(--Hover)",activeBg:"var(--Hover)"}}(r),e[r+"-light"]=function(e){const r=gn(e);return{bg:"var(--Buttons-"+r+"-Button)",text:"var(--Buttons-"+r+"-Text)",border:"1px solid var(--Buttons-"+r+"-Border)",hoverBg:"var(--Buttons-"+r+"-Hover)",activeBg:"var(--Buttons-"+r+"-Pressed)"}}(r)}),e}const vn={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}},yn=e.forwardRef(function({size:e,onClick:o,...a},i){const n="large"===e?24:"medium"===e?18:16;return t.jsx(r.Box,{ref:i,component:"button",onClick:e=>{e.stopPropagation(),o&&o(e)},onKeyDown:e=>{"Enter"!==e.key&&"Backspace"!==e.key&&"Delete"!==e.key||(e.stopPropagation(),o&&o(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}}},...a,children:t.jsx(We,{sx:{fontSize:n,pointerEvents:"none"}})})});function jn({variant:e="primary",size:o="medium",label:a,clickable:i=!1,disabled:n=!1,selected:l=!1,selectionMode:s,onDelete:c,onClick:d,startDecorator:x,endDecorator:u,children:h,className:p="",sx:m={},...f}){const g=bn(),b=g[e]||g.primary,v=c?"large":o,y=vn[v]||vn.medium,j=i||!!d||!!s,S={};"radio"===s?(S.role="radio",S["aria-checked"]=l):"checkbox"===s&&(S.role="checkbox",S["aria-checked"]=l);const B=l?{outline:"2px solid var(--Buttons-Primary-Button)",outlineOffset:"1px"}:{},k=a||h,w={height:y.height,fontSize:y.fontSize,fontWeight:500,fontFamily:"inherit",borderRadius:y.height/2+"px",padding:y.padding,boxSizing:"border-box",position:"relative",backgroundColor:b.bg,color:b.text,border:b.border,...B,..."small"===v&&{"&::after":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",minWidth:24,minHeight:24,width:"100%",height:"100%"}},...j&&!n?{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"},...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:y.gap+"px"},"& .MuiChip-icon":{margin:0,marginLeft:"-2px",color:"inherit",fontSize:y.iconSize},"& .MuiChip-deleteIcon":{display:"none"},...m},C=t.jsxs(r.Box,{component:"span",sx:{display:"inline-flex",alignItems:"center",gap:y.gap+"px",lineHeight:1},children:[x&&t.jsx(r.Box,{component:"span",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,"& .MuiSvgIcon-root":{fontSize:y.iconSize},"& .MuiAvatar-root":{width:y.iconSize+4,height:y.iconSize+4,fontSize:Math.round(.65*y.iconSize)+"px"}},children:x}),k,u&&t.jsx(r.Box,{component:"span",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,"& .MuiSvgIcon-root":{fontSize:y.iconSize},"& .MuiAvatar-root":{width:y.iconSize+4,height:y.iconSize+4,fontSize:Math.round(.65*y.iconSize)+"px"}},children:u}),c&&t.jsx(yn,{size:v,onClick:c})]});return t.jsx(r.Chip,{label:C,clickable:j&&!n,disabled:n,onClick:j?d:void 0,className:"chip-"+e+" "+p,sx:w,...S,...f})}const Sn={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)"}},Bn="var(--Link-Visited, var(--Hotlink-Visited))",kn={primary:{base:"var(--Link, var(--Hotlink))",visited:Bn},standard:{base:"var(--Text)",visited:Bn},quiet:{base:"var(--Text-Quiet)",visited:Bn}};function wn({children:e,href:o,target:a,rel:i,textStyle:n="body",color:l="primary",disabled:s=!1,onClick:c,className:d="",sx:x={},...u}){const h=Sn[n]||Sn.body,p=kn[l]||kn.primary,m="_blank"===a?i||"noopener noreferrer":i;return t.jsx(r.Box,{component:"a",href:s?void 0:o,target:a,rel:m,onClick:s?e=>e.preventDefault():c,"aria-disabled":s||void 0,tabIndex:s?-1:void 0,className:"link link-"+n+" link-color-"+l+(s?" link-disabled":"")+" "+d,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?.5: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"}},...x},...u,children:e})}function Cn({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"primary":"primary-outline",size:"small",onClick:o,children:e})}function Tn({code:e}){return t.jsx(xa,{code:e,language:"JSX",wrap:!0,sx:{mt:1}})}function zn({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 An({leftLabel:e,rightLabel:o,leftContent:a,rightContent:i,leftCode:n,rightCode:l,leftPasses:s,rightPasses:c}){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(Mr,{style:{fontWeight:600},children:e}),t.jsx(zn,{passes:s})]}),t.jsx(r.Box,{sx:{p:2,backgroundColor:"var(--Surface-Dim, var(--Surface))",borderRadius:"var(--Style-Border-Radius)",minHeight:80},children:a}),t.jsx(Tn,{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(Mr,{style:{fontWeight:600},children:o}),t.jsx(zn,{passes:c})]}),t.jsx(r.Box,{sx:{p:2,backgroundColor:"var(--Surface-Dim, var(--Surface))",borderRadius:"var(--Style-Border-Radius)",minHeight:80},children:i}),t.jsx(Tn,{code:l})]})})]})}function In(){const[o,a]=e.useState("column"),[i,n]=e.useState(.5),[l,c]=e.useState("small"),[d,x]=e.useState(!0),[u,h]=e.useState(!1),[p,m]=e.useState(null),[f,g]=e.useState("Surface"),b={small:{label:"Small links ⚡",content:t.jsxs(t.Fragment,{children:[t.jsx(wn,{href:"#",size:"small",children:"Terms of Service"}),t.jsx(wn,{href:"#",size:"small",children:"Privacy Policy"}),t.jsx(wn,{href:"#",size:"small",children:"Cookie Settings"})]})},chips:{label:"Chips ⚡",content:t.jsxs(t.Fragment,{children:[t.jsx(jn,{label:"React",size:"small"}),t.jsx(jn,{label:"TypeScript",size:"small"}),t.jsx(jn,{label:"Design System",size:"small"})]})},normal:{label:"Normal buttons",content:t.jsxs(t.Fragment,{children:[t.jsx(Yt,{variant:"primary",size:"medium",children:"Primary"}),t.jsx(Yt,{variant:"secondary",size:"medium",children:"Secondary"})]})},mixed:{label:"Mixed ⚡",content:t.jsxs(t.Fragment,{children:[t.jsx(Yt,{variant:"primary",size:"medium",children:"Save changes"}),t.jsx(wn,{href:"#",size:"small",children:"Or discard"})]})}},v=["small","chips","mixed"].includes(l),y=d&&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(Fo,{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(Oa,{direction:o,gap:i,enforceMinGap:d,flexWrap:u?"wrap":void 0,children:b[l].content})]})}),t.jsx(Tn,{code:(()=>{const e=["<OmniStack"];return"column"!==o&&e.push(' direction="'+o+'"'),e.push(" gap={"+i+"}"),d||e.push(" enforceMinGap={false}"),u&&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(Ho,{theme:p,onThemeChange:m,surface:f,onSurfaceChange:g}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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(Cn,{label:r,selected:l===e,onClick:()=>c(e)},e))})]}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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(Cn,{label:(r=e,r?r.charAt(0).toUpperCase()+r.slice(1):""),selected:o===e,onClick:()=>a(e)},e);var r})})]}),t.jsxs(r.Box,{children:[t.jsxs(Yr,{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(Gr,{style:{color:"var(--Text)",minWidth:24,textAlign:"right"},children:i})]})]}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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(Mr,{children:"Enforce min gap"}),t.jsx(Gr,{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(Ba,{checked:d,onChange:e=>x(e.target.checked),size:"small"})]}),t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[t.jsx(Mr,{children:"Flex wrap"}),t.jsx(Ba,{checked:u,onChange:e=>h(e.target.checked),size:"small"})]})]})]})]})})]})}const Rn={none:void 0,small:"var(--Sm-Card-Radius, var(--Card-Radius))",medium:"var(--Card-Radius)",large:"var(--Lg-Card-Radius, var(--Card-Radius))"};function Wn({children:e,theme:o,surface:a,radius:i="none",elevation:n=0,component:l="div",className:s="",sx:c={},style:d,...x}){const u=Math.max(0,Math.min(5,0|n)),h=Rn[i];if(!u)return t.jsx(r.Box,{component:l,"data-theme":o||void 0,"data-surface":a||void 0,className:"omni-box"+(s?" "+s:""),sx:{background:"var(--Background)",boxSizing:"border-box",...h?{borderRadius:h}:{},...c},style:d,...x,children:e});const p=d||{},{width:m,height:f,minWidth:g,minHeight:b,maxWidth:v,maxHeight:y,borderRadius:j,margin:S,marginTop:B,marginRight:k,marginBottom:w,marginLeft:C,...T}=p,z={width:m,height:f,minWidth:g,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}=c;return t.jsx(r.Box,{component:l,className:"omni-box-elevation"+(s?" "+s:""),"data-elevation":u,sx:{boxShadow:It[u],boxSizing:"border-box",width:A,height:I,borderRadius:void 0!==R?R:h},style:z,...x,children:t.jsx(r.Box,{"data-theme":o||void 0,"data-surface":a||void 0,className:"omni-box",sx:{width:"100%",height:"100%",background:"var(--Background)",borderRadius:"inherit",boxSizing:"border-box",...W},style:T,children:e})})}const Fn=["Surface","Surface-Dim","Surface-Bright","Container","Container-Low","Container-Lowest","Container-High"],Dn=["Default","Primary","Primary-Light","Secondary","Secondary-Light","Tertiary","Tertiary-Light","Neutral","Neutral-Light","Info-Light","Success-Light","Warning-Light","Error-Light"];function Ln({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function Pn({theme:e,surface:r="Surface",as:o="section",padding:a,className:i,style:n,children:l,...s}){return t.jsx(o,{...e?{"data-theme":e}:{},"data-surface":r,className:i,style:{background:"var(--Background)",color:"var(--Text)",...void 0!==a?{padding:a}:{},...n},...s,children:l})}const Hn=["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"],Mn="1.618034",En={"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":Mn+" / 1","Golden-Vertical":"1 / "+Mn},On={none:0,xs:1,sm:2,md:3,lg:4,xl:6};function Nn({ratio:o="1:1",children:a,variant:i="default",color:n="default",padding:l="none",fit:s="width",placeholder:c=!0,elevated:d=!1,clickable:x=!1,onClick:u,maxWidth:h,maxHeight:p,component:m="div",className:f="",sx:g={},...b}){const v=En[o]||En["1:1"],y=(j="default"===n?"Default":n).charAt(0).toUpperCase()+j.slice(1);var j;const S=c&&0===e.Children.count(a),B="default"===n?void 0:y,k="dark"===i?"Surface-Dimmest":"light"===i?"Surface-Brightest":void 0,w=void 0!==On[l]?On[l]:On.none,C=x||!!u,T="default"===i,z=d?Tt:Ct,A=d?zt:Tt;return t.jsx(r.Box,{component:m,onClick:C?u:void 0,role:C?"button":void 0,tabIndex:C?0:void 0,className:"ratio ratio-"+o.toLowerCase()+" ratio-"+i+(C?" ratio-clickable":"")+(d?" ratio-elevated":"")+(f?" "+f:""),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}},...g},...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(dt,{size:"large",sx:{color:"var(--Background)"},children:t.jsx(De,{})}):a})})}const Qn=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Vn=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Gn=["default","solid","light","dark"],qn=["none","xs","sm","md","lg","xl"];function Un({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function Xn({color:e,selected:r,onClick:o,variant:i}){const n=Qn(e),l={solid:n,light:n+"-Light",dark:n,default:void 0};return t.jsx(Wn,{component:"button","data-theme":l[i],"data-surface":{solid:"Surface",light:"Surface",dark:"Surface-Dimmest",default:"Surface"}[i],onClick:()=>o(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(a,{sx:{fontSize:16,color:"var(--Text)",pointerEvents:"none"}})})}const Yn=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Zn=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Jn=[{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Kn({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function $n({color:e,selected:o,onClick:i}){const n=Yn(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":o,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",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&&t.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const _n={small:{fontSize:"var(--Body-Small-Font-Size)",gap:"6px",py:"4px"},medium:{fontSize:"var(--Body-Font-Size)",gap:"8px",py:"6px"},large:{fontSize:"var(--Body-Large-Font-Size)",gap:"10px",py:"8px"}};function el({children:o,separator:a="/",size:i="medium",condense:n=!1,maxItems:l=4,itemsBeforeCollapse:s=1,itemsAfterCollapse:c=1,backOnlyMobile:d=!1,onExpand:x,className:u="",sx:h={},...p}){const m=_n[i]||_n.medium,f=e.Children.toArray(o).filter(e.isValidElement),g=f.length,b=n&&g>l;let v=f;const[y,j]=e.useState(!1);if(b&&!y){const e=f.slice(0,s),o=f.slice(g-c),a=t.jsx(r.Box,{component:"button",onClick:()=>{j(!0),x?.()},"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)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"1px"}},children:"…"},"__breadcrumb-ellipsis");v=[...e,a,...o]}const S=[];v.forEach((e,o)=>{const i=b&&!y?o===v.length-1:o===g-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:600},...!i&&{color:"var(--Quiet)"},maxWidth:"200px","& > *":{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},...i?{"aria-current":"page"}:{},children:e},"crumb-"+o)),o<v.length-1&&S.push((n=o,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:a},"sep-"+n)))});const B=g>=2?f[g-2]:null;return t.jsxs(r.Box,{component:"nav","aria-label":"Breadcrumb",className:"breadcrumbs breadcrumbs-"+i+" "+u,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:m.gap,listStyle:"none",margin:0,padding:0,...d&&{"@media (max-width: 600px)":{display:"none"}}},children:S}),d&&B&&t.jsxs(r.Box,{className:"breadcrumbs-back-mobile",sx:{display:"none","@media (max-width: 600px)":{display:"flex",alignItems:"center",gap:"4px",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 rl({children:e,href:o,className:a="",sx:i={},...n}){const l=!!o;return t.jsx(r.Box,{component:l?"a":"span",href:o||void 0,className:"breadcrumb-link "+a,sx:{color:"inherit",textDecoration:l?"underline":"none",textUnderlineOffset:"3px",textDecorationThickness:"1px",cursor:l?"pointer":"default",transition:"color 0.15s ease",...l&&{"&:hover":{color:"var(--Link-Hover)",textDecorationThickness:"2px"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderRadius:"2px"}},...i},...n,children:e})}const tl=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"";function ol({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}const al={small:{btnSize:"small",fontSize:"13px",gap:"2px"},medium:{btnSize:"medium",fontSize:"14px",gap:"4px"},large:{btnSize:"large",fontSize:"16px",gap:"4px"}};function il({count:o=10,page:a,defaultPage:i=1,onChange:n,color:l="default",size:s="medium",siblingCount:c=1,boundaryCount:d=1,disabled:x=!1,showFirstButton:u=!1,showLastButton:h=!1,className:p="",sx:m={},...f}){const[g,b]=e.useState(i),v=void 0!==a,y=v?a:g;(e=>{e.charAt(0).toUpperCase(),e.slice(1)})("default"===l?"Default":l);const j=al[s]||al.medium,S=e.useCallback(e=>{const r=Math.max(1,Math.min(o,e));v||b(r),n?.(r)},[o,v,n]),B=function({count:e,page:r,siblingCount:t=1,boundaryCount:o=1}){const a=(e,r)=>Array.from({length:r-e+1},(r,t)=>e+t);if(2*t+3+2*o>=e)return a(1,e);const i=Math.max(r-t,o+1),n=Math.min(r+t,e-o),l=i>o+2,s=n<e-o-1;if(!l&&s)return[...a(1,Math.min(3+2*t+o,e)),"ellipsis-right",...a(e-o+1,e)];if(l&&!s){const r=a(Math.max(e-(3+2*t+o)+1,1),e);return[...a(1,o),"ellipsis-left",...r]}return l&&s?[...a(1,o),"ellipsis-left",...a(i,n),"ellipsis-right",...a(e-o+1,e)]:a(1,e)}({count:o,page:y,siblingCount:c,boundaryCount:d}),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},...f,children:t.jsxs(r.Box,{component:"ul",sx:{display:"flex",alignItems:"center",gap:j.gap,listStyle:"none",m:0,p:0,flexWrap:"wrap"},children:[u&&t.jsx(r.Box,{component:"li",children:t.jsx(Yt,{iconOnly:!0,variant:k+"-outline",size:j.btnSize,disabled:x||1===y,onClick:()=>S(1),"aria-label":"Go to first page",children:t.jsx(dt,{size:"small",children:t.jsx(He,{})})})}),t.jsx(r.Box,{component:"li",children:t.jsx(Yt,{iconOnly:!0,variant:k+"-outline",size:j.btnSize,disabled:x||1===y,onClick:()=>S(y-1),"aria-label":"Go to previous page",children:t.jsx(dt,{size:"small",children:t.jsx(Le,{})})})}),B.map((e,o)=>{if("string"==typeof e)return t.jsx(r.Box,{component:"li",children:t.jsx(Gr,{style:{color:"var(--Quiet)",padding:"0 4px"},"aria-hidden":"true",children:"…"})},e+"-"+o);const a=e===y;return t.jsx(r.Box,{component:"li",children:t.jsx(Yt,{variant:a?k:k+"-outline",size:j.btnSize,disabled:x,onClick:()=>S(e),"aria-label":"Page "+e,"aria-current":a?"page":void 0,letterNumber:!0,children:e})},e)}),t.jsx(r.Box,{component:"li",children:t.jsx(Yt,{iconOnly:!0,variant:k+"-outline",size:j.btnSize,disabled:x||y===o,onClick:()=>S(y+1),"aria-label":"Go to next page",children:t.jsx(dt,{size:"small",children:t.jsx(Pe,{})})})}),h&&t.jsx(r.Box,{component:"li",children:t.jsx(Yt,{iconOnly:!0,variant:k+"-outline",size:j.btnSize,disabled:x||y===o,onClick:()=>S(o),"aria-label":"Go to last page",children:t.jsx(dt,{size:"small",children:t.jsx(Me,{})})})})]})})}const nl=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 sl({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function cl({color:e,selected:o,onClick:i}){const n=nl(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":o,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",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&&t.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const dl=e=>e.charAt(0).toUpperCase()+e.slice(1),xl={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"}},ul=e.createContext({open:!1,setOpen:()=>{},anchorRef:{current:null},menuId:"",buttonId:"",variant:"outline",color:"default",size:"medium"}),hl=()=>e.useContext(ul);function pl({children:o,variant:a="outline",color:i="default",size:n="medium",open:l,onOpenChange:s,...c}){const[d,x]=e.useState(!1),u=void 0!==l,h=u?l:d,p=e.useRef(null),m=e.useId(),f="menu-"+m,g="menubtn-"+m,b=e.useCallback(e=>{const r="function"==typeof e?e(h):e;u?s?.(r):x(r)},[u,h,s]);return t.jsx(ul.Provider,{value:{open:h,setOpen:b,anchorRef:p,menuId:f,buttonId:g,variant:a,color:i,size:n},children:t.jsx(r.Box,{sx:{display:"inline-flex",position:"relative"},...c,children:o})})}function ml({children:e,className:o="",sx:a={},...i}){const{open:n,setOpen:l,anchorRef:s,menuId:c,buttonId:d,size:x,color:h}=hl(),p=xl[x]||xl.medium,m=dl("default"===h?"Default":h);return t.jsxs(r.Box,{component:"button",ref:s,id:d,"aria-haspopup":"true","aria-expanded":n,"aria-controls":n?c:void 0,onClick:()=>l(e=>!e),className:"menu-button "+o,sx:{display:"inline-flex",alignItems:"center",gap:"6px",padding:p.itemPy+" "+p.itemPx,fontSize:p.fontSize,fontFamily:"inherit",fontWeight:600,color:"var(--Text)",backgroundColor:"var(--Background)",border:"1px solid var(--Buttons-"+m+"-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"},...a},onKeyDown:e=>{"ArrowDown"!==e.key&&"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),l(!0))},...i,children:["string"==typeof e?"small"===x?t.jsx(Mr,{style:{color:"inherit",fontWeight:600},children:e}):t.jsx(Or,{style:{color:"inherit",fontWeight:600},children:e}):e,t.jsx(dt,{size:"small",sx:{color:"var(--Quiet)",transition:"transform 0.2s ease",transform:n?"rotate(180deg)":"rotate(0deg)"},children:t.jsx(u,{})})]})}function fl({children:o,className:a="",placement:i="bottom-start",sx:n={},...l}){const{open:s,setOpen:c,anchorRef:d,menuId:x,buttonId:u,variant:h,color:p,size:m}=hl(),f=e.useRef(null),g=xl[m]||xl.medium,b=dl("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&&f.current){const e=f.current.querySelector('[role="menuitem"]:not([aria-disabled="true"])');e&&e.focus()}},[s]),e.useEffect(()=>{if(!s)return;const e=e=>{f.current&&!f.current.contains(e.target)&&d.current&&!d.current.contains(e.target)&&c(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[s,c,d]),e.useEffect(()=>{if(!s)return;const e=e=>{"Escape"===e.key&&(c(!1),d.current?.focus())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[s,c,d]),s?t.jsx(r.Box,{className:"menu menu-"+h+" "+a,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:f,id:x,role:"menu","aria-labelledby":u,"data-theme":y,"data-surface":j,sx:{minWidth:g.minWidth,backgroundColor:"var(--Background)",color:"var(--Text)",fontSize:g.fontSize,fontFamily:"inherit",padding:g.py+" 0",outline:"none",borderRadius:"calc(var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px))) - 1px)"},onKeyDown:e=>{const r=f.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&&c(!1)},...l,children:o})}):null}function gl({children:e,onClick:o,selected:a=!1,disabled:i=!1,className:n="",sx:l={},...s}){const{setOpen:c,size:d}=hl(),x=xl[d]||xl.medium,u=a?"small"===d?Lr:Dr:"small"===d?Mr:Or,h=()=>{i||(o?.(),c(!1))};return t.jsx(r.Box,{role:"menuitem",tabIndex:i?-1:0,"aria-disabled":i||void 0,"aria-selected":a||void 0,onClick:h,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),h())},className:"menu-item"+(a?" menu-item-selected":"")+" "+n,sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-1)",padding:x.itemPy+" "+x.itemPx,fontSize:x.fontSize,color:i?"var(--Quiet)":a?"var(--Text)":"var(--Quiet)",backgroundColor:a?"var(--Hover)":"transparent",cursor:i?"not-allowed":"pointer",opacity:i?.5:1,outline:"none",transition:"background-color 0.1s ease, color 0.1s ease",userSelect:"none",...!i&&{"&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)"},"&:focus-visible":{backgroundColor:"var(--Hover)",color:"var(--Text)",outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},...l},...s,children:t.jsx(u,{color:"standard",style:{color:"inherit"},children:e})})}function bl({className:e="",sx:o={},...a}){return t.jsx(r.Box,{component:"hr",role:"separator",className:"menu-divider "+e,sx:{border:"none",borderTop:"1px solid var(--Border)",margin:"4px 0",...o},...a})}const vl=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",yl=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function jl({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function Sl({color:e,selected:o,onClick:i}){const n=vl(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":o,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",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&&t.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}let Bl=0;const kl={default:"Nav-Bar",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},wl="var(--Sizing-1, 8px)",Cl="40px",Tl="var(--Icon-Size, 24px)",zl="var(--Sizing-Half, 4px)",Al={horizontal:{px:"var(--Button-Height, 32px)",py:"12px"},vertical:{px:"var(--Sizing-1-and-Half, 12px)",py:"var(--Sizing-2, 16px)"}},Il={px:0,py:0};function Rl({items:o=[],value:a,defaultValue:i=0,onChange:n,showLabels:l=!0,variant:s="fixed",orientation:c="horizontal",barColor:d="default",fabAction:x,fabPosition:u="end",fixed:h=!0,"aria-label":p="Bottom navigation",className:m="",sx:f={},...g}){const[b,v]=e.useState(i),y=void 0!==a,j=y?a:b,S=e.useCallback(e=>{y||v(e),n?.(e)},[y,n]),B="vertical"===c,k="floating"===s,w=kl[d]||kl.default,C=k?B?Al.vertical:Al.horizontal:Il,T=e.useRef(null);null===T.current&&(T.current="bottom-nav-"+Bl++);const z=e=>T.current+"-tab-"+e,A=!!x;return t.jsxs(r.Box,{component:"nav","data-theme":w,"data-surface":"Surface-Dim","aria-label":p,className:"bottom-nav bottom-nav-"+d+" bottom-nav-style-"+(k?"floating":"fixed")+" bottom-nav-bar-"+c+(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}},...f},...g,children:[A&&t.jsx(r.Box,{role:"tablist","aria-orientation":B?"vertical":"horizontal","aria-owns":o.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:[o.map((e,r)=>t.jsx(Wl,{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},e.key||r)).flatMap((e,r,o)=>{if(!x)return[e];return r===("center"===u?Math.ceil(o.length/2):o.length)-1?[e,t.jsx(Dl,{...x,showLabel:l,position:u},"fab")]:[e]}),x&&0===o.length&&t.jsx(Dl,{...x,showLabel:l,position:u},"fab")]})]})}function Wl({id:e,icon:o,label:a,selected:i,showLabel:n,onClick:l,ariaLabel:s}){return t.jsxs(r.Box,{component:"button",type:"button",role:"tab",id:e,"aria-selected":i,"aria-label":s,onClick:l,className:"bottom-nav-item"+(i?" bottom-nav-item-selected":""),sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:zl,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:{display:"flex",alignItems:"center",justifyContent:"center",minWidth:32,minHeight:32,padding:wl,borderRadius:Cl,backgroundColor:i?"var(--Text)":"transparent",color:i?"var(--Background)":"var(--Quiet)",fontSize:Tl,transition:"background-color 0.2s ease, color 0.15s ease","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"},".bottom-nav-item:hover &":i?{}:{color:"var(--Text)"}},children:o}),n&&a&&t.jsx(qr,{className:"bottom-nav-label",style:{color:i?"var(--Text)":"var(--Quiet)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},children:a})]})}const Fl=32;function Dl({icon:o,label:a,onClick:i,showLabel:n,actions:l,position:s="end"}){const c=Array.isArray(l)&&l.length>0,[d,x]=e.useState(!1),u=e.useRef(null);e.useEffect(()=>{if(!d)return;const e=e=>{u.current&&!u.current.contains(e.target)&&x(!1)},r=e=>{"Escape"===e.key&&x(!1)};return document.addEventListener("mousedown",e),document.addEventListener("keydown",r),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",r)}},[d]);const h=e=>({display:"flex",alignItems:"center",justifyContent:"center",minWidth:e,minHeight:e,boxSizing:"border-box",borderRadius:Cl,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:u,sx:{position:"relative",display:"flex",flexShrink:0},children:[t.jsxs(r.Box,{component:"button",type:"button","aria-label":a||"Action",onClick:e=>{c&&x(e=>!e),i?.(e)},...c?{"aria-haspopup":"menu","aria-expanded":d}:{},className:"bottom-nav-fab"+(d?" bottom-nav-fab-open":""),sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:zl,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:wl,fontSize:Tl,transition:"background-color 0.15s ease, transform 0.2s ease",transform:d?"rotate(45deg)":"none",".bottom-nav-fab:hover &":{backgroundColor:"var(--Hover)"},".bottom-nav-fab:active &":{backgroundColor:"var(--Pressed)"}},children:o||t.jsx(ve,{})}),n&&a&&t.jsx(qr,{className:"bottom-nav-label",style:{color:"var(--Buttons-Default-Border)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},children:a})]}),c&&d&&t.jsx(r.Box,{role:"menu","aria-label":a||"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,o)=>t.jsxs(r.Box,{component:"button",type:"button",role:"menuitem","aria-label":e.label,className:"bottom-nav-dial-item",onClick:r=>{x(!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:Cl,"&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:[t.jsx(r.Box,{sx:{width:40,display:"flex",justifyContent:"center",flexShrink:0},children:t.jsx(r.Box,{sx:{...h(Fl),fontSize:"var(--Icon-Size-Small, 16px)"},children:e.icon||t.jsx(ve,{})})}),t.jsx(Ur,{style:{color:"inherit"},children:e.label})]},e.key||o))})]})}const Ll={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(g,{sx:{fontSize:"inherit"}}),Settings:t.jsx(f,{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"}})},Pl=Object.keys(Ll),Hl=[{icon:"Home",label:"Home"},{icon:"Explore",label:"Browse"},{icon:"Radio",label:"Radio"},{icon:"Library",label:"Library"}],Ml=[{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 El({label:e,selected:o,onClick:a,disabled:i}){return t.jsx(r.Box,{component:"button",onClick:a,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:o?"var(--Buttons-Primary-Button)":"transparent",color:o?"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":o?"var(--Buttons-Primary-Hover)":"var(--Surface-Dim)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:e})}function Ol({value:e,onChange:o,placeholder:a,sx:i}){return t.jsx(r.Box,{component:"input",type:"text",value:e,onChange:e=>o(e.target.value),placeholder:a,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 Nl({value:e,onChange:o,options:a,label:i}){return t.jsx(r.Box,{component:"select",value:e,onChange:e=>o(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:a.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 Ql({value:e,onChange:o,min:a,max:i,label:n}){return t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:[t.jsx(Gr,{style:{color:"var(--Text-Quiet)",flexShrink:0,width:90},children:n}),t.jsx("button",{type:"button",onClick:()=>{e>a&&o(e-1)},disabled:e<=a,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<=a?"not-allowed":"pointer",fontSize:"14px",opacity:e<=a?.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&&o(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 Vl({label:e,checked:o,onChange:a,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:o,onChange:e=>a(e.target.checked),size:"small",disabled:n,sx:{color:"var(--Text-Quiet)","&.Mui-checked":{color:"var(--Buttons-Primary-Button)"}}}),label:t.jsx(Xr,{children:e}),sx:{m:0}}),i&&t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block",marginLeft:32},children:i})]})}const Gl={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},ql={small:{indicator:24,fontSize:"11px",labelFontSize:"13px",connectorThickness:2,gap:0},medium:{indicator:32,fontSize:"13px",labelFontSize:"14px",connectorThickness:2,gap:0},large:{indicator:40,fontSize:"16px",labelFontSize:"16px",connectorThickness:2,gap:0}},Ul=e.createContext({orientation:"horizontal",size:"medium",color:"primary",activeStep:0,clickable:!1,onStepClick:null,dashedIncomplete:!1,totalSteps:0}),Xl=()=>e.useContext(Ul);function Yl({children:o,orientation:a="horizontal",size:i="medium",color:n="primary",activeStep:l=0,clickable:s=!1,onStepClick:c,dashedIncomplete:d=!1,className:x="",sx:u={},...h}){const p=e.Children.toArray(o).filter(e.isValidElement),m=p.length,f="horizontal"===a;return t.jsx(Ul.Provider,{value:{orientation:a,size:i,color:n,activeStep:l,clickable:s,onStepClick:c,dashedIncomplete:d,totalSteps:m},children:t.jsx(r.Box,{component:"ol",role:"list","aria-label":"Progress",className:"stepper stepper-"+a+" 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,...u},...h,children:p.map((r,t)=>e.cloneElement(r,{_index:t,key:r.key||t}))})})}function Zl({children:e,icon:o,label:a,_index:i=0,className:n="",sx:l={},...s}){const{orientation:c,size:d,color:x,activeStep:u,clickable:h,onStepClick:p,dashedIncomplete:m,totalSteps:f}=Xl(),g=ql[d]||ql.medium,b=Gl[x]||"Primary",v="horizontal"===c,y=i===u,j=i<u,S=i>u,B=i===f-1,k=o||i+1,w=a||e,C="var(--Buttons-"+b+"-Border)",T=y||j?"var(--Buttons-"+b+"-Button)":"transparent",z=y||j?"var(--Buttons-"+b+"-Text)":"var(--Text)",A=y||j?"var(--Buttons-"+b+"-Hover)":"var(--Hover)",I=y||j?"var(--Buttons-"+b+"-Pressed)":"var(--Pressed)",R=t.jsx(r.Box,{component:h?"button":"div",onClick:h?()=>p?.(i):void 0,onKeyDown:h?e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),p?.(i))}:void 0,tabIndex:h?0:void 0,role:h?"button":void 0,"aria-label":h?"Go to step "+(i+1):void 0,"aria-current":y?"step":void 0,className:"step-indicator step-indicator-"+d+(y?" step-indicator-active":"")+(j?" step-indicator-completed":"")+(S?" step-indicator-incomplete":"")+(h?" step-indicator-clickable":""),sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:g.indicator+"px",height:g.indicator+"px",minWidth:g.indicator+"px",minHeight:g.indicator+"px",borderRadius:"50%",border:(y?"2px":"1px")+" solid "+C,backgroundColor:T,color:z,fontSize:g.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:h?"pointer":"default",outline:"none",padding:0,..."small"===d&&{"&::after":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"24px",height:"24px",borderRadius:"50%"}},...h&&{"&:hover":{backgroundColor:A},"&:active":{backgroundColor:I},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px"}}},children:k}),W=B?null:t.jsx(r.Box,{className:"step-connector"+(j?" step-connector-completed":"")+(S?" step-connector-incomplete":"")+(m&&S?" step-connector-dashed":""),"aria-hidden":"true",sx:{flex:1,...v?{height:g.connectorThickness+"px",minWidth:"20px",alignSelf:"flex-start",marginTop:g.indicator/2-g.connectorThickness/2+"px",marginLeft:"8px",marginRight:"8px"}:{width:g.connectorThickness+"px",minHeight:"24px",marginLeft:g.indicator/2-g.connectorThickness/2+"px",marginTop:"4px",marginBottom:"4px"},backgroundColor:j?"var(--Buttons-"+b+"-Button)":"var(--Border)",...m&&S&&{backgroundColor:"transparent",backgroundImage:v?"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:v?"12px 100%":"100% 12px"},transition:"background-color 0.15s ease"}}),F=w?(()=>{const e="small"===d?Gr:Mr;return t.jsx(e,{style:{fontWeight:y?600:400,color:y||j?"var(--Text)":"var(--Quiet)",textAlign:v?"center":"left",whiteSpace:"nowrap",lineHeight:1.3},children:w})})():null;return v?t.jsxs(r.Box,{component:"li",className:"step step-"+d+" step-horizontal"+(y?" step-active":"")+(j?" step-completed":"")+(S?" step-incomplete":"")+" "+n,sx:{display:"flex",alignItems:"center",flex:B?"none":1,...l},...s,children:[t.jsxs(r.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",flexShrink:0},children:[R,F&&t.jsx(r.Box,{sx:{mt:"4px"},children:F})]}),W]}):t.jsxs(r.Box,{component:"li",className:"step step-"+d+" step-vertical"+(y?" step-active":"")+(j?" step-completed":"")+(S?" step-incomplete":"")+" "+n,sx:{display:"flex",flexDirection:"column",alignItems:"flex-start",...l},...s,children:[t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:"8px"},children:[R,F]}),W]})}const Jl=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Kl=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],$l=["Account","Details","Review","Confirm","Complete","Done"];function _l({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function es({color:e,selected:o,onClick:i}){const n=Jl(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":o,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",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&&t.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}function rs({actions:o=[],variant:a="solid",color:i="default",direction:n="up",speed:l=50,showTooltips:s=!0,open:c,onOpen:d,onClose:x,icon:u,ariaLabel:h="Speed Dial",className:p="",sx:m={},...f}){const[g,b]=e.useState(!1),v=void 0!==c,y=v?c:g,j=e.useRef(null),S=a,B=e.useCallback(()=>{y?(v||b(!1),x?.()):(v||b(!0),d?.())},[y,v,d,x]),k=e.useCallback((e,r)=>{e.onClick?.(r),v||b(!1),x?.()},[v,x]);e.useEffect(()=>{if(!y)return;const e=e=>{j.current&&!j.current.contains(e.target)&&(v||b(!1),x?.())};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[y,v,x]),e.useEffect(()=>{if(!y)return;const e=e=>{"Escape"===e.key&&(v||b(!1),x?.())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[y,v,x]);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:u||t.jsx(ve,{})});return t.jsxs(r.Box,{ref:j,className:"speed-dial speed-dial-"+a+" speed-dial-"+i+" speed-dial-"+n+" "+p,sx:{position:"relative",display:"inline-flex",overflow:"visible",width:w?"56px":"auto",height:w?"auto":"56px",...m},...f,children:[t.jsx(ti,{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:o.map((e,o)=>{const a=(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"}}})(o),c=o*l,d=t.jsx(ti,{size:"small",variant:S,color:i,role:"menuitem","aria-label":e.name||"Action "+(o+1),onClick:()=>k(e,o),sx:{position:"absolute",...a,opacity:y?1:0,transform:y?"scale(1)":"scale(0.3)",transition:"opacity 0.2s ease, transform 0.2s ease",transitionDelay:y?c+"ms":"0ms",pointerEvents:y?"auto":"none"},children:e.icon||t.jsx(ve,{})},e.key||o);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:d},e.key||o):d})})]})}const ts=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",os=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],as=[{name:"Edit",icon:t.jsx(dt,{size:"small",sx:{color:"inherit"},children:t.jsx(Ve,{})})},{name:"Share",icon:t.jsx(dt,{size:"small",sx:{color:"inherit"},children:t.jsx(Ge,{})})},{name:"Delete",icon:t.jsx(dt,{size:"small",sx:{color:"inherit"},children:t.jsx(m,{})})},{name:"Favorite",icon:t.jsx(dt,{size:"small",sx:{color:"inherit"},children:t.jsx(h,{})})}];function is({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function ns({color:e,selected:o,onClick:i}){const n=ts(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":o,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",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&&t.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const ls={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",black:"BW",white:"BW"};function ss(e,r){return"var(--"+(ls[e]||"Primary")+"-Color-"+r+")"}const cs={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 ds(e,r){const t=cs[e]||cs.primary;return(t[r]||t.linear).map(e=>({...e}))}function xs({variant:e="linear",color:o="primary",angle:a=135,stops:i=null,position:n=null,blobs:l=null,cardProps:s={},minHeight:c=300,children:d,className:x="",sx:u={},...h}){const p="meshCard"===e,m="mesh"===e||p,f="radial"===e,g="linear"===e||f,b=i||ds(o,f?"radial":"linear"),v=l||ds(o,p?"meshCard":"mesh"),y=m?function(e){if(!e||0===e.length)return"none";const r=e.map(e=>{const r=ss(e.family,e.tone),t=e.spread||40;return"radial-gradient(circle at "+e.x+"% "+e.y+"%, "+r+" 0%, transparent "+t+"%)"}),t=ss(e[0].family,e[0].tone);return r.push(t),r.join(", ")}(v):f?function(e,r){if(!e||0===e.length)return"none";const t=[...e].sort((e,r)=>e.position-r.position).map(e=>ss(e.family,e.tone)+" "+e.position+"%"),o=r||{x:50,y:50};return"radial-gradient(circle at "+o.x+"% "+o.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=>ss(e.family,e.tone)+" "+e.position+"%").join(", ")+")":"none"}(b,a),j=g?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 "+x,sx:{background:y,minHeight:c,borderRadius:"var(--Card-Radius)",display:"flex",alignItems:"center",justifyContent:"center",padding:"var(--Card-Padding)",position:"relative",overflow:"hidden",...u},...h,children:t.jsx(Za,{variant:"solid",...s,children:t.jsx(Ja,{children:d})})}):t.jsx(r.Box,{className:"gradient gradient-"+e+" "+x,sx:{background:y,minHeight:c,borderRadius:"var(--Card-Radius)",color:k,display:"flex",alignItems:"center",justifyContent:"center",position:"relative",overflow:"hidden",...u},...h,children:d})}["default","primary","secondary","tertiary","neutral"].map(e=>{return{value:e,label:(r=e,r?r.charAt(0).toUpperCase()+r.slice(1):"")};var r});const us=e.createContext(null),hs=["Default","Primary","Secondary","Tertiary","Neutral","Info","Success","Warning","Error","App-Bar","Nav-Bar","Status"],ps=["Professional","Modern","Bold","Playful"],ms=["Surface-Dimmest","Surface-Dim","Surface","Surface-Bright","Surface-Brightest","Container","Container-Low","Container-Lowest","Container-High","Container-Highest"],fs={"light-tonal":{theme:"Primary",rootSurface:"Surface-Brightest"},"grey-professional":{theme:"Neutral",rootSurface:"Surface"},"dark-professional":{theme:"Neutral",rootSurface:"Surface-Dimmest"}},gs="omni-foundation",bs="omni-core",vs="omni-typography",ys="omni-mode",js="omni-base",Ss="omni-styles";function Bs(e){document.getElementById(e)?.remove()}function ks(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 o=document.getElementById(e);return o?"LINK"===o.tagName&&o.getAttribute("href")!==r?new Promise((e,t)=>{o.onload=()=>e(o),o.onerror=()=>t(new Error(`OmniDesignProvider: failed to load ${r}`)),o.setAttribute("href",r)}):Promise.resolve(o):new Promise((o,a)=>{const i=document.createElement("link");i.id=e,i.rel="stylesheet",i.setAttribute("data-omni","true"),i.onload=()=>o(i),i.onerror=()=>a(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 o=document.getElementById(e);if(o)return o.textContent=r,Promise.resolve(o);const a=document.createElement("style");a.id=e,a.setAttribute("data-omni","true"),a.textContent=r;const i=t?document.getElementById(t):null;return i?document.head.insertBefore(a,i):document.head.appendChild(a),Promise.resolve(a)}(e,r,t):Promise.resolve(null)}function ws(){const r=e.useContext(us);if(!r)throw new Error("useOmniDesign must be used inside a <OmniDesignProvider>");return r}const Cs=o=>e.forwardRef(function(e,a){return t.jsx(r.Slide,{direction:o,ref:a,...e})}),Ts={fade:e.forwardRef(function(e,o){return t.jsx(r.Fade,{ref:o,...e})}),grow:e.forwardRef(function(e,o){return t.jsx(r.Grow,{ref:o,...e})}),zoom:e.forwardRef(function(e,o){return t.jsx(r.Zoom,{ref:o,...e})}),"slide-up":Cs("up"),"slide-down":Cs("down"),"slide-left":Cs("left"),"slide-right":Cs("right")},zs={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)"},As={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},Is={color:"var(--Text)",fontFamily:"inherit",fontSize:"14px",lineHeight:1.6,py:3,px:3},Rs={borderTop:"1px solid var(--Border)",px:3,py:1.5,gap:1},Ws={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"}},Fs={primary:{...Ws,backgroundColor:"var(--Buttons-Primary-Button)",color:"var(--Buttons-Primary-Text)",border:"1px solid var(--Buttons-Primary-Border)","&:hover":{backgroundColor:"var(--Buttons-Primary-Hover)"}},outline:{...Ws,backgroundColor:"transparent",color:"var(--Text)",border:"1px solid var(--Border)","&:hover":{backgroundColor:"var(--Hover)"}}};function Ds({open:e=!1,onClose:o,title:a,children:i,actions:n,maxWidth:l="sm",fullScreen:s=!1,scroll:c="body",alert:d=!1,nonModal:x=!1,transition:u,transitionDuration:h=300,titleId:p="dialog-title",contentId:m="dialog-description",className:f="",sx:g={},PaperProps:b={},...v}){const y=u?Ts[u]:void 0;let j;try{j=ws()}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)=>{d&&"backdropClick"===r||d&&"escapeKeyDown"===r||o?.(e,r)},maxWidth:!s&&l,fullScreen:s,fullWidth:!s,scroll:c,hideBackdrop:x,disableEnforceFocus:x,disableEscapeKeyDown:d,TransitionComponent:y,transitionDuration:h,"aria-labelledby":p,"aria-describedby":m,className:"dialog dialog-"+l+(s?" dialog-fullscreen":"")+(d?" dialog-alert":"")+(f?" "+f:""),style:{zIndex:1e7},slotProps:{backdrop:{sx:{backgroundColor:x?"transparent":"rgba(0,0,0,0.5)"}}},PaperProps:{...b,"data-theme":S,"data-style":B,"data-surface":k,sx:{...zs,...s&&{borderRadius:0,border:"none"},...b.sx},role:d?"alertdialog":"dialog"},...v,children:[a&&t.jsxs(r.DialogTitle,{id:p,sx:As,children:[a,!d&&o&&t.jsx(r.IconButton,{"aria-label":"Close dialog",onClick:e=>o(e,"closeButton"),size:"small",sx:{color:"var(--Text-Quiet)","&:hover":{backgroundColor:"var(--Hover)"}},children:t.jsx(Se,{fontSize:"small"})})]}),t.jsx(r.DialogContent,{dividers:"paper"===c,sx:{...Is,..."paper"===c&&{maxHeight:s?"none":"400px",overflowY:"auto",borderColor:"var(--Border)"}},children:d?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:Rs,children:n})]})}function Ls({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}const Ps={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Hs={default:"Container-High",solid:"Container-High",soft:"Surface-Brightest"},Ms={small:{maxWidth:400,padding:"24px"},medium:{maxWidth:560,padding:"32px"},large:{maxWidth:720,padding:"40px"}},Es={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 Os(e){const r=Es[e];if(!r)return"";const{from:t,to:o}=r.enter,a=Object.entries(t).map(([e,r])=>e+":"+r).join(";"),i=Object.entries(o).map(([e,r])=>e+":"+r).join(";");return"@keyframes "+r.name+" { from {"+a+"} to {"+i+"} }@keyframes "+r.name+"-backdrop { from { opacity: 0 } to { opacity: 1 } }"}const Ns={small:{width:"240px",height:"200px"},medium:{width:"320px",height:"280px"},large:{width:"420px",height:"380px"}},Qs={left:{borderRight:"1px solid var(--Border)"},right:{borderLeft:"1px solid var(--Border)"},top:{borderBottom:"1px solid var(--Border)"},bottom:{borderTop:"1px solid var(--Border)"}},Vs={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}},Gs={left:"translateX(-100%)",right:"translateX(100%)",top:"translateY(-100%)",bottom:"translateY(100%)"};function qs({children:o,open:a=!1,onClose:i,size:n="medium",anchor:l="left",hideBackdrop:s=!1,className:c="",sx:d={},...x}){const u=e.useRef(null),h=e.useRef(null),p="left"===l||"right"===l;let m;try{m=ws()}catch{m=null}const f=m?.theme||"Default",g=m?.style||"Modern",b=Ns[n]||Ns.medium;e.useEffect(()=>{if(!a)return;const e=e=>{"Escape"===e.key&&i?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[a,i]),e.useEffect(()=>{a?(h.current=document.activeElement,requestAnimationFrame(()=>{const e=u.current?.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');e?e.focus():u.current?.focus()})):h.current&&(h.current.focus(),h.current=null)},[a]),e.useEffect(()=>{if(a){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[a]);const v=e.useCallback(e=>{if("Tab"!==e.key||!u.current)return;const r=u.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(!r.length)return;const t=r[0],o=r[r.length-1];e.shiftKey?document.activeElement===t&&(e.preventDefault(),o.focus()):document.activeElement===o&&(e.preventDefault(),t.focus())},[]);return a?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:u,role:"dialog","aria-modal":"true",tabIndex:-1,"data-theme":f,"data-style":g,"data-surface":"Surface-Dim",onKeyDown:v,className:"drawer drawer-"+n+" drawer-"+l+" "+c,sx:{position:"fixed",zIndex:10000001,...Vs[l],...p?{width:b.width,height:"100%"}:{height:b.height,width:"100%"},backgroundColor:"var(--Background)",color:"var(--Text)",...Qs[l],boxShadow:Tt,display:"flex",flexDirection:"column",outline:"none",overflow:"hidden",animation:"drawer-slide-in 0.3s ease forwards","@keyframes drawer-slide-in":{from:{transform:Gs[l]},to:{transform:"translate(0, 0)"}},...d},...x,children:o})]}):null}function Us({onClick:e,className:o="",sx:a={},...i}){return t.jsx(r.Box,{sx:{position:"absolute",top:"12px",right:"12px",zIndex:1,...a},className:o,...i,children:t.jsx(Yt,{iconOnly:!0,variant:"ghost",size:"small",onClick:e,"aria-label":"Close drawer",children:t.jsx(dt,{size:"small",children:t.jsx(Se,{})})})})}function Xs({children:e,className:o="",sx:a={},...i}){return t.jsx(r.Box,{className:"drawer-header "+o,sx:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px",borderBottom:"1px solid var(--Border)",flexShrink:0,...a},...i,children:e})}function Ys({children:e,className:o="",sx:a={},...i}){return t.jsx(r.Box,{className:"drawer-content "+o,sx:{flex:1,overflowY:"auto",padding:"16px",...a},...i,children:e})}const Zs={compact:{minHeight:"24px",fontSize:"13px",iconSize:16,gap:"6px"},default:{minHeight:"32px",fontSize:"14px",iconSize:18,gap:"8px"}},Js={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)"},Ks={"@keyframes omni-tree-slide":{from:{opacity:0,transform:"translateY(-4px)"},to:{opacity:1,transform:"none"}}};function $s(e,r,t=1,o=[]){return e.forEach((a,i)=>{o.push({item:a,level:t,index:i,siblings:e.length}),a.children?.length&&r.includes(a.id)&&$s(a.children,r,t+1,o)}),o}function _s(e,r,t=null){for(const o of e){if(o.id===r)return t;if(o.children?.length){const e=_s(o.children,r,o.id);if(null!=e)return e;if(null===e&&o.children.some(e=>e.id===r))return o.id}}return null}function ec({node:e,density:o,expanded:a,selected:i,focusedId:n,multiSelect:l,checkboxSelection:s,disableSelection:c,disabledItemsFocusable:d,collapseIcon:x,expandIcon:u,animation:h,onToggle:p,onSelect:m,onFocusItem:f,registerRef:g}){const{item:b,level:v,index:y,siblings:j}=e,S=Zs[o]||Zs.default,B="compact"===o?Gr:Mr,k=!!b.children?.length,w=k&&a.includes(b.id),C=i.includes(b.id),T=!!b.disabled,z=!T||d;return t.jsxs(r.Box,{component:"li",role:"treeitem","aria-expanded":k?w:void 0,"aria-selected":c?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=>g(b.id,e),onFocus:e=>{e.stopPropagation(),f(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),c||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?.45: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?x:u)}),s&&!c&&t.jsx(no,{checked:C,disabled:T,size:"small","aria-hidden":"true",tabIndex:-1,onChange:()=>{}}),b.icon&&t.jsx(dt,{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:Js[h]},children:b.children.map((e,r)=>t.jsx(ec,{node:{item:e,level:v+1,index:r,siblings:b.children.length},density:o,expanded:a,selected:i,focusedId:n,multiSelect:l,checkboxSelection:s,disableSelection:c,disabledItemsFocusable:d,collapseIcon:x,expandIcon:u,animation:h,onToggle:p,onSelect:m,onFocusItem:f,registerRef:g},e.id))})]})}function rc({color:o="default",variant:a="solid",surface:i,density:n="default",animation:l="slide",selectionStyle:s,items:c=tc,selectionMode:d="single",checkboxSelection:x=!1,disableSelection:u=!1,disabledItemsFocusable:h=!1,defaultExpandedItems:p,expandedItems:m,onExpandedItemsChange:f,selectedItems:g,onSelectedItemsChange:b,onItemExpansionToggle:v,onItemSelectionToggle:y,slots:j,"aria-label":S="Tree view",className:B="",sx:k={},...w}){const C=s||a,T="multi"===d,[z,A]=e.useState(p||[]),I=void 0!==m?m:z,[R,W]=e.useState(g||(T?[]:null)),F=void 0!==g?g:R,D=Array.isArray(F)?F:F?[F]:[],L=e.useMemo(()=>$s(c,I),[c,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),o=t?I.filter(e=>e!==r):[...I,r];void 0===m&&A(o),f?.(e,o),v?.(e,r,!t)},[I,m,f,v]),V=e.useCallback((e,r)=>{const t=D.includes(r),o=T?t?D.filter(e=>e!==r):[...D,r]:[r],a=T?o:o[0]??null;void 0===g&&W(a),b?.(e,a),y?.(e,r,!T||!t)},[D,T,g,b,y]),G=e.useCallback(e=>{const r=L.filter(e=>!e.item.disabled||h),t=r.findIndex(e=>e.item.id===M),o=r[t];if(!o)return;const{item:a}=o,i=!!a.children?.length,n=i&&I.includes(a.id),l=t=>{const o=r[Math.max(0,Math.min(r.length-1,t))];o&&(e.preventDefault(),N(o.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,a.id)):n&&l(t+1);break;case"ArrowLeft":if(n)e.preventDefault(),Q(e,a.id);else{const r=_s(c,a.id);r&&(e.preventDefault(),N(r))}break;case"Enter":case" ":e.preventDefault(),u?i&&Q(e,a.id):V(e,a.id)}},[L,M,I,c,h,u,N,Q,V]),q=(U=o).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(dt,{size:"small",sx:{color:"inherit",transform:"rotate(90deg)"},children:t.jsx(Pe,{})}),J=j?.expandIcon?t.jsx(j.expandIcon,{}):t.jsx(dt,{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-"+o+" omni-treeview-"+n+(B?" "+B:""),sx:{backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",...Ks,...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:c.map((e,r)=>t.jsx(ec,{node:{item:e,level:1,index:r,siblings:c.length},density:n,expanded:I,selected:D,focusedId:M,multiSelect:T,checkboxSelection:x,disableSelection:u,disabledItemsFocusable:h,collapseIcon:Z,expandIcon:J,animation:l,onToggle:Q,onSelect:V,onFocusItem:H,registerRef:O},e.id))})})}const tc=[{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"}],oc=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",ac=[{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 ic({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}const nc={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 lc={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 sc({children:e,variant:o="light",surface:a,color:i="info",size:n="medium",startDecorator:l,endDecorator:s,className:c="",sx:d={},...x}){const u=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===i?"Default":i),h=lc[n]||lc.medium,p="default"===i?"Default":u,m=a||("light"===o?"Surface-Brightest":"Surface"),f="var(--Buttons-"+u+"-Border)",g=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(Mr,{children:e}):t.jsx(Or,{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-"+o+" alert-"+n+" alert-"+i+" "+c,sx:{border:"1px solid "+f,borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",boxShadow:Tt,...d},...x,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:g})})}const cc=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",dc=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],xc={info:t.jsx(d,{}),success:t.jsx(l,{}),warning:t.jsx(s,{}),error:t.jsx(c,{})};function uc({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function hc({color:e,selected:o,onClick:i}){const n=cc(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":o,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",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&&t.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const pc={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 mc({children:o,open:a=!1,onClose:i,variant:n="light",surface:l,color:s="info",size:c="medium",anchor:d="bottom",autoHideDuration:x,startDecorator:u,endDecorator:h,action:p,className:m="",sx:f={},...g}){const b=e.useRef(null),v=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===s?"Default":s),y=pc[c]||pc.medium,j="small"===c?Mr:Or,S="default"===s?"Default":v,B=l||("light"===n?"Surface-Brightest":"Surface"),k="var(--Buttons-"+v+"-Border)";e.useEffect(()=>{if(a&&x&&x>0)return b.current=setTimeout(()=>{i?.({},"timeout")},x),()=>clearTimeout(b.current)},[a,x,i]),e.useEffect(()=>{if(!a)return;const e=e=>{"Escape"===e.key&&i?.(e,"escapeKeyDown")};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[a,i]);const w=e.useCallback(()=>{b.current&&clearTimeout(b.current)},[]),C=e.useCallback(()=>{a&&x&&x>0&&(b.current=setTimeout(()=>{i?.({},"timeout")},x))},[a,x,i]),T="top"===d?{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 a?t.jsx(r.Box,{role:"alert","aria-live":"polite","aria-atomic":"true",onMouseEnter:w,onMouseLeave:C,className:"snackbar snackbar-"+n+" snackbar-"+c+" snackbar-"+d+" snackbar-"+s+" "+m,sx:{position:"fixed",left:"50%",transform:"translateX(-50%)",..."top"===d?{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:Tt,overflow:"hidden",animation:"snackbar-slide-in 0.3s ease forwards","@keyframes snackbar-slide-in":T,...f},...g,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:[u&&t.jsx(r.Box,{sx:{display:"inline-flex",flexShrink:0,lineHeight:1},children:u}),t.jsx(r.Box,{sx:{flex:1,minWidth:0},children:"string"==typeof o?t.jsx(j,{children:o}):o}),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(Yt,{iconOnly:!0,variant:"ghost",size:"small",onClick:e=>i(e,"closeClick"),"aria-label":"Close notification",sx:{flexShrink:0,ml:"4px"},children:t.jsx(dt,{size:"small",children:t.jsx(Se,{})})})]})}):null}const fc=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",gc=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],bc={info:t.jsx(d,{}),success:t.jsx(l,{}),warning:t.jsx(s,{}),error:t.jsx(c,{})};function vc({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function yc({color:e,selected:o,onClick:i}){const n=fc(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":o,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",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&&t.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const jc={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",white:"Neutral",black:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Sc={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 Bc({value:o,color:a="primary",size:i="medium",thickness:n,showValue:l=!1,children:s,className:c="",sx:d={},...x}){const u=jc[a]||"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"}:Sc[i]||Sc.medium,p=n||h.thickness,m=null!=o,f=m?Math.min(100,Math.max(0,o)):0,g=(h.diameter-p)/2,b=2*Math.PI*g,v=m?b-f/100*b:.75*b,y="var(--Buttons-"+u+"-Border)",j="cp-grad-"+e.useId().replace(/:/g,"");return t.jsxs(r.Box,{role:"progressbar","aria-valuenow":m?Math.round(f):void 0,"aria-valuemin":m?0:void 0,"aria-valuemax":m?100:void 0,"aria-label":m?Math.round(f)+"% progress":"Loading",className:"circular-progress circular-progress-"+i+" circular-progress-"+a+(m?" circular-progress-value":" circular-progress-indeterminate")+" "+c,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)"}}},...d},...x,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:g,fill:"none",stroke:"var(--Border-Variant)",strokeWidth:p,className:"circular-progress-track"}),t.jsx("circle",{cx:h.diameter/2,cy:h.diameter/2,r:g,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(f)+"%"})]})}const kc=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",wc=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Cc({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function Tc({color:e,selected:o,onClick:i}){const n=kc(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":o,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",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&&t.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const zc={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Ac={small:{height:"4px",borderRadius:"2px"},medium:{height:"6px",borderRadius:"3px"},large:{height:"8px",borderRadius:"4px"}};function Ic({value:e,color:o="primary",size:a="medium",className:i="",sx:n={},...l}){const s=zc[o]||"Primary",c=Ac[a]||Ac.medium,d=null!=e,x=d?Math.min(100,Math.max(0,e)):0,u="var(--Buttons-"+s+"-Border)";return t.jsx(r.Box,{role:"progressbar","aria-valuenow":d?Math.round(x):void 0,"aria-valuemin":d?0:void 0,"aria-valuemax":d?100:void 0,"aria-label":d?Math.round(x)+"% progress":"Loading",className:"linear-progress linear-progress-"+a+" linear-progress-"+o+(d?" linear-progress-determinate":" linear-progress-indeterminate")+" "+i,sx:{position:"relative",width:"100%",height:c.height,borderRadius:c.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:u,...d?{width:x+"%",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 Rc=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Wc=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Fc({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function Dc({color:e,selected:o,onClick:i}){const n=Rc(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":o,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",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&&t.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const Lc=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]}],Pc=["photo","icon","initials"],Hc={photo:"Photo",icon:"Icon",initials:"Initials"},Mc=["xxx-small","xx-small","x-small","small","medium","large","x-large","xx-large"],Ec={"xxx-small":"XXXS","xx-small":"XXS","x-small":"XS",small:"Small",medium:"Medium",large:"Large","x-large":"XL","xx-large":"XXL"};function Oc({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function Nc({color:e,selected:o,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":o,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",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&&t.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const Qc=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Vc=["primary","secondary","tertiary","neutral","info","success","warning","error"];function Gc({ratio:e,threshold:o}){if(!e)return t.jsx(Gr,{style:{color:"var(--Text-Quiet)"},children:"--"});const a=parseFloat(e)>=o;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:a?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:a?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)",fontSize:"11px",fontWeight:700},children:[e,":1"]}),t.jsx(Gr,{style:{color:a?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:a?"Pass":"Fail"})]})}function qc({label:e,ratio:o,threshold:a,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(Mr,{style:{color:"var(--Text)"},children:e}),i&&t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:i})]}),t.jsx(Gc,{ratio:o,threshold:a})]})}function Uc({color:e,selected:o,onClick:i}){const n=Qc(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":o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:o?"2px solid var(--Text)":"1px solid var(--Border)",outline:o?"2px solid var(--Focus-Visible)":"2px solid transparent",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center","&:hover":{transform:"scale(1.1)"}},children:o&&t.jsx(a,{sx:{fontSize:24,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})})}function Xc({label:e,selected:o,onClick:a}){return t.jsx(r.Box,{component:"button",onClick:a,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:"pointer",border:"2px solid var(--Buttons-Primary-Button)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:o?"var(--Buttons-Primary-Button)":"transparent",color:o?"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:o?"var(--Buttons-Primary-Hover)":"var(--Surface-Dim)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:e})}const Yc=e=>e.charAt(0).toUpperCase()+e.slice(1);function Zc(e){return e&&"default"!==e&&"border-variant"!==e?"border"===e?"var(--Border)":"var(--Icons-"+Yc(e)+")":"var(--Border-Variant)"}function Jc(e,r){const t=e&&!["default","border","border-variant"].includes(e)?Yc(e):"Default",o=Zc(e);return"light"===r?{bg:"var(--Tag-"+t+"-BG)",text:"var(--Tag-"+t+"-Text)",border:"1px solid "+o}:{bg:"var(--Background)",text:"var(--Text)",border:"1px solid "+o}}const Kc={small:1,medium:2,large:4};const $c={eyebrow:Yr,title:Or,secondary:Er},_c={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},ed={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 rd({children:e,size:o="medium",isButton:a=!1,onAction:i,ariaLabel:n}){return a?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 td({children:e,startDecorator:o,endDecorator:a,startDecoratorIsButton:i=!1,endDecoratorIsButton:n=!1,onStartDecoratorAction:l,onEndDecoratorAction:s,startDecoratorAriaLabel:c,endDecoratorAriaLabel:d,size:x="medium",variant:u="default",color:h,eyebrow:p,overline:m,secondary:f,clickable:g=!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=ed[x]||ed.medium,z=g||!!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?.5: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")}}),o&&t.jsx(rd,{size:x,isButton:i,onAction:l,ariaLabel:c,children:o}),(()=>{const o=$c,a=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:[a&&t.jsx(o.eyebrow,{style:{...i,color:"var(--Quiet)"},children:a}),null!=e&&t.jsx(o.title,{style:{...i,color:"var(--Text)"},children:e}),f&&t.jsx(o.secondary,{style:{...i,color:"var(--Quiet)"},children:f})]})})(),a&&t.jsx(rd,{size:x,isButton:n,onAction:s,ariaLabel:d,children:a})]})}const od={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 ad={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},id={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},nd={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 ld={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 sd({children:e,onClick:r,ariaLabel:o}){return t.jsx(Yt,{iconOnly:!0,variant:"ghost",size:"medium",onClick:r,"aria-label":o,children:e})}function cd({barColor:o="default",surface:a="Surface",loginType:i="login",menuType:n="hamburger",brandType:l="name",searchPosition:s="right",companyName:c="Company",navLinks:d=["Home","Products","About"],rightButtons:x=[],showRightButtons:u=!1,onMenuClick:h,user:p,onLogin:m,onSignOut:f,brand:g,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=ld[o]||ld.default,I=A.theme,R=A.surface||a,W="expanded"===n&&d.length>3?"hamburger":n,F=t.jsx(xn,{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-"+o+(w?" "+w:""),sx:{display:"flex",alignItems:"center",height:64,px:2,gap:2,backgroundColor:"var(--Background)",color:"var(--Text)",boxShadow:wt,fontFamily:"inherit",...C},children:k||t.jsxs(t.Fragment,{children:["hamburger"===W&&t.jsx(sd,{ariaLabel:"Open navigation menu",onClick:h||(()=>z(!0)),children:t.jsx(je,{sx:{fontSize:"inherit"}})}),void 0!==g?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:g}):t.jsx(r.Box,{sx:{fontWeight:700,fontSize:"18px",whiteSpace:"nowrap",flexShrink:0},children:g}):"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:c}),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&&F,"expanded"===W&&t.jsx(Ao,{defaultValue:0,variant:"standard",color:"default",sx:{ml:2,minHeight:0},children:t.jsx(Io,{"aria-label":"Main navigation",children:d.map(e=>t.jsx(Ro,{children:e},e))})}),t.jsx(r.Box,{sx:{flex:1}}),"right"===s&&F]}),void 0!==y?t.jsx(r.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:y}):t.jsxs(t.Fragment,{children:[u&&x.length>0&&t.jsx(r.Box,{sx:{display:"flex",alignItems:"center",gap:.5},children:x.map((r,o)=>r.raw?t.jsx(e.Fragment,{children:r.icon},o):t.jsx(sd,{ariaLabel:r.label||"Action "+(o+1),children:r.icon},o))}),p?t.jsx(Yt,{variant:"ghost",size:"small",onClick:f,"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(Yt,{variant:"default-outline",size:"small",onClick:m,children:"Login"}):"avatar"===i?t.jsx(Yt,{iconOnly:!0,variant:"ghost",size:"medium","aria-label":"Account",children:t.jsx(Ze,{sx:{fontSize:28}})}):null]})]})}),t.jsx(qs,{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:d.map(e=>t.jsx(Yt,{variant:"ghost",size:"medium",onClick:()=>z(!1),sx:{justifyContent:"flex-start",width:"100%"},children:e},e))})})]})}function dd({mobileVariant:o="search",barColor:a="default",surface:i="Surface",title:n="Page Title",subtitle:l="Subtitle text",actionIcon:s,companyName:c="Company",navLinks:d=["Home","Products","About"],className:x="",sx:u={}}){const[h,p]=e.useState(!1),m=ld[a]||ld.default,f=m.theme,g=m.surface||i,b={backgroundColor:"var(--Background)",color:"var(--Text)",boxShadow:wt,fontFamily:"inherit",width:"100%",maxWidth:420,...u},v={"data-theme":f,"data-surface":g},y=t.jsx(qs,{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:d.map(e=>t.jsx(Yt,{variant:"ghost",size:"medium",onClick:()=>p(!1),sx:{justifyContent:"flex-start",width:"100%"},children:e},e))})});return"search"===o?t.jsxs(t.Fragment,{children:[t.jsxs(r.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-search appbar-"+a+" "+x,...v,sx:{...b,display:"flex",alignItems:"center",height:64,px:1.5,gap:1.5},children:[t.jsx(sd,{ariaLabel:"Open navigation menu",onClick:()=>p(!0),children:t.jsx(je,{sx:{fontSize:"inherit"}})}),t.jsx(xn,{placeholder:"Search "+c,size:"small",sx:{flex:1,minWidth:0}}),t.jsx(Yt,{iconOnly:!0,variant:"ghost",size:"medium","aria-label":"Account",children:t.jsx(Ze,{sx:{fontSize:28}})})]}),y]}):"small"===o?t.jsxs(r.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-small appbar-"+a+" "+x,...v,sx:{...b,display:"flex",alignItems:"center",height:64,px:1.5,gap:1},children:[t.jsx(sd,{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(sd,{ariaLabel:"Action",children:s})]}):"medium"===o?t.jsxs(r.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-medium appbar-"+a+" "+x,...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(sd,{ariaLabel:"Back",children:t.jsx(Ye,{sx:{fontSize:"inherit"}})}),t.jsx(r.Box,{sx:{flex:1}}),s&&t.jsx(sd,{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-"+a+" "+x,...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(sd,{ariaLabel:"Back",children:t.jsx(Ye,{sx:{fontSize:"inherit"}})}),t.jsx(r.Box,{sx:{flex:1}}),s&&t.jsx(sd,{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 xd=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",ud=["default","primary","primary-light","white","black"],hd=["Surface","Surface-Bright","Surface-Dim","Surface-Dimmest"],pd={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 md({ratio:e,threshold:o}){if(!e)return t.jsx(Gr,{style:{color:"var(--Text-Quiet)"},children:"--"});const a=parseFloat(e)>=o;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:a?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:a?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:[e,":1"]}),t.jsx(Gr,{style:{color:a?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:a?"Pass":"Fail"})]})}function fd({label:e,ratio:o,threshold:a,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(Mr,{style:{color:"var(--Text)"},children:e}),i&&t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:i})]}),t.jsx(md,{ratio:o,threshold:a})]})}function gd({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function bd({color:e,selected:o,onClick:i}){const n=pd[e]||pd.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":o,title:e,sx:{width:"var(--Button-Height, 36px)",height:"var(--Button-Height, 36px)",borderRadius:"4px",backgroundColor:"var(--Background)",border:o?"2px solid var(--Text)":"2px 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&&t.jsx(a,{sx:{fontSize:16,color:"var(--Text)",pointerEvents:"none"}})})}const vd={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 yd({color:e="default",companyName:r="",year:o=(new Date).getFullYear(),rights:a="All rights reserved",children:i,className:n,style:l,...s}){const c=i??`© ${o}${r?" "+r:""}.${a?" "+a+".":""}`,d=vd[e]||vd.default,x=d.theme?{"data-theme":d.theme,"data-surface":d.surface||"Surface-Dim"}:{},u=d.theme?{background:"var(--Background)",color:"var(--Text)"}:{background:d.bg,color:d.fg};return t.jsx("div",{...x,className:["dino-copyright",n].filter(Boolean).join(" "),style:{padding:"14px 24px",textAlign:"center",...u,...l},...s,children:t.jsx(Mr,{style:{color:"inherit",opacity:.85},children:c})})}const jd={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 Sd({color:e="default",brand:r,address:o,columns:a=[],socialLinks:i=[],subscribe:n,copyrightName:l,copyrightYear:s,className:c,style:d,...x}){const u=a.slice(0,3),h=jd[e]||jd.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",c].filter(Boolean).join(" "),style:{...m,...d},...x,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(Bd,{address:o}),u.map((e,r)=>t.jsx(kd,{...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(wd,{links:i}),n&&t.jsx(Cd,{...n})]})]}),t.jsx(yd,{color:e,companyName:l,year:s})]})}function Bd({address:e}){if(!e)return t.jsx("div",{});const{company:r,lines:o=[],email:a,phone:i}=e,n=[...r?[r]:[],...o,...i?[i]:[]];return t.jsxs("div",{children:[n.map((e,r)=>t.jsx(Mr,{style:{color:"inherit",opacity:.85,display:"block"},children:e},r)),a&&t.jsx("div",{style:{marginTop:12},children:t.jsx(Mr,{style:{color:"inherit",opacity:.85,display:"block"},children:t.jsx(wn,{href:"mailto:"+a,color:"standard",style:{color:"inherit"},children:a})})})]})}function kd({title:e,links:r=[]}){return t.jsxs("div",{children:[e&&t.jsx(Ir,{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(wn,{href:e.href,onClick:e.onClick,color:"standard",style:{color:"inherit",opacity:.85},children:e.label})},r))})]})}function wd({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 Cd({title:r="Stay in the loop",description:o,placeholder:a="your@email.com",buttonLabel:i="Subscribe",onSubscribe:n}){const[l,s]=e.useState(""),[c,d]=e.useState(!1);return t.jsxs("form",{onSubmit:async e=>{if(e&&e.preventDefault(),l&&!c){d(!0);try{await(n?.(l)),s("")}finally{d(!1)}}},style:{minWidth:260,maxWidth:360,flex:"1 1 260px"},children:[t.jsx(Ir,{style:{color:"inherit",marginBottom:6},children:r}),o&&t.jsx(Mr,{style:{color:"inherit",opacity:.85,marginBottom:12,display:"block"},children:o}),t.jsxs("div",{style:{display:"flex",gap:8},children:[t.jsx(Di,{type:"email",value:l,onChange:e=>s(e.target.value),placeholder:a,size:"small",fullWidth:!0,"aria-label":"Email address"}),t.jsx(Yt,{type:"submit",variant:"primary",size:"small",disabled:c||!l,children:i})]})]})}function Td(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 zd(e){return e?"#"+e.map(e=>e.toString(16).padStart(2,"0")).join(""):"—"}function Ad([e,r,t]){const o=[e,r,t].map(e=>(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4));return.2126*o[0]+.7152*o[1]+.0722*o[2]}function Id({targetRef:r,label:o,deps:a=[]}){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(Td(e.backgroundColor)),s(Td(e.color))});return()=>cancelAnimationFrame(e)},a);const c=function(e,r){if(!e||!r)return null;const t=Ad(e),o=Ad(r);return(Math.max(t,o)+.05)/(Math.min(t,o)+.05)}(i,l),d=null!==c&&c>=4.5,x=null===c?"—":null!==c&&c>=7?"AAA":d?"AA":"Fail",u=null===c?"var(--Text-Quiet)":d?"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(Mr,{style:{fontWeight:600},children:o}),t.jsxs(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Background ",zd(i)," · Text ",zd(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:u},children:x}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)"},children:null!==c?c.toFixed(2)+":1":"—"})]})]})}const Rd={company:"DinoDesign",lines:["123 Market Street","San Francisco, CA 94103"],email:"hello@dinodesign.dev",phone:"+1 (555) 010-0000"},Wd=[{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:"#"}]}],Fd=[{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"}],Dd=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"primary-dark",label:"Primary Dark"},{value:"white",label:"White"},{value:"black",label:"Black"}];function Ld({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}const Pd=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"primary-dark",label:"Primary Dark"},{value:"white",label:"White"},{value:"black",label:"Black"}];function Hd({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}const Md=["Default","Primary","Secondary","Tertiary","Neutral"],Ed={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}},Od=Object.keys(Ed);function Nd(e,r){if("custom"===e)return{...Ed.Classic,name:"Custom",description:"Custom",...r||{}};const t=Ed[e];return t?{...t}:{...Ed.Classic}}function Qd(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 Vd(e){const r=e||"Primary";return"Default"===r?"var(--Text)":"var(--Text-"+r+")"}function Gd(e,r){const t=(e-90)*Math.PI/180;return{dx:Math.cos(t)*r,dy:Math.sin(t)*r}}const qd={"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 Ud({text:r="Your Brand. Perfected.",curves:o,arc:a=160,radius:i=300,direction:n="up",rotation:l=0,autoCrop:s=!0,textStyle:c="display-large",fontSize:d,fontFamily:x,fontWeight:u,letterSpacing:h,color:p="var(--Text, #1a1a1a)",bevel:m=!1,bevelTheme:f="Primary",bevelPreset:g,bevelCustom:b,className:v,style:y,...j}){const S=g?Nd(g,b):null,B=S?!!S.bevel:!!m,k=qd[c]||qd["display-large"],w=x??k.fontFamily,C=d??k.fontSize,T=u??k.fontWeight,z=h??k.letterSpacing,A="number"==typeof d?d:k.pxHint,I=o&&o.length>0?o:[{arc:a,radius:i,direction:n}],{d:R,width:W,upMax:F,downMax:D,pathId:L}=function(r){return e.useMemo(()=>{const e="dino-curved-text-"+Math.random().toString(36).slice(2,9);let t=0;const o=0;let a="M "+t+" "+o,i=0,n=0;for(const{arc:e,radius:l,direction:s}of r){const r=Xd(e,1,359),c=Math.max(10,l),d=r*Math.PI/180,x=2*c*Math.sin(d/2),u=c*(1-Math.cos(d/2));t+=x,a+=" A "+c+" "+c+" 0 "+(r>180?1:0)+" "+("up"===s?1:0)+" "+t+" "+o,"up"===s?i=Math.max(i,u):n=Math.max(n,u)}return{d:a,width:t,upMax:i,downMax:n,pathId:e}},[JSON.stringify(r)])}(I),P=Math.ceil(F+A),H=Math.ceil(D+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 o=r.width/t;Y(A*o)};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 o=E/2,a=O/2,i=l*Math.PI/180,n=Math.cos(i),c=Math.sin(i),d=(e,r)=>{const t=e-o,i=r-a;return{x:o+t*n-i*c,y:a+t*c+i*n}},x=[d(t.x,t.y),d(t.x+t.width,t.y),d(t.x,t.y+t.height),d(t.x+t.width,t.y+t.height)],u=Math.min(...x.map(e=>e.x)),h=Math.max(...x.map(e=>e.x)),p=Math.min(...x.map(e=>e.y)),m=Math.max(...x.map(e=>e.y)),f=.12*A,g={x:u-f,y:p-f,width:h-u+2*f,height:m-p+2*f};U(e=>e&&Math.abs(e.x-g.x)<.5&&Math.abs(e.y-g.y)<.5&&Math.abs(e.width-g.width)<.5&&Math.abs(e.height-g.height)<.5?e:g)},[s,r,JSON.stringify(I),l,A,z,w,T,B,f,g,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,o=Math.max(2,Math.round(A*e)),a=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-"+f+"-Lowlight))",transform:"translate(0 "+o+")",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-"+f+"-Highlight))",transform:"translate(0 -"+a+")",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-"+f+"-Button)":B?Vd(f):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 Xd(e,r,t){return Math.max(r,Math.min(t,e))}const Yd=[{value:"display-large",label:"Display Large"},{value:"display-small",label:"Display Small"}],Zd=[{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)"}],Jd=Md.map(e=>({value:e,label:e}));function Kd({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}const $d={"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 _d({text:r="DinoDesign",theme:o="Primary",preset:a="Classic",custom:i,textStyle:n="display-large",fontSize:l,fontFamily:s,fontWeight:c,letterSpacing:d,className:x,style:u,...h}){const p=$d[n]||$d["display-large"],m=s??p.fontFamily,f=l??p.fontSize,g=c??p.fontWeight,b=d??p.letterSpacing,v="number"==typeof l?l:p.pxHint,y=Nd(a,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?Gd(y.angle+180,y.depth):{dx:0,dy:0},F=y.bevel?Gd(y.angle,y.depth):{dx:0,dy:0},D=y.shadow?Gd(y.angle,y.shadowDistance??6):{dx:0,dy:0},L=R?Qd(o,"base"):Vd(o),P=Qd(o,"highlight"),H=Qd(o,"lowlight"),M={fontFamily:m,fontSize:"number"==typeof f?f+"px":f,fontWeight:g,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",...u},"aria-label":r,role:"img",className:["dino-bevel-text",x].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:D.dx.toFixed(2),dy:D.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:F.dx.toFixed(2),dy:F.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 ex=[...Od.map(e=>({value:e,label:e,description:Ed[e].description})),{value:"custom",label:"Custom",description:"Tune every knob"}],rx=[{value:"light",label:"Light",css:"var(--Surface)"},{value:"warm",label:"Warm",css:"var(--Surface-Dim)"},{value:"dark",label:"Dark",css:"var(--Container-High)"}];function tx({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function ox({option:e,active:o,onClick:a}){return t.jsxs(r.Box,{onClick:a,role:"button",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),a())},sx:{flex:"1 1 140px",minWidth:130,cursor:"pointer",border:"1.5px solid",borderColor:o?"var(--Buttons-Primary-Border)":"var(--Border)",background:o?"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(Gr,{style:{fontWeight:600,color:"var(--Text)"},children:e.label}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:2},children:e.description})]})}const ax={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"}},ix=e.createContext({variant:"solid",color:"default",size:"medium",spacing:0}),nx=e.createContext({expanded:!1,toggle:()=>{},disabled:!1,accordionId:""}),lx="var(--Accordion-Radius, var(--Button-Radius))";const sx={small:Mr,medium:Or,large:Vr},cx={small:Mr,medium:Or,large:Vr};const dx={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}},xx={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 ux=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",hx=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],px=e=>t.jsx(r.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:e,flexShrink:0}}),mx=[{id:"1",label:"Documents",icon:t.jsx(Xe,{}),badge:px("var(--Warning-Text, orange)"),children:[{id:"1-1",label:"Company",icon:t.jsx(er,{}),badge:px("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(or,{})}]},{id:"1-2",label:"Personal",icon:t.jsx(Xe,{})},{id:"1-3",label:"Group photo",icon:t.jsx(De,{})}]},{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}],fx=JSON.stringify(tc,null,2);function gx({ratio:e,threshold:o}){if(!e)return t.jsx(Gr,{style:{color:"var(--Text-Quiet)"},children:"--"});const a=parseFloat(e)>=o;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:a?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:a?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:[e,":1"]}),t.jsx(Gr,{style:{color:a?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:a?"Pass":"Fail"})]})}function bx({label:e,ratio:o,threshold:a,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(Mr,{style:{color:"var(--Text)"},children:e}),i&&t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:i})]}),t.jsx(gx,{ratio:o,threshold:a})]})}function vx({label:e,selected:r,onClick:o}){return t.jsx(Yt,{selected:r,variant:r?"default":"default-outline",size:"small",onClick:o,children:e})}function yx({color:e,selected:o,onClick:i}){const n=ux(e);return t.jsx(r.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":o,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",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&&t.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}function jx({value:o,onChange:a}){const[i,n]=e.useState(o),[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(Yr,{style:{color:"var(--Text-Quiet)"},children:"TREE DATA (JSON)"}),t.jsx(Yt,{variant:"ghost",size:"small",onClick:()=>{n(fx),s(null),a(tc)},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),a(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(Gr,{style:{color:"#f87171",display:"block",marginTop:4},children:["JSON error: ",l]})]})}function Sx(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 Bx=[{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)"}],kx={desktop:"32px","ios-mobile":"44px","ios-tablet":"44px",android:"48px"};const wx=e=>(e||[]).map(e=>{const r="number"==typeof e?e:Number(e?.value);return Number.isFinite(r)?r:0}),Cx=e=>(e||[]).map((e,r)=>"number"==typeof e?String(r+1):e?.label??String(r+1));function Tx(e,{fromZero:r=!0}={}){if(!e.length)return{min:0,max:1};let t=Math.min(...e),o=Math.max(...e);return r&&(t=Math.min(0,t)),o===t&&(o=t+1),{min:t,max:o}}const zx=(e,{min:r,max:t},o,a)=>o+a-(e-r)/(t-r)*a;function Ax(e,r,t,{inset:o=0}={}){if(e<=0)return[];if(1===e)return[r+t/2];const a=(t-2*o)/(e-1);return Array.from({length:e},(e,t)=>r+o+t*a)}function Ix(e,r,t,{gapRatio:o=.4}={}){if(e<=0)return{centres:[],bandWidth:0};const a=t/e,i=a*(1-o);return{centres:Array.from({length:e},(e,t)=>r+a*t+a/2),bandWidth:i}}const Rx=e=>e.length?e.map((e,r)=>`${r?"L":"M"}${e.x} ${e.y}`).join(" "):"";function Wx(e,{tension:r=0}={}){if(e.length<2)return Rx(e);const t=(1-r)/6;let o=`M${e[0].x} ${e[0].y}`;for(let r=0;r<e.length-1;r++){const a=e[r-1]||e[r],i=e[r],n=e[r+1],l=e[r+2]||n,s={x:i.x+(n.x-a.x)*t,y:i.y+(n.y-a.y)*t},c={x:n.x-(l.x-i.x)*t,y:n.y-(l.y-i.y)*t};o+=` C${s.x} ${s.y} ${c.x} ${c.y} ${n.x} ${n.y}`}return o}const Fx=(e,r,t)=>e&&r.length?`${e} L${r[r.length-1].x} ${t} L${r[0].x} ${t} Z`:"";function Dx(e,r,t,o,a,i){const n=i-a;if(n>=2*Math.PI-1e-9){const i=a+Math.PI;return Dx(e,r,t,o,a,i)+" "+Dx(e,r,t,o,i,a+2*Math.PI)}const l=(t,o)=>({x:e+t*Math.sin(o),y:r-t*Math.cos(o)}),s=n>Math.PI?1:0,c=l(o,a),d=l(o,i);if(t<=0)return`M${e} ${r} L${c.x} ${c.y} A${o} ${o} 0 ${s} 1 ${d.x} ${d.y} Z`;const x=l(t,i),u=l(t,a);return`M${c.x} ${c.y} A${o} ${o} 0 ${s} 1 ${d.x} ${d.y} L${x.x} ${x.y} A${t} ${t} 0 ${s} 0 ${u.x} ${u.y} Z`}function Lx(e,{startAngle:r=0}={}){const t=e.map(e=>e>0?e:0),o=t.reduce((e,r)=>e+r,0),a=e.filter(e=>e<=0).length;if(o<=0)return{slices:[],total:0,dropped:a};let i=r;return{slices:t.map(e=>{const r=e/o*Math.PI*2,t={start:i,end:i+r,value:e,fraction:e/o};return i+=r,t}),total:o,dropped:a}}function Px({min:e,max:r},t=4){if(t<1)return[];const o=(r-e)/t,a=Math.pow(10,Math.floor(Math.log10(Math.abs(o)||1))),i=[1,2,2.5,5,10].map(e=>e*a).find(e=>e>=o)??10*a,n=[];for(let t=Math.ceil(e/i)*i;t<=r+1e-9;t+=i)n.push(Number(t.toFixed(10)));return n}var Hx=Object.freeze({__proto__:null,arcPath:Dx,areaPath:Fx,bands:Ax,extent:Tx,linePath:Rx,scaleY:zx,sliceAngles:Lx,slots:Ix,smoothPath:Wx,ticks:Px,toLabels:Cx,toNumbers:wx});const Mx={fill:"var(--Icons-Primary)",track:"var(--Border-Variant)",line:"var(--Border-Variant)",quietLabel:"var(--Quiet)",label:"var(--Text)",gradient:"var(--Icons-Primary-Variant)"},Ex=["Primary","Secondary","Tertiary","Neutral","Info","Success","Warning","Error"],Ox={fontFamily:"var(--Label-Small-Font-Family)",fontSize:"var(--Label-Small-Font-Size)",fontWeight:"var(--Label-Small-Font-Weight)",letterSpacing:"var(--Label-Small-Letter-Spacing)"},Nx={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 Qx({caption:e,labels:o,values:a,valueHeader:i="Value"}){return t.jsxs(r.Box,{component:"table",sx:Nx,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:a.map((e,r)=>t.jsxs("tr",{children:[t.jsx("th",{scope:"row",children:o[r]}),t.jsx("td",{children:e})]},r))})]})}const Vx="var(--Motion-Duration-Slow, 300ms) var(--Motion-Easing-Enter, cubic-bezier(0, 0, 0, 1))",Gx="var(--Motion-Duration-Fast, 150ms) var(--Motion-Easing-Standard, cubic-bezier(0.2, 0, 0, 1))";function qx(r){const[t,o]=e.useState(-1),a=e.useCallback(e=>({onMouseEnter:()=>o(e),onMouseLeave:()=>o(r=>r===e?-1:r),onFocus:()=>o(e),onBlur:()=>o(r=>r===e?-1:r)}),[]);return e.useEffect(()=>{o(e=>e>=r?-1:e)},[r]),{active:t,setActive:o,handlers:a}}function Ux({count:e,width:o,centres:a,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,c)=>t.jsx(r.Box,{component:"button",type:"button","aria-label":`${n[c]}: ${l[c]}`,...s(c),sx:{position:"absolute",top:0,height:"100%",left:(a[c]-i/2)/o*100+"%",width:i/o*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"}}},c))}):null}function Xx({x:e,y:r,text:o,width:a,tokens:i}){if(null==o)return null;const n=Math.max(28,8*String(o).length+14),l=Math.min(Math.max(e,n/2+2),a-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:o})]})}exports.Accordion=function({children:o,expanded:a,defaultExpanded:i=!1,onChange:n,disabled:l=!1,className:s="",sx:c={},...d}){const[x,u]=e.useState(i),h=void 0!==a,p=h?a:x,{dataTheme:m,dataSurface:f}=e.useContext(ix),[g]=e.useState(()=>"accordion-"+Math.random().toString(36).substring(2,9));return t.jsx(nx.Provider,{value:{expanded:p,toggle:()=>{if(l)return;const e=!p;h||u(e),n?.(e)},disabled:l,accordionId:g},children:t.jsx(r.Box,{className:"accordion-segment accordion"+(p?" accordion-expanded":"")+(l?" accordion-disabled":"")+" "+s,"data-theme":m,"data-surface":f,sx:{border:"1px solid var(--Border-Variant)",borderRadius:lx,backgroundColor:"var(--Background)",overflow:"hidden",boxShadow:Ct,opacity:l?.5:1,...c},...d,children:o})})},exports.AccordionDetails=function({children:o,className:a="",sx:i={},...n}){const{expanded:l,accordionId:s}=e.useContext(nx),{size:c}=e.useContext(ix),d=ax[c]||ax.medium,x=cx[c]||cx.medium;return l?t.jsx(r.Box,{role:"region",id:s+"-content","aria-labelledby":s+"-header",className:"accordion-details "+a,sx:{padding:"0 "+d.detailsPx+" "+d.detailsPy+" "+d.detailsPx,color:"var(--Text)",fontFamily:"inherit",lineHeight:1.6,...i},...n,children:"string"==typeof o||"number"==typeof o?t.jsx(x,{children:o}):o}):null},exports.AccordionGroup=function({children:e,variant:o="solid",surface:a,color:i="default",size:n="medium",spacing:l=0,className:s="",sx:c={},...d}){const x="default"===i?"Default":(u=i).charAt(0).toUpperCase()+u.slice(1);var u;const h="default"===i?"Default":x,p=a||("dark"===o?"Surface-Dimmest":"light"===o?"Surface-Brightest":"Surface");return 0===l?t.jsx(ix.Provider,{value:{variant:o,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-"+o+" "+s,sx:{display:"flex",flexDirection:"column","& > .accordion-segment":{borderRadius:0,marginBottom:"-1px",boxShadow:"none"},"& > .accordion-segment:first-of-type":{borderTopLeftRadius:lx,borderTopRightRadius:lx},"& > .accordion-segment:last-of-type":{borderBottomLeftRadius:lx,borderBottomRightRadius:lx,marginBottom:0},...c},...d,children:e})}):t.jsx(ix.Provider,{value:{variant:o,color:i,size:n,spacing:l,dataTheme:h,dataSurface:p},children:t.jsx(r.Box,{role:"presentation",className:"accordion-group accordion-group-"+o+" 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",...c},...d,children:e})})},exports.AccordionSummary=function({children:o,startDecorator:a,endDecorator:i,eyebrow:n,overline:l,secondary:s,expandIcon:c,className:d="",sx:x={},...h}){const{expanded:p,toggle:m,disabled:f,accordionId:g}=e.useContext(nx),{size:b}=e.useContext(ix),v=ax[b]||ax.medium,y=sx[b]||sx.medium,j=c||t.jsx(dt,{size:v.iconSize,sx:{color:p?"var(--Text)":"var(--Quiet)",transition:"color 0.15s ease"},children:t.jsx(u,{})}),S={overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block"};return t.jsxs(r.Box,{component:"button",role:"button","aria-expanded":p,"aria-controls":g+"-content",id:g+"-header",tabIndex:f?-1:0,onClick:m,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),m())},className:"accordion-summary"+(p?" accordion-summary-expanded":"")+" "+d,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:f?"not-allowed":"pointer",textAlign:"left",transition:"color 0.2s ease, background-color 0.15s ease",borderRadius:0,"&:hover":f?{}:{color:"var(--Text)","& .omni-icon":{color:"var(--Text)"}},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"},...x},...h,children:[a&&t.jsx(r.Box,{className:"accordion-summary-start",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:a}),t.jsxs(r.Box,{sx:{flex:1,minWidth:0,display:"flex",flexDirection:"column",gap:"var(--Sizing-Half)"},children:[(n??l)&&t.jsx(Yr,{style:{...S,color:"var(--Text-Quiet)"},children:n??l}),null!=o&&t.jsx(y,{style:{...S,color:"inherit",fontWeight:600},children:o}),s&&t.jsx(Mr,{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=sc,exports.AlertDialog=function({open:e,onClose:o,title:a,children:i,confirmText:n="Confirm",cancelText:l="Cancel",onConfirm:s,onCancel:c,...d}){return t.jsx(Ds,{open:e,onClose:o,title:a,alert:!0,...d,actions:t.jsxs(t.Fragment,{children:[t.jsx(r.Box,{component:"button",type:"button",onClick:c||o,sx:Fs.outline,children:l}),t.jsx(r.Box,{component:"button",type:"button",onClick:s||o,sx:Fs.primary,children:n})]}),children:i})},exports.AlertShowcase=function(){const[o,a]=e.useState("light"),[i,n]=e.useState("info"),[l,s]=e.useState("medium"),[c,d]=e.useState(!0),[x,u]=e.useState(null),[h,p]=e.useState("Surface"),m=c&&xc[i]?t.jsx(dt,{size:"small",sx:{color:"inherit"},children:xc[i]}):void 0;return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Ar,{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(Fo,{theme:x,surface:h,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:480},children:t.jsx(sc,{variant:o,color:i,size:l,startDecorator:m,children:"This is an alert message. Check the details for more information."})})}),t.jsx(xa,{code:(()=>{const e=['variant="'+o+'"'];return"info"!==i&&e.push('color="'+i+'"'),"medium"!==l&&e.push('size="'+l+'"'),c&&xc[i]&&e.push("startDecorator={<Icon><"+cc(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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:x,onThemeChange:u,surface:h,onSurfaceChange:p})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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(uc,{label:cc(e),selected:o===e,onClick:()=>a(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:dc.map(e=>t.jsxs(r.Box,{children:[t.jsx(Gr,{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(hc,{color:e,selected:i===e,onClick:n},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(uc,{label:cc(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(Xr,{children:"Show Icon"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Start decorator icon"})]}),t.jsx(Ba,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Show icon"})]})]})}),t.jsx(Wo,{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(Rr,{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:o})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Mr,{children:[e,":"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.AppBar=function({mode:e="desktop",...r}){return"mobile"===e?t.jsx(dd,{...r}):t.jsx(cd,{...r})},exports.AppBarShowcase=function(){const[o,a]=e.useState("desktop"),[i,n]=e.useState("default"),[l,s]=e.useState("Surface"),[c,d]=e.useState("login"),[x,u]=e.useState("hamburger"),[h,p]=e.useState("name"),[m,f]=e.useState("right"),[g,b]=e.useState("search"),[v,y]=e.useState(null),[j,S]=e.useState("Surface"),[B,k]=e.useState({}),w="desktop"===o,C=pd[i]||pd.default,T=C.theme,z=C.surface||l;return e.useEffect(()=>{const e={};e.text=fa("--Text"),e.textQuiet=fa("--Text-Quiet"),e.background=fa("--Background"),e.border=fa("--Border"),e.focusVisible=fa("--Focus-Visible"),e.hover=fa("--Hover"),e.active=fa("--Pressed"),k(e)},[i,l,o]),t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Ar,{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(Fo,{theme:v,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:w?"100%":420,overflow:"hidden"},children:w?t.jsx(cd,{barColor:i,surface:l,loginType:c,menuType:x,brandType:h,searchPosition:m,companyName:"My App",navLinks:["Home","Products","About"]}):t.jsx(dd,{barColor:i,surface:l,mobileVariant:g,companyName:"My App",title:"Page Title",subtitle:"Subtitle text"})})}),t.jsx(xa,{code:(()=>{if(w){const e=[];"default"!==i&&e.push('barColor="'+i+'"'),"Surface"!==l&&e.push('surface="'+l+'"'),"login"!==c&&e.push('loginType="'+c+'"'),"hamburger"!==x&&e.push('menuType="'+x+'"'),"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="'+g+'"'];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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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(gd,{label:xd(e),selected:o===e,onClick:()=>a(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BAR COLOR"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:ud.map(e=>t.jsx(bd,{color:e,selected:i===e,onClick:n},e))}),t.jsxs(Gr,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:['data-theme="',T,'"']})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SURFACE"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:hd.map(e=>t.jsx(gd,{label:e.replace("Surface-","").replace("Surface","Default"),selected:l===e,onClick:()=>s(e)},e))}),t.jsxs(Gr,{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(Yr,{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(gd,{label:xd(e),selected:x===e,onClick:()=>u(e)},e))}),t.jsx(Gr,{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(Yr,{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(gd,{label:xd(e),selected:h===e,onClick:()=>p(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(gd,{label:xd(e),selected:m===e,onClick:()=>f(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(gd,{label:xd(e),selected:c===e,onClick:()=>d(e)},e))})]})]}),!w&&t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(gd,{label:xd(e),selected:g===e,onClick:()=>b(e)},e))})]})]})}),t.jsx(Wo,{value:1,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsxs(Mr,{color:"quiet",style:{marginBottom:24},children:[o," / ",i," / ",l,w?"":" / "+g,' — 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(Rr,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),t.jsx(Mr,{color:"quiet",style:{marginBottom:16},children:"All text and icons must have 4.5:1 contrast against the AppBar background."}),t.jsx(fd,{label:"Resting: var(--Text) vs. var(--Background)",ratio:ma(B.text,B.background),threshold:4.5,note:'data-theme="'+T+'" data-surface="'+z+'"'}),t.jsx(fd,{label:"On hover: var(--Text) vs. var(--Hover)",ratio:ma(B.text,B.hover),threshold:4.5,note:"Icon buttons use var(--Hover) on hover"}),t.jsx(fd,{label:"On active: var(--Text) vs. var(--Pressed)",ratio:ma(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(Rr,{children:"Focus Indicator (WCAG 2.4.11 — 3:1)"}),t.jsx(fd,{label:"var(--Focus-Visible) vs. var(--Background)",ratio:ma(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(Rr,{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:o,note:a})=>{const i=o>=24,n=o>=44,l=o>=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(Mr,{style:{color:"var(--Text)"},children:[e," — ",o,"px"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:a})]}),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(Rr,{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(Mr,{children:"Landmark:"}),t.jsx(Gr,{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(Mr,{children:"Navigation (expanded menu):"}),t.jsx(Gr,{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(Mr,{children:"Theme + Surface:"}),t.jsx(Gr,{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(Mr,{children:"Shadow:"}),t.jsx(Gr,{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(Mr,{children:"Icon buttons:"}),t.jsx(Gr,{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(Mr,{children:"Keyboard:"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)"},children:"Tab navigates all interactive elements. Enter/Space activates buttons."})]})]})]})]})]})})]})})})]})]})},exports.Autocomplete=Vi,exports.AutocompleteShowcase=function(){const[o,a]=e.useState("outline"),[i,n]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("top"),[x,u]=e.useState("Fruit"),[h,p]=e.useState(!0),[m,f]=e.useState(!1),[g,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(Ar,{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(Fo,{theme:v,surface:j,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:360},children:t.jsx(Vi,{variant:o,color:i,size:l,label:x,labelPosition:c,options:Ui,clearable:h,disabled:m,fullWidth:g})})}),t.jsx(xa,{code:(()=>{const e=[];return"outline"!==o&&e.push('variant="'+o+'"'),"default"!==i&&e.push('color="'+i+'"'),"medium"!==l&&e.push('size="'+l+'"'),x&&e.push('label="'+x+'"'),"top"!==c&&e.push('labelPosition="'+c+'"'),h||e.push("clearable={false}"),m&&e.push("disabled"),g&&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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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(Xi,{label:Gi(e),selected:o===e,onClick:()=>a(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:qi.map(e=>t.jsxs(r.Box,{children:[t.jsx(Gr,{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(Yi,{color:e,selected:i===e,onClick:n},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(Xi,{label:Gi(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(Xi,{label:"none"===e?"None":Gi(e),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(Xr,{children:"Clearable"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show clear button when has value"})]}),t.jsx(Ba,{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(Xr,{children:"Disabled"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Ba,{checked:m,onChange:e=>f(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(Xr,{children:"Full Width"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container width"})]}),t.jsx(Ba,{checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})}),t.jsx(Wo,{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(Rr,{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:o})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Mr,{children:[e,":"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Avatar=mt,exports.AvatarGroup=ft,exports.AvatarShowcase=function(){const[o,a]=e.useState("default"),[i,n]=e.useState("medium"),[l,s]=e.useState("initials"),[c,d]=e.useState(!1),[x,u]=e.useState(!1),[h,p]=e.useState(!1),[m,f]=e.useState(null),[g,b]=e.useState("Surface"),v="photo"===l,y=()=>{const e={size:i,clickable:c,insideButton:x};return v||(e.color=o),"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(Ar,{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(Fo,{theme:m,surface:g,children:h?t.jsxs(ft,{max:3,size:i,children:[t.jsx(mt,{...y()}),t.jsx(mt,{color:o,size:i,initials:"AB"}),t.jsx(mt,{color:o,size:i,initials:"CD"}),t.jsx(mt,{color:o,size:i,initials:"EF"})]}):t.jsx(mt,{...y()})}),t.jsx(xa,{code:(()=>{const e=[];return v||"default"===o||e.push('color="'+o+'"'),"medium"!==i&&e.push('size="'+i+'"'),"initials"===l&&e.push('initials="LN"'),"photo"===l&&e.push('src="..." alt="User avatar"'),c&&e.push("clickable onClick={handleClick}"),x&&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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:m,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(r.Box,{sx:{opacity:v?.4:1,pointerEvents:v?"none":"auto"},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:Lc.map(e=>t.jsxs(r.Box,{children:[t.jsx(Gr,{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(Nc,{color:e,selected:o===e,onClick:a},e))})]},e.label))}),v&&t.jsx(Gr,{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(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Mc.map(e=>t.jsx(Oc,{label:Ec[e],selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CONTENT"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:Pc.map(e=>t.jsx(Oc,{label:Hc[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(Xr,{children:"Clickable"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Interactive with hover/focus states"})]}),t.jsx(Ba,{variant:"default-outline",checked:c,onChange:e=>d(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(Xr,{children:"Inside Button"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Adds 2px horizontal margin so the avatar sits cleanly in a Button"})]}),t.jsx(Ba,{variant:"default-outline",checked:x,onChange:e=>u(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(Xr,{children:"Group"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show as AvatarGroup with overflow"})]}),t.jsx(Ba,{variant:"default-outline",checked:h,onChange:e=>p(e.target.checked),size:"small","aria-label":"Show group"})]})]})}),t.jsx(Wo,{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(Rr,{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:o})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Mr,{children:[e,":"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Badge=jt,exports.BadgeShowcase=function(){const[o,a]=e.useState(0),[i,n]=e.useState("solid"),[l,s]=e.useState("primary"),[c,d]=e.useState("medium"),[x,u]=e.useState("5"),[h,p]=e.useState(!1),[m,f]=e.useState(!1),[g,b]=e.useState({}),y=()=>"solid"===i?l:l+"-"+i,S=()=>{if(h)return;const e=parseInt(x,10);return isNaN(e)||String(e)!==x.trim()?x||void 0:e};e.useEffect(()=>{const e=Qc(l),r={};"solid"===i?(r.badgeBg=fa("--Buttons-"+e+"-Button"),r.badgeText=fa("--Buttons-"+e+"-Text"),r.badgeBorder=null):"outline"===i?(r.badgeBg=fa("--Background"),r.badgeText=fa("--Text"),r.badgeBorder=fa("--Buttons-"+e+"-Border")):"light"===i&&(r.badgeBg=fa("--Buttons-"+e+"-Button"),r.badgeText=fa("--Buttons-"+e+"-Text"),r.badgeBorder=fa("--Buttons-"+e+"-Border")),r.background=fa("--Background"),r.focusVisible=fa("--Focus-Visible"),b(r)},[i,l]);const B={small:{badge:"16px",dot:"8px",font:"10px"},medium:{badge:"20px",dot:"10px",font:"12px"},large:{badge:"24px",dot:"12px",font:"14px"}};return t.jsxs(r.Box,{sx:{width:"100%"},children:[t.jsx(Ar,{style:{marginBottom:8},children:"Badge"}),t.jsx(Or,{color:"quiet",style:{marginBottom:24},children:"Small label attached to an element showing status or count. Solid, outline, and light variants across all 8 colors."}),t.jsxs(r.Tabs,{value:o,onChange:(e,r)=>a(r),sx:{borderBottom:"1px solid var(--Border)",mb:0},children:[t.jsx(r.Tab,{label:"Playground"}),t.jsx(r.Tab,{label:"Accessibility"})]}),0===o&&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(jt,{variant:y(),size:c,badgeContent:S(),dot:h,showZero:m,children:t.jsx(Ue,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})}),t.jsx(jt,{variant:y(),size:c,badgeContent:S(),dot:h,showZero:m,children:t.jsx(v,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})}),t.jsx(jt,{variant:y(),size:c,badgeContent:S(),dot:h,showZero:m,children:t.jsx(j,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})})]})}),t.jsx(xa,{code:(()=>{const e=['variant="'+y()+'"','size="'+c+'"'];if(h)e.push("dot");else{const r=S();"number"==typeof r?e.push("badgeContent={"+r+"}"):r&&e.push('badgeContent="'+r+'"')}return m&&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(Ir,{children:"Playground"}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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","light"].map(e=>t.jsx(Xc,{label:Qc(e),selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Vc.map(e=>t.jsx(Uc,{color:e,selected:l===e,onClick:s},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(Xc,{label:Qc(e),selected:c===e,onClick:()=>d(e)},e))}),t.jsxs(Gr,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Badge ",B[c]?.badge," · Dot ",B[c]?.dot," · Font ",B[c]?.font]})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BADGE CONTENT"}),t.jsx(r.TextField,{size:"small",value:x,onChange:e=>u(e.target.value),placeholder:"Number or text",disabled:h,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:h,onChange:e=>p(e.target.checked),size:"small"}),label:t.jsx(Mr,{children:"Dot (no content)"})}),t.jsx(r.FormControlLabel,{control:t.jsx(r.Checkbox,{checked:m,onChange:e=>f(e.target.checked),size:"small"}),label:t.jsx(Mr,{children:"Show zero"})})]})]})]}),1===o&&t.jsxs(r.Box,{sx:{p:4},children:[t.jsx(Ir,{children:"Accessibility Requirements"}),t.jsxs(Mr,{color:"quiet",style:{marginBottom:32},children:["Based on current Playground settings: ",i," · ",l," · ",c]}),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(Rr,{children:"Badge Text Contrast"}),t.jsx(Mr,{color:"quiet",style:{marginBottom:16},children:"Badge text must have ≥ 4.5:1 contrast against badge background (WCAG 1.4.3 AA)"}),t.jsx(qc,{label:"Badge Text vs. Badge Background",ratio:ma(g.badgeText,g.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(Rr,{children:"Badge Visibility"}),t.jsx(Mr,{color:"quiet",style:{marginBottom:16},children:"Badge background (or border) must have ≥ 3:1 contrast against page background (WCAG 1.4.11)"}),(()=>{const e=ma(g.badgeBg,g.background),r=g.badgeBorder?ma(g.badgeBorder,g.background):null;return t.jsx(qc,{label:"Badge vs. Page Background",ratio:(o=e,a=r,o||a?o?a?parseFloat(o)>=parseFloat(a)?o:a:o:a:null),threshold:3.1,note:"outline"===i?"Border "+(r||"--")+":1 — outline relies on border contrast":"BG "+(e||"--")+":1"});var o,a})()]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Rr,{children:"Badge Sizing"}),t.jsx(Mr,{color:"quiet",style:{marginBottom:16},children:"Badge dimensions per size setting"}),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.jsxs(Mr,{children:["Badge height (",c,")"]}),t.jsxs(Gr,{style:{color:"var(--Text-Quiet)"},children:[B[c]?.badge," height · ",B[c]?.font," font · 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.jsxs(Mr,{children:["Dot size (",c,")"]}),t.jsxs(Gr,{style:{color:"var(--Text-Quiet)"},children:[B[c]?.dot," 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(Rr,{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(Mr,{style:{display:"block",marginBottom:2},children:"Screenreader support:"}),t.jsx(Gr,{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(Mr,{style:{display:"block",marginBottom:2},children:"Dot variant:"}),t.jsx(Gr,{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(Mr,{style:{display:"block",marginBottom:2},children:"Max overflow:"}),t.jsx(Gr,{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:o=[],showTrack:a=!0,rounded:i=!0,showValues:n=!1,showLabels:l=!0,animate:s=!0,interactive:c=!0,height:d=200,gapRatio:x=.4,label:u,className:h="",sx:p={},...m}){const f=wx(o),g=Cx(o),{active:b,handlers:v}=qx(f.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,d-B-k),C=Tx(f,{fromZero:!0}),{centres:T,bandWidth:z}=Ix(f.length,0,S,{gapRatio:x}),A=B+w,I=i?z/2:0,R=f.length?S/f.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 ${d}`,width:"100%",height:d,preserveAspectRatio:"none",focusable:"false","aria-hidden":"true",children:[c&&b>=0&&t.jsx("rect",{x:T[b]-R/2,y:0,width:R,height:d,fill:"var(--Hover)",rx:6}),f.map((e,r)=>{const o=T[r]-z/2,i=zx(e,C,B,w),n=Math.max(0,A-i);return t.jsxs("g",{children:[a&&t.jsx("rect",{x:o,y:B,width:z,height:w,rx:I,ry:I,fill:Mx.track}),n>0&&t.jsx("rect",{x:o,y:i,width:z,height:n,rx:Math.min(I,n/2),ry:Math.min(I,n/2),fill:Mx.fill,style:{transformBox:"fill-box",transformOrigin:"bottom",transform:y?"scaleY(1)":"scaleY(0)",transition:`transform ${Vx}`}})]},r)}),n&&f.map((e,r)=>t.jsx("text",{x:T[r],y:zx(e,C,B,w)-6,textAnchor:"middle",fill:Mx.label,...Ox,children:e},"v"+r)),l&&g.map((e,r)=>t.jsx("text",{x:T[r],y:d-6,textAnchor:"middle",fill:Mx.quietLabel,...Ox,children:e},"l"+r)),c&&b>=0&&!n&&t.jsx(Xx,{x:T[b],y:zx(f[b],C,B,w),text:f[b],width:S,tokens:Mx})]}),c&&t.jsx(Ux,{count:f.length,width:S,centres:T,bandWidth:R,labels:g,values:f,handlers:v}),t.jsx(Qx,{caption:u||`Bar chart, ${f.length} values`,labels:g,values:f})]})},exports.BevelText=_d,exports.BevelTextShowcase=function(){const[o,a]=e.useState("DinoDesign"),[i,n]=e.useState("Primary"),[l,s]=e.useState("Classic"),[c,d]=e.useState("light"),[x,u]=e.useState(135),[h,p]=e.useState(5),[m,f]=e.useState(1),[g,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),F="custom"===l,D=F?{angle:x,depth:h,softness:m,bevel:g,shadow:v,shadowDistance:j,shadowBlur:B,shadowOpacity:w/100}:void 0,L=rx.find(e=>e.value===c)?.css||rx[0].css;return t.jsxs(r.Box,{children:[t.jsx(Ar,{style:{marginBottom:12},children:"Bevel Display Text"}),t.jsx(Or,{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(_d,{text:o,theme:i,preset:l,custom:D,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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Stack,{spacing:3,sx:{p:3,maxWidth:720},children:[t.jsx(bo,{label:"Text",value:o,onChange:e=>a(e.target.value),placeholder:"Your headline…",size:"medium"}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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:Md.map(e=>t.jsx(tx,{label:e,selected:i===e,onClick:()=>n(e)},e))}),t.jsxs(Gr,{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(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PRESETS"}),t.jsx(r.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:ex.map(e=>t.jsx(ox,{option:e,active:l===e.value,onClick:()=>function(e){if(s(e),"custom"!==e){const r=Nd(e);u(r.angle),p(r.depth??5),f(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))})]}),F&&t.jsxs(r.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",p:2},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:12},children:"CUSTOM"}),t.jsxs(r.Stack,{spacing:2,children:[t.jsxs("div",{children:[t.jsxs(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Light angle",t.jsxs("span",{style:{float:"right"},children:[x,"°"]})]}),t.jsx(on,{min:0,max:360,step:5,value:x,onChange:(e,r)=>u(r)})]}),t.jsxs(r.Box,{sx:{border:"1px solid var(--Border-Variant)",borderRadius:1,p:1.5},children:[t.jsx(ka,{label:"Inset bevel",checked:g,onChange:e=>b(e.target.checked)}),g&&t.jsxs(r.Stack,{spacing:1.5,sx:{mt:1.5},children:[t.jsxs("div",{children:[t.jsxs(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Depth",t.jsxs("span",{style:{float:"right"},children:[h,"px"]})]}),t.jsx(on,{min:1,max:16,step:1,value:h,onChange:(e,r)=>p(r)})]}),t.jsxs("div",{children:[t.jsxs(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Softness",t.jsxs("span",{style:{float:"right"},children:[m,"px"]})]}),t.jsx(on,{min:0,max:6,step:.5,value:m,onChange:(e,r)=>f(r)})]})]})]}),t.jsxs(r.Box,{sx:{border:"1px solid var(--Border-Variant)",borderRadius:1,p:1.5},children:[t.jsx(ka,{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(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Distance",t.jsxs("span",{style:{float:"right"},children:[j,"px"]})]}),t.jsx(on,{min:1,max:24,step:1,value:j,onChange:(e,r)=>S(r)})]}),t.jsxs("div",{children:[t.jsxs(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Blur",t.jsxs("span",{style:{float:"right"},children:[B,"px"]})]}),t.jsx(on,{min:0,max:24,step:1,value:B,onChange:(e,r)=>k(r)})]}),t.jsxs("div",{children:[t.jsxs(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Opacity",t.jsxs("span",{style:{float:"right"},children:[w,"%"]})]}),t.jsx(on,{min:10,max:100,step:5,value:w,onChange:(e,r)=>C(r)})]})]})]})]})]}),t.jsxs(r.Box,{children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPOGRAPHY"}),t.jsxs(r.Stack,{spacing:2,children:[t.jsxs("div",{children:[t.jsxs(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Font size",t.jsxs("span",{style:{float:"right"},children:[T,"px"]})]}),t.jsx(on,{min:32,max:160,step:4,value:T,onChange:(e,r)=>z(r)})]}),t.jsxs("div",{children:[t.jsxs(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Font weight",t.jsx("span",{style:{float:"right"},children:A})]}),t.jsx(on,{min:400,max:900,step:100,value:A,onChange:(e,r)=>I(r)})]}),t.jsxs("div",{children:[t.jsxs(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Letter spacing",t.jsxs("span",{style:{float:"right"},children:[R,"px"]})]}),t.jsx(on,{min:-2,max:20,step:1,value:R,onChange:(e,r)=>W(r)})]})]})]}),t.jsxs(r.Box,{children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PREVIEW BACKGROUND"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:rx.map(e=>t.jsx(tx,{label:e.label,selected:c===e.value,onClick:()=>d(e.value)},e.value))}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Showcase-only — doesn't affect the emitted code."})]})]})}),t.jsx(Wo,{value:1,children:t.jsxs(r.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsxs(Gr,{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(Mr,{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(Fi,{variant:"black-white",...e}),exports.Body=Or,exports.Body1=Nr,exports.Body2=Qr,exports.BodyBold=e=>t.jsx(Tr,{textStyle:"body-bold",...e}),exports.BodyLarge=Vr,exports.BodyLargeBold=e=>t.jsx(Tr,{textStyle:"body-large-bold",...e}),exports.BodyLargeSemibold=e=>t.jsx(Tr,{textStyle:"body-large-semibold",...e}),exports.BodySemibold=e=>t.jsx(Tr,{textStyle:"body-semibold",...e}),exports.BodySmall=Mr,exports.BodySmallBold=e=>t.jsx(Tr,{textStyle:"body-small-bold",...e}),exports.BodySmallSemibold=Er,exports.BottomNavigation=Rl,exports.BottomNavigationShowcase=function(){const[o,a]=e.useState(0),[i,n]=e.useState(0),[l,s]=e.useState(!0),[c,d]=e.useState(!0),[x,u]=e.useState("fixed"),[h,p]=e.useState("horizontal"),[m,f]=e.useState("default"),[g,b]=e.useState(4),[v,y]=e.useState(Hl.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 o=0;o<g;o++)if(e[o])r.push(e[o]);else{const e=t[o-Hl.length]||{icon:Pl[o%Pl.length],label:Pl[o%Pl.length]};r.push(e)}return r}),n(e=>Math.min(e,g-1))},[g]);const j=(e,r,t)=>{y(o=>{const a=[...o];return a[e]={...a[e],[r]:t},a})},S=v.slice(0,g).map(e=>({icon:Ll[e.icon]||Ll.Home,label:e.label}));return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Ar,{children:"Bottom Navigation"}),t.jsxs(r.Tabs,{value:o,onChange:(e,r)=>a(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===o&&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(Rl,{items:S,value:i,onChange:n,showLabels:c,variant:x,orientation:h,barColor:m,fixed:!1},"bn-"+g+"-"+x+"-"+h+"-"+c+"-"+m)}),t.jsxs(Gr,{style:{color:"var(--Text-Quiet)",textAlign:"center"},children:[g," items · ",c?"Labels":"Icons only"," · ","floating"===x?"Floating":"Fixed"," · ","vertical"===h?"Vertical":"Horizontal"," · ",(Ml.find(e=>e.value===m)||Ml[0]).label]})]}),t.jsx(xa,{code:(()=>{const e=[];e.push("const items = ["),S.forEach((r,t)=>{const o=v[t];e.push(" { icon: <"+o.icon+"Icon />, label: '"+o.label+"' },")}),e.push("];"),e.push("");const r=[];return r.push("items={items}"),"default"!==m&&r.push('barColor="'+m+'"'),c||r.push("showLabels={false}"),"fixed"!==x&&r.push('variant="'+x+'"'),"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(Ir,{children:"Playground"}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BAR COLOR"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Ml.map(e=>t.jsx(El,{label:e.label,selected:m===e.value,onClick:()=>f(e.value)},e.value))}),t.jsxs(Gr,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:[(Ml.find(e=>e.value===m)||Ml[0]).desc,' · data-surface="Surface-Dim" · bg: var(--Background)']})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),t.jsxs(r.Stack,{spacing:0,children:[t.jsx(Vl,{label:"Fixed",checked:l,onChange:s,caption:"Position fixed to bottom of viewport."}),t.jsx(Vl,{label:"Labels",checked:c,onChange:d,caption:"Show text labels with icons."}),t.jsx(Gr,{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(Yr,{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(El,{label:"Fixed",selected:"fixed"===x,onClick:()=>u("fixed")}),t.jsx(El,{label:"Floating",selected:"floating"===x,onClick:()=>u("floating")})]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"floating"===x?"A pill, rounded to its own height so the ends stay semicircular at any length.":"A square band, edge to edge."}),t.jsx(Yr,{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(El,{label:"Horizontal",selected:"horizontal"===h,onClick:()=>p("horizontal")}),t.jsx(El,{label:"Vertical",selected:"vertical"===h,onClick:()=>p("vertical")})]}),t.jsx(Gr,{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(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"NAVIGATION ITEMS"}),t.jsx(Ql,{label:"Count",value:g,onChange:b,min:3,max:6}),t.jsx(r.Stack,{spacing:1.5,sx:{mt:2},children:v.slice(0,g).map((e,o)=>t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"nowrap"},children:[t.jsx(Gr,{style:{color:"var(--Text-Quiet)",flexShrink:0,width:16,textAlign:"right"},children:o+1}),t.jsx(Nl,{value:e.icon,onChange:e=>j(o,"icon",e),options:Pl,label:"Item "+(o+1)+" icon"}),c&&t.jsx(Ol,{value:e.label,onChange:e=>j(o,"label",e),placeholder:"Label"})]},o))})]})]})]}),1===o&&t.jsxs(r.Box,{sx:{p:4},children:[t.jsx(Ir,{children:"Accessibility Requirements"}),t.jsxs(Mr,{color:"quiet",style:{marginBottom:32},children:[g," items · ",c?"Labels":"Icons only"," · ","floating"===x?"Floating":"Fixed"," · ","vertical"===h?"Vertical":"Horizontal"," · ",(Ml.find(e=>e.value===m)||Ml[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(Rr,{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(Mr,{children:"Landmark:"}),t.jsx(Gr,{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(Mr,{children:"Tab list:"}),t.jsx(Gr,{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(Mr,{children:"Tab items:"}),t.jsx(Gr,{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(Mr,{children:"Focus:"}),t.jsx(Gr,{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(Rr,{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(Mr,{children:"Bar:"}),t.jsx(Gr,{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(Mr,{children:"Unselected icon/label:"}),t.jsx(Gr,{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(Mr,{children:"Selected:"}),t.jsx(Gr,{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(Mr,{children:"Selected pill:"}),t.jsx(Gr,{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(Mr,{children:"Backfill + horizontal label:"}),t.jsx(Gr,{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(Mr,{children:"Backfill + vertical label:"}),t.jsx(Gr,{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(Rr,{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(Mr,{children:"Item count:"}),t.jsx(Gr,{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(Mr,{children:"Horizontal layout:"}),t.jsx(Gr,{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(Mr,{children:"Labels:"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)"},children:"Always recommended for clarity."})]}),t.jsxs(r.Box,{sx:{py:1.5},children:[t.jsx(Mr,{children:"Fixed:"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)"},children:"Add bottom padding to main content to avoid overlap."})]})]})]})]})]})]})},exports.Box=Wn,exports.BoxShowcase=function(){const[o,a]=e.useState(""),[i,n]=e.useState(""),[l,s]=e.useState(null),[c,d]=e.useState("Surface");return t.jsxs(Wn,{sx:{pb:8},children:[t.jsx(Ar,{children:"Box"}),t.jsxs(Or,{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(Fo,{theme:l,surface:c,children:t.jsx(Wn,{sx:{width:"100%",maxWidth:400},children:t.jsx(Wn,{theme:o||void 0,surface:i||void 0,children:t.jsxs(Wn,{sx:{padding:3,backgroundColor:"var(--Background)",color:"var(--Text)",borderRadius:"var(--Style-Border-Radius)",border:"1px dashed var(--Border-Variant)"},children:[t.jsx(Rr,{children:"Box content"}),t.jsx(Or,{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(xa,{code:(()=>{const e=[];o&&e.push('theme="'+o+'"'),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(Wn,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"When to use"})]}),t.jsx(Wo,{value:0,children:t.jsxs(Wn,{sx:{p:3},children:[t.jsx(Wn,{sx:{mb:3},children:t.jsx(Ho,{theme:l,onThemeChange:s,surface:c,onSurfaceChange:d})}),t.jsxs(Wn,{children:[t.jsx(Yr,{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(Ln,{label:"None",selected:!o,onClick:()=>a("")}),Dn.map(e=>t.jsx(Ln,{label:e,selected:o===e,onClick:()=>a(e)},e))]})]}),t.jsxs(Wn,{sx:{mt:3},children:[t.jsx(Yr,{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(Ln,{label:"None",selected:!i,onClick:()=>n("")}),Fn.map(e=>t.jsx(Ln,{label:e,selected:i===e,onClick:()=>n(e)},e))]}),t.jsxs(Gr,{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(Wo,{value:1,children:t.jsx(Wn,{sx:{p:3},children:t.jsxs(r.Stack,{spacing:2,children:[t.jsxs(Wn,{children:[t.jsx(Mr,{style:{fontWeight:700},children:"Reach for Box when…"}),t.jsx(Gr,{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(Wn,{children:[t.jsx(Mr,{style:{fontWeight:700},children:"Use Ratio when…"}),t.jsx(Gr,{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(Wn,{children:[t.jsx(Mr,{style:{fontWeight:700},children:"Use Card when…"}),t.jsx(Gr,{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=rl,exports.Breadcrumbs=el,exports.BreadcrumbsShowcase=function(){const[o,a]=e.useState("medium"),[i,n]=e.useState("/"),[l,s]=e.useState(!1),[c,d]=e.useState(null),[x,u]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Ar,{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(Fo,{theme:c,surface:x,children:t.jsxs(el,{size:o,separator:i,condense:l,maxItems:3,children:[t.jsx(rl,{href:"#",children:"Home"}),t.jsx(rl,{href:"#",children:"Products"}),t.jsx(rl,{href:"#",children:"Shoes"}),t.jsx(rl,{children:"Running Shoes"})]})}),t.jsx(xa,{code:(()=>{const e=[];return"medium"!==o&&e.push('size="'+o+'"'),"/"!==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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:c,onThemeChange:d,surface:x,onSurfaceChange:u})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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(ol,{label:tl(e),selected:o===e,onClick:()=>a(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SEPARATOR"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:["/","›","→","·","|"].map(e=>t.jsx(ol,{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(Xr,{children:"Condense"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Collapse middle items into ellipsis"})]}),t.jsx(Ba,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Condense"})]})]})}),t.jsx(Wo,{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(Rr,{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:o})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Mr,{children:[e,":"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Button=Yt,exports.ButtonGroup=Ha,exports.ButtonSmall=nt,exports.ButtonText=lt,exports.CAP_HEIGHT_TRIM=zr,exports.CHART_LABEL_TYPE=Ox,exports.CHART_TOKENS=Mx,exports.Caption=Gr,exports.CaptionBold=e=>t.jsx(Tr,{textStyle:"caption-bold",...e}),exports.Card=Za,exports.CenteredStack=e=>t.jsx(Oa,{direction:"column",alignItems:"center",justifyContent:"center",...e}),exports.Checkbox=no,exports.Chip=jn,exports.CircularProgress=Bc,exports.CircularProgressShowcase=function(){const[o,a]=e.useState("default"),[i,n]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(65),[x,u]=e.useState(!1),[h,p]=e.useState(null),[m,f]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Ar,{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(Fo,{theme:h,children:t.jsx(Bc,{color:o,size:i,value:l?c:void 0,showValue:l&&x})}),t.jsx(xa,{code:(()=>{const e=[];return"default"!==o&&e.push('color="'+o+'"'),"medium"!==i&&e.push('size="'+i+'"'),l&&(e.push("value={"+c+"}"),x&&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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:h,onThemeChange:p,surface:m,onSurfaceChange:f})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:wc.map(e=>t.jsxs(r.Box,{children:[t.jsx(Gr,{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(Tc,{color:e,selected:o===e,onClick:a},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(Cc,{label:kc(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(Xr,{children:"Determinate"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show a static arc at a specific value"})]}),t.jsx(Ba,{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(on,{label:"Value",min:0,max:100,value:c,onChange:(e,r)=>d(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(Xr,{children:"Show Label"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Center percentage text"})]}),t.jsx(Ba,{checked:x,onChange:e=>u(e.target.checked),size:"small","aria-label":"Show label"})]})]})]})}),t.jsx(Wo,{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(Rr,{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(Mr,{children:"Role:"}),t.jsx(Gr,{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(Mr,{children:"Determinate:"}),t.jsx(Gr,{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(Mr,{children:"Indeterminate:"}),t.jsx(Gr,{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(Mr,{children:"Label:"}),t.jsx(Gr,{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(Rr,{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(Mr,{children:"Track (back circle):"}),t.jsx(Gr,{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(Mr,{children:"Fill (progress arc):"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Buttons-{Color}-Border)"})]}),t.jsxs(r.Box,{sx:{py:1.5},children:[t.jsx(Mr,{children:"Center label:"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text)"})]})]})]})]})})})]})})})]})]})},exports.CodeBlock=xa,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(o=>t.jsxs(r.Box,{children:[t.jsx(r.Typography,{variant:"h6",sx:{mb:2,fontWeight:600},children:o.name}),t.jsx(r.Grid,{container:!0,spacing:2,sx:{justifyContent:"center"},children:o.colors.map(o=>t.jsx(r.Grid,{item:!0,sx:{display:"flex",justifyContent:"center"},children:t.jsx(e,{color:o})},o.var))})]},o.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:o="lg",disableGutters:a=!1,sx:i={},...n}){return t.jsx(r.Container,{maxWidth:o,disableGutters:a,"data-surface":"Surface",sx:{backgroundColor:"var(--Background)",color:"var(--Text)",transition:"all 0.2s ease-in-out",...i},...n,children:e})},exports.CopyButton=da,exports.Copyright=yd,exports.CopyrightShowcase=function(){const[o,a]=e.useState("DinoDesign"),[i,n]=e.useState((new Date).getFullYear()),[l,s]=e.useState("All rights reserved"),[c,d]=e.useState(""),[x,u]=e.useState(!1),[h,p]=e.useState("default"),m=e.useRef(null),[f,g]=e.useState(null);return e.useEffect(()=>{m.current&&g({current:m.current.querySelector(".dino-copyright")})},[h,x,o,i,l,c]),t.jsxs(r.Box,{children:[t.jsx(Ar,{style:{marginBottom:12},children:"Copyright"}),t.jsxs(Or,{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:x?t.jsx(yd,{color:h,children:c||"Type a custom message →"}):t.jsx(yd,{color:h,companyName:o,year:Number(i)||(new Date).getFullYear(),rights:l})}),t.jsxs(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Stack,{spacing:3,sx:{p:3,maxWidth:560},children:[t.jsxs(r.Box,{children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TEXT MODE"}),t.jsxs(r.Stack,{direction:"row",spacing:1,children:[t.jsx(Hd,{label:"Auto-generated",selected:!x,onClick:()=>u(!1)}),t.jsx(Hd,{label:"Custom",selected:x,onClick:()=>u(!0)})]})]}),!x&&t.jsxs(t.Fragment,{children:[t.jsx(bo,{label:"Company name",value:o,onChange:e=>a(e.target.value),placeholder:"DinoDesign",size:"medium"}),t.jsx(ki,{label:"Year",value:Number(i),onChange:e=>n(e),min:1900,max:2100}),t.jsx(bo,{label:"Rights text",value:l,onChange:e=>s(e.target.value),placeholder:"All rights reserved",size:"medium"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)"},children:'Leave Rights blank to omit "All rights reserved." entirely.'})]}),x&&t.jsxs(t.Fragment,{children:[t.jsx(bo,{label:"Custom text",value:c,onChange:e=>d(e.target.value),placeholder:"© 2026 DinoDesign · MIT License · Built with love",size:"medium",multiline:!0}),t.jsx(Gr,{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(Yr,{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:Pd.map(e=>t.jsx(Hd,{label:e.label,selected:h===e.value,onClick:()=>p(e.value)},e.value))}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Matches the Footer color presets so the two stack cleanly."})]})]})}),t.jsx(Wo,{value:1,children:t.jsxs(r.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsx(Gr,{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."}),f&&t.jsx(Id,{targetRef:f,label:"Copyright strip",deps:[h,x,o,i,l,c]})]})})]})]})},exports.CurvedText=Ud,exports.CurvedTextShowcase=function(){const[o,a]=e.useState("Your Brand. Perfected."),[i,n]=e.useState("display-large"),[l,s]=e.useState("primary"),[c,d]=e.useState([(x="up",{arc:140,radius:340,direction:x})]);var x;const[u,h]=e.useState(0),[p,m]=e.useState(8),[f,g]=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,c,u,p,f,b,y,S]);const T=Zd.find(e=>e.value===l)?.css||Zd[0].css;function z(e,r){d(t=>t.map((t,o)=>o===e?{...t,...r}:t))}return t.jsxs(r.Box,{children:[t.jsx(Ar,{style:{marginBottom:12},children:"Curved Display Text"}),t.jsx(Or,{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(Ud,{text:o,curves:c,textStyle:i,rotation:u,letterSpacing:p,fontWeight:f,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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Stack,{spacing:3,sx:{p:3,maxWidth:720},children:[t.jsx(bo,{label:"Text",value:o,onChange:e=>a(e.target.value),placeholder:"Your headline…",size:"medium"}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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(Kd,{label:String(e),selected:c.length===e,onClick:()=>function(e){d(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(Gr,{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(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:12},children:"PER-CURVE SETTINGS"}),t.jsx(r.Stack,{spacing:2,children:c.map((e,o)=>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(Gr,{style:{fontWeight:700},children:["Curve ",o+1]}),t.jsx("div",{style:{flex:1}}),t.jsxs(r.Stack,{direction:"row",spacing:1,children:[t.jsx(Kd,{label:"⌢ Up",selected:"up"===e.direction,onClick:()=>z(o,{direction:"up"})}),t.jsx(Kd,{label:"⌣ Down",selected:"down"===e.direction,onClick:()=>z(o,{direction:"down"})})]})]}),t.jsxs(r.Stack,{spacing:1,children:[t.jsxs("div",{children:[t.jsxs(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Radius",t.jsxs("span",{style:{float:"right"},children:[e.radius,"px"]})]}),t.jsx(on,{min:100,max:600,step:10,value:e.radius,onChange:(e,r)=>z(o,{radius:r})})]}),t.jsxs("div",{children:[t.jsxs(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Arc sweep",t.jsxs("span",{style:{float:"right"},children:[e.arc,"°"]})]}),t.jsx(on,{min:40,max:280,step:5,value:e.arc,onChange:(e,r)=>z(o,{arc:r})})]})]})]},o))})]}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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:Yd.map(e=>t.jsx(Kd,{label:e.label,selected:i===e.value,onClick:()=>n(e.value)},e.value))}),t.jsx(Gr,{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(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["LETTER SPACING",t.jsxs("span",{style:{float:"right"},children:[p,"px"]})]}),t.jsx(on,{min:-4,max:40,step:1,value:p,onChange:(e,r)=>m(r)}),t.jsx(Gr,{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(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["FONT WEIGHT",t.jsx("span",{style:{float:"right"},children:f})]}),t.jsx(on,{min:100,max:900,step:100,value:f,onChange:(e,r)=>g(r)}),t.jsx(Gr,{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(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BEVEL"}),t.jsx(ka,{label:"3D bevel effect",checked:b,onChange:e=>v(e.target.checked)}),b&&t.jsxs(r.Box,{sx:{mt:1.5},children:[t.jsx(Gr,{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:Od.map(e=>t.jsx(Kd,{label:e,selected:S===e,onClick:()=>B(e)},e))}),t.jsx(Gr,{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:Jd.map(e=>t.jsx(Kd,{label:e.label,selected:y===e.value,onClick:()=>j(e.value)},e.value))})]}),t.jsxs(Gr,{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(Yr,{style:{color:"var(--Text-Quiet)",flex:1},children:["ROTATION",t.jsxs("span",{style:{float:"right",marginRight:12},children:[u,"°"]})]}),t.jsx(Yt,{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 a=r.getTotalLength();if(!a)return;let i=0;try{i=t.getComputedTextLength?.()||0}catch(e){}i||(i=Math.min(a,18*o.length));const n=Math.max(0,(a-i)/2),l=Math.min(a,n+i),s=r.getPointAtLength(n),c=r.getPointAtLength(l),d=180*Math.atan2(c.y-s.y,c.x-s.x)/Math.PI,x=Math.max(-45,Math.min(45,Math.round(-d)));h(x)},children:"Auto-level"})]}),t.jsx(on,{min:-45,max:45,step:1,value:u,onChange:(e,r)=>h(r)}),t.jsx(Gr,{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(Yr,{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:Zd.map(e=>t.jsx(Kd,{label:e.label,selected:l===e.value,onClick:()=>s(e.value)},e.value))})]})]})}),t.jsx(Wo,{value:1,children:t.jsxs(r.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsx(Gr,{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(Id,{targetRef:w,label:"Curved text",deps:[l,i,JSON.stringify(c),u,p]}),t.jsxs(Mr,{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=xt,exports.DEFAULT_ITEMS=tc,exports.DefaultToggleButtonGroup=e=>t.jsx(Fi,{variant:"default",...e}),exports.DesktopAppBar=cd,exports.Dialog=Ds,exports.DialogShowcase=function(){const[o,a]=e.useState(!1),[i,n]=e.useState("sm"),[l,s]=e.useState(!1),[c,d]=e.useState("none"),[x,u]=e.useState(!1),[h,p]=e.useState(!1),[m,f]=e.useState(null),[g,b]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Ar,{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(Fo,{theme:m,surface:g,children:t.jsx(Yt,{variant:"default",onClick:()=>a(!0),children:"Open Dialog"})}),t.jsx(xa,{code:(()=>{const e=["open={open}","onClose={handleClose}"];return"sm"!==i&&e.push('maxWidth="'+i+'"'),l&&e.push("fullScreen"),x&&e.push("alert"),h&&e.push("nonModal"),"none"!==c&&e.push('transition="'+c+'"'),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(Ds,{open:o,onClose:(e,r)=>{x&&"backdropClick"===r||a(!1)},maxWidth:i,fullScreen:l,alert:x,nonModal:h,transition:"none"!==c?c:void 0,title:"Dialog Title",actions:t.jsxs(t.Fragment,{children:[t.jsx(Yt,{variant:"default-outline",size:"small",onClick:()=>a(!1),children:"Cancel"}),t.jsx(Yt,{variant:"default",size:"small",onClick:()=>a(!1),children:"Confirm"})]}),children:t.jsx(Or,{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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:m,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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(Ls,{label:e.toUpperCase(),selected:i===e,onClick:()=>{n(e),s(!1)}},e)),t.jsx(Ls,{label:"Full Screen",selected:l,onClick:()=>s(!l)})]})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(Ls,{label:(r=e,r?r.charAt(0).toUpperCase()+r.slice(1):""),selected:c===e,onClick:()=>d(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(Xr,{children:"Alert"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"No backdrop dismiss, no Escape"})]}),t.jsx(Ba,{variant:"default-outline",checked:x,onChange:e=>u(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(Xr,{children:"Non-Modal"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"No backdrop, interact with content behind"})]}),t.jsx(Ba,{variant:"default-outline",checked:h,onChange:e=>p(e.target.checked),size:"small","aria-label":"Non-modal"})]})]})}),t.jsx(Wo,{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(Rr,{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:o})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Mr,{children:[e,":"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.DisplayLarge=e=>t.jsx(Tr,{textStyle:"display-large",...e}),exports.DisplayMedium=e=>t.jsx(Tr,{textStyle:"display-medium",...e}),exports.DisplaySmall=e=>t.jsx(Tr,{textStyle:"display-small",...e}),exports.Divider=function({color:e="default",orientation:o="horizontal",size:a="small",children:i,indicatorText:n,indicatorStyle:l="outline",textAlign:s="center",className:c="",sx:d={},...x}){const u=Zc(e),h=Kc[a]||Kc.small,p=!(!i&&!n),m=i||n,f="vertical"===o;if(f&&!p)return t.jsx(r.Box,{role:"separator","aria-orientation":"vertical",className:"divider-vertical divider-"+e+" "+c,sx:{display:"inline-block",width:h+"px",alignSelf:"stretch",minHeight:24,backgroundColor:u,flexShrink:0,...d},...x});if(f&&p){const o=Jc(e,l),a="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 "+c,sx:{display:"inline-flex",flexDirection:"column",alignItems:"center",alignSelf:"stretch",minHeight:24,flexShrink:0,...d},...x,children:[t.jsx(r.Box,{sx:{flex:a,width:h+"px",backgroundColor:u}}),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:o.bg,color:o.text,border:o.border,boxSizing:"border-box"},children:m}),t.jsx(r.Box,{sx:{flex:i,width:h+"px",backgroundColor:u}})]})}if(!p)return t.jsx(r.Box,{role:"separator","aria-orientation":"horizontal",className:"divider-horizontal divider-"+e+" "+c,sx:{width:"100%",height:h+"px",backgroundColor:u,flexShrink:0,...d},...x});const g=Jc(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 "+c,sx:{display:"flex",alignItems:"center",width:"100%",...d},...x,children:[t.jsx(r.Box,{sx:{flex:b,height:h+"px",backgroundColor:u}}),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:g.bg,color:g.text,border:g.border,boxSizing:"border-box"},children:m}),t.jsx(r.Box,{sx:{flex:v,height:h+"px",backgroundColor:u}})]})},exports.Drawer=qs,exports.DrawerClose=Us,exports.DrawerContent=Ys,exports.DrawerHeader=Xs,exports.DrawerShowcase=function(){const[o,a]=e.useState(!1),[i,n]=e.useState("medium"),[l,s]=e.useState("left"),[c,d]=e.useState(null),[x,u]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Ar,{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(Fo,{theme:c,surface:x,children:t.jsx(Yt,{variant:"default",onClick:()=>a(!0),children:"Open Drawer"})}),t.jsx(xa,{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(qs,{open:o,onClose:()=>a(!1),size:i,anchor:l,children:[t.jsxs(Xs,{children:[t.jsx(Rr,{children:"Navigation"}),t.jsx(Us,{onClick:()=>a(!1)})]}),t.jsx(Ys,{children:t.jsx(rc,{items:ac,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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:c,onThemeChange:d,surface:x,onSurfaceChange:u})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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(ic,{label:oc(e),selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(ic,{label:oc(e),selected:l===e,onClick:()=>s(e)},e))})]})]})}),t.jsx(Wo,{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(Rr,{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:o})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Mr,{children:[e,":"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.DropZone=function({onFiles:o,accept:a,multiple:i=!1,size:n="medium",disabled:l=!1,icon:s,label:c,sublabel:d,children:x,className:u="",sx:h={},...p}){const[m,f]=e.useState(!1),g=e.useRef(null),b=e.useRef(0),v=nc[n]||nc.medium,y=e.useCallback(e=>{!l&&e?.length&&o?.(Array.from(e))},[l,o]),j=e.useCallback(e=>{e.preventDefault(),e.stopPropagation(),b.current=0,f(!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||f(!0)},[l]),k=e.useCallback(e=>{e.preventDefault(),e.stopPropagation(),b.current--,0===b.current&&f(!1)},[]),w=e.useCallback(()=>{l||g.current?.click()},[l]),C=e.useCallback(e=>{l||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),g.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":c||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":"")+" "+u,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?.5: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:g,type:"file",accept:a,multiple:i,onChange:T,style:{display:"none"},"aria-hidden":"true",tabIndex:-1}),x||t.jsxs(t.Fragment,{children:[t.jsx(z,{sx:{fontSize:v.iconSize,color:"var(--Text-Quiet)"}}),t.jsx(Mr,{style:{color:"var(--Text)"},children:c||A}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)"},children:d||"or click to browse"})]})]})},exports.Dropdown=pl,exports.DynoStack=Oa,exports.DynoTreeView=rc,exports.EmailTextField=function({label:e="Email",...r}){return t.jsx(Di,{label:e,type:"email",placeholder:"user@example.com",...r})},exports.ErrorToggleButtonGroup=e=>t.jsx(Fi,{variant:"error",...e}),exports.Eyebrow=Zr,exports.EyebrowLarge=Kr,exports.EyebrowMedium=Jr,exports.EyebrowSmall=Yr,exports.Fab=ti,exports.FabShowcase=function(){const[o,a]=e.useState("default"),[i,n]=e.useState("medium"),[l,s]=e.useState("Add"),[c,d]=e.useState(!1),[x,u]=e.useState("Create"),[h,p]=e.useState(!1),[m,f]=e.useState(!1),[g,b]=e.useState(null),[v,y]=e.useState("Surface"),j="default"===o?"tertiary":o;return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Ar,{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(Fo,{theme:g,children:t.jsx(ti,{color:j,size:i,icon:(()=>{const e=ir[l]||ir.Add;return t.jsx(dt,{size:"medium",children:t.jsx(e,{})})})(),extended:c,label:x,animate:h,disabled:m,ariaLabel:c?x:l})}),t.jsx(xa,{code:(()=>{const e=[];return"default"!==o&&e.push('color="'+o+'"'),"medium"!==i&&e.push('size="'+i+'"'),e.push("icon={<"+l+"Icon />}"),c&&(e.push("extended"),e.push('label="'+x+'"')),h&&e.push("animate"),m&&e.push("disabled"),e.push('ariaLabel="'+(c?x: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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:g,onThemeChange:b,surface:v,onSurfaceChange:y})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:ai.map(e=>t.jsxs(r.Box,{children:[t.jsx(Gr,{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(li,{color:e,selected:o===e,onClick:a},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(ni,{label:oi(e),selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(si,{label:"Icon Name",value:l,onChange:s,placeholder:"Add"}),t.jsxs(Gr,{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(Yr,{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(Xr,{children:"Extended"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Pill shape with icon + text label"})]}),t.jsx(Ba,{checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Extended"})]}),c&&t.jsx(r.Box,{sx:{mt:1.5},children:t.jsx(si,{label:"Label Text",value:x,onChange:u,placeholder:"Create"})}),t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(Xr,{children:"Animation"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Pulse ring effect to draw attention"})]}),t.jsx(Ba,{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(Xr,{children:"Disabled"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Ba,{checked:m,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]})]})]})}),t.jsx(Wo,{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(Rr,{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(Mr,{children:"Role:"}),t.jsx(Gr,{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(Mr,{children:"Label:"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)"},children:c?"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(Mr,{children:"Focus:"}),t.jsx(Gr,{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(Mr,{children:"Disabled:"}),t.jsx(Gr,{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(Rr,{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(Mr,{children:"One per screen:"}),t.jsx(Gr,{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(Mr,{children:"Extended for clarity:"}),t.jsx(Gr,{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(Mr,{children:"Animation:"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)"},children:"Use sparingly. Respect prefers-reduced-motion."})]})]})]})]})})})]})})})]})]})},exports.Footer=Sd,exports.FooterShowcase=function(){const[o,a]=e.useState(4),[i,n]=e.useState(!0),[l,s]=e.useState(!0),[c,d]=e.useState("default"),x=e.useRef(null),[u,h]=e.useState(null),[p,m]=e.useState(null);e.useEffect(()=>{x.current&&(h({current:x.current.querySelector(".dino-footer")}),m({current:x.current.querySelector(".dino-copyright")}))},[c,o,i,l]);const f=Wd.slice(0,Math.max(0,o-1)),g=i?Fd:[],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(Ar,{style:{marginBottom:12},children:"Footer"}),t.jsxs(Or,{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:x,sx:{borderRadius:1,overflow:"hidden",mb:4},children:t.jsx(Sd,{color:c,address:Rd,columns:f,socialLinks:g,subscribe:b,copyrightName:"DinoDesign"})}),t.jsxs(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Stack,{spacing:3,sx:{p:3,maxWidth:560},children:[t.jsxs(r.Box,{children:[t.jsx(Yr,{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(Ld,{label:String(e),selected:o===e,onClick:()=>a(e)},e))}),t.jsx(Gr,{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(Yr,{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:Dd.map(e=>t.jsx(Ld,{label:e.label,selected:c===e.value,onClick:()=>d(e.value)},e.value))}),t.jsx(Gr,{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(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SOCIAL LINKS"}),t.jsx(ka,{label:"Show social media row",checked:i,onChange:e=>n(e.target.checked)}),t.jsxs(Gr,{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(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SUBSCRIBE"}),t.jsx(ka,{label:"Show email subscribe form",checked:l,onChange:e=>s(e.target.checked)}),t.jsxs(Gr,{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(Wo,{value:1,children:t.jsxs(r.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsx(Gr,{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."}),u&&t.jsx(Id,{targetRef:u,label:"Footer body",deps:[c,o,i,l]}),p&&t.jsx(Id,{targetRef:p,label:"Copyright strip",deps:[c,o,i,l]})]})})]})]})},exports.FormDialog=function({open:e,onClose:o,title:a,children:i,submitText:n="Submit",cancelText:l="Cancel",onSubmit:s,...c}){return t.jsx(Ds,{open:e,onClose:o,title:a,...c,actions:t.jsxs(t.Fragment,{children:[t.jsx(r.Box,{component:"button",type:"button",onClick:o,sx:Fs.outline,children:l}),t.jsx(r.Box,{component:"button",type:"button",onClick:s,sx:Fs.primary,children:n})]}),children:i})},exports.Gradient=xs,exports.Grid=function({children:e,container:o=!1,item:a=!1,spacing:i=2,sx:n={},...l}){return t.jsx(r.Grid,{container:o,item:a,spacing:i,sx:{transition:"all 0.2s ease-in-out",...n},...l,children:e})},exports.GridStack=qa,exports.H1=e=>t.jsx(Tr,{textStyle:"h1",...e}),exports.H2=e=>t.jsx(Tr,{textStyle:"h2",...e}),exports.H3=Ar,exports.H4=Ir,exports.H5=Rr,exports.H6=e=>t.jsx(Tr,{textStyle:"h6",...e}),exports.HStack=Na,exports.Header=function({title:e="My App",mode:o="light",navItems:a=[{label:"HOME",href:"#"},{label:"ABOUT",href:"#"},{label:"SERVICES",href:"#"},{label:"CONTACT",href:"#"}],rightContent:i,sx:n={},...l}){return t.jsx(r.AppBar,{position:"fixed",sx:{background:"var(--Background)",color:"var(--Text)",boxShadow:"0 1px 3px rgba(0,0,0,0.1)",borderBottom:"1px solid var(--Border-Variant)",transition:"all 0.2s ease-in-out",zIndex:1201,...n},...l,children:t.jsx(r.Container,{maxWidth:"lg",children:t.jsxs(r.Toolbar,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",px:0},children:[t.jsx(r.Typography,{variant:"h6",sx:{fontWeight:700,color:"var(--Text)",mr:"auto",transition:"color 0.2s ease-in-out"},children:e}),t.jsx(r.Box,{sx:{display:{xs:"none",md:"flex"},gap:3,flex:1,justifyContent:"center"},children:a.map((e,o)=>t.jsx(r.Typography,{component:"a",href:e.href,variant:"body2",sx:{textDecoration:"none",color:"var(--Text)",transition:"color 0.2s ease-in-out","&:hover":{color:"var(--Primary-Color-11)"}},children:e.label},o))}),t.jsx(r.Stack,{direction:"row",spacing:1,alignItems:"center",children:i})]})})})},exports.Heading=Wr,exports.Icon=dt,exports.IconBadge=Pa,exports.IconBadgeShowcase=function(){const[r,o]=e.useState("primary"),[a,i]=e.useState("solid"),[n,l]=e.useState("medium"),s=_a[0];return t.jsxs(Qa,{spacing:4,style:{paddingBottom:64},children:[t.jsx(Ar,{children:"Icon Badge"}),t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:24},children:[t.jsx(Za,{padding:"medium",children:t.jsxs(Qa,{spacing:4,alignItems:"center",children:[t.jsx("div",{style:{padding:40},children:t.jsx(Pa,{color:r,variant:a,size:n,children:t.jsx(s,{})})}),t.jsx(Na,{spacing:4,alignItems:"flex-end",children:["small","medium","large"].map(e=>t.jsxs(Qa,{spacing:1,alignItems:"center",children:[t.jsx(Pa,{color:r,variant:a,size:e,children:t.jsx(s,{})}),t.jsx(Mr,{style:{color:"var(--Quiet)"},children:Ka(e)})]},e))}),t.jsxs(Qa,{spacing:1,alignItems:"center",children:[t.jsx(Mr,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:"Variants"}),t.jsx(Na,{spacing:3,children:["solid","light","dark"].map(e=>t.jsxs(Qa,{spacing:1,alignItems:"center",children:[t.jsx(Pa,{color:r,variant:e,size:"medium",children:t.jsx(s,{})}),t.jsx(Mr,{style:{color:"var(--Quiet)",fontSize:"0.65rem"},children:Ka(e)})]},e))})]}),t.jsxs(Qa,{spacing:1,alignItems:"center",children:[t.jsx(Mr,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:"All Colors"}),t.jsx(Na,{spacing:2,style:{flexWrap:"wrap",justifyContent:"center"},children:$a.flatMap(e=>e.colors).map(e=>t.jsxs(Qa,{spacing:0,alignItems:"center",children:[t.jsx(Pa,{color:e,variant:a,size:"small",children:t.jsx(s,{})}),t.jsx(Mr,{style:{color:"var(--Quiet)",fontSize:"0.55rem"},children:Ka(e)})]},e))})]})]})}),t.jsx(Za,{padding:"medium",children:t.jsxs(Qa,{spacing:4,children:[t.jsx(Ar,{style:{fontSize:"1rem"},children:"Playground"}),t.jsxs(Qa,{spacing:2,children:[t.jsx(Xr,{children:"Color"}),$a.map(e=>t.jsxs(Qa,{spacing:1,children:[t.jsx(Mr,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:e.label}),t.jsx(Na,{spacing:1,children:e.colors.map(e=>t.jsx(Yt,{variant:r===e?"default":"outline",size:"small",onClick:()=>o(e),children:Ka(e)},e))})]},e.label))]}),t.jsxs(Qa,{spacing:1,children:[t.jsx(Xr,{children:"Variant"}),t.jsx(Ha,{size:"small",children:["solid","light","dark"].map(e=>t.jsx(Yt,{variant:a===e?"default":"outline",size:"small",onClick:()=>i(e),children:Ka(e)},e))})]}),t.jsxs(Qa,{spacing:1,children:[t.jsx(Xr,{children:"Size"}),t.jsx(Ha,{size:"small",children:["small","medium","large"].map(e=>t.jsx(Yt,{variant:n===e?"default":"outline",size:"small",onClick:()=>l(e),children:Ka(e)},e))})]}),t.jsxs(Qa,{spacing:0,children:[t.jsxs(Mr,{style:{color:"var(--Quiet)"},children:["data-theme: ",Ka(r),"light"===a?"-Light":""]}),t.jsxs(Mr,{style:{color:"var(--Quiet)"},children:["data-surface: ","dark"===a?"Surface-Dimmest":"Surface"]}),t.jsx(Mr,{style:{color:"var(--Quiet)"},children:"bg: var(--Background)"}),t.jsx(Mr,{style:{color:"var(--Quiet)"},children:"icon: var(--Text)"})]})]})})]})]})},exports.IconShowcase=function(){const[o,i]=e.useState("filled"),[n,l]=e.useState("default"),[s,c]=e.useState("medium"),[d,x]=e.useState("40"),[u,h]=e.useState(!1),[m,f]=e.useState("Home"),[g,b]=e.useState(""),[v,y]=e.useState({}),j=Ca[n]||"Default",S="twotone"===o,B="custom"===s?(parseInt(d,10)||40)+"px":{xs:"12px",small:"16px",medium:"24px",large:"36px"}[s]||"24px",k=function(e,r){return Ia[e]?.[r]||Ia[e]?.filled||p}(m,o),w=function(e){return{outlined:"Outlined",rounded:"Rounded",twotone:"TwoTone",sharp:"Sharp"}[e]||""}(o),C=m+w+"Icon",T=g.trim().length>0,z="<Icon>\n <"+C+' />\n</Icon>\n{/* aria-hidden="true" by default */}',A='<Icon aria-label="'+(T?g.trim():m+" icon")+'">\n <'+C+' />\n</Icon>\n{/* role="img" added automatically */}';return e.useEffect(()=>{y({background:fa("--Background"),iconColor:fa("--Icons-"+j),iconVariant:fa("--Icons-Variant-"+j)})},[n,j]),t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Ar,{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(dt,{color:n,size:s,fontSize:"custom"===s?parseInt(d,10)||40:void 0,disabled:u,twoTone:S,"aria-label":T?g.trim():void 0,children:t.jsx(k,{})})}),t.jsx(xa,{code:(()=>{const e=[];"default"!==n&&e.push('color="'+n+'"'),"custom"===s?(e.push('size="custom"'),e.push("fontSize={"+(parseInt(d,10)||40)+"}")):"medium"!==s&&e.push('size="'+s+'"'),S&&e.push("twoTone"),u&&e.push("disabled"),T&&e.push('aria-label="'+g.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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsxs(r.Box,{children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ICON"}),t.jsx(r.Box,{component:"input",type:"text",value:m,onChange:e=>f(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(Gr,{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(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:za.map(e=>t.jsx(Fa,{label:Aa[e],selected:o===e,onClick:()=>i(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:Ta.map(e=>t.jsxs(r.Box,{children:[t.jsx(Gr,{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 o=Ca[e],i=n===e;return t.jsx(r.Box,{component:"button",onClick:()=>l(e),"aria-label":"Select "+wa(e),"aria-pressed":i,title:wa(e),sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Icons-"+o+")",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(a,{sx:{fontSize:16,color:"var(--Background)",pointerEvents:"none"}})},e)})})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["xs","small","medium","large","custom"].map(e=>t.jsx(Fa,{label:"xs"===e?"XS":wa(e),selected:s===e,onClick:()=>c(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:d,onChange:e=>x(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(Gr,{style:{color:"var(--Text-Quiet)"},children:"px"})]})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ARIA LABEL"}),t.jsx(r.Box,{component:"input",type:"text",value:g,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(Gr,{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)'})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(Xr,{children:"Disabled"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Reduces opacity to 0.38"})]}),t.jsx(Ba,{checked:u,onChange:e=>h(e.target.checked),size:"small","aria-label":"Toggle disabled"})]})]})}),t.jsx(Wo,{value:1,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsxs(Mr,{color:"quiet",style:{marginBottom:24},children:[Aa[o]," / ",wa(n)," / ","custom"===s?d+"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(Rr,{children:"Icon Contrast (WCAG 1.4.11 — 3:1)"}),t.jsx(Mr,{color:"quiet",style:{marginBottom:16},children:"Non-text elements must contrast 3:1 against the page background."}),t.jsx(Wa,{label:"var(--Icons-"+j+") vs. var(--Background)",ratio:ma(v.iconColor,v.background),threshold:3,note:C+" at "+B+" in "+wa(n)+" color"}),S&&t.jsx(Wa,{label:"var(--Icons-Variant-"+j+") vs. var(--Background)",ratio:ma(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(Rr,{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(Mr,{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(Mr,{children:"Decorative (no aria-label):"}),t.jsx(Gr,{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(Mr,{children:"Meaningful (with aria-label):"}),t.jsx(Gr,{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(Mr,{children:["Disabled state",u?" ← current":"",":"]}),t.jsx(Gr,{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(Mr,{children:["Two-tone",S?" ← current":"",":"]}),t.jsxs(Gr,{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(Mr,{children:["Touch target — ",B," icon","small"===s?" ⚠":" ✓",":"]}),t.jsx(Gr,{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(Rr,{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:o,px:a,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(Mr,{children:[e," — ",a]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)"},children:i})]}),s===o&&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(Fi,{variant:"info",...e}),exports.InsetStack=({sx:e,...r})=>t.jsx(Oa,{sx:{px:2,...e},...r}),exports.Label=Xr,exports.LabelExtraSmall=qr,exports.LabelLarge=e=>t.jsx(Tr,{textStyle:"label-large",...e}),exports.LabelSmall=Ur,exports.Legal=e=>t.jsx(Tr,{textStyle:"legal",...e}),exports.LegalSemibold=e=>t.jsx(Tr,{textStyle:"legal-semibold",...e}),exports.LightTreeView=e=>t.jsx(rc,{variant:"light",...e}),exports.LineChart=function({data:o=[],curve:a="smooth",gradient:i=!0,fromZero:n=!1,showGrid:l=!1,showLabels:s=!1,animate:c=!0,interactive:d=!0,height:x=200,strokeWidth:u=3,tension:h=0,label:p,className:m="",sx:f={},...g}){const b="lc-"+e.useId().replace(/:/g,""),v=wx(o),y=Cx(o),{active:j,handlers:S}=qx(v.length),[B,k]=e.useState(!c);e.useEffect(()=>{if(!c)return;const e=requestAnimationFrame(()=>k(!0));return()=>cancelAnimationFrame(e)},[c]);const w=320,C=s?22:8,T=Math.max(0,x-8-C),z=Tx(v,{fromZero:n}),A=Ax(v.length,0,w,{inset:u}),I=v.map((e,r)=>({x:A[r],y:zx(e,z,8,T)})),R="straight"===a?Rx(I):Wx(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",...f},...g,children:[t.jsxs("svg",{viewBox:`0 0 320 ${x}`,width:"100%",height:x,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:Mx.gradient,stopOpacity:"1"}),t.jsx("stop",{offset:"100%",stopColor:Mx.gradient,stopOpacity:"0"})]})}),l&&Px(z,4).map(e=>t.jsx("line",{x1:0,x2:w,y1:zx(e,z,8,T),y2:zx(e,z,8,T),stroke:Mx.line,strokeWidth:"1"},e)),i&&I.length>1&&t.jsx("path",{d:Fx(R,I,W),fill:`url(#${b})`,style:{opacity:B?1:0,transition:`opacity ${Vx}`}}),I.length>1&&t.jsx("path",{d:R,fill:"none",stroke:Mx.fill,strokeWidth:u,strokeLinecap:"round",strokeLinejoin:"round",pathLength:"1",style:{strokeDasharray:1,strokeDashoffset:B?0:1,transition:`stroke-dashoffset ${Vx}`}}),1===I.length&&t.jsx("circle",{cx:I[0].x,cy:I[0].y,r:u,fill:Mx.fill}),d&&j>=0&&t.jsxs(t.Fragment,{children:[t.jsx("line",{x1:A[j],x2:A[j],y1:8,y2:W,stroke:Mx.line,strokeWidth:"1"}),t.jsx("circle",{cx:I[j].x,cy:I[j].y,r:u+1,fill:Mx.fill,stroke:"var(--Background)",strokeWidth:"2"}),t.jsx(Xx,{x:I[j].x,y:I[j].y,text:v[j],width:w,tokens:Mx})]}),s&&y.map((e,r)=>t.jsx("text",{x:A[r],y:x-6,textAnchor:"middle",fill:Mx.quietLabel,...Ox,children:e},r))]}),d&&t.jsx(Ux,{count:v.length,width:w,centres:A,bandWidth:v.length?w/v.length:0,labels:y,values:v,handlers:S}),t.jsx(Qx,{caption:p||`Line chart, ${v.length} points`,labels:y,values:v})]})},exports.LinearGradient=e=>t.jsx(xs,{variant:"linear",...e}),exports.LinearProgress=Ic,exports.LinearProgressShowcase=function(){const[o,a]=e.useState("default"),[i,n]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(65),[x,u]=e.useState(null),[h,p]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Ar,{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(Fo,{theme:x,surface:h,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:400},children:t.jsx(Ic,{color:o,size:i,value:l?c:void 0})})}),t.jsx(xa,{code:(()=>{const e=[];return"default"!==o&&e.push('color="'+o+'"'),"medium"!==i&&e.push('size="'+i+'"'),l&&e.push("value={"+c+"}"),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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:x,onThemeChange:u,surface:h,onSurfaceChange:p})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:Wc.map(e=>t.jsxs(r.Box,{children:[t.jsx(Gr,{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(Dc,{color:e,selected:o===e,onClick:a},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(Fc,{label:Rc(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(Xr,{children:"Determinate"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show a static bar at a specific value"})]}),t.jsx(Ba,{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(on,{label:"Value",min:0,max:100,value:c,onChange:(e,r)=>d(r),size:"small",valueLabelDisplay:"auto"})})]})}),t.jsx(Wo,{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(Rr,{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:o})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Mr,{children:[e,":"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Link=wn,exports.List=function({children:o,items:a,variant:i="default",color:n="primary",size:l="medium",orientation:s="vertical",dividers:c=!1,selectionMode:d="none",selectedIndices:x=[],onSelectionChange:u,clickable:h=!1,component:p="ul",className:m="",sx:f={},...g}){const b="horizontal"===s,v="checkbox"===d||"radio"===d,y="light"===i,j="default"===i,S={};return("solid"===i||y)&&_c[n]&&(S["data-theme"]=_c[n],y&&(S["data-surface"]="Surface-Brightest")),t.jsx(r.Box,{component:p,role:v?"listbox":"list","aria-multiselectable":"checkbox"===d||void 0,...S,className:"list-container list-"+i+" list-"+n+" "+m,sx:{display:"flex",flexDirection:b?"row":"column",boxSizing:"border-box",alignItems:"stretch",gap:h?"var(--Sizing-1)":0,m:0,p:j?0:1,backgroundColor:j?"transparent":"var(--Background)",color:"var(--Text)",borderRadius:j?0:"var(--Style-Border-Radius)",width:"100%",listStyle:"none",...b?{"& > .list-item":{flex:"1 1 0",width:"auto"}}:{},...f},...g,children:(()=>{if(a&&a.length>0){const e=[];return a.forEach((o,s)=>{e.push(t.jsx(td,{size:l,variant:i,color:n,startDecorator:o.startDecorator,endDecorator:o.endDecorator,startDecoratorIsButton:o.startDecoratorIsButton,endDecoratorIsButton:o.endDecoratorIsButton,onStartDecoratorAction:o.onStartDecoratorAction,onEndDecoratorAction:o.onEndDecoratorAction,startDecoratorAriaLabel:o.startDecoratorAriaLabel,endDecoratorAriaLabel:o.endDecoratorAriaLabel,eyebrow:o.eyebrow??o.overline,secondary:o.secondary,clickable:h||o.clickable,disabled:o.disabled,bottomBorder:o.bottomBorder,rightBorder:o.rightBorder,selected:v?x.includes(s):o.selected,selectionMode:d,onSelect:()=>(e=>{if(u)if("radio"===d)u([e]);else{const r=x.includes(e)?x.filter(r=>r!==e):[...x,e];u(r)}})(s),onClick:o.onClick,children:o.label||o.children},"item-"+s)),c&&s<a.length-1&&e.push(t.jsx(r.Box,{component:"li",role:"separator","aria-hidden":"true",sx:b?{width:"1px",alignSelf:"stretch",backgroundColor:"var(--Border)",flexShrink:0}:{height:"1px",backgroundColor:"var(--Border)"}},"div-"+s))}),e}if(o){const a=e.Children.toArray(o);if(!c)return a;const i=[];return a.forEach((e,o)=>{i.push(e),o<a.length-1&&i.push(t.jsx(r.Box,{component:"li",role:"separator","aria-hidden":"true",sx:b?{width:"1px",alignSelf:"stretch",backgroundColor:"var(--Border)",flexShrink:0}:{height:"1px",backgroundColor:"var(--Border)"}},"div-"+o))}),i}return null})()})},exports.ListItem=td,exports.ListItemDecorator=rd,exports.MainLayout=function({layout:o="side",navItems:a=[{label:"Home",icon:t.jsx(p,{}),path:"/"},{label:"About",icon:t.jsx(B,{}),path:"/about"},{label:"Settings",icon:t.jsx(f,{}),path:"/settings"},{label:"Help",icon:t.jsx(_e,{}),path:"/help"}],title:i="My App",children:n,onLayoutChange:l,onNavigate:s,sx:c={},...d}){const x=r.useTheme(),u=r.useMediaQuery(x.breakpoints.down("md"));r.useMediaQuery(x.breakpoints.down("lg"));const[h,m]=e.useState(!1),[g,b]=e.useState(!1),v=u?"top":o,y=({compact:e=!1})=>t.jsx(r.List,{sx:{py:1},children:a.map((o,a)=>t.jsx(r.Tooltip,{title:e?o.label:"",placement:"right",children:t.jsxs(r.ListItemButton,{onClick:()=>{s?.(o),m(!1)},sx:{color:"var(--Text)","&:hover":{backgroundColor:"var(--Container-High)"},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:o.icon}),!e&&t.jsx(r.ListItemText,{primary:o.label})]})},a))});return t.jsxs(r.Box,{sx:{minHeight:"100vh",backgroundColor:"var(--Background)",color:"var(--Text)",display:"flex",flexDirection:"column",...c},...d,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:[u&&"rail"!==v&&t.jsx(r.IconButton,{edge:"start",color:"inherit",onClick:()=>m(!h),sx:{mr:2},children:h?t.jsx(Se,{}):t.jsx(je,{})}),t.jsx(r.Typography,{variant:"h6",sx:{flex:1,fontWeight:700},children:i}),!u&&l&&t.jsxs(r.ToggleButtonGroup,{value:o,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)&&!u&&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)&&!u&&t.jsxs(r.Box,{sx:{width:g?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:[!g&&t.jsx(r.Typography,{variant:"h6",sx:{fontWeight:700,color:"var(--Text)"},children:"Menu"}),t.jsx(r.IconButton,{size:"small",onClick:()=>b(!g),sx:{color:"var(--Icons-Primary)"},children:g?"›":"‹"})]}),t.jsx(y,{compact:g})]}),u&&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=fl,exports.MenuButton=ml,exports.MenuDivider=bl,exports.MenuItem=gl,exports.MenuShowcase=function(){const[o,a]=e.useState("outline"),[i,n]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState(null),[x,u]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Ar,{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(Fo,{theme:c,surface:x,sx:{minHeight:250,alignItems:"flex-start",pt:6},children:t.jsxs(pl,{variant:o,color:i,size:l,children:[t.jsx(ml,{children:"Actions"}),t.jsxs(fl,{children:[t.jsx(gl,{children:"Edit"}),t.jsx(gl,{children:"Duplicate"}),t.jsx(gl,{selected:!0,children:"Archive"}),t.jsx(bl,{}),t.jsx(gl,{disabled:!0,children:"Delete"})]})]})}),t.jsx(xa,{code:(()=>{const e=[];return"outline"!==o&&e.push('variant="'+o+'"'),"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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:c,onThemeChange:d,surface:x,onSurfaceChange:u})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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(jl,{label:vl(e),selected:o===e,onClick:()=>a(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:yl.map(e=>t.jsxs(r.Box,{children:[t.jsx(Gr,{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(Sl,{color:e,selected:i===e,onClick:n},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(jl,{label:vl(e),selected:l===e,onClick:()=>s(e)},e))})]})]})}),t.jsx(Wo,{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(Rr,{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:o})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Mr,{children:[e,":"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.MeshCardGradient=e=>t.jsx(xs,{variant:"meshCard",...e}),exports.MeshGradient=e=>t.jsx(xs,{variant:"mesh",...e}),exports.MobileAppBar=dd,exports.Modal=function({open:o,onClose:a,children:i,title:n,variant:l="default",color:s="primary",size:c="medium",layout:d="center",transition:x="fade",transitionSpeed:u=250,closeOnBackdrop:h=!0,showCloseButton:p=!0,className:m="",sx:f={},...g}){const b=e.useRef(null),v=e.useRef(null),[y,j]=e.useState(!1);let S;try{S=ws()}catch{S=null}const B=S?.style||"Modern",k="soft"===l,w="solid"===l,C="fullscreen"===d,T=w||k?Ps[s]:null,z=Hs[l]||Hs.default,A=Ms[c]||Ms.medium,I=Es[x],R=I?I.name:void 0,W=u+"ms";return e.useEffect(()=>(o?(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=""}),[o]),e.useEffect(()=>{if(!o)return;const e=e=>{"Escape"===e.key&&a?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[o,a]),o||y?t.jsxs(t.Fragment,{children:["none"!==x&&t.jsx("style",{children:Os(x)}),t.jsx(r.Box,{"aria-hidden":"true",onClick:h?a: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-"+c+" modal-"+d+(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"},...f},...g,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"===c?"18px":"large"===c?"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:a,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)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},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"===c?"13px":"14px",lineHeight:1.6},children:i})]})]}):null},exports.NeutralToggleButtonGroup=e=>t.jsx(Fi,{variant:"neutral",...e}),exports.NumberField=ki,exports.NumberFieldShowcase=function(){const[o,a]=e.useState("outlined"),[i,n]=e.useState("outline"),[l,s]=e.useState("default"),[c,d]=e.useState("medium"),[x,u]=e.useState("top"),[h,p]=e.useState(!0),[m,f]=e.useState(!1),[g,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(Ar,{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(Fo,{theme:v,surface:j,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:"outlined"===o?300:"auto"},children:t.jsx(ki,{variant:o,style:i,color:l,size:c,label:h?"Quantity":void 0,labelPosition:x,min:0,max:100,disabled:m,fullWidth:g&&"outlined"===o})})}),t.jsx(xa,{code:(()=>{const e=['variant="'+o+'"'];return"outline"!==i&&e.push('style="'+i+'"'),"default"!==l&&e.push('color="'+l+'"'),"medium"!==c&&e.push('size="'+c+'"'),h&&e.push('label="Quantity"'),"top"!==x&&e.push('labelPosition="'+x+'"'),e.push("min={0}"),e.push("max={100}"),m&&e.push("disabled"),g&&"outlined"===o&&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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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(Ti,{label:wi(e),selected:o===e,onClick:()=>a(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(Ti,{label:wi(e),selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:Ci.map(e=>t.jsxs(r.Box,{children:[t.jsx(Gr,{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(zi,{color:e,selected:l===e,onClick:s},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(Ti,{label:wi(e),selected:c===e,onClick:()=>d(e)},e))})]}),"outlined"===o&&t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(Ti,{label:"none"===e?"None":wi(e),selected:x===e,onClick:()=>u(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(Xr,{children:"Show Label"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Text label above field"})]}),t.jsx(Ba,{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(Xr,{children:"Disabled"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Ba,{variant:"default-outline",checked:m,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]}),"outlined"===o&&t.jsxs(r.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(Xr,{children:"Full Width"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container"})]}),t.jsx(Ba,{variant:"default-outline",checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})}),t.jsx(Wo,{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(Rr,{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:o})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Mr,{children:[e,":"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.NumberLarge=at,exports.NumberMedium=ot,exports.NumberSmall=tt,exports.NumberTextField=function({label:e="Number",...r}){return t.jsx(Di,{label:e,type:"number",...r})},exports.OmniDesignProvider=function({themeURL:r,foundationCSS:o,coreCSS:a,typographyCSS:i,lightModeCSS:n,darkModeCSS:l,baseCSS:s,stylesCSS:c,defaultTheme:d="Default",defaultStyle:x="Modern",defaultSurface:u="Surface",surfaceStyle:h,defaultDarkMode:p=!1,darkTheme:m="Neutral",darkMode:f,onDarkModeChange:g,className:b,style:v,fullHeight:y=!0,children:j}){const[S,B]=e.useState(p),k=void 0!==f,w=k?f:S,[C,T]=e.useState({foundation:o??null,core:a??null,typography:i??null,lightMode:n??null,darkMode:l??null,base:s??null,styles:c??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(\?.*)?$/,""),o=await fetch(r);if(!o.ok)throw new Error(`OmniDesignProvider: could not load theme manifest from ${r} (${o.status})`);const a=await o.json(),i=e=>e?/^https?:\/\//i.test(e)?e:`${t}/${e}`:null;return{foundationURL:i(a.foundation),coreURL:i(a.core),typographyURL:i(a.typography),lightModeURL:i(a.lightMode),darkModeURL:i(a.darkMode),baseURL:i(a.base),stylesURL:i(a.styles),defaultTheme:a.defaultTheme??null,defaultStyle:a.defaultStyle??null,defaultSurface:a.defaultSurface??null,darkTheme:a.darkTheme??null,name:a.name??null}}(r).then(e=>{I.current&&(T({foundation:o??e.foundationURL,core:a??e.coreURL,typography:i??e.typographyURL,lightMode:n??e.lightModeURL,darkMode:l??e.darkModeURL,base:s??e.baseURL,styles:c??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?fs[h]?.theme??d:"Default"!==d?d:z.defaultTheme??d,W=h?fs[h]?.rootSurface??u:z.defaultSurface??u,F=z.defaultStyle??x,D="Neutral"!==m?m:z.darkTheme??m,[L,P]=e.useState(R),[H,M]=e.useState(F),[E,O]=e.useState(W),N=!!(r||o||a||i||n||l||s||c),[Q,V]=e.useState(N?"loading":"ready"),[G,q]=e.useState(null);e.useEffect(()=>{const{foundation:e,core:r,typography:t,base:o,styles:a}=C;if(e||r||t||o||a)return V("loading"),q(null),Promise.all([ks(gs,e),ks(bs,r),ks(vs,t).catch(e=>{console.warn("OmniDesignProvider: typography CSS did not load —",e.message)}),ks(js,o),ks(Ss,a)]).then(()=>{I.current&&V("ready")}).catch(e=>{I.current&&(console.error("OmniDesignProvider CSS error:",e),q(e.message),V("error"))}),()=>{Bs(gs),Bs(bs),Bs(vs),Bs(js),Bs(Ss)};V("ready")},[C.foundation,C.core,C.typography,C.base,C.styles]),e.useEffect(()=>{const e=w?C.darkMode:C.lightMode;e&&ks(ys,e,js).catch(e=>console.error("OmniDesignProvider mode CSS error:",e))},[w,C.lightMode,C.darkMode]),e.useEffect(()=>()=>Bs(ys),[]);const U=w?D:L,X=e.useCallback(()=>{k?g?.(!w):B(e=>!e)},[k,w,g]),Y=e.useCallback(e=>{hs.includes(e)||console.warn(`OmniDesignProvider: unknown theme "${e}"`),P(e)},[]),Z=e.useCallback(e=>{ps.includes(e)||console.warn(`OmniDesignProvider: unknown style "${e}"`),M(e)},[]),J=e.useCallback(e=>{ms.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:hs,styles:ps,surfaces:ms,name:z.name??null}),[U,H,E,w,Q,G,Y,Z,J,X,z.name]);return t.jsxs(us.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=Oa,exports.OmniTreeView=rc,exports.Overline=_r,exports.OverlineLarge=rt,exports.OverlineMedium=et,exports.OverlineSmall=$r,exports.Pagination=il,exports.PaginationShowcase=function(){const[o,a]=e.useState("default"),[i,n]=e.useState("medium"),[l,s]=e.useState(10),[c,d]=e.useState(!1),[x,u]=e.useState(!1),[h,p]=e.useState(!1),[m,f]=e.useState(null),[g,b]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Ar,{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(Fo,{theme:m,surface:g,children:t.jsx(il,{color:o,size:i,count:l,showFirstButton:c,showLastButton:x,disabled:h})}),t.jsx(xa,{code:(()=>{const e=[];return"default"!==o&&e.push('color="'+o+'"'),"medium"!==i&&e.push('size="'+i+'"'),10!==l&&e.push("count={"+l+"}"),c&&e.push("showFirstButton"),x&&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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:m,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:ll.map(e=>t.jsxs(r.Box,{children:[t.jsx(Gr,{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(cl,{color:e,selected:o===e,onClick:a},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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:nl(e),selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(Xr,{children:"First/Last Buttons"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show jump to first/last page"})]}),t.jsx(Ba,{variant:"default-outline",checked:c,onChange:e=>{d(e.target.checked),u(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(Xr,{children:"Disabled"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Ba,{variant:"default-outline",checked:h,onChange:e=>p(e.target.checked),size:"small","aria-label":"Disabled"})]})]})}),t.jsx(Wo,{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(Rr,{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:o})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Mr,{children:[e,":"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Paper=function({children:e,surface:o="Container",outlined:a=!1,variant:i=(a?"outlined":"elevation"),sx:n={},...l}){const{dataSurface:s,elevation:c}=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}}(o);return t.jsx(r.Paper,{variant:i,elevation:a?0:c,"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(Di,{label:e,type:"password",...r})},exports.PhoneTextField=function({label:e="Phone",placeholder:r="(555) 123-4567",...o}){return t.jsx(Di,{label:e,type:"tel",placeholder:r,...o})},exports.PieChart=function({data:o=[],donut:a=!1,donutRatio:i=.6,colors:n=Ex,separatorWidth:l=2,size:s=200,showLabels:c=!1,animate:d=!0,interactive:x=!0,label:u,className:h="",sx:p={},...m}){const f=wx(o),g=Cx(o),{slices:b,total:v,dropped:y}=Lx(f),{active:j,handlers:S}=qx(f.length),[B,k]=e.useState(!d);e.useEffect(()=>{if(!d)return;const e=requestAnimationFrame(()=>k(!0));return()=>cancelAnimationFrame(e)},[d]);const w=s/2,C=s/2,T=s/2-1,z=a?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 o=(e.start+e.end)/2,a=x&&j===r?4:0;return t.jsx("path",{d:Dx(w,C,z,T,e.start,e.end),fill:A(r).fill,stroke:"var(--Background)",strokeWidth:l,strokeLinejoin:"round",...x?S(r):{},style:{transform:`translate(${a*Math.sin(o)}px, ${-a*Math.cos(o)}px) scale(${B?1:0})`,transformOrigin:`${w}px ${C}px`,transformBox:"view-box",transition:`transform ${B?Gx:Vx}`}},r)}),c&&b.map((e,r)=>{const o=(e.start+e.end)/2,a=z+.62*(T-z);return e.fraction<.07?null:t.jsx("text",{x:w+a*Math.sin(o),y:C-a*Math.cos(o),textAnchor:"middle",dominantBaseline:"middle",fill:A(r).onFill,...Ox,children:g[r]},r)})]}),t.jsx(Qx,{caption:(u||`${a?"Donut":"Pie"} chart, ${b.length} segments`)+(y?`, ${y} non-positive values omitted`:""),labels:g,values:f})]})},exports.Popover=function({open:o=!1,onClose:a,anchorRef:i,placement:n="bottom-end",theme:l="Default",surface:s="Surface-Bright",width:c=320,maxHeight:d=400,children:u,sx:h={}}){const p=e.useRef(null),[m,f]=e.useState({top:0,left:0,right:"auto"});return e.useEffect(()=>{if(!o||!i?.current)return;const e=i.current.getBoundingClientRect();f("bottom-end"===n?{top:e.bottom+6,right:window.innerWidth-e.right,left:"auto"}:{top:e.bottom+6,left:e.left,right:"auto"})},[o,i,n]),e.useEffect(()=>{if(!o)return;const e=e=>{p.current?.contains(e.target)||i?.current?.contains(e.target)||a?.()};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[o,a,i]),e.useEffect(()=>{if(!o)return;const e=e=>{"Escape"===e.key&&a?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[o,a]),o?x.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:c,maxHeight:d,overflowY:"auto",backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",boxShadow:zt,...h},children:u}),document.body):null},exports.PrimaryToggleButtonGroup=e=>t.jsx(Fi,{variant:"primary",...e}),exports.RATIO_NAMES=Hn,exports.RadialGradient=e=>t.jsx(xs,{variant:"radial",...e}),exports.Radio=_i,exports.RadioGroup=function({color:e="primary",size:o="medium",label:a,options:i=[],value:n,onChange:l,orientation:s="vertical",labelPlacement:c="end",disabled:d=!1,spacing:x=1,name:u,className:h="",sx:p={},"aria-label":m,"aria-labelledby":f,...g}){return t.jsxs(r.FormControl,{component:"fieldset",disabled:d,className:"radio-group-"+e+" "+h,sx:p,children:[a&&t.jsx(r.FormLabel,{component:"legend",sx:{color:d?"var(--Text-Quiet)":"var(--Text)",fontSize:"small"===o?"13px":"15px",fontWeight:500,mb:1,"&.Mui-focused":{color:"var(--Text)"},"&.Mui-disabled":{color:"var(--Text-Quiet)",opacity:.6}},children:a}),t.jsx(r.RadioGroup,{value:n,onChange:l,name:u,"aria-label":m,"aria-labelledby":f,row:"horizontal"===s,sx:{display:"flex",flexDirection:"horizontal"===s?"row":"column",flexWrap:"horizontal"===s?"wrap":"nowrap",alignItems:"horizontal"===s?"center":"flex-start",gap:x},...g,children:i.map(r=>t.jsx(_i,{color:e,size:o,label:r.label,labelPlacement:c,value:r.value,disabled:r.disabled||d},r.value))})]})},exports.RadioInput=en,exports.Rail=hi,exports.RailShowcase=function(){const[o,a]=e.useState(!0),[i,n]=e.useState("partial"),[l,s]=e.useState(!1),[c,d]=e.useState(null),[x,u]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Ar,{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(Fo,{theme:c,surface:x,sx:{minHeight:400,alignItems:"stretch",p:0},children:[t.jsx(hi,{items:fi,expandable:o,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(Mr,{style:{color:"var(--Quiet)"},children:"Main content area"})})]}),t.jsx(xa,{code:(()=>{const e=["items={items}"];return o&&(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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:c,onThemeChange:d,surface:x,onSurfaceChange:u})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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(gi,{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(Xr,{children:"Expandable"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Toggle between collapsed and expanded"})]}),t.jsx(Ba,{variant:"default-outline",checked:o,onChange:e=>a(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(Xr,{children:"FAB Action"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show create button at top"})]}),t.jsx(Ba,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"FAB action"})]})]})}),t.jsx(Wo,{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(Rr,{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:o})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Mr,{children:[e,":"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.RangeSlider=nn,exports.Rating=cn,exports.RatingInput=cn,exports.Ratio=Nn,exports.RatioShowcase=function(){const[o,a]=e.useState("1:1"),[i,n]=e.useState("solid"),[l,s]=e.useState("primary"),[c,d]=e.useState("none"),[x,u]=e.useState(!1),[h,p]=e.useState(!1),[m,f]=e.useState(null),[g,b]=e.useState("Surface");return t.jsxs(Wn,{sx:{pb:8},children:[t.jsx(Ar,{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(Fo,{theme:m,surface:g,children:t.jsx(Wn,{sx:{width:"100%",maxWidth:480},children:t.jsx(Nn,{ratio:o,variant:i,color:l,padding:c,elevated:x,clickable:h})})}),t.jsx(xa,{code:(()=>{const e=['ratio="'+o+'"'];return"default"!==i&&e.push('variant="'+i+'"'),"default"!==l&&e.push('color="'+l+'"'),"none"!==c&&e.push('padding="'+c+'"'),x&&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(Wn,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Reference"})]}),t.jsx(Wo,{value:0,children:t.jsxs(Wn,{sx:{p:3},children:[t.jsx(Wn,{sx:{mb:3},children:t.jsx(Ho,{theme:m,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(Wn,{children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"VARIANT"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Gn.map(e=>t.jsx(Un,{label:Qn(e),selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(Wn,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:Vn.map(e=>t.jsxs(Wn,{children:[t.jsx(Gr,{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(Xn,{color:e,selected:l===e,onClick:s,variant:"default"===i?"solid":i},e))})]},e.label))})]}),t.jsxs(Wn,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PADDING"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:qn.map(e=>t.jsx(Un,{label:"none"===e?"None":e.toUpperCase(),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(Wn,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"RATIO"}),t.jsx(r.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Hn.map(e=>t.jsx(Un,{label:e,selected:o===e,onClick:()=>a(e)},e))})]}),t.jsxs(Wn,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(Wn,{children:[t.jsx(Xr,{children:"Elevated"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Bumps the shadow up one level"})]}),t.jsx(Ba,{checked:x,onChange:e=>u(e.target.checked),size:"small","aria-label":"Elevated"})]}),t.jsxs(Wn,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(Wn,{children:[t.jsx(Xr,{children:"Clickable"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Adds hover, press, and focus-visible"})]}),t.jsx(Ba,{checked:h,onChange:e=>p(e.target.checked),size:"small","aria-label":"Clickable"})]})]})}),t.jsx(Wo,{value:1,children:t.jsx(Wn,{sx:{p:3},children:t.jsxs(r.Stack,{spacing:3,children:[t.jsxs(Wn,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Rr,{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(Wn,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Mr,{children:e}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)"},children:r})]},e))})]}),t.jsxs(Or,{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(Oa,{direction:{xs:"column",[e]:"row"},...r}),exports.ScrollStack=({sx:e,...r})=>t.jsx(Oa,{sx:{overflowY:"auto",...e},...r}),exports.SearchField=xn,exports.SearchFieldShowcase=function(){const[o,a]=e.useState("default"),[i,n]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(!0),[x,u]=e.useState(null),[h,p]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Ar,{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(Fo,{theme:x,surface:h,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:400},children:t.jsx(xn,{color:o,size:i,disabled:l,showClearButton:c,placeholder:"Search..."})})}),t.jsx(xa,{code:(()=>{const e=[];return"default"!==o&&e.push('color="'+o+'"'),"medium"!==i&&e.push('size="'+i+'"'),c||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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:x,onThemeChange:u,surface:h,onSurfaceChange:p})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:hn.map(e=>t.jsxs(r.Box,{children:[t.jsx(Gr,{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(mn,{color:e,selected:o===e,onClick:a},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(pn,{label:un(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(Xr,{children:"Clear Button"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show clear when has value"})]}),t.jsx(Ba,{variant:"default-outline",checked:c,onChange:e=>d(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(Xr,{children:"Disabled"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Ba,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Disabled"})]})]})}),t.jsx(Wo,{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(Rr,{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:o})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Mr,{children:[e,":"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.SearchTextField=function({label:e="Search",placeholder:r="Type to search...",...o}){return t.jsx(Di,{label:e,type:"search",placeholder:r,...o})},exports.SecondaryToggleButtonGroup=e=>t.jsx(Fi,{variant:"secondary",...e}),exports.Section=Pn,exports.SectionShowcase=function(){return t.jsxs("div",{children:[t.jsx(Ar,{style:{marginBottom:12},children:"Section"}),t.jsxs(Or,{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(Ar,{style:{marginTop:24,marginBottom:12},children:"Theme + surface"}),t.jsx(Mr,{color:"quiet",style:{marginBottom:16,display:"block"},children:'Sets data-theme="Primary-Light" + data-surface="Surface", paints --Background.'}),t.jsxs(Pn,{theme:"Primary-Light",surface:"Surface",padding:"32px",style:{borderRadius:8},children:[t.jsx(Ar,{children:"Primary-Light surface"}),t.jsx(Or,{children:"Body text picks up --Text automatically."}),t.jsx(Mr,{color:"quiet",children:"Quiet text picks up --Text-Quiet."}),t.jsx("div",{style:{marginTop:12},children:t.jsx(Yt,{variant:"primary",children:"Primary button"})})]}),t.jsx(Ar,{style:{marginTop:32,marginBottom:12},children:"Container surface"}),t.jsxs(Pn,{surface:"Container",padding:"32px",style:{borderRadius:8},children:[t.jsx(Ar,{children:"Container surface (inherits theme)"}),t.jsx(Or,{children:"Useful for card-like regions."})]}),t.jsx(Ar,{style:{marginTop:32,marginBottom:12},children:"Different element"}),t.jsxs(Mr,{color:"quiet",style:{marginBottom:16,display:"block"},children:["Pass ",t.jsx("code",{children:'as="article"'}),", ",t.jsx("code",{children:'as="footer"'}),", etc."]}),t.jsxs(Pn,{as:"article",theme:"Neutral-Dark",surface:"Surface",padding:"32px",style:{borderRadius:8},children:[t.jsx(Ar,{children:"Neutral-Dark article"}),t.jsx(Or,{children:"Renders as an <article> element."})]})]})},exports.Select=So,exports.SelectShowcase=function(){const[o,a]=e.useState("outline"),[i,n]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("top"),[x,u]=e.useState("Fruit"),[h,p]=e.useState(!1),[m,f]=e.useState(!1),[g,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(Ar,{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(Fo,{theme:w,surface:T,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:360},children:t.jsx(So,{variant:o,color:i,size:l,label:x,labelPosition:c,mode:A?"color":void 0,showColorLabels:A?R:void 0,options:A?Mi:Hi,value:B,onChange:k,showDividers:h,disabled:m,fullWidth:g,startDecoration:v?(()=>{const e=ir[j]||ir.Search;return t.jsx(dt,{size:"small",children:t.jsx(e,{})})})():void 0})})}),t.jsx(xa,{code:(()=>{const e=[];return"outline"!==o&&e.push('variant="'+o+'"'),"default"!==i&&e.push('color="'+i+'"'),"medium"!==l&&e.push('size="'+l+'"'),x&&e.push('label="'+x+'"'),"top"!==c&&e.push('labelPosition="'+c+'"'),A&&e.push('mode="color"'),A&&!R&&e.push("showColorLabels={false}"),h&&e.push("showDividers"),m&&e.push("disabled"),g&&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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:w,onThemeChange:C,surface:T,onSurfaceChange:z})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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(Ei,{label:Li(e),selected:o===e,onClick:()=>a(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:Pi.map(e=>t.jsxs(r.Box,{children:[t.jsx(Gr,{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(Oi,{color:e,selected:i===e,onClick:n},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(Ei,{label:Li(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(Ei,{label:"none"===e?"None":Li(e),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(Xr,{children:"Start Icon"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Icon rendered before the value"})]}),t.jsx(Ba,{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(bo,{label:"Icon Name",value:j,onChange:e=>S(e.target.value),placeholder:"Search",variant:"primary-outline",size:"small",fullWidth:!0}),t.jsxs(Gr,{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(Xr,{children:"Dividers"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Lines between options"})]}),t.jsx(Ba,{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(Xr,{children:"Disabled"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Ba,{checked:m,onChange:e=>f(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(Xr,{children:"Color Mode"}),t.jsx(Gr,{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(Ba,{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(Xr,{children:"Show Color Labels"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Hide to render a swatch-only trigger (no text). Useful for compact color pickers."})]}),t.jsx(Ba,{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(Xr,{children:"Full Width"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container width"})]}),t.jsx(Ba,{checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})}),t.jsx(Wo,{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(Rr,{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:o})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Mr,{children:[e,":"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.SelectableCard=e=>t.jsx(Za,{clickable:!0,selected:e.selected,...e}),exports.SettingsPanel=function(){const{mode:o,switchMode:a}=function(r="light"){const[t,o]=e.useState(r);return e.useEffect(()=>{Sx("/styles/foundation.css","css-foundation"),Sx("/styles/core.css","css-core"),Sx("/styles/Light-Mode.css","css-mode"),Sx("/styles/base.css","css-base"),Sx("/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"),o(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",kx[e]||"32px"),"dark"===r&&a("dark")},[]);const c=e=>{s(e),localStorage.setItem("dino-platform",e),document.documentElement.style.setProperty("--Button-Height",kx[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(qs,{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(Rr,{children:"Settings"}),t.jsx(Yt,{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(Yr,{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(Yt,{variant:"light"===o?"primary":"primary-outline",size:"small",onClick:()=>a("light"),sx:{flex:1},children:"Light"}),t.jsx(Yt,{variant:"dark"===o?"primary":"primary-outline",size:"small",onClick:()=>a("dark"),sx:{flex:1},children:"Dark"})]})]}),t.jsxs(r.Box,{children:[t.jsx(Yr,{style:{color:"var(--Text)",opacity:.85,display:"block",marginBottom:12,fontWeight:600},children:"PLATFORM"}),t.jsx(r.Stack,{spacing:1,children:Bx.map(({value:e,label:o,note:a})=>{const i=l===e;return t.jsxs(r.Box,{onClick:()=>c(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(Mr,{style:{color:i?"var(--Buttons-Primary-Button)":"var(--Text)",fontWeight:i?600:400},children:o}),t.jsx(Gr,{style:{color:"var(--Text)",opacity:.7},children:a})]}),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(Yt,{variant:"primary-outline",size:"small",onClick:()=>{c("desktop"),a("light")},sx:{width:"100%"},children:"Reset to Defaults"})]})})]})},exports.Sidebar=function({open:o,onClose:a,items:i=[],onItemClick:n,width:l=280,variant:s="temporary",header:c,footer:d,sx:x={},...h}){const[p,m]=e.useState(null),[f,g]=e.useState({}),b=(e,r)=>{m(r),n?.(e),"temporary"===s&&a?.()},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:[c&&t.jsx(r.Box,{sx:{p:2,borderBottom:"1px solid var(--Border-Variant)"},children:"string"==typeof c?t.jsx(r.Typography,{variant:"h6",sx:{fontWeight:700},children:c}):c}),t.jsx(r.List,{sx:{flex:1,overflow:"auto",py:1},children:i.map((e,o)=>{const a=p===o,i=e.submenu&&e.submenu.length>0,n=f[o];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=>{g(r=>({...r,[e]:!r[e]}))})(o):b(e,o)},selected:a&&!i,sx:{backgroundColor:a&&!i?"var(--Buttons-Primary-Button)":"transparent",color:a&&!i?"var(--Buttons-Primary-Text)":"var(--Text)","&:hover":{backgroundColor:a&&!i?"var(--Buttons-Primary-Button)":"var(--Container-High)"},"&.Mui-selected":{backgroundColor:"var(--Buttons-Primary-Button)",color:"var(--Buttons-Primary-Text)","&:hover":{backgroundColor:"var(--Buttons-Primary-Button)"}},transition:"all 0.2s ease-in-out"},children:[e.icon&&t.jsx(r.ListItemIcon,{sx:{color:a&&!i?"var(--Buttons-Primary-Text)":"var(--Icons-Primary)",minWidth:40},children:e.badge?t.jsx(r.Badge,{badgeContent:e.badge,color:"error",children:e.icon}):e.icon}),t.jsx(r.ListItemText,{primary:e.label,primaryTypographyProps:{variant:"body2",fontWeight:a&&!i?600:500}}),i&&t.jsx(r.Box,{sx:{ml:1},children:n?t.jsx(Fe,{}):t.jsx(u,{})})]})})}),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,o)=>t.jsx(r.ListItem,{disablePadding:!0,children:t.jsxs(r.ListItemButton,{onClick:()=>b(e,o),sx:{pl:4,backgroundColor:"transparent",color:"var(--Text)","&:hover":{backgroundColor:"var(--Container-High)"},"&.Mui-selected":{backgroundColor:"var(--Buttons-Primary-Button)",color:"var(--Buttons-Primary-Text)"}},children:[e.icon&&t.jsx(r.ListItemIcon,{sx:{color:"var(--Icons-Primary)",minWidth:40},children:e.icon}),t.jsx(r.ListItemText,{primary:e.label})]})},o))})}),e.divider&&t.jsx(r.Divider,{sx:{my:1,borderColor:"var(--Border-Variant)"}})]},o)})}),d&&t.jsx(r.Box,{sx:{borderTop:"1px solid var(--Border-Variant)",p:2},children:"string"==typeof d?t.jsx(r.Typography,{variant:"caption",sx:{color:"var(--Text-Quiet)"},children:d}):d})]});return"permanent"===s?t.jsx(r.Box,{sx:{width:l,flexShrink:0,...x},children:y}):t.jsx(r.Drawer,{variant:v,open:o,onClose:a,PaperProps:{sx:{width:l,backgroundColor:"var(--Container)",color:"var(--Text)",...x}},...h,children:y})},exports.Slider=an,exports.SliderInput=an,exports.Snackbar=mc,exports.SnackbarShowcase=function(){const[o,a]=e.useState("light"),[i,n]=e.useState("info"),[l,s]=e.useState("medium"),[c,d]=e.useState("bottom"),[x,u]=e.useState(!0),[h,p]=e.useState(!0),[m,f]=e.useState(!1),[g,b]=e.useState(null),[v,y]=e.useState("Surface"),j=x&&bc[i]?t.jsx(dt,{size:"small",sx:{color:"inherit"},children:bc[i]}):void 0;return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Ar,{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(Fo,{theme:g,surface:v,children:t.jsx(Yt,{variant:"default",onClick:()=>f(!0),children:"Show Snackbar"})}),t.jsx(xa,{code:(()=>{const e=["open={open}"];return e.push('variant="'+o+'"'),"info"!==i&&e.push('color="'+i+'"'),"medium"!==l&&e.push('size="'+l+'"'),"bottom"!==c&&e.push('anchor="top"'),h&&e.push("onClose={handleClose}"),x&&bc[i]&&e.push("startDecorator={<Icon><"+fc(i)+"Icon /></Icon>}"),"<Snackbar\n "+e.join("\n ")+"\n>\n Operation completed successfully.\n</Snackbar>"})(),language:"JSX",wrap:!0,sx:{mt:2}}),t.jsx(mc,{open:m,onClose:h?()=>f(!1):void 0,variant:o,color:i,size:l,anchor:c,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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:g,onThemeChange:b,surface:v,onSurfaceChange:y})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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(vc,{label:fc(e),selected:o===e,onClick:()=>a(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:gc.map(e=>t.jsxs(r.Box,{children:[t.jsx(Gr,{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(yc,{color:e,selected:i===e,onClick:n},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(vc,{label:fc(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(vc,{label:fc(e),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(Xr,{children:"Show Icon"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Start decorator icon"})]}),t.jsx(Ba,{variant:"default-outline",checked:x,onChange:e=>u(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(Xr,{children:"Close Button"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show dismiss button"})]}),t.jsx(Ba,{variant:"default-outline",checked:h,onChange:e=>p(e.target.checked),size:"small","aria-label":"Close button"})]})]})}),t.jsx(Wo,{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(Rr,{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:o})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Mr,{children:[e,":"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.SolidTreeView=e=>t.jsx(rc,{variant:"solid",...e}),exports.SpaceBetweenStack=e=>t.jsx(Oa,{direction:"row",alignItems:"center",justifyContent:"space-between",...e}),exports.Spacing=function(){const e=({name:e,varName:o,baseValue:a})=>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(${o})`,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:o}),t.jsxs(r.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:["Base: ",a," (with cognitive multiplier)"]})]})]})}),o=({name:e,varName:o,value:a})=>t.jsxs(r.Box,{sx:{mb:2},children:[t.jsx(r.Box,{"aria-hidden":"true",sx:{width:100,height:a,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:o}),t.jsx(r.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:a})]});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(o,{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=rs,exports.SpeedDialShowcase=function(){const[o,a]=e.useState("solid"),[i,n]=e.useState("default"),[l,s]=e.useState("up"),[c,d]=e.useState(!0),[x,u]=e.useState(null),[h,p]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Ar,{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(Fo,{theme:x,surface:h,sx:{minHeight:300,alignItems:"flex-end",justifyContent:"center"},children:t.jsx(rs,{variant:o,color:i,direction:l,showTooltips:c,actions:as,ariaLabel:"Quick actions"})}),t.jsx(xa,{code:(()=>{const e=[];return"solid"!==o&&e.push('variant="'+o+'"'),"default"!==i&&e.push('color="'+i+'"'),"up"!==l&&e.push('direction="'+l+'"'),c||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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:x,onThemeChange:u,surface:h,onSurfaceChange:p})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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(is,{label:ts(e),selected:o===e,onClick:()=>a(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:os.map(e=>t.jsxs(r.Box,{children:[t.jsx(Gr,{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(ns,{color:e,selected:i===e,onClick:n},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(is,{label:ts(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(Xr,{children:"Tooltips"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show labels beside actions"})]}),t.jsx(Ba,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Show tooltips"})]})]})}),t.jsx(Wo,{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(Rr,{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:o})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Mr,{children:[e,":"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Stack=Ga,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(Ar,{children:"Stack"}),t.jsx(Or,{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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Why it matters"}),t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"API"})]}),t.jsx(Wo,{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(Ar,{children:"The problem"}),t.jsx(Or,{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(An,{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(wn,{href:"#",size:"small",children:"Terms of Service"}),t.jsx(wn,{href:"#",size:"small",children:"Privacy Policy"}),t.jsx(wn,{href:"#",size:"small",children:"Cookie Settings"})]}),rightContent:t.jsxs(Oa,{gap:.5,children:[t.jsx(wn,{href:"#",size:"small",children:"Terms of Service"}),t.jsx(wn,{href:"#",size:"small",children:"Privacy Policy"}),t.jsx(wn,{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(Ar,{children:"Mixed component sizes"}),t.jsx(Or,{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(An,{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(Yt,{variant:"primary",size:"medium",children:"Save changes"}),t.jsx(wn,{href:"#",size:"small",children:"Or discard"})]}),rightContent:t.jsxs(Oa,{gap:.25,children:[t.jsx(Yt,{variant:"primary",size:"medium",children:"Save changes"}),t.jsx(wn,{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(Ar,{children:"How detection works"}),t.jsx(Or,{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:o},a,i)=>t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:2,py:1.5,borderBottom:a<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(Mr,{style:{flex:"0 0 200px"},children:e}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]}),t.jsxs(r.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[t.jsx(Ar,{children:"Token-driven minimum"}),t.jsx(Or,{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(Tn,{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(Ar,{children:"Auditable opt-out"}),t.jsxs(Or,{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(Tn,{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(Wo,{value:1,children:t.jsx(In,{})}),t.jsx(Wo,{value:2,children:t.jsxs(r.Box,{sx:{pt:3},children:[t.jsx(Ar,{children:"OmniStack props"}),t.jsx(Or,{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:o,default:a,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(Gr,{style:{fontFamily:"monospace",color:"var(--Primary-Color-10)",fontWeight:600},children:e}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o}),t.jsxs(r.Box,{children:[t.jsx(Gr,{style:{color:"var(--Text)"},children:i}),t.jsxs(Gr,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:2},children:["Default: ",a]})]})]},e))}),t.jsx(Ar,{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:o},a,i)=>t.jsxs(r.Box,{sx:{display:"grid",gridTemplateColumns:"200px 1fr",gap:2,px:2,py:1.5,borderBottom:a<i.length-1?"1px solid var(--Border)":"none",backgroundColor:a%2==0?"transparent":"var(--Surface-Dim, var(--Surface))"},children:[t.jsx(Gr,{style:{fontFamily:"monospace",color:"var(--Primary-Color-10)",fontWeight:600},children:e}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)"},children:o})]},e))}),t.jsx(Ar,{children:"Debug attributes"}),t.jsx(Tn,{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.Step=Zl,exports.Stepper=Yl,exports.StepperShowcase=function(){const[o,a]=e.useState("default"),[i,n]=e.useState("medium"),[l,s]=e.useState("horizontal"),[c,d]=e.useState(4),[x,u]=e.useState(1),[h,p]=e.useState(!1),[m,f]=e.useState(!1),[g,b]=e.useState(null),[v,y]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Ar,{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(Fo,{theme:g,surface:v,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:"vertical"===l?300:"100%"},children:t.jsx(Yl,{color:o,size:i,orientation:l,activeStep:x,clickable:h,onStepClick:h?u:void 0,dashedIncomplete:m,children:$l.slice(0,c).map(e=>t.jsx(Zl,{label:e},e))})})}),t.jsx(xa,{code:(()=>{const e=[];return"default"!==o&&e.push('color="'+o+'"'),"medium"!==i&&e.push('size="'+i+'"'),"horizontal"!==l&&e.push('orientation="vertical"'),e.push("activeStep={"+x+"}"),h&&e.push("clickable onStepClick={setActiveStep}"),m&&e.push("dashedIncomplete"),"<Stepper "+e.join(" ")+">\n"+$l.slice(0,c).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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:g,onThemeChange:b,surface:v,onSurfaceChange:y})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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(_l,{label:String(e),selected:c===e,onClick:()=>{d(e),x>=e&&u(e-1)}},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ACTIVE STEP"}),t.jsx(r.Stack,{direction:"row",spacing:1,children:$l.slice(0,c).map((e,r)=>t.jsx(_l,{label:String(r+1),selected:x===r,onClick:()=>u(r)},r))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:Kl.map(e=>t.jsxs(r.Box,{children:[t.jsx(Gr,{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(es,{color:e,selected:o===e,onClick:a},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(_l,{label:Jl(e),selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(_l,{label:Jl(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(Xr,{children:"Clickable"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Steps are interactive buttons"})]}),t.jsx(Ba,{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(Xr,{children:"Dashed Incomplete"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Dashed connector for future steps"})]}),t.jsx(Ba,{variant:"default-outline",checked:m,onChange:e=>f(e.target.checked),size:"small","aria-label":"Dashed incomplete"})]})]})}),t.jsx(Wo,{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(Rr,{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:o})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Mr,{children:[e,":"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Subtitle=Dr,exports.Subtitle1=Pr,exports.Subtitle2=Hr,exports.SubtitleLarge=Fr,exports.SubtitleMedium=e=>t.jsx(Tr,{textStyle:"subtitle",...e}),exports.SubtitleSmall=Lr,exports.SuccessToggleButtonGroup=e=>t.jsx(Fi,{variant:"success",...e}),exports.Surfaced=function({surface:e,as:r="div",children:o,className:a,style:i,...n}){return t.jsx(r,{"data-surface":e,className:a,style:i,...n,children:o})},exports.Switch=ka,exports.SwitchInput=ka,exports.Tab=Ro,exports.TabList=Io,exports.TabPanel=Wo,exports.Table=function({children:e,columns:o,rows:a,footerRows:i,variant:n="default",color:l="primary",size:s="medium",stripe:c="none",stickyHeader:d=!1,stickyFooter:x=!1,className:u="",sx:h={},...p}){const m=od[s]||od.medium,f="solid"===n,g="outlined"===n,b="light"===n,v=(e=>e.charAt(0).toUpperCase()+e.slice(1))(l),y=g?"1px solid var(--Buttons-"+v+"-Border)":"none",j={};f&&(j["data-theme"]=v+"-Medium");const S=()=>{const e={fontWeight:600,fontSize:m.headerFontSize,textAlign:"left",padding:m.py+" "+m.px,borderBottom:"2px solid var(--Border)",color:"var(--Text)",whiteSpace:"nowrap"};return b?(e.backgroundColor="var(--Buttons-"+v+"-Button)",e.color="var(--Buttons-"+v+"-Text)"):e.backgroundColor=f?"var(--Hover)":"var(--Background)",d&&(e.position="sticky",e.top=0,e.zIndex=2),e},B=()=>{const e={fontWeight:600,fontSize:m.headerFontSize,textAlign:"left",padding:m.py+" "+m.px,borderTop:"2px solid var(--Border)",color:"var(--Text)",whiteSpace:"nowrap"};return b?(e.backgroundColor="var(--Buttons-"+v+"-Button)",e.color="var(--Buttons-"+v+"-Text)"):e.backgroundColor=f?"var(--Hover)":"var(--Background)",x&&(e.position="sticky",e.bottom=0,e.zIndex=2),e},k=e=>"none"===c?"Surface":"odd"===c?e%2==0?"Surface":"Surface-Dim":"even"===c&&e%2==0?"Surface-Dim":"Surface",w=()=>({padding:m.py+" "+m.px,fontSize:m.fontSize,color:"var(--Text)",borderBottom:"1px solid var(--Border)",textAlign:"left"});return t.jsx(r.Box,{className:"table-wrapper table-"+n+(f||b||g?" table-"+l:"")+" "+u,...j,sx:{width:"100%",overflow:"auto",border:y,borderRadius:g||b?"var(--Style-Border-Radius)":0,...h},children:t.jsx(r.Box,{component:"table",sx:{width:"100%",borderCollapse:"collapse",tableLayout:"fixed",fontFamily:"inherit","& thead th":S(),"& tbody td":w(),"& tfoot td, & tfoot th":B(),...d?{"& thead th":{...S(),position:"sticky",top:0,zIndex:2}}:{},...x?{"& tfoot td, & tfoot th":{...B(),position:"sticky",bottom:0,zIndex:2}}:{}},...p,children:o&&a?o&&a?t.jsxs(t.Fragment,{children:[t.jsx(r.Box,{component:"thead",children:t.jsx(r.Box,{component:"tr",children:o.map((e,o)=>t.jsx(r.Box,{component:"th",sx:{...S(),...e.width?{width:e.width}:{},...e.align?{textAlign:e.align}:{}},children:e.label||e.header||e},"h-"+o))})}),t.jsx(r.Box,{component:"tbody",children:a.map((e,a)=>t.jsx(r.Box,{component:"tr","data-surface":k(a),sx:{backgroundColor:"var(--"+k(a)+")"},children:(Array.isArray(e)?e:o.map(r=>e[r.field||r.key])).map((e,i)=>t.jsx(r.Box,{component:"td",sx:{...w(),...o[i]&&o[i].align?{textAlign:o[i].align}:{}},children:e},"c-"+a+"-"+i))},"r-"+a))}),i&&i.length>0&&t.jsx(r.Box,{component:"tfoot",children:i.map((e,a)=>t.jsx(r.Box,{component:"tr",children:(Array.isArray(e)?e:o.map(r=>e[r.field||r.key])).map((e,i)=>t.jsx(r.Box,{component:"td",sx:{...B(),...o[i]&&o[i].align?{textAlign:o[i].align}:{}},children:e},"fc-"+a+"-"+i))},"f-"+a))})]}):null:e})})},exports.Tabs=Ao,exports.TabsShowcase=function(){const[o,a]=e.useState("standard"),[i,n]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("horizontal"),[x,u]=e.useState(null),[h,p]=e.useState("Surface"),[m,f]=e.useState(!1),g="standard"===o?Zn:Jn;return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Ar,{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(Fo,{theme:x,surface:h,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:"vertical"===c?500:"100%",display:"flex",flexDirection:"vertical"===c?"row":"column"},children:t.jsxs(Ao,{defaultValue:0,variant:o,color:i,size:l,orientation:c,children:[t.jsxs(Io,{rounded:m,children:[t.jsx(Ro,{children:"Overview"}),t.jsx(Ro,{children:"Features"}),t.jsx(Ro,{children:"Pricing"})]}),t.jsx(Wo,{value:0,children:t.jsx(r.Box,{sx:{p:2},children:t.jsx(Or,{style:{color:"var(--Quiet)"},children:"Overview content goes here."})})}),t.jsx(Wo,{value:1,children:t.jsx(r.Box,{sx:{p:2},children:t.jsx(Or,{style:{color:"var(--Quiet)"},children:"Features content goes here."})})}),t.jsx(Wo,{value:2,children:t.jsx(r.Box,{sx:{p:2},children:t.jsx(Or,{style:{color:"var(--Quiet)"},children:"Pricing content goes here."})})})]})})}),t.jsx(xa,{code:(()=>{const e=[];return"standard"!==o&&e.push('variant="'+o+'"'),"default"!==i&&e.push('color="'+i+'"'),"medium"!==l&&e.push('size="'+l+'"'),"horizontal"!==c&&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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:x,onThemeChange:u,surface:h,onSurfaceChange:p})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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(Kn,{label:Yn("standard"===e?"default":e),selected:o===e,onClick:()=>(e=>{a(e),"standard"!==e&&"default"===i&&n("primary")})(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:g.map(e=>t.jsxs(r.Box,{children:[t.jsx(Gr,{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($n,{color:e,selected:i===e,onClick:n},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(Kn,{label:Yn(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(Kn,{label:Yn(e),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SHAPE"}),t.jsx(Ba,{label:"Rounded corners",checked:m,onChange:e=>f(e.target.checked)}),t.jsxs(Gr,{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(Wo,{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(Rr,{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:o})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Mr,{children:[e,":"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.TertiaryToggleButtonGroup=e=>t.jsx(Fi,{variant:"tertiary",...e}),exports.TextArea=function({error:e=!1,errorMessage:r="",rows:o=4,fullWidth:a=!0,...i}){return t.jsx(bo,{multiline:!0,rows:o,fullWidth:a,...e&&{validation:"error",validationMessage:r},...i})},exports.TextField=Di,exports.TextFieldGroup=function({fields:e=[],spacing:o=2,sx:a={},...i}){return t.jsx(r.Box,{sx:{display:"flex",flexDirection:"column",gap:`var(--Spacing-${o})`,width:"100%",...a},...i,children:e.map(e=>t.jsx(Di,{...e},e.id))})},exports.TextInput=bo,exports.ThemedZone=function({theme:e,surface:r,as:o="div",children:a,className:i,style:n,...l}){return t.jsx(o,{"data-theme":e,"data-surface":r,className:i,style:n,...l,children:a})},exports.ToggleButton=function({children:e,selected:o=!1,onChange:a,value:i,sx:n={},...l}){return t.jsx(r.ToggleButton,{value:i,selected:o,onChange:a,sx:{border:"1px solid var(--Border)",color:"var(--Text)",backgroundColor:o?"var(--Buttons-Primary-Button)":"transparent","&:hover":{backgroundColor:o?"var(--Buttons-Primary-Button)":"var(--Container-High)"},"&.Mui-selected":{backgroundColor:"var(--Buttons-Primary-Button)",color:"#fff","&:hover":{backgroundColor:"var(--Buttons-Primary-Button)"}},textTransform:"none",fontWeight:500,...n},...l,children:e})},exports.ToggleButtonGroup=Fi,exports.Toolbar=vi,exports.ToolbarShowcase=function(){const[o,a]=e.useState("floating"),[i,n]=e.useState("default"),[l,s]=e.useState("horizontal"),[c,d]=e.useState(!1),[x,u]=e.useState(null),[h,p]=e.useState("Surface");return t.jsxs(r.Box,{sx:{pb:8},children:[t.jsx(Ar,{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(Fo,{theme:x,surface:h,sx:{minHeight:200},children:t.jsx(vi,{items:ji,type:o,color:i,orientation:l,fab:c&&"floating"===o?{icon:t.jsx(ve,{}),label:"Create",onClick:()=>{}}:void 0})}),t.jsx(xa,{code:(()=>{const e=["items={items}"];return"floating"!==o&&e.push('type="contextual"'),"default"!==i&&e.push('color="'+i+'"'),"horizontal"!==l&&e.push('orientation="vertical"'),c&&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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:x,onThemeChange:u,surface:h,onSurfaceChange:p})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{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(Si,{label:yi(e),selected:o===e,onClick:()=>a(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(Si,{label:yi(e),selected:i===e,onClick:()=>n(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(Si,{label:yi(e),selected:l===e,onClick:()=>s(e)},e))})]}),"floating"===o&&t.jsxs(r.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(r.Box,{children:[t.jsx(Xr,{children:"FAB Button"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Add FAB to the right of toolbar"})]}),t.jsx(Ba,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"FAB button"})]})]})}),t.jsx(Wo,{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(Rr,{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:o})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Mr,{children:[e,":"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Tooltip=function({children:e,title:o,variant:a="solid",color:i="primary",size:n="medium",placement:l="bottom",arrow:s=!1,open:c,enterDelay:d=100,leaveDelay:x=0,describeChild:u=!1,className:h="",sx:p={},...m}){const f=nd[n]||nd.medium,g="solid"===a,b="light"===a,v="outline"===a,y=(e=>e.charAt(0).toUpperCase()+e.slice(1))(i),j=g?ad[i]:b?id[i]:null,S=v?"1px solid var(--Buttons-"+y+"-Border)":"none",B="var(--Background)",k=void 0===c?{}:{open:c};return t.jsx(r.Tooltip,{title:o?t.jsx(r.Box,{"data-theme":j||void 0,"data-surface":b?"Surface-Brightest":g?"Surface":void 0,className:"tooltip-content tooltip-"+a+" tooltip-"+i+" tooltip-"+n+" "+h,sx:{backgroundColor:"var(--Background)",color:"var(--Text)",border:S,borderRadius:"var(--Style-Border-Radius)",fontSize:f.fontSize,lineHeight:1.5,fontFamily:"inherit",padding:f.py+" "+f.px,maxWidth:f.maxWidth+"px",boxShadow:"0 2px 8px rgba(0,0,0,0.15)",...p},children:o}):"",placement:l,arrow:s,enterDelay:d,leaveDelay:x,describeChild:u,...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:f.arrowSize+"px"}}},...m,children:e})},exports.TreeBranch=function({label:e,icon:o,level:a=0,toggle:i="none",onToggle:n,disabled:l=!1,size:s="small",className:c="",sx:d={},children:x,...u}){const h=6===a&&"none"!==i?"none":i,p="on"===h,m="none"!==h,f=m?dx[a]||{padLeft:0,togglePadLeft:0}:xx[a]||xx[0],g={paddingTop:"8px",paddingRight:"8px",paddingBottom:"8px",paddingLeft:(f.padLeft??8)+"px"};return t.jsxs(r.Box,{className:"tree-branch tree-branch-"+s+" tree-branch-level-"+a+" tree-branch-toggle-"+h+(l?" tree-branch-disabled":"")+(c?" "+c:""),sx:{width:"100%",...d},...u,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",...g,border:"none",backgroundColor:"transparent",fontFamily:"inherit",color:"inherit",textAlign:"left",cursor:l?"not-allowed":"pointer",opacity:l?.5: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:(f.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(dt,{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!==f.slotPadLeft&&{paddingLeft:f.slotPadLeft+"px"}},children:[o&&t.jsx(r.Box,{sx:{display:"inline-flex",alignItems:"center",flexShrink:0},children:t.jsx(dt,{size:"small",children:o})}),null!=e&&t.jsx(Er,{style:{color:"inherit",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block",flex:1,minWidth:0},children:e})]})]}),p&&x&&t.jsx(r.Box,{role:"group",sx:{display:"flex",flexDirection:"column"},children:x})]})},exports.TreeViewShowcase=function(){const[o,a]=e.useState("solid"),[i,n]=e.useState("primary"),[l,s]=e.useState("default"),[c,d]=e.useState("slide"),[x,u]=e.useState("single"),[h,p]=e.useState(!1),[m,f]=e.useState(!1),[g,b]=e.useState(!1),[v,y]=e.useState(tc),[j,S]=e.useState(null),[B,k]=e.useState("Surface"),[w,C]=e.useState({}),T=e.useRef(null),z=ux(i),A=g?mx: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(Ar,{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(Fo,{ref:T,theme:j,children:t.jsx(r.Box,{sx:{width:"100%",maxWidth:360},children:t.jsx(rc,{color:i,variant:o,density:l,animation:c,selectionMode:x,checkboxSelection:h,disableSelection:m,items:A,defaultExpandedItems:["1","1-1","2"]})})}),t.jsx(xa,{code:(()=>{const e=["<OmniTreeView"];return"default"!==i&&e.push(' color="'+i+'"'),"default"!==o&&e.push(' variant="'+o+'"'),"default"!==l&&e.push(' density="'+l+'"'),"slide"!==c&&e.push(' animation="'+c+'"'),"single"!==x&&e.push(' selectionMode="'+x+'"'),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(Ao,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Io,{children:[t.jsx(Ro,{children:"Playground"}),t.jsx(Ro,{children:"Accessibility"})]}),t.jsx(Wo,{value:0,children:t.jsxs(r.Box,{sx:{p:3},children:[t.jsx(r.Box,{sx:{mb:3},children:t.jsx(Ho,{theme:j,onThemeChange:S,surface:B,onSurfaceChange:k})}),t.jsxs(r.Box,{children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsxs(r.Stack,{direction:"row",spacing:1,children:[t.jsx(vx,{label:"Solid",selected:"solid"===o,onClick:()=>a("solid")}),t.jsx(vx,{label:"Light",selected:"light"===o,onClick:()=>a("light")})]})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(r.Stack,{spacing:1.5,children:hx.map(e=>t.jsxs(r.Box,{children:[t.jsx(Gr,{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(yx,{color:e,selected:i===e,onClick:n},e))})]},e.label))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DENSITY"}),t.jsxs(r.Stack,{direction:"row",spacing:1,children:[t.jsx(vx,{label:"Compact",selected:"compact"===l,onClick:()=>s("compact")}),t.jsx(vx,{label:"Default",selected:"default"===l,onClick:()=>s("default")})]})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(vx,{label:ux(e),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SELECTION MODE"}),t.jsxs(r.Stack,{direction:"row",spacing:1,children:[t.jsx(vx,{label:"Single",selected:"single"===x,onClick:()=>u("single")}),t.jsx(vx,{label:"Multi",selected:"multi"===x,onClick:()=>u("multi")})]})]}),t.jsxs(r.Box,{sx:{mt:3},children:[t.jsx(Yr,{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(Xr,{children:"Show Icons"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Load sample data with icons and badges"})]}),t.jsx(Ba,{checked:g,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(Xr,{children:"Checkbox Selection"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show checkboxes for each item"})]}),t.jsx(Ba,{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(Xr,{children:"Disable Selection"}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Items are not selectable"})]}),t.jsx(Ba,{checked:m,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disable selection"})]})]}),!g&&t.jsx(r.Box,{sx:{mt:3},children:t.jsx(jx,{value:fx,onChange:y})})]})}),t.jsx(Wo,{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(Rr,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),t.jsx(bx,{label:"Resting: var(--Text-Quiet) vs. background",ratio:ma(w.textQuiet,w.background),threshold:4.5,note:"Unselected items use Text-Quiet"}),t.jsx(bx,{label:"Hover: var(--Text) vs. background",ratio:ma(w.text,w.background),threshold:4.5,note:"Hovered items use var(--Text)"}),t.jsx(bx,{label:"Active (solid): var(--Text) vs. var(--Buttons-"+z+"-Button)",ratio:ma(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(Rr,{children:"Focus Indicator (WCAG 2.4.11 — 3:1)"}),t.jsx(bx,{label:"var(--Focus-Visible) vs. background",ratio:ma(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(Rr,{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:o})=>t.jsxs(r.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Mr,{children:[e,":"]}),t.jsx(Gr,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})]})})})]})})})]})]})},exports.Typography=Tr,exports.URLTextField=function({label:e="Website",placeholder:r="https://example.com",...o}){return t.jsx(Di,{label:e,type:"url",placeholder:r,...o})},exports.VStack=Qa,exports.WarningToggleButtonGroup=e=>t.jsx(Fi,{variant:"warning",...e}),exports.WrapStack=Va,exports.chartGeometry=Hx,exports.default={},exports.useOmniDesign=ws,exports.useStepperContext=Xl,exports.useTabsContext=zo;
14
+ */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:8,labelFontSize:"13px",connectorThickness:1,gap:0},medium:{indicator:32,fontSize:"var(--Button-Numbers, 12px)",dot:12,labelFontSize:"14px",connectorThickness:2,gap:0},large:{indicator:40,fontSize:"var(--Lg-Button-Numbers, 16px)",dot:16,labelFontSize:"16px",connectorThickness:4,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+"px",minWidth:"20px",alignSelf:"flex-start",marginTop:y.indicator/2-y.connectorThickness/2+"px",marginLeft:"8px",marginRight:"8px"}:{width:y.connectorThickness+"px",minHeight:"24px",marginLeft:y.indicator/2-y.connectorThickness/2+"px",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:.5,medium:1,large:2};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+"px",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+"px",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+"px",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+"px",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+"px",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+"px",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;
15
15
  //# sourceMappingURL=index.js.map