@omni-design/components 0.7.3 → 0.7.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/index.esm.js +6 -6
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +6 -6
  4. package/dist/index.js.map +1 -1
  5. package/dist/types/components/Accordion/Accordion.d.ts +2 -1
  6. package/dist/types/components/Alert/Alert.d.ts +2 -1
  7. package/dist/types/components/Box/Box.d.ts +2 -25
  8. package/dist/types/components/ButtonGroup/ButtonGroup.d.ts +2 -1
  9. package/dist/types/components/Charts/BarChart.d.ts +33 -0
  10. package/dist/types/components/Charts/LineChart.d.ts +40 -0
  11. package/dist/types/components/Charts/PieChart.d.ts +38 -0
  12. package/dist/types/components/Charts/a11y.d.ts +65 -0
  13. package/dist/types/components/Charts/geometry.d.ts +72 -0
  14. package/dist/types/components/Charts/index.d.ts +5 -0
  15. package/dist/types/components/Charts/tokens.d.ts +37 -0
  16. package/dist/types/components/Input/Input.d.ts +108 -1
  17. package/dist/types/components/Rail/Rail.d.ts +3 -1
  18. package/dist/types/components/Snackbar/Snackbar.d.ts +2 -1
  19. package/dist/types/components/TextField/TextField.d.ts +24 -10
  20. package/dist/types/components/TreeView/TreeView.d.ts +2 -1
  21. package/dist/types/components/_shadows.d.ts +5 -5
  22. package/dist/types/components/index.d.ts +2 -0
  23. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@mui/material"),r=require("react/jsx-runtime"),o=require("@mui/icons-material/ContentCopy"),a=require("@mui/icons-material/Check"),n=require("@mui/icons-material/Person"),i=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"),u=require("react-dom"),x=require("@mui/icons-material/ExpandMore"),p=require("@mui/icons-material/Favorite"),h=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"),C=require("@mui/icons-material/FavoriteBorderOutlined"),w=require("@mui/icons-material/DeleteOutlined"),T=require("@mui/icons-material/SettingsOutlined"),I=require("@mui/icons-material/StarOutline"),A=require("@mui/icons-material/PersonOutlined"),z=require("@mui/icons-material/NotificationsOutlined"),R=require("@mui/icons-material/VisibilityOutlined"),E=require("@mui/icons-material/ShoppingCartOutlined"),L=require("@mui/icons-material/LockOutlined"),P=require("@mui/icons-material/HomeRounded"),O=require("@mui/icons-material/FavoriteRounded"),D=require("@mui/icons-material/DeleteRounded"),M=require("@mui/icons-material/SettingsRounded"),W=require("@mui/icons-material/SearchRounded"),F=require("@mui/icons-material/StarRounded"),N=require("@mui/icons-material/PersonRounded"),H=require("@mui/icons-material/NotificationsRounded"),V=require("@mui/icons-material/VisibilityRounded"),Q=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"),K=require("@mui/icons-material/DeleteTwoTone"),J=require("@mui/icons-material/SettingsTwoTone"),Y=require("@mui/icons-material/SearchTwoTone"),Z=require("@mui/icons-material/StarTwoTone"),$=require("@mui/icons-material/PersonTwoTone"),_=require("@mui/icons-material/NotificationsTwoTone"),ee=require("@mui/icons-material/VisibilityTwoTone"),te=require("@mui/icons-material/ShoppingCartTwoTone"),re=require("@mui/icons-material/LockTwoTone"),oe=require("@mui/icons-material/InfoTwoTone"),ae=require("@mui/icons-material/HomeSharp"),ne=require("@mui/icons-material/FavoriteSharp"),ie=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"),ue=require("@mui/icons-material/NotificationsSharp"),xe=require("@mui/icons-material/VisibilitySharp"),pe=require("@mui/icons-material/ShoppingCartSharp"),he=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"),Ce=require("@mui/icons-material/FormatUnderlined"),we=require("@mui/icons-material/FormatAlignLeft"),Te=require("@mui/icons-material/FormatAlignCenter"),Ie=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 ze=require("@mui/material/CircularProgress");require("@mui/icons-material/StarBorder");var Re=require("@mui/icons-material/StarHalf"),Ee=require("@mui/icons-material/Cancel"),Le=require("@mui/icons-material/ExpandLess"),Pe=require("@mui/icons-material/Image"),Oe=require("@mui/icons-material/ChevronLeft"),De=require("@mui/icons-material/ChevronRight"),Me=require("@mui/icons-material/FirstPage"),We=require("@mui/icons-material/LastPage"),Fe=require("@mui/icons-material/Explore"),Ne=require("@mui/icons-material/Radio"),He=require("@mui/icons-material/LibraryMusic"),Ve=require("@mui/icons-material/Bookmark"),Qe=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/material/styles"),Ue=require("@mui/material/Collapse"),Xe=require("@mui/material/Checkbox"),Ke=require("@mui/material/utils"),Je=require("@mui/icons-material/CloudUpload"),Ye=require("@mui/icons-material/Mail");require("@mui/icons-material/Inbox");var Ze=require("@mui/icons-material/Folder");require("@mui/icons-material/MoreVert"),require("@mui/icons-material/ImageOutlined");var $e=require("@mui/icons-material/ArrowBack"),_e=require("@mui/icons-material/AccountCircle"),et=require("@mui/icons-material/Twitter"),tt=require("@mui/icons-material/GitHub"),rt=require("@mui/icons-material/LinkedIn"),ot=require("@mui/icons-material/Help"),at=require("@mui/icons-material/FolderOpen"),nt=require("@mui/icons-material/InsertDriveFile"),it=require("@mui/icons-material/PictureAsPdf"),lt=require("@mui/icons-material/VideoLibrary");function st(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var ct=st(e),dt=st(ye);const ut=e=>`var(--${e}-Font-Family)`,xt="var(--Font-Family-Display, var(--Font-Family-Header, var(--Header-Font-Family)))",pt="var(--Font-Family-Eyebrow, var(--Decorative-Font-Family))",ht=(e,t)=>`var(--${e}-Font-Family, ${t})`,mt="var(--Font-Variation-Header, normal)",ft=(e,t)=>`var(--Eyebrow-${e}-${t}, var(--Overline-${e}-${t}))`,gt=e=>ft(e,"Font-Size"),bt=e=>ft(e,"Font-Weight"),vt=e=>ft(e,"Line-Height"),yt=e=>ft(e,"Letter-Spacing"),jt=e=>`var(--${e}-Font-Size)`,St=e=>`var(--${e}-Font-Weight)`,Bt=e=>`calc(var(--${e}-Line-Height) * var(--Cognitive-Multiplier, 1))`,kt=e=>`var(--${e}-Line-Height)`,Ct=e=>`var(--${e}-Letter-Spacing)`,wt={"display-large":{component:"h1",fontFamily:ht("Display-Large",xt),fontSize:jt("Display-Large"),fontWeight:St("Display-Large"),lineHeight:Bt("Display-Large"),letterSpacing:Ct("Display-Large"),defaultColor:"header",defaultWidth:"fill"},"display-medium":{component:"h1",fontFamily:ht("Display-Medium",xt),fontSize:jt("Display-Medium"),fontWeight:St("Display-Medium"),lineHeight:Bt("Display-Medium"),letterSpacing:Ct("Display-Medium"),defaultColor:"header",defaultWidth:"fill"},"display-small":{component:"h2",fontFamily:ht("Display-Small",xt),fontSize:jt("Display-Small"),fontWeight:St("Display-Small"),lineHeight:Bt("Display-Small"),letterSpacing:Ct("Display-Small"),defaultColor:"header",defaultWidth:"fill"},h1:{component:"h1",fontFamily:ut("Header"),fontVariationSettings:mt,fontSize:jt("H1"),fontWeight:St("H1"),lineHeight:Bt("H1"),letterSpacing:Ct("H1"),defaultColor:"header",defaultWidth:"fill"},h2:{component:"h2",fontFamily:ut("Header"),fontVariationSettings:mt,fontSize:jt("H2"),fontWeight:St("H2"),lineHeight:Bt("H2"),letterSpacing:Ct("H2"),defaultColor:"header",defaultWidth:"fill"},h3:{component:"h3",fontFamily:ut("Header"),fontVariationSettings:mt,fontSize:jt("H3"),fontWeight:St("H3"),lineHeight:Bt("H3"),letterSpacing:Ct("H3"),defaultColor:"header",defaultWidth:"fill"},h4:{component:"h4",fontFamily:ut("Header"),fontVariationSettings:mt,fontSize:jt("H4"),fontWeight:St("H4"),lineHeight:Bt("H4"),letterSpacing:Ct("H4"),defaultColor:"standard",defaultWidth:"fill"},h5:{component:"h5",fontFamily:ut("Header"),fontVariationSettings:mt,fontSize:jt("H5"),fontWeight:St("H5"),lineHeight:Bt("H5"),letterSpacing:Ct("H5"),defaultColor:"standard",defaultWidth:"fill"},h6:{component:"h6",fontFamily:ut("Header"),fontVariationSettings:mt,fontSize:jt("H6"),fontWeight:St("H6"),lineHeight:Bt("H6"),letterSpacing:Ct("H6"),defaultColor:"standard",defaultWidth:"fill"},"subtitle-large":{component:"p",fontFamily:ut("Body"),fontSize:jt("Subtitle-Large"),fontWeight:St("Subtitle-Large"),lineHeight:Bt("Subtitle-Large"),letterSpacing:Ct("Subtitle-Large"),defaultColor:"header",defaultWidth:"fill"},subtitle:{component:"p",fontFamily:ut("Body"),fontSize:jt("Subtitle-Medium"),fontWeight:St("Subtitle-Medium"),lineHeight:Bt("Subtitle-Medium"),letterSpacing:Ct("Subtitle-Medium"),defaultColor:"header",defaultWidth:"fill"},"subtitle-small":{component:"p",fontFamily:ut("Body"),fontSize:jt("Subtitle-Small"),fontWeight:St("Subtitle-Small"),lineHeight:Bt("Subtitle-Small"),letterSpacing:Ct("Subtitle-Small"),defaultColor:"header",defaultWidth:"fill"},"body-small":{component:"p",fontFamily:ut("Body"),fontSize:jt("Body-Small"),fontWeight:St("Body-Small"),lineHeight:Bt("Body-Small"),letterSpacing:Ct("Body-Small"),defaultColor:"standard",defaultWidth:"fill"},"body-small-semibold":{component:"p",fontFamily:ut("Body"),fontSize:jt("Body-Small"),fontWeight:St("Body-Small-Semibold"),lineHeight:Bt("Body-Small"),letterSpacing:Ct("Body-Small"),defaultColor:"standard",defaultWidth:"fill"},body:{component:"p",fontFamily:ut("Body"),fontSize:jt("Body-Medium"),fontWeight:St("Body-Medium"),lineHeight:Bt("Body-Medium"),letterSpacing:Ct("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-medium":{component:"p",fontFamily:ut("Body"),fontSize:jt("Body-Medium"),fontWeight:St("Body-Medium"),lineHeight:Bt("Body-Medium"),letterSpacing:Ct("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-semibold":{component:"p",fontFamily:ut("Body"),fontSize:jt("Body-Medium"),fontWeight:St("Body-Medium-Semibold"),lineHeight:Bt("Body-Medium"),letterSpacing:Ct("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-medium-semibold":{component:"p",fontFamily:ut("Body"),fontSize:jt("Body-Medium"),fontWeight:St("Body-Medium-Semibold"),lineHeight:Bt("Body-Medium"),letterSpacing:Ct("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-large":{component:"p",fontFamily:ut("Body"),fontSize:jt("Body-Large"),fontWeight:St("Body-Large"),lineHeight:Bt("Body-Large"),letterSpacing:Ct("Body-Large"),defaultColor:"standard",defaultWidth:"fill"},"body-large-semibold":{component:"p",fontFamily:ut("Body"),fontSize:jt("Body-Large"),fontWeight:St("Body-Large-Semibold"),lineHeight:Bt("Body-Large"),letterSpacing:Ct("Body-Large"),defaultColor:"standard",defaultWidth:"fill"},caption:{component:"span",fontFamily:ut("Body"),fontSize:jt("Caption"),fontWeight:St("Caption"),lineHeight:Bt("Caption"),letterSpacing:Ct("Caption"),defaultColor:"quiet",defaultWidth:"hug"},"caption-bold":{component:"span",fontFamily:ut("Body"),fontSize:jt("Caption"),fontWeight:St("Caption-Bold"),lineHeight:Bt("Caption"),letterSpacing:Ct("Caption"),defaultColor:"quiet",defaultWidth:"hug"},"label-extra-small":{component:"label",fontFamily:ut("Body"),fontSize:jt("Label-ExtraSmall"),fontWeight:St("Label-ExtraSmall"),lineHeight:kt("Label-ExtraSmall"),letterSpacing:Ct("Label-ExtraSmall"),defaultColor:"standard",defaultWidth:"hug"},"label-small":{component:"label",fontFamily:ut("Body"),fontSize:jt("Label-Small"),fontWeight:St("Label-Small"),lineHeight:kt("Label-Small"),letterSpacing:Ct("Label-Small"),defaultColor:"standard",defaultWidth:"hug"},label:{component:"label",fontFamily:ut("Body"),fontSize:jt("Label-Medium"),fontWeight:St("Label-Medium"),lineHeight:kt("Label-Medium"),letterSpacing:Ct("Label-Medium"),defaultColor:"standard",defaultWidth:"hug"},"label-medium":{component:"label",fontFamily:ut("Body"),fontSize:jt("Label-Medium"),fontWeight:St("Label-Medium"),lineHeight:kt("Label-Medium"),letterSpacing:Ct("Label-Medium"),defaultColor:"standard",defaultWidth:"hug"},"label-large":{component:"label",fontFamily:ut("Body"),fontSize:jt("Label-Large"),fontWeight:St("Label-Large"),lineHeight:kt("Label-Large"),letterSpacing:Ct("Label-Large"),defaultColor:"standard",defaultWidth:"hug"},legal:{component:"span",fontFamily:ut("Body"),fontSize:jt("Legal"),fontWeight:St("Legal"),lineHeight:Bt("Legal"),letterSpacing:Ct("Legal"),defaultColor:"quiet",defaultWidth:"hug"},"legal-semibold":{component:"span",fontFamily:ut("Body"),fontSize:jt("Legal"),fontWeight:St("Legal-Semibold"),lineHeight:Bt("Legal"),letterSpacing:Ct("Legal"),defaultColor:"quiet",defaultWidth:"hug"},"eyebrow-small":{component:"span",fontFamily:pt,fontSize:gt("Small"),fontWeight:bt("Small"),lineHeight:vt("Small"),letterSpacing:yt("Small"),textTransform:"uppercase",defaultColor:"eyebrow",defaultWidth:"hug"},eyebrow:{component:"span",fontFamily:pt,fontSize:gt("Medium"),fontWeight:bt("Medium"),lineHeight:vt("Medium"),letterSpacing:yt("Medium"),textTransform:"uppercase",defaultColor:"eyebrow",defaultWidth:"hug"},"eyebrow-large":{component:"span",fontFamily:pt,fontSize:gt("Large"),fontWeight:bt("Large"),lineHeight:vt("Large"),letterSpacing:yt("Large"),textTransform:"uppercase",defaultColor:"eyebrow",defaultWidth:"hug"},"number-small":{component:"span",fontFamily:ut("Body"),fontSize:jt("Number-Small"),fontWeight:St("Number-Small"),lineHeight:kt("Number-Small"),letterSpacing:Ct("Number-Small"),fontVariantNumeric:"tabular-nums",defaultColor:"standard",defaultWidth:"hug"},"number-medium":{component:"span",fontFamily:ut("Body"),fontSize:jt("Number-Medium"),fontWeight:St("Number-Medium"),lineHeight:kt("Number-Medium"),letterSpacing:Ct("Number-Medium"),fontVariantNumeric:"tabular-nums",defaultColor:"standard",defaultWidth:"hug"},"number-large":{component:"span",fontFamily:ut("Body"),fontSize:jt("Number-Large"),fontWeight:St("Number-Large"),lineHeight:kt("Number-Large"),letterSpacing:Ct("Number-Large"),fontVariantNumeric:"tabular-nums",defaultColor:"standard",defaultWidth:"hug"},"button-extra-small":{component:"span",fontFamily:ut("Body"),fontSize:jt("Button-ExtraSmall"),fontWeight:St("Button-ExtraSmall"),lineHeight:kt("Button-ExtraSmall"),letterSpacing:Ct("Button-ExtraSmall"),defaultColor:"standard",defaultWidth:"hug"},"button-small":{component:"span",fontFamily:ut("Body"),fontSize:jt("Button-Small"),fontWeight:St("Button-Small"),lineHeight:kt("Button-Small"),letterSpacing:Ct("Button-Small"),defaultColor:"standard",defaultWidth:"hug"},button:{component:"span",fontFamily:ut("Body"),fontSize:"var(--Button-Standard-Font-Size, var(--Button-Font-Size))",fontWeight:"var(--Button-Standard-Font-Weight, var(--Body-Font-Weight))",lineHeight:kt("Button-Standard"),letterSpacing:Ct("Button-Standard"),defaultColor:"standard",defaultWidth:"hug"},"button-standard":{component:"span",fontFamily:ut("Body"),fontSize:"var(--Button-Standard-Font-Size, var(--Button-Font-Size))",fontWeight:"var(--Button-Standard-Font-Weight, var(--Body-Font-Weight))",lineHeight:kt("Button-Standard"),letterSpacing:Ct("Button-Standard"),defaultColor:"standard",defaultWidth:"hug"}},Tt={"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"},It={"eyebrow-small":"overline-small",eyebrow:"overline","eyebrow-large":"overline-large"},At={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)"},zt={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)"},Rt=new Set(["h1","h2","h3","h4","h5","h6","display-large","display-medium","display-small","subtitle-large","subtitle","subtitle-small"]);function Et({children:e,textStyle:o="body",color:a,width:n,component:i,noWrap:l=!1,gutterBottom:s=!1,className:c="",sx:d={},...u}){const x=Tt[o]||o,p=wt[x]||wt.body,h="string"==typeof p.fontSize?p.fontSize.match(/--([\w-]+)-Font-Size/):null,m=h?h[1]:null,f=m?"var(--"+m+"-Text-Decoration, "+(p.textDecoration||"none")+")":p.textDecoration||"none",g=m?"var(--"+m+"-Text-Transform, "+(p.textTransform||"none")+")":p.textTransform||"none",b=function(e,t,r){const o=Rt.has(e);return(o?At:zt)[t||r]||(o?At.header:zt.standard)}(x,a,p.defaultColor),v=n||p.defaultWidth,y="fill"===v,j=i||p.component,S=a||p.defaultColor;return r.jsx(t.Box,{component:j,className:"typography typography-"+x+(It[x]?" typography-"+It[x]:"")+" typography-color-"+S+" typography-width-"+v+" "+c,sx:{fontFamily:p.fontFamily,fontVariationSettings:p.fontVariationSettings||"normal",fontSize:p.fontSize,fontWeight:p.fontWeight,lineHeight:p.lineHeight,letterSpacing:p.letterSpacing,textDecoration:f,textTransform:g,fontVariantNumeric:p.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},...u,children:e})}const Lt={"@supports (text-box-edge: cap alphabetic)":{textBoxTrim:"trim-both",textBoxEdge:"cap alphabetic",paddingTop:0,paddingBottom:0}},Pt=e=>r.jsx(Et,{textStyle:"h3",...e}),Ot=e=>r.jsx(Et,{textStyle:"h4",...e}),Dt=e=>r.jsx(Et,{textStyle:"h5",...e}),Mt=Ot,Wt=e=>r.jsx(Et,{textStyle:"subtitle-large",...e}),Ft=e=>r.jsx(Et,{textStyle:"subtitle",...e}),Nt=Wt,Ht=Ft,Vt=e=>r.jsx(Et,{textStyle:"body-small",...e}),Qt=e=>r.jsx(Et,{textStyle:"body-small-semibold",...e}),Gt=e=>r.jsx(Et,{textStyle:"body",...e}),qt=Gt,Ut=Vt,Xt=e=>r.jsx(Et,{textStyle:"body-large",...e}),Kt=e=>r.jsx(Et,{textStyle:"caption",...e}),Jt=e=>r.jsx(Et,{textStyle:"label",...e}),Yt=e=>r.jsx(Et,{textStyle:"eyebrow-small",...e}),Zt=e=>r.jsx(Et,{textStyle:"eyebrow",...e}),$t=e=>r.jsx(Et,{textStyle:"eyebrow",...e}),_t=e=>r.jsx(Et,{textStyle:"eyebrow-large",...e}),er=Yt,tr=Zt,rr=$t,or=_t,ar=e=>r.jsx(Et,{textStyle:"button-extra-small",...e}),nr=e=>r.jsx(Et,{textStyle:"button-small",...e}),ir=e=>r.jsx(Et,{textStyle:"button",...e}),lr={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},sr={xs:"12px",small:"16px",medium:"24px",large:"32px"},cr=sr;function dr({children:e,color:o="default",size:a="medium",fontSize:n,disabled:i=!1,twoTone:l=!1,className:s="",sx:c={},"aria-label":d,...u}){const x=lr[o]||"Default",p="custom"===a&&n?"number"==typeof n?n+"px":n:cr[a]||cr.medium,h="default"===o?"inherit":"var(--Icons-"+x+")",m="var(--Icons-Variant-"+x+")";return r.jsx(t.Box,{component:"span",className:"icon icon-"+o+" icon-"+a+(i?" 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:p,color:h,opacity:i?.38:1,cursor:i?"not-allowed":"inherit",lineHeight:1,flexShrink:0,...l&&{"--twotone-variant":m},"& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"},...c},...u,children:e})}const ur="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",xr={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral"},pr={"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 hr={"xxx-small":"7px","xx-small":"var(--Legal-Font-Size)","x-small":"var(--Number-Small-Font-Size)",small:"var(--Number-Small-Font-Size)",medium:"var(--Number-Medium-Font-Size)",large:"var(--Number-Medium-Font-Size)","x-large":"var(--Number-Large-Font-Size)","xx-large":"var(--Number-Large-Font-Size)"};function mr({src:o,defaultPhoto:a=!0,alt:i,initials:l,icon:s,color:c="default",size:d="x-small",customSize:u,clickable:x=!1,onClick:p,insideButton:h=!1,className:m="",sx:f={},...g}){const[b,v]=e.useState(!1),y="custom"===d&&u?{size:u}:pr[d]||pr.medium,j=xr[c]||xr.default,S=o||(!a||l||s?void 0:ur),B=S&&!b,k=!B&&l,C=!B&&!k,w=x||!!p,T=B?"transparent":"var(--Buttons-"+j+"-Button)",I="var(--Buttons-"+j+"-Border)",A="var(--Buttons-"+j+"-Text)",z=w?"button":"div";return r.jsxs(t.Box,{component:z,type:w?"button":void 0,role:w?"button":"img","aria-label":i||l||"Avatar",tabIndex:w?0:void 0,onClick:w?p:void 0,className:"avatar avatar-"+d+" avatar-"+c+(w?" 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?"none":"2px solid "+I,...h&&{marginLeft:"2px",marginRight:"2px"},...w&&{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&&r.jsx(t.Box,{component:"img",src:S,alt:i||"Avatar",onError:()=>v(!0),sx:{width:"100%",height:"100%",objectFit:"cover",borderRadius:"50%"}}),k&&(()=>{const{Comp:e,token:t}=function(e){switch(e){case"xxx-small":case"xx-small":case"x-small":return{Comp:Yt,token:"Overline-Small"};case"small":case"medium":case"large":default:return{Comp:Zt,token:"Overline-Medium"};case"x-large":case"xx-large":return{Comp:_t,token:"Overline-Large"}}}(d);return r.jsx(e,{sx:{color:"inherit",fontSize:hr[d]||hr.medium,lineHeight:1,textAlign:"center",marginInlineEnd:`calc(-1 * var(--${t}-Letter-Spacing, 0px))`,...Lt},"aria-hidden":"true",children:l.slice(0,2).toUpperCase()})})(),C&&r.jsx(dr,{size:d,sx:{color:"inherit"},children:s||r.jsx(n,{})})]})}function fr({children:o,max:a=5,size:n="medium",spacing:i=-8,className:l="",sx:s={},...c}){const d=e.Children.toArray(o),u=d.slice(0,a),x=d.length-a;return r.jsxs(t.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:i+"px"},...s},...c,children:[u,x>0&&r.jsx(mr,{initials:"+"+x,size:n,color:"neutral",sx:{border:"2px solid var(--Background)",zIndex:0}})]})}const gr=["primary","secondary","tertiary","neutral","info","success","warning","error"],br=e=>e.charAt(0).toUpperCase()+e.slice(1);function vr(){const e={};return gr.forEach(t=>{e[t]=function(e){const t=br(e);return{bg:"var(--Buttons-"+t+"-Button)",text:"var(--Buttons-"+t+"-Text)",border:"none"}}(t),e[t+"-outline"]=function(e){return{bg:"var(--Background)",text:"var(--Text)",border:"1px solid var(--Buttons-"+br(e)+"-Border)"}}(t),e[t+"-light"]=function(e){const t=br(e);return{bg:"var(--Buttons-"+t+"-Button)",text:"var(--Buttons-"+t+"-Text)",border:"1px solid var(--Buttons-"+t+"-Border)"}}(t)}),e}const yr={small:{minW:16,height:16,fontSize:"10px",padding:"0 4px",dotSize:8},medium:{minW:20,height:20,fontSize:"12px",padding:"0 6px",dotSize:10},large:{minW:24,height:24,fontSize:"14px",padding:"0 8px",dotSize:12}};function jr({variant:e="primary",size:o="medium",badgeContent:a,max:n=99,showZero:i=!1,invisible:l=!1,dot:s=!1,overlap:c="rectangular",anchorOrigin:d={vertical:"top",horizontal:"right"},children:u,className:x="",sx:p={},...h}){const m=vr(),f=m[e]||m.primary,g=yr[o]||yr.medium;let b=a;s?b="":"number"==typeof a&&a>n&&(b=n+"+");const v=l||!s&&!i&&(0===a||null==a),y={"& .MuiBadge-badge":{minWidth:s?g.dotSize:g.minW,height:s?g.dotSize:g.height,padding:s?0:g.padding,fontSize:g.fontSize,fontWeight:600,fontFamily:"var(--Body-Font-Family)",lineHeight:1,borderRadius:s?"50%":g.height/2+"px",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"},...p};return r.jsx(t.Badge,{badgeContent:s?"":b,max:n,showZero:i,invisible:v,overlap:c,anchorOrigin:d,variant:s?"dot":"standard",className:"badge-"+e+" "+x,sx:y,...h,children:u})}const Sr={1:[[.5,1,1]],2:[[1,2,2],[2,4,4]],3:[[1,2,2],[2,4,4],[3,6,6]],4:[[1,2,2],[2,4,4],[4,8,8],[8,16,16]],5:[[1,2,2],[2,4,4],[4,8,8],[8,16,16],[16,32,32]]},Br=[.2,.17,.15,.13,.11];function kr(e){return Sr[e].map(([e,t,r],o)=>`${e}px ${t}px ${r}px ${`var(--Dropshadow-Color-${o+1}, rgba(var(--Dropshadow-Color, 20, 20, 20), ${Br[o]}))`}`).join(", ")}const Cr=kr(1),wr=kr(2),Tr=kr(3),Ir=kr(4),Ar=kr(5),zr=(e,t)=>0===e?"none":"var(--Effect-Level-"+e+", "+t+")",Rr={0:"none",1:zr(1,Cr),2:zr(2,wr),3:zr(3,Tr),4:zr(4,Ir),5:zr(5,Ar)},Er={"black-white":"BlackWhite"},Lr=e=>{return Er[e]||(t=e).charAt(0).toUpperCase()+t.slice(1);var t},Pr={small:"Sm-",medium:"",large:"Lg-"};function Or(e,t){const r=Lr(e),o=(e,t)=>`color-mix(in srgb, rgb(var(${e}, ${t})) calc(var(--Button-Bevel-Opacity, 0.5) * 100%), transparent)`,a="var(--_bevel)",n="calc(-1 * var(--_bevel))",i=Pr[t],l=void 0===i?(e,t)=>t:(e,t)=>`var(--${i}Button-${e}, ${t})`;return[`inset ${l("Lowlight-Offset-x",n)} ${l("Lowlight-Offset-y",n)} ${l("Lowlight-Blur-Radius",a)} ${l("Lowlight-Spread",n)} `+o(`--Buttons-${r}-Lowlight`,"0 0 0"),`inset ${l("Highlight-Offset-x",a)} ${l("Highlight-Offset-y",a)} ${l("Highlight-Blur-Radius",a)} ${l("Highlight-Spread",n)} `+o(`--Buttons-${r}-Highlight`,"255 255 255")].join(", ")}const Dr={small:"4px 2px",medium:"4px 2px",large:"4px"},Mr={small:{avatar:"xxx-small",icon:"small"},medium:{avatar:"xx-small",icon:"medium"},large:{avatar:"small",icon:"large"}};function Wr(t,r){if(!e.isValidElement(t))return t;const o=Mr[r]||Mr.medium;return t.type===mr?e.cloneElement(t,{size:o.avatar,insideButton:!0}):t.type===dr?e.cloneElement(t,{size:o.icon}):t}const Fr=["default","primary","secondary","tertiary","neutral","info","success","warning","error"],Nr=Lr;function Hr(e,t=!1,r=!1,o="medium"){const a=Nr(e),n=Or(e,o),i=t?Cr:"none";return{backgroundColor:`var(--Buttons-${a}-Button)`,color:`var(--Buttons-${a}-Text)`,border:`var(--Button-Border-Width) solid var(--Buttons-${a}-Border)`,boxShadow:"none"===i?n:`${n}, ${i}`,position:"relative",zIndex:1,"& .MuiTouchRipple-rippleVisible":{color:`var(--Buttons-${a}-Hover)`,zIndex:-1},"&:hover":{backgroundColor:`var(--Buttons-${a}-Hover)`,boxShadow:`${n}, ${t?wr:Cr}`,...!r&&{transform:"translateY(-1px)"}},"&:active":{backgroundColor:`var(--Buttons-${a}-Pressed)`,boxShadow:n,...!r&&{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 Vr(e,t=!1){return{backgroundColor:"transparent",color:"var(--Text)",border:`var(--Button-Border-Width) solid var(--Buttons-${Nr(e)}-Border)`,boxShadow:"none","& .MuiTouchRipple-rippleVisible":{color:"var(--Hover)"},"&:hover":{backgroundColor:"var(--Hover)",boxShadow:"none",...!t&&{transform:"translateY(-1px)"}},"&:active":{backgroundColor:"var(--Pressed)",...!t&&{transform:"translateY(0)"}},"&.Mui-focusVisible":{backgroundColor:"transparent",outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}}}function Qr(e,t=!1){return{backgroundColor:"transparent",color:e?"var(--Hotlink)":"var(--Quiet)",border:"var(--Button-Border-Width) solid transparent",boxShadow:"none",textDecoration:"none",...e&&{"& .btn-text-content":{textDecoration:"underline"}},"& .MuiTouchRipple-rippleVisible":{color:"var(--Hover)"},"&:hover":{backgroundColor:"var(--Hover)",boxShadow:"none",...!t&&{transform:"translateY(-1px)"},...e?{"& .btn-text-content":{textDecoration:"none"}}:{color:"var(--Text)"}},"&:active":{backgroundColor:"var(--Pressed)",...!t&&{transform:"translateY(0)"},...e?{"& .btn-text-content":{textDecoration:"none"}}:{color:"var(--Text)"}},"&.Mui-focusVisible":{backgroundColor:"transparent",outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px",...e&&{"& .btn-text-content":{textDecoration:"none"}}}}}const Gr=/-light$/,qr=new Set;const Ur={small:"var(--Small-Button-Height)",medium:"var(--Button-Height)",large:"var(--Large-Button-Height)"},Xr={small:{minHeight:"var(--Small-Button-Height)",minWidth:"var(--Button-Min-Width)",fontSize:"13px","--_height":"var(--Small-Button-Height)"},large:{minHeight:"var(--Large-Button-Height)",minWidth:"var(--Lg-Button-Min-Width, var(--Button-Min-Width))",fontSize:"17px","--_height":"var(--Large-Button-Height)"},medium:{minHeight:"var(--Button-Height)",minWidth:"var(--Button-Min-Width)",fontSize:"15px","--_height":"var(--Button-Height)"}};function Kr({variant:o="default",size:a="medium",elevated:n=!1,selected:i=!1,fullWidth:l=!1,disabled:s=!1,iconOnly:c=!1,letterNumber:d=!1,avatar:u=!1,swatch:x=!1,swatchColor:p,startIcon:h,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:C,className:w="",sx:T={},...I}){const A=c||u||x;if("production"!==process.env.NODE_ENV){const t=I["aria-label"]||I["aria-labelledby"]||I.title;A&&!t&&console.error('[OmniDesign] An icon-only <Button> has no accessible name. A screen reader announces it as just "button". Add aria-label="…" describing the ACTION ("Delete item"), not the icon ("trash").'),t&&e.Children.forEach(C,e=>{const r=e?.props?.["aria-label"]||e?.props?.titleAccess;r&&console.error('[OmniDesign] <Button> is labelled "'+t+'" but also contains an icon labelled "'+r+"\". A screen reader reads both. Remove the icon's label — the button owns the name.")})}const z=!A,R=l&&!A&&!d,E=function(e){const t=String(e||"default");if(!Gr.test(t))return t;const r=t.replace(Gr,"");return"production"===process.env.NODE_ENV||qr.has(t)||(qr.add(t),console.warn('[Button] variant="'+t+'" — the -light shape was removed. Rendering variant="'+r+'" (solid). Use a Buttons mode for colour and solid / -outline / ghost / text for shape.')),r}(!u&&!x||"ghost"!==o&&"text"!==o?o:"primary"),L=function(e,t=!1,r=!1,o="medium"){const a={};return Fr.forEach(e=>{a[e]=Hr(e,t,r,o),a[`${e}-outline`]=Vr(e,r)}),a["black-white"]=Hr("black-white",t,r,o),a["black-white-outline"]=Vr("black-white",r),a.danger=Hr("error",t,r,o),a.outline=Vr("default",r),a.ghost=Qr(e,r),a.text=Qr(e,r),a}(z,n,i,a),P=L[E]||L.default,O=function({size:e,iconOnly:t,letterNumber:r,avatar:o}){const a=Xr[e]||Xr.medium,n=Ur[e]||Ur.medium;if(t)return{height:n,width:n,minWidth:"unset",minHeight:"unset",fontSize:o?"small"===e?"var(--Button-ExtraSmall-Font-Size)":"large"===e?"18px":"14px":"small"===e?"0.875rem":a.fontSize,padding:"0","--_height":n};return r?{...a,minHeight:n,minWidth:n,padding:"0"}:{...a,padding:"large"===e?"0 var(--Lg-Button-Padding)":"0 var(--Button-Padding)"}}({size:a,iconOnly:A,letterNumber:d,avatar:u}),D="small"===a?nr:ir,M=void 0!==f?Wr(f,a):void 0,W=void 0!==g?Wr(g,a):void 0,F=j||("small"===a?"small":"large"===a?"large":"medium"),N=r.jsxs(r.Fragment,{children:[r.jsx(t.GlobalStyles,{styles:{'[class*="btn-"] .MuiButton-startIcon, [class*="btn-"] .MuiButton-icon':{marginLeft:"0px !important",marginRight:"2px !important"},'[class*="btn-"] .MuiButton-endIcon':{marginLeft:"2px !important",marginRight:"0px !important"},'[class*="btn-"] .MuiButton-iconSizeSmall .MuiSvgIcon-root, [class*="btn-"] .MuiButton-iconSizeSmall > *':{fontSize:sr.small+" !important"},'[class*="btn-"] .MuiButton-iconSizeMedium .MuiSvgIcon-root, [class*="btn-"] .MuiButton-iconSizeMedium > *':{fontSize:sr.medium+" !important"},'[class*="btn-"] .MuiButton-iconSizeLarge .MuiSvgIcon-root, [class*="btn-"] .MuiButton-iconSizeLarge > *':{fontSize:sr.large+" !important"}}}),r.jsx(t.Button,{size:a,...R&&{fullWidth:!0},disabled:s,startIcon:void 0!==M?M:u?(()=>{if(u&&C){const e=Ur[a]||Ur.medium,o="small"===a?"var(--Button-ExtraSmall-Font-Size)":"large"===a?"18px":"14px";return r.jsx(t.Avatar,{sx:{width:e,height:e,backgroundColor:"inherit",color:"inherit",fontSize:o},children:C})}return h})():h,endIcon:void 0!==W?W:m,className:`btn-${o} ${w}`,role:"button",sx:{borderRadius:u?"var(--Large-Button-Height)":c||x?"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)"}},...O,...P,"&.MuiButton-root":{padding:O.padding??"0 var(--Sizing-1)"},"& .MuiButton-startIcon":{display:"inherit",color:"inherit",marginLeft:"0px !important",marginRight:u?"0px !important":"2px !important"},...u&&{"& .MuiAvatar-root":{fontSize:"small"===a?"var(--Button-ExtraSmall-Font-Size)":"large"===a?"18px":"14px"}},"& .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:P.backgroundColor,color:P.color,border:P.border,boxShadow:"none"},...x&&{border:"var(--Button-Border-Width) solid var(--Border)",padding:"1px",width:Ur[a]||Ur.medium,height:Ur[a]||Ur.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)"}},...R&&{width:"100%"},...T},...I,...x?{style:{backgroundColor:"transparent"}}:{},children:u?null:x?r.jsx(t.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))",...p?{backgroundColor:p}:{}}}):(()=>{if(A)return C;if(d){const e="small"===a?ar:D;return r.jsx(e,{component:"span",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:"4px",color:"inherit",lineHeight:1,...Lt},children:C})}return"string"==typeof C||"number"==typeof C?r.jsx(t.Box,{component:"span",className:"btn-text-content",sx:{display:"inline-flex",alignItems:"center",padding:Dr[a]||Dr.medium},children:r.jsx(D,{component:"span",sx:{color:"inherit",...Lt},children:C})}):C})()})]});return b?r.jsx(jr,{variant:y,size:F,badgeContent:v,dot:S,max:B,anchorOrigin:k,showZero:0===v,children:N}):N}const Jr=["default","primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],Yr=e=>"Default"===e?"var(--Quiet)":"var(--Buttons-"+e+"-Border)";function Zr(){const e={};return Jr.forEach(t=>{e[t]=function(e){const t=Lr(e);return{color:t,borderToken:Yr(t),icon:"var(--Buttons-"+t+"-Border)"}}(t)}),e}const $r=/-(outline|light|solid)$/,_r=new Set;function eo(e){const t=Zr();return t[function(e){const t=String(e||"default");if(!$r.test(t))return t;const r=t.replace($r,"");return"production"===process.env.NODE_ENV||_r.has(t)||(_r.add(t),console.warn('[Checkbox] variant="'+t+'" — the -outline/-light/-solid shapes were removed; a Checkbox has one look and `variant` selects colour only. Rendering variant="'+r+'". Update the call site.')),r}(e)]||t.default}const to={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 ro({size:e,variant:o,checked:n,indeterminate:l}){const s=eo(o),c=to[e]||to.medium,d=n||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 r.jsx(t.Box,{className:"chk-box-icon",sx:{width:c.box,height:c.box,boxSizing:"border-box",borderRadius:x,border:"2px solid "+u,overflow:"hidden",flexShrink:0,transition:"border-color 0.15s ease-in-out"},children:r.jsx(t.Box,{sx:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"var(--Background)",color:"var(--Text)",transition:"background-color 0.15s ease-in-out"},children:d&&(l?r.jsx(i,{sx:{fontSize:c.icon,color:s.icon}}):r.jsx(a,{sx:{fontSize:c.icon,color:s.icon}}))})})}function oo({size:e,variant:t}){return r.jsx(ro,{size:e,variant:t,checked:!1,indeterminate:!1})}function ao({size:e,variant:t}){return r.jsx(ro,{size:e,variant:t,checked:!0,indeterminate:!1})}function no({size:e,variant:t}){return r.jsx(ro,{size:e,variant:t,checked:!1,indeterminate:!0})}const io=["primary","secondary","tertiary","neutral","info","success","warning","error"],lo=e=>e.charAt(0).toUpperCase()+e.slice(1);function so(e){return{bg:"var(--Hover)",border:"var(--Buttons-"+lo(e)+"-Border)",text:"var(--Text)",focusBg:"var(--Hover)"}}function co(e){const t=lo(e);return{bg:"var(--Buttons-"+t+"-Light-Button, var(--Hover))",border:"var(--Buttons-"+t+"-Border)",text:"var(--Text)",focusBg:"var(--Buttons-"+t+"-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}},xo={small:{height:"48px",fontSize:"13px",labelSize:"11px",padding:"20px var(--Input-Padding, 12px) 4px",leftPad:12,iconSize:16},medium:{height:"56px",fontSize:"15px",labelSize:"12px",padding:"22px var(--Input-Padding, 14px) 6px",leftPad:14,iconSize:18},large:{height:"64px",fontSize:"17px",labelSize:"14px",padding:"24px var(--Input-Padding, 16px) 6px",leftPad:16,iconSize:20}},po={info:d,success:l,warning:s,error:c},ho={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 mo({variant:e="primary-outline",size:o="medium",label:a,labelPosition:n="standard",placeholder:i,helperText:l,validation:s,validationMessage:c,disabled:d=!1,value:u,defaultValue:x,onChange:p,name:h,type:m="text",multiline:f=!1,rows:g,maxRows:b,startAdornment:v,endAdornment:y,fullWidth:j=!1,className:S="",sx:B={},"aria-label":k,"aria-labelledby":C,"aria-describedby":w,"aria-required":T,"aria-invalid":I,inputProps:A={},...z}){const R=function(){const e={};return io.forEach(t=>{e[t+"-outline"]=so(t),e[t+"-light"]=co(t)}),e.outline=so("primary"),e.light=co("primary"),e}(),E=R[e]||R["primary-outline"],L="floating"===n;e.endsWith("-light");const P=L?xo[o]||xo.medium:uo[o]||uo.medium,O=e.replace(/-outline$/,"").replace(/-light$/,"");lo(O);const D="var(--Text)",M=s?ho[s]:null,W=s?po[s]:null,F=M?M.border:E.border,N={...A,...k&&{"aria-label":k},...C&&{"aria-labelledby":C},...w&&{"aria-describedby":w},...T&&{"aria-required":T},...I&&{"aria-invalid":I}};return r.jsxs(t.Box,{className:"inp-"+e+" "+S,sx:{width:j?"100%":"auto",...B},children:[(()=>{if(!a||L)return null;const e="small"===o?Vt:Gt;return r.jsx(e,{component:"label",sx:{display:"block",marginBottom:"6px",color:d?"var(--Quiet)":"var(--Text)",fontSize:P.labelSize,fontWeight:500,opacity:d?.6:1},children:a})})(),r.jsx(t.Box,{sx:{border:"1px solid "+F,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","&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:r.jsx(t.Box,{children:r.jsx(t.TextField,{value:u,defaultValue:x,onChange:p,name:h,type:m,disabled:d,placeholder:i,multiline:f,rows:g,maxRows:b,fullWidth:!0,label:L?a:void 0,variant:"outlined",size:"small"===o?"small":"medium",inputProps:N,InputProps:{startAdornment:v?r.jsx(t.InputAdornment,{position:"start",children:v}):void 0,endAdornment:(()=>{if(y)return r.jsx(t.InputAdornment,{position:"end",children:y})})()},sx:{"& .MuiOutlinedInput-root":{backgroundColor:"var(--Hover)",color:"var(--Quiet)",fontSize:P.fontSize,minHeight:f?"auto":P.height,padding:0,borderRadius:0,transition:"color 0.15s ease-in-out",...L&&{alignItems:"flex-end"},"& fieldset":{border:"none"},"&.Mui-focused":{color:D},"&:not(.Mui-focused) .MuiOutlinedInput-input:not(:placeholder-shown)":{color:D},"&.Mui-disabled":{opacity:.6,cursor:"not-allowed"},"& input":{padding:P.padding,color:"inherit","&::placeholder":{color:"var(--Quiet)",opacity:1}},"& textarea":{padding:P.padding,color:"inherit","&::placeholder":{color:"var(--Quiet)",opacity:1}},"& .MuiInputAdornment-root":{color:"var(--Quiet)"},...L&&{"& .MuiInputAdornment-positionStart":{marginLeft:(P.leftPad||14)+"px",marginRight:"4px",marginBottom:"8px"},"& .MuiInputAdornment-positionEnd":{marginRight:"8px",marginBottom:"8px"},...v&&{"& input":{paddingLeft:"4px"},"& textarea":{paddingLeft:"4px"}}}},"& .MuiInputLabel-root":{color:"var(--Quiet)",fontSize:P.fontSize,transformOrigin:"top left",transform:"translate("+((P.leftPad||14)+(v?32:0))+"px, 16px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate("+((P.leftPad||14)+(v?32:0))+"px, 6px) scale(0.75)",color:"var(--Quiet)"},"&.Mui-focused":{color:D},"&.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"}},...z})})}),s&&c?r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:"6px",marginTop:"4px",marginLeft:"2px"},children:[W&&r.jsx(W,{sx:{fontSize:P.iconSize,color:M.icon,flexShrink:0}}),r.jsx(t.FormHelperText,{sx:{color:M.text,fontSize:"small"===o?"11px":"12px",margin:0},children:c})]}):l?r.jsx(t.FormHelperText,{sx:{color:"var(--Quiet)",fontSize:"small"===o?"11px":"12px",marginTop:"4px",marginLeft:"2px"},children:l}):null]})}const fo=e=>e.charAt(0).toUpperCase()+e.slice(1),go={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}},bo={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 vo({options:o=[],value:n,defaultValue:i="",onChange:l,label:s,labelPosition:c="top",size:d="medium",variant:p="outline",color:h="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={},...C}){const w="default"===h?"primary":h,T=fo(w),I="var(--Buttons-"+T+"-Border)",A="default"===h?"var(--Text)":"var(--Text-"+T+")",[z,R]=e.useState(i),[E,L]=e.useState(!1),[P,O]=e.useState(!1),[D,M]=e.useState({top:0,left:0,width:0,direction:"down"}),W=e.useRef(null),F=e.useRef(null),[N,H]=e.useState(null),[V,Q]=e.useState(null),G=void 0!==n,q=G?n:z,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:"",K=""!==q&&null!=q,J="floating"===c,Y="top"===c,Z="color"===f,$=J?bo[d]||bo.medium:go[d]||go.medium,_=e.useCallback(e=>{G||R(e),l?.(e),L(!1),F.current?.focus()},[G,l]),ee=e.useCallback(()=>{if(!F.current)return{top:0,left:0,width:0};const e=F.current.getBoundingClientRect(),t=window.innerHeight-e.bottom,r=e.top,o=t>=240||t>=r?"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}},[]),te=e.useCallback(()=>{j||L(e=>(e||M(ee()),!e))},[j,ee]);e.useEffect(()=>{if(!E)return;const e=e=>{!W.current||W.current.contains(e.target)||e.target.closest("[data-select-dropdown]")||L(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[E]),e.useEffect(()=>{if(!E||!F.current)return;const e=F.current.closest("[data-theme]"),t=F.current.closest("[data-surface]");H(e?.getAttribute("data-theme")||null),Q(t?.getAttribute("data-surface")||null);const r=()=>M(ee());return window.addEventListener("scroll",r,!0),window.addEventListener("resize",r),()=>{window.removeEventListener("scroll",r,!0),window.removeEventListener("resize",r)}},[E,ee]);const re=e.useRef(null),oe=e.useCallback(e=>{const t=re.current;if(!t)return;const r=t.querySelectorAll('[role="option"]');if(!r.length)return;const o=t.querySelector('[role="option"]:focus');let a=Array.prototype.indexOf.call(r,o);a="down"===e?a<r.length-1?a+1:0:a>0?a-1:r.length-1,r[a].focus()},[]);e.useEffect(()=>{E&&requestAnimationFrame(()=>{const e=re.current;if(!e)return;const t=e.querySelector('[aria-selected="true"]'),r=e.querySelector('[role="option"]');(t||r)?.focus()})},[E]);const ae=E?u.createPortal(r.jsx(t.Box,{ref:re,"data-select-dropdown":!0,"data-theme":N||void 0,role:"listbox","aria-label":s||"Options",sx:{position:"fixed",top:D.top??"unset",bottom:D.bottom??"unset",left:D.left,width:D.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 n=(o,n,i)=>{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,u=function(e,t,r){const o=fo(r||"default");return t?"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,w),x=n===i-1;return r.jsxs(e.Fragment,{children:[r.jsxs(t.Box,{role:"option",tabIndex:-1,"aria-selected":d,"aria-label":Z&&!v?s:void 0,onClick:()=>_(l),onKeyDown:e=>((e,t)=>{if("Enter"===e.key||" "===e.key)return e.preventDefault(),void _(t);"ArrowDown"===e.key&&(e.preventDefault(),oe("down")),"ArrowUp"===e.key&&(e.preventDefault(),oe("up")),"Escape"===e.key&&(L(!1),F.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",...u,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:[Z&&c&&r.jsx(t.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}}),(!Z||v)&&r.jsx(Vt,{style:{flex:1,color:"inherit",fontWeight:"inherit"},children:s}),d&&r.jsx(dr,{size:"small",sx:{opacity:.6,flexShrink:0},children:r.jsx(a,{})})]}),b&&!x&&r.jsx(t.Box,{"aria-hidden":"true",sx:{height:"1px",backgroundColor:"var(--Border)",mx:1,my:.25}})]},l)};return o.map((a,i)=>{if(a&&Array.isArray(a.options)){const o=a.options;return r.jsxs(e.Fragment,{children:[r.jsx(t.Box,{role:"presentation",sx:{px:1.5,pt:0===i?.75:1.25,pb:.5,fontSize:"11px",fontFamily:"inherit",fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase",color:"var(--Text-Quiet)"},children:a.label}),o.map((e,t)=>n(e,t,o.length))]},"group-"+(a.label||i))}return n(a,i,o.length)})})()}),document.body):null;return r.jsxs(t.Box,{ref:W,className:"select-wrapper select-"+d+" select-label-"+c+" select-style-"+m+" select-variant-"+p+(E?" select-open":"")+(j?" select-disabled":"")+(B?" "+B:""),sx:{position:"relative",width:S?"100%":"auto",display:"inline-block",fontFamily:"inherit",...k},...C,children:[Y&&s&&(()=>{const e="small"===d?Vt:Gt;return r.jsx(e,{component:"label",style:{display:"block",marginBottom:"6px",color:j?"var(--Quiet)":"var(--Text)",fontWeight:500,opacity:j?.6:1},children:s})})(),r.jsx(t.Box,{sx:{border:"1px solid "+I,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:r.jsx(t.Box,{children:r.jsxs(t.Box,{ref:F,component:"button",type:"button",role:"combobox","aria-expanded":E,"aria-haspopup":"listbox","aria-label":s||g,tabIndex:j?-1:0,onClick:te,onKeyDown:e=>"Escape"===e.key?(L(!1),void F.current?.focus()):"Enter"===e.key||" "===e.key?(e.preventDefault(),void te()):E||"ArrowDown"!==e.key&&"ArrowUp"!==e.key?(E&&"ArrowDown"===e.key&&(e.preventDefault(),oe("down")),void(E&&"ArrowUp"===e.key&&(e.preventDefault(),oe("up")))):(e.preventDefault(),void L(!0)),onFocus:()=>O(!0),onBlur:()=>O(!1),sx:{display:"flex",alignItems:"center",gap:1,width:"100%",minWidth:140,height:$.height,padding:$.padding,backgroundColor:"var(--Hover)",border:"none",borderRadius:0,color:K||E?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&&r.jsx(t.Box,{sx:{display:"flex",alignItems:"center",flexShrink:0,color:"var(--Text-Quiet)"},children:y}),J&&s&&r.jsx(t.Box,{sx:{position:"absolute",top:K||E?"6px":"50%",left:($.leftPad||14)+(y?32:0)+"px",transform:K||E?"scale(0.75)":"translateY(-50%)",transformOrigin:"top left",color:E?A:"var(--Quiet)",fontSize:$.fontSize,fontWeight:400,pointerEvents:"none",transition:"top 0.15s ease, transform 0.15s ease, color 0.15s ease"},children:s}),r.jsx(t.Box,{sx:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",...J&&{mt:K||E?"8px":0}},children:Z&&K?r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:[r.jsx(t.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&&r.jsx(Vt,{style:{color:"inherit",padding:0},children:X})]}):r.jsx(Vt,{style:{color:"inherit",padding:0},children:K?X:J&&s?"":g})}),r.jsx(x,{sx:{fontSize:($.iconSize||18)+"px",color:"var(--Text-Quiet)",transform:E?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease",flexShrink:0}})]})})}),ae]})}const yo={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},jo={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},So={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Bo={small:{px:"10px",py:"6px",fontSize:"13px",iconSize:"16px",gap:"4px",indicatorThickness:"3px",minHeight:"32px"},medium:{px:"14px",py:"8px",fontSize:"14px",iconSize:"18px",gap:"6px",indicatorThickness:"3px",minHeight:"40px"},large:{px:"18px",py:"10px",fontSize:"16px",iconSize:"20px",gap:"8px",indicatorThickness:"3px",minHeight:"48px"}},ko=e.createContext({value:0,setValue:()=>{},variant:"standard",color:"primary",size:"medium",orientation:"horizontal",scrollable:!1,tabsId:""}),Co=()=>e.useContext(ko);function wo({children:o,defaultValue:a=0,value:n,onChange:i,variant:l="standard",color:s="primary",size:c="medium",orientation:d="horizontal",scrollable:u=!1,className:x="",sx:p={},...h}){const[m,f]=e.useState(a),g=void 0!==n,b=g?n:m,v=e.useId(),y=e.useCallback(e=>{g||f(e),i?.(e)},[g,i]);return r.jsx(ko.Provider,{value:{value:b,setValue:y,variant:l,color:s,size:c,orientation:d,scrollable:u,tabsId:v},children:r.jsx(t.Box,{className:"tabs tabs-"+d+" tabs-"+c+" tabs-"+l+("standard"!==l?" tabs-"+s:"")+(u?" tabs-scrollable":"")+" "+x,sx:{display:"flex",flexDirection:"horizontal"===d?"column":"row",width:"100%",overflow:"hidden",...p},...h,children:o})})}function To({children:o,rounded:a=!1,className:n="",sx:i={},...l}){const{variant:s,color:c,size:d,orientation:u,scrollable:x,tabsId:p}=Co(),h=e.useRef(null),m=e.useRef(null),[f,g]=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?yo[c]:S?jo[c]:B?So[c]:void 0,C=j?void 0:B?"Surface-Dimmest":S?"Surface-Brightest":"Surface",w=e.useCallback(()=>{const e=m.current;e&&x&&y&&(g(e.scrollLeft>1),v(e.scrollLeft<e.scrollWidth-e.clientWidth-1))},[x,y]);e.useEffect(()=>{w();const e=m.current;if(!e||!x)return;e.addEventListener("scroll",w,{passive:!0});const t=new ResizeObserver(w);return t.observe(e),()=>{e.removeEventListener("scroll",w),t.disconnect()}},[x,w]);const T=e=>{const t=m.current;if(!t)return;const r=.6*t.clientWidth;t.scrollBy({left:e*r,behavior:"smooth"})},I={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((t,r)=>e.cloneElement(t,{_index:r,key:t.key||r}));return r.jsxs(t.Box,{ref:h,"data-theme":k||void 0,"data-surface":C||void 0,className:"tab-list tab-list-"+s+" tab-list-"+d+" tab-list-"+u+(x?" tab-list-scrollable":"")+" "+n,onKeyDown:e=>{const t=x?m.current:h.current,r=t?.querySelectorAll('[role="tab"]:not([aria-disabled="true"])');if(!r?.length)return;const o=Array.from(r).indexOf(document.activeElement);if(o<0)return;const a=y?"ArrowRight":"ArrowDown",n=y?"ArrowLeft":"ArrowUp";if(e.key===a){e.preventDefault();const t=r[(o+1)%r.length];t.focus(),x&&t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})}else if(e.key===n){e.preventDefault();const t=r[(o-1+r.length)%r.length];t.focus(),x&&t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})}else"Home"===e.key?(e.preventDefault(),r[0].focus(),x&&r[0].scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})):"End"===e.key&&(e.preventDefault(),r[r.length-1].focus(),x&&r[r.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,...i},...l,children:[x&&y&&r.jsx(t.Box,{component:"button","aria-label":"Scroll tabs left",onClick:()=>T(-1),disabled:!f,className:"tab-list-scroll-btn tab-list-scroll-btn-left",sx:I,children:"‹"}),x&&y?r.jsx(t.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}):r.jsx(t.Box,{ref:m,role:"tablist","aria-orientation":u,sx:{display:"flex",flexDirection:y?"row":"column",flex:1},children:A}),x&&y&&r.jsx(t.Box,{component:"button","aria-label":"Scroll tabs right",onClick:()=>T(1),disabled:!b,className:"tab-list-scroll-btn tab-list-scroll-btn-right",sx:I,children:"›"})]})}function Io({children:e,value:o,_index:a=0,disabled:n=!1,startDecorator:i,endDecorator:l,iconOnly:s=!1,className:c="",sx:d={},...u}){const{value:x,setValue:p,variant:h,color:m,size:f,orientation:g,tabsId:b}=Co(),v=Bo[f]||Bo.medium,y="horizontal"===g,j="standard"===h,S="light"===h,B="dark"===h,k=void 0!==o?o:a,C=x===k,w=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"===h?yo[m]:S?jo[m]:B?So[m]:void 0,I=j?void 0:B?"Surface-Dimmest":S?"Surface-Brightest":"Surface",A="tab-"+b+"-"+k,z="tabpanel-"+b+"-"+k;return r.jsxs(t.Box,{component:"button",role:"tab",id:A,"data-theme":T||void 0,"data-surface":I||void 0,"aria-selected":C,"aria-controls":z,"aria-disabled":n||void 0,tabIndex:C?0:-1,onClick:()=>{n||p(k)},className:"tab tab-"+f+(C?" tab-selected":"")+(n?" tab-disabled":"")+(s?" tab-icon-only":"")+" "+c,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:v.gap,padding:s?"calc("+v.py+" + 4px) "+v.py+" "+v.py:"calc("+v.py+" + 4px) "+v.px+" "+v.py+" "+v.px,minHeight:v.minHeight,fontSize:v.fontSize,fontFamily:"inherit",fontWeight:500,lineHeight:1.3,color:C?"var(--Text)":"var(--Quiet)",backgroundColor:"transparent",border:"none",borderBottom:y?C?v.indicatorThickness+" solid "+w:v.indicatorThickness+" solid transparent":"none",borderRight:y?"none":C?v.indicatorThickness+" solid "+w:v.indicatorThickness+" solid transparent",cursor:n?"not-allowed":"pointer",opacity:n?.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",...!n&&{"&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},...d},...u,children:[i&&r.jsx(t.Box,{className:"tab-start-decorator",sx:{display:"inline-flex",fontSize:v.iconSize,lineHeight:1,flexShrink:0},children:i}),!s&&e&&(()=>{const t="small"===f?Kt:Vt;return r.jsx(t,{style:{color:"inherit",fontWeight:"inherit"},children:e})})(),l&&r.jsx(t.Box,{className:"tab-end-decorator",sx:{display:"inline-flex",fontSize:v.iconSize,lineHeight:1,flexShrink:0},children:l})]})}function Ao({children:e,value:o,className:a="",sx:n={},...i}){const{value:l,size:s,tabsId:c}=Co(),d=Bo[s]||Bo.medium,u="tab-"+c+"-"+o,x="tabpanel-"+c+"-"+o;return l===o?r.jsx(t.Box,{role:"tabpanel",id:x,"aria-labelledby":u,className:"tab-panel tab-panel-"+s+" "+a,sx:{paddingTop:"16px",fontSize:d.fontSize,fontFamily:"inherit",color:"var(--Text)",...n},...i,children:e}):null}const zo=e.forwardRef(function({theme:e=null,surface:o="Surface",children:a,minHeight:n=160,sx:i={}},l){return r.jsx(t.Box,{ref:l,"data-theme":e||void 0,"data-surface":o,sx:{p:4,display:"flex",alignItems:"center",justifyContent:"center",minHeight:n,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",...i},children:a})}),Ro="__null__",Eo=[{label:"Default",value:Ro},{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"}],Lo=["Surface-Dimmest","Surface-Dim","Surface","Surface-Bright","Surface-Brightest","Container","Container-Highest","Container-High","Container-Low","Container-Lowest"];function Po({theme:e=null,onThemeChange:o,surface:a="Surface",onSurfaceChange:n,surfaces:i=Lo,size:l="small"}){const s=i.map(e=>({value:e,label:e}));return r.jsxs(t.Stack,{direction:"row",spacing:1,sx:{alignItems:"center"},children:[r.jsx(t.Box,{sx:{width:160},children:r.jsx(vo,{options:Eo,value:e??Ro,onChange:e=>o?.(e===Ro?null:e),labelPosition:"none",size:l,variant:"outline",color:"default","aria-label":"Background theme",fullWidth:!0})}),r.jsx(t.Box,{sx:{width:180},children:r.jsx(vo,{options:s,value:a,onChange:e=>n?.(e),labelPosition:"none",size:l,variant:"outline",color:"default","aria-label":"Surface",fullWidth:!0})})]})}function Oo(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Do,Mo={exports:{}},Wo={exports:{}},Fo={};var No,Ho,Vo,Qo,Go,qo,Uo,Xo,Ko,Jo,Yo,Zo,$o,_o,ea={};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@mui/material"),r=require("react/jsx-runtime"),o=require("@mui/icons-material/ContentCopy"),a=require("@mui/icons-material/Check"),n=require("@mui/icons-material/Person"),i=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"),u=require("react-dom"),x=require("@mui/icons-material/ExpandMore"),p=require("@mui/icons-material/Favorite"),h=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"),I=require("@mui/icons-material/StarOutline"),A=require("@mui/icons-material/PersonOutlined"),z=require("@mui/icons-material/NotificationsOutlined"),R=require("@mui/icons-material/VisibilityOutlined"),E=require("@mui/icons-material/ShoppingCartOutlined"),L=require("@mui/icons-material/LockOutlined"),P=require("@mui/icons-material/HomeRounded"),M=require("@mui/icons-material/FavoriteRounded"),D=require("@mui/icons-material/DeleteRounded"),O=require("@mui/icons-material/SettingsRounded"),W=require("@mui/icons-material/SearchRounded"),F=require("@mui/icons-material/StarRounded"),H=require("@mui/icons-material/PersonRounded"),N=require("@mui/icons-material/NotificationsRounded"),V=require("@mui/icons-material/VisibilityRounded"),Q=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"),$=require("@mui/icons-material/DeleteTwoTone"),K=require("@mui/icons-material/SettingsTwoTone"),Y=require("@mui/icons-material/SearchTwoTone"),J=require("@mui/icons-material/StarTwoTone"),Z=require("@mui/icons-material/PersonTwoTone"),_=require("@mui/icons-material/NotificationsTwoTone"),ee=require("@mui/icons-material/VisibilityTwoTone"),te=require("@mui/icons-material/ShoppingCartTwoTone"),re=require("@mui/icons-material/LockTwoTone"),oe=require("@mui/icons-material/InfoTwoTone"),ae=require("@mui/icons-material/HomeSharp"),ne=require("@mui/icons-material/FavoriteSharp"),ie=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"),ue=require("@mui/icons-material/NotificationsSharp"),xe=require("@mui/icons-material/VisibilitySharp"),pe=require("@mui/icons-material/ShoppingCartSharp"),he=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"),Ie=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 ze=require("@mui/material/CircularProgress");require("@mui/icons-material/StarBorder");var Re=require("@mui/icons-material/StarHalf"),Ee=require("@mui/icons-material/Cancel"),Le=require("@mui/icons-material/ExpandLess"),Pe=require("@mui/icons-material/Image"),Me=require("@mui/icons-material/ChevronLeft"),De=require("@mui/icons-material/ChevronRight"),Oe=require("@mui/icons-material/FirstPage"),We=require("@mui/icons-material/LastPage"),Fe=require("@mui/icons-material/Explore"),He=require("@mui/icons-material/Radio"),Ne=require("@mui/icons-material/LibraryMusic"),Ve=require("@mui/icons-material/Bookmark"),Qe=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/material/styles"),Ue=require("@mui/material/Collapse"),Xe=require("@mui/material/Checkbox"),$e=require("@mui/material/utils"),Ke=require("@mui/icons-material/CloudUpload"),Ye=require("@mui/icons-material/Mail");require("@mui/icons-material/Inbox");var Je=require("@mui/icons-material/Folder");require("@mui/icons-material/MoreVert"),require("@mui/icons-material/ImageOutlined");var Ze=require("@mui/icons-material/ArrowBack"),_e=require("@mui/icons-material/AccountCircle"),et=require("@mui/icons-material/Twitter"),tt=require("@mui/icons-material/GitHub"),rt=require("@mui/icons-material/LinkedIn"),ot=require("@mui/icons-material/Help"),at=require("@mui/icons-material/FolderOpen"),nt=require("@mui/icons-material/InsertDriveFile"),it=require("@mui/icons-material/PictureAsPdf"),lt=require("@mui/icons-material/VideoLibrary");function st(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var ct=st(e),dt=st(ye);const ut=e=>`var(--${e}-Font-Family)`,xt="var(--Font-Family-Display, var(--Font-Family-Header, var(--Header-Font-Family)))",pt="var(--Font-Family-Eyebrow, var(--Decorative-Font-Family))",ht=(e,t)=>`var(--${e}-Font-Family, ${t})`,mt="var(--Font-Variation-Header, normal)",ft=(e,t)=>`var(--Eyebrow-${e}-${t}, var(--Overline-${e}-${t}))`,gt=e=>ft(e,"Font-Size"),bt=e=>ft(e,"Font-Weight"),vt=e=>ft(e,"Line-Height"),yt=e=>ft(e,"Letter-Spacing"),jt=e=>`var(--${e}-Font-Size)`,St=e=>`var(--${e}-Font-Weight)`,Bt=e=>`calc(var(--${e}-Line-Height) * var(--Cognitive-Multiplier, 1))`,kt=e=>`var(--${e}-Line-Height)`,wt=e=>`var(--${e}-Letter-Spacing)`,Ct={"display-large":{component:"h1",fontFamily:ht("Display-Large",xt),fontSize:jt("Display-Large"),fontWeight:St("Display-Large"),lineHeight:Bt("Display-Large"),letterSpacing:wt("Display-Large"),defaultColor:"header",defaultWidth:"fill"},"display-medium":{component:"h1",fontFamily:ht("Display-Medium",xt),fontSize:jt("Display-Medium"),fontWeight:St("Display-Medium"),lineHeight:Bt("Display-Medium"),letterSpacing:wt("Display-Medium"),defaultColor:"header",defaultWidth:"fill"},"display-small":{component:"h2",fontFamily:ht("Display-Small",xt),fontSize:jt("Display-Small"),fontWeight:St("Display-Small"),lineHeight:Bt("Display-Small"),letterSpacing:wt("Display-Small"),defaultColor:"header",defaultWidth:"fill"},h1:{component:"h1",fontFamily:ut("Header"),fontVariationSettings:mt,fontSize:jt("H1"),fontWeight:St("H1"),lineHeight:Bt("H1"),letterSpacing:wt("H1"),defaultColor:"header",defaultWidth:"fill"},h2:{component:"h2",fontFamily:ut("Header"),fontVariationSettings:mt,fontSize:jt("H2"),fontWeight:St("H2"),lineHeight:Bt("H2"),letterSpacing:wt("H2"),defaultColor:"header",defaultWidth:"fill"},h3:{component:"h3",fontFamily:ut("Header"),fontVariationSettings:mt,fontSize:jt("H3"),fontWeight:St("H3"),lineHeight:Bt("H3"),letterSpacing:wt("H3"),defaultColor:"header",defaultWidth:"fill"},h4:{component:"h4",fontFamily:ut("Header"),fontVariationSettings:mt,fontSize:jt("H4"),fontWeight:St("H4"),lineHeight:Bt("H4"),letterSpacing:wt("H4"),defaultColor:"standard",defaultWidth:"fill"},h5:{component:"h5",fontFamily:ut("Header"),fontVariationSettings:mt,fontSize:jt("H5"),fontWeight:St("H5"),lineHeight:Bt("H5"),letterSpacing:wt("H5"),defaultColor:"standard",defaultWidth:"fill"},h6:{component:"h6",fontFamily:ut("Header"),fontVariationSettings:mt,fontSize:jt("H6"),fontWeight:St("H6"),lineHeight:Bt("H6"),letterSpacing:wt("H6"),defaultColor:"standard",defaultWidth:"fill"},"subtitle-large":{component:"p",fontFamily:ut("Body"),fontSize:jt("Subtitle-Large"),fontWeight:St("Subtitle-Large"),lineHeight:Bt("Subtitle-Large"),letterSpacing:wt("Subtitle-Large"),defaultColor:"header",defaultWidth:"fill"},subtitle:{component:"p",fontFamily:ut("Body"),fontSize:jt("Subtitle-Medium"),fontWeight:St("Subtitle-Medium"),lineHeight:Bt("Subtitle-Medium"),letterSpacing:wt("Subtitle-Medium"),defaultColor:"header",defaultWidth:"fill"},"subtitle-small":{component:"p",fontFamily:ut("Body"),fontSize:jt("Subtitle-Small"),fontWeight:St("Subtitle-Small"),lineHeight:Bt("Subtitle-Small"),letterSpacing:wt("Subtitle-Small"),defaultColor:"header",defaultWidth:"fill"},"body-small":{component:"p",fontFamily:ut("Body"),fontSize:jt("Body-Small"),fontWeight:St("Body-Small"),lineHeight:Bt("Body-Small"),letterSpacing:wt("Body-Small"),defaultColor:"standard",defaultWidth:"fill"},"body-small-semibold":{component:"p",fontFamily:ut("Body"),fontSize:jt("Body-Small"),fontWeight:St("Body-Small-Semibold"),lineHeight:Bt("Body-Small"),letterSpacing:wt("Body-Small"),defaultColor:"standard",defaultWidth:"fill"},body:{component:"p",fontFamily:ut("Body"),fontSize:jt("Body-Medium"),fontWeight:St("Body-Medium"),lineHeight:Bt("Body-Medium"),letterSpacing:wt("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-medium":{component:"p",fontFamily:ut("Body"),fontSize:jt("Body-Medium"),fontWeight:St("Body-Medium"),lineHeight:Bt("Body-Medium"),letterSpacing:wt("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-semibold":{component:"p",fontFamily:ut("Body"),fontSize:jt("Body-Medium"),fontWeight:St("Body-Medium-Semibold"),lineHeight:Bt("Body-Medium"),letterSpacing:wt("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-medium-semibold":{component:"p",fontFamily:ut("Body"),fontSize:jt("Body-Medium"),fontWeight:St("Body-Medium-Semibold"),lineHeight:Bt("Body-Medium"),letterSpacing:wt("Body-Medium"),defaultColor:"standard",defaultWidth:"fill"},"body-large":{component:"p",fontFamily:ut("Body"),fontSize:jt("Body-Large"),fontWeight:St("Body-Large"),lineHeight:Bt("Body-Large"),letterSpacing:wt("Body-Large"),defaultColor:"standard",defaultWidth:"fill"},"body-large-semibold":{component:"p",fontFamily:ut("Body"),fontSize:jt("Body-Large"),fontWeight:St("Body-Large-Semibold"),lineHeight:Bt("Body-Large"),letterSpacing:wt("Body-Large"),defaultColor:"standard",defaultWidth:"fill"},caption:{component:"span",fontFamily:ut("Body"),fontSize:jt("Caption"),fontWeight:St("Caption"),lineHeight:Bt("Caption"),letterSpacing:wt("Caption"),defaultColor:"quiet",defaultWidth:"hug"},"caption-bold":{component:"span",fontFamily:ut("Body"),fontSize:jt("Caption"),fontWeight:St("Caption-Bold"),lineHeight:Bt("Caption"),letterSpacing:wt("Caption"),defaultColor:"quiet",defaultWidth:"hug"},"label-extra-small":{component:"label",fontFamily:ut("Body"),fontSize:jt("Label-ExtraSmall"),fontWeight:St("Label-ExtraSmall"),lineHeight:kt("Label-ExtraSmall"),letterSpacing:wt("Label-ExtraSmall"),defaultColor:"standard",defaultWidth:"hug"},"label-small":{component:"label",fontFamily:ut("Body"),fontSize:jt("Label-Small"),fontWeight:St("Label-Small"),lineHeight:kt("Label-Small"),letterSpacing:wt("Label-Small"),defaultColor:"standard",defaultWidth:"hug"},label:{component:"label",fontFamily:ut("Body"),fontSize:jt("Label-Medium"),fontWeight:St("Label-Medium"),lineHeight:kt("Label-Medium"),letterSpacing:wt("Label-Medium"),defaultColor:"standard",defaultWidth:"hug"},"label-medium":{component:"label",fontFamily:ut("Body"),fontSize:jt("Label-Medium"),fontWeight:St("Label-Medium"),lineHeight:kt("Label-Medium"),letterSpacing:wt("Label-Medium"),defaultColor:"standard",defaultWidth:"hug"},"label-large":{component:"label",fontFamily:ut("Body"),fontSize:jt("Label-Large"),fontWeight:St("Label-Large"),lineHeight:kt("Label-Large"),letterSpacing:wt("Label-Large"),defaultColor:"standard",defaultWidth:"hug"},legal:{component:"span",fontFamily:ut("Body"),fontSize:jt("Legal"),fontWeight:St("Legal"),lineHeight:Bt("Legal"),letterSpacing:wt("Legal"),defaultColor:"quiet",defaultWidth:"hug"},"legal-semibold":{component:"span",fontFamily:ut("Body"),fontSize:jt("Legal"),fontWeight:St("Legal-Semibold"),lineHeight:Bt("Legal"),letterSpacing:wt("Legal"),defaultColor:"quiet",defaultWidth:"hug"},"eyebrow-small":{component:"span",fontFamily:pt,fontSize:gt("Small"),fontWeight:bt("Small"),lineHeight:vt("Small"),letterSpacing:yt("Small"),textTransform:"uppercase",defaultColor:"eyebrow",defaultWidth:"hug"},eyebrow:{component:"span",fontFamily:pt,fontSize:gt("Medium"),fontWeight:bt("Medium"),lineHeight:vt("Medium"),letterSpacing:yt("Medium"),textTransform:"uppercase",defaultColor:"eyebrow",defaultWidth:"hug"},"eyebrow-large":{component:"span",fontFamily:pt,fontSize:gt("Large"),fontWeight:bt("Large"),lineHeight:vt("Large"),letterSpacing:yt("Large"),textTransform:"uppercase",defaultColor:"eyebrow",defaultWidth:"hug"},"number-small":{component:"span",fontFamily:ut("Body"),fontSize:jt("Number-Small"),fontWeight:St("Number-Small"),lineHeight:kt("Number-Small"),letterSpacing:wt("Number-Small"),fontVariantNumeric:"tabular-nums",defaultColor:"standard",defaultWidth:"hug"},"number-medium":{component:"span",fontFamily:ut("Body"),fontSize:jt("Number-Medium"),fontWeight:St("Number-Medium"),lineHeight:kt("Number-Medium"),letterSpacing:wt("Number-Medium"),fontVariantNumeric:"tabular-nums",defaultColor:"standard",defaultWidth:"hug"},"number-large":{component:"span",fontFamily:ut("Body"),fontSize:jt("Number-Large"),fontWeight:St("Number-Large"),lineHeight:kt("Number-Large"),letterSpacing:wt("Number-Large"),fontVariantNumeric:"tabular-nums",defaultColor:"standard",defaultWidth:"hug"},"button-extra-small":{component:"span",fontFamily:ut("Body"),fontSize:jt("Button-ExtraSmall"),fontWeight:St("Button-ExtraSmall"),lineHeight:kt("Button-ExtraSmall"),letterSpacing:wt("Button-ExtraSmall"),defaultColor:"standard",defaultWidth:"hug"},"button-small":{component:"span",fontFamily:ut("Body"),fontSize:jt("Button-Small"),fontWeight:St("Button-Small"),lineHeight:kt("Button-Small"),letterSpacing:wt("Button-Small"),defaultColor:"standard",defaultWidth:"hug"},button:{component:"span",fontFamily:ut("Body"),fontSize:"var(--Button-Standard-Font-Size, var(--Button-Font-Size))",fontWeight:"var(--Button-Standard-Font-Weight, var(--Body-Font-Weight))",lineHeight:kt("Button-Standard"),letterSpacing:wt("Button-Standard"),defaultColor:"standard",defaultWidth:"hug"},"button-standard":{component:"span",fontFamily:ut("Body"),fontSize:"var(--Button-Standard-Font-Size, var(--Button-Font-Size))",fontWeight:"var(--Button-Standard-Font-Weight, var(--Body-Font-Weight))",lineHeight:kt("Button-Standard"),letterSpacing:wt("Button-Standard"),defaultColor:"standard",defaultWidth:"hug"}},Tt={"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"},It={"eyebrow-small":"overline-small",eyebrow:"overline","eyebrow-large":"overline-large"},At={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)"},zt={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)"},Rt=new Set(["h1","h2","h3","h4","h5","h6","display-large","display-medium","display-small","subtitle-large","subtitle","subtitle-small"]);function Et({children:e,textStyle:o="body",color:a,width:n,component:i,noWrap:l=!1,gutterBottom:s=!1,className:c="",sx:d={},...u}){const x=Tt[o]||o,p=Ct[x]||Ct.body,h="string"==typeof p.fontSize?p.fontSize.match(/--([\w-]+)-Font-Size/):null,m=h?h[1]:null,f=m?"var(--"+m+"-Text-Decoration, "+(p.textDecoration||"none")+")":p.textDecoration||"none",g=m?"var(--"+m+"-Text-Transform, "+(p.textTransform||"none")+")":p.textTransform||"none",b=function(e,t,r){const o=Rt.has(e);return(o?At:zt)[t||r]||(o?At.header:zt.standard)}(x,a,p.defaultColor),v=n||p.defaultWidth,y="fill"===v,j=i||p.component,S=a||p.defaultColor;return r.jsx(t.Box,{component:j,className:"typography typography-"+x+(It[x]?" typography-"+It[x]:"")+" typography-color-"+S+" typography-width-"+v+" "+c,sx:{fontFamily:p.fontFamily,fontVariationSettings:p.fontVariationSettings||"normal",fontSize:p.fontSize,fontWeight:p.fontWeight,lineHeight:p.lineHeight,letterSpacing:p.letterSpacing,textDecoration:f,textTransform:g,fontVariantNumeric:p.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},...u,children:e})}const Lt={"@supports (text-box-edge: cap alphabetic)":{textBoxTrim:"trim-both",textBoxEdge:"cap alphabetic",paddingTop:0,paddingBottom:0}},Pt=e=>r.jsx(Et,{textStyle:"h3",...e}),Mt=e=>r.jsx(Et,{textStyle:"h4",...e}),Dt=e=>r.jsx(Et,{textStyle:"h5",...e}),Ot=Mt,Wt=e=>r.jsx(Et,{textStyle:"subtitle-large",...e}),Ft=e=>r.jsx(Et,{textStyle:"subtitle",...e}),Ht=e=>r.jsx(Et,{textStyle:"subtitle-small",...e}),Nt=Wt,Vt=Ft,Qt=e=>r.jsx(Et,{textStyle:"body-small",...e}),Gt=e=>r.jsx(Et,{textStyle:"body-small-semibold",...e}),qt=e=>r.jsx(Et,{textStyle:"body",...e}),Ut=qt,Xt=Qt,$t=e=>r.jsx(Et,{textStyle:"body-large",...e}),Kt=e=>r.jsx(Et,{textStyle:"caption",...e}),Yt=e=>r.jsx(Et,{textStyle:"label-extra-small",...e}),Jt=e=>r.jsx(Et,{textStyle:"label",...e}),Zt=e=>r.jsx(Et,{textStyle:"eyebrow-small",...e}),_t=e=>r.jsx(Et,{textStyle:"eyebrow",...e}),er=e=>r.jsx(Et,{textStyle:"eyebrow",...e}),tr=e=>r.jsx(Et,{textStyle:"eyebrow-large",...e}),rr=Zt,or=_t,ar=er,nr=tr,ir=e=>r.jsx(Et,{textStyle:"number-small",...e}),lr=e=>r.jsx(Et,{textStyle:"number-medium",...e}),sr=e=>r.jsx(Et,{textStyle:"number-large",...e}),cr=e=>r.jsx(Et,{textStyle:"button-extra-small",...e}),dr=e=>r.jsx(Et,{textStyle:"button-small",...e}),ur=e=>r.jsx(Et,{textStyle:"button",...e}),xr={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},pr={xs:"12px",small:"16px",medium:"24px",large:"32px"};function hr({children:e,color:o="default",size:a="medium",fontSize:n,disabled:i=!1,twoTone:l=!1,className:s="",sx:c={},"aria-label":d,...u}){const x=xr[o]||"Default",p="custom"===a&&n?"number"==typeof n?n+"px":n:pr[a]||pr.medium,h="default"===o?"inherit":"var(--Icons-"+x+")",m="var(--Icons-Variant-"+x+")";return r.jsx(t.Box,{component:"span",className:"icon icon-"+o+" icon-"+a+(i?" 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:p,color:h,opacity:i?.38:1,cursor:i?"not-allowed":"inherit",lineHeight:1,flexShrink:0,...l&&{"--twotone-variant":m},"& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"},...c},...u,children:e})}const mr="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",fr={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral"},gr={"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 br="var(--Button-Border-Width, 1px)";function vr({src:o,defaultPhoto:a=!0,alt:i,initials:l,icon:s,color:c="default",size:d="x-small",customSize:u,clickable:x=!1,onClick:p,insideButton:h=!1,className:m="",sx:f={},...g}){const[b,v]=e.useState(!1),y="custom"===d&&u?{size:u}:gr[d]||gr.medium,j=fr[c]||fr.default,S=o||(!a||l||s?void 0:mr),B=S&&!b,k=!B&&l,w=!B&&!k,C=x||!!p,T=B?"transparent":"var(--Buttons-"+j+"-Button)",I="var(--Buttons-"+j+"-Border)",A="var(--Buttons-"+j+"-Text)",z=C?"button":"div";return r.jsxs(t.Box,{component:z,type:C?"button":void 0,role:C?"button":"img","aria-label":i||l||"Avatar",tabIndex:C?0:void 0,onClick:C?p: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?br+" solid var(--Border)":k?br+" solid "+I:"none",...h&&{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&&r.jsx(t.Box,{component:"img",src:S,alt:i||"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 ir;case"medium":case"large":default:return lr;case"x-large":case"xx-large":return sr}}(d);return r.jsx(e,{sx:{color:"inherit",fontSize:(t=y.size,Math.round(7*t/12)+"px"),lineHeight:1,textAlign:"center",...Lt},"aria-hidden":"true",children:l.slice(0,2).toUpperCase()});var t})(),w&&r.jsx(hr,{size:d,sx:{color:"inherit"},children:s||r.jsx(n,{})})]})}function yr({children:o,max:a=5,size:n="medium",spacing:i=-8,className:l="",sx:s={},...c}){const d=e.Children.toArray(o),u=d.slice(0,a),x=d.length-a;return r.jsxs(t.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:i+"px"},...s},...c,children:[u,x>0&&r.jsx(vr,{initials:"+"+x,size:n,color:"neutral",sx:{border:"2px solid var(--Background)",zIndex:0}})]})}const jr=["primary","secondary","tertiary","neutral","info","success","warning","error"],Sr=e=>e.charAt(0).toUpperCase()+e.slice(1);function Br(){const e={};return jr.forEach(t=>{e[t]=function(e){const t=Sr(e);return{bg:"var(--Buttons-"+t+"-Button)",text:"var(--Buttons-"+t+"-Text)",border:"none"}}(t),e[t+"-outline"]=function(e){return{bg:"var(--Background)",text:"var(--Text)",border:"1px solid var(--Buttons-"+Sr(e)+"-Border)"}}(t),e[t+"-light"]=function(e){const t=Sr(e);return{bg:"var(--Buttons-"+t+"-Button)",text:"var(--Buttons-"+t+"-Text)",border:"1px solid var(--Buttons-"+t+"-Border)"}}(t)}),e}const kr={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 wr({variant:e="primary",size:o="medium",badgeContent:a,max:n=99,showZero:i=!1,invisible:l=!1,dot:s=!1,overlap:c="rectangular",anchorOrigin:d={vertical:"top",horizontal:"right"},children:u,className:x="",sx:p={},...h}){const m=Br(),f=m[e]||m.primary,g=kr[o]||kr.medium;let b=a;s?b="":"number"==typeof a&&a>n&&(b=n+"+");const v=l||!s&&!i&&(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"},...p};return r.jsx(t.Badge,{badgeContent:s?"":b,max:n,showZero:i,invisible:v,overlap:c,anchorOrigin:d,variant:s?"dot":"standard",className:"badge-"+e+" "+x,sx:y,...h,children:u})}const Cr={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 Tr(e){return Cr[e].map(function(e){return e[0]+"px "+e[1]+"px "+e[2]+"px "+e[3]+"px rgba(var(--Dropshadow-Color, 20, 20, 20), "+e[4]+")"}).join(", ")}const Ir=(e,t)=>0===e?"none":"var(--Effect-Level-"+e+", "+t+")",Ar=Ir(1,Tr(1)),zr=Ir(2,Tr(2)),Rr=Ir(3,Tr(3)),Er=Ir(4,Tr(4)),Lr=Ir(5,Tr(5)),Pr={0:"none",1:Ar,2:zr,3:Rr,4:Er,5:Lr},Mr={"black-white":"BlackWhite"},Dr=e=>{return Mr[e]||(t=e).charAt(0).toUpperCase()+t.slice(1);var t},Or={small:"Sm-",medium:"",large:"Lg-"};function Wr(e,t){const r=Dr(e),o=(e,t)=>`color-mix(in srgb, rgb(var(${e}, ${t})) calc(var(--Button-Bevel-Opacity, 0.5) * 100%), transparent)`,a="var(--_bevel)",n="calc(-1 * var(--_bevel))",i=Or[t],l=void 0===i?(e,t)=>t:(e,t)=>`var(--${i}Button-${e}, ${t})`;return[`inset ${l("Lowlight-Offset-x",n)} ${l("Lowlight-Offset-y",n)} ${l("Lowlight-Blur-Radius",a)} ${l("Lowlight-Spread",n)} `+o(`--Buttons-${r}-Lowlight`,"0 0 0"),`inset ${l("Highlight-Offset-x",a)} ${l("Highlight-Offset-y",a)} ${l("Highlight-Blur-Radius",a)} ${l("Highlight-Spread",n)} `+o(`--Buttons-${r}-Highlight`,"255 255 255")].join(", ")}const Fr={small:"var(--Sm-Button-Text-Padding)",medium:"var(--Button-Text-Padding)",large:"var(--Lg-Button-Text-Padding)"},Hr=e=>"small"===e?"var(--Sm-Avatar-Text)":"large"===e?"var(--Lg-Avatar-Text)":"var(--Avatar-Text)",Nr={small:{avatar:"xxx-small",icon:"small"},medium:{avatar:"xx-small",icon:"medium"},large:{avatar:"small",icon:"large"}};function Vr(t,r){if(!e.isValidElement(t))return t;const o=Nr[r]||Nr.medium;return t.type===vr?e.cloneElement(t,{size:o.avatar,insideButton:!0}):t.type===hr?e.cloneElement(t,{size:o.icon}):t}const Qr=["default","primary","secondary","tertiary","neutral","info","success","warning","error"],Gr=Dr;function qr(e,t=!1,r=!1,o="medium"){const a=Gr(e),n=Wr(e,o),i=t?Ar:"none";return{backgroundColor:`var(--Buttons-${a}-Button)`,color:`var(--Buttons-${a}-Text)`,border:`var(--Button-Border-Width) solid var(--Buttons-${a}-Border)`,boxShadow:"none"===i?n:`${n}, ${i}`,position:"relative",zIndex:1,"& .MuiTouchRipple-rippleVisible":{color:`var(--Buttons-${a}-Hover)`,zIndex:-1},"&:hover":{backgroundColor:`var(--Buttons-${a}-Hover)`,boxShadow:`${n}, ${t?zr:Ar}`,...!r&&{transform:"translateY(-1px)"}},"&:active":{backgroundColor:`var(--Buttons-${a}-Pressed)`,boxShadow:n,...!r&&{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 Ur(e,t=!1){return{backgroundColor:"transparent",color:"var(--Text)",border:`var(--Button-Border-Width) solid var(--Buttons-${Gr(e)}-Border)`,boxShadow:"none","& .MuiTouchRipple-rippleVisible":{color:"var(--Hover)"},"&:hover":{backgroundColor:"var(--Hover)",boxShadow:"none",...!t&&{transform:"translateY(-1px)"}},"&:active":{backgroundColor:"var(--Pressed)",...!t&&{transform:"translateY(0)"}},"&.Mui-focusVisible":{backgroundColor:"transparent",outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}}}function Xr(e,t=!1){return{backgroundColor:"transparent",color:e?"var(--Hotlink)":"var(--Quiet)",border:"var(--Button-Border-Width) solid transparent",boxShadow:"none",textDecoration:"none",...e&&{"& .btn-text-content":{textDecoration:"underline"}},"& .MuiTouchRipple-rippleVisible":{color:"var(--Hover)"},"&:hover":{backgroundColor:"var(--Hover)",boxShadow:"none",...!t&&{transform:"translateY(-1px)"},...e?{"& .btn-text-content":{textDecoration:"none"}}:{color:"var(--Text)"}},"&:active":{backgroundColor:"var(--Pressed)",...!t&&{transform:"translateY(0)"},...e?{"& .btn-text-content":{textDecoration:"none"}}:{color:"var(--Text)"}},"&.Mui-focusVisible":{backgroundColor:"transparent",outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px",...e&&{"& .btn-text-content":{textDecoration:"none"}}}}}const $r=/-light$/,Kr=new Set;const Yr={small:"var(--Small-Button-Height)",medium:"var(--Button-Height)",large:"var(--Large-Button-Height)"},Jr={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 Zr({variant:o="default",size:a="medium",elevated:n=!1,selected:i=!1,fullWidth:l=!1,disabled:s=!1,iconOnly:c=!1,letterNumber:d=!1,avatar:u=!1,swatch:x=!1,swatchColor:p,startIcon:h,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={},...I}){const A=c||u||x,z=A||d;if("production"!==process.env.NODE_ENV){const t=I["aria-label"]||I["aria-labelledby"]||I.title;z&&!t&&console.error('[OmniDesign] A <Button> with no visible text has no accessible name. A screen reader announces it as just "button" — or, for letterNumber, reads the characters ("123") as if they were the label. Add aria-label="…" describing the ACTION ("Your account"), not the content ("JD") or the icon ("trash").'),t&&e.Children.forEach(w,e=>{const r=e?.props?.["aria-label"]||e?.props?.titleAccess;r&&console.error('[OmniDesign] <Button> is labelled "'+t+'" but also contains an icon labelled "'+r+"\". A screen reader reads both. Remove the icon's label — the button owns the name.")})}const R=!A,E=l&&!A&&!d,L=function(e){const t=String(e||"default");if(!$r.test(t))return t;const r=t.replace($r,"");return"production"===process.env.NODE_ENV||Kr.has(t)||(Kr.add(t),console.warn('[Button] variant="'+t+'" — the -light shape was removed. Rendering variant="'+r+'" (solid). Use a Buttons mode for colour and solid / -outline / ghost / text for shape.')),r}(!u&&!x||"ghost"!==o&&"text"!==o?o:"primary"),P=function(e,t=!1,r=!1,o="medium"){const a={};return Qr.forEach(e=>{a[e]=qr(e,t,r,o),a[`${e}-outline`]=Ur(e,r)}),a["black-white"]=qr("black-white",t,r,o),a["black-white-outline"]=Ur("black-white",r),a.danger=qr("error",t,r,o),a.outline=Ur("default",r),a.ghost=Xr(e,r),a.text=Xr(e,r),a}(R,n,i,a),M=P[L]||P.default,D=function({size:e,iconOnly:t,letterNumber:r,avatar:o}){const a=Jr[e]||Jr.medium,n=Yr[e]||Yr.medium;if(t)return{height:n,width:n,minWidth:"unset",minHeight:"unset",fontSize:o?Hr(e):"small"===e?"0.875rem":a.fontSize,padding:"0","--_height":n};return r?{...a,minHeight:n,minWidth:n,padding:"0"}:{...a,padding:"large"===e?"0 var(--Lg-Button-Padding)":"0 var(--Button-Padding)"}}({size:a,iconOnly:A,letterNumber:d,avatar:u}),O="small"===a?dr:ur,W=void 0!==f?Vr(f,a):void 0,F=void 0!==g?Vr(g,a):void 0,H=j||("small"===a?"small":"large"===a?"large":"medium"),N=r.jsxs(r.Fragment,{children:[r.jsx(t.GlobalStyles,{styles:{'[class*="btn-"] .MuiButton-startIcon, [class*="btn-"] .MuiButton-icon':{marginLeft:"0px !important",marginRight:"2px !important"},'[class*="btn-"] .MuiButton-endIcon':{marginLeft:"2px !important",marginRight:"0px !important"},'[class*="btn-"] .MuiButton-iconSizeSmall .MuiSvgIcon-root, [class*="btn-"] .MuiButton-iconSizeSmall > *':{fontSize:"var(--Sm-Button-Icon) !important"},'[class*="btn-"] .MuiButton-iconSizeMedium .MuiSvgIcon-root, [class*="btn-"] .MuiButton-iconSizeMedium > *':{fontSize:"var(--Button-Icon) !important"},'[class*="btn-"] .MuiButton-iconSizeLarge .MuiSvgIcon-root, [class*="btn-"] .MuiButton-iconSizeLarge > *':{fontSize:"var(--Lg-Button-Icon) !important"}}}),r.jsx(t.Button,{size:a,...E&&{fullWidth:!0},disabled:s,startIcon:void 0!==W?W:u?(()=>{if(u&&w){const e=Yr[a]||Yr.medium,o=Hr(a);return r.jsx(t.Avatar,{sx:{width:e,height:e,backgroundColor:"inherit",color:"inherit",fontSize:o},children:w})}return h})():h,endIcon:void 0!==F?F:m,className:`btn-${o} ${C}`,role:"button",sx:{borderRadius:u?"var(--Large-Button-Height)":c||x?"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)"}},...D,...M,"&.MuiButton-root":{padding:D.padding??"0 var(--Sizing-1)"},"& .MuiButton-startIcon":{display:"inherit",color:"inherit",marginLeft:"0px !important",marginRight:u?"0px !important":"2px !important"},...u&&{"& .MuiAvatar-root":{fontSize:Hr(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:M.backgroundColor,color:M.color,border:M.border,boxShadow:"none"},...x&&{border:"var(--Button-Border-Width) solid var(--Border)",padding:"1px",width:Yr[a]||Yr.medium,height:Yr[a]||Yr.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)"}},...E&&{width:"100%"},...T},...I,...x?{style:{backgroundColor:"transparent"}}:{},children:u?null:x?r.jsx(t.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))",...p?{backgroundColor:p}:{}}}):(()=>{if(A)return w;if(d){const e="small"===a?cr:O;return r.jsx(e,{component:"span",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:"4px",color:"inherit",lineHeight:1,...Lt},children:w})}return"string"==typeof w||"number"==typeof w?r.jsx(t.Box,{component:"span",className:"btn-text-content",sx:{display:"inline-flex",alignItems:"center",padding:Fr[a]||Fr.medium},children:r.jsx(O,{component:"span",sx:{color:"inherit",...Lt},children:w})}):w})()})]});return b?r.jsx(wr,{variant:y,size:H,badgeContent:v,dot:S,max:B,anchorOrigin:k,showZero:0===v,children:N}):N}const _r=["default","primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],eo=e=>"Default"===e?"var(--Quiet)":"var(--Buttons-"+e+"-Border)";function to(){const e={};return _r.forEach(t=>{e[t]=function(e){const t=Dr(e);return{color:t,borderToken:eo(t),icon:"var(--Buttons-"+t+"-Border)"}}(t)}),e}const ro=/-(outline|light|solid)$/,oo=new Set;function ao(e){const t=to();return t[function(e){const t=String(e||"default");if(!ro.test(t))return t;const r=t.replace(ro,"");return"production"===process.env.NODE_ENV||oo.has(t)||(oo.add(t),console.warn('[Checkbox] variant="'+t+'" — the -outline/-light/-solid shapes were removed; a Checkbox has one look and `variant` selects colour only. Rendering variant="'+r+'". Update the call site.')),r}(e)]||t.default}const no={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 io({size:e,variant:o,checked:n,indeterminate:l}){const s=ao(o),c=no[e]||no.medium,d=n||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 r.jsx(t.Box,{className:"chk-box-icon",sx:{width:c.box,height:c.box,boxSizing:"border-box",borderRadius:x,border:"2px solid "+u,overflow:"hidden",flexShrink:0,transition:"border-color 0.15s ease-in-out"},children:r.jsx(t.Box,{sx:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"var(--Background)",color:"var(--Text)",transition:"background-color 0.15s ease-in-out"},children:d&&(l?r.jsx(i,{sx:{fontSize:c.icon,color:s.icon}}):r.jsx(a,{sx:{fontSize:c.icon,color:s.icon}}))})})}function lo({size:e,variant:t}){return r.jsx(io,{size:e,variant:t,checked:!1,indeterminate:!1})}function so({size:e,variant:t}){return r.jsx(io,{size:e,variant:t,checked:!0,indeterminate:!1})}function co({size:e,variant:t}){return r.jsx(io,{size:e,variant:t,checked:!1,indeterminate:!0})}const uo=["primary","secondary","tertiary","neutral","info","success","warning","error"],xo=e=>e.charAt(0).toUpperCase()+e.slice(1);function po(e){return{bg:"var(--Hover)",border:"var(--Buttons-"+xo(e)+"-Border)",text:"var(--Text)",focusBg:"var(--Hover)"}}function ho(e){const t=xo(e);return{bg:"var(--Buttons-"+t+"-Light-Button, var(--Hover))",border:"var(--Buttons-"+t+"-Border)",text:"var(--Text)",focusBg:"var(--Buttons-"+t+"-Light-Button, var(--Hover))"}}const mo={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}},fo={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}},go={small:{resting:"Body-Small",shrunk:"Label-ExtraSmall"},medium:{resting:"Body-Medium",shrunk:"Label-Small"},large:{resting:"Body-Large",shrunk:"Label-Medium"}},bo=e=>({fontSize:"var(--"+e+"-Font-Size)",fontWeight:"var(--"+e+"-Font-Weight)",letterSpacing:"var(--"+e+"-Letter-Spacing)"});const vo={info:d,success:l,warning:s,error:c},yo={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 jo({variant:o="primary-outline",size:a="medium",label:n,labelPosition:i="standard",placeholder:l,helperText:s,validation:c,validationMessage:d,disabled:u=!1,id:x,value:p,defaultValue:h,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":I,"aria-describedby":A,"aria-required":z,"aria-invalid":R,inputProps:E={},...L}){const P=function(){const e={};return uo.forEach(t=>{e[t+"-outline"]=po(t),e[t+"-light"]=ho(t)}),e.outline=po("primary"),e.light=ho("primary"),e}(),M=P[o]||P["primary-outline"],D="floating"===i;o.endsWith("-light");const O=D?fo[a]||fo.medium:mo[a]||mo.medium,W=e.useId(),F=x||W,{labelX:H,padX:N,restingY:V,shrunkY:Q}=function(e,t){const r=parseInt(e.height,10)||56,o=parseInt(e.fontSize,10)||15,a="var(--Input-Padding, "+(e.leftPad||14)+"px)",n=(e.iconSize||18)+8;return{labelX:t?"calc("+a+" + "+n+"px)":a,padX:a,clearance:t?n:0,restingY:Math.round((r-1.4375*o)/2),shrunkY:6}}(O,!!S),G=go[a]||go.medium,q=o.replace(/-outline$/,"").replace(/-light$/,"");xo(q);const U="var(--Text)",X=c?yo[c]:null,$=c?vo[c]:null,K=X?X.border:M.border,Y={...E,...T&&{"aria-label":T},...I&&{"aria-labelledby":I},...A&&{"aria-describedby":A},...z&&{"aria-required":z},...R&&{"aria-invalid":R}};return r.jsxs(t.Box,{className:"inp-"+o+" "+w,sx:{width:k?"100%":"auto",...C},children:[(()=>{if(!n||D)return null;const e="small"===a?Qt:qt;return r.jsx(e,{component:"label",htmlFor:F,sx:{display:"block",marginBottom:"6px",color:u?"var(--Quiet)":"var(--Text)",fontSize:O.labelSize,fontWeight:500,opacity:u?.6:1},children:n})})(),r.jsx(t.Box,{sx:{border:"1px solid "+K,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:r.jsx(t.Box,{children:r.jsx(t.TextField,{value:p,defaultValue:h,onChange:m,name:f,type:g,disabled:u,placeholder:l,id:F,multiline:b,rows:v,maxRows:y,fullWidth:!0,label:D?n:void 0,variant:"outlined",size:"small"===a?"small":"medium",inputProps:Y,InputProps:{startAdornment:S?r.jsx(t.InputAdornment,{position:"start",children:S}):void 0,endAdornment:(()=>{if(B)return r.jsx(t.InputAdornment,{position:"end",children:B})})()},sx:{"& .MuiOutlinedInput-root":{backgroundColor:"var(--Hover)",color:"var(--Quiet)",fontSize:O.fontSize,minHeight:b?"auto":O.height,padding:0,borderRadius:0,transition:"color 0.15s ease-in-out",...D&&{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:O.padding,color:"inherit","&::placeholder":{color:"var(--Quiet)",opacity:1}},"& textarea":{padding:O.padding,color:"inherit",resize:j,"&::placeholder":{color:"var(--Quiet)",opacity:1}},"& .MuiInputAdornment-root":{color:"var(--Quiet)"},...D&&{"& .MuiInputAdornment-root":{maxHeight:"none",height:"auto",alignSelf:"stretch",alignItems:"center",paddingTop:O.padTop+"px",paddingBottom:O.padBottom+"px",marginTop:0,marginBottom:0},"& .MuiInputAdornment-positionStart":{marginLeft:N,marginRight:"8px",width:O.iconSize+"px",minWidth:O.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))",...bo(G.resting),transformOrigin:"top left",transition:"transform 0.15s ease, font-size 0.15s ease, color 0.15s ease",transform:"translate("+H+", "+V+"px)","&.MuiInputLabel-shrink":{transform:"translate("+H+", "+Q+"px)",...bo(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"}},...L})})}),c&&d?r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:"6px",marginTop:"4px",marginLeft:"2px"},children:[$&&r.jsx($,{sx:{fontSize:O.iconSize,color:X.icon,flexShrink:0}}),r.jsx(t.FormHelperText,{sx:{color:X.text,fontSize:"small"===a?"11px":"12px",margin:0},children:d})]}):s?r.jsx(t.FormHelperText,{sx:{color:"var(--Quiet)",fontSize:"small"===a?"11px":"12px",marginTop:"4px",marginLeft:"2px"},children:s}):null]})}const So=e=>e.charAt(0).toUpperCase()+e.slice(1),Bo={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}},ko={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 wo({options:o=[],value:n,defaultValue:i="",onChange:l,label:s,labelPosition:c="top",size:d="medium",variant:p="outline",color:h="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"===h?"primary":h,T=So(C),I="var(--Buttons-"+T+"-Border)",A="default"===h?"var(--Text)":"var(--Text-"+T+")",[z,R]=e.useState(i),[E,L]=e.useState(!1),[P,M]=e.useState(!1),[D,O]=e.useState({top:0,left:0,width:0,direction:"down"}),W=e.useRef(null),F=e.useRef(null),[H,N]=e.useState(null),[V,Q]=e.useState(null),G=void 0!==n,q=G?n:z,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:"",$=""!==q&&null!=q,K="floating"===c,Y="top"===c,J="color"===f,Z=K?ko[d]||ko.medium:Bo[d]||Bo.medium,_=e.useCallback(e=>{G||R(e),l?.(e),L(!1),F.current?.focus()},[G,l]),ee=e.useCallback(()=>{if(!F.current)return{top:0,left:0,width:0};const e=F.current.getBoundingClientRect(),t=window.innerHeight-e.bottom,r=e.top,o=t>=240||t>=r?"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}},[]),te=e.useCallback(()=>{j||L(e=>(e||O(ee()),!e))},[j,ee]);e.useEffect(()=>{if(!E)return;const e=e=>{!W.current||W.current.contains(e.target)||e.target.closest("[data-select-dropdown]")||L(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[E]),e.useEffect(()=>{if(!E||!F.current)return;const e=F.current.closest("[data-theme]"),t=F.current.closest("[data-surface]");N(e?.getAttribute("data-theme")||null),Q(t?.getAttribute("data-surface")||null);const r=()=>O(ee());return window.addEventListener("scroll",r,!0),window.addEventListener("resize",r),()=>{window.removeEventListener("scroll",r,!0),window.removeEventListener("resize",r)}},[E,ee]);const re=e.useRef(null),oe=e.useCallback(e=>{const t=re.current;if(!t)return;const r=t.querySelectorAll('[role="option"]');if(!r.length)return;const o=t.querySelector('[role="option"]:focus');let a=Array.prototype.indexOf.call(r,o);a="down"===e?a<r.length-1?a+1:0:a>0?a-1:r.length-1,r[a].focus()},[]);e.useEffect(()=>{E&&requestAnimationFrame(()=>{const e=re.current;if(!e)return;const t=e.querySelector('[aria-selected="true"]'),r=e.querySelector('[role="option"]');(t||r)?.focus()})},[E]);const ae=E?u.createPortal(r.jsx(t.Box,{ref:re,"data-select-dropdown":!0,"data-theme":H||void 0,role:"listbox","aria-label":s||"Options",sx:{position:"fixed",top:D.top??"unset",bottom:D.bottom??"unset",left:D.left,width:D.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 n=(o,n,i)=>{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,u=function(e,t,r){const o=So(r||"default");return t?"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),x=n===i-1;return r.jsxs(e.Fragment,{children:[r.jsxs(t.Box,{role:"option",tabIndex:-1,"aria-selected":d,"aria-label":J&&!v?s:void 0,onClick:()=>_(l),onKeyDown:e=>((e,t)=>{if("Enter"===e.key||" "===e.key)return e.preventDefault(),void _(t);"ArrowDown"===e.key&&(e.preventDefault(),oe("down")),"ArrowUp"===e.key&&(e.preventDefault(),oe("up")),"Escape"===e.key&&(L(!1),F.current?.focus())})(e,l),sx:{display:"flex",alignItems:"center",gap:1,px:1.5,py:0,mx:.5,my:"1px",minHeight:Z.height,cursor:"pointer",fontSize:Z.fontSize,fontFamily:"inherit",borderRadius:"4px",outline:"none",...u,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:[J&&c&&r.jsx(t.Box,{sx:{height:"calc("+Z.height+" - 8px)",width:"calc("+Z.height+" - 8px)",borderRadius:"var(--Input-Swatch-Radius, var(--Button-Radius))",backgroundColor:c,border:"1px solid "+(d?"var(--Buttons-"+T+"-Border)":"var(--Border)"),flexShrink:0}}),(!J||v)&&r.jsx(Qt,{style:{flex:1,color:"inherit",fontWeight:"inherit"},children:s}),d&&r.jsx(hr,{size:"small",sx:{opacity:.6,flexShrink:0},children:r.jsx(a,{})})]}),b&&!x&&r.jsx(t.Box,{"aria-hidden":"true",sx:{height:"1px",backgroundColor:"var(--Border)",mx:1,my:.25}})]},l)};return o.map((a,i)=>{if(a&&Array.isArray(a.options)){const o=a.options;return r.jsxs(e.Fragment,{children:[r.jsx(t.Box,{role:"presentation",sx:{px:1.5,pt:0===i?.75:1.25,pb:.5,fontSize:"11px",fontFamily:"inherit",fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase",color:"var(--Text-Quiet)"},children:a.label}),o.map((e,t)=>n(e,t,o.length))]},"group-"+(a.label||i))}return n(a,i,o.length)})})()}),document.body):null;return r.jsxs(t.Box,{ref:W,className:"select-wrapper select-"+d+" select-label-"+c+" select-style-"+m+" select-variant-"+p+(E?" select-open":"")+(j?" select-disabled":"")+(B?" "+B:""),sx:{position:"relative",width:S?"100%":"auto",display:"inline-block",fontFamily:"inherit",...k},...w,children:[Y&&s&&(()=>{const e="small"===d?Qt:qt;return r.jsx(e,{component:"label",style:{display:"block",marginBottom:"6px",color:j?"var(--Quiet)":"var(--Text)",fontWeight:500,opacity:j?.6:1},children:s})})(),r.jsx(t.Box,{sx:{border:"1px solid "+I,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:r.jsx(t.Box,{children:r.jsxs(t.Box,{ref:F,component:"button",type:"button",role:"combobox","aria-expanded":E,"aria-haspopup":"listbox","aria-label":s||g,tabIndex:j?-1:0,onClick:te,onKeyDown:e=>"Escape"===e.key?(L(!1),void F.current?.focus()):"Enter"===e.key||" "===e.key?(e.preventDefault(),void te()):E||"ArrowDown"!==e.key&&"ArrowUp"!==e.key?(E&&"ArrowDown"===e.key&&(e.preventDefault(),oe("down")),void(E&&"ArrowUp"===e.key&&(e.preventDefault(),oe("up")))):(e.preventDefault(),void L(!0)),onFocus:()=>M(!0),onBlur:()=>M(!1),sx:{display:"flex",alignItems:"center",gap:1,width:"100%",minWidth:140,height:Z.height,padding:Z.padding,backgroundColor:"var(--Hover)",border:"none",borderRadius:0,color:$||E?A:"var(--Quiet)",fontSize:Z.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&&r.jsx(t.Box,{sx:{display:"flex",alignItems:"center",flexShrink:0,color:"var(--Text-Quiet)"},children:y}),K&&s&&r.jsx(t.Box,{sx:{position:"absolute",top:$||E?"6px":"50%",left:(Z.leftPad||14)+(y?32:0)+"px",transform:$||E?"scale(0.75)":"translateY(-50%)",transformOrigin:"top left",color:E?A:"var(--Quiet)",fontSize:Z.fontSize,fontWeight:400,pointerEvents:"none",transition:"top 0.15s ease, transform 0.15s ease, color 0.15s ease"},children:s}),r.jsx(t.Box,{sx:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",...K&&{mt:$||E?"8px":0}},children:J&&$?r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:[r.jsx(t.Box,{sx:{height:"calc("+Z.height+" - 8px)",width:"calc("+Z.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&&r.jsx(Qt,{style:{color:"inherit",padding:0},children:X})]}):r.jsx(Qt,{style:{color:"inherit",padding:0},children:$?X:K&&s?"":g})}),r.jsx(x,{sx:{fontSize:(Z.iconSize||18)+"px",color:"var(--Text-Quiet)",transform:E?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease",flexShrink:0}})]})})}),ae]})}const Co={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},To={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Io={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Ao={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)"}},zo=e.createContext({value:0,setValue:()=>{},variant:"standard",color:"primary",size:"medium",orientation:"horizontal",scrollable:!1,tabsId:""}),Ro=()=>e.useContext(zo);function Eo({children:o,defaultValue:a=0,value:n,onChange:i,variant:l="standard",color:s="primary",size:c="medium",orientation:d="horizontal",scrollable:u=!1,className:x="",sx:p={},...h}){const[m,f]=e.useState(a),g=void 0!==n,b=g?n:m,v=e.useId(),y=e.useCallback(e=>{g||f(e),i?.(e)},[g,i]);return r.jsx(zo.Provider,{value:{value:b,setValue:y,variant:l,color:s,size:c,orientation:d,scrollable:u,tabsId:v},children:r.jsx(t.Box,{className:"tabs tabs-"+d+" tabs-"+c+" tabs-"+l+("standard"!==l?" tabs-"+s:"")+(u?" tabs-scrollable":"")+" "+x,sx:{display:"flex",flexDirection:"horizontal"===d?"column":"row",width:"100%",overflow:"hidden",...p},...h,children:o})})}function Lo({children:o,rounded:a=!1,className:n="",sx:i={},...l}){const{variant:s,color:c,size:d,orientation:u,scrollable:x,tabsId:p}=Ro(),h=e.useRef(null),m=e.useRef(null),[f,g]=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?Co[c]:S?To[c]:B?Io[c]:void 0,w=j?void 0:B?"Surface-Dimmest":S?"Surface-Brightest":"Surface",C=e.useCallback(()=>{const e=m.current;e&&x&&y&&(g(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 t=new ResizeObserver(C);return t.observe(e),()=>{e.removeEventListener("scroll",C),t.disconnect()}},[x,C]);const T=e=>{const t=m.current;if(!t)return;const r=.6*t.clientWidth;t.scrollBy({left:e*r,behavior:"smooth"})},I={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((t,r)=>e.cloneElement(t,{_index:r,key:t.key||r}));return r.jsxs(t.Box,{ref:h,"data-theme":k||void 0,"data-surface":w||void 0,className:"tab-list tab-list-"+s+" tab-list-"+d+" tab-list-"+u+(x?" tab-list-scrollable":"")+" "+n,onKeyDown:e=>{const t=x?m.current:h.current,r=t?.querySelectorAll('[role="tab"]:not([aria-disabled="true"])');if(!r?.length)return;const o=Array.from(r).indexOf(document.activeElement);if(o<0)return;const a=y?"ArrowRight":"ArrowDown",n=y?"ArrowLeft":"ArrowUp";if(e.key===a){e.preventDefault();const t=r[(o+1)%r.length];t.focus(),x&&t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})}else if(e.key===n){e.preventDefault();const t=r[(o-1+r.length)%r.length];t.focus(),x&&t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})}else"Home"===e.key?(e.preventDefault(),r[0].focus(),x&&r[0].scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})):"End"===e.key&&(e.preventDefault(),r[r.length-1].focus(),x&&r[r.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,...i},...l,children:[x&&y&&r.jsx(t.Box,{component:"button","aria-label":"Scroll tabs left",onClick:()=>T(-1),disabled:!f,className:"tab-list-scroll-btn tab-list-scroll-btn-left",sx:I,children:"‹"}),x&&y?r.jsx(t.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}):r.jsx(t.Box,{ref:m,role:"tablist","aria-orientation":u,sx:{display:"flex",flexDirection:y?"row":"column",flex:1},children:A}),x&&y&&r.jsx(t.Box,{component:"button","aria-label":"Scroll tabs right",onClick:()=>T(1),disabled:!b,className:"tab-list-scroll-btn tab-list-scroll-btn-right",sx:I,children:"›"})]})}function Po({children:e,value:o,_index:a=0,disabled:n=!1,startDecorator:i,endDecorator:l,iconOnly:s=!1,className:c="",sx:d={},...u}){const{value:x,setValue:p,variant:h,color:m,size:f,orientation:g,tabsId:b}=Ro(),v=Ao[f]||Ao.medium,y="horizontal"===g,j="standard"===h,S="light"===h,B="dark"===h,k=void 0!==o?o:a,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"===h?Co[m]:S?To[m]:B?Io[m]:void 0,I=j?void 0:B?"Surface-Dimmest":S?"Surface-Brightest":"Surface",A="tab-"+b+"-"+k,z="tabpanel-"+b+"-"+k;return r.jsxs(t.Box,{component:"button",role:"tab",id:A,"data-theme":T||void 0,"data-surface":I||void 0,"aria-selected":w,"aria-controls":z,"aria-disabled":n||void 0,tabIndex:w?0:-1,onClick:()=>{n||p(k)},className:"tab tab-"+f+(w?" tab-selected":"")+(n?" 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:n?"not-allowed":"pointer",opacity:n?.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",...!n&&{"&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},...d},...u,children:[i&&r.jsx(t.Box,{className:"tab-start-decorator",sx:{display:"inline-flex",fontSize:v.iconSize,lineHeight:1,flexShrink:0},children:i}),!s&&e&&(()=>{const o="small"===f?Kt:Qt;return r.jsx(t.Box,{className:"tab-label",sx:{display:"inline-flex",alignItems:"center",padding:"4px "+v.textPad},children:r.jsx(o,{style:{color:"inherit",fontWeight:"inherit"},children:e})})})(),l&&r.jsx(t.Box,{className:"tab-end-decorator",sx:{display:"inline-flex",fontSize:v.iconSize,lineHeight:1,flexShrink:0},children:l})]})}function Mo({children:e,value:o,className:a="",sx:n={},...i}){const{value:l,size:s,tabsId:c}=Ro(),d=Ao[s]||Ao.medium,u="tab-"+c+"-"+o,x="tabpanel-"+c+"-"+o;return l===o?r.jsx(t.Box,{role:"tabpanel",id:x,"aria-labelledby":u,className:"tab-panel tab-panel-"+s+" "+a,sx:{paddingTop:"16px",fontSize:d.fontSize,fontFamily:"inherit",color:"var(--Text)",...n},...i,children:e}):null}const Do=e.forwardRef(function({theme:e=null,surface:o="Surface",children:a,minHeight:n=160,sx:i={}},l){return r.jsx(t.Box,{ref:l,"data-theme":e||void 0,"data-surface":o,sx:{p:4,display:"flex",alignItems:"center",justifyContent:"center",minHeight:n,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",...i},children:a})}),Oo="__null__",Wo=[{label:"Default",value:Oo},{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"}],Fo=["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:n,surfaces:i=Fo,size:l="small"}){const s=i.map(e=>({value:e,label:e}));return r.jsxs(t.Stack,{direction:"row",spacing:1,sx:{alignItems:"center"},children:[r.jsx(t.Box,{sx:{width:160},children:r.jsx(wo,{options:Wo,value:e??Oo,onChange:e=>o?.(e===Oo?null:e),labelPosition:"none",size:l,variant:"outline",color:"default","aria-label":"Background theme",fullWidth:!0})}),r.jsx(t.Box,{sx:{width:180},children:r.jsx(wo,{options:s,value:a,onChange:e=>n?.(e),labelPosition:"none",size:l,variant:"outline",color:"default","aria-label":"Surface",fullWidth:!0})})]})}function No(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Vo,Qo={exports:{}},Go={exports:{}},qo={};var Uo,Xo,$o,Ko,Yo,Jo,Zo,_o,ea,ta,ra,oa,aa,na,ia={};
2
2
  /** @license React v16.13.1
3
3
  * react-is.development.js
4
4
  *
@@ -6,12 +6,12 @@
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 ta(){return Ho||(Ho=1,"production"===process.env.NODE_ENV?Wo.exports=function(){if(Do)return Fo;Do=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,n=e?Symbol.for("react.profiler"):60114,i=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,u=e?Symbol.for("react.suspense"):60113,x=e?Symbol.for("react.suspense_list"):60120,p=e?Symbol.for("react.memo"):60115,h=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 x=e.$$typeof;switch(x){case t:switch(e=e.type){case s:case c:case o:case n:case a:case u:return e;default:switch(e=e&&e.$$typeof){case l:case d:case h:case p:case i:return e;default:return x}}case r:return x}}}function y(e){return v(e)===c}return Fo.AsyncMode=s,Fo.ConcurrentMode=c,Fo.ContextConsumer=l,Fo.ContextProvider=i,Fo.Element=t,Fo.ForwardRef=d,Fo.Fragment=o,Fo.Lazy=h,Fo.Memo=p,Fo.Portal=r,Fo.Profiler=n,Fo.StrictMode=a,Fo.Suspense=u,Fo.isAsyncMode=function(e){return y(e)||v(e)===s},Fo.isConcurrentMode=y,Fo.isContextConsumer=function(e){return v(e)===l},Fo.isContextProvider=function(e){return v(e)===i},Fo.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},Fo.isForwardRef=function(e){return v(e)===d},Fo.isFragment=function(e){return v(e)===o},Fo.isLazy=function(e){return v(e)===h},Fo.isMemo=function(e){return v(e)===p},Fo.isPortal=function(e){return v(e)===r},Fo.isProfiler=function(e){return v(e)===n},Fo.isStrictMode=function(e){return v(e)===a},Fo.isSuspense=function(e){return v(e)===u},Fo.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===c||e===n||e===a||e===u||e===x||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===p||e.$$typeof===i||e.$$typeof===l||e.$$typeof===d||e.$$typeof===f||e.$$typeof===g||e.$$typeof===b||e.$$typeof===m)},Fo.typeOf=v,Fo}():Wo.exports=(No||(No=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,n=e?Symbol.for("react.profiler"):60114,i=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,u=e?Symbol.for("react.suspense"):60113,x=e?Symbol.for("react.suspense_list"):60120,p=e?Symbol.for("react.memo"):60115,h=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 x=e.$$typeof;switch(x){case t:var m=e.type;switch(m){case s:case c:case o:case n:case a:case u:return m;default:var f=m&&m.$$typeof;switch(f){case l:case d:case h:case p:case i:return f;default:return x}}case r:return x}}}var y=s,j=c,S=l,B=i,k=t,C=d,w=o,T=h,I=p,A=r,z=n,R=a,E=u,L=!1;function P(e){return v(e)===c}ea.AsyncMode=y,ea.ConcurrentMode=j,ea.ContextConsumer=S,ea.ContextProvider=B,ea.Element=k,ea.ForwardRef=C,ea.Fragment=w,ea.Lazy=T,ea.Memo=I,ea.Portal=A,ea.Profiler=z,ea.StrictMode=R,ea.Suspense=E,ea.isAsyncMode=function(e){return L||(L=!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.")),P(e)||v(e)===s},ea.isConcurrentMode=P,ea.isContextConsumer=function(e){return v(e)===l},ea.isContextProvider=function(e){return v(e)===i},ea.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},ea.isForwardRef=function(e){return v(e)===d},ea.isFragment=function(e){return v(e)===o},ea.isLazy=function(e){return v(e)===h},ea.isMemo=function(e){return v(e)===p},ea.isPortal=function(e){return v(e)===r},ea.isProfiler=function(e){return v(e)===n},ea.isStrictMode=function(e){return v(e)===a},ea.isSuspense=function(e){return v(e)===u},ea.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===c||e===n||e===a||e===u||e===x||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===p||e.$$typeof===i||e.$$typeof===l||e.$$typeof===d||e.$$typeof===f||e.$$typeof===g||e.$$typeof===b||e.$$typeof===m)},ea.typeOf=v}()),ea)),Wo.exports}
9
+ */function la(){return Xo||(Xo=1,"production"===process.env.NODE_ENV?Go.exports=function(){if(Vo)return qo;Vo=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,n=e?Symbol.for("react.profiler"):60114,i=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,u=e?Symbol.for("react.suspense"):60113,x=e?Symbol.for("react.suspense_list"):60120,p=e?Symbol.for("react.memo"):60115,h=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 x=e.$$typeof;switch(x){case t:switch(e=e.type){case s:case c:case o:case n:case a:case u:return e;default:switch(e=e&&e.$$typeof){case l:case d:case h:case p:case i:return e;default:return x}}case r:return x}}}function y(e){return v(e)===c}return qo.AsyncMode=s,qo.ConcurrentMode=c,qo.ContextConsumer=l,qo.ContextProvider=i,qo.Element=t,qo.ForwardRef=d,qo.Fragment=o,qo.Lazy=h,qo.Memo=p,qo.Portal=r,qo.Profiler=n,qo.StrictMode=a,qo.Suspense=u,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)===i},qo.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},qo.isForwardRef=function(e){return v(e)===d},qo.isFragment=function(e){return v(e)===o},qo.isLazy=function(e){return v(e)===h},qo.isMemo=function(e){return v(e)===p},qo.isPortal=function(e){return v(e)===r},qo.isProfiler=function(e){return v(e)===n},qo.isStrictMode=function(e){return v(e)===a},qo.isSuspense=function(e){return v(e)===u},qo.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===c||e===n||e===a||e===u||e===x||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===p||e.$$typeof===i||e.$$typeof===l||e.$$typeof===d||e.$$typeof===f||e.$$typeof===g||e.$$typeof===b||e.$$typeof===m)},qo.typeOf=v,qo}():Go.exports=(Uo||(Uo=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,n=e?Symbol.for("react.profiler"):60114,i=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,u=e?Symbol.for("react.suspense"):60113,x=e?Symbol.for("react.suspense_list"):60120,p=e?Symbol.for("react.memo"):60115,h=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 x=e.$$typeof;switch(x){case t:var m=e.type;switch(m){case s:case c:case o:case n:case a:case u:return m;default:var f=m&&m.$$typeof;switch(f){case l:case d:case h:case p:case i:return f;default:return x}}case r:return x}}}var y=s,j=c,S=l,B=i,k=t,w=d,C=o,T=h,I=p,A=r,z=n,R=a,E=u,L=!1;function P(e){return v(e)===c}ia.AsyncMode=y,ia.ConcurrentMode=j,ia.ContextConsumer=S,ia.ContextProvider=B,ia.Element=k,ia.ForwardRef=w,ia.Fragment=C,ia.Lazy=T,ia.Memo=I,ia.Portal=A,ia.Profiler=z,ia.StrictMode=R,ia.Suspense=E,ia.isAsyncMode=function(e){return L||(L=!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.")),P(e)||v(e)===s},ia.isConcurrentMode=P,ia.isContextConsumer=function(e){return v(e)===l},ia.isContextProvider=function(e){return v(e)===i},ia.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},ia.isForwardRef=function(e){return v(e)===d},ia.isFragment=function(e){return v(e)===o},ia.isLazy=function(e){return v(e)===h},ia.isMemo=function(e){return v(e)===p},ia.isPortal=function(e){return v(e)===r},ia.isProfiler=function(e){return v(e)===n},ia.isStrictMode=function(e){return v(e)===a},ia.isSuspense=function(e){return v(e)===u},ia.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===c||e===n||e===a||e===u||e===x||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===p||e.$$typeof===i||e.$$typeof===l||e.$$typeof===d||e.$$typeof===f||e.$$typeof===g||e.$$typeof===b||e.$$typeof===m)},ia.typeOf=v}()),ia)),Go.exports}
10
10
  /*
11
11
  object-assign
12
12
  (c) Sindre Sorhus
13
13
  @license MIT
14
- */function ra(){if(Qo)return Vo;Qo=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;return Vo=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[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 n,i,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 n=Object(arguments[s]))t.call(n,c)&&(l[c]=n[c]);if(e){i=e(n);for(var d=0;d<i.length;d++)r.call(n,i[d])&&(l[i[d]]=n[i[d]])}}return l},Vo}function oa(){if(qo)return Go;qo=1;return Go="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function aa(){return Xo?Uo:(Xo=1,Uo=Function.call.bind(Object.prototype.hasOwnProperty))}if("production"!==process.env.NODE_ENV){var na=ta();Mo.exports=function(){if(Zo)return Yo;Zo=1;var e=ta(),t=ra(),r=oa(),o=aa(),a=function(){if(Jo)return Ko;Jo=1;var e=function(){};if("production"!==process.env.NODE_ENV){var t=oa(),r={},o=aa();e=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}}function a(a,n,i,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 u=Error((l||"React class")+": "+i+" 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 u.name="Invariant Violation",u}d=a[c](n,c,l,i,null,t)}catch(e){d=e}if(!d||d instanceof Error||e((l||"React class")+": type specification of "+i+" `"+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 r)){r[d.message]=!0;var x=s?s():"";e("Failed "+i+" type: "+d.message+(null!=x?x:""))}}}return a.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(r={})},Ko=a}(),n=function(){};function i(){return null}return"production"!==process.env.NODE_ENV&&(n=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}),Yo=function(l,s){var c="function"==typeof Symbol&&Symbol.iterator,d="<<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:h(i),arrayOf:function(e){return h(function(t,o,a,n,i){if("function"!=typeof e)return new p("Property `"+i+"` of component `"+a+"` has invalid PropType notation inside arrayOf.");var l=t[o];if(!Array.isArray(l))return new p("Invalid "+n+" `"+i+"` of type `"+b(l)+"` supplied to `"+a+"`, expected an array.");for(var s=0;s<l.length;s++){var c=e(l,s,a,n,i+"["+s+"]",r);if(c instanceof Error)return c}return null})},element:h(function(e,t,r,o,a){var n=e[t];return l(n)?null:new p("Invalid "+o+" `"+a+"` of type `"+b(n)+"` supplied to `"+r+"`, expected a single ReactElement.")}),elementType:h(function(t,r,o,a,n){var i=t[r];return e.isValidElementType(i)?null:new p("Invalid "+a+" `"+n+"` of type `"+b(i)+"` supplied to `"+o+"`, expected a single ReactElement type.")}),instanceOf:function(e){return h(function(t,r,o,a,n){if(!(t[r]instanceof e)){var i=e.name||d;return new p("Invalid "+a+" `"+n+"` of type `"+((l=t[r]).constructor&&l.constructor.name?l.constructor.name:d)+"` supplied to `"+o+"`, expected instance of `"+i+"`.")}var l;return null})},node:h(function(e,t,r,o,a){return g(e[t])?null:new p("Invalid "+o+" `"+a+"` supplied to `"+r+"`, expected a ReactNode.")}),objectOf:function(e){return h(function(t,a,n,i,l){if("function"!=typeof e)return new p("Property `"+l+"` of component `"+n+"` has invalid PropType notation inside objectOf.");var s=t[a],c=b(s);if("object"!==c)return new p("Invalid "+i+" `"+l+"` of type `"+c+"` supplied to `"+n+"`, expected an object.");for(var d in s)if(o(s,d)){var u=e(s,d,n,i,l+"."+d,r);if(u instanceof Error)return u}return null})},oneOf:function(e){return Array.isArray(e)?h(function(t,r,o,a,n){for(var i=t[r],l=0;l<e.length;l++)if(x(i,e[l]))return null;var s=JSON.stringify(e,function(e,t){return"symbol"===v(t)?String(t):t});return new p("Invalid "+a+" `"+n+"` of value `"+String(i)+"` supplied to `"+o+"`, expected one of "+s+".")}):("production"!==process.env.NODE_ENV&&n(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),i)},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&n("Invalid argument supplied to oneOfType, expected an instance of array."),i;for(var t=0;t<e.length;t++){var a=e[t];if("function"!=typeof a)return n("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+y(a)+" at index "+t+"."),i}return h(function(t,a,n,i,l){for(var s=[],c=0;c<e.length;c++){var d=(0,e[c])(t,a,n,i,l,r);if(null==d)return null;d.data&&o(d.data,"expectedType")&&s.push(d.data.expectedType)}return new p("Invalid "+i+" `"+l+"` supplied to `"+n+"`"+(s.length>0?", expected one of type ["+s.join(", ")+"]":"")+".")})},shape:function(e){return h(function(t,o,a,n,i){var l=t[o],s=b(l);if("object"!==s)return new p("Invalid "+n+" `"+i+"` of type `"+s+"` supplied to `"+a+"`, expected `object`.");for(var c in e){var d=e[c];if("function"!=typeof d)return f(a,n,i,c,v(d));var u=d(l,c,a,n,i+"."+c,r);if(u)return u}return null})},exact:function(e){return h(function(a,n,i,l,s){var c=a[n],d=b(c);if("object"!==d)return new p("Invalid "+l+" `"+s+"` of type `"+d+"` supplied to `"+i+"`, expected `object`.");var u=t({},a[n],e);for(var x in u){var h=e[x];if(o(e,x)&&"function"!=typeof h)return f(i,l,s,x,v(h));if(!h)return new p("Invalid "+l+" `"+s+"` key `"+x+"` supplied to `"+i+"`.\nBad object: "+JSON.stringify(a[n],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null," "));var m=h(c,x,i,l,s+"."+x,r);if(m)return m}return null})}};function x(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function p(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function h(e){if("production"!==process.env.NODE_ENV)var t={},o=0;function a(a,i,l,c,u,x,h){if(c=c||d,x=x||l,h!==r){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;!t[f]&&o<3&&(n("You are manually calling a React.PropTypes validation function for the `"+x+"` 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."),t[f]=!0,o++)}}return null==i[l]?a?null===i[l]?new p("The "+u+" `"+x+"` is marked as required in `"+c+"`, but its value is `null`."):new p("The "+u+" `"+x+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(i,l,c,u,x)}var i=a.bind(null,!1);return i.isRequired=a.bind(null,!0),i}function m(e){return h(function(t,r,o,a,n,i){var l=t[r];return b(l)!==e?new p("Invalid "+a+" `"+n+"` of type `"+v(l)+"` supplied to `"+o+"`, expected `"+e+"`.",{expectedType:e}):null})}function f(e,t,r,o,a){return new p((e||"React class")+": "+t+" type `"+r+"."+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 t=function(e){var t=e&&(c&&e[c]||e["@@iterator"]);if("function"==typeof t)return t}(e);if(!t)return!1;var r,o=t.call(e);if(t!==e.entries){for(;!(r=o.next()).done;)if(!g(r.value))return!1}else for(;!(r=o.next()).done;){var a=r.value;if(a&&!g(a[1]))return!1}return!0;default:return!1}}function b(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function v(e){if(null==e)return""+e;var t=b(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function y(e){var t=v(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return p.prototype=Error.prototype,u.checkPropTypes=a,u.resetWarningCache=a.resetWarningCache,u.PropTypes=u,u},Yo}()(na.isElement,!0)}else Mo.exports=function(){if(_o)return $o;_o=1;var e=oa();function t(){}function r(){}return r.resetWarningCache=t,$o=function(){function o(t,r,o,a,n,i){if(i!==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 n={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:r,resetWarningCache:t};return n.PropTypes=n,n},$o}()();var ia=Oo(Mo.exports);function la({code:n,label:i="Copy code"}){const[l,s]=e.useState(!1);return r.jsx(t.Tooltip,{title:l?"Copied!":i,children:r.jsx(t.IconButton,{size:"small",onClick:async()=>{try{await navigator.clipboard.writeText(n),s(!0),setTimeout(()=>s(!1),2e3)}catch(e){console.error("Copy failed:",e)}},"aria-label":l?"Copied":i,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?r.jsx(a,{fontSize:"small"}):r.jsx(o,{fontSize:"small"})})})}la.propTypes={code:ia.string.isRequired,label:ia.string};function sa({code:e="",language:o="JSX",showCopy:a=!0,showHeader:n=!0,maxHeight:i,wrap:l=!1,sx:s={},...c}){return r.jsxs(t.Box,{"data-theme":"Neutral","data-surface":"Surface-Dimmest",sx:{backgroundColor:"var(--Background)",borderRadius:"min(var(--Card-Radius, var(--Style-Border-Radius)), 12px)",overflow:"hidden",...s},...c,children:[n&&(o||a)&&r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:1,px:2,py:1,borderBottom:"1px solid var(--Border)",minHeight:40},children:[r.jsx(Kt,{color:"quiet",children:o}),a&&e?r.jsx(la,{code:e}):null]}),r.jsx(t.Box,{sx:{p:2,overflow:"auto",maxHeight:i},children:r.jsx(t.Box,{component:"pre",sx:{margin:0,fontFamily:"inherit"},children:r.jsx(t.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 ca(e){if(!e)return null;const t=e.trim();if(/^#[0-9a-f]{3}$/i.test(t))return{r:parseInt(t[1]+t[1],16),g:parseInt(t[2]+t[2],16),b:parseInt(t[3]+t[3],16),a:1};if(/^#[0-9a-f]{6}$/i.test(t))return{r:parseInt(t.substring(1,3),16),g:parseInt(t.substring(3,5),16),b:parseInt(t.substring(5,7),16),a:1};if(/^#[0-9a-f]{8}$/i.test(t))return{r:parseInt(t.substring(1,3),16),g:parseInt(t.substring(3,5),16),b:parseInt(t.substring(5,7),16),a:parseInt(t.substring(7,9),16)/255};const r=t.match(/rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)(?:[,\s/]+([\d.]+%?))?\s*\)/);if(r){let e=1;return void 0!==r[4]&&(e=r[4].endsWith("%")?parseFloat(r[4])/100:parseFloat(r[4])),{r:Math.round(parseFloat(r[1])),g:Math.round(parseFloat(r[2])),b:Math.round(parseFloat(r[3])),a:e}}return null}function da(e,t){if(!e||!t)return e||t;if(e.a>=1)return e;const r=e.a;return{r:Math.round(e.r*r+t.r*(1-r)),g:Math.round(e.g*r+t.g*(1-r)),b:Math.round(e.b*r+t.b*(1-r)),a:1}}function ua(e){const t=e=>e<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4);return.2126*t(e.r/255)+.7152*t(e.g/255)+.0722*t(e.b/255)}function xa(e,t,r){const o=ca(e),a=ca(t),n=ca(r);if(!o||!a)return null;const i=n?da(a,n):a.a<1?null:a;if(!i)return null;const l=da(o,i);if(!l)return null;const s=ua(l),c=ua(i);return((Math.max(s,c)+.05)/(Math.min(s,c)+.05)).toFixed(2)}function pa(e){return"undefined"==typeof window?null:getComputedStyle(document.documentElement).getPropertyValue(e).trim()}sa.propTypes={code:ia.string,language:ia.string,showCopy:ia.bool,showHeader:ia.bool,maxHeight:ia.oneOfType([ia.number,ia.string]),wrap:ia.bool,sx:ia.object};const ha={"display-large":"Display Large","display-medium":"Display Medium","display-small":"Display Small",h1:"H1",h2:"H2",h3:"H3",h4:"H4",h5:"H5",h6:"H6","subtitle-small":"Subtitle Small",subtitle:"Subtitle Medium","subtitle-large":"Subtitle Large","body-small":"Body Small","body-small-semibold":"Body Small Semibold",body:"Body Medium","body-semibold":"Body Medium Semibold","body-large":"Body Large","body-large-semibold":"Body Large Semibold",label:"Label","label-small":"Label Small","label-large":"Label Large",caption:"Caption","caption-bold":"Caption Bold",legal:"Legal","legal-semibold":"Legal Semibold",eyebrow:"Eyebrow Medium","eyebrow-small":"Eyebrow Small","eyebrow-large":"Eyebrow Large",button:"Button Standard","button-small":"Button Small","button-extra-small":"Button Extra Small","number-large":"Number Large","number-medium":"Number Medium","number-small":"Number Small"};Object.entries({Display:["display-large","display-medium","display-small"],Headings:["h1","h2","h3","h4","h5","h6"],Subtitle:["subtitle-small","subtitle","subtitle-large"],Body:["body-small","body-small-semibold","body","body-semibold","body-large","body-large-semibold"],Label:["label","label-small","label-large"],Caption:["caption","caption-bold"],Legal:["legal","legal-semibold"],Eyebrow:["eyebrow-small","eyebrow","eyebrow-large"],Button:["button-extra-small","button-small","button"],Number:["number-large","number-medium","number-small"]}).map(([e,t])=>({label:e,options:t.map(e=>({value:e,label:ha[e]}))}));const ma=["default","primary","secondary","tertiary","neutral","info","success","warning","error"],fa=e=>e.charAt(0).toUpperCase()+e.slice(1);function ga(e){const t=fa(e);return{type:"outline",color:t,trackOff:"var(--Background)",trackOffBorder:"var(--Border-Variant)",trackOn:"var(--Buttons-"+t+"-Button)",trackOnBorder:"var(--Buttons-"+t+"-Border)",dotOff:"var(--Quiet)",dotOn:"var(--Buttons-"+t+"-Text)",iconOff:"var(--Background)",iconOn:"var(--Buttons-"+t+"-Button)"}}function ba(e){const t=fa(e);return{type:"light",color:t,trackOff:"var(--Border-Variant)",trackOffBorder:"transparent",trackOn:"var(--"+t+"-Color-11)",trackOnBorder:"var(--Buttons-"+t+"-Border)",dotOff:"var(--Quiet)",dotOn:"var(--Buttons-"+t+"-Border)",iconOff:"var(--Border-Variant)",iconOn:"var(--"+t+"-Color-11)",dataTheme:t,dataSurface:"Surface-Brightest"}}const va={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 ya({variant:e="default",size:o="medium",checked:a,defaultChecked:n,onChange:i,disabled:l=!1,label:s,labelPlacement:c="end",name:d,value:u,icon:x,iconOn:p,iconOff:h,className:m="",sx:f={},"aria-label":g,"aria-labelledby":b,...v}){const y=function(){const e={};return ma.forEach(t=>{e[t+"-outline"]=ga(t),e[t+"-light"]=ba(t)}),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=ga("primary"),e.light=ba("primary"),e}(),j=y[e]||y.default,S=va[o]||va.medium,B="small"===o?Vt:Gt,k=S.trackH-4,C=Math.max(24,S.trackW),w=Math.max(24,S.trackH),T=(w-S.trackH)/2,I={width:k,height:k,borderRadius:S.dotRadius,boxShadow:"none",border:"none",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.15s ease","& > *":{width:S.icon,height:S.icon,display:"block"}},A={width:S.trackW,minWidth:24,height:w,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:C-S.trackW+2+"px",color:"transparent",transition:"justify-content 0.15s ease",transform:"none","& .MuiSwitch-input":{left:0,top:0,width:"100%",height:"100%",margin:0},"& .MuiSwitch-thumb":{...I,backgroundColor:j.dotOff,color:j.iconOff},"&.Mui-checked":{justifyContent:"flex-end",transform:"none","& .MuiSwitch-thumb":{...I,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:wr},"&:active + .MuiSwitch-track":{boxShadow:Cr},"&.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 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease"},...f},z=e.includes("-light")||"light"===e,R=void 0!==h?h:x,E=void 0!==p?p:x,L=void 0!==R||void 0!==E,P=e=>r.jsx("span",{className:"MuiSwitch-thumb",children:e}),O=r.jsx(t.Switch,{...L?{icon:P(R),checkedIcon:P(E)}:{},checked:a,defaultChecked:n,onChange:i,disabled:l,name:d,value:u,slotProps:{input:{...g?{"aria-label":g}:{},...b?{"aria-labelledby":b}:{}}},className:"switch-"+e+" "+m,sx:A,disableRipple:!0,...z&&j.dataTheme?{"data-theme":j.dataTheme,"data-surface":j.dataSurface||"Surface-Dim"}:{},...v});return s?r.jsx(t.FormControlLabel,{control:O,label:r.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}}):O}const ja=ya,Sa=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Ba={default:"Default",quiet:"Quiet",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},ka=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Ca=["filled","outlined","rounded","twotone","sharp"],wa={filled:"Filled",outlined:"Outlined",rounded:"Rounded",twotone:"Two Tone",sharp:"Sharp"},Ta={Home:{filled:h,outlined:k,rounded:P,twotone:U,sharp:ae},Favorite:{filled:p,outlined:C,rounded:O,twotone:X,sharp:ne},Delete:{filled:m,outlined:w,rounded:D,twotone:K,sharp:ie},Settings:{filled:f,outlined:T,rounded:M,twotone:J,sharp:le},Search:{filled:g,outlined:g,rounded:W,twotone:Y,sharp:se},Star:{filled:b,outlined:I,rounded:F,twotone:Z,sharp:ce},Person:{filled:n,outlined:A,rounded:N,twotone:$,sharp:de},Notifications:{filled:v,outlined:z,rounded:H,twotone:_,sharp:ue},Visibility:{filled:y,outlined:R,rounded:V,twotone:ee,sharp:xe},ShoppingCart:{filled:j,outlined:E,rounded:Q,twotone:te,sharp:pe},Lock:{filled:S,outlined:L,rounded:G,twotone:re,sharp:he},Info:{filled:B,outlined:d,rounded:q,twotone:oe,sharp:me}};function Ia({ratio:e,threshold:o}){if(!e)return r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"--"});const a=parseFloat(e)>=o;return r.jsxs(t.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[r.jsxs(t.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"]}),r.jsx(Kt,{style:{color:a?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:a?"Pass":"Fail"})]})}function Aa({label:e,ratio:o,threshold:a,note:n}){return r.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(t.Box,{sx:{flex:1},children:[r.jsx(Vt,{style:{color:"var(--Text)"},children:e}),n&&r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),r.jsx(Ia,{ratio:o,threshold:a})]})}function za({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"primary":"primary-outline",size:"small",onClick:o,children:e})}const Ra={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error",white:"White",black:"Black"},Ea={small:{size:32,iconSize:"16px",borderRadius:"8px"},medium:{size:40,iconSize:"20px",borderRadius:"10px"},large:{size:48,iconSize:"24px",borderRadius:"12px"}};function La({children:e,color:o="primary",variant:a="solid",size:n="medium",className:i="",sx:l={},...s}){const c=Ea[n]||Ea.medium,d=Ra[o]||Ra.primary;let u,x;switch(a){case"light":u=d,x="Surface-Brightest";break;case"dark":u=d,x="Surface-Dimmest";break;default:u=d,x="Surface"}return r.jsx(t.Box,{"data-theme":u,"data-surface":x,className:"icon-badge icon-badge-"+a+" icon-badge-"+n+" icon-badge-"+o+" "+i,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})}const Pa={default:"Default-Light",primary:"Primary-Light",secondary:"Secondary-Light",tertiary:"Tertiary-Light",neutral:"Neutral-Light",info:"Info-Light",success:"Success-Light",warning:"Warning-Light",error:"Error-Light"};function Oa({variant:o="outlined",color:a="default",size:n="medium",disabled:i=!1,orientation:l="horizontal",spacing:s=0,fit:c,fullWidth:d=!1,equalWidth:u=!1,value:x,defaultValue:p,onChange:h,children:m,className:f="",sx:g={},"aria-label":b,...v}){const[y,j]=e.useState(p??null),S=void 0!==x,B=S?x:y,k="horizontal"===l,C=0===s,w="light"===o,T="ghost"===o,I=c??(d?"fill":u?"equal":"hug"),A="fill"===I,z="equal"===I&&k,R=(E=a).charAt(0).toUpperCase()+E.slice(1);var E;const L="var(--Buttons-"+R+"-Border)",P="var(--Buttons-"+R+"-Button)",O="var(--Buttons-"+R+"-Text)",D=Pa[a]||"Default-Light",M=e.Children.toArray(m).filter(Boolean),W=M.length,F=(e,t)=>r=>{S||j(e),h?.(e,r),t?.(r)},N=M.map((o,l)=>{if(!e.isValidElement(o))return o;const s=0===l,c=l===W-1,d=o.props.value??l,u=B===d;let x;if(C&&W>1){const e="var(--Style-Border-Radius)";x=k?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 p={...C&&W>1?{borderRadius:x,...!s&&(k?{marginLeft:"calc(-1 * var(--Button-Border-Width))"}:{marginTop:"calc(-1 * var(--Button-Border-Width))"}),position:"relative","&:hover, &:focus-visible":{zIndex:1}}:{},...u?{backgroundColor:P+" !important",color:O+" !important",borderColor:L+" !important","&:hover, &:active, &.Mui-focusVisible, &:focus-visible":{backgroundColor:P+" !important",color:O+" !important",borderColor:L+" !important"}}:{},...u?{}:{color:"var(--Quiet)",backgroundColor:"transparent","&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)",zIndex:1},"&:active":{backgroundColor:"var(--Pressed)",color:"var(--Buttons-Default-Text)"}},...T?{border:"none !important","&:hover":{border:"none !important"}}:{},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px",zIndex:2},...o.props.sx},h=e.cloneElement(o,{variant:o.props.variant??(T?"ghost":u?a:a+"-outline"),size:o.props.size??n,disabled:o.props.disabled??i,onClick:F(d,o.props.onClick),"aria-pressed":u,sx:p});return w&&!u?r.jsx(t.Box,{"data-theme":D,"data-surface":"Surface",sx:{display:"contents"},children:h},l):e.cloneElement(h,{key:l})});return r.jsx(t.Box,{role:"group","aria-label":b,className:"btn-group btn-group-"+o+" btn-group-"+a+" "+f,sx:{...z?{display:A?"grid":"inline-grid",gridAutoFlow:"column",gridAutoColumns:"1fr",justifyItems:"stretch",alignItems:"stretch",width:A?"100%":"fit-content"}:{display:A?"flex":"inline-flex",flexDirection:k?"row":"column",alignItems:"stretch",width:A?"100%":"auto"},gap:C?0:s,border:"none",borderRadius:"var(--Style-Border-Radius)",...g},...v,children:N})}const Da=["Link","Chip","Badge","Caption","Label","Tag","BodySmall","LegalSemibold","Legal","LabelSmall","LabelExtraSmall","EyebrowSmall","ButtonSmall"];function Ma(t){let r=!1;return e.Children.forEach(t,t=>{(function(t){if(!e.isValidElement(t))return!1;const r=t.props||{};if("small"===r.size)return!0;if("small"===r["data-size"])return!0;if(24===r.height||24===r.minHeight)return!0;if("24px"===r.height||"24px"===r.minHeight)return!0;if(r.sx){const e=r.sx.minHeight||r.sx.height;if(24===e||"24px"===e)return!0}const o=t.type;if(o){const e=o.displayName||o.name||"";if(Da.some(t=>e.includes(t)))return!0}return!1})(t)&&(r=!0)}),r}function Wa({children:o,gap:a,spacing:n,direction:i="column",enforceMinGap:l=!0,minGapToken:s="--min-stack-gap",divider:c,flexWrap:d,useFlexGap:u=!0,alignItems:x,justifyContent:p,sx:h={},className:m="",...f}){const g=void 0!==a?a:n,b=l&&Ma(o),v=e.useMemo(()=>{if(!b)return g;const e=function(e,t=8){return null==e?0:"number"==typeof e?e*t:"string"==typeof e?e.endsWith("px")?parseFloat(e):e.endsWith("rem")?parseFloat(e)*parseFloat(getComputedStyle(document.documentElement).fontSize||"16"):parseFloat(e)*t||0:0}(g),t=function(e,t=8){if("undefined"==typeof window)return t;const r=getComputedStyle(document.documentElement).getPropertyValue(e).trim();return r?r.endsWith("rem")?parseFloat(r)*parseFloat(getComputedStyle(document.documentElement).fontSize):parseFloat(r)||t:t}(s,8);return e>=t?g:"var("+s+", "+t+"px)"},[b,g,s]);return r.jsx(t.Stack,{direction:i,spacing:u?void 0:v,gap:u?v:void 0,divider:c,flexWrap:d,useFlexGap:u,alignItems:x,justifyContent:p,className:"omni-stack"+(b?" omni-stack-min-gap-enforced":"")+(m?" "+m:""),sx:{background:"var(--Background)",boxSizing:"border-box",...b?{"&::before":{display:"none"}}:{},...h},"data-min-gap-enforced":b?"true":void 0,...f,children:o})}const Fa=e=>r.jsx(Wa,{direction:"row",alignItems:"center",...e}),Na=e=>r.jsx(Wa,{direction:"column",...e}),Ha=e=>r.jsx(Wa,{direction:"row",flexWrap:"wrap",...e}),Va=Wa,Qa=Ha,Ga={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},qa={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)"}},Ua=e.createContext({variant:"default",color:"primary",size:"medium",orientation:"vertical"});function Xa({children:e,variant:o="solid",color:a="default",surface:n,size:i="medium",orientation:l="vertical",clickable:s=!1,selected:c=!1,elevated:d=!1,draggable:u=!1,onClick:x,href:p,className:h="",sx:m={},...f}){const g="default"===a,b=g?"":Ga[a],v=n||(g?"Container":"dark"===o?"Surface-Dimmest":"light"===o?"Surface-Brightest":"Surface"),y=qa[i]||qa.medium,j="horizontal"===l,S=!!u,B=s||!!x||!!p||c||S,k=p?"a":"div",C=c?`var(--Buttons-${(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===a?"Default":a)}-Border)`:"var(--Buttons-Default-Border)",w=B?c?`2px solid ${C}`:"1px solid var(--Buttons-Default-Border)":"1px solid var(--Border-Variant)",T=d?Tr:wr,I=d?Ir:Tr,A=d?wr:Cr;return r.jsx(Ua.Provider,{value:{variant:o,color:a,size:i,orientation:l},children:r.jsx(t.Box,{component:k,href:p||void 0,onClick:B?x: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-"+i+" card-"+l+(B?" card-clickable":"")+(c?" card-selected":"")+(d?" card-elevated":"")+(S?" card-draggable":"")+" "+h,sx:{display:"flex",border:w,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:I,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:I},"&:active":{cursor:"grabbing",zIndex:10,boxShadow:Ir,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(),x?.())}:void 0,...f,children:r.jsx(t.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 Ka({children:o,className:a="",sx:n={},...i}){const{size:l}=e.useContext(Ua),s=qa[l]||qa.medium;return r.jsx(t.Box,{className:"card-content "+a,sx:{display:"flex",flexDirection:"column",gap:s.gap,flex:1,minWidth:0,...n},...i,children:o})}const Ja=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Ya=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary"]},{label:"Core",colors:["white","black"]},{label:"State",colors:["info","success","warning","error"]}],Za=[h,fe,l,b,ge,be];const $a={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},_a={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 en({children:e,icon:o,label:a,variant:n="solid",color:i="primary",size:l="medium",extended:s=!1,animate:c=!1,disabled:d=!1,onClick:u,ariaLabel:x,className:p="",sx:h={},...m}){const f=function(e,t){const r=$a[t]||"Primary";return"light"===e?{bg:"var(--Buttons-"+r+"-Light-Button)",text:"var(--Buttons-"+r+"-Light-Text)",border:"var(--Buttons-"+r+"-Light-Border)",hover:"var(--Buttons-"+r+"-Light-Hover)",active:"var(--Buttons-"+r+"-Light-Pressed)"}:{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,i),g=_a[l]||_a.medium,b=o||e||r.jsx(ve,{sx:{fontSize:g.iconSize}}),v=x||a||"Action";return r.jsxs(r.Fragment,{children:[c&&r.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"}),r.jsxs(t.Box,{component:"button",type:"button",role:"button","aria-label":v,onClick:u,disabled:d,className:"fab fab-"+n+" fab-"+i+" fab-"+l+(s?" fab-extended":"")+(c?" fab-animate":"")+(d?" fab-disabled":"")+(p?" "+p:""),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:`${Or(i)}, ${Tr}`,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:`${Or(i)}, ${Ir}`},"&:active":d?{}:{backgroundColor:f.active,transform:"scale(0.96)",boxShadow:Or(i)},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px"},...c&&!d&&{animation:"fab-pulse 2s infinite"},...h},...m,children:[r.jsx(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",fontSize:g.iconSize+"px",color:"inherit","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"}},children:b}),s&&a&&r.jsx(t.Box,{component:"span",sx:{whiteSpace:"nowrap",lineHeight:1},children:a})]})]})}const tn=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",rn=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],on={default:"Tertiary",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"};function an({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function nn({color:e,selected:o,onClick:n}){const i=on[e]||"Primary";return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+tn(e),"aria-pressed":o,title:tn(e),sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}function ln({value:e,onChange:o,placeholder:a,label:n}){return r.jsxs(t.Box,{children:[n&&r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4},children:n}),r.jsx(t.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)"}}})]})}function sn({items:o=[],sections:a,value:n,defaultValue:i=0,onChange:l,expandable:s=!1,expandedWidth:c="partial",defaultExpanded:d=!1,fabAction:u,className:x="",sx:p={},...h}){const[m,f]=e.useState(i),[g,b]=e.useState(d),v=void 0!==n,y=v?n:m,j=e.useCallback(e=>{v||f(e),l?.(e)},[v,l]),S=s&&g,B=S?"full"===c?320:240:72;return r.jsxs(t.Box,{component:"nav",role:"navigation","aria-label":"Navigation rail","data-theme":"Default","data-surface":"Surface-Dim",className:"rail"+(S?" rail-expanded":" rail-collapsed")+" "+x,sx:{display:"flex",flexDirection:"column",width:B+"px",minHeight:"100%",backgroundColor:"var(--Background)",borderRight:"1px solid var(--Border)",fontFamily:"inherit",transition:"width 0.25s ease",overflow:"hidden",flexShrink:0,...p},...h,children:[s&&r.jsx(t.Box,{sx:{display:"flex",justifyContent:S?"flex-start":"center",px:S?1.5:0,height:56,alignItems:"center"},children:r.jsx(Kr,{iconOnly:!0,variant:"ghost",size:"small",onClick:()=>b(e=>!e),"aria-label":S?"Collapse menu":"Expand menu",children:r.jsx(dr,{size:"small",sx:{color:"inherit"},children:S?r.jsx(Se,{}):r.jsx(je,{})})})}),u&&r.jsx(t.Box,{sx:{px:S?2:1,py:1,flexShrink:0},children:r.jsx(Kr,{variant:"primary-light",size:"medium",onClick:u.onClick,"aria-label":u.label||"Action",startIcon:u.icon?r.jsx(dr,{size:"small",sx:{color:"inherit"},children:u.icon}):void 0,sx:{width:S?"100%":56,borderRadius:S?"28px":"var(--Style-Border-Radius)",justifyContent:S?"flex-start":"center",transition:"all 0.2s ease"},children:S?u.label:null})}),r.jsx(t.Box,{role:"tablist","aria-orientation":"vertical",sx:{flex:1,overflowY:"auto",overflowX:"hidden",py:.5},children:(()=>{if(a&&a.length>0){const e=[];let o=0;return a.forEach((a,n)=>{n>0&&e.push(r.jsx(t.Box,{"aria-hidden":"true",sx:{height:"1px",backgroundColor:"var(--Border)",mx:S?2:1.5,my:.5}},"divider-"+n)),a.items.forEach(t=>{const a=o;e.push(r.jsx(cn,{icon:t.icon,label:t.label,badge:t.badge,selected:y===a,expanded:S,onClick:()=>j(a)},"item-"+a)),o++})}),e}return o.map((e,t)=>r.jsx(cn,{icon:e.icon,label:e.label,badge:e.badge,selected:y===t,expanded:S,onClick:()=>j(t)},t))})()})]})}function cn({icon:e,label:o,badge:a,selected:n,expanded:i,onClick:l}){const s="var(--Buttons-Default-Button)",c="var(--Buttons-Default-Text)";return r.jsxs(t.Box,{component:"button",type:"button",role:"tab","aria-selected":n,"aria-label":o,onClick:l,sx:{display:"flex",flexDirection:i?"row":"column",alignItems:"center",justifyContent:i?"flex-start":"center",gap:i?1.5:.25,width:"100%",height:56,px:i?2.5:.5,border:"none",borderRadius:0,backgroundColor:i&&n?s:"transparent",color:n?c:"var(--Quiet)",cursor:"pointer",fontFamily:"inherit",textAlign:i?"left":"center",transition:"background-color 0.15s ease, color 0.15s ease",outline:"none","&:hover":n?{}:{backgroundColor:"var(--Hover)",color:"var(--Text)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},children:[r.jsxs(t.Box,{sx:{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",...!i&&{width:n?56:24,height:32,borderRadius:"16px",backgroundColor:n?s:"transparent",transition:"background-color 0.2s ease, width 0.2s ease"},...i&&{flexShrink:0}},children:[r.jsx(dr,{size:"small",sx:{color:"inherit"},children:e}),a&&r.jsx(dn,{value:a})]}),o&&r.jsx(Kt,{style:{color:"inherit",fontWeight:500,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",...i?{flex:1}:{maxWidth:"100%",fontSize:"11px"}},children:o})]})}function dn({value:e}){return r.jsx(t.Box,{sx:{position:"absolute",top:-4,right:-6,minWidth:16,height:16,borderRadius:"8px",backgroundColor:"var(--Tags-Error-BG)",color:"var(--Tags-Error-Text)",fontSize:"10px",fontWeight:700,px:.5,display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1},children:e})}const un=[{icon:r.jsx(h,{}),label:"Home"},{icon:r.jsx(g,{}),label:"Search"},{icon:r.jsx(p,{}),label:"Favorites",badge:3},{icon:r.jsx(n,{}),label:"Profile"},{icon:r.jsx(f,{}),label:"Settings"}];function xn({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}const pn={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 hn({items:o=[],value:a,defaultValue:n,onChange:i,type:l="floating",orientation:s="horizontal",color:c="default",fab:d,className:u="",sx:x={},...p}){const[h,m]=e.useState(n??null),f=void 0!==a,g=f?a:h,b=e.useCallback(e=>{const t=g===e?null:e;f||m(t),i?.(t)},[f,g,i]),v=pn[c]||pn.default,y=v.theme,j=v.surface,S="vertical"===s,B="floating"===l,k=r.jsx(t.Box,{role:"toolbar","aria-orientation":s,"aria-label":"Toolbar","data-theme":y,"data-surface":j||"Surface",className:"toolbar toolbar-"+l+" toolbar-"+s+" toolbar-"+c+" "+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:wr},...x},...p,children:o.map((e,t)=>{const o=g===t;return r.jsx(Kr,{iconOnly:!0,variant:o?"default":"ghost",size:"small",onClick:()=>b(t),"aria-label":e.label,"aria-checked":o,role:"radio",children:r.jsx(dr,{size:"small",sx:{color:"inherit"},children:e.icon})},e.key||t)})});return d&&B?r.jsxs(t.Box,{sx:{display:"inline-flex",flexDirection:S?"column":"row",alignItems:"center",gap:1},children:[k,r.jsx(Kr,{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:r.jsx(dr,{size:"medium",sx:{color:"inherit"},children:d.icon})})]}):k}const mn=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",fn=[{icon:r.jsx(Be,{}),label:"Bold"},{icon:r.jsx(ke,{}),label:"Italic"},{icon:r.jsx(Ce,{}),label:"Underline"},{icon:r.jsx(we,{}),label:"Align left"},{icon:r.jsx(Te,{}),label:"Align center"}];function gn({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}const bn={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 vn({value:o,defaultValue:a=0,onChange:n,min:l,max:s,step:c=1,variant:d="outlined",style:u="outline",color:x="default",size:p="medium",label:h,labelPosition:m="top",placeholder:f,helperText:g,disabled:b=!1,fullWidth:v=!1,className:y="",sx:j={},...S}){const[B,k]=e.useState(a),[C,w]=e.useState(!1),T=e.useRef(null),I=void 0!==o,A=I?o:B,z=""!==A&&null!=A,R=(E="default"===x?"primary":x).charAt(0).toUpperCase()+E.slice(1);var E;const L="var(--Buttons-"+R+"-Border)",P="default"===x?"var(--Text)":"var(--Text-"+R+")",O="outlined"===d,D="floating"===m,M="top"===m,W=bn[p]||bn.medium,F="small"===p?Vt:Gt,N=e.useCallback(e=>{let t="number"==typeof e?e:parseFloat(e);isNaN(t)&&(t=0),void 0!==l&&t<l&&(t=l),void 0!==s&&t>s&&(t=s),I||k(t),n?.(t)},[I,n,l,s]),H=e.useRef(A);H.current=A;const V=e.useCallback(e=>{if(b)return;const t="number"==typeof H.current?H.current:parseFloat(H.current)||0;void 0!==l&&e<0&&t<=l||void 0!==s&&e>0&&t>=s||N(t+e*c)},[b,c,l,s,N]),Q=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)},[]),K=e.useCallback(e=>{b||(X(),V(e),q.current=setTimeout(()=>{let t=120,r=0;const o=()=>{V(e),r+=1,10===r&&t>60?(clearInterval(U.current),t=60,U.current=setInterval(o,t)):30===r&&t>30&&(clearInterval(U.current),t=30,U.current=setInterval(o,t))};U.current=setInterval(o,t)},400))},[b,V,X]);e.useEffect(()=>X,[X]);const J=e=>({onPointerDown:t=>{if(void 0===t.button||0===t.button){t.preventDefault();try{t.currentTarget.setPointerCapture?.(t.pointerId)}catch(e){}K(e)}},onPointerUp:e=>{try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch(e){}X()},onPointerCancel:X,onPointerLeave:X,onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||t.repeat||(t.preventDefault(),K(e))},onKeyUp:e=>{"Enter"!==e.key&&" "!==e.key||X()},onBlur:X}),Y=e=>{const t=e.target.value;if(""===t||"-"===t)return void(I||k(t));const r=parseFloat(t);isNaN(r)||N(r)},Z=e=>{"ArrowUp"===e.key&&(e.preventDefault(),V(1)),"ArrowDown"===e.key&&(e.preventDefault(),V(-1))},$={display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"var(--Buttons-"+R+"-Light-Button, transparent)",color:"var(--Buttons-"+R+"-Light-Text, var(--Text))",cursor:"pointer",outline:"none",flexShrink:0,border:"none",transition:"background-color 0.15s ease","&:hover":{backgroundColor:"var(--Buttons-"+R+"-Hover)"},"&:active":{backgroundColor:"var(--Buttons-"+R+"-Pressed)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px"},"&:disabled":{opacity:.4,cursor:"not-allowed"}},_={},ee=()=>M&&h?r.jsx(F,{component:"label",style:{display:"block",marginBottom:"6px",color:b?"var(--Quiet)":"var(--Text)",fontWeight:500,opacity:b?.6:1},children:h}):null;return O?r.jsxs(t.Box,{className:"numberfield numberfield-outlined"+(b?" numberfield-disabled":"")+(y?" "+y:""),sx:{width:v?"100%":"auto",fontFamily:"inherit",...j},...S,children:[ee(),r.jsx(t.Box,{sx:{border:"1px solid "+L,borderRadius:"small"===p?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===p?"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:r.jsx(t.Box,{..._,children:r.jsxs(t.Box,{sx:{position:"relative",display:"flex",alignItems:"stretch",minHeight:W.height,backgroundColor:"var(--Hover)"},children:[D&&h&&r.jsx(t.Box,{sx:{position:"absolute",top:z||C?"6px":"50%",left:"14px",transform:z||C?"scale(0.75)":"translateY(-50%)",transformOrigin:"top left",color:C?P:"var(--Quiet)",fontSize:W.fontSize,fontWeight:400,pointerEvents:"none",transition:"top 0.15s ease, transform 0.15s ease, color 0.15s ease",zIndex:1},children:h}),r.jsx(t.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":h||"Number",value:A,onChange:Y,onKeyDown:Z,onFocus:()=>w(!0),onBlur:()=>w(!1),disabled:b,placeholder:D?void 0:f||"",sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:z||C?P:"var(--Quiet)",fontSize:W.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)",padding:D?"22px 14px 6px":W.padding,minWidth:0,"&::placeholder":{color:"var(--Quiet)",opacity:1},"&:disabled":{cursor:"not-allowed"}}}),r.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",borderLeft:"1px solid "+L},children:[r.jsx(t.Box,{component:"button",type:"button","aria-label":"Increase",...J(1),disabled:b||G,sx:{...$,flex:1,width:32,borderBottom:"1px solid "+L},children:r.jsx(dr,{size:"small",children:r.jsx(Ie,{})})}),r.jsx(t.Box,{component:"button",type:"button","aria-label":"Decrease",...J(-1),disabled:b||Q,sx:{...$,flex:1,width:32},children:r.jsx(dr,{size:"small",children:r.jsx(Ae,{})})})]})]})})}),g&&r.jsx(Vt,{style:{color:"var(--Quiet)",marginTop:"4px",marginLeft:"2px"},children:g})]}):r.jsxs(t.Box,{className:"numberfield numberfield-spinner"+(b?" numberfield-disabled":"")+(y?" "+y:""),sx:{fontFamily:"inherit",...j},...S,children:[ee(),r.jsxs(t.Box,{sx:{display:"inline-flex",alignItems:"center",gap:"small"===p?.5:1,opacity:b?.5:1},children:[r.jsx(t.Box,{component:"button",type:"button","aria-label":"Decrease",...J(-1),disabled:b||Q,sx:{...$,width:W.btnSize,height:W.btnSize,borderRadius:"small"===p?"var(--Sm-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"large"===p?"var(--Lg-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"var(--Button-Icon-Radius, var(--Style-Border-Radius))",border:"1px solid "+L},children:r.jsx(dr,{size:"small",children:r.jsx(i,{})})}),r.jsx(t.Box,{sx:{border:"1px solid "+L,borderRadius:"small"===p?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===p?"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:r.jsx(t.Box,{..._,children:r.jsx(t.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":h||"Number",value:A,onChange:Y,onKeyDown:Z,onFocus:()=>w(!0),onBlur:()=>w(!1),disabled:b,sx:{width:"small"===p?40:56,minHeight:W.height,textAlign:"center",border:"none",outline:"none",backgroundColor:"var(--Hover)",color:"var(--Text)",fontSize:W.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:600,"&:disabled":{cursor:"not-allowed"}}})})}),r.jsx(t.Box,{component:"button",type:"button","aria-label":"Increase",...J(1),disabled:b||G,sx:{...$,width:W.btnSize,height:W.btnSize,borderRadius:"small"===p?"var(--Sm-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"large"===p?"var(--Lg-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"var(--Button-Icon-Radius, var(--Style-Border-Radius))",border:"1px solid "+L},children:r.jsx(dr,{size:"small",children:r.jsx(ve,{})})})]}),g&&r.jsx(Vt,{style:{color:"var(--Quiet)",marginTop:"4px",marginLeft:"2px"},children:g})]})}const yn=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",jn=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Sn({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function Bn({color:e,selected:o,onClick:n}){const i=yn(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const kn=["default","primary","secondary","tertiary","neutral","black-white","info","success","warning","error"],Cn=["fill","outline","ghost"];function wn(){const e={};return kn.forEach(t=>{Cn.forEach(r=>{e["fill"===r?t:t+"-"+r]=function(e,t){const r=Lr(e),o={color:e,style:t,bg:"transparent",text:"var(--Quiet)",hover:"var(--Buttons-"+r+"-Hover)",hoverText:"var(--Buttons-"+r+"-Text)"};return"ghost"===t?{...o,border:"transparent",selectedBg:"transparent",selectedText:"var(--Buttons-"+r+"-Border)",selectedRing:"inset 0 0 0 2px var(--Buttons-"+r+"-Border)",bevel:!1}:"outline"===t?{...o,border:"var(--Buttons-"+r+"-Border)",selectedBg:"transparent",selectedText:"var(--Buttons-"+r+"-Border)",selectedRing:"inset 0 0 0 2px var(--Buttons-"+r+"-Border)",bevel:!1}:{...o,border:"var(--Buttons-"+r+"-Border)",selectedBg:"var(--Buttons-"+r+"-Button)",selectedText:"var(--Buttons-"+r+"-Text)",selectedRing:null,bevel:!0}}(t,r)})}),e}const Tn={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 In({variant:e="primary",size:o="medium",value:a,defaultValue:n,onChange:i,exclusive:l=!0,orientation:s="horizontal",disabled:c=!1,fullWidth:d=!1,children:u,className:x="",sx:p={},"aria-label":h,...m}){const f=wn(),g=f[e]||f.default,b=Tn[o]||Tn.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:Or(g.color)}:{},...g.selectedRing?{boxShadow:g.selectedRing}:{}},"&.Mui-selected:hover":{backgroundColor:g.selectedBg,color:g.selectedText,...g.bevel?{boxShadow:Or(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}},...p};return r.jsx(t.ToggleButtonGroup,{value:a,defaultValue:n,onChange:i,exclusive:l,orientation:s,disabled:c,className:"toggle-group-"+e+" "+x,sx:y,"aria-label":h,...m,children:u})}function An({label:o,value:a="",onChange:n,placeholder:i,error:l=!1,errorMessage:s="",disabled:c=!1,helperText:d="",variant:u="outlined",size:x="medium",type:p="text",required:h=!1,fullWidth:m=!0,startAdornment:f,endAdornment:g,sx:b={},"aria-label":v,"aria-labelledby":y,...j}){const[S,B]=e.useState(!1),k=l?"var(--Buttons-Error-Border)":S?"var(--Buttons-Primary-Border)":"var(--Border)",C=l||S?"var(--Text)":"var(--Text-Quiet)",w="var(--Text)";return r.jsxs(t.Box,{sx:{width:m?"100%":"auto"},children:[r.jsx(t.TextField,{label:o,value:a,onChange:n,placeholder:i,disabled:c,variant:u,size:x,type:p,required:h,onFocus:()=>B(!0),onBlur:()=>B(!1),error:l,fullWidth:m,slotProps:{htmlInput:{...v?{"aria-label":v}:{},...y?{"aria-labelledby":y}:{}},input:{"data-surface":c?"Container-Low":"Container",style:{color:w},startAdornment:f?r.jsx(t.InputAdornment,{position:"start",children:f}):void 0,endAdornment:g?r.jsx(t.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:w,"& fieldset":{borderColor:k,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:C,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},...j}),l&&s&&r.jsx(t.FormHelperText,{error:!0,sx:{color:"var(--Buttons-Error-Border)",marginTop:"4px",fontSize:"12px",fontWeight:500},children:s})]})}const zn=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Rn=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],En=[{value:"apple",label:"Apple"},{value:"banana",label:"Banana"},{value:"cherry",label:"Cherry"},{value:"date",label:"Date"},{value:"elderberry",label:"Elderberry"}],Ln=[{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 Pn({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function On({color:e,selected:o,onClick:n}){const i=zn(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const Dn={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}},Mn={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 Wn({options:o=[],value:n,defaultValue:i=null,onChange:l,inputValue:s,onInputChange:c,label:d,labelPosition:u="top",placeholder:p="Type to search",helperText:h,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:C="",sx:w={},...T}){const I=(A="default"===g?"primary":g).charAt(0).toUpperCase()+A.slice(1);var A;const z="var(--Buttons-"+I+"-Border)",R="default"===g?"var(--Text)":"var(--Text-"+I+")",[E,L]=e.useState(i),[P,O]=e.useState(i?"string"==typeof i?i:i.label||"":""),[D,M]=e.useState(!1),[W,F]=e.useState(!1),[N,H]=e.useState(-1),V=e.useRef(null),Q=e.useRef(null),G=void 0!==n,q=void 0!==s,U=G?n:E,X=q?s:P,K="floating"===u,J="top"===u,Y=""!==X,Z=K?Mn[m]||Mn.medium:Dn[m]||Dn.medium,$=X?o.filter(e=>("string"==typeof e?e:e.label).toLowerCase().includes(X.toLowerCase())):o,_=e.useCallback(e=>{q||O(e),c?.(e)},[q,c]),ee=e.useCallback(e=>{const t="string"==typeof e?e:e.label;G||L(e),_(t),l?.(e),M(!1),H(-1),Q.current?.focus()},[G,l,_]);e.useEffect(()=>{if(!D)return;const e=e=>{V.current&&!V.current.contains(e.target)&&M(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[D]);return r.jsxs(t.Box,{ref:V,className:"autocomplete autocomplete-"+m+" autocomplete-variant-"+f+(D?" autocomplete-open":"")+(B?" autocomplete-disabled":"")+(C?" "+C:""),sx:{position:"relative",width:k?"100%":"auto",display:"inline-block",fontFamily:"inherit",...w},...T,children:[J&&d&&(()=>{const e="small"===m?Vt:Gt;return r.jsx(e,{component:"label",style:{display:"block",marginBottom:"6px",color:B?"var(--Quiet)":"var(--Text)",fontWeight:500,opacity:B?.6:1},children:d})})(),r.jsx(t.Box,{sx:{border:"1px solid "+z,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:r.jsx(t.Box,{children:r.jsxs(t.Box,{sx:{position:"relative",display:"flex",alignItems:"center",minHeight:Z.height,backgroundColor:"var(--Hover)"},children:[K&&d&&r.jsx(t.Box,{sx:{position:"absolute",top:Y||W?"6px":"50%",left:(Z.leftPad||14)+"px",transform:Y||W?"scale(0.75)":"translateY(-50%)",transformOrigin:"top left",color:W?R:"var(--Quiet)",fontSize:Z.fontSize,fontWeight:400,pointerEvents:"none",zIndex:1,transition:"top 0.15s ease, transform 0.15s ease, color 0.15s ease"},children:d}),r.jsx(t.Box,{component:"input",ref:Q,type:"text",role:"combobox","aria-expanded":D,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-label":d||p,autoComplete:"off",value:X,onChange:e=>{_(e.target.value),D||M(!0),H(-1)},onKeyDown:e=>{if("Escape"!==e.key){if("ArrowDown"===e.key){if(e.preventDefault(),!D)return void M(!0);H(e=>Math.min(e+1,$.length-1))}"ArrowUp"===e.key&&(e.preventDefault(),H(e=>Math.max(e-1,0))),"Enter"===e.key&&D&&N>=0&&$[N]&&(e.preventDefault(),ee($[N]))}else M(!1)},onFocus:()=>{F(!0),M(!0)},onBlur:()=>F(!1),disabled:B,placeholder:K?void 0:p,sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:Y||W?R:"var(--Quiet)",fontSize:Z.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)",padding:Z.padding,minWidth:0,"&::placeholder":{color:"var(--Quiet)",opacity:1,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)"},"&:disabled":{cursor:"not-allowed"}}}),b&&D&&r.jsx(ze,{size:16,sx:{mr:1,color:"var(--Quiet)"}}),S&&X&&!B&&r.jsx(t.Box,{component:"button",type:"button","aria-label":"Clear",onClick:()=>{G||L(null),_(""),l?.(null),Q.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:r.jsx(Se,{sx:{fontSize:14}})}),r.jsx(t.Box,{component:"button",type:"button","aria-label":D?"Close":"Open",tabIndex:-1,onClick:()=>{B||M(!D)},sx:{display:"flex",alignItems:"center",justifyContent:"center",width:28,height:"100%",border:"none",backgroundColor:"transparent",color:"var(--Quiet)",cursor:B?"not-allowed":"pointer"},children:r.jsx(x,{sx:{fontSize:(Z.iconSize||18)+"px",transform:D?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease"}})})]})})}),h&&r.jsx(t.Box,{sx:{fontSize:"12px",color:"var(--Quiet)",mt:"4px",ml:"2px"},children:h}),D&&r.jsx(t.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?r.jsx(t.Box,{sx:{px:1.5,py:2,textAlign:"center",fontSize:Z.fontSize,color:"var(--Quiet)"},children:v}):0===$.length?r.jsx(t.Box,{sx:{px:1.5,py:2,textAlign:"center",fontSize:Z.fontSize,color:"var(--Quiet)"},children:y}):$.map((e,o)=>{const n="string"==typeof e?e:e.label,i="string"==typeof e?e:e.value,l=n===(U?"string"==typeof U?U:U.label:null),s=function(e,t){return t?{backgroundColor:"transparent",color:"var(--Text)",fontWeight:600}:e?{backgroundColor:"var(--Hover)",color:"var(--Text)"}:{backgroundColor:"transparent",color:"var(--Text-Quiet)"}}(o===N,l);return r.jsxs(t.Box,{role:"option","aria-selected":l,onClick:()=>ee(e),onMouseEnter:()=>H(o),sx:{display:"flex",alignItems:"center",gap:1,px:1.5,py:0,mx:.5,minHeight:Z.height,borderRadius:"4px",cursor:"pointer",fontSize:Z.fontSize,fontFamily:"inherit",...s,transition:"background-color 0.1s ease","&:active":{backgroundColor:"var(--Pressed)"}},children:[r.jsx(Vt,{style:{flex:1,color:"inherit",fontWeight:"inherit"},children:n}),l&&r.jsx(dr,{size:"small",sx:{opacity:.6,flexShrink:0},children:r.jsx(a,{})})]},i||n)})})]})}const Fn=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Nn=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Hn=[{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 Vn({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function Qn({color:e,selected:o,onClick:n}){const i=Fn(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const Gn=["default","primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],qn=Lr,Un={small:{touchTarget:24,box:16,dot:8,gap:4,LabelComp:Vt},medium:{touchTarget:24,box:20,dot:9.5,gap:8,LabelComp:Gt},large:{touchTarget:24,box:24,dot:9.5,gap:12,LabelComp:Xt}};function Xn({size:e,color:o,checked:a}){const n=qn(o),i="Default"===n?"var(--Quiet)":"var(--Buttons-"+n+"-Border)",l="var(--Buttons-"+n+"-Border)",s=Un[e]||Un.medium;return r.jsx(t.Box,{className:"radio-circle-icon",sx:{width:s.box,height:s.box,boxSizing:"border-box",borderRadius:"50%",border:"2px solid "+i,overflow:"hidden",flexShrink:0,backgroundColor:"var(--Background)",display:"flex",alignItems:"center",justifyContent:"center",transition:"border-color 0.15s ease-in-out"},children:a&&r.jsx(t.Box,{sx:{width:s.dot,height:s.dot,borderRadius:"50%",backgroundColor:l,transition:"transform 0.15s ease-in-out"}})})}function Kn({color:e="primary",size:o="medium",label:a,labelPlacement:n="end",checked:i,disabled:l=!1,onChange:s,name:c,value:d,className:u="",sx:x={},"aria-label":p,"aria-labelledby":h,"aria-describedby":m,inputProps:f={},...g}){const b=Gn.includes(e)?e:"primary",v=Un[o]||Un.medium,y=v.LabelComp,j=(v.touchTarget-v.box)/2,S={...f,...p&&{"aria-label":p},...h&&{"aria-labelledby":h},...m&&{"aria-describedby":m}},B=r.jsx(t.Radio,{checked:i,disabled:l,onChange:s,name:c,value:d,icon:r.jsx(Xn,{size:o,color:b,checked:!1}),checkedIcon:r.jsx(Xn,{size:o,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"},"&.Mui-focusVisible .radio-circle-icon":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled":{opacity:.6,cursor:"not-allowed",pointerEvents:"none"},...x},...g});return a?r.jsx(t.FormControlLabel,{control:B,label:r.jsx(y,{component:"span",sx:{color:l?"var(--Text-Quiet)":"var(--Text)",lineHeight:1.4,userSelect:"none"},children:a}),labelPlacement:n,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 Jn=Kn,Yn=["default","primary","secondary","tertiary","neutral","info","success","warning","error"];const Zn={small:{visual:12,track:2,labelSize:11},medium:{visual:16,track:4,labelSize:12},large:{visual:20,track:6,labelSize:13}};function $n({variant:e="primary",size:o="medium",value:a,defaultValue:n,onChange:i,onChangeCommitted:l,min:s=0,max:c=100,step:d=1,marks:u=!1,valueLabelDisplay:x="off",orientation:p="horizontal",track:h="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 Yn.forEach(t=>{e[t]=function(e){const t=(r=e).charAt(0).toUpperCase()+r.slice(1);var r;return{thumb:"var(--Buttons-"+t+"-Button)",thumbBorder:"1px solid var(--Buttons-"+t+"-Border)",track:"var(--Buttons-"+t+"-Button)",trackBorder:"1px solid var(--Buttons-"+t+"-Border)",rail:"var(--Border-Variant)",valueLabel:"var(--Buttons-"+t+"-Text)",valueLabelText:"var(--Buttons-"+t+"-Button)"}}(t)}),e}(),k=B[e]||B.primary,C=Zn[o]||Zn.medium,w="vertical"===p,T=Array.isArray(a)||Array.isArray(n),I="inverted"===h,A="small"===o?Vt:Gt,z=C.track+2,R=I?k.track:k.rail,E=I?k.trackBorder:null,L=I?k.rail:k.track,P=I?null:k.trackBorder,O={color:"transparent"===k.track?k.thumb:k.track,height:w?void 0:z,width:w?z:void 0,"& .MuiSlider-rail":{backgroundColor:R,border:E||"none",boxSizing:E?"content-box":"border-box",opacity:1,height:w?void 0:E?C.track:z,width:w?E?C.track:z:void 0,borderRadius:z/2},"& .MuiSlider-track":{boxSizing:P?"content-box":"border-box",backgroundColor:L,border:P||"none",height:w?void 0:P?C.track:z,width:w?P?C.track:z:void 0,borderRadius:z/2},"& .MuiSlider-thumb":{width:24,height:24,backgroundColor:"transparent",border:"none",boxShadow:"none",transition:"none","--_height":C.visual+"px","--_bevel":"min(calc(var(--Button-Bevel) * var(--_height) / 100), calc(var(--_height) / 5))","&::after":{display:"none"},"&::before":{content:'""',position:"absolute",width:C.visual,height:C.visual,borderRadius:"50%",backgroundColor:k.thumb,border:k.thumbBorder||"none",boxShadow:`${Or(e)}, ${Cr}`,transition:"box-shadow 0.15s ease-in-out",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},"&:hover::before":{boxShadow:`${Or(e)}, ${wr}`},"&.Mui-active::before":{boxShadow:Or(e)},"&.Mui-focusVisible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px",borderRadius:"50%"},"&.Mui-focusVisible::before":{boxShadow:`${Or(e)}, ${wr}`}},...T?w?{'& .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,fontSize:C.labelSize,fontWeight:600,borderRadius:"6px",padding:"2px 8px","&::before":{backgroundColor:k.valueLabel}},"& .MuiSlider-mark":{backgroundColor:k.rail,width:w?z:2,height:w?2:z,borderRadius:1},"& .MuiSlider-markActive":{backgroundColor:k.thumb,opacity:.6},"& .MuiSlider-markLabel":{color:"var(--Text-Quiet)",fontSize:C.labelSize},"&.Mui-disabled":{opacity:.6,cursor:"not-allowed",pointerEvents:"none","& .MuiSlider-thumb::before":{boxShadow:"none"}},...v},D=r.jsx(t.Slider,{value:a,defaultValue:n,onChange:i,onChangeCommitted:l,min:s,max:c,step:d,marks:u,valueLabelDisplay:x,orientation:p,track:"inverted"===h?"inverted":!1!==h&&"normal",disabled:m,name:g,"aria-label":y,"aria-labelledby":j,className:"slider-"+e+" "+b,sx:O,...S});return f?r.jsxs(t.Box,{sx:{width:w?"auto":"100%",height:w?"100%":"auto",display:"flex",flexDirection:"column",gap:"4px"},children:[r.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}),D]}):D}const _n=$n,ei=$n,ti={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},ri={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 oi({value:o,defaultValue:a,onChange:n,max:i=5,precision:l=1,color:s="default",size:c="medium",readOnly:d=!1,disabled:u=!1,emptyLabel:x="No rating",className:p="",sx:h={},...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,C=!d&&!u,w=ti[s]||ti.default,T=ri[c]||ri.medium,I="var(--Buttons-"+w+"-Button)",A="var(--Buttons-"+w+"-Border)",z=e=>{if(!C)return;const t=e===S?null:e;j||g(t),n?.(t)},R=(e,t)=>{if(!C||!k)return;y(t?e+.5:e+1)},E=C?{"&: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-"+w+"-Border)",strokeWidth:1}}}:{},L=e=>{const o=e+1,a=e+.5,n=null!==B&&o<=B,s=null!==B&&!n&&k&&a<=B,c=s?Re:b,d=((e,t)=>e||t?{color:I,filter:"drop-shadow(0 1px 2px rgba(var(--Dropshadow-Color), 0.28))",transition:"filter 0.15s ease","& .MuiSvgIcon-root":{stroke:A,strokeWidth:.5}}:{color:"transparent","& .MuiSvgIcon-root":{stroke:"var(--Quiet)",strokeWidth:1}})(n,s);return k&&C?r.jsxs(t.Box,{sx:{position:"relative",display:"inline-flex",cursor:"pointer",...d,...E},onMouseLeave:()=>y(null),children:[r.jsx(t.Box,{sx:{position:"absolute",left:0,top:0,width:"50%",height:"100%",zIndex:1,cursor:"pointer"},onMouseEnter:()=>R(e,!0),onClick:()=>z(a)}),r.jsx(t.Box,{sx:{position:"absolute",right:0,top:0,width:"50%",height:"100%",zIndex:1,cursor:"pointer"},onMouseEnter:()=>R(e,!1),onClick:()=>z(o)}),r.jsx(c,{sx:{fontSize:T.iconSize,transition:"color 0.1s ease, filter 0.1s ease"}})]},e):r.jsx(t.Box,{component:C?"button":"span",type:C?"button":void 0,role:C?"radio":void 0,"aria-checked":n,"aria-label":o+" star"+(1!==o?"s":""),tabIndex:C?0:-1,onClick:()=>z(o),onMouseEnter:()=>C&&y(o),onMouseLeave:()=>C&&y(null),onKeyDown:e=>{if(C&&("ArrowRight"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),z(Math.min((S||0)+l,i))),"ArrowLeft"===e.key||"ArrowDown"===e.key)){e.preventDefault();const t=Math.max((S||0)-l,0);z(t||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":C?"pointer":"default",outline:"none",transition:"transform 0.1s ease",...d,...E,"&:active":C?{transform:"scale(0.95)"}:{},"&:focus-visible":C?{outline:T.focusWidth+"px solid var(--Focus-Visible)",outlineOffset:T.focusInset+"px",borderRadius:"2px"}:{},"&:disabled":{cursor:"not-allowed",opacity:.5}},children:r.jsx(c,{sx:{fontSize:T.iconSize,transition:"color 0.1s ease, filter 0.1s ease"}})},e)};return r.jsxs(t.Box,{role:C?"radiogroup":"img","aria-label":"Rating"+(null!==S?": "+S+" of "+i+" stars":": "+x),className:"rating rating-"+s+" rating-"+c+(d?" rating-readonly":"")+(u?" rating-disabled":"")+(null===S?" rating-empty":"")+(p?" "+p:""),sx:{display:"inline-flex",alignItems:"center",gap:T.gap+"px",opacity:u?.5:1,fontFamily:"inherit",...h},...m,children:[Array.from({length:i},(e,t)=>L(t)),null===S&&!v&&r.jsx(Kt,{style:{color:"var(--Quiet)",marginLeft:4},children:x})]})}const ai={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 ni({value:o,defaultValue:a="",onChange:n,onFocus:i,onBlur:l,onClear:s,onSubmit:c,placeholder:d="Search…",size:u="medium",color:x="default",showClearButton:p=!0,disabled:h=!1,ariaLabel:m="Search",className:f="",sx:b={},...v}){const[y,j]=e.useState(a),[S,B]=e.useState(!1),k=e.useRef(null),C=void 0!==o,w=C?o:y,T=w.length>0,I=S||T,A=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===x?"primary":x),z="var(--Buttons-"+A+"-Border)",R="default"===x?"var(--Text)":"var(--Text-"+A+")",E=ai[u]||ai.medium,L=()=>{C||j(""),n?.(""),s?.(),k.current?.focus()};return r.jsx(t.Box,{className:"search-field search-field-"+u+(S?" search-field-focused":"")+(T?" search-field-filled":"")+(h?" search-field-disabled":"")+(f?" "+f:""),sx:{display:"flex",boxSizing:"border-box",...b},...v,children:r.jsx(t.Box,{sx:{border:"1px solid "+z,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:h?.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:r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:1,width:"100%",boxSizing:"border-box",minHeight:E.height,px:E.px+"px",backgroundColor:"var(--Hover)"},children:[r.jsx(dr,{size:"small",sx:{color:I?R:"var(--Quiet)",flexShrink:0,transition:"color 0.15s ease"},children:r.jsx(g,{})}),r.jsx(t.Box,{component:"input",ref:k,type:"text",role:"searchbox","aria-label":m,value:w,onChange:e=>{const t=e.target.value;C||j(t),n?.(t,e)},onFocus:e=>{B(!0),i?.(e)},onBlur:e=>{B(!1),l?.(e)},onKeyDown:e=>{"Enter"===e.key&&c?.(w,e),"Escape"===e.key&&T&&L()},placeholder:d,disabled:h,sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:I?R:"var(--Quiet)",fontSize:E.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"}}}),p&&T&&!h&&r.jsx(t.Box,{component:"button",type:"button","aria-label":"Clear search",onClick:L,sx:{display:"flex",alignItems:"center",justifyContent:"center",width:E.iconSize+4,height:E.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:r.jsx(dr,{size:"small",children:r.jsx(Se,{})})})]})})})}const ii=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",li=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function si({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function ci({color:e,selected:o,onClick:n}){const i=ii(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const di=["primary","secondary","tertiary","neutral","info","success","warning","error"],ui=e=>e.charAt(0).toUpperCase()+e.slice(1);function xi(){const e={};return di.forEach(t=>{e[t]=function(e){const t=ui(e);return{bg:"var(--Buttons-"+t+"-Button)",text:"var(--Buttons-"+t+"-Text)",border:"none",hoverBg:"var(--Buttons-"+t+"-Hover)",activeBg:"var(--Buttons-"+t+"-Pressed)"}}(t),e[t+"-outline"]=function(e){return{bg:"var(--Background)",text:"var(--Text)",border:"1px solid var(--Buttons-"+ui(e)+"-Border)",hoverBg:"var(--Hover)",activeBg:"var(--Hover)"}}(t),e[t+"-light"]=function(e){const t=ui(e);return{bg:"var(--Buttons-"+t+"-Button)",text:"var(--Buttons-"+t+"-Text)",border:"1px solid var(--Buttons-"+t+"-Border)",hoverBg:"var(--Buttons-"+t+"-Hover)",activeBg:"var(--Buttons-"+t+"-Pressed)"}}(t)}),e}const pi={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}},hi=e.forwardRef(function({size:e,onClick:o,...a},n){const i="large"===e?24:"medium"===e?18:16;return r.jsx(t.Box,{ref:n,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:i,height:i,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"},...i<24&&{"&::after":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",minWidth:24,minHeight:24}}},...a,children:r.jsx(Ee,{sx:{fontSize:i,pointerEvents:"none"}})})});function mi({variant:e="primary",size:o="medium",label:a,clickable:n=!1,disabled:i=!1,selected:l=!1,selectionMode:s,onDelete:c,onClick:d,startDecorator:u,endDecorator:x,children:p,className:h="",sx:m={},...f}){const g=xi(),b=g[e]||g.primary,v=c?"large":o,y=pi[v]||pi.medium,j=n||!!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||p,C={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&&!i?{cursor:"pointer",transition:"background-color 0.15s ease, outline 0.15s ease","&:hover":{backgroundColor:b.hoverBg},"&:active":{backgroundColor:b.activeBg}}:{},"&:focus-visible, &.Mui-focusVisible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},...i?{opacity:.5,cursor:"not-allowed",pointerEvents:"none"}:{},boxShadow:"none","& .MuiChip-label":{padding:0,fontSize:"inherit",fontWeight:"inherit",fontFamily:"inherit",lineHeight:1.2,display:"flex",alignItems:"center",gap:y.gap+"px"},"& .MuiChip-icon":{margin:0,marginLeft:"-2px",color:"inherit",fontSize:y.iconSize},"& .MuiChip-deleteIcon":{display:"none"},...m},w=r.jsxs(t.Box,{component:"span",sx:{display:"inline-flex",alignItems:"center",gap:y.gap+"px",lineHeight:1},children:[u&&r.jsx(t.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}),k,x&&r.jsx(t.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}),c&&r.jsx(hi,{size:v,onClick:c})]});return r.jsx(t.Chip,{label:w,clickable:j&&!i,disabled:i,onClick:j?d:void 0,className:"chip-"+e+" "+h,sx:C,...S,...f})}const fi={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)"}},gi="var(--Link-Visited, var(--Hotlink-Visited))",bi={primary:{base:"var(--Link, var(--Hotlink))",visited:gi},standard:{base:"var(--Text)",visited:gi},quiet:{base:"var(--Text-Quiet)",visited:gi}};function vi({children:e,href:o,target:a,rel:n,textStyle:i="body",color:l="primary",disabled:s=!1,onClick:c,className:d="",sx:u={},...x}){const p=fi[i]||fi.body,h=bi[l]||bi.primary,m="_blank"===a?n||"noopener noreferrer":n;return r.jsx(t.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-"+i+" link-color-"+l+(s?" link-disabled":"")+" "+d,sx:{fontFamily:p.fontFamily,lineHeight:p.lineHeight,fontSize:p.fontSize,fontWeight:p.fontWeight,letterSpacing:p.letterSpacing,textDecoration:"underline",textUnderlineOffset:"3px",textDecorationThickness:"1px",color:h.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:h.visited},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderRadius:"2px"},"&:active":{textDecorationThickness:"2px"}},...u},...x,children:e})}function yi({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"primary":"primary-outline",size:"small",onClick:o,children:e})}function ji({code:e}){return r.jsx(sa,{code:e,language:"JSX",wrap:!0,sx:{mt:1}})}function Si({passes:e}){return r.jsxs(t.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5,px:1.5,py:.5,borderRadius:"20px",backgroundColor:e?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:e?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)",fontSize:"12px",fontWeight:600},children:[e?r.jsx(l,{sx:{fontSize:14}}):r.jsx(s,{sx:{fontSize:14}}),e?"WCAG Pass":"WCAG Fail"]})}function Bi({leftLabel:e,rightLabel:o,leftContent:a,rightContent:n,leftCode:i,rightCode:l,leftPasses:s,rightPasses:c}){return r.jsxs(t.Grid,{container:!0,spacing:3,children:[r.jsx(t.Grid,{item:!0,xs:12,md:6,children:r.jsxs(t.Box,{sx:{p:2,border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:"var(--Background)",height:"100%"},children:[r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",mb:2},children:[r.jsx(Vt,{style:{fontWeight:600},children:e}),r.jsx(Si,{passes:s})]}),r.jsx(t.Box,{sx:{p:2,backgroundColor:"var(--Surface-Dim, var(--Surface))",borderRadius:"var(--Style-Border-Radius)",minHeight:80},children:a}),r.jsx(ji,{code:i})]})}),r.jsx(t.Grid,{item:!0,xs:12,md:6,children:r.jsxs(t.Box,{sx:{p:2,border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:"var(--Background)",height:"100%"},children:[r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",mb:2},children:[r.jsx(Vt,{style:{fontWeight:600},children:o}),r.jsx(Si,{passes:c})]}),r.jsx(t.Box,{sx:{p:2,backgroundColor:"var(--Surface-Dim, var(--Surface))",borderRadius:"var(--Style-Border-Radius)",minHeight:80},children:n}),r.jsx(ji,{code:l})]})})]})}function ki(){const[o,a]=e.useState("column"),[n,i]=e.useState(.5),[l,c]=e.useState("small"),[d,u]=e.useState(!0),[x,p]=e.useState(!1),[h,m]=e.useState(null),[f,g]=e.useState("Surface"),b={small:{label:"Small links ⚡",content:r.jsxs(r.Fragment,{children:[r.jsx(vi,{href:"#",size:"small",children:"Terms of Service"}),r.jsx(vi,{href:"#",size:"small",children:"Privacy Policy"}),r.jsx(vi,{href:"#",size:"small",children:"Cookie Settings"})]})},chips:{label:"Chips ⚡",content:r.jsxs(r.Fragment,{children:[r.jsx(mi,{label:"React",size:"small"}),r.jsx(mi,{label:"TypeScript",size:"small"}),r.jsx(mi,{label:"Design System",size:"small"})]})},normal:{label:"Normal buttons",content:r.jsxs(r.Fragment,{children:[r.jsx(Kr,{variant:"primary",size:"medium",children:"Primary"}),r.jsx(Kr,{variant:"secondary",size:"medium",children:"Secondary"})]})},mixed:{label:"Mixed ⚡",content:r.jsxs(r.Fragment,{children:[r.jsx(Kr,{variant:"primary",size:"medium",children:"Save changes"}),r.jsx(vi,{href:"#",size:"small",children:"Or discard"})]})}},v=["small","chips","mixed"].includes(l),y=d&&v;return r.jsxs(t.Grid,{container:!0,spacing:3,sx:{mt:1},children:[r.jsxs(t.Grid,{item:!0,xs:12,md:7,children:[r.jsx(zo,{theme:h,children:r.jsxs(t.Box,{sx:{width:"100%"},children:[y&&r.jsxs(t.Box,{sx:{mb:2,px:2,py:1,borderRadius:"var(--Style-Border-Radius)",backgroundColor:"var(--Tags-Warning-BG)",color:"var(--Tags-Warning-Text)",fontSize:"12px",fontWeight:600,display:"flex",alignItems:"center",gap:1},children:[r.jsx(s,{sx:{fontSize:16}}),"Small child detected — gap raised to var(--min-stack-gap)"]}),r.jsx(Wa,{direction:o,gap:n,enforceMinGap:d,flexWrap:x?"wrap":void 0,children:b[l].content})]})}),r.jsx(ji,{code:(()=>{const e=["<OmniStack"];return"column"!==o&&e.push(' direction="'+o+'"'),e.push(" gap={"+n+"}"),d||e.push(" enforceMinGap={false}"),x&&e.push(' flexWrap="wrap"'),e.push(">"),e.push(" {children}"),e.push("</OmniStack>"),e.join("\n")})()})]}),r.jsx(t.Grid,{item:!0,xs:12,md:5,children:r.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",gap:3},children:[r.jsx(Po,{theme:h,onThemeChange:m,surface:f,onSurfaceChange:g}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CHILDREN"}),r.jsx(t.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:Object.entries(b).map(([e,{label:t}])=>r.jsx(yi,{label:t,selected:l===e,onClick:()=>c(e)},e))})]}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DIRECTION"}),r.jsx(t.Box,{sx:{display:"flex",gap:1},children:["row","column"].map(e=>{return r.jsx(yi,{label:(t=e,t?t.charAt(0).toUpperCase()+t.slice(1):""),selected:o===e,onClick:()=>a(e)},e);var t})})]}),r.jsxs(t.Box,{children:[r.jsxs(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["GAP — ",n," unit",y?" → raised to var(--min-stack-gap)":""]}),r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:2},children:[r.jsx(t.Box,{component:"input",type:"range",min:0,max:6,step:.5,value:n,onChange:e=>i(Number(e.target.value)),sx:{flex:1,accentColor:"var(--Primary-Color-10)"}}),r.jsx(Kt,{style:{color:"var(--Text)",minWidth:24,textAlign:"right"},children:n})]})]}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),r.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",gap:1.5},children:[r.jsxs(t.Box,{sx:{display:"flex",alignItems:"flex-start",justifyContent:"space-between"},children:[r.jsxs(t.Box,{children:[r.jsx(Vt,{children:"Enforce min gap"}),r.jsx(Kt,{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"})]}),r.jsx(ya,{checked:d,onChange:e=>u(e.target.checked),size:"small"})]}),r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[r.jsx(Vt,{children:"Flex wrap"}),r.jsx(ya,{checked:x,onChange:e=>p(e.target.checked),size:"small"})]})]})]})]})})]})}function Ci({children:e,theme:o,surface:a,elevation:n=0,component:i="div",className:l="",sx:s={},style:c,...d}){const u=Math.max(0,Math.min(5,0|n));if(!u)return r.jsx(t.Box,{component:i,"data-theme":o||void 0,"data-surface":a||void 0,className:"omni-box"+(l?" "+l:""),sx:{background:"var(--Background)",boxSizing:"border-box",...s},style:c,...d,children:e});const x=c||{},{width:p,height:h,minWidth:m,minHeight:f,maxWidth:g,maxHeight:b,borderRadius:v,margin:y,marginTop:j,marginRight:S,marginBottom:B,marginLeft:k,...C}=x,w={width:p,height:h,minWidth:m,minHeight:f,maxWidth:g,maxHeight:b,borderRadius:v,margin:y,marginTop:j,marginRight:S,marginBottom:B,marginLeft:k},{width:T,height:I,borderRadius:A,...z}=s;return r.jsx(t.Box,{component:i,className:"omni-box-elevation"+(l?" "+l:""),"data-elevation":u,sx:{boxShadow:Rr[u],boxSizing:"border-box",width:T,height:I,borderRadius:A},style:w,...d,children:r.jsx(t.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",...z},style:C,children:e})})}const wi=["Surface","Surface-Dim","Surface-Bright","Container","Container-Low","Container-Lowest","Container-High"],Ti=["Default","Primary","Primary-Light","Secondary","Secondary-Light","Tertiary","Tertiary-Light","Neutral","Neutral-Light","Info-Light","Success-Light","Warning-Light","Error-Light"];function Ii({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function Ai({theme:e,surface:t="Surface",as:o="section",padding:a,className:n,style:i,children:l,...s}){return r.jsx(o,{...e?{"data-theme":e}:{},"data-surface":t,className:n,style:{background:"var(--Background)",color:"var(--Text)",...void 0!==a?{padding:a}:{},...i},...s,children:l})}const zi=["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"],Ri="1.618034",Ei={"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":Ri+" / 1","Golden-Vertical":"1 / "+Ri},Li={none:0,xs:1,sm:2,md:3,lg:4,xl:6};function Pi({ratio:o="1:1",children:a,variant:n="default",color:i="default",padding:l="none",fit:s="width",placeholder:c=!0,elevated:d=!1,clickable:u=!1,onClick:x,maxWidth:p,maxHeight:h,component:m="div",className:f="",sx:g={},...b}){const v=Ei[o]||Ei["1:1"],y=(j="default"===i?"Default":i).charAt(0).toUpperCase()+j.slice(1);var j;const S=c&&0===e.Children.count(a),B="default"===i?void 0:y,k="dark"===n?"Surface-Dimmest":"light"===n?"Surface-Brightest":void 0,C=void 0!==Li[l]?Li[l]:Li.none,w=u||!!x,T="default"===n,I=d?Tr:wr,A=d?Ir:Tr;return r.jsx(t.Box,{component:m,onClick:w?x:void 0,role:w?"button":void 0,tabIndex:w?0:void 0,className:"ratio ratio-"+o.toLowerCase()+" ratio-"+n+(w?" 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!==p&&{maxWidth:p},...void 0!==h&&{maxHeight:h},border:T?"none":"1px solid var(--Border-Variant)",borderRadius:T?0:"var(--Style-Border-Radius)",boxShadow:T?"none":I,overflow:"hidden",transition:"box-shadow 0.2s ease, border-color 0.2s ease",...w&&{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"}},...!w&&!T&&{"&:hover":{boxShadow:A}},...g},...b,children:r.jsx(t.Box,{"data-theme":B||void 0,"data-surface":k,sx:{width:"100%",height:"100%",padding:C,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?r.jsx(dr,{size:"large",sx:{color:"var(--Background)"},children:r.jsx(Pe,{})}):a})})}const Oi=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Di=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Mi=["default","solid","light","dark"],Wi=["none","xs","sm","md","lg","xl"];function Fi({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function Ni({color:e,selected:t,onClick:o,variant:n}){const i=Oi(e),l={solid:i,light:i+"-Light",dark:i,default:void 0};return r.jsx(Ci,{component:"button","data-theme":l[n],"data-surface":{solid:"Surface",light:"Surface",dark:"Surface-Dimmest",default:"Surface"}[n],onClick:()=>o(e),"aria-label":"Select "+i,"aria-pressed":t,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Background)",border:t?"2px solid var(--Text)":"2px solid var(--Border)",outline:t?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:t&&r.jsx(a,{sx:{fontSize:16,color:"var(--Text)",pointerEvents:"none"}})})}const Hi=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Vi=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Qi=[{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Gi({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function qi({color:e,selected:o,onClick:n}){const i=Hi(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const Ui={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 Xi({children:o,separator:a="/",size:n="medium",condense:i=!1,maxItems:l=4,itemsBeforeCollapse:s=1,itemsAfterCollapse:c=1,backOnlyMobile:d=!1,onExpand:u,className:x="",sx:p={},...h}){const m=Ui[n]||Ui.medium,f=e.Children.toArray(o).filter(e.isValidElement),g=f.length,b=i&&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=r.jsx(t.Box,{component:"button",onClick:()=>{j(!0),u?.()},"aria-label":"Show full breadcrumb trail",className:"breadcrumb-ellipsis",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",background:"none",border:"none",padding:"2px 4px",cursor:"pointer",fontFamily:"inherit",fontSize:"inherit",color:"var(--Quiet)",borderRadius:"4px","&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"1px"}},children:"…"},"__breadcrumb-ellipsis");v=[...e,a,...o]}const S=[];v.forEach((e,o)=>{const n=b&&!y?o===v.length-1:o===g-1;var i;S.push(r.jsx(t.Box,{component:"li",className:"breadcrumb-item"+(n?" breadcrumb-current":""),sx:{display:"inline-flex",alignItems:"center",...n&&{color:"var(--Text)",fontWeight:600},...!n&&{color:"var(--Quiet)"},maxWidth:"200px","& > *":{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},...n?{"aria-current":"page"}:{},children:e},"crumb-"+o)),o<v.length-1&&S.push((i=o,r.jsx(t.Box,{component:"li",role:"presentation","aria-hidden":"true",className:"breadcrumb-separator",sx:{display:"inline-flex",alignItems:"center",color:"var(--Quiet)",userSelect:"none",fontSize:"inherit",lineHeight:1,flexShrink:0},children:a},"sep-"+i)))});const B=g>=2?f[g-2]:null;return r.jsxs(t.Box,{component:"nav","aria-label":"Breadcrumb",className:"breadcrumbs breadcrumbs-"+n+" "+x,sx:{fontSize:m.fontSize,fontFamily:"var(--Body-Font-Family)",lineHeight:1.5,...p},...h,children:[r.jsx(t.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&&r.jsxs(t.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:[r.jsx(t.Box,{component:"span","aria-hidden":"true",sx:{fontSize:"1.1em",lineHeight:1},children:"←"}),e.cloneElement(B,{style:{...B.props?.style||{},textDecoration:"underline",textUnderlineOffset:"3px"}})]})]})}function Ki({children:e,href:o,className:a="",sx:n={},...i}){const l=!!o;return r.jsx(t.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"}},...n},...i,children:e})}const Ji=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"";function Yi({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}const Zi={small:{btnSize:"small",fontSize:"13px",gap:"2px"},medium:{btnSize:"medium",fontSize:"14px",gap:"4px"},large:{btnSize:"large",fontSize:"16px",gap:"4px"}};function $i({count:o=10,page:a,defaultPage:n=1,onChange:i,color:l="default",size:s="medium",siblingCount:c=1,boundaryCount:d=1,disabled:u=!1,showFirstButton:x=!1,showLastButton:p=!1,className:h="",sx:m={},...f}){const[g,b]=e.useState(n),v=void 0!==a,y=v?a:g;(e=>{e.charAt(0).toUpperCase(),e.slice(1)})("default"===l?"Default":l);const j=Zi[s]||Zi.medium,S=e.useCallback(e=>{const t=Math.max(1,Math.min(o,e));v||b(t),i?.(t)},[o,v,i]),B=function({count:e,page:t,siblingCount:r=1,boundaryCount:o=1}){const a=(e,t)=>Array.from({length:t-e+1},(t,r)=>e+r);if(2*r+3+2*o>=e)return a(1,e);const n=Math.max(t-r,o+1),i=Math.min(t+r,e-o),l=n>o+2,s=i<e-o-1;if(!l&&s)return[...a(1,Math.min(3+2*r+o,e)),"ellipsis-right",...a(e-o+1,e)];if(l&&!s){const t=a(Math.max(e-(3+2*r+o)+1,1),e);return[...a(1,o),"ellipsis-left",...t]}return l&&s?[...a(1,o),"ellipsis-left",...a(n,i),"ellipsis-right",...a(e-o+1,e)]:a(1,e)}({count:o,page:y,siblingCount:c,boundaryCount:d}),k="default"===l?"default":l;return r.jsx(t.Box,{component:"nav","aria-label":"Pagination",className:"pagination pagination-"+l+" pagination-"+s+" "+h,sx:{display:"inline-flex",...m},...f,children:r.jsxs(t.Box,{component:"ul",sx:{display:"flex",alignItems:"center",gap:j.gap,listStyle:"none",m:0,p:0,flexWrap:"wrap"},children:[x&&r.jsx(t.Box,{component:"li",children:r.jsx(Kr,{iconOnly:!0,variant:k+"-outline",size:j.btnSize,disabled:u||1===y,onClick:()=>S(1),"aria-label":"Go to first page",children:r.jsx(dr,{size:"small",children:r.jsx(Me,{})})})}),r.jsx(t.Box,{component:"li",children:r.jsx(Kr,{iconOnly:!0,variant:k+"-outline",size:j.btnSize,disabled:u||1===y,onClick:()=>S(y-1),"aria-label":"Go to previous page",children:r.jsx(dr,{size:"small",children:r.jsx(Oe,{})})})}),B.map((e,o)=>{if("string"==typeof e)return r.jsx(t.Box,{component:"li",children:r.jsx(Kt,{style:{color:"var(--Quiet)",padding:"0 4px"},"aria-hidden":"true",children:"…"})},e+"-"+o);const a=e===y;return r.jsx(t.Box,{component:"li",children:r.jsx(Kr,{variant:a?k:k+"-outline",size:j.btnSize,disabled:u,onClick:()=>S(e),"aria-label":"Page "+e,"aria-current":a?"page":void 0,letterNumber:!0,children:e})},e)}),r.jsx(t.Box,{component:"li",children:r.jsx(Kr,{iconOnly:!0,variant:k+"-outline",size:j.btnSize,disabled:u||y===o,onClick:()=>S(y+1),"aria-label":"Go to next page",children:r.jsx(dr,{size:"small",children:r.jsx(De,{})})})}),p&&r.jsx(t.Box,{component:"li",children:r.jsx(Kr,{iconOnly:!0,variant:k+"-outline",size:j.btnSize,disabled:u||y===o,onClick:()=>S(o),"aria-label":"Go to last page",children:r.jsx(dr,{size:"small",children:r.jsx(We,{})})})})]})})}const _i=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",el=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function tl({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function rl({color:e,selected:o,onClick:n}){const i=_i(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const ol=e=>e.charAt(0).toUpperCase()+e.slice(1),al={small:{py:"4px",itemPx:"8px",itemPy:"4px",fontSize:"13px",minWidth:"140px"},medium:{py:"6px",itemPx:"12px",itemPy:"6px",fontSize:"14px",minWidth:"160px"},large:{py:"8px",itemPx:"16px",itemPy:"8px",fontSize:"16px",minWidth:"180px"}},nl=e.createContext({open:!1,setOpen:()=>{},anchorRef:{current:null},menuId:"",buttonId:"",variant:"outline",color:"default",size:"medium"}),il=()=>e.useContext(nl);function ll({children:o,variant:a="outline",color:n="default",size:i="medium",open:l,onOpenChange:s,...c}){const[d,u]=e.useState(!1),x=void 0!==l,p=x?l:d,h=e.useRef(null),m=e.useId(),f="menu-"+m,g="menubtn-"+m,b=e.useCallback(e=>{const t="function"==typeof e?e(p):e;x?s?.(t):u(t)},[x,p,s]);return r.jsx(nl.Provider,{value:{open:p,setOpen:b,anchorRef:h,menuId:f,buttonId:g,variant:a,color:n,size:i},children:r.jsx(t.Box,{sx:{display:"inline-flex",position:"relative"},...c,children:o})})}function sl({children:e,className:o="",sx:a={},...n}){const{open:i,setOpen:l,anchorRef:s,menuId:c,buttonId:d,size:u,color:p}=il(),h=al[u]||al.medium,m=ol("default"===p?"Default":p);return r.jsxs(t.Box,{component:"button",ref:s,id:d,"aria-haspopup":"true","aria-expanded":i,"aria-controls":i?c:void 0,onClick:()=>l(e=>!e),className:"menu-button "+o,sx:{display:"inline-flex",alignItems:"center",gap:"6px",padding:h.itemPy+" "+h.itemPx,fontSize:h.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))},...n,children:["string"==typeof e?"small"===u?r.jsx(Vt,{style:{color:"inherit",fontWeight:600},children:e}):r.jsx(Gt,{style:{color:"inherit",fontWeight:600},children:e}):e,r.jsx(dr,{size:"small",sx:{color:"var(--Quiet)",transition:"transform 0.2s ease",transform:i?"rotate(180deg)":"rotate(0deg)"},children:r.jsx(x,{})})]})}function cl({children:o,className:a="",placement:n="bottom-start",sx:i={},...l}){const{open:s,setOpen:c,anchorRef:d,menuId:u,buttonId:x,variant:p,color:h,size:m}=il(),f=e.useRef(null),g=al[m]||al.medium,b=ol("default"===h?"Default":h),v="var(--Buttons-"+b+"-Border)",y="light"===p?"default"===h?"Default":b:"solid"===p?b:void 0,j="light"===p?"Surface-Brightest":"solid"===p?"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?r.jsx(t.Box,{className:"menu menu-"+p+" "+a,sx:{position:"absolute",top:"100%",left:"bottom-end"===n?"auto":0,right:"bottom-end"===n?0:"auto",zIndex:99999,marginTop:"4px",border:"1px solid "+v,borderRadius:"var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px)))",boxShadow:"none",overflow:"hidden",...i},children:r.jsx(t.Box,{ref:f,id:u,role:"menu","aria-labelledby":x,"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 t=f.current?.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])');if(!t?.length)return;const r=Array.from(t).indexOf(document.activeElement);"ArrowDown"===e.key?(e.preventDefault(),t[(r+1)%t.length].focus()):"ArrowUp"===e.key?(e.preventDefault(),t[(r-1+t.length)%t.length].focus()):"Home"===e.key?(e.preventDefault(),t[0].focus()):"End"===e.key?(e.preventDefault(),t[t.length-1].focus()):"Tab"===e.key&&c(!1)},...l,children:o})}):null}function dl({children:e,onClick:o,selected:a=!1,disabled:n=!1,className:i="",sx:l={},...s}){const{setOpen:c,size:d}=il(),u=al[d]||al.medium,x="small"===d?Vt:Gt,p=()=>{n||(o?.(),c(!1))};return r.jsx(t.Box,{role:"menuitem",tabIndex:n?-1:0,"aria-disabled":n||void 0,"aria-selected":a||void 0,onClick:p,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),p())},className:"menu-item"+(a?" menu-item-selected":"")+" "+i,sx:{display:"flex",alignItems:"center",gap:"8px",padding:u.itemPy+" "+u.itemPx,color:n?"var(--Quiet)":a?"var(--Text)":"var(--Quiet)",backgroundColor:a?"var(--Hover)":"transparent",cursor:n?"not-allowed":"pointer",opacity:n?.5:1,outline:"none",transition:"background-color 0.1s ease, color 0.1s ease",userSelect:"none",...!n&&{"&: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:r.jsx(x,{style:{color:"inherit",fontWeight:a?600:"inherit"},children:e})})}function ul({className:e="",sx:o={},...a}){return r.jsx(t.Box,{component:"hr",role:"separator",className:"menu-divider "+e,sx:{border:"none",borderTop:"1px solid var(--Border)",margin:"4px 0",...o},...a})}const xl=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:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function ml({color:e,selected:o,onClick:n}){const i=xl(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const fl={default:"Nav-Bar",primary:"Primary","primary-light":"Primary-Light","primary-medium":"Primary-Medium","primary-dark":"Primary-Dark",white:"White",black:"Black"};function gl({items:o=[],value:a,defaultValue:n=0,onChange:i,showLabels:l=!0,labelOrientation:s="vertical",backfill:c=!0,barColor:d="default",fixed:u=!0,className:x="",sx:p={},...h}){const[m,f]=e.useState(n),g=void 0!==a,b=g?a:m,v=e.useCallback(e=>{g||f(e),i?.(e)},[g,i]),y="horizontal"===(o.length>4?"vertical":s),j=fl[d]||fl.default;return r.jsx(t.Box,{component:"nav",role:"navigation","aria-label":"Bottom navigation","data-theme":j,"data-surface":"Surface-Dim",className:"bottom-nav bottom-nav-"+d+(l?" bottom-nav-labels":"")+(y&&l?" bottom-nav-horizontal":"")+(c?" bottom-nav-backfill":"")+(u?" bottom-nav-fixed":"")+(x?" "+x:""),sx:{display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"var(--Background)",borderTop:"1px solid var(--Border)",fontFamily:"inherit",width:"100%",...u&&{position:"fixed",bottom:0,left:0,right:0,zIndex:1100},...p},...h,children:r.jsx(t.Box,{role:"tablist",sx:{display:"flex",alignItems:"center",justifyContent:"space-around",width:"100%",maxWidth:600,height:l&&!y?72:64,px:1},children:o.map((e,t)=>{const o=t===b;return r.jsx(bl,{icon:e.icon,label:e.label,selected:o,showLabel:l,horizontal:y,backfill:c,onClick:()=>v(t),ariaLabel:e.label||"Tab "+(t+1)},e.key||t)})})})}function bl({icon:e,label:o,selected:a,showLabel:n,horizontal:i,backfill:l,onClick:s,ariaLabel:c}){const d="var(--Text-Quiet)",u="var(--Text)",x="var(--Buttons-Primary-Text)",p=a?l?x:u:d,h=a?l&&i?x:u:d,m=!i,f=r.jsxs(t.Box,{sx:{display:"flex",flexDirection:i?"row":"column",alignItems:"center",justifyContent:"center",gap:i?.75:0,...a&&l&&{backgroundColor:"var(--Buttons-Primary-Button)",border:"1px solid var(--Buttons-Primary-Border)",borderRadius:"16px",px:i?2:2.5,py:.5},...a&&l?{}:{px:i?1:0,border:"1px solid transparent"},transition:"background-color 0.2s ease, border-color 0.2s ease"},children:[r.jsx(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",fontSize:"24px",color:p,transition:"color 0.15s ease","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"}},children:e}),n&&i&&o&&r.jsx(t.Box,{sx:{fontSize:"13px",fontWeight:a?600:500,color:a&&l?x:a?u:d,whiteSpace:"nowrap",lineHeight:1,transition:"color 0.15s ease"},children:o})]});return r.jsxs(t.Box,{component:"button",type:"button",role:"tab","aria-selected":a,"aria-label":c,onClick:s,sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",flex:1,gap:m&&n?.25:0,border:"none",backgroundColor:"transparent",cursor:"pointer",outline:"none",fontFamily:"inherit",py:1,minWidth:0,transition:"transform 0.1s ease","&:hover":{transform:"scale(1.04)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-2px",borderRadius:"8px"}},children:[f,n&&m&&o&&r.jsx(t.Box,{sx:{fontSize:"11px",fontWeight:a?600:400,color:h,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%",lineHeight:1.2,mt:.25,transition:"color 0.15s ease"},children:o})]})}const vl={Home:r.jsx(h,{sx:{fontSize:"inherit"}}),Explore:r.jsx(Fe,{sx:{fontSize:"inherit"}}),Radio:r.jsx(Ne,{sx:{fontSize:"inherit"}}),Library:r.jsx(He,{sx:{fontSize:"inherit"}}),Favorite:r.jsx(p,{sx:{fontSize:"inherit"}}),Person:r.jsx(n,{sx:{fontSize:"inherit"}}),Search:r.jsx(g,{sx:{fontSize:"inherit"}}),Settings:r.jsx(f,{sx:{fontSize:"inherit"}}),Notifications:r.jsx(v,{sx:{fontSize:"inherit"}}),Cart:r.jsx(j,{sx:{fontSize:"inherit"}}),Star:r.jsx(b,{sx:{fontSize:"inherit"}}),Bookmark:r.jsx(Ve,{sx:{fontSize:"inherit"}})},yl=Object.keys(vl),jl=[{icon:"Home",label:"Home"},{icon:"Explore",label:"Browse"},{icon:"Radio",label:"Radio"},{icon:"Library",label:"Library"}],Sl=[{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 Bl({label:e,selected:o,onClick:a,disabled:n}){return r.jsx(t.Box,{component:"button",onClick:a,disabled:n,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:n?"not-allowed":"pointer",border:"2px solid var(--Buttons-Primary-Button)",borderRadius:"var(--Style-Border-Radius)",backgroundColor: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:n?.4:1,transition:"background-color 0.15s ease, color 0.15s ease","&:hover":{backgroundColor:n?"transparent":o?"var(--Buttons-Primary-Hover)":"var(--Surface-Dim)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:e})}function kl({value:e,onChange:o,placeholder:a,sx:n}){return r.jsx(t.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)"},...n}})}function Cl({value:e,onChange:o,options:a,label:n}){return r.jsx(t.Box,{component:"select",value:e,onChange:e=>o(e.target.value),"aria-label":n,sx:{padding:"4px 6px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",outline:"none",cursor:"pointer","&:focus":{borderColor:"var(--Focus-Visible)"}},children:a.map(e=>r.jsx("option",{value:"string"==typeof e?e:e.value,children:"string"==typeof e?e:e.label},"string"==typeof e?e:e.value))})}function wl({value:e,onChange:o,min:a,max:n,label:i}){return r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",flexShrink:0,width:90},children:i}),r.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:"−"}),r.jsx(t.Box,{sx:{fontWeight:700,fontSize:"14px",minWidth:24,textAlign:"center"},children:e}),r.jsx("button",{type:"button",onClick:()=>{e<n&&o(e+1)},disabled:e>=n,style:{width:28,height:28,display:"flex",alignItems:"center",justifyContent:"center",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",cursor:e>=n?"not-allowed":"pointer",fontSize:"14px",opacity:e>=n?.4:1,fontFamily:"inherit"},children:"+"})]})}function Tl({label:e,checked:o,onChange:a,caption:n,disabled:i}){return r.jsxs(t.Box,{sx:{py:.5,opacity:i?.4:1},children:[r.jsx(t.FormControlLabel,{control:r.jsx(t.Checkbox,{checked:o,onChange:e=>a(e.target.checked),size:"small",disabled:i,sx:{color:"var(--Text-Quiet)","&.Mui-checked":{color:"var(--Buttons-Primary-Button)"}}}),label:r.jsx(Jt,{children:e}),sx:{m:0}}),n&&r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginLeft:32},children:n})]})}const Il={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Al={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}},zl=e.createContext({orientation:"horizontal",size:"medium",color:"primary",activeStep:0,clickable:!1,onStepClick:null,dashedIncomplete:!1,totalSteps:0}),Rl=()=>e.useContext(zl);function El({children:o,orientation:a="horizontal",size:n="medium",color:i="primary",activeStep:l=0,clickable:s=!1,onStepClick:c,dashedIncomplete:d=!1,className:u="",sx:x={},...p}){const h=e.Children.toArray(o).filter(e.isValidElement),m=h.length,f="horizontal"===a;return r.jsx(zl.Provider,{value:{orientation:a,size:n,color:i,activeStep:l,clickable:s,onStepClick:c,dashedIncomplete:d,totalSteps:m},children:r.jsx(t.Box,{component:"ol",role:"list","aria-label":"Progress",className:"stepper stepper-"+a+" stepper-"+n+" stepper-"+i+" "+u,sx:{display:"flex",flexDirection:f?"row":"column",alignItems:f?"flex-start":"stretch",listStyle:"none",margin:0,padding:0,width:"100%",gap:0,...x},...p,children:h.map((t,r)=>e.cloneElement(t,{_index:r,key:t.key||r}))})})}function Ll({children:e,icon:o,label:a,_index:n=0,className:i="",sx:l={},...s}){const{orientation:c,size:d,color:u,activeStep:x,clickable:p,onStepClick:h,dashedIncomplete:m,totalSteps:f}=Rl(),g=Al[d]||Al.medium,b=Il[u]||"Primary",v="horizontal"===c,y=n===x,j=n<x,S=n>x,B=n===f-1,k=o||n+1,C=a||e,w="var(--Buttons-"+b+"-Border)",T=y||j?"var(--Buttons-"+b+"-Button)":"transparent",I=y||j?"var(--Buttons-"+b+"-Text)":"var(--Text)",A=y||j?"var(--Buttons-"+b+"-Hover)":"var(--Hover)",z=y||j?"var(--Buttons-"+b+"-Pressed)":"var(--Pressed)",R=r.jsx(t.Box,{component:p?"button":"div",onClick:p?()=>h?.(n):void 0,onKeyDown:p?e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),h?.(n))}:void 0,tabIndex:p?0:void 0,role:p?"button":void 0,"aria-label":p?"Go to step "+(n+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":"")+(p?" 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 "+w,backgroundColor:T,color:I,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:p?"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%"}},...p&&{"&:hover":{backgroundColor:A},"&:active":{backgroundColor:z},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px"}}},children:k}),E=B?null:r.jsx(t.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"}}),L=C?(()=>{const e="small"===d?Kt:Vt;return r.jsx(e,{style:{fontWeight:y?600:400,color:y||j?"var(--Text)":"var(--Quiet)",textAlign:v?"center":"left",whiteSpace:"nowrap",lineHeight:1.3},children:C})})():null;return v?r.jsxs(t.Box,{component:"li",className:"step step-"+d+" step-horizontal"+(y?" step-active":"")+(j?" step-completed":"")+(S?" step-incomplete":"")+" "+i,sx:{display:"flex",alignItems:"center",flex:B?"none":1,...l},...s,children:[r.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",flexShrink:0},children:[R,L&&r.jsx(t.Box,{sx:{mt:"4px"},children:L})]}),E]}):r.jsxs(t.Box,{component:"li",className:"step step-"+d+" step-vertical"+(y?" step-active":"")+(j?" step-completed":"")+(S?" step-incomplete":"")+" "+i,sx:{display:"flex",flexDirection:"column",alignItems:"flex-start",...l},...s,children:[r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:"8px"},children:[R,L]}),E]})}const Pl=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Ol=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Dl=["Account","Details","Review","Confirm","Complete","Done"];function Ml({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function Wl({color:e,selected:o,onClick:n}){const i=Pl(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}function Fl({actions:o=[],variant:a="solid",color:n="default",direction:i="up",speed:l=50,showTooltips:s=!0,open:c,onOpen:d,onClose:u,icon:x,ariaLabel:p="Speed Dial",className:h="",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),u?.()):(v||b(!0),d?.())},[y,v,d,u]),k=e.useCallback((e,t)=>{e.onClick?.(t),v||b(!1),u?.()},[v,u]);e.useEffect(()=>{if(!y)return;const e=e=>{j.current&&!j.current.contains(e.target)&&(v||b(!1),u?.())};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[y,v,u]),e.useEffect(()=>{if(!y)return;const e=e=>{"Escape"===e.key&&(v||b(!1),u?.())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[y,v,u]);const C="up"===i||"down"===i,w="up"===i||"down"===i?"left":"top",T=r.jsx(t.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",transition:"transform 0.3s ease",transform:y?"rotate(45deg)":"rotate(0deg)"},children:x||r.jsx(ve,{})});return r.jsxs(t.Box,{ref:j,className:"speed-dial speed-dial-"+a+" speed-dial-"+n+" speed-dial-"+i+" "+h,sx:{position:"relative",display:"inline-flex",overflow:"visible",width:C?"56px":"auto",height:C?"auto":"56px",...m},...f,children:[r.jsx(en,{size:"large",variant:S,color:n,onClick:B,"aria-label":p,"aria-expanded":y,"aria-haspopup":"menu",sx:{position:"relative",zIndex:2},children:T}),r.jsx(t.Box,{role:"menu",sx:{position:"absolute",inset:0,pointerEvents:"none",overflow:"visible"},children:o.map((e,o)=>{const a=(e=>{const t=56+44*e;switch(i){case"up":default:return{bottom:t+"px",left:"12px"};case"down":return{top:t+"px",left:"12px"};case"left":return{right:t+"px",top:"12px"};case"right":return{left:t+"px",top:"12px"}}})(o),c=o*l,d=r.jsx(en,{size:"small",variant:S,color:n,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||r.jsx(ve,{})},e.key||o);return s&&e.name?r.jsx(t.Tooltip,{title:e.name,placement:w,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 Nl=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Hl=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Vl=[{name:"Edit",icon:r.jsx(dr,{size:"small",sx:{color:"inherit"},children:r.jsx(Qe,{})})},{name:"Share",icon:r.jsx(dr,{size:"small",sx:{color:"inherit"},children:r.jsx(Ge,{})})},{name:"Delete",icon:r.jsx(dr,{size:"small",sx:{color:"inherit"},children:r.jsx(m,{})})},{name:"Favorite",icon:r.jsx(dr,{size:"small",sx:{color:"inherit"},children:r.jsx(p,{})})}];function Ql({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function Gl({color:e,selected:o,onClick:n}){const i=Nl(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const ql={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",black:"BW",white:"BW"};function Ul(e,t){return"var(--"+(ql[e]||"Primary")+"-Color-"+t+")"}const Xl={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 Kl(e,t){const r=Xl[e]||Xl.primary;return(r[t]||r.linear).map(e=>({...e}))}function Jl({variant:e="linear",color:o="primary",angle:a=135,stops:n=null,position:i=null,blobs:l=null,cardProps:s={},minHeight:c=300,children:d,className:u="",sx:x={},...p}){const h="meshCard"===e,m="mesh"===e||h,f="radial"===e,g="linear"===e||f,b=n||Kl(o,f?"radial":"linear"),v=l||Kl(o,h?"meshCard":"mesh"),y=m?function(e){if(!e||0===e.length)return"none";const t=e.map(e=>{const t=Ul(e.family,e.tone),r=e.spread||40;return"radial-gradient(circle at "+e.x+"% "+e.y+"%, "+t+" 0%, transparent "+r+"%)"}),r=Ul(e[0].family,e[0].tone);return t.push(r),t.join(", ")}(v):f?function(e,t){if(!e||0===e.length)return"none";const r=[...e].sort((e,t)=>e.position-t.position).map(e=>Ul(e.family,e.tone)+" "+e.position+"%"),o=t||{x:50,y:50};return"radial-gradient(circle at "+o.x+"% "+o.y+"%, "+r.join(", ")+")"}(b,i||{x:50,y:50}):function(e,t){return e&&0!==e.length?"linear-gradient("+t+"deg, "+[...e].sort((e,t)=>e.position-t.position).map(e=>Ul(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 h?r.jsx(t.Box,{className:"gradient gradient-mesh-card "+u,sx:{background:y,minHeight:c,borderRadius:"var(--Card-Radius)",display:"flex",alignItems:"center",justifyContent:"center",padding:"var(--Card-Padding)",position:"relative",overflow:"hidden",...x},...p,children:r.jsx(Xa,{variant:"solid",...s,children:r.jsx(Ka,{children:d})})}):r.jsx(t.Box,{className:"gradient gradient-"+e+" "+u,sx:{background:y,minHeight:c,borderRadius:"var(--Card-Radius)",color:k,display:"flex",alignItems:"center",justifyContent:"center",position:"relative",overflow:"hidden",...x},...p,children:d})}["default","primary","secondary","tertiary","neutral"].map(e=>{return{value:e,label:(t=e,t?t.charAt(0).toUpperCase()+t.slice(1):"")};var t});const Yl=e.createContext(null),Zl=["Default","Primary-Light","Primary","Secondary-Light","Secondary","Tertiary-Light","Tertiary","Neutral-Light","Neutral","Error-Light","Success-Light","Warning-Light","Info-Light","Primary-Dark","Secondary-Dark","Tertiary-Dark","Neutral-Dark","Error-Dark","Success-Dark","Warning-Dark","Info-Dark","App-Bar","Nav-Bar","Status"],$l=["Professional","Modern","Bold","Playful"],_l=["Surface-Dimmest","Surface-Dim","Surface","Surface-Bright","Surface-Brightest","Container","Container-Low","Container-Lowest","Container-High","Container-Highest"],es={"light-tonal":{theme:"Primary",rootSurface:"Surface-Brightest"},"grey-professional":{theme:"Neutral",rootSurface:"Surface"},"dark-professional":{theme:"Neutral-Dark",rootSurface:"Surface"}},ts="omni-foundation",rs="omni-core",os="omni-typography",as="omni-mode",ns="omni-base",is="omni-styles";function ls(e){document.getElementById(e)?.remove()}function ss(e,t,r){return t?function(e){return!(!e||"string"!=typeof e)&&(e.startsWith("http")||e.startsWith("/")||e.endsWith(".css"))}(t)?function(e,t,r){const o=document.getElementById(e);return o?"LINK"===o.tagName&&o.getAttribute("href")!==t?new Promise((e,r)=>{o.onload=()=>e(o),o.onerror=()=>r(new Error(`OmniDesignProvider: failed to load ${t}`)),o.setAttribute("href",t)}):Promise.resolve(o):new Promise((o,a)=>{const n=document.createElement("link");n.id=e,n.rel="stylesheet",n.setAttribute("data-omni","true"),n.onload=()=>o(n),n.onerror=()=>a(new Error(`OmniDesignProvider: failed to load ${t}`)),n.href=t;const i=r?document.getElementById(r):null;i?document.head.insertBefore(n,i):document.head.appendChild(n)})}(e,t,r):function(e,t,r){if(!t)return Promise.resolve(null);const o=document.getElementById(e);if(o)return o.textContent=t,Promise.resolve(o);const a=document.createElement("style");a.id=e,a.setAttribute("data-omni","true"),a.textContent=t;const n=r?document.getElementById(r):null;return n?document.head.insertBefore(a,n):document.head.appendChild(a),Promise.resolve(a)}(e,t,r):Promise.resolve(null)}function cs(){const t=e.useContext(Yl);if(!t)throw new Error("useOmniDesign must be used inside a <OmniDesignProvider>");return t}const ds=o=>e.forwardRef(function(e,a){return r.jsx(t.Slide,{direction:o,ref:a,...e})}),us={fade:e.forwardRef(function(e,o){return r.jsx(t.Fade,{ref:o,...e})}),grow:e.forwardRef(function(e,o){return r.jsx(t.Grow,{ref:o,...e})}),zoom:e.forwardRef(function(e,o){return r.jsx(t.Zoom,{ref:o,...e})}),"slide-up":ds("up"),"slide-down":ds("down"),"slide-left":ds("left"),"slide-right":ds("right")},xs={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)"},ps={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},hs={color:"var(--Text)",fontFamily:"inherit",fontSize:"14px",lineHeight:1.6,py:3,px:3},ms={borderTop:"1px solid var(--Border)",px:3,py:1.5,gap:1},fs={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"}},gs={primary:{...fs,backgroundColor:"var(--Buttons-Primary-Button)",color:"var(--Buttons-Primary-Text)",border:"1px solid var(--Buttons-Primary-Border)","&:hover":{backgroundColor:"var(--Buttons-Primary-Hover)"}},outline:{...fs,backgroundColor:"transparent",color:"var(--Text)",border:"1px solid var(--Border)","&:hover":{backgroundColor:"var(--Hover)"}}};function bs({open:e=!1,onClose:o,title:a,children:n,actions:i,maxWidth:l="sm",fullScreen:s=!1,scroll:c="body",alert:d=!1,nonModal:u=!1,transition:x,transitionDuration:p=300,titleId:h="dialog-title",contentId:m="dialog-description",className:f="",sx:g={},PaperProps:b={},...v}){const y=x?us[x]:void 0;let j;try{j=cs()}catch{j=null}const S=j?.theme||"Default",B=j?.style||"Modern",k=j?.surface||"Surface";return r.jsxs(t.Dialog,{open:e,onClose:(e,t)=>{d&&"backdropClick"===t||d&&"escapeKeyDown"===t||o?.(e,t)},maxWidth:!s&&l,fullScreen:s,fullWidth:!s,scroll:c,hideBackdrop:u,disableEnforceFocus:u,disableEscapeKeyDown:d,TransitionComponent:y,transitionDuration:p,"aria-labelledby":h,"aria-describedby":m,className:"dialog dialog-"+l+(s?" dialog-fullscreen":"")+(d?" dialog-alert":"")+(f?" "+f:""),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:{...xs,...s&&{borderRadius:0,border:"none"},...b.sx},role:d?"alertdialog":"dialog"},...v,children:[a&&r.jsxs(t.DialogTitle,{id:h,sx:ps,children:[a,!d&&o&&r.jsx(t.IconButton,{"aria-label":"Close dialog",onClick:e=>o(e,"closeButton"),size:"small",sx:{color:"var(--Text-Quiet)","&:hover":{backgroundColor:"var(--Hover)"}},children:r.jsx(Se,{fontSize:"small"})})]}),r.jsx(t.DialogContent,{dividers:"paper"===c,sx:{...hs,..."paper"===c&&{maxHeight:s?"none":"400px",overflowY:"auto",borderColor:"var(--Border)"}},children:d?r.jsx(t.DialogContentText,{id:m,sx:{color:"var(--Text)",fontFamily:"inherit",fontSize:"14px",lineHeight:1.6},children:n}):r.jsx(t.Box,{id:m,children:n})}),i&&r.jsx(t.DialogActions,{sx:ms,children:i})]})}function vs({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}const ys={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info-Medium",success:"Success-Medium",warning:"Warning-Medium",error:"Error-Medium"},js={primary:"Primary-Light",secondary:"Secondary-Light",tertiary:"Tertiary-Light",neutral:"Neutral-Light",info:"Info-Light",success:"Success-Light",warning:"Warning-Light",error:"Error-Light"},Ss={small:{maxWidth:400,padding:"24px"},medium:{maxWidth:560,padding:"32px"},large:{maxWidth:720,padding:"40px"}},Bs={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 ks(e){const t=Bs[e];if(!t)return"";const{from:r,to:o}=t.enter,a=Object.entries(r).map(([e,t])=>e+":"+t).join(";"),n=Object.entries(o).map(([e,t])=>e+":"+t).join(";");return"@keyframes "+t.name+" { from {"+a+"} to {"+n+"} }@keyframes "+t.name+"-backdrop { from { opacity: 0 } to { opacity: 1 } }"}const Cs={small:{width:"240px",height:"200px"},medium:{width:"320px",height:"280px"},large:{width:"420px",height:"380px"}},ws={left:{borderRight:"1px solid var(--Border)"},right:{borderLeft:"1px solid var(--Border)"},top:{borderBottom:"1px solid var(--Border)"},bottom:{borderTop:"1px solid var(--Border)"}},Ts={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}},Is={left:"translateX(-100%)",right:"translateX(100%)",top:"translateY(-100%)",bottom:"translateY(100%)"};function As({children:o,open:a=!1,onClose:n,size:i="medium",anchor:l="left",hideBackdrop:s=!1,className:c="",sx:d={},...u}){const x=e.useRef(null),p=e.useRef(null),h="left"===l||"right"===l;let m;try{m=cs()}catch{m=null}const f=m?.theme||"Default",g=m?.style||"Modern",b=Cs[i]||Cs.medium;e.useEffect(()=>{if(!a)return;const e=e=>{"Escape"===e.key&&n?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[a,n]),e.useEffect(()=>{a?(p.current=document.activeElement,requestAnimationFrame(()=>{const e=x.current?.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');e?e.focus():x.current?.focus()})):p.current&&(p.current.focus(),p.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||!x.current)return;const t=x.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(!t.length)return;const r=t[0],o=t[t.length-1];e.shiftKey?document.activeElement===r&&(e.preventDefault(),o.focus()):document.activeElement===o&&(e.preventDefault(),r.focus())},[]);return a?r.jsxs(r.Fragment,{children:[!s&&r.jsx(t.Box,{onClick:()=>n?.(),"aria-hidden":"true",sx:{position:"fixed",inset:0,zIndex:1e7,backgroundColor:"rgba(0, 0, 0, 0.5)",transition:"opacity 0.3s ease"}}),r.jsx(t.Box,{ref:x,role:"dialog","aria-modal":"true",tabIndex:-1,"data-theme":f,"data-style":g,"data-surface":"Surface-Dim",onKeyDown:v,className:"drawer drawer-"+i+" drawer-"+l+" "+c,sx:{position:"fixed",zIndex:10000001,...Ts[l],...h?{width:b.width,height:"100%"}:{height:b.height,width:"100%"},backgroundColor:"var(--Background)",color:"var(--Text)",...ws[l],boxShadow:Tr,display:"flex",flexDirection:"column",outline:"none",overflow:"hidden",animation:"drawer-slide-in 0.3s ease forwards","@keyframes drawer-slide-in":{from:{transform:Is[l]},to:{transform:"translate(0, 0)"}},...d},...u,children:o})]}):null}function zs({onClick:e,className:o="",sx:a={},...n}){return r.jsx(t.Box,{sx:{position:"absolute",top:"12px",right:"12px",zIndex:1,...a},className:o,...n,children:r.jsx(Kr,{iconOnly:!0,variant:"ghost",size:"small",onClick:e,"aria-label":"Close drawer",children:r.jsx(dr,{size:"small",children:r.jsx(Se,{})})})})}function Rs({children:e,className:o="",sx:a={},...n}){return r.jsx(t.Box,{className:"drawer-header "+o,sx:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px",borderBottom:"1px solid var(--Border)",flexShrink:0,...a},...n,children:e})}function Es({children:e,className:o="",sx:a={},...n}){return r.jsx(t.Box,{className:"drawer-content "+o,sx:{flex:1,overflowY:"auto",padding:"16px",...a},...n,children:e})}function Ls(){return Ls=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},Ls.apply(null,arguments)}const Ps={};function Os(e,t){const r=ct.useRef(Ps);return r.current===Ps&&(r.current=e(t)),r}function Ds(e,t,r,o){const a=Os(Ms).current;return function(e,t,r,o,a){return e.refs[0]!==t||e.refs[1]!==r||e.refs[2]!==o||e.refs[3]!==a}(a,e,t,r,o)&&function(e,t){if(e.refs=t,t.every(e=>null==e))return void(e.callback=null);e.callback=r=>{if(e.cleanup&&(e.cleanup(),e.cleanup=null),null!=r){const o=Array(t.length).fill(null);for(let e=0;e<t.length;e+=1){const a=t[e];if(null!=a)switch(typeof a){case"function":{const t=a(r);"function"==typeof t&&(o[e]=t);break}case"object":a.current=r}}e.cleanup=()=>{for(let e=0;e<t.length;e+=1){const r=t[e];if(null!=r)switch(typeof r){case"function":{const t=o[e];"function"==typeof t?t():r(null);break}case"object":r.current=null}}}}}}(a,[e,t,r,o]),a.callback}function Ms(){return{callback:null,cleanup:null,refs:[]}}function Ws(e,t,r=void 0){const o={};for(const a in e){const n=e[a];let i="",l=!0;for(let e=0;e<n.length;e+=1){const o=n[e];o&&(i+=(!0===l?"":" ")+t(o),l=!1,r&&r[o]&&(i+=" "+r[o]))}o[a]=i}return o}function Fs(e){var t,r,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(r=Fs(e[t]))&&(o&&(o+=" "),o+=r)}else for(r in e)e[r]&&(o&&(o+=" "),o+=r);return o}function Ns(){for(var e,t,r=0,o="",a=arguments.length;r<a;r++)(e=arguments[r])&&(t=Fs(e))&&(o&&(o+=" "),o+=t);return o}function Hs(e,t=[]){if(void 0===e)return{};const r={};return Object.keys(e).filter(r=>r.match(/^on[A-Z]/)&&"function"==typeof e[r]&&!t.includes(r)).forEach(t=>{r[t]=e[t]}),r}function Vs(e){if(void 0===e)return{};const t={};return Object.keys(e).filter(t=>!(t.match(/^on[A-Z]/)&&"function"==typeof e[t])).forEach(r=>{t[r]=e[r]}),t}function Qs(e,t,r){return"function"==typeof e?e(t,r):e}function Gs(e){const{elementType:t,externalSlotProps:r,ownerState:o,skipResolvingSlotProps:a=!1,...n}=e,i=a?{}:Qs(r,o),{props:l,internalRef:s}=function(e){const{getSlotProps:t,additionalProps:r,externalSlotProps:o,externalForwardedProps:a,className:n}=e;if(!t){const e=Ns(r?.className,n,a?.className,o?.className),t={...r?.style,...a?.style,...o?.style},i={...r,...a,...o};return e.length>0&&(i.className=e),Object.keys(t).length>0&&(i.style=t),{props:i,internalRef:void 0}}const i=Hs({...a,...o}),l=Vs(o),s=Vs(a),c=t(i),d=Ns(c?.className,r?.className,n,a?.className,o?.className),u={...c?.style,...r?.style,...a?.style,...o?.style},x={...c,...r,...s,...l};return d.length>0&&(x.className=d),Object.keys(u).length>0&&(x.style=u),{props:x,internalRef:c.ref}}({...n,externalSlotProps:i}),c=function(e,t,r){return void 0===e||"string"==typeof e?t:{...t,ownerState:{...t.ownerState,...r}}}(t,{...l,ref:function(...e){const t=ct.useRef(void 0),r=ct.useCallback(t=>{const r=e.map(e=>{if(null==e)return null;if("function"==typeof e){const r=e,o=r(t);return"function"==typeof o?o:()=>{r(null)}}return e.current=t,()=>{e.current=null}});return()=>{r.forEach(e=>e?.())}},e);return ct.useMemo(()=>e.every(e=>null==e)?null:e=>{t.current&&(t.current(),t.current=void 0),null!=e&&(t.current=r(e))},e)}(s,i?.ref,e.additionalProps?.ref)},o);return c}const qs=new Set;function Us(e,t="warning"){if("production"===process.env.NODE_ENV)return;const r=Array.isArray(e)?e.join("\n"):e;qs.has(r)||(qs.add(r),"error"===t?console.error(r):console.warn(r))}function Xs(e){return qe.useThemeProps}const Ks=e=>e,Js=(()=>{let e=Ks;return{configure(t){e=t},generate:t=>e(t),reset(){e=Ks}}})(),Ys={active:"active",checked:"checked",completed:"completed",disabled:"disabled",error:"error",expanded:"expanded",focused:"focused",focusVisible:"focusVisible",open:"open",readOnly:"readOnly",required:"required",selected:"selected"};function Zs(e,t,r="Mui"){const o=Ys[t];return o?`${r}-${o}`:`${Js.generate(e)}-${t}`}function $s(e,t,r="Mui"){const o={};return t.forEach(t=>{o[t]=Zs(e,t,r)}),o}function _s(e){return Zs("MuiSimpleTreeView",e)}$s("MuiSimpleTreeView",["root","item","itemContent","itemGroupTransition","itemIconContainer","itemLabel","itemCheckbox"]);const ec=Object.freeze([]),tc=Object.freeze({}),rc=ct.createContext(null);"production"!==process.env.NODE_ENV&&(rc.displayName="TreeViewContext");const oc=()=>{const e=ct.useContext(rc);if(null==e)throw new Error(["MUI X: Could not find the Tree View context.","It looks like you rendered your component outside of a SimpleTreeView or RichTreeView parent component.","This can also happen if you are bundling multiple versions of the Tree View."].join("\n"));return e},ac=ct.createContext({classes:{},slots:{},slotProps:{}});"production"!==process.env.NODE_ENV&&(ac.displayName="TreeViewStyleContext");const nc=()=>ct.useContext(ac);function ic(e){const{store:t,apiRef:o,rootRef:a,classes:n=tc,slots:i=tc,slotProps:l=tc,children:s}=e,c=(e=>{const{store:t,apiRef:r,rootRef:o}=e,a=Os(()=>t.buildPublicAPI()).current;!function(e,t){null!=t&&null==t.current&&(t.current=e)}(a,r);const n=ct.useCallback(e=>{let r=null,o=null;const a=[],n={};t.itemPluginManager.listPlugins().forEach(t=>{const i=t({props:e,rootRef:r,contentRef:o});i?.rootRef&&(r=i.rootRef),i?.contentRef&&(o=i.contentRef),i?.propsEnhancers&&(a.push(i.propsEnhancers),Object.keys(i.propsEnhancers).forEach(e=>{n[e]=!0}))});const i=Object.fromEntries(Object.keys(n).map(e=>{return[e,(t=e,e=>{const r={};return a.forEach(o=>{const a=o[t];null!=a&&Object.assign(r,a(e))}),r})];var t}));return{contentRef:o,rootRef:r,propsEnhancers:i}},[t]),i=ct.useCallback(({itemId:e,children:r,idAttribute:o})=>{let a=r;const n=t.itemPluginManager.listWrappers();for(let r=n.length-1;r>=0;r-=1)a=(0,n[r])({store:t,itemId:e,children:a,idAttribute:o});return a},[t]);return ct.useMemo(()=>({runItemPlugins:n,wrapItem:i,publicAPI:a,store:t,rootRef:o}),[n,i,a,t,o])})({store:t,apiRef:o,rootRef:a}),d=ct.useMemo(()=>({classes:n,slots:{collapseIcon:i.collapseIcon,expandIcon:i.expandIcon,endIcon:i.endIcon},slotProps:{collapseIcon:l.collapseIcon,expandIcon:l.expandIcon,endIcon:l.endIcon}}),[n,i.collapseIcon,i.expandIcon,i.endIcon,l.collapseIcon,l.expandIcon,l.endIcon]);return r.jsx(rc.Provider,{value:c,children:r.jsx(ac.Provider,{value:d,children:s})})}function lc(e,t){if(null==e)return{};var r={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(-1!==t.indexOf(o))continue;r[o]=e[o]}return r}const sc=["apiRef","slots","slotProps","disabledItemsFocusable","onItemClick","itemChildrenIndentation","id","expandedItems","defaultExpandedItems","onExpandedItemsChange","onItemExpansionToggle","expansionTrigger","disableSelection","selectedItems","defaultSelectedItems","multiSelect","checkboxSelection","selectionPropagation","onSelectedItemsChange","onItemSelectionToggle","onItemFocus"];var cc=(e,t,r)=>{if(1===t.length&&t[0]===r){let t=!1;try{const r={};e(r)===r&&(t=!0)}catch{}if(t){let e;try{throw new Error}catch(t){({stack:e}=t)}console.warn("The result function returned its own inputs without modification. e.g\n`createSelector([state => state.todos], todos => todos)`\nThis could lead to inefficient memoization and unnecessary re-renders.\nEnsure transformation logic is in the result function, and extraction logic is in the input selectors.",{stack:e})}}},dc=(e,t,r)=>{const{memoize:o,memoizeOptions:a}=t,{inputSelectorResults:n,inputSelectorResultsCopy:i}=e,l=o(()=>({}),...a);if(!(l.apply(null,n)===l.apply(null,i))){let e;try{throw new Error}catch(t){({stack:e}=t)}console.warn("An input selector returned a different result when passed same arguments.\nThis means your output selector will likely run more frequently than intended.\nAvoid returning a new reference inside your input selector, e.g.\n`createSelector([state => state.todos.map(todo => todo.id)], todoIds => todoIds.length)`",{arguments:r,firstInputs:n,secondInputs:i,stack:e})}},uc={inputStabilityCheck:"once",identityFunctionCheck:"once"},xc=Symbol("NOT_FOUND");var pc=e=>Array.isArray(e)?e:[e];function hc(e){const t=Array.isArray(e[0])?e[0]:e;return function(e,t="expected all items to be functions, instead received the following types: "){if(!e.every(e=>"function"==typeof e)){const r=e.map(e=>"function"==typeof e?`function ${e.name||"unnamed"}()`:typeof e).join(", ");throw new TypeError(`${t}[${r}]`)}}(t,"createSelector expects all input-selectors to be functions, but received the following types: "),t}function mc(e,t){const r=[],{length:o}=e;for(let a=0;a<o;a++)r.push(e[a].apply(null,t));return r}var fc=(e,t)=>e===t;var gc="undefined"!=typeof WeakRef?WeakRef:class{constructor(e){this.value=e}deref(){return this.value}};function bc(){return{s:0,v:void 0,o:null,p:null}}function vc(e,t={}){let r={s:0,v:void 0,o:null,p:null};const{resultEqualityCheck:o}=t;let a,n=0;function i(){let t=r;const{length:i}=arguments;for(let e=0,r=i;e<r;e++){const r=arguments[e];if("function"==typeof r||"object"==typeof r&&null!==r){let e=t.o;null===e&&(t.o=e=new WeakMap);const o=e.get(r);void 0===o?(t=bc(),e.set(r,t)):t=o}else{let e=t.p;null===e&&(t.p=e=new Map);const o=e.get(r);void 0===o?(t=bc(),e.set(r,t)):t=o}}const l=t;let s;if(1===t.s)s=t.v;else if(s=e.apply(null,arguments),n++,o){const e=a?.deref?.()??a;null!=e&&o(e,s)&&(s=e,0!==n&&n--);a="object"==typeof s&&null!==s||"function"==typeof s?new gc(s):s}return l.s=1,l.v=s,s}return i.clearCache=()=>{r={s:0,v:void 0,o:null,p:null},i.resetResultsCount()},i.resultsCount=()=>n,i.resetResultsCount=()=>{n=0},i}function yc(e,...t){const r="function"==typeof e?{memoize:e,memoizeOptions:t}:e,o=(...e)=>{let t,o=0,a=0,n={},i=e.pop();"object"==typeof i&&(n=i,i=e.pop()),function(e,t="expected a function, instead received "+typeof e){if("function"!=typeof e)throw new TypeError(t)}(i,`createSelector expects an output function after the inputs, but received: [${typeof i}]`);const l={...r,...n},{memoize:s,memoizeOptions:c=[],argsMemoize:d=vc,argsMemoizeOptions:u=[],devModeChecks:x={}}=l,p=pc(c),h=pc(u),m=hc(e),f=s(function(){return o++,i.apply(null,arguments)},...p);let g=!0;const b=d(function(){a++;const e=mc(m,arguments);if(t=f.apply(null,e),"production"!==process.env.NODE_ENV){const{identityFunctionCheck:r,inputStabilityCheck:o}=((e,t)=>{const{identityFunctionCheck:r,inputStabilityCheck:o}={...uc,...t};return{identityFunctionCheck:{shouldRun:"always"===r||"once"===r&&e,run:cc},inputStabilityCheck:{shouldRun:"always"===o||"once"===o&&e,run:dc}}})(g,x);if(r.shouldRun&&r.run(i,e,t),o.shouldRun){const t=mc(m,arguments);o.run({inputSelectorResults:e,inputSelectorResultsCopy:t},{memoize:s,memoizeOptions:p},arguments)}g&&(g=!1)}return t},...h);return Object.assign(b,{resultFunc:i,memoizedResultFunc:f,dependencies:m,dependencyRecomputations:()=>a,resetDependencyRecomputations:()=>{a=0},lastResult:()=>t,recomputations:()=>o,resetRecomputations:()=>{o=0},memoize:s,argsMemoize:d})};return Object.assign(o,{withTypes:()=>o}),o}var jc=yc(vc),Sc=Object.assign((e,t=jc)=>{!function(e,t="expected an object, instead received "+typeof e){if("object"!=typeof e)throw new TypeError(t)}(e,"createStructuredSelector expects first argument to be an object where each property is a selector, instead received a "+typeof e);const r=Object.keys(e),o=t(r.map(t=>e[t]),(...e)=>e.reduce((e,t,o)=>(e[r[o]]=t,e),{}));return o},{withTypes:()=>Sc});const Bc=yc({memoize:function(e,t){const r="object"==typeof t?t:{equalityCheck:t},{equalityCheck:o=fc,maxSize:a=1,resultEqualityCheck:n}=r,i=function(e){return function(t,r){if(null===t||null===r||t.length!==r.length)return!1;const{length:o}=t;for(let a=0;a<o;a++)if(!e(t[a],r[a]))return!1;return!0}}(o);let l=0;const s=a<=1?function(e){let t;return{get:r=>t&&e(t.key,r)?t.value:xc,put(e,r){t={key:e,value:r}},getEntries:()=>t?[t]:[],clear(){t=void 0}}}(i):function(e,t){let r=[];function o(e){const o=r.findIndex(r=>t(e,r.key));if(o>-1){const e=r[o];return o>0&&(r.splice(o,1),r.unshift(e)),e.value}return xc}return{get:o,put:function(t,a){o(t)===xc&&(r.unshift({key:t,value:a}),r.length>e&&r.pop())},getEntries:function(){return r},clear:function(){r=[]}}}(a,i);function c(){let t=s.get(arguments);if(t===xc){if(t=e.apply(null,arguments),l++,n){const e=s.getEntries().find(e=>n(e.value,t));e&&(t=e.value,0!==l&&l--)}s.put(arguments,t)}return t}return c.clearCache=()=>{s.clear(),c.resetResultsCount()},c.resultsCount=()=>l,c.resetResultsCount=()=>{l=0},c},memoizeOptions:{maxSize:1,equalityCheck:Object.is}}),kc=(e,t,r,o,a,n,i,l,...s)=>{if(s.length>0)throw new Error("Unsupported number of selectors");let c;if(e&&t&&r&&o&&a&&n&&i&&l)c=(s,c,d,u)=>{const x=e(s,c,d,u),p=t(s,c,d,u),h=r(s,c,d,u),m=o(s,c,d,u),f=a(s,c,d,u),g=n(s,c,d,u),b=i(s,c,d,u);return l(x,p,h,m,f,g,b,c,d,u)};else if(e&&t&&r&&o&&a&&n&&i)c=(l,s,c,d)=>{const u=e(l,s,c,d),x=t(l,s,c,d),p=r(l,s,c,d),h=o(l,s,c,d),m=a(l,s,c,d),f=n(l,s,c,d);return i(u,x,p,h,m,f,s,c,d)};else if(e&&t&&r&&o&&a&&n)c=(i,l,s,c)=>{const d=e(i,l,s,c),u=t(i,l,s,c),x=r(i,l,s,c),p=o(i,l,s,c),h=a(i,l,s,c);return n(d,u,x,p,h,l,s,c)};else if(e&&t&&r&&o&&a)c=(n,i,l,s)=>{const c=e(n,i,l,s),d=t(n,i,l,s),u=r(n,i,l,s),x=o(n,i,l,s);return a(c,d,u,x,i,l,s)};else if(e&&t&&r&&o)c=(a,n,i,l)=>{const s=e(a,n,i,l),c=t(a,n,i,l),d=r(a,n,i,l);return o(s,c,d,n,i,l)};else if(e&&t&&r)c=(o,a,n,i)=>{const l=e(o,a,n,i),s=t(o,a,n,i);return r(l,s,a,n,i)};else if(e&&t)c=(r,o,a,n)=>{const i=e(r,o,a,n);return t(i,o,a,n)};else{if(!e)throw new Error("Missing arguments");c=e}return c},Cc=(...e)=>{const t=new WeakMap;let r=1;const o=e[e.length-1],a=e.length-1||1,n=Math.max(o.length-a,0);if(n>3)throw new Error("Unsupported number of arguments");return(a,i,l,s)=>{let c=a.__cacheKey__;c||(c={id:r},a.__cacheKey__=c,r+=1);let d=t.get(c);if(!d){const r=1===e.length?[e=>e,o]:e;let a=e;const i=[void 0,void 0,void 0];switch(n){case 0:break;case 1:a=[...r.slice(0,-1),()=>i[0],o];break;case 2:a=[...r.slice(0,-1),()=>i[0],()=>i[1],o];break;case 3:a=[...r.slice(0,-1),()=>i[0],()=>i[1],()=>i[2],o];break;default:throw new Error("Unsupported number of arguments")}d=Bc(...a),d.selectorArgs=i,t.set(c,d)}switch(n){case 3:d.selectorArgs[2]=s;case 2:d.selectorArgs[1]=l;case 1:d.selectorArgs[0]=i}switch(n){case 0:return d(a);case 1:return d(a,i);case 2:return d(a,i,l);case 3:return d(a,i,l,s);default:throw new Error("unreachable")}}};var wc,Tc={exports:{}},Ic={};var Ac,zc={};
14
+ */function sa(){if(Ko)return $o;Ko=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;return $o=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[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 n,i,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 n=Object(arguments[s]))t.call(n,c)&&(l[c]=n[c]);if(e){i=e(n);for(var d=0;d<i.length;d++)r.call(n,i[d])&&(l[i[d]]=n[i[d]])}}return l},$o}function ca(){if(Jo)return Yo;Jo=1;return Yo="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function da(){return _o?Zo:(_o=1,Zo=Function.call.bind(Object.prototype.hasOwnProperty))}if("production"!==process.env.NODE_ENV){var ua=la();Qo.exports=function(){if(oa)return ra;oa=1;var e=la(),t=sa(),r=ca(),o=da(),a=function(){if(ta)return ea;ta=1;var e=function(){};if("production"!==process.env.NODE_ENV){var t=ca(),r={},o=da();e=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}}function a(a,n,i,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 u=Error((l||"React class")+": "+i+" 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 u.name="Invariant Violation",u}d=a[c](n,c,l,i,null,t)}catch(e){d=e}if(!d||d instanceof Error||e((l||"React class")+": type specification of "+i+" `"+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 r)){r[d.message]=!0;var x=s?s():"";e("Failed "+i+" type: "+d.message+(null!=x?x:""))}}}return a.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(r={})},ea=a}(),n=function(){};function i(){return null}return"production"!==process.env.NODE_ENV&&(n=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}),ra=function(l,s){var c="function"==typeof Symbol&&Symbol.iterator,d="<<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:h(i),arrayOf:function(e){return h(function(t,o,a,n,i){if("function"!=typeof e)return new p("Property `"+i+"` of component `"+a+"` has invalid PropType notation inside arrayOf.");var l=t[o];if(!Array.isArray(l))return new p("Invalid "+n+" `"+i+"` of type `"+b(l)+"` supplied to `"+a+"`, expected an array.");for(var s=0;s<l.length;s++){var c=e(l,s,a,n,i+"["+s+"]",r);if(c instanceof Error)return c}return null})},element:h(function(e,t,r,o,a){var n=e[t];return l(n)?null:new p("Invalid "+o+" `"+a+"` of type `"+b(n)+"` supplied to `"+r+"`, expected a single ReactElement.")}),elementType:h(function(t,r,o,a,n){var i=t[r];return e.isValidElementType(i)?null:new p("Invalid "+a+" `"+n+"` of type `"+b(i)+"` supplied to `"+o+"`, expected a single ReactElement type.")}),instanceOf:function(e){return h(function(t,r,o,a,n){if(!(t[r]instanceof e)){var i=e.name||d;return new p("Invalid "+a+" `"+n+"` of type `"+((l=t[r]).constructor&&l.constructor.name?l.constructor.name:d)+"` supplied to `"+o+"`, expected instance of `"+i+"`.")}var l;return null})},node:h(function(e,t,r,o,a){return g(e[t])?null:new p("Invalid "+o+" `"+a+"` supplied to `"+r+"`, expected a ReactNode.")}),objectOf:function(e){return h(function(t,a,n,i,l){if("function"!=typeof e)return new p("Property `"+l+"` of component `"+n+"` has invalid PropType notation inside objectOf.");var s=t[a],c=b(s);if("object"!==c)return new p("Invalid "+i+" `"+l+"` of type `"+c+"` supplied to `"+n+"`, expected an object.");for(var d in s)if(o(s,d)){var u=e(s,d,n,i,l+"."+d,r);if(u instanceof Error)return u}return null})},oneOf:function(e){return Array.isArray(e)?h(function(t,r,o,a,n){for(var i=t[r],l=0;l<e.length;l++)if(x(i,e[l]))return null;var s=JSON.stringify(e,function(e,t){return"symbol"===v(t)?String(t):t});return new p("Invalid "+a+" `"+n+"` of value `"+String(i)+"` supplied to `"+o+"`, expected one of "+s+".")}):("production"!==process.env.NODE_ENV&&n(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),i)},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&n("Invalid argument supplied to oneOfType, expected an instance of array."),i;for(var t=0;t<e.length;t++){var a=e[t];if("function"!=typeof a)return n("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+y(a)+" at index "+t+"."),i}return h(function(t,a,n,i,l){for(var s=[],c=0;c<e.length;c++){var d=(0,e[c])(t,a,n,i,l,r);if(null==d)return null;d.data&&o(d.data,"expectedType")&&s.push(d.data.expectedType)}return new p("Invalid "+i+" `"+l+"` supplied to `"+n+"`"+(s.length>0?", expected one of type ["+s.join(", ")+"]":"")+".")})},shape:function(e){return h(function(t,o,a,n,i){var l=t[o],s=b(l);if("object"!==s)return new p("Invalid "+n+" `"+i+"` of type `"+s+"` supplied to `"+a+"`, expected `object`.");for(var c in e){var d=e[c];if("function"!=typeof d)return f(a,n,i,c,v(d));var u=d(l,c,a,n,i+"."+c,r);if(u)return u}return null})},exact:function(e){return h(function(a,n,i,l,s){var c=a[n],d=b(c);if("object"!==d)return new p("Invalid "+l+" `"+s+"` of type `"+d+"` supplied to `"+i+"`, expected `object`.");var u=t({},a[n],e);for(var x in u){var h=e[x];if(o(e,x)&&"function"!=typeof h)return f(i,l,s,x,v(h));if(!h)return new p("Invalid "+l+" `"+s+"` key `"+x+"` supplied to `"+i+"`.\nBad object: "+JSON.stringify(a[n],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null," "));var m=h(c,x,i,l,s+"."+x,r);if(m)return m}return null})}};function x(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function p(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function h(e){if("production"!==process.env.NODE_ENV)var t={},o=0;function a(a,i,l,c,u,x,h){if(c=c||d,x=x||l,h!==r){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;!t[f]&&o<3&&(n("You are manually calling a React.PropTypes validation function for the `"+x+"` 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."),t[f]=!0,o++)}}return null==i[l]?a?null===i[l]?new p("The "+u+" `"+x+"` is marked as required in `"+c+"`, but its value is `null`."):new p("The "+u+" `"+x+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(i,l,c,u,x)}var i=a.bind(null,!1);return i.isRequired=a.bind(null,!0),i}function m(e){return h(function(t,r,o,a,n,i){var l=t[r];return b(l)!==e?new p("Invalid "+a+" `"+n+"` of type `"+v(l)+"` supplied to `"+o+"`, expected `"+e+"`.",{expectedType:e}):null})}function f(e,t,r,o,a){return new p((e||"React class")+": "+t+" type `"+r+"."+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 t=function(e){var t=e&&(c&&e[c]||e["@@iterator"]);if("function"==typeof t)return t}(e);if(!t)return!1;var r,o=t.call(e);if(t!==e.entries){for(;!(r=o.next()).done;)if(!g(r.value))return!1}else for(;!(r=o.next()).done;){var a=r.value;if(a&&!g(a[1]))return!1}return!0;default:return!1}}function b(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function v(e){if(null==e)return""+e;var t=b(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function y(e){var t=v(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return p.prototype=Error.prototype,u.checkPropTypes=a,u.resetWarningCache=a.resetWarningCache,u.PropTypes=u,u},ra}()(ua.isElement,!0)}else Qo.exports=function(){if(na)return aa;na=1;var e=ca();function t(){}function r(){}return r.resetWarningCache=t,aa=function(){function o(t,r,o,a,n,i){if(i!==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 n={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:r,resetWarningCache:t};return n.PropTypes=n,n},aa}()();var xa=No(Qo.exports);function pa({code:n,label:i="Copy code"}){const[l,s]=e.useState(!1);return r.jsx(t.Tooltip,{title:l?"Copied!":i,children:r.jsx(t.IconButton,{size:"small",onClick:async()=>{try{await navigator.clipboard.writeText(n),s(!0),setTimeout(()=>s(!1),2e3)}catch(e){console.error("Copy failed:",e)}},"aria-label":l?"Copied":i,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?r.jsx(a,{fontSize:"small"}):r.jsx(o,{fontSize:"small"})})})}pa.propTypes={code:xa.string.isRequired,label:xa.string};function ha({code:e="",language:o="JSX",showCopy:a=!0,showHeader:n=!0,maxHeight:i,wrap:l=!1,sx:s={},...c}){return r.jsxs(t.Box,{"data-theme":"Neutral","data-surface":"Surface-Dimmest",sx:{backgroundColor:"var(--Background)",borderRadius:"min(var(--Card-Radius, var(--Style-Border-Radius)), 12px)",overflow:"hidden",...s},...c,children:[n&&(o||a)&&r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:1,px:2,py:1,borderBottom:"1px solid var(--Border)",minHeight:40},children:[r.jsx(Kt,{color:"quiet",children:o}),a&&e?r.jsx(pa,{code:e}):null]}),r.jsx(t.Box,{sx:{p:2,overflow:"auto",maxHeight:i},children:r.jsx(t.Box,{component:"pre",sx:{margin:0,fontFamily:"inherit"},children:r.jsx(t.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 ma(e){if(!e)return null;const t=e.trim();if(/^#[0-9a-f]{3}$/i.test(t))return{r:parseInt(t[1]+t[1],16),g:parseInt(t[2]+t[2],16),b:parseInt(t[3]+t[3],16),a:1};if(/^#[0-9a-f]{6}$/i.test(t))return{r:parseInt(t.substring(1,3),16),g:parseInt(t.substring(3,5),16),b:parseInt(t.substring(5,7),16),a:1};if(/^#[0-9a-f]{8}$/i.test(t))return{r:parseInt(t.substring(1,3),16),g:parseInt(t.substring(3,5),16),b:parseInt(t.substring(5,7),16),a:parseInt(t.substring(7,9),16)/255};const r=t.match(/rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)(?:[,\s/]+([\d.]+%?))?\s*\)/);if(r){let e=1;return void 0!==r[4]&&(e=r[4].endsWith("%")?parseFloat(r[4])/100:parseFloat(r[4])),{r:Math.round(parseFloat(r[1])),g:Math.round(parseFloat(r[2])),b:Math.round(parseFloat(r[3])),a:e}}return null}function fa(e,t){if(!e||!t)return e||t;if(e.a>=1)return e;const r=e.a;return{r:Math.round(e.r*r+t.r*(1-r)),g:Math.round(e.g*r+t.g*(1-r)),b:Math.round(e.b*r+t.b*(1-r)),a:1}}function ga(e){const t=e=>e<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4);return.2126*t(e.r/255)+.7152*t(e.g/255)+.0722*t(e.b/255)}function ba(e,t,r){const o=ma(e),a=ma(t),n=ma(r);if(!o||!a)return null;const i=n?fa(a,n):a.a<1?null:a;if(!i)return null;const l=fa(o,i);if(!l)return null;const s=ga(l),c=ga(i);return((Math.max(s,c)+.05)/(Math.min(s,c)+.05)).toFixed(2)}function va(e){return"undefined"==typeof window?null:getComputedStyle(document.documentElement).getPropertyValue(e).trim()}ha.propTypes={code:xa.string,language:xa.string,showCopy:xa.bool,showHeader:xa.bool,maxHeight:xa.oneOfType([xa.number,xa.string]),wrap:xa.bool,sx:xa.object};const ya={"display-large":"Display Large","display-medium":"Display Medium","display-small":"Display Small",h1:"H1",h2:"H2",h3:"H3",h4:"H4",h5:"H5",h6:"H6","subtitle-small":"Subtitle Small",subtitle:"Subtitle Medium","subtitle-large":"Subtitle Large","body-small":"Body Small","body-small-semibold":"Body Small Semibold",body:"Body Medium","body-semibold":"Body Medium Semibold","body-large":"Body Large","body-large-semibold":"Body Large Semibold",label:"Label","label-small":"Label Small","label-large":"Label Large",caption:"Caption","caption-bold":"Caption Bold",legal:"Legal","legal-semibold":"Legal Semibold",eyebrow:"Eyebrow Medium","eyebrow-small":"Eyebrow Small","eyebrow-large":"Eyebrow Large",button:"Button Standard","button-small":"Button Small","button-extra-small":"Button Extra Small","number-large":"Number Large","number-medium":"Number Medium","number-small":"Number Small"};Object.entries({Display:["display-large","display-medium","display-small"],Headings:["h1","h2","h3","h4","h5","h6"],Subtitle:["subtitle-small","subtitle","subtitle-large"],Body:["body-small","body-small-semibold","body","body-semibold","body-large","body-large-semibold"],Label:["label","label-small","label-large"],Caption:["caption","caption-bold"],Legal:["legal","legal-semibold"],Eyebrow:["eyebrow-small","eyebrow","eyebrow-large"],Button:["button-extra-small","button-small","button"],Number:["number-large","number-medium","number-small"]}).map(([e,t])=>({label:e,options:t.map(e=>({value:e,label:ya[e]}))}));const ja=["default","primary","secondary","tertiary","neutral","info","success","warning","error"],Sa=e=>e.charAt(0).toUpperCase()+e.slice(1);function Ba(e){const t=Sa(e);return{type:"outline",color:t,trackOff:"var(--Background)",trackOffBorder:"var(--Border-Variant)",trackOn:"var(--Buttons-"+t+"-Button)",trackOnBorder:"var(--Buttons-"+t+"-Border)",dotOff:"var(--Quiet)",dotOn:"var(--Buttons-"+t+"-Text)",iconOff:"var(--Background)",iconOn:"var(--Buttons-"+t+"-Button)"}}function ka(e){const t=Sa(e);return{type:"light",color:t,trackOff:"var(--Border-Variant)",trackOffBorder:"transparent",trackOn:"var(--"+t+"-Color-11)",trackOnBorder:"var(--Buttons-"+t+"-Border)",dotOff:"var(--Quiet)",dotOn:"var(--Buttons-"+t+"-Border)",iconOff:"var(--Border-Variant)",iconOn:"var(--"+t+"-Color-11)",dataTheme:t,dataSurface:"Surface-Brightest"}}const wa={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 Ca({variant:e="default",size:o="medium",checked:a,defaultChecked:n,onChange:i,disabled:l=!1,label:s,labelPlacement:c="end",name:d,value:u,icon:x,iconOn:p,iconOff:h,className:m="",sx:f={},"aria-label":g,"aria-labelledby":b,...v}){const y=function(){const e={};return ja.forEach(t=>{e[t+"-outline"]=Ba(t),e[t+"-light"]=ka(t)}),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=Ba("primary"),e.light=ka("primary"),e}(),j=y[e]||y.default,S=wa[o]||wa.medium,B="small"===o?Qt:qt,k=S.trackH-4,w=Math.max(24,S.trackW),C=Math.max(24,S.trackH),T=(C-S.trackH)/2,I={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":{...I,backgroundColor:j.dotOff,color:j.iconOff},"&.Mui-checked":{justifyContent:"flex-end",transform:"none","& .MuiSwitch-thumb":{...I,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:zr},"&:active + .MuiSwitch-track":{boxShadow:Ar},"&.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},z=e.includes("-light")||"light"===e,R=void 0!==h?h:x,E=void 0!==p?p:x,L=void 0!==R||void 0!==E,P=e=>r.jsx("span",{className:"MuiSwitch-thumb",children:e}),M=r.jsx(t.Switch,{...L?{icon:P(R),checkedIcon:P(E)}:{},checked:a,defaultChecked:n,onChange:i,disabled:l,name:d,value:u,slotProps:{input:{...g?{"aria-label":g}:{},...b?{"aria-labelledby":b}:{}}},className:"switch-"+e+" "+m,sx:A,disableRipple:!0,...z&&j.dataTheme?{"data-theme":j.dataTheme,"data-surface":j.dataSurface||"Surface-Dim"}:{},...v});return s?r.jsx(t.FormControlLabel,{control:M,label:r.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}}):M}const Ta=Ca,Ia=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Aa={default:"Default",quiet:"Quiet",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},za=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Ra=["filled","outlined","rounded","twotone","sharp"],Ea={filled:"Filled",outlined:"Outlined",rounded:"Rounded",twotone:"Two Tone",sharp:"Sharp"},La={Home:{filled:h,outlined:k,rounded:P,twotone:U,sharp:ae},Favorite:{filled:p,outlined:w,rounded:M,twotone:X,sharp:ne},Delete:{filled:m,outlined:C,rounded:D,twotone:$,sharp:ie},Settings:{filled:f,outlined:T,rounded:O,twotone:K,sharp:le},Search:{filled:g,outlined:g,rounded:W,twotone:Y,sharp:se},Star:{filled:b,outlined:I,rounded:F,twotone:J,sharp:ce},Person:{filled:n,outlined:A,rounded:H,twotone:Z,sharp:de},Notifications:{filled:v,outlined:z,rounded:N,twotone:_,sharp:ue},Visibility:{filled:y,outlined:R,rounded:V,twotone:ee,sharp:xe},ShoppingCart:{filled:j,outlined:E,rounded:Q,twotone:te,sharp:pe},Lock:{filled:S,outlined:L,rounded:G,twotone:re,sharp:he},Info:{filled:B,outlined:d,rounded:q,twotone:oe,sharp:me}};function Pa({ratio:e,threshold:o}){if(!e)return r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"--"});const a=parseFloat(e)>=o;return r.jsxs(t.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[r.jsxs(t.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"]}),r.jsx(Kt,{style:{color:a?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:a?"Pass":"Fail"})]})}function Ma({label:e,ratio:o,threshold:a,note:n}){return r.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(t.Box,{sx:{flex:1},children:[r.jsx(Qt,{style:{color:"var(--Text)"},children:e}),n&&r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),r.jsx(Pa,{ratio:o,threshold:a})]})}function Da({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"primary":"primary-outline",size:"small",onClick:o,children:e})}const Oa={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error",white:"White",black:"Black"},Wa={small:{size:32,iconSize:"16px",borderRadius:"8px"},medium:{size:40,iconSize:"20px",borderRadius:"10px"},large:{size:48,iconSize:"24px",borderRadius:"12px"}};function Fa({children:e,color:o="primary",variant:a="solid",size:n="medium",className:i="",sx:l={},...s}){const c=Wa[n]||Wa.medium,d=Oa[o]||Oa.primary;let u,x;switch(a){case"light":u=d,x="Surface-Brightest";break;case"dark":u=d,x="Surface-Dimmest";break;default:u=d,x="Surface"}return r.jsx(t.Box,{"data-theme":u,"data-surface":x,className:"icon-badge icon-badge-"+a+" icon-badge-"+n+" icon-badge-"+o+" "+i,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})}const Ha={default:"Default-Light",primary:"Primary-Light",secondary:"Secondary-Light",tertiary:"Tertiary-Light",neutral:"Neutral-Light",info:"Info-Light",success:"Success-Light",warning:"Warning-Light",error:"Error-Light"};function Na({variant:o="outlined",color:a="default",size:n="medium",disabled:i=!1,orientation:l="horizontal",spacing:s=0,fit:c,fullWidth:d=!1,equalWidth:u=!1,multiple:x=!1,value:p,defaultValue:h,onChange:m,children:f,className:g="",sx:b={},"aria-label":v,...y}){const[j,S]=e.useState(h??(x?[]:null)),B=void 0!==p,k=B?p:j,w=x?Array.isArray(k)?k:null==k?[]:[k]:null,C="horizontal"===l,T=0===s,I="light"===o,A="ghost"===o,z=c??(d?"fill":u?"equal":"hug"),R="fill"===z,E="equal"===z&&C,L=(P=a).charAt(0).toUpperCase()+P.slice(1);var P;const M="var(--Buttons-"+L+"-Border)",D="var(--Buttons-"+L+"-Button)",O="var(--Buttons-"+L+"-Text)",W=Ha[a]||"Default-Light",F=e.Children.toArray(f).filter(Boolean),H=F.length,N=(e,t)=>r=>{const o=x?w.includes(e)?w.filter(t=>t!==e):[...w,e]:e;B||S(o),m?.(o,r),t?.(r)},V=F.map((o,l)=>{if(!e.isValidElement(o))return o;const s=0===l,c=l===H-1,d=o.props.value??l,u=(p=d,x?w.includes(p):k===p);var p;let h;if(T&&H>1){const e="var(--Style-Border-Radius)";h=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&&H>1?{borderRadius:h,...!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"},...u?{backgroundColor:D+" !important",color:O+" !important",borderColor:M+" !important","&:hover, &:active, &.Mui-focusVisible, &:focus-visible":{backgroundColor:D+" !important",color:O+" !important",borderColor:M+" !important"}}:{},...u?{}:{color:"var(--Quiet)",backgroundColor:"transparent","&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)",zIndex:1},"&:active":{backgroundColor:"var(--Pressed)",color:"var(--Buttons-Default-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":u?a:a+"-outline"),size:o.props.size??n,disabled:o.props.disabled??i,onClick:N(d,o.props.onClick),"aria-pressed":u,sx:m});return I&&!u?r.jsx(t.Box,{"data-theme":W,"data-surface":"Surface",sx:{display:"contents"},children:f},l):e.cloneElement(f,{key:l})});return r.jsx(t.Box,{role:"group","aria-label":v,className:"btn-group btn-group-"+o+" btn-group-"+a+" "+g,sx:{...E?{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:V})}const Va=["Link","Chip","Badge","Caption","Label","Tag","BodySmall","LegalSemibold","Legal","LabelSmall","LabelExtraSmall","EyebrowSmall","ButtonSmall"];function Qa(t){let r=!1;return e.Children.forEach(t,t=>{(function(t){if(!e.isValidElement(t))return!1;const r=t.props||{};if("small"===r.size)return!0;if("small"===r["data-size"])return!0;if(24===r.height||24===r.minHeight)return!0;if("24px"===r.height||"24px"===r.minHeight)return!0;if(r.sx){const e=r.sx.minHeight||r.sx.height;if(24===e||"24px"===e)return!0}const o=t.type;if(o){const e=o.displayName||o.name||"";if(Va.some(t=>e.includes(t)))return!0}return!1})(t)&&(r=!0)}),r}function Ga({children:o,gap:a,spacing:n,direction:i="column",enforceMinGap:l=!0,minGapToken:s="--min-stack-gap",divider:c,flexWrap:d,useFlexGap:u=!0,alignItems:x,justifyContent:p,sx:h={},className:m="",...f}){const g=void 0!==a?a:n,b=l&&Qa(o),v=e.useMemo(()=>{if(!b)return g;const e=function(e,t=8){return null==e?0:"number"==typeof e?e*t:"string"==typeof e?e.endsWith("px")?parseFloat(e):e.endsWith("rem")?parseFloat(e)*parseFloat(getComputedStyle(document.documentElement).fontSize||"16"):parseFloat(e)*t||0:0}(g),t=function(e,t=8){if("undefined"==typeof window)return t;const r=getComputedStyle(document.documentElement).getPropertyValue(e).trim();return r?r.endsWith("rem")?parseFloat(r)*parseFloat(getComputedStyle(document.documentElement).fontSize):parseFloat(r)||t:t}(s,8);return e>=t?g:"var("+s+", "+t+"px)"},[b,g,s]);return r.jsx(t.Stack,{direction:i,spacing:u?void 0:v,gap:u?v:void 0,divider:c,flexWrap:d,useFlexGap:u,alignItems:x,justifyContent:p,className:"omni-stack"+(b?" omni-stack-min-gap-enforced":"")+(m?" "+m:""),sx:{background:"var(--Background)",boxSizing:"border-box",...b?{"&::before":{display:"none"}}:{},...h},"data-min-gap-enforced":b?"true":void 0,...f,children:o})}const qa=e=>r.jsx(Ga,{direction:"row",alignItems:"center",...e}),Ua=e=>r.jsx(Ga,{direction:"column",...e}),Xa=e=>r.jsx(Ga,{direction:"row",flexWrap:"wrap",...e}),$a=Ga,Ka=Xa,Ya={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Ja={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)"}},Za=e.createContext({variant:"default",color:"primary",size:"medium",orientation:"vertical"});function _a({children:e,variant:o="solid",color:a="default",surface:n,size:i="medium",orientation:l="vertical",clickable:s=!1,selected:c=!1,elevated:d=!1,draggable:u=!1,onClick:x,href:p,className:h="",sx:m={},...f}){const g="default"===a,b=g?"":Ya[a],v=n||(g?"Container":"dark"===o?"Surface-Dimmest":"light"===o?"Surface-Brightest":"Surface"),y=Ja[i]||Ja.medium,j="horizontal"===l,S=!!u,B=s||!!x||!!p||c||S,k=p?"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?Rr:zr,I=d?Er:Rr,A=d?zr:Ar;return r.jsx(Za.Provider,{value:{variant:o,color:a,size:i,orientation:l},children:r.jsx(t.Box,{component:k,href:p||void 0,onClick:B?x: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-"+i+" card-"+l+(B?" card-clickable":"")+(c?" card-selected":"")+(d?" card-elevated":"")+(S?" card-draggable":"")+" "+h,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:I,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:I},"&:active":{cursor:"grabbing",zIndex:10,boxShadow:Er,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(),x?.())}:void 0,...f,children:r.jsx(t.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 en({children:o,className:a="",sx:n={},...i}){const{size:l}=e.useContext(Za),s=Ja[l]||Ja.medium;return r.jsx(t.Box,{className:"card-content "+a,sx:{display:"flex",flexDirection:"column",gap:s.gap,flex:1,minWidth:0,...n},...i,children:o})}const tn=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",rn=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary"]},{label:"Core",colors:["white","black"]},{label:"State",colors:["info","success","warning","error"]}],on=[h,fe,l,b,ge,be];const an={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},nn={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 ln({children:e,icon:o,label:a,variant:n="solid",color:i="primary",size:l="medium",extended:s=!1,animate:c=!1,disabled:d=!1,onClick:u,ariaLabel:x,className:p="",sx:h={},...m}){const f=function(e,t){const r=an[t]||"Primary";return"light"===e?{bg:"var(--Buttons-"+r+"-Light-Button)",text:"var(--Buttons-"+r+"-Light-Text)",border:"var(--Buttons-"+r+"-Light-Border)",hover:"var(--Buttons-"+r+"-Light-Hover)",active:"var(--Buttons-"+r+"-Light-Pressed)"}:{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,i),g=nn[l]||nn.medium,b=o||e||r.jsx(ve,{sx:{fontSize:g.iconSize}}),v=x||a||"Action";return r.jsxs(r.Fragment,{children:[c&&r.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"}),r.jsxs(t.Box,{component:"button",type:"button",role:"button","aria-label":v,onClick:u,disabled:d,className:"fab fab-"+n+" fab-"+i+" fab-"+l+(s?" fab-extended":"")+(c?" fab-animate":"")+(d?" fab-disabled":"")+(p?" "+p:""),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:`${Wr(i)}, ${Rr}`,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:`${Wr(i)}, ${Er}`},"&:active":d?{}:{backgroundColor:f.active,transform:"scale(0.96)",boxShadow:Wr(i)},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px"},...c&&!d&&{animation:"fab-pulse 2s infinite"},...h},...m,children:[r.jsx(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",fontSize:g.iconSize+"px",color:"inherit","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"}},children:b}),s&&a&&r.jsx(t.Box,{component:"span",sx:{whiteSpace:"nowrap",lineHeight:1},children:a})]})]})}const sn=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",cn=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],dn={default:"Tertiary",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"};function un({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function xn({color:e,selected:o,onClick:n}){const i=dn[e]||"Primary";return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+sn(e),"aria-pressed":o,title:sn(e),sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}function pn({value:e,onChange:o,placeholder:a,label:n}){return r.jsxs(t.Box,{children:[n&&r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4},children:n}),r.jsx(t.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 hn={small:"var(--Sm-Rail-Width, 72px)",medium:"var(--Rail-Width, 80px)",large:"var(--Lg-Rail-Width, 96px)"},mn="var(--Icon-Size, 24px)",fn="var(--Sizing-Half, 4px)",gn="var(--Button-Height, 32px)";function bn({items:o=[],sections:a,value:n,defaultValue:i=0,onChange:l,expandable:s=!1,expandedWidth:c="partial",defaultExpanded:d=!1,fabAction:u,labelStyle:x="contained",size:p="medium",className:h="",sx:m={},...f}){const[g,b]=e.useState(i),[v,y]=e.useState(d),j=void 0!==n,S=j?n:g,B=e.useCallback(e=>{j||b(e),l?.(e)},[j,l]),k=s&&v,w=k?("full"===c?320:240)+"px":hn[p]||hn.medium;return r.jsxs(t.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-"+(hn[p]?p:"medium")+" "+h,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&&r.jsx(t.Box,{sx:{display:"flex",justifyContent:k?"flex-start":"center",px:k?1.5:0,height:56,alignItems:"center"},children:r.jsx(Zr,{iconOnly:!0,variant:"ghost",size:"small",onClick:()=>y(e=>!e),"aria-label":k?"Collapse menu":"Expand menu",children:r.jsx(hr,{size:"small",sx:{color:"inherit"},children:k?r.jsx(Se,{}):r.jsx(je,{})})})}),u&&r.jsx(t.Box,{sx:{px:k?2:1,py:1,flexShrink:0},children:r.jsx(Zr,{variant:"primary-light",size:"medium",onClick:u.onClick,"aria-label":u.label||"Action",startIcon:u.icon?r.jsx(hr,{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})}),r.jsx(t.Box,{role:"tablist","aria-orientation":"vertical",sx:{flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column",alignItems:"center",gap:k?0:"var(--Sizing-1-and-Half, 12px)",px:k?0:"var(--Sizing-1, 8px)",width:"100%"},children:(()=>{if(a&&a.length>0){const e=[];let o=0;return a.forEach((a,n)=>{n>0&&e.push(r.jsx(t.Box,{"aria-hidden":"true",sx:{height:"1px",width:"100%",backgroundColor:"var(--Border-Variant)"}},"divider-"+n)),a.items.forEach(t=>{const a=o;e.push(r.jsx(vn,{item:t,selected:S===a,expanded:k,labelStyle:x,onClick:()=>B(a)},"item-"+a)),o++})}),e}return o.map((e,t)=>r.jsx(vn,{item:e,selected:S===t,expanded:k,labelStyle:x,onClick:()=>B(t)},t))})()})]})}function vn({item:e,selected:o,expanded:a,labelStyle:n,onClick:i}){const{icon:l,avatar:s,label:c,badge:d,disabled:u}=e,x=o?"var(--Button)":"transparent",p=o||a?"var(--Text)":"var(--Quiet)",h="outside"!==n,m=h&&!a,f=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 r.jsxs(t.Box,{component:"button",type:"button",role:"tab","aria-selected":o,"aria-label":c,"aria-disabled":u||void 0,disabled:u||void 0,onClick:u?void 0:i,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:mn,minHeight:mn,px:a?2.5:0,py:m?fn:0,border:o&&m?"1px solid var(--Border)":"1px solid transparent",borderRadius:a?0:"8px",backgroundColor:m||a?x:"transparent",boxShadow:o&&m?"var(--Shadow-1, none)":"none",color:"inherit",cursor:u?"not-allowed":"pointer",opacity:u?"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:[r.jsxs(t.Box,{sx:{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",...a?{flexShrink:0}:{width:h?"100%":gn,height:h?"auto":gn,py:h?fn:0,borderRadius:h?"8px":gn,backgroundColor:h?"transparent":x,border:!h&&o?"1px solid var(--Border)":void 0,transition:"background-color 0.2s ease",...h?{}:f}},children:[s?r.jsx(t.Box,{sx:{display:"flex",width:mn,height:mn},children:s}):r.jsx(hr,{size:"small",sx:{color:"inherit"},children:l}),d&&r.jsx(yn,{value:d})]}),c&&r.jsx(t.Box,{sx:{display:"flex",alignItems:"flex-start",justifyContent:"center",width:"100%"},children:r.jsx(Yt,{className:"rail-item-label",style:{color:p,textAlign:"center",whiteSpace:a?"nowrap":"normal",overflow:"hidden",textOverflow:"ellipsis",...a?{flex:1}:{maxWidth:"100%"}},children:c})})]})}function yn({value:e}){return r.jsx(t.Box,{sx:{position:"absolute",top:-4,right:-6,minWidth:16,height:16,borderRadius:"8px",backgroundColor:"var(--Tags-Error-BG)",color:"var(--Tags-Error-Text)",fontSize:"10px",fontWeight:700,px:.5,display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1},children:e})}const jn=[{icon:r.jsx(h,{}),label:"Home"},{icon:r.jsx(g,{}),label:"Search"},{icon:r.jsx(p,{}),label:"Favorites",badge:3},{icon:r.jsx(n,{}),label:"Profile"},{icon:r.jsx(f,{}),label:"Settings"}];function Sn({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}const Bn={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 kn({items:o=[],value:a,defaultValue:n,onChange:i,type:l="floating",orientation:s="horizontal",color:c="default",fab:d,className:u="",sx:x={},...p}){const[h,m]=e.useState(n??null),f=void 0!==a,g=f?a:h,b=e.useCallback(e=>{const t=g===e?null:e;f||m(t),i?.(t)},[f,g,i]),v=Bn[c]||Bn.default,y=v.theme,j=v.surface,S="vertical"===s,B="floating"===l,k=r.jsx(t.Box,{role:"toolbar","aria-orientation":s,"aria-label":"Toolbar","data-theme":y,"data-surface":j||"Surface",className:"toolbar toolbar-"+l+" toolbar-"+s+" toolbar-"+c+" "+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:zr},...x},...p,children:o.map((e,t)=>{const o=g===t;return r.jsx(Zr,{iconOnly:!0,variant:o?"default":"ghost",size:"small",onClick:()=>b(t),"aria-label":e.label,"aria-checked":o,role:"radio",children:r.jsx(hr,{size:"small",sx:{color:"inherit"},children:e.icon})},e.key||t)})});return d&&B?r.jsxs(t.Box,{sx:{display:"inline-flex",flexDirection:S?"column":"row",alignItems:"center",gap:1},children:[k,r.jsx(Zr,{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:r.jsx(hr,{size:"medium",sx:{color:"inherit"},children:d.icon})})]}):k}const wn=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Cn=[{icon:r.jsx(Be,{}),label:"Bold"},{icon:r.jsx(ke,{}),label:"Italic"},{icon:r.jsx(we,{}),label:"Underline"},{icon:r.jsx(Ce,{}),label:"Align left"},{icon:r.jsx(Te,{}),label:"Align center"}];function Tn({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}const In={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 An({value:o,defaultValue:a=0,onChange:n,min:l,max:s,step:c=1,variant:d="outlined",style:u="outline",color:x="default",size:p="medium",label:h,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),I=void 0!==o,A=I?o:B,z=""!==A&&null!=A,R=(E="default"===x?"primary":x).charAt(0).toUpperCase()+E.slice(1);var E;const L="default"===x?"var(--Border)":"var(--Buttons-"+R+"-Border)",P="default"===x?"var(--Background)":"var(--Buttons-"+R+"-Light-Button, var(--Background))",M="default"===x?"var(--Text)":"var(--Text-"+R+")",D="outlined"===d,O="floating"===m,W="top"===m,F=In[p]||In.medium,H="small"===p?Qt:qt,N=e.useCallback(e=>{let t="number"==typeof e?e:parseFloat(e);isNaN(t)&&(t=0),void 0!==l&&t<l&&(t=l),void 0!==s&&t>s&&(t=s),I||k(t),n?.(t)},[I,n,l,s]),V=e.useRef(A);V.current=A;const Q=e.useCallback(e=>{if(b)return;const t="number"==typeof V.current?V.current:parseFloat(V.current)||0;void 0!==l&&e<0&&t<=l||void 0!==s&&e>0&&t>=s||N(t+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),$=e.useCallback(()=>{U.current&&(clearTimeout(U.current),U.current=null),X.current&&(clearInterval(X.current),X.current=null)},[]),K=e.useCallback(e=>{b||($(),Q(e),U.current=setTimeout(()=>{let t=120,r=0;const o=()=>{Q(e),r+=1,10===r&&t>60?(clearInterval(X.current),t=60,X.current=setInterval(o,t)):30===r&&t>30&&(clearInterval(X.current),t=30,X.current=setInterval(o,t))};X.current=setInterval(o,t)},400))},[b,Q,$]);e.useEffect(()=>$,[$]);const Y=e.useRef(!1),J=e=>({onPointerDown:t=>{if(void 0===t.button||0===t.button){t.preventDefault();try{t.currentTarget.setPointerCapture?.(t.pointerId)}catch(e){}Y.current=!0,K(e)}},onClick:()=>{Y.current?Y.current=!1:Q(e)},onPointerUp:e=>{try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch(e){}$()},onPointerCancel:$,onPointerLeave:$,onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||t.repeat||(t.preventDefault(),K(e))},onKeyUp:e=>{"Enter"!==e.key&&" "!==e.key||$()},onBlur:$}),Z=e=>{const t=e.target.value;if(""===t||"-"===t)return void(I||k(t));const r=parseFloat(t);isNaN(r)||N(r)},_=e=>{"ArrowUp"===e.key&&(e.preventDefault(),Q(1)),"ArrowDown"===e.key&&(e.preventDefault(),Q(-1))},ee={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"}},te={},re=()=>W&&h?r.jsx(H,{component:"label",style:{display:"block",marginBottom:"6px",color:b?"var(--Quiet)":"var(--Text)",fontWeight:500,opacity:b?.6:1},children:h}):null;return D?r.jsxs(t.Box,{className:"numberfield numberfield-outlined"+(b?" numberfield-disabled":"")+(y?" "+y:""),sx:{width:v?"100%":"auto",fontFamily:"inherit",...j},...S,children:[re(),r.jsx(t.Box,{sx:{border:"1px solid "+L,borderRadius:"small"===p?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===p?"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:r.jsx(t.Box,{...te,children:r.jsxs(t.Box,{sx:{position:"relative",display:"flex",alignItems:"stretch",minHeight:"max("+F.height+", calc(var(--Sizing-3, 24px) * 2 + 1px))",backgroundColor:P},children:[O&&h&&r.jsx(t.Box,{sx:{position:"absolute",top:z||w?"6px":"50%",left:F.padding.split(" ")[1]||"14px",transform:z||w?"none":"translateY(-50%)",transformOrigin:"top left",color:w?M:"var(--Quiet)",fontFamily:"var(--Font-Families-Body, var(--Body-Font-Family))",...z||w?{fontSize:"var(--"+(go[p]||go.medium).shrunk+"-Font-Size)",fontWeight:"var(--"+(go[p]||go.medium).shrunk+"-Font-Weight)",letterSpacing:"var(--"+(go[p]||go.medium).shrunk+"-Letter-Spacing)"}:{fontSize:"var(--"+(go[p]||go.medium).resting+"-Font-Size)",fontWeight:"var(--"+(go[p]||go.medium).resting+"-Font-Weight)",letterSpacing:"var(--"+(go[p]||go.medium).resting+"-Letter-Spacing)"},pointerEvents:"none",transition:"top 0.15s ease, font-size 0.15s ease, color 0.15s ease",zIndex:1},children:h}),r.jsx(t.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":h||"Number",value:A,onChange:Z,onKeyDown:_,onFocus:()=>C(!0),onBlur:()=>C(!1),disabled:b,placeholder:O?void 0:f||"",sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:z||w?M:"var(--Quiet)",fontSize:F.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)",padding:O?"22px 14px 6px":F.padding,minWidth:0,"&::placeholder":{color:"var(--Quiet)",opacity:1},"&:disabled":{cursor:"not-allowed"}}}),r.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"stretch",borderLeft:"1px solid "+L,flexShrink:0},children:[r.jsx(t.Box,{component:"button",type:"button","aria-label":"Increase",...J(1),disabled:b||q,sx:{...ee,width:"var(--Sizing-4, 32px)",height:"var(--Sizing-3, 24px)"},children:r.jsx(hr,{size:"medium",children:r.jsx(Ie,{})})}),r.jsx(t.Box,{"aria-hidden":"true",sx:{height:"1px",backgroundColor:L,flexShrink:0}}),r.jsx(t.Box,{component:"button",type:"button","aria-label":"Decrease",...J(-1),disabled:b||G,sx:{...ee,width:"var(--Sizing-4, 32px)",height:"var(--Sizing-3, 24px)"},children:r.jsx(hr,{size:"medium",children:r.jsx(Ae,{})})})]})]})})}),g&&r.jsx(Qt,{style:{color:"var(--Quiet)",marginTop:"4px",marginLeft:"2px"},children:g})]}):r.jsxs(t.Box,{className:"numberfield numberfield-spinner"+(b?" numberfield-disabled":"")+(y?" "+y:""),sx:{fontFamily:"inherit",...j},...S,children:[re(),r.jsxs(t.Box,{sx:{display:"inline-flex",alignItems:"center",gap:"small"===p?.5:1,opacity:b?.5:1},children:[r.jsx(t.Box,{component:"button",type:"button","aria-label":"Decrease",...J(-1),disabled:b||G,sx:{...ee,width:F.btnSize,height:F.btnSize,borderRadius:"small"===p?"var(--Sm-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"large"===p?"var(--Lg-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"var(--Button-Icon-Radius, var(--Style-Border-Radius))",border:"1px solid "+L},children:r.jsx(hr,{size:"small",children:r.jsx(i,{})})}),r.jsx(t.Box,{sx:{border:"1px solid "+L,borderRadius:"small"===p?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===p?"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:r.jsx(t.Box,{...te,children:r.jsx(t.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":h||"Number",value:A,onChange:Z,onKeyDown:_,onFocus:()=>C(!0),onBlur:()=>C(!1),disabled:b,sx:{width:"small"===p?40:56,minHeight:F.height,textAlign:"center",border:"none",outline:"none",backgroundColor:"var(--Hover)",color:"var(--Text)",fontSize:F.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:600,"&:disabled":{cursor:"not-allowed"}}})})}),r.jsx(t.Box,{component:"button",type:"button","aria-label":"Increase",...J(1),disabled:b||q,sx:{...ee,width:F.btnSize,height:F.btnSize,borderRadius:"small"===p?"var(--Sm-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"large"===p?"var(--Lg-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"var(--Button-Icon-Radius, var(--Style-Border-Radius))",border:"1px solid "+L},children:r.jsx(hr,{size:"small",children:r.jsx(ve,{})})})]}),g&&r.jsx(Qt,{style:{color:"var(--Quiet)",marginTop:"4px",marginLeft:"2px"},children:g})]})}const zn=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Rn=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function En({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function Ln({color:e,selected:o,onClick:n}){const i=zn(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const Pn=["default","primary","secondary","tertiary","neutral","black-white","info","success","warning","error"],Mn=["fill","outline","ghost"];function Dn(){const e={};return Pn.forEach(t=>{Mn.forEach(r=>{e["fill"===r?t:t+"-"+r]=function(e,t){const r=Dr(e),o={color:e,style:t,bg:"transparent",text:"var(--Quiet)",hover:"var(--Buttons-"+r+"-Hover)",hoverText:"var(--Buttons-"+r+"-Text)"};return"ghost"===t?{...o,border:"transparent",selectedBg:"transparent",selectedText:"var(--Buttons-"+r+"-Border)",selectedRing:"inset 0 0 0 2px var(--Buttons-"+r+"-Border)",bevel:!1}:"outline"===t?{...o,border:"var(--Buttons-"+r+"-Border)",selectedBg:"transparent",selectedText:"var(--Buttons-"+r+"-Border)",selectedRing:"inset 0 0 0 2px var(--Buttons-"+r+"-Border)",bevel:!1}:{...o,border:"var(--Buttons-"+r+"-Border)",selectedBg:"var(--Buttons-"+r+"-Button)",selectedText:"var(--Buttons-"+r+"-Text)",selectedRing:null,bevel:!0}}(t,r)})}),e}const On={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 Wn({variant:e="primary",size:o="medium",value:a,defaultValue:n,onChange:i,exclusive:l=!0,orientation:s="horizontal",disabled:c=!1,fullWidth:d=!1,children:u,className:x="",sx:p={},"aria-label":h,...m}){const f=Dn(),g=f[e]||f.default,b=On[o]||On.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:Wr(g.color)}:{},...g.selectedRing?{boxShadow:g.selectedRing}:{}},"&.Mui-selected:hover":{backgroundColor:g.selectedBg,color:g.selectedText,...g.bevel?{boxShadow:Wr(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}},...p};return r.jsx(t.ToggleButtonGroup,{value:a,defaultValue:n,onChange:i,exclusive:l,orientation:s,disabled:c,className:"toggle-group-"+e+" "+x,sx:y,"aria-label":h,...m,children:u})}function Fn({label:o,value:a="",onChange:n,placeholder:i,error:l=!1,errorMessage:s="",disabled:c=!1,helperText:d="",variant:u="outlined",size:x="medium",type:p="text",required:h=!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)",I="var(--Text)";return r.jsxs(t.Box,{sx:{width:m?"100%":"auto"},children:[r.jsx(t.TextField,{label:o,value:a,onChange:n,placeholder:i,disabled:c,variant:u,size:x,type:p,required:h,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:I},startAdornment:f?r.jsx(t.InputAdornment,{position:"start",children:f}):void 0,endAdornment:g?r.jsx(t.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:I,"& 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&&r.jsx(t.FormHelperText,{error:!0,sx:{color:"var(--Buttons-Error-Border)",marginTop:"4px",fontSize:"12px",fontWeight:500},children:s})]})}const Hn=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Nn=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Vn=[{value:"apple",label:"Apple"},{value:"banana",label:"Banana"},{value:"cherry",label:"Cherry"},{value:"date",label:"Date"},{value:"elderberry",label:"Elderberry"}],Qn=[{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 Gn({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function qn({color:e,selected:o,onClick:n}){const i=Hn(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const Un={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}},Xn={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 $n({options:o=[],value:n,defaultValue:i=null,onChange:l,inputValue:s,onInputChange:c,label:d,labelPosition:u="top",placeholder:p="Type to search",helperText:h,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 I=(A="default"===g?"primary":g).charAt(0).toUpperCase()+A.slice(1);var A;const z="var(--Buttons-"+I+"-Border)",R="default"===g?"var(--Text)":"var(--Text-"+I+")",[E,L]=e.useState(i),[P,M]=e.useState(i?"string"==typeof i?i:i.label||"":""),[D,O]=e.useState(!1),[W,F]=e.useState(!1),[H,N]=e.useState(-1),V=e.useRef(null),Q=e.useRef(null),G=void 0!==n,q=void 0!==s,U=G?n:E,X=q?s:P,$="floating"===u,K="top"===u,Y=""!==X,J=$?Xn[m]||Xn.medium:Un[m]||Un.medium,Z=X?o.filter(e=>("string"==typeof e?e:e.label).toLowerCase().includes(X.toLowerCase())):o,_=e.useCallback(e=>{q||M(e),c?.(e)},[q,c]),ee=e.useCallback(e=>{const t="string"==typeof e?e:e.label;G||L(e),_(t),l?.(e),O(!1),N(-1),Q.current?.focus()},[G,l,_]);e.useEffect(()=>{if(!D)return;const e=e=>{V.current&&!V.current.contains(e.target)&&O(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[D]);return r.jsxs(t.Box,{ref:V,className:"autocomplete autocomplete-"+m+" autocomplete-variant-"+f+(D?" autocomplete-open":"")+(B?" autocomplete-disabled":"")+(w?" "+w:""),sx:{position:"relative",width:k?"100%":"auto",display:"inline-block",fontFamily:"inherit",...C},...T,children:[K&&d&&(()=>{const e="small"===m?Qt:qt;return r.jsx(e,{component:"label",style:{display:"block",marginBottom:"6px",color:B?"var(--Quiet)":"var(--Text)",fontWeight:500,opacity:B?.6:1},children:d})})(),r.jsx(t.Box,{sx:{border:"1px solid "+z,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:r.jsx(t.Box,{children:r.jsxs(t.Box,{sx:{position:"relative",display:"flex",alignItems:"center",minHeight:J.height,backgroundColor:"var(--Hover)"},children:[$&&d&&r.jsx(t.Box,{sx:{position:"absolute",top:Y||W?"6px":"50%",left:(J.leftPad||14)+"px",transform:Y||W?"scale(0.75)":"translateY(-50%)",transformOrigin:"top left",color:W?R:"var(--Quiet)",fontSize:J.fontSize,fontWeight:400,pointerEvents:"none",zIndex:1,transition:"top 0.15s ease, transform 0.15s ease, color 0.15s ease"},children:d}),r.jsx(t.Box,{component:"input",ref:Q,type:"text",role:"combobox","aria-expanded":D,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-label":d||p,autoComplete:"off",value:X,onChange:e=>{_(e.target.value),D||O(!0),N(-1)},onKeyDown:e=>{if("Escape"!==e.key){if("ArrowDown"===e.key){if(e.preventDefault(),!D)return void O(!0);N(e=>Math.min(e+1,Z.length-1))}"ArrowUp"===e.key&&(e.preventDefault(),N(e=>Math.max(e-1,0))),"Enter"===e.key&&D&&H>=0&&Z[H]&&(e.preventDefault(),ee(Z[H]))}else O(!1)},onFocus:()=>{F(!0),O(!0)},onBlur:()=>F(!1),disabled:B,placeholder:$?void 0:p,sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:Y||W?R:"var(--Quiet)",fontSize:J.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)",padding:J.padding,minWidth:0,"&::placeholder":{color:"var(--Quiet)",opacity:1,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)"},"&:disabled":{cursor:"not-allowed"}}}),b&&D&&r.jsx(ze,{size:16,sx:{mr:1,color:"var(--Quiet)"}}),S&&X&&!B&&r.jsx(t.Box,{component:"button",type:"button","aria-label":"Clear",onClick:()=>{G||L(null),_(""),l?.(null),Q.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:r.jsx(Se,{sx:{fontSize:14}})}),r.jsx(t.Box,{component:"button",type:"button","aria-label":D?"Close":"Open",tabIndex:-1,onClick:()=>{B||O(!D)},sx:{display:"flex",alignItems:"center",justifyContent:"center",width:28,height:"100%",border:"none",backgroundColor:"transparent",color:"var(--Quiet)",cursor:B?"not-allowed":"pointer"},children:r.jsx(x,{sx:{fontSize:(J.iconSize||18)+"px",transform:D?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease"}})})]})})}),h&&r.jsx(t.Box,{sx:{fontSize:"12px",color:"var(--Quiet)",mt:"4px",ml:"2px"},children:h}),D&&r.jsx(t.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?r.jsx(t.Box,{sx:{px:1.5,py:2,textAlign:"center",fontSize:J.fontSize,color:"var(--Quiet)"},children:v}):0===Z.length?r.jsx(t.Box,{sx:{px:1.5,py:2,textAlign:"center",fontSize:J.fontSize,color:"var(--Quiet)"},children:y}):Z.map((e,o)=>{const n="string"==typeof e?e:e.label,i="string"==typeof e?e:e.value,l=n===(U?"string"==typeof U?U:U.label:null),s=function(e,t){return t?{backgroundColor:"transparent",color:"var(--Text)",fontWeight:600}:e?{backgroundColor:"var(--Hover)",color:"var(--Text)"}:{backgroundColor:"transparent",color:"var(--Text-Quiet)"}}(o===H,l);return r.jsxs(t.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:J.height,borderRadius:"4px",cursor:"pointer",fontSize:J.fontSize,fontFamily:"inherit",...s,transition:"background-color 0.1s ease","&:active":{backgroundColor:"var(--Pressed)"}},children:[r.jsx(Qt,{style:{flex:1,color:"inherit",fontWeight:"inherit"},children:n}),l&&r.jsx(hr,{size:"small",sx:{opacity:.6,flexShrink:0},children:r.jsx(a,{})})]},i||n)})})]})}const Kn=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Yn=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Jn=[{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 Zn({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function _n({color:e,selected:o,onClick:n}){const i=Kn(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const ei=["default","primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],ti=Dr,ri={small:{touchTarget:24,box:16,dot:8,gap:4,LabelComp:Qt},medium:{touchTarget:24,box:20,dot:9.5,gap:8,LabelComp:qt},large:{touchTarget:24,box:24,dot:9.5,gap:12,LabelComp:$t}};function oi({size:e,color:o,checked:a}){const n=ti(o),i="Default"===n?"var(--Quiet)":"var(--Buttons-"+n+"-Border)",l="var(--Buttons-"+n+"-Border)",s=ri[e]||ri.medium;return r.jsx(t.Box,{className:"radio-circle-icon",sx:{width:s.box,height:s.box,boxSizing:"border-box",borderRadius:"50%",border:"2px solid "+i,overflow:"hidden",flexShrink:0,backgroundColor:"var(--Background)",display:"flex",alignItems:"center",justifyContent:"center",transition:"border-color 0.15s ease-in-out"},children:a&&r.jsx(t.Box,{sx:{width:s.dot,height:s.dot,borderRadius:"50%",backgroundColor:l,transition:"transform 0.15s ease-in-out"}})})}function ai({color:e="primary",size:o="medium",label:a,labelPlacement:n="end",checked:i,disabled:l=!1,onChange:s,name:c,value:d,className:u="",sx:x={},"aria-label":p,"aria-labelledby":h,"aria-describedby":m,inputProps:f={},...g}){const b=ei.includes(e)?e:"primary",v=ri[o]||ri.medium,y=v.LabelComp,j=(v.touchTarget-v.box)/2,S={...f,...p&&{"aria-label":p},...h&&{"aria-labelledby":h},...m&&{"aria-describedby":m}},B=r.jsx(t.Radio,{checked:i,disabled:l,onChange:s,name:c,value:d,icon:r.jsx(oi,{size:o,color:b,checked:!1}),checkedIcon:r.jsx(oi,{size:o,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"},"&.Mui-focusVisible .radio-circle-icon":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled":{opacity:.6,cursor:"not-allowed",pointerEvents:"none"},...x},...g});return a?r.jsx(t.FormControlLabel,{control:B,label:r.jsx(y,{component:"span",sx:{color:l?"var(--Text-Quiet)":"var(--Text)",lineHeight:1.4,userSelect:"none"},children:a}),labelPlacement:n,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 ni=ai,ii=["default","primary","secondary","tertiary","neutral","info","success","warning","error"];const li={small:{visual:12,track:2,labelSize:11},medium:{visual:16,track:4,labelSize:12},large:{visual:20,track:6,labelSize:13}};function si({variant:e="primary",size:o="medium",value:a,defaultValue:n,onChange:i,onChangeCommitted:l,min:s=0,max:c=100,step:d=1,marks:u=!1,valueLabelDisplay:x="off",orientation:p="horizontal",track:h="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 ii.forEach(t=>{e[t]=function(e){const t=(r=e).charAt(0).toUpperCase()+r.slice(1);var r;return{thumb:"var(--Border)",thumbBorder:"1px solid var(--Background)",track:"default"===e?"var(--Button)":"var(--Buttons-"+t+"-Button)",trackBorder:"1px solid var(--Border)",rail:"var(--Background)",railBorder:"1px solid var(--Border)",valueLabel:"var(--Text)",valueLabelText:"var(--Background)"}}(t)}),e}(),k=B[e]||B.primary,w=li[o]||li.medium,C="vertical"===p,T=Array.isArray(a)||Array.isArray(n),I="inverted"===h,A="small"===o?Qt:qt,z=w.track+2,R=I?k.track:k.rail,E=k.railBorder,L=I?k.rail:k.track,P=k.trackBorder,M={color:"transparent"===k.track?k.thumb:k.track,height:C?void 0:z,width:C?z:void 0,"& .MuiSlider-rail":{backgroundColor:R,border:E||"none",boxSizing:E?"content-box":"border-box",opacity:1,height:C?void 0:E?w.track:z,width:C?E?w.track:z:void 0,borderRadius:z/2},"& .MuiSlider-track":{boxSizing:P?"content-box":"border-box",backgroundColor:L,border:P||"none",height:C?void 0:P?w.track:z,width:C?P?w.track:z:void 0,borderRadius:z/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:`${Wr(e)}, ${Ar}`,transition:"box-shadow 0.15s ease-in-out",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},"&:hover::before":{boxShadow:`${Wr(e)}, ${zr}`},"&.Mui-focusVisible::before, &:focus-visible::before":{boxShadow:`${Wr(e)}, ${zr}, 0 0 0 1px var(--Focus-Visible)`},"&.Mui-active::before":{boxShadow:Wr(e)},"&.Mui-focusVisible":{outline:"none",borderRadius:"50%"},"&.Mui-focusVisible::before":{boxShadow:`${Wr(e)}, ${zr}`}},...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?z:2,height:C?2:z,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},D=r.jsx(t.Slider,{value:a,defaultValue:n,onChange:i,onChangeCommitted:l,min:s,max:c,step:d,marks:u,valueLabelDisplay:x,orientation:p,track:"inverted"===h?"inverted":!1!==h&&"normal",disabled:m,name:g,"aria-label":y,"aria-labelledby":j,slotProps:m?{input:{"aria-disabled":"true"}}:void 0,className:"slider-"+e+" "+b,sx:M,...S});return f?r.jsxs(t.Box,{sx:{width:C?"auto":"100%",height:C?"100%":"auto",display:"flex",flexDirection:"column",gap:"4px"},children:[r.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}),D]}):D}const ci=si,di=si,ui={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},xi={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 pi({value:o,defaultValue:a,onChange:n,max:i=5,precision:l=1,color:s="default",size:c="medium",readOnly:d=!1,disabled:u=!1,emptyLabel:x="No rating",className:p="",sx:h={},...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&&!u,C=ui[s]||ui.default,T=xi[c]||xi.medium,I="var(--Buttons-"+C+"-Button)",A="var(--Buttons-"+C+"-Border)",z=e=>{if(!w)return;const t=e===S?null:e;j||g(t),n?.(t)},R=(e,t)=>{if(!w||!k)return;y(t?e+.5:e+1)},E=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}}}:{},L=e=>{const o=e+1,a=e+.5,n=null!==B&&o<=B,s=null!==B&&!n&&k&&a<=B,c=s?Re:b,d=((e,t)=>e||t?{color:I,filter:"drop-shadow(0 1px 2px rgba(var(--Dropshadow-Color), 0.28))",transition:"filter 0.15s ease","& .MuiSvgIcon-root":{stroke:A,strokeWidth:.5}}:{color:"transparent","& .MuiSvgIcon-root":{stroke:"var(--Quiet)",strokeWidth:1}})(n,s);return k&&w?r.jsxs(t.Box,{sx:{position:"relative",display:"inline-flex",cursor:"pointer",...d,...E},onMouseLeave:()=>y(null),children:[r.jsx(t.Box,{sx:{position:"absolute",left:0,top:0,width:"50%",height:"100%",zIndex:1,cursor:"pointer"},onMouseEnter:()=>R(e,!0),onClick:()=>z(a)}),r.jsx(t.Box,{sx:{position:"absolute",right:0,top:0,width:"50%",height:"100%",zIndex:1,cursor:"pointer"},onMouseEnter:()=>R(e,!1),onClick:()=>z(o)}),r.jsx(c,{sx:{fontSize:T.iconSize,transition:"color 0.1s ease, filter 0.1s ease"}})]},e):r.jsx(t.Box,{component:w?"button":"span",type:w?"button":void 0,role:w?"radio":void 0,"aria-checked":n,"aria-label":o+" star"+(1!==o?"s":""),tabIndex:w?0:-1,onClick:()=>z(o),onMouseEnter:()=>w&&y(o),onMouseLeave:()=>w&&y(null),onKeyDown:e=>{if(w&&("ArrowRight"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),z(Math.min((S||0)+l,i))),"ArrowLeft"===e.key||"ArrowDown"===e.key)){e.preventDefault();const t=Math.max((S||0)-l,0);z(t||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",...d,...E,"&: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:r.jsx(c,{sx:{fontSize:T.iconSize,transition:"color 0.1s ease, filter 0.1s ease"}})},e)};return r.jsxs(t.Box,{role:w?"radiogroup":"img","aria-label":"Rating"+(null!==S?": "+S+" of "+i+" stars":": "+x),className:"rating rating-"+s+" rating-"+c+(d?" rating-readonly":"")+(u?" rating-disabled":"")+(null===S?" rating-empty":"")+(p?" "+p:""),sx:{display:"inline-flex",alignItems:"center",gap:T.gap+"px",opacity:u?.5:1,fontFamily:"inherit",...h},...m,children:[Array.from({length:i},(e,t)=>L(t)),null===S&&!v&&r.jsx(Kt,{style:{color:"var(--Quiet)",marginLeft:4},children:x})]})}const hi={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 mi({value:o,defaultValue:a="",onChange:n,onFocus:i,onBlur:l,onClear:s,onSubmit:c,placeholder:d="Search…",size:u="medium",color:x="default",showClearButton:p=!0,disabled:h=!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,I=S||T,A=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===x?"primary":x),z="var(--Buttons-"+A+"-Border)",R="default"===x?"var(--Text)":"var(--Text-"+A+")",E=hi[u]||hi.medium,L=()=>{w||j(""),n?.(""),s?.(),k.current?.focus()};return r.jsx(t.Box,{className:"search-field search-field-"+u+(S?" search-field-focused":"")+(T?" search-field-filled":"")+(h?" search-field-disabled":"")+(f?" "+f:""),sx:{display:"flex",boxSizing:"border-box",...b},...v,children:r.jsx(t.Box,{sx:{border:"1px solid "+z,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:h?.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:r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:1,width:"100%",boxSizing:"border-box",minHeight:E.height,px:E.px+"px",backgroundColor:"var(--Hover)"},children:[r.jsx(hr,{size:"small",sx:{color:I?R:"var(--Quiet)",flexShrink:0,transition:"color 0.15s ease"},children:r.jsx(g,{})}),r.jsx(t.Box,{component:"input",ref:k,type:"text",role:"searchbox","aria-label":m,value:C,onChange:e=>{const t=e.target.value;w||j(t),n?.(t,e)},onFocus:e=>{B(!0),i?.(e)},onBlur:e=>{B(!1),l?.(e)},onKeyDown:e=>{"Enter"===e.key&&c?.(C,e),"Escape"===e.key&&T&&L()},placeholder:d,disabled:h,sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:I?R:"var(--Quiet)",fontSize:E.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"}}}),p&&T&&!h&&r.jsx(t.Box,{component:"button",type:"button","aria-label":"Clear search",onClick:L,sx:{display:"flex",alignItems:"center",justifyContent:"center",width:E.iconSize+4,height:E.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:r.jsx(hr,{size:"small",children:r.jsx(Se,{})})})]})})})}const fi=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",gi=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function bi({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function vi({color:e,selected:o,onClick:n}){const i=fi(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const yi=["primary","secondary","tertiary","neutral","info","success","warning","error"],ji=e=>e.charAt(0).toUpperCase()+e.slice(1);function Si(){const e={};return yi.forEach(t=>{e[t]=function(e){const t=ji(e);return{bg:"var(--Buttons-"+t+"-Button)",text:"var(--Buttons-"+t+"-Text)",border:"none",hoverBg:"var(--Buttons-"+t+"-Hover)",activeBg:"var(--Buttons-"+t+"-Pressed)"}}(t),e[t+"-outline"]=function(e){return{bg:"var(--Background)",text:"var(--Text)",border:"1px solid var(--Buttons-"+ji(e)+"-Border)",hoverBg:"var(--Hover)",activeBg:"var(--Hover)"}}(t),e[t+"-light"]=function(e){const t=ji(e);return{bg:"var(--Buttons-"+t+"-Button)",text:"var(--Buttons-"+t+"-Text)",border:"1px solid var(--Buttons-"+t+"-Border)",hoverBg:"var(--Buttons-"+t+"-Hover)",activeBg:"var(--Buttons-"+t+"-Pressed)"}}(t)}),e}const Bi={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}},ki=e.forwardRef(function({size:e,onClick:o,...a},n){const i="large"===e?24:"medium"===e?18:16;return r.jsx(t.Box,{ref:n,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:i,height:i,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"},...i<24&&{"&::after":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",minWidth:24,minHeight:24}}},...a,children:r.jsx(Ee,{sx:{fontSize:i,pointerEvents:"none"}})})});function wi({variant:e="primary",size:o="medium",label:a,clickable:n=!1,disabled:i=!1,selected:l=!1,selectionMode:s,onDelete:c,onClick:d,startDecorator:u,endDecorator:x,children:p,className:h="",sx:m={},...f}){const g=Si(),b=g[e]||g.primary,v=c?"large":o,y=Bi[v]||Bi.medium,j=n||!!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||p,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&&!i?{cursor:"pointer",transition:"background-color 0.15s ease, outline 0.15s ease","&:hover":{backgroundColor:b.hoverBg},"&:active":{backgroundColor:b.activeBg}}:{},"&:focus-visible, &.Mui-focusVisible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},...i?{opacity:.5,cursor:"not-allowed",pointerEvents:"none"}:{},boxShadow:"none","& .MuiChip-label":{padding:0,fontSize:"inherit",fontWeight:"inherit",fontFamily:"inherit",lineHeight:1.2,display:"flex",alignItems:"center",gap:y.gap+"px"},"& .MuiChip-icon":{margin:0,marginLeft:"-2px",color:"inherit",fontSize:y.iconSize},"& .MuiChip-deleteIcon":{display:"none"},...m},C=r.jsxs(t.Box,{component:"span",sx:{display:"inline-flex",alignItems:"center",gap:y.gap+"px",lineHeight:1},children:[u&&r.jsx(t.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}),k,x&&r.jsx(t.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}),c&&r.jsx(ki,{size:v,onClick:c})]});return r.jsx(t.Chip,{label:C,clickable:j&&!i,disabled:i,onClick:j?d:void 0,className:"chip-"+e+" "+h,sx:w,...S,...f})}const Ci={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)"}},Ti="var(--Link-Visited, var(--Hotlink-Visited))",Ii={primary:{base:"var(--Link, var(--Hotlink))",visited:Ti},standard:{base:"var(--Text)",visited:Ti},quiet:{base:"var(--Text-Quiet)",visited:Ti}};function Ai({children:e,href:o,target:a,rel:n,textStyle:i="body",color:l="primary",disabled:s=!1,onClick:c,className:d="",sx:u={},...x}){const p=Ci[i]||Ci.body,h=Ii[l]||Ii.primary,m="_blank"===a?n||"noopener noreferrer":n;return r.jsx(t.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-"+i+" link-color-"+l+(s?" link-disabled":"")+" "+d,sx:{fontFamily:p.fontFamily,lineHeight:p.lineHeight,fontSize:p.fontSize,fontWeight:p.fontWeight,letterSpacing:p.letterSpacing,textDecoration:"underline",textUnderlineOffset:"3px",textDecorationThickness:"1px",color:h.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:h.visited},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderRadius:"2px"},"&:active":{textDecorationThickness:"2px"}},...u},...x,children:e})}function zi({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"primary":"primary-outline",size:"small",onClick:o,children:e})}function Ri({code:e}){return r.jsx(ha,{code:e,language:"JSX",wrap:!0,sx:{mt:1}})}function Ei({passes:e}){return r.jsxs(t.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5,px:1.5,py:.5,borderRadius:"20px",backgroundColor:e?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:e?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)",fontSize:"12px",fontWeight:600},children:[e?r.jsx(l,{sx:{fontSize:14}}):r.jsx(s,{sx:{fontSize:14}}),e?"WCAG Pass":"WCAG Fail"]})}function Li({leftLabel:e,rightLabel:o,leftContent:a,rightContent:n,leftCode:i,rightCode:l,leftPasses:s,rightPasses:c}){return r.jsxs(t.Grid,{container:!0,spacing:3,children:[r.jsx(t.Grid,{item:!0,xs:12,md:6,children:r.jsxs(t.Box,{sx:{p:2,border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:"var(--Background)",height:"100%"},children:[r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",mb:2},children:[r.jsx(Qt,{style:{fontWeight:600},children:e}),r.jsx(Ei,{passes:s})]}),r.jsx(t.Box,{sx:{p:2,backgroundColor:"var(--Surface-Dim, var(--Surface))",borderRadius:"var(--Style-Border-Radius)",minHeight:80},children:a}),r.jsx(Ri,{code:i})]})}),r.jsx(t.Grid,{item:!0,xs:12,md:6,children:r.jsxs(t.Box,{sx:{p:2,border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:"var(--Background)",height:"100%"},children:[r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",mb:2},children:[r.jsx(Qt,{style:{fontWeight:600},children:o}),r.jsx(Ei,{passes:c})]}),r.jsx(t.Box,{sx:{p:2,backgroundColor:"var(--Surface-Dim, var(--Surface))",borderRadius:"var(--Style-Border-Radius)",minHeight:80},children:n}),r.jsx(Ri,{code:l})]})})]})}function Pi(){const[o,a]=e.useState("column"),[n,i]=e.useState(.5),[l,c]=e.useState("small"),[d,u]=e.useState(!0),[x,p]=e.useState(!1),[h,m]=e.useState(null),[f,g]=e.useState("Surface"),b={small:{label:"Small links ⚡",content:r.jsxs(r.Fragment,{children:[r.jsx(Ai,{href:"#",size:"small",children:"Terms of Service"}),r.jsx(Ai,{href:"#",size:"small",children:"Privacy Policy"}),r.jsx(Ai,{href:"#",size:"small",children:"Cookie Settings"})]})},chips:{label:"Chips ⚡",content:r.jsxs(r.Fragment,{children:[r.jsx(wi,{label:"React",size:"small"}),r.jsx(wi,{label:"TypeScript",size:"small"}),r.jsx(wi,{label:"Design System",size:"small"})]})},normal:{label:"Normal buttons",content:r.jsxs(r.Fragment,{children:[r.jsx(Zr,{variant:"primary",size:"medium",children:"Primary"}),r.jsx(Zr,{variant:"secondary",size:"medium",children:"Secondary"})]})},mixed:{label:"Mixed ⚡",content:r.jsxs(r.Fragment,{children:[r.jsx(Zr,{variant:"primary",size:"medium",children:"Save changes"}),r.jsx(Ai,{href:"#",size:"small",children:"Or discard"})]})}},v=["small","chips","mixed"].includes(l),y=d&&v;return r.jsxs(t.Grid,{container:!0,spacing:3,sx:{mt:1},children:[r.jsxs(t.Grid,{item:!0,xs:12,md:7,children:[r.jsx(Do,{theme:h,children:r.jsxs(t.Box,{sx:{width:"100%"},children:[y&&r.jsxs(t.Box,{sx:{mb:2,px:2,py:1,borderRadius:"var(--Style-Border-Radius)",backgroundColor:"var(--Tags-Warning-BG)",color:"var(--Tags-Warning-Text)",fontSize:"12px",fontWeight:600,display:"flex",alignItems:"center",gap:1},children:[r.jsx(s,{sx:{fontSize:16}}),"Small child detected — gap raised to var(--min-stack-gap)"]}),r.jsx(Ga,{direction:o,gap:n,enforceMinGap:d,flexWrap:x?"wrap":void 0,children:b[l].content})]})}),r.jsx(Ri,{code:(()=>{const e=["<OmniStack"];return"column"!==o&&e.push(' direction="'+o+'"'),e.push(" gap={"+n+"}"),d||e.push(" enforceMinGap={false}"),x&&e.push(' flexWrap="wrap"'),e.push(">"),e.push(" {children}"),e.push("</OmniStack>"),e.join("\n")})()})]}),r.jsx(t.Grid,{item:!0,xs:12,md:5,children:r.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",gap:3},children:[r.jsx(Ho,{theme:h,onThemeChange:m,surface:f,onSurfaceChange:g}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CHILDREN"}),r.jsx(t.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:Object.entries(b).map(([e,{label:t}])=>r.jsx(zi,{label:t,selected:l===e,onClick:()=>c(e)},e))})]}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DIRECTION"}),r.jsx(t.Box,{sx:{display:"flex",gap:1},children:["row","column"].map(e=>{return r.jsx(zi,{label:(t=e,t?t.charAt(0).toUpperCase()+t.slice(1):""),selected:o===e,onClick:()=>a(e)},e);var t})})]}),r.jsxs(t.Box,{children:[r.jsxs(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["GAP — ",n," unit",y?" → raised to var(--min-stack-gap)":""]}),r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:2},children:[r.jsx(t.Box,{component:"input",type:"range",min:0,max:6,step:.5,value:n,onChange:e=>i(Number(e.target.value)),sx:{flex:1,accentColor:"var(--Primary-Color-10)"}}),r.jsx(Kt,{style:{color:"var(--Text)",minWidth:24,textAlign:"right"},children:n})]})]}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),r.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",gap:1.5},children:[r.jsxs(t.Box,{sx:{display:"flex",alignItems:"flex-start",justifyContent:"space-between"},children:[r.jsxs(t.Box,{children:[r.jsx(Qt,{children:"Enforce min gap"}),r.jsx(Kt,{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"})]}),r.jsx(Ca,{checked:d,onChange:e=>u(e.target.checked),size:"small"})]}),r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[r.jsx(Qt,{children:"Flex wrap"}),r.jsx(Ca,{checked:x,onChange:e=>p(e.target.checked),size:"small"})]})]})]})]})})]})}const Mi={none:void 0,small:"var(--Sm-Card-Radius, var(--Card-Radius))",medium:"var(--Card-Radius)",large:"var(--Lg-Card-Radius, var(--Card-Radius))"};function Di({children:e,theme:o,surface:a,radius:n="none",elevation:i=0,component:l="div",className:s="",sx:c={},style:d,...u}){const x=Math.max(0,Math.min(5,0|i)),p=Mi[n];if(!x)return r.jsx(t.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",...p?{borderRadius:p}:{},...c},style:d,...u,children:e});const h=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}=h,I={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:z,borderRadius:R,...E}=c;return r.jsx(t.Box,{component:l,className:"omni-box-elevation"+(s?" "+s:""),"data-elevation":x,sx:{boxShadow:Pr[x],boxSizing:"border-box",width:A,height:z,borderRadius:void 0!==R?R:p},style:I,...u,children:r.jsx(t.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",...E},style:T,children:e})})}const Oi=["Surface","Surface-Dim","Surface-Bright","Container","Container-Low","Container-Lowest","Container-High"],Wi=["Default","Primary","Primary-Light","Secondary","Secondary-Light","Tertiary","Tertiary-Light","Neutral","Neutral-Light","Info-Light","Success-Light","Warning-Light","Error-Light"];function Fi({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function Hi({theme:e,surface:t="Surface",as:o="section",padding:a,className:n,style:i,children:l,...s}){return r.jsx(o,{...e?{"data-theme":e}:{},"data-surface":t,className:n,style:{background:"var(--Background)",color:"var(--Text)",...void 0!==a?{padding:a}:{},...i},...s,children:l})}const Ni=["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"],Vi="1.618034",Qi={"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":Vi+" / 1","Golden-Vertical":"1 / "+Vi},Gi={none:0,xs:1,sm:2,md:3,lg:4,xl:6};function qi({ratio:o="1:1",children:a,variant:n="default",color:i="default",padding:l="none",fit:s="width",placeholder:c=!0,elevated:d=!1,clickable:u=!1,onClick:x,maxWidth:p,maxHeight:h,component:m="div",className:f="",sx:g={},...b}){const v=Qi[o]||Qi["1:1"],y=(j="default"===i?"Default":i).charAt(0).toUpperCase()+j.slice(1);var j;const S=c&&0===e.Children.count(a),B="default"===i?void 0:y,k="dark"===n?"Surface-Dimmest":"light"===n?"Surface-Brightest":void 0,w=void 0!==Gi[l]?Gi[l]:Gi.none,C=u||!!x,T="default"===n,I=d?Rr:zr,A=d?Er:Rr;return r.jsx(t.Box,{component:m,onClick:C?x:void 0,role:C?"button":void 0,tabIndex:C?0:void 0,className:"ratio ratio-"+o.toLowerCase()+" ratio-"+n+(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!==p&&{maxWidth:p},...void 0!==h&&{maxHeight:h},border:T?"none":"1px solid var(--Border-Variant)",borderRadius:T?0:"var(--Style-Border-Radius)",boxShadow:T?"none":I,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:r.jsx(t.Box,{"data-theme":B||void 0,"data-surface":k,sx:{width:"100%",height:"100%",padding:w,backgroundColor:S?"var(--Border)":"var(--Background)",color:"var(--Text)",fontFamily:"inherit",borderRadius:T?0:"calc(var(--Style-Border-Radius) - 1px)",...S?{display:"flex",alignItems:"center",justifyContent:"center"}:{"& > *":{width:"100%",height:"100%"}}},children:S?r.jsx(hr,{size:"large",sx:{color:"var(--Background)"},children:r.jsx(Pe,{})}):a})})}const Ui=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Xi=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],$i=["default","solid","light","dark"],Ki=["none","xs","sm","md","lg","xl"];function Yi({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function Ji({color:e,selected:t,onClick:o,variant:n}){const i=Ui(e),l={solid:i,light:i+"-Light",dark:i,default:void 0};return r.jsx(Di,{component:"button","data-theme":l[n],"data-surface":{solid:"Surface",light:"Surface",dark:"Surface-Dimmest",default:"Surface"}[n],onClick:()=>o(e),"aria-label":"Select "+i,"aria-pressed":t,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Background)",border:t?"2px solid var(--Text)":"2px solid var(--Border)",outline:t?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:t&&r.jsx(a,{sx:{fontSize:16,color:"var(--Text)",pointerEvents:"none"}})})}const Zi=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",_i=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],el=[{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function tl({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function rl({color:e,selected:o,onClick:n}){const i=Zi(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const ol={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 al({children:o,separator:a="/",size:n="medium",condense:i=!1,maxItems:l=4,itemsBeforeCollapse:s=1,itemsAfterCollapse:c=1,backOnlyMobile:d=!1,onExpand:u,className:x="",sx:p={},...h}){const m=ol[n]||ol.medium,f=e.Children.toArray(o).filter(e.isValidElement),g=f.length,b=i&&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=r.jsx(t.Box,{component:"button",onClick:()=>{j(!0),u?.()},"aria-label":"Show full breadcrumb trail",className:"breadcrumb-ellipsis",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",background:"none",border:"none",padding:"2px 4px",cursor:"pointer",fontFamily:"inherit",fontSize:"inherit",color:"var(--Quiet)",borderRadius:"4px","&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"1px"}},children:"…"},"__breadcrumb-ellipsis");v=[...e,a,...o]}const S=[];v.forEach((e,o)=>{const n=b&&!y?o===v.length-1:o===g-1;var i;S.push(r.jsx(t.Box,{component:"li",className:"breadcrumb-item"+(n?" breadcrumb-current":""),sx:{display:"inline-flex",alignItems:"center",...n&&{color:"var(--Text)",fontWeight:600},...!n&&{color:"var(--Quiet)"},maxWidth:"200px","& > *":{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},...n?{"aria-current":"page"}:{},children:e},"crumb-"+o)),o<v.length-1&&S.push((i=o,r.jsx(t.Box,{component:"li",role:"presentation","aria-hidden":"true",className:"breadcrumb-separator",sx:{display:"inline-flex",alignItems:"center",color:"var(--Quiet)",userSelect:"none",fontSize:"inherit",lineHeight:1,flexShrink:0},children:a},"sep-"+i)))});const B=g>=2?f[g-2]:null;return r.jsxs(t.Box,{component:"nav","aria-label":"Breadcrumb",className:"breadcrumbs breadcrumbs-"+n+" "+x,sx:{fontSize:m.fontSize,fontFamily:"var(--Body-Font-Family)",lineHeight:1.5,...p},...h,children:[r.jsx(t.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&&r.jsxs(t.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:[r.jsx(t.Box,{component:"span","aria-hidden":"true",sx:{fontSize:"1.1em",lineHeight:1},children:"←"}),e.cloneElement(B,{style:{...B.props?.style||{},textDecoration:"underline",textUnderlineOffset:"3px"}})]})]})}function nl({children:e,href:o,className:a="",sx:n={},...i}){const l=!!o;return r.jsx(t.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"}},...n},...i,children:e})}const il=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"";function ll({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}const sl={small:{btnSize:"small",fontSize:"13px",gap:"2px"},medium:{btnSize:"medium",fontSize:"14px",gap:"4px"},large:{btnSize:"large",fontSize:"16px",gap:"4px"}};function cl({count:o=10,page:a,defaultPage:n=1,onChange:i,color:l="default",size:s="medium",siblingCount:c=1,boundaryCount:d=1,disabled:u=!1,showFirstButton:x=!1,showLastButton:p=!1,className:h="",sx:m={},...f}){const[g,b]=e.useState(n),v=void 0!==a,y=v?a:g;(e=>{e.charAt(0).toUpperCase(),e.slice(1)})("default"===l?"Default":l);const j=sl[s]||sl.medium,S=e.useCallback(e=>{const t=Math.max(1,Math.min(o,e));v||b(t),i?.(t)},[o,v,i]),B=function({count:e,page:t,siblingCount:r=1,boundaryCount:o=1}){const a=(e,t)=>Array.from({length:t-e+1},(t,r)=>e+r);if(2*r+3+2*o>=e)return a(1,e);const n=Math.max(t-r,o+1),i=Math.min(t+r,e-o),l=n>o+2,s=i<e-o-1;if(!l&&s)return[...a(1,Math.min(3+2*r+o,e)),"ellipsis-right",...a(e-o+1,e)];if(l&&!s){const t=a(Math.max(e-(3+2*r+o)+1,1),e);return[...a(1,o),"ellipsis-left",...t]}return l&&s?[...a(1,o),"ellipsis-left",...a(n,i),"ellipsis-right",...a(e-o+1,e)]:a(1,e)}({count:o,page:y,siblingCount:c,boundaryCount:d}),k="default"===l?"default":l;return r.jsx(t.Box,{component:"nav","aria-label":"Pagination",className:"pagination pagination-"+l+" pagination-"+s+" "+h,sx:{display:"inline-flex",...m},...f,children:r.jsxs(t.Box,{component:"ul",sx:{display:"flex",alignItems:"center",gap:j.gap,listStyle:"none",m:0,p:0,flexWrap:"wrap"},children:[x&&r.jsx(t.Box,{component:"li",children:r.jsx(Zr,{iconOnly:!0,variant:k+"-outline",size:j.btnSize,disabled:u||1===y,onClick:()=>S(1),"aria-label":"Go to first page",children:r.jsx(hr,{size:"small",children:r.jsx(Oe,{})})})}),r.jsx(t.Box,{component:"li",children:r.jsx(Zr,{iconOnly:!0,variant:k+"-outline",size:j.btnSize,disabled:u||1===y,onClick:()=>S(y-1),"aria-label":"Go to previous page",children:r.jsx(hr,{size:"small",children:r.jsx(Me,{})})})}),B.map((e,o)=>{if("string"==typeof e)return r.jsx(t.Box,{component:"li",children:r.jsx(Kt,{style:{color:"var(--Quiet)",padding:"0 4px"},"aria-hidden":"true",children:"…"})},e+"-"+o);const a=e===y;return r.jsx(t.Box,{component:"li",children:r.jsx(Zr,{variant:a?k:k+"-outline",size:j.btnSize,disabled:u,onClick:()=>S(e),"aria-label":"Page "+e,"aria-current":a?"page":void 0,letterNumber:!0,children:e})},e)}),r.jsx(t.Box,{component:"li",children:r.jsx(Zr,{iconOnly:!0,variant:k+"-outline",size:j.btnSize,disabled:u||y===o,onClick:()=>S(y+1),"aria-label":"Go to next page",children:r.jsx(hr,{size:"small",children:r.jsx(De,{})})})}),p&&r.jsx(t.Box,{component:"li",children:r.jsx(Zr,{iconOnly:!0,variant:k+"-outline",size:j.btnSize,disabled:u||y===o,onClick:()=>S(o),"aria-label":"Go to last page",children:r.jsx(hr,{size:"small",children:r.jsx(We,{})})})})]})})}const dl=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",ul=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function xl({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function pl({color:e,selected:o,onClick:n}){const i=dl(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const hl=e=>e.charAt(0).toUpperCase()+e.slice(1),ml={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"}},fl=e.createContext({open:!1,setOpen:()=>{},anchorRef:{current:null},menuId:"",buttonId:"",variant:"outline",color:"default",size:"medium"}),gl=()=>e.useContext(fl);function bl({children:o,variant:a="outline",color:n="default",size:i="medium",open:l,onOpenChange:s,...c}){const[d,u]=e.useState(!1),x=void 0!==l,p=x?l:d,h=e.useRef(null),m=e.useId(),f="menu-"+m,g="menubtn-"+m,b=e.useCallback(e=>{const t="function"==typeof e?e(p):e;x?s?.(t):u(t)},[x,p,s]);return r.jsx(fl.Provider,{value:{open:p,setOpen:b,anchorRef:h,menuId:f,buttonId:g,variant:a,color:n,size:i},children:r.jsx(t.Box,{sx:{display:"inline-flex",position:"relative"},...c,children:o})})}function vl({children:e,className:o="",sx:a={},...n}){const{open:i,setOpen:l,anchorRef:s,menuId:c,buttonId:d,size:u,color:p}=gl(),h=ml[u]||ml.medium,m=hl("default"===p?"Default":p);return r.jsxs(t.Box,{component:"button",ref:s,id:d,"aria-haspopup":"true","aria-expanded":i,"aria-controls":i?c:void 0,onClick:()=>l(e=>!e),className:"menu-button "+o,sx:{display:"inline-flex",alignItems:"center",gap:"6px",padding:h.itemPy+" "+h.itemPx,fontSize:h.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))},...n,children:["string"==typeof e?"small"===u?r.jsx(Qt,{style:{color:"inherit",fontWeight:600},children:e}):r.jsx(qt,{style:{color:"inherit",fontWeight:600},children:e}):e,r.jsx(hr,{size:"small",sx:{color:"var(--Quiet)",transition:"transform 0.2s ease",transform:i?"rotate(180deg)":"rotate(0deg)"},children:r.jsx(x,{})})]})}function yl({children:o,className:a="",placement:n="bottom-start",sx:i={},...l}){const{open:s,setOpen:c,anchorRef:d,menuId:u,buttonId:x,variant:p,color:h,size:m}=gl(),f=e.useRef(null),g=ml[m]||ml.medium,b=hl("default"===h?"Default":h),v="var(--Buttons-"+b+"-Border)",y="light"===p?"default"===h?"Default":b:"solid"===p?b:void 0,j="light"===p?"Surface-Brightest":"solid"===p?"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?r.jsx(t.Box,{className:"menu menu-"+p+" "+a,sx:{position:"absolute",top:"100%",left:"bottom-end"===n?"auto":0,right:"bottom-end"===n?0:"auto",zIndex:99999,marginTop:"4px",border:"1px solid "+v,borderRadius:"var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px)))",boxShadow:"none",overflow:"hidden",...i},children:r.jsx(t.Box,{ref:f,id:u,role:"menu","aria-labelledby":x,"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 t=f.current?.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])');if(!t?.length)return;const r=Array.from(t).indexOf(document.activeElement);"ArrowDown"===e.key?(e.preventDefault(),t[(r+1)%t.length].focus()):"ArrowUp"===e.key?(e.preventDefault(),t[(r-1+t.length)%t.length].focus()):"Home"===e.key?(e.preventDefault(),t[0].focus()):"End"===e.key?(e.preventDefault(),t[t.length-1].focus()):"Tab"===e.key&&c(!1)},...l,children:o})}):null}function jl({children:e,onClick:o,selected:a=!1,disabled:n=!1,className:i="",sx:l={},...s}){const{setOpen:c,size:d}=gl(),u=ml[d]||ml.medium,x=a?"small"===d?Ht:Ft:"small"===d?Qt:qt,p=()=>{n||(o?.(),c(!1))};return r.jsx(t.Box,{role:"menuitem",tabIndex:n?-1:0,"aria-disabled":n||void 0,"aria-selected":a||void 0,onClick:p,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),p())},className:"menu-item"+(a?" menu-item-selected":"")+" "+i,sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-1)",padding:u.itemPy+" "+u.itemPx,fontSize:u.fontSize,color:n?"var(--Quiet)":a?"var(--Text)":"var(--Quiet)",backgroundColor:a?"var(--Hover)":"transparent",cursor:n?"not-allowed":"pointer",opacity:n?.5:1,outline:"none",transition:"background-color 0.1s ease, color 0.1s ease",userSelect:"none",...!n&&{"&: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:r.jsx(x,{color:"standard",style:{color:"inherit"},children:e})})}function Sl({className:e="",sx:o={},...a}){return r.jsx(t.Box,{component:"hr",role:"separator",className:"menu-divider "+e,sx:{border:"none",borderTop:"1px solid var(--Border)",margin:"4px 0",...o},...a})}const Bl=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"]}];function wl({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function Cl({color:e,selected:o,onClick:n}){const i=Bl(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const Tl={default:"Nav-Bar",primary:"Primary","primary-light":"Primary-Light","primary-medium":"Primary-Medium","primary-dark":"Primary-Dark",white:"White",black:"Black"};function Il({items:o=[],value:a,defaultValue:n=0,onChange:i,showLabels:l=!0,labelOrientation:s="vertical",backfill:c=!0,barColor:d="default",fixed:u=!0,className:x="",sx:p={},...h}){const[m,f]=e.useState(n),g=void 0!==a,b=g?a:m,v=e.useCallback(e=>{g||f(e),i?.(e)},[g,i]),y="horizontal"===(o.length>4?"vertical":s),j=Tl[d]||Tl.default;return r.jsx(t.Box,{component:"nav",role:"navigation","aria-label":"Bottom navigation","data-theme":j,"data-surface":"Surface-Dim",className:"bottom-nav bottom-nav-"+d+(l?" bottom-nav-labels":"")+(y&&l?" bottom-nav-horizontal":"")+(c?" bottom-nav-backfill":"")+(u?" bottom-nav-fixed":"")+(x?" "+x:""),sx:{display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"var(--Background)",borderTop:"1px solid var(--Border)",fontFamily:"inherit",width:"100%",...u&&{position:"fixed",bottom:0,left:0,right:0,zIndex:1100},...p},...h,children:r.jsx(t.Box,{role:"tablist",sx:{display:"flex",alignItems:"center",justifyContent:"space-around",width:"100%",maxWidth:600,height:l&&!y?72:64,px:1},children:o.map((e,t)=>{const o=t===b;return r.jsx(Al,{icon:e.icon,label:e.label,selected:o,showLabel:l,horizontal:y,backfill:c,onClick:()=>v(t),ariaLabel:e.label||"Tab "+(t+1)},e.key||t)})})})}function Al({icon:e,label:o,selected:a,showLabel:n,horizontal:i,backfill:l,onClick:s,ariaLabel:c}){const d="var(--Text-Quiet)",u="var(--Text)",x="var(--Buttons-Primary-Text)",p=a?l?x:u:d,h=a?l&&i?x:u:d,m=!i,f=r.jsxs(t.Box,{sx:{display:"flex",flexDirection:i?"row":"column",alignItems:"center",justifyContent:"center",gap:i?.75:0,...a&&l&&{backgroundColor:"var(--Buttons-Primary-Button)",border:"1px solid var(--Buttons-Primary-Border)",borderRadius:"16px",px:i?2:2.5,py:.5},...a&&l?{}:{px:i?1:0,border:"1px solid transparent"},transition:"background-color 0.2s ease, border-color 0.2s ease"},children:[r.jsx(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",fontSize:"24px",color:p,transition:"color 0.15s ease","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"}},children:e}),n&&i&&o&&r.jsx(t.Box,{sx:{fontSize:"13px",fontWeight:a?600:500,color:a&&l?x:a?u:d,whiteSpace:"nowrap",lineHeight:1,transition:"color 0.15s ease"},children:o})]});return r.jsxs(t.Box,{component:"button",type:"button",role:"tab","aria-selected":a,"aria-label":c,onClick:s,sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",flex:1,gap:m&&n?.25:0,border:"none",backgroundColor:"transparent",cursor:"pointer",outline:"none",fontFamily:"inherit",py:1,minWidth:0,transition:"transform 0.1s ease","&:hover":{transform:"scale(1.04)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-2px",borderRadius:"8px"}},children:[f,n&&m&&o&&r.jsx(t.Box,{sx:{fontSize:"11px",fontWeight:a?600:400,color:h,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%",lineHeight:1.2,mt:.25,transition:"color 0.15s ease"},children:o})]})}const zl={Home:r.jsx(h,{sx:{fontSize:"inherit"}}),Explore:r.jsx(Fe,{sx:{fontSize:"inherit"}}),Radio:r.jsx(He,{sx:{fontSize:"inherit"}}),Library:r.jsx(Ne,{sx:{fontSize:"inherit"}}),Favorite:r.jsx(p,{sx:{fontSize:"inherit"}}),Person:r.jsx(n,{sx:{fontSize:"inherit"}}),Search:r.jsx(g,{sx:{fontSize:"inherit"}}),Settings:r.jsx(f,{sx:{fontSize:"inherit"}}),Notifications:r.jsx(v,{sx:{fontSize:"inherit"}}),Cart:r.jsx(j,{sx:{fontSize:"inherit"}}),Star:r.jsx(b,{sx:{fontSize:"inherit"}}),Bookmark:r.jsx(Ve,{sx:{fontSize:"inherit"}})},Rl=Object.keys(zl),El=[{icon:"Home",label:"Home"},{icon:"Explore",label:"Browse"},{icon:"Radio",label:"Radio"},{icon:"Library",label:"Library"}],Ll=[{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 Pl({label:e,selected:o,onClick:a,disabled:n}){return r.jsx(t.Box,{component:"button",onClick:a,disabled:n,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:n?"not-allowed":"pointer",border:"2px solid var(--Buttons-Primary-Button)",borderRadius:"var(--Style-Border-Radius)",backgroundColor: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:n?.4:1,transition:"background-color 0.15s ease, color 0.15s ease","&:hover":{backgroundColor:n?"transparent":o?"var(--Buttons-Primary-Hover)":"var(--Surface-Dim)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:e})}function Ml({value:e,onChange:o,placeholder:a,sx:n}){return r.jsx(t.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)"},...n}})}function Dl({value:e,onChange:o,options:a,label:n}){return r.jsx(t.Box,{component:"select",value:e,onChange:e=>o(e.target.value),"aria-label":n,sx:{padding:"4px 6px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",outline:"none",cursor:"pointer","&:focus":{borderColor:"var(--Focus-Visible)"}},children:a.map(e=>r.jsx("option",{value:"string"==typeof e?e:e.value,children:"string"==typeof e?e:e.label},"string"==typeof e?e:e.value))})}function Ol({value:e,onChange:o,min:a,max:n,label:i}){return r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",flexShrink:0,width:90},children:i}),r.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:"−"}),r.jsx(t.Box,{sx:{fontWeight:700,fontSize:"14px",minWidth:24,textAlign:"center"},children:e}),r.jsx("button",{type:"button",onClick:()=>{e<n&&o(e+1)},disabled:e>=n,style:{width:28,height:28,display:"flex",alignItems:"center",justifyContent:"center",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",cursor:e>=n?"not-allowed":"pointer",fontSize:"14px",opacity:e>=n?.4:1,fontFamily:"inherit"},children:"+"})]})}function Wl({label:e,checked:o,onChange:a,caption:n,disabled:i}){return r.jsxs(t.Box,{sx:{py:.5,opacity:i?.4:1},children:[r.jsx(t.FormControlLabel,{control:r.jsx(t.Checkbox,{checked:o,onChange:e=>a(e.target.checked),size:"small",disabled:i,sx:{color:"var(--Text-Quiet)","&.Mui-checked":{color:"var(--Buttons-Primary-Button)"}}}),label:r.jsx(Jt,{children:e}),sx:{m:0}}),n&&r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginLeft:32},children:n})]})}const Fl={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Hl={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}},Nl=e.createContext({orientation:"horizontal",size:"medium",color:"primary",activeStep:0,clickable:!1,onStepClick:null,dashedIncomplete:!1,totalSteps:0}),Vl=()=>e.useContext(Nl);function Ql({children:o,orientation:a="horizontal",size:n="medium",color:i="primary",activeStep:l=0,clickable:s=!1,onStepClick:c,dashedIncomplete:d=!1,className:u="",sx:x={},...p}){const h=e.Children.toArray(o).filter(e.isValidElement),m=h.length,f="horizontal"===a;return r.jsx(Nl.Provider,{value:{orientation:a,size:n,color:i,activeStep:l,clickable:s,onStepClick:c,dashedIncomplete:d,totalSteps:m},children:r.jsx(t.Box,{component:"ol",role:"list","aria-label":"Progress",className:"stepper stepper-"+a+" stepper-"+n+" stepper-"+i+" "+u,sx:{display:"flex",flexDirection:f?"row":"column",alignItems:f?"flex-start":"stretch",listStyle:"none",margin:0,padding:0,width:"100%",gap:0,...x},...p,children:h.map((t,r)=>e.cloneElement(t,{_index:r,key:t.key||r}))})})}function Gl({children:e,icon:o,label:a,_index:n=0,className:i="",sx:l={},...s}){const{orientation:c,size:d,color:u,activeStep:x,clickable:p,onStepClick:h,dashedIncomplete:m,totalSteps:f}=Vl(),g=Hl[d]||Hl.medium,b=Fl[u]||"Primary",v="horizontal"===c,y=n===x,j=n<x,S=n>x,B=n===f-1,k=o||n+1,w=a||e,C="var(--Buttons-"+b+"-Border)",T=y||j?"var(--Buttons-"+b+"-Button)":"transparent",I=y||j?"var(--Buttons-"+b+"-Text)":"var(--Text)",A=y||j?"var(--Buttons-"+b+"-Hover)":"var(--Hover)",z=y||j?"var(--Buttons-"+b+"-Pressed)":"var(--Pressed)",R=r.jsx(t.Box,{component:p?"button":"div",onClick:p?()=>h?.(n):void 0,onKeyDown:p?e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),h?.(n))}:void 0,tabIndex:p?0:void 0,role:p?"button":void 0,"aria-label":p?"Go to step "+(n+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":"")+(p?" 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:I,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:p?"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%"}},...p&&{"&:hover":{backgroundColor:A},"&:active":{backgroundColor:z},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px"}}},children:k}),E=B?null:r.jsx(t.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"}}),L=w?(()=>{const e="small"===d?Kt:Qt;return r.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?r.jsxs(t.Box,{component:"li",className:"step step-"+d+" step-horizontal"+(y?" step-active":"")+(j?" step-completed":"")+(S?" step-incomplete":"")+" "+i,sx:{display:"flex",alignItems:"center",flex:B?"none":1,...l},...s,children:[r.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",flexShrink:0},children:[R,L&&r.jsx(t.Box,{sx:{mt:"4px"},children:L})]}),E]}):r.jsxs(t.Box,{component:"li",className:"step step-"+d+" step-vertical"+(y?" step-active":"")+(j?" step-completed":"")+(S?" step-incomplete":"")+" "+i,sx:{display:"flex",flexDirection:"column",alignItems:"flex-start",...l},...s,children:[r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:"8px"},children:[R,L]}),E]})}const ql=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Ul=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Xl=["Account","Details","Review","Confirm","Complete","Done"];function $l({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function Kl({color:e,selected:o,onClick:n}){const i=ql(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}function Yl({actions:o=[],variant:a="solid",color:n="default",direction:i="up",speed:l=50,showTooltips:s=!0,open:c,onOpen:d,onClose:u,icon:x,ariaLabel:p="Speed Dial",className:h="",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),u?.()):(v||b(!0),d?.())},[y,v,d,u]),k=e.useCallback((e,t)=>{e.onClick?.(t),v||b(!1),u?.()},[v,u]);e.useEffect(()=>{if(!y)return;const e=e=>{j.current&&!j.current.contains(e.target)&&(v||b(!1),u?.())};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[y,v,u]),e.useEffect(()=>{if(!y)return;const e=e=>{"Escape"===e.key&&(v||b(!1),u?.())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[y,v,u]);const w="up"===i||"down"===i,C="up"===i||"down"===i?"left":"top",T=r.jsx(t.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",transition:"transform 0.3s ease",transform:y?"rotate(45deg)":"rotate(0deg)"},children:x||r.jsx(ve,{})});return r.jsxs(t.Box,{ref:j,className:"speed-dial speed-dial-"+a+" speed-dial-"+n+" speed-dial-"+i+" "+h,sx:{position:"relative",display:"inline-flex",overflow:"visible",width:w?"56px":"auto",height:w?"auto":"56px",...m},...f,children:[r.jsx(ln,{size:"large",variant:S,color:n,onClick:B,"aria-label":p,"aria-expanded":y,"aria-haspopup":"menu",sx:{position:"relative",zIndex:2},children:T}),r.jsx(t.Box,{role:"menu",sx:{position:"absolute",inset:0,pointerEvents:"none",overflow:"visible"},children:o.map((e,o)=>{const a=(e=>{const t=56+44*e;switch(i){case"up":default:return{bottom:t+"px",left:"12px"};case"down":return{top:t+"px",left:"12px"};case"left":return{right:t+"px",top:"12px"};case"right":return{left:t+"px",top:"12px"}}})(o),c=o*l,d=r.jsx(ln,{size:"small",variant:S,color:n,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||r.jsx(ve,{})},e.key||o);return s&&e.name?r.jsx(t.Tooltip,{title:e.name,placement:C,arrow:!0,open:!!y&&void 0,slotProps:{tooltip:{sx:{backgroundColor:"var(--Container)",color:"var(--Text)",fontSize:"12px",fontWeight:500,border:"1px solid var(--Border)",boxShadow:"0 2px 8px rgba(0,0,0,0.12)"}},arrow:{sx:{color:"var(--Container)"}}},children:d},e.key||o):d})})]})}const Jl=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Zl=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],_l=[{name:"Edit",icon:r.jsx(hr,{size:"small",sx:{color:"inherit"},children:r.jsx(Qe,{})})},{name:"Share",icon:r.jsx(hr,{size:"small",sx:{color:"inherit"},children:r.jsx(Ge,{})})},{name:"Delete",icon:r.jsx(hr,{size:"small",sx:{color:"inherit"},children:r.jsx(m,{})})},{name:"Favorite",icon:r.jsx(hr,{size:"small",sx:{color:"inherit"},children:r.jsx(p,{})})}];function es({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function ts({color:e,selected:o,onClick:n}){const i=Jl(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const rs={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",black:"BW",white:"BW"};function os(e,t){return"var(--"+(rs[e]||"Primary")+"-Color-"+t+")"}const as={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 ns(e,t){const r=as[e]||as.primary;return(r[t]||r.linear).map(e=>({...e}))}function is({variant:e="linear",color:o="primary",angle:a=135,stops:n=null,position:i=null,blobs:l=null,cardProps:s={},minHeight:c=300,children:d,className:u="",sx:x={},...p}){const h="meshCard"===e,m="mesh"===e||h,f="radial"===e,g="linear"===e||f,b=n||ns(o,f?"radial":"linear"),v=l||ns(o,h?"meshCard":"mesh"),y=m?function(e){if(!e||0===e.length)return"none";const t=e.map(e=>{const t=os(e.family,e.tone),r=e.spread||40;return"radial-gradient(circle at "+e.x+"% "+e.y+"%, "+t+" 0%, transparent "+r+"%)"}),r=os(e[0].family,e[0].tone);return t.push(r),t.join(", ")}(v):f?function(e,t){if(!e||0===e.length)return"none";const r=[...e].sort((e,t)=>e.position-t.position).map(e=>os(e.family,e.tone)+" "+e.position+"%"),o=t||{x:50,y:50};return"radial-gradient(circle at "+o.x+"% "+o.y+"%, "+r.join(", ")+")"}(b,i||{x:50,y:50}):function(e,t){return e&&0!==e.length?"linear-gradient("+t+"deg, "+[...e].sort((e,t)=>e.position-t.position).map(e=>os(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 h?r.jsx(t.Box,{className:"gradient gradient-mesh-card "+u,sx:{background:y,minHeight:c,borderRadius:"var(--Card-Radius)",display:"flex",alignItems:"center",justifyContent:"center",padding:"var(--Card-Padding)",position:"relative",overflow:"hidden",...x},...p,children:r.jsx(_a,{variant:"solid",...s,children:r.jsx(en,{children:d})})}):r.jsx(t.Box,{className:"gradient gradient-"+e+" "+u,sx:{background:y,minHeight:c,borderRadius:"var(--Card-Radius)",color:k,display:"flex",alignItems:"center",justifyContent:"center",position:"relative",overflow:"hidden",...x},...p,children:d})}["default","primary","secondary","tertiary","neutral"].map(e=>{return{value:e,label:(t=e,t?t.charAt(0).toUpperCase()+t.slice(1):"")};var t});const ls=e.createContext(null),ss=["Default","Primary-Light","Primary","Secondary-Light","Secondary","Tertiary-Light","Tertiary","Neutral-Light","Neutral","Error-Light","Success-Light","Warning-Light","Info-Light","Primary-Dark","Secondary-Dark","Tertiary-Dark","Neutral-Dark","Error-Dark","Success-Dark","Warning-Dark","Info-Dark","App-Bar","Nav-Bar","Status"],cs=["Professional","Modern","Bold","Playful"],ds=["Surface-Dimmest","Surface-Dim","Surface","Surface-Bright","Surface-Brightest","Container","Container-Low","Container-Lowest","Container-High","Container-Highest"],us={"light-tonal":{theme:"Primary",rootSurface:"Surface-Brightest"},"grey-professional":{theme:"Neutral",rootSurface:"Surface"},"dark-professional":{theme:"Neutral-Dark",rootSurface:"Surface"}},xs="omni-foundation",ps="omni-core",hs="omni-typography",ms="omni-mode",fs="omni-base",gs="omni-styles";function bs(e){document.getElementById(e)?.remove()}function vs(e,t,r){return t?function(e){return!(!e||"string"!=typeof e)&&(e.startsWith("http")||e.startsWith("/")||e.endsWith(".css"))}(t)?function(e,t,r){const o=document.getElementById(e);return o?"LINK"===o.tagName&&o.getAttribute("href")!==t?new Promise((e,r)=>{o.onload=()=>e(o),o.onerror=()=>r(new Error(`OmniDesignProvider: failed to load ${t}`)),o.setAttribute("href",t)}):Promise.resolve(o):new Promise((o,a)=>{const n=document.createElement("link");n.id=e,n.rel="stylesheet",n.setAttribute("data-omni","true"),n.onload=()=>o(n),n.onerror=()=>a(new Error(`OmniDesignProvider: failed to load ${t}`)),n.href=t;const i=r?document.getElementById(r):null;i?document.head.insertBefore(n,i):document.head.appendChild(n)})}(e,t,r):function(e,t,r){if(!t)return Promise.resolve(null);const o=document.getElementById(e);if(o)return o.textContent=t,Promise.resolve(o);const a=document.createElement("style");a.id=e,a.setAttribute("data-omni","true"),a.textContent=t;const n=r?document.getElementById(r):null;return n?document.head.insertBefore(a,n):document.head.appendChild(a),Promise.resolve(a)}(e,t,r):Promise.resolve(null)}function ys(){const t=e.useContext(ls);if(!t)throw new Error("useOmniDesign must be used inside a <OmniDesignProvider>");return t}const js=o=>e.forwardRef(function(e,a){return r.jsx(t.Slide,{direction:o,ref:a,...e})}),Ss={fade:e.forwardRef(function(e,o){return r.jsx(t.Fade,{ref:o,...e})}),grow:e.forwardRef(function(e,o){return r.jsx(t.Grow,{ref:o,...e})}),zoom:e.forwardRef(function(e,o){return r.jsx(t.Zoom,{ref:o,...e})}),"slide-up":js("up"),"slide-down":js("down"),"slide-left":js("left"),"slide-right":js("right")},Bs={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)"},ks={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},ws={color:"var(--Text)",fontFamily:"inherit",fontSize:"14px",lineHeight:1.6,py:3,px:3},Cs={borderTop:"1px solid var(--Border)",px:3,py:1.5,gap:1},Ts={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"}},Is={primary:{...Ts,backgroundColor:"var(--Buttons-Primary-Button)",color:"var(--Buttons-Primary-Text)",border:"1px solid var(--Buttons-Primary-Border)","&:hover":{backgroundColor:"var(--Buttons-Primary-Hover)"}},outline:{...Ts,backgroundColor:"transparent",color:"var(--Text)",border:"1px solid var(--Border)","&:hover":{backgroundColor:"var(--Hover)"}}};function As({open:e=!1,onClose:o,title:a,children:n,actions:i,maxWidth:l="sm",fullScreen:s=!1,scroll:c="body",alert:d=!1,nonModal:u=!1,transition:x,transitionDuration:p=300,titleId:h="dialog-title",contentId:m="dialog-description",className:f="",sx:g={},PaperProps:b={},...v}){const y=x?Ss[x]:void 0;let j;try{j=ys()}catch{j=null}const S=j?.theme||"Default",B=j?.style||"Modern",k=j?.surface||"Surface";return r.jsxs(t.Dialog,{open:e,onClose:(e,t)=>{d&&"backdropClick"===t||d&&"escapeKeyDown"===t||o?.(e,t)},maxWidth:!s&&l,fullScreen:s,fullWidth:!s,scroll:c,hideBackdrop:u,disableEnforceFocus:u,disableEscapeKeyDown:d,TransitionComponent:y,transitionDuration:p,"aria-labelledby":h,"aria-describedby":m,className:"dialog dialog-"+l+(s?" dialog-fullscreen":"")+(d?" dialog-alert":"")+(f?" "+f:""),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:{...Bs,...s&&{borderRadius:0,border:"none"},...b.sx},role:d?"alertdialog":"dialog"},...v,children:[a&&r.jsxs(t.DialogTitle,{id:h,sx:ks,children:[a,!d&&o&&r.jsx(t.IconButton,{"aria-label":"Close dialog",onClick:e=>o(e,"closeButton"),size:"small",sx:{color:"var(--Text-Quiet)","&:hover":{backgroundColor:"var(--Hover)"}},children:r.jsx(Se,{fontSize:"small"})})]}),r.jsx(t.DialogContent,{dividers:"paper"===c,sx:{...ws,..."paper"===c&&{maxHeight:s?"none":"400px",overflowY:"auto",borderColor:"var(--Border)"}},children:d?r.jsx(t.DialogContentText,{id:m,sx:{color:"var(--Text)",fontFamily:"inherit",fontSize:"14px",lineHeight:1.6},children:n}):r.jsx(t.Box,{id:m,children:n})}),i&&r.jsx(t.DialogActions,{sx:Cs,children:i})]})}function zs({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}const Rs={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info-Medium",success:"Success-Medium",warning:"Warning-Medium",error:"Error-Medium"},Es={primary:"Primary-Light",secondary:"Secondary-Light",tertiary:"Tertiary-Light",neutral:"Neutral-Light",info:"Info-Light",success:"Success-Light",warning:"Warning-Light",error:"Error-Light"},Ls={small:{maxWidth:400,padding:"24px"},medium:{maxWidth:560,padding:"32px"},large:{maxWidth:720,padding:"40px"}},Ps={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 Ms(e){const t=Ps[e];if(!t)return"";const{from:r,to:o}=t.enter,a=Object.entries(r).map(([e,t])=>e+":"+t).join(";"),n=Object.entries(o).map(([e,t])=>e+":"+t).join(";");return"@keyframes "+t.name+" { from {"+a+"} to {"+n+"} }@keyframes "+t.name+"-backdrop { from { opacity: 0 } to { opacity: 1 } }"}const Ds={small:{width:"240px",height:"200px"},medium:{width:"320px",height:"280px"},large:{width:"420px",height:"380px"}},Os={left:{borderRight:"1px solid var(--Border)"},right:{borderLeft:"1px solid var(--Border)"},top:{borderBottom:"1px solid var(--Border)"},bottom:{borderTop:"1px solid var(--Border)"}},Ws={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}},Fs={left:"translateX(-100%)",right:"translateX(100%)",top:"translateY(-100%)",bottom:"translateY(100%)"};function Hs({children:o,open:a=!1,onClose:n,size:i="medium",anchor:l="left",hideBackdrop:s=!1,className:c="",sx:d={},...u}){const x=e.useRef(null),p=e.useRef(null),h="left"===l||"right"===l;let m;try{m=ys()}catch{m=null}const f=m?.theme||"Default",g=m?.style||"Modern",b=Ds[i]||Ds.medium;e.useEffect(()=>{if(!a)return;const e=e=>{"Escape"===e.key&&n?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[a,n]),e.useEffect(()=>{a?(p.current=document.activeElement,requestAnimationFrame(()=>{const e=x.current?.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');e?e.focus():x.current?.focus()})):p.current&&(p.current.focus(),p.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||!x.current)return;const t=x.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(!t.length)return;const r=t[0],o=t[t.length-1];e.shiftKey?document.activeElement===r&&(e.preventDefault(),o.focus()):document.activeElement===o&&(e.preventDefault(),r.focus())},[]);return a?r.jsxs(r.Fragment,{children:[!s&&r.jsx(t.Box,{onClick:()=>n?.(),"aria-hidden":"true",sx:{position:"fixed",inset:0,zIndex:1e7,backgroundColor:"rgba(0, 0, 0, 0.5)",transition:"opacity 0.3s ease"}}),r.jsx(t.Box,{ref:x,role:"dialog","aria-modal":"true",tabIndex:-1,"data-theme":f,"data-style":g,"data-surface":"Surface-Dim",onKeyDown:v,className:"drawer drawer-"+i+" drawer-"+l+" "+c,sx:{position:"fixed",zIndex:10000001,...Ws[l],...h?{width:b.width,height:"100%"}:{height:b.height,width:"100%"},backgroundColor:"var(--Background)",color:"var(--Text)",...Os[l],boxShadow:Rr,display:"flex",flexDirection:"column",outline:"none",overflow:"hidden",animation:"drawer-slide-in 0.3s ease forwards","@keyframes drawer-slide-in":{from:{transform:Fs[l]},to:{transform:"translate(0, 0)"}},...d},...u,children:o})]}):null}function Ns({onClick:e,className:o="",sx:a={},...n}){return r.jsx(t.Box,{sx:{position:"absolute",top:"12px",right:"12px",zIndex:1,...a},className:o,...n,children:r.jsx(Zr,{iconOnly:!0,variant:"ghost",size:"small",onClick:e,"aria-label":"Close drawer",children:r.jsx(hr,{size:"small",children:r.jsx(Se,{})})})})}function Vs({children:e,className:o="",sx:a={},...n}){return r.jsx(t.Box,{className:"drawer-header "+o,sx:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px",borderBottom:"1px solid var(--Border)",flexShrink:0,...a},...n,children:e})}function Qs({children:e,className:o="",sx:a={},...n}){return r.jsx(t.Box,{className:"drawer-content "+o,sx:{flex:1,overflowY:"auto",padding:"16px",...a},...n,children:e})}function Gs(){return Gs=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},Gs.apply(null,arguments)}const qs={};function Us(e,t){const r=ct.useRef(qs);return r.current===qs&&(r.current=e(t)),r}function Xs(e,t,r,o){const a=Us($s).current;return function(e,t,r,o,a){return e.refs[0]!==t||e.refs[1]!==r||e.refs[2]!==o||e.refs[3]!==a}(a,e,t,r,o)&&function(e,t){if(e.refs=t,t.every(e=>null==e))return void(e.callback=null);e.callback=r=>{if(e.cleanup&&(e.cleanup(),e.cleanup=null),null!=r){const o=Array(t.length).fill(null);for(let e=0;e<t.length;e+=1){const a=t[e];if(null!=a)switch(typeof a){case"function":{const t=a(r);"function"==typeof t&&(o[e]=t);break}case"object":a.current=r}}e.cleanup=()=>{for(let e=0;e<t.length;e+=1){const r=t[e];if(null!=r)switch(typeof r){case"function":{const t=o[e];"function"==typeof t?t():r(null);break}case"object":r.current=null}}}}}}(a,[e,t,r,o]),a.callback}function $s(){return{callback:null,cleanup:null,refs:[]}}function Ks(e,t,r=void 0){const o={};for(const a in e){const n=e[a];let i="",l=!0;for(let e=0;e<n.length;e+=1){const o=n[e];o&&(i+=(!0===l?"":" ")+t(o),l=!1,r&&r[o]&&(i+=" "+r[o]))}o[a]=i}return o}function Ys(e){var t,r,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(r=Ys(e[t]))&&(o&&(o+=" "),o+=r)}else for(r in e)e[r]&&(o&&(o+=" "),o+=r);return o}function Js(){for(var e,t,r=0,o="",a=arguments.length;r<a;r++)(e=arguments[r])&&(t=Ys(e))&&(o&&(o+=" "),o+=t);return o}function Zs(e,t=[]){if(void 0===e)return{};const r={};return Object.keys(e).filter(r=>r.match(/^on[A-Z]/)&&"function"==typeof e[r]&&!t.includes(r)).forEach(t=>{r[t]=e[t]}),r}function _s(e){if(void 0===e)return{};const t={};return Object.keys(e).filter(t=>!(t.match(/^on[A-Z]/)&&"function"==typeof e[t])).forEach(r=>{t[r]=e[r]}),t}function ec(e,t,r){return"function"==typeof e?e(t,r):e}function tc(e){const{elementType:t,externalSlotProps:r,ownerState:o,skipResolvingSlotProps:a=!1,...n}=e,i=a?{}:ec(r,o),{props:l,internalRef:s}=function(e){const{getSlotProps:t,additionalProps:r,externalSlotProps:o,externalForwardedProps:a,className:n}=e;if(!t){const e=Js(r?.className,n,a?.className,o?.className),t={...r?.style,...a?.style,...o?.style},i={...r,...a,...o};return e.length>0&&(i.className=e),Object.keys(t).length>0&&(i.style=t),{props:i,internalRef:void 0}}const i=Zs({...a,...o}),l=_s(o),s=_s(a),c=t(i),d=Js(c?.className,r?.className,n,a?.className,o?.className),u={...c?.style,...r?.style,...a?.style,...o?.style},x={...c,...r,...s,...l};return d.length>0&&(x.className=d),Object.keys(u).length>0&&(x.style=u),{props:x,internalRef:c.ref}}({...n,externalSlotProps:i}),c=function(e,t,r){return void 0===e||"string"==typeof e?t:{...t,ownerState:{...t.ownerState,...r}}}(t,{...l,ref:function(...e){const t=ct.useRef(void 0),r=ct.useCallback(t=>{const r=e.map(e=>{if(null==e)return null;if("function"==typeof e){const r=e,o=r(t);return"function"==typeof o?o:()=>{r(null)}}return e.current=t,()=>{e.current=null}});return()=>{r.forEach(e=>e?.())}},e);return ct.useMemo(()=>e.every(e=>null==e)?null:e=>{t.current&&(t.current(),t.current=void 0),null!=e&&(t.current=r(e))},e)}(s,i?.ref,e.additionalProps?.ref)},o);return c}const rc=new Set;function oc(e,t="warning"){if("production"===process.env.NODE_ENV)return;const r=Array.isArray(e)?e.join("\n"):e;rc.has(r)||(rc.add(r),"error"===t?console.error(r):console.warn(r))}function ac(e){return qe.useThemeProps}const nc=e=>e,ic=(()=>{let e=nc;return{configure(t){e=t},generate:t=>e(t),reset(){e=nc}}})(),lc={active:"active",checked:"checked",completed:"completed",disabled:"disabled",error:"error",expanded:"expanded",focused:"focused",focusVisible:"focusVisible",open:"open",readOnly:"readOnly",required:"required",selected:"selected"};function sc(e,t,r="Mui"){const o=lc[t];return o?`${r}-${o}`:`${ic.generate(e)}-${t}`}function cc(e,t,r="Mui"){const o={};return t.forEach(t=>{o[t]=sc(e,t,r)}),o}function dc(e){return sc("MuiSimpleTreeView",e)}cc("MuiSimpleTreeView",["root","item","itemContent","itemGroupTransition","itemIconContainer","itemLabel","itemCheckbox"]);const uc=Object.freeze([]),xc=Object.freeze({}),pc=ct.createContext(null);"production"!==process.env.NODE_ENV&&(pc.displayName="TreeViewContext");const hc=()=>{const e=ct.useContext(pc);if(null==e)throw new Error(["MUI X: Could not find the Tree View context.","It looks like you rendered your component outside of a SimpleTreeView or RichTreeView parent component.","This can also happen if you are bundling multiple versions of the Tree View."].join("\n"));return e},mc=ct.createContext({classes:{},slots:{},slotProps:{}});"production"!==process.env.NODE_ENV&&(mc.displayName="TreeViewStyleContext");const fc=()=>ct.useContext(mc);function gc(e){const{store:t,apiRef:o,rootRef:a,classes:n=xc,slots:i=xc,slotProps:l=xc,children:s}=e,c=(e=>{const{store:t,apiRef:r,rootRef:o}=e,a=Us(()=>t.buildPublicAPI()).current;!function(e,t){null!=t&&null==t.current&&(t.current=e)}(a,r);const n=ct.useCallback(e=>{let r=null,o=null;const a=[],n={};t.itemPluginManager.listPlugins().forEach(t=>{const i=t({props:e,rootRef:r,contentRef:o});i?.rootRef&&(r=i.rootRef),i?.contentRef&&(o=i.contentRef),i?.propsEnhancers&&(a.push(i.propsEnhancers),Object.keys(i.propsEnhancers).forEach(e=>{n[e]=!0}))});const i=Object.fromEntries(Object.keys(n).map(e=>{return[e,(t=e,e=>{const r={};return a.forEach(o=>{const a=o[t];null!=a&&Object.assign(r,a(e))}),r})];var t}));return{contentRef:o,rootRef:r,propsEnhancers:i}},[t]),i=ct.useCallback(({itemId:e,children:r,idAttribute:o})=>{let a=r;const n=t.itemPluginManager.listWrappers();for(let r=n.length-1;r>=0;r-=1)a=(0,n[r])({store:t,itemId:e,children:a,idAttribute:o});return a},[t]);return ct.useMemo(()=>({runItemPlugins:n,wrapItem:i,publicAPI:a,store:t,rootRef:o}),[n,i,a,t,o])})({store:t,apiRef:o,rootRef:a}),d=ct.useMemo(()=>({classes:n,slots:{collapseIcon:i.collapseIcon,expandIcon:i.expandIcon,endIcon:i.endIcon},slotProps:{collapseIcon:l.collapseIcon,expandIcon:l.expandIcon,endIcon:l.endIcon}}),[n,i.collapseIcon,i.expandIcon,i.endIcon,l.collapseIcon,l.expandIcon,l.endIcon]);return r.jsx(pc.Provider,{value:c,children:r.jsx(mc.Provider,{value:d,children:s})})}function bc(e,t){if(null==e)return{};var r={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(-1!==t.indexOf(o))continue;r[o]=e[o]}return r}const vc=["apiRef","slots","slotProps","disabledItemsFocusable","onItemClick","itemChildrenIndentation","id","expandedItems","defaultExpandedItems","onExpandedItemsChange","onItemExpansionToggle","expansionTrigger","disableSelection","selectedItems","defaultSelectedItems","multiSelect","checkboxSelection","selectionPropagation","onSelectedItemsChange","onItemSelectionToggle","onItemFocus"];var yc=(e,t,r)=>{if(1===t.length&&t[0]===r){let t=!1;try{const r={};e(r)===r&&(t=!0)}catch{}if(t){let e;try{throw new Error}catch(t){({stack:e}=t)}console.warn("The result function returned its own inputs without modification. e.g\n`createSelector([state => state.todos], todos => todos)`\nThis could lead to inefficient memoization and unnecessary re-renders.\nEnsure transformation logic is in the result function, and extraction logic is in the input selectors.",{stack:e})}}},jc=(e,t,r)=>{const{memoize:o,memoizeOptions:a}=t,{inputSelectorResults:n,inputSelectorResultsCopy:i}=e,l=o(()=>({}),...a);if(!(l.apply(null,n)===l.apply(null,i))){let e;try{throw new Error}catch(t){({stack:e}=t)}console.warn("An input selector returned a different result when passed same arguments.\nThis means your output selector will likely run more frequently than intended.\nAvoid returning a new reference inside your input selector, e.g.\n`createSelector([state => state.todos.map(todo => todo.id)], todoIds => todoIds.length)`",{arguments:r,firstInputs:n,secondInputs:i,stack:e})}},Sc={inputStabilityCheck:"once",identityFunctionCheck:"once"},Bc=Symbol("NOT_FOUND");var kc=e=>Array.isArray(e)?e:[e];function wc(e){const t=Array.isArray(e[0])?e[0]:e;return function(e,t="expected all items to be functions, instead received the following types: "){if(!e.every(e=>"function"==typeof e)){const r=e.map(e=>"function"==typeof e?`function ${e.name||"unnamed"}()`:typeof e).join(", ");throw new TypeError(`${t}[${r}]`)}}(t,"createSelector expects all input-selectors to be functions, but received the following types: "),t}function Cc(e,t){const r=[],{length:o}=e;for(let a=0;a<o;a++)r.push(e[a].apply(null,t));return r}var Tc=(e,t)=>e===t;var Ic="undefined"!=typeof WeakRef?WeakRef:class{constructor(e){this.value=e}deref(){return this.value}};function Ac(){return{s:0,v:void 0,o:null,p:null}}function zc(e,t={}){let r={s:0,v:void 0,o:null,p:null};const{resultEqualityCheck:o}=t;let a,n=0;function i(){let t=r;const{length:i}=arguments;for(let e=0,r=i;e<r;e++){const r=arguments[e];if("function"==typeof r||"object"==typeof r&&null!==r){let e=t.o;null===e&&(t.o=e=new WeakMap);const o=e.get(r);void 0===o?(t=Ac(),e.set(r,t)):t=o}else{let e=t.p;null===e&&(t.p=e=new Map);const o=e.get(r);void 0===o?(t=Ac(),e.set(r,t)):t=o}}const l=t;let s;if(1===t.s)s=t.v;else if(s=e.apply(null,arguments),n++,o){const e=a?.deref?.()??a;null!=e&&o(e,s)&&(s=e,0!==n&&n--);a="object"==typeof s&&null!==s||"function"==typeof s?new Ic(s):s}return l.s=1,l.v=s,s}return i.clearCache=()=>{r={s:0,v:void 0,o:null,p:null},i.resetResultsCount()},i.resultsCount=()=>n,i.resetResultsCount=()=>{n=0},i}function Rc(e,...t){const r="function"==typeof e?{memoize:e,memoizeOptions:t}:e,o=(...e)=>{let t,o=0,a=0,n={},i=e.pop();"object"==typeof i&&(n=i,i=e.pop()),function(e,t="expected a function, instead received "+typeof e){if("function"!=typeof e)throw new TypeError(t)}(i,`createSelector expects an output function after the inputs, but received: [${typeof i}]`);const l={...r,...n},{memoize:s,memoizeOptions:c=[],argsMemoize:d=zc,argsMemoizeOptions:u=[],devModeChecks:x={}}=l,p=kc(c),h=kc(u),m=wc(e),f=s(function(){return o++,i.apply(null,arguments)},...p);let g=!0;const b=d(function(){a++;const e=Cc(m,arguments);if(t=f.apply(null,e),"production"!==process.env.NODE_ENV){const{identityFunctionCheck:r,inputStabilityCheck:o}=((e,t)=>{const{identityFunctionCheck:r,inputStabilityCheck:o}={...Sc,...t};return{identityFunctionCheck:{shouldRun:"always"===r||"once"===r&&e,run:yc},inputStabilityCheck:{shouldRun:"always"===o||"once"===o&&e,run:jc}}})(g,x);if(r.shouldRun&&r.run(i,e,t),o.shouldRun){const t=Cc(m,arguments);o.run({inputSelectorResults:e,inputSelectorResultsCopy:t},{memoize:s,memoizeOptions:p},arguments)}g&&(g=!1)}return t},...h);return Object.assign(b,{resultFunc:i,memoizedResultFunc:f,dependencies:m,dependencyRecomputations:()=>a,resetDependencyRecomputations:()=>{a=0},lastResult:()=>t,recomputations:()=>o,resetRecomputations:()=>{o=0},memoize:s,argsMemoize:d})};return Object.assign(o,{withTypes:()=>o}),o}var Ec=Rc(zc),Lc=Object.assign((e,t=Ec)=>{!function(e,t="expected an object, instead received "+typeof e){if("object"!=typeof e)throw new TypeError(t)}(e,"createStructuredSelector expects first argument to be an object where each property is a selector, instead received a "+typeof e);const r=Object.keys(e),o=t(r.map(t=>e[t]),(...e)=>e.reduce((e,t,o)=>(e[r[o]]=t,e),{}));return o},{withTypes:()=>Lc});const Pc=Rc({memoize:function(e,t){const r="object"==typeof t?t:{equalityCheck:t},{equalityCheck:o=Tc,maxSize:a=1,resultEqualityCheck:n}=r,i=function(e){return function(t,r){if(null===t||null===r||t.length!==r.length)return!1;const{length:o}=t;for(let a=0;a<o;a++)if(!e(t[a],r[a]))return!1;return!0}}(o);let l=0;const s=a<=1?function(e){let t;return{get:r=>t&&e(t.key,r)?t.value:Bc,put(e,r){t={key:e,value:r}},getEntries:()=>t?[t]:[],clear(){t=void 0}}}(i):function(e,t){let r=[];function o(e){const o=r.findIndex(r=>t(e,r.key));if(o>-1){const e=r[o];return o>0&&(r.splice(o,1),r.unshift(e)),e.value}return Bc}return{get:o,put:function(t,a){o(t)===Bc&&(r.unshift({key:t,value:a}),r.length>e&&r.pop())},getEntries:function(){return r},clear:function(){r=[]}}}(a,i);function c(){let t=s.get(arguments);if(t===Bc){if(t=e.apply(null,arguments),l++,n){const e=s.getEntries().find(e=>n(e.value,t));e&&(t=e.value,0!==l&&l--)}s.put(arguments,t)}return t}return c.clearCache=()=>{s.clear(),c.resetResultsCount()},c.resultsCount=()=>l,c.resetResultsCount=()=>{l=0},c},memoizeOptions:{maxSize:1,equalityCheck:Object.is}}),Mc=(e,t,r,o,a,n,i,l,...s)=>{if(s.length>0)throw new Error("Unsupported number of selectors");let c;if(e&&t&&r&&o&&a&&n&&i&&l)c=(s,c,d,u)=>{const x=e(s,c,d,u),p=t(s,c,d,u),h=r(s,c,d,u),m=o(s,c,d,u),f=a(s,c,d,u),g=n(s,c,d,u),b=i(s,c,d,u);return l(x,p,h,m,f,g,b,c,d,u)};else if(e&&t&&r&&o&&a&&n&&i)c=(l,s,c,d)=>{const u=e(l,s,c,d),x=t(l,s,c,d),p=r(l,s,c,d),h=o(l,s,c,d),m=a(l,s,c,d),f=n(l,s,c,d);return i(u,x,p,h,m,f,s,c,d)};else if(e&&t&&r&&o&&a&&n)c=(i,l,s,c)=>{const d=e(i,l,s,c),u=t(i,l,s,c),x=r(i,l,s,c),p=o(i,l,s,c),h=a(i,l,s,c);return n(d,u,x,p,h,l,s,c)};else if(e&&t&&r&&o&&a)c=(n,i,l,s)=>{const c=e(n,i,l,s),d=t(n,i,l,s),u=r(n,i,l,s),x=o(n,i,l,s);return a(c,d,u,x,i,l,s)};else if(e&&t&&r&&o)c=(a,n,i,l)=>{const s=e(a,n,i,l),c=t(a,n,i,l),d=r(a,n,i,l);return o(s,c,d,n,i,l)};else if(e&&t&&r)c=(o,a,n,i)=>{const l=e(o,a,n,i),s=t(o,a,n,i);return r(l,s,a,n,i)};else if(e&&t)c=(r,o,a,n)=>{const i=e(r,o,a,n);return t(i,o,a,n)};else{if(!e)throw new Error("Missing arguments");c=e}return c},Dc=(...e)=>{const t=new WeakMap;let r=1;const o=e[e.length-1],a=e.length-1||1,n=Math.max(o.length-a,0);if(n>3)throw new Error("Unsupported number of arguments");return(a,i,l,s)=>{let c=a.__cacheKey__;c||(c={id:r},a.__cacheKey__=c,r+=1);let d=t.get(c);if(!d){const r=1===e.length?[e=>e,o]:e;let a=e;const i=[void 0,void 0,void 0];switch(n){case 0:break;case 1:a=[...r.slice(0,-1),()=>i[0],o];break;case 2:a=[...r.slice(0,-1),()=>i[0],()=>i[1],o];break;case 3:a=[...r.slice(0,-1),()=>i[0],()=>i[1],()=>i[2],o];break;default:throw new Error("Unsupported number of arguments")}d=Pc(...a),d.selectorArgs=i,t.set(c,d)}switch(n){case 3:d.selectorArgs[2]=s;case 2:d.selectorArgs[1]=l;case 1:d.selectorArgs[0]=i}switch(n){case 0:return d(a);case 1:return d(a,i);case 2:return d(a,i,l);case 3:return d(a,i,l,s);default:throw new Error("unreachable")}}};var Oc,Wc={exports:{}},Fc={};var Hc,Nc={};
15
15
  /**
16
16
  * @license React
17
17
  * use-sync-external-store-shim.development.js
@@ -20,7 +20,7 @@ object-assign
20
20
  *
21
21
  * This source code is licensed under the MIT license found in the
22
22
  * LICENSE file in the root directory of this source tree.
23
- */"production"===process.env.NODE_ENV?Tc.exports=function(){if(wc)return Ic;wc=1;var t=e,r="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},o=t.useState,a=t.useEffect,n=t.useLayoutEffect,i=t.useDebugValue;function l(e){var t=e.getSnapshot;e=e.value;try{var o=t();return!r(e,o)}catch(e){return!0}}var s="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t){return t()}:function(e,t){var r=t(),s=o({inst:{value:r,getSnapshot:t}}),c=s[0].inst,d=s[1];return n(function(){c.value=r,c.getSnapshot=t,l(c)&&d({inst:c})},[e,r,t]),a(function(){return l(c)&&d({inst:c}),e(function(){l(c)&&d({inst:c})})},[e]),i(r),r};return Ic.useSyncExternalStore=void 0!==t.useSyncExternalStore?t.useSyncExternalStore:s,Ic}():Tc.exports=(Ac||(Ac=1,"production"!==process.env.NODE_ENV&&function(){function t(e){var t=e.getSnapshot;e=e.value;try{var r=t();return!o(e,r)}catch(e){return!0}}"undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var r=e,o="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},a=r.useState,n=r.useEffect,i=r.useLayoutEffect,l=r.useDebugValue,s=!1,c=!1,d="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t){return t()}:function(e,d){s||void 0===r.startTransition||(s=!0,console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));var u=d();if(!c){var x=d();o(u,x)||(console.error("The result of getSnapshot should be cached to avoid an infinite loop"),c=!0)}var p=(x=a({inst:{value:u,getSnapshot:d}}))[0].inst,h=x[1];return i(function(){p.value=u,p.getSnapshot=d,t(p)&&h({inst:p})},[e,u,d]),n(function(){return t(p)&&h({inst:p}),e(function(){t(p)&&h({inst:p})})},[e]),l(u),u};zc.useSyncExternalStore=void 0!==r.useSyncExternalStore?r.useSyncExternalStore:d,"undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())}()),zc);var Rc,Ec=Tc.exports,Lc={exports:{}},Pc={};var Oc,Dc={};
23
+ */"production"===process.env.NODE_ENV?Wc.exports=function(){if(Oc)return Fc;Oc=1;var t=e,r="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},o=t.useState,a=t.useEffect,n=t.useLayoutEffect,i=t.useDebugValue;function l(e){var t=e.getSnapshot;e=e.value;try{var o=t();return!r(e,o)}catch(e){return!0}}var s="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t){return t()}:function(e,t){var r=t(),s=o({inst:{value:r,getSnapshot:t}}),c=s[0].inst,d=s[1];return n(function(){c.value=r,c.getSnapshot=t,l(c)&&d({inst:c})},[e,r,t]),a(function(){return l(c)&&d({inst:c}),e(function(){l(c)&&d({inst:c})})},[e]),i(r),r};return Fc.useSyncExternalStore=void 0!==t.useSyncExternalStore?t.useSyncExternalStore:s,Fc}():Wc.exports=(Hc||(Hc=1,"production"!==process.env.NODE_ENV&&function(){function t(e){var t=e.getSnapshot;e=e.value;try{var r=t();return!o(e,r)}catch(e){return!0}}"undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var r=e,o="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},a=r.useState,n=r.useEffect,i=r.useLayoutEffect,l=r.useDebugValue,s=!1,c=!1,d="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t){return t()}:function(e,d){s||void 0===r.startTransition||(s=!0,console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));var u=d();if(!c){var x=d();o(u,x)||(console.error("The result of getSnapshot should be cached to avoid an infinite loop"),c=!0)}var p=(x=a({inst:{value:u,getSnapshot:d}}))[0].inst,h=x[1];return i(function(){p.value=u,p.getSnapshot=d,t(p)&&h({inst:p})},[e,u,d]),n(function(){return t(p)&&h({inst:p}),e(function(){t(p)&&h({inst:p})})},[e]),l(u),u};Nc.useSyncExternalStore=void 0!==r.useSyncExternalStore?r.useSyncExternalStore:d,"undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())}()),Nc);var Vc,Qc=Wc.exports,Gc={exports:{}},qc={};var Uc,Xc={};
24
24
  /**
25
25
  * @license React
26
26
  * use-sync-external-store-shim/with-selector.development.js
@@ -29,7 +29,7 @@ object-assign
29
29
  *
30
30
  * This source code is licensed under the MIT license found in the
31
31
  * LICENSE file in the root directory of this source tree.
32
- */"production"===process.env.NODE_ENV?Lc.exports=function(){if(Rc)return Pc;Rc=1;var t=e,r=Ec,o="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},a=r.useSyncExternalStore,n=t.useRef,i=t.useEffect,l=t.useMemo,s=t.useDebugValue;return Pc.useSyncExternalStoreWithSelector=function(e,t,r,c,d){var u=n(null);if(null===u.current){var x={hasValue:!1,value:null};u.current=x}else x=u.current;u=l(function(){function e(e){if(!i){if(i=!0,a=e,e=c(e),void 0!==d&&x.hasValue){var t=x.value;if(d(t,e))return n=t}return n=e}if(t=n,o(a,e))return t;var r=c(e);return void 0!==d&&d(t,r)?(a=e,t):(a=e,n=r)}var a,n,i=!1,l=void 0===r?null:r;return[function(){return e(t())},null===l?void 0:function(){return e(l())}]},[t,r,c,d]);var p=a(e,u[0],u[1]);return i(function(){x.hasValue=!0,x.value=p},[p]),s(p),p},Pc}():Lc.exports=(Oc||(Oc=1,"production"!==process.env.NODE_ENV&&function(){"undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var t=e,r=Ec,o="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},a=r.useSyncExternalStore,n=t.useRef,i=t.useEffect,l=t.useMemo,s=t.useDebugValue;Dc.useSyncExternalStoreWithSelector=function(e,t,r,c,d){var u=n(null);if(null===u.current){var x={hasValue:!1,value:null};u.current=x}else x=u.current;u=l(function(){function e(e){if(!i){if(i=!0,a=e,e=c(e),void 0!==d&&x.hasValue){var t=x.value;if(d(t,e))return n=t}return n=e}if(t=n,o(a,e))return t;var r=c(e);return void 0!==d&&d(t,r)?(a=e,t):(a=e,n=r)}var a,n,i=!1,l=void 0===r?null:r;return[function(){return e(t())},null===l?void 0:function(){return e(l())}]},[t,r,c,d]);var p=a(e,u[0],u[1]);return i(function(){x.hasValue=!0,x.value=p},[p]),s(p),p},"undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())}()),Dc);var Mc=Lc.exports;const Wc=parseInt(ct.version,10)>=19?function(e,t,r,o,a){const n=ct.useCallback(()=>t(e.getSnapshot(),r,o,a),[e,t,r,o,a]);return Ec.useSyncExternalStore(e.subscribe,n,n)}:function(e,t,r,o,a){return Mc.useSyncExternalStoreWithSelector(e.subscribe,e.getSnapshot,e.getSnapshot,e=>t(e,r,o,a))};function Fc(e,t,r,o,a){return Wc(e,t,r,o,a)}class Nc{static create(e){return new Nc(e)}constructor(e){this.state=e,this.listeners=new Set,this.updateTick=0}subscribe=e=>(this.listeners.add(e),()=>{this.listeners.delete(e)});getSnapshot=()=>this.state;setState(e){this.state=e,this.updateTick+=1;const t=this.updateTick,r=this.listeners.values();let o;for(;o=r.next(),!o.done;){if(t!==this.updateTick)return;(0,o.value)(e)}}update(e){for(const t in e)if(!Object.is(this.state[t],e[t]))return void this.setState(Ls({},this.state,e))}set(e,t){Object.is(this.state[e],t)||this.setState(Ls({},this.state,{[e]:t}))}use=(()=>(e,t,r,o)=>Fc(this,e,t,r,o))()}const Hc=kc(e=>e.providedTreeId??e.treeId),Vc={treeId:Hc,treeItemIdAttribute:kc(Hc,(e,t,r)=>null!=r?r:`${e??""}-${t}`)},Qc="__TREE_VIEW_ROOT_PARENT_ID__",Gc=e=>{const t={};return e.forEach((e,r)=>{t[e]=r}),t},qc=(e,t)=>{if(null==t)return!1;let r=e[t];if(!r)return!1;if(r.disabled)return!0;for(;null!=r.parentId;){if(r=e[r.parentId],!r)return!1;if(r.disabled)return!0}return!1};function Uc(e){const{storeParameters:t,items:r,parentId:o,depth:a,isItemExpandable:n,otherItemsMetaLookup:i}=e,l={},s={},c=[],d=[],u=e=>{const r=t.getItemId?t.getItemId(e):e.id;!function({id:e,parentId:t,item:r,itemMetaLookup:o,siblingsMetaLookup:a}){if(null==e)throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.","Alternatively, you can use the `getItemId` prop to specify a custom id for each item.","An item was provided without id in the `items` prop:",JSON.stringify(r)].join("\n"));if(null!=a[e]||null!=o[e]&&o[e].parentId!==t)throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.","Alternatively, you can use the `getItemId` prop to specify a custom id for each item.",`Two items were provided with the same id in the \`items\` prop: "${e}"`].join("\n"))}({id:r,parentId:o,item:e,itemMetaLookup:i,siblingsMetaLookup:l});const u=t.getItemLabel?t.getItemLabel(e):e.label;if(null==u)throw new Error(["MUI X: The Tree View component requires all items to have a `label` property.","Alternatively, you can use the `getItemLabel` prop to specify a custom label for each item.","An item was provided without label in the `items` prop:",JSON.stringify(e)].join("\n"));const x=(t.getItemChildren?t.getItemChildren(e):e.children)||[];d.push({id:r,children:x}),s[r]=e,l[r]={id:r,label:u,parentId:o,idAttribute:void 0,expandable:n(e,x),disabled:!!t.isItemDisabled&&t.isItemDisabled(e),selectable:!t.isItemSelectionDisabled||!t.isItemSelectionDisabled(e),depth:a},c.push(r)};for(const e of r)u(e);return{metaLookup:l,modelLookup:s,orderedChildrenIds:c,childrenIndexes:Gc(c),itemsChildren:d}}const Xc=[],Kc={domStructure:kc(e=>e.domStructure),disabledItemFocusable:kc(e=>e.disabledItemsFocusable),itemMetaLookup:kc(e=>e.itemMetaLookup),itemOrderedChildrenIdsLookup:kc(e=>e.itemOrderedChildrenIdsLookup),itemMeta:kc((e,t)=>e.itemMetaLookup[t??Qc]??null),itemOrderedChildrenIds:kc((e,t)=>e.itemOrderedChildrenIdsLookup[t??Qc]??Xc),itemModel:kc((e,t)=>e.itemModelLookup[t]),isItemDisabled:kc((e,t)=>qc(e.itemMetaLookup,t)),itemIndex:kc((e,t)=>{const r=e.itemMetaLookup[t];if(null==r)return-1;return e.itemChildrenIndexesLookup[r.parentId??Qc][r.id]}),itemParentId:kc((e,t)=>e.itemMetaLookup[t]?.parentId??null),itemDepth:kc((e,t)=>e.itemMetaLookup[t]?.depth??0),canItemBeFocused:kc((e,t)=>e.disabledItemsFocusable||null!=e.itemModelLookup[t]&&!qc(e.itemMetaLookup,t)),itemChildrenIndentation:kc(e=>e.itemChildrenIndentation)};class Jc{constructor(e){this.store=e}static shouldRebuildItemsState=(e,t)=>["items","isItemDisabled","isItemSelectionDisabled","getItemId","getItemLabel","getItemChildren"].some(r=>{const o=r;return e[o]!==t[o]});static buildItemsStateIfNeeded=e=>{const t={},r={},o={},a={};return function n(i,l,s){const c=l??Qc,{metaLookup:d,modelLookup:u,orderedChildrenIds:x,childrenIndexes:p,itemsChildren:h}=Uc({storeParameters:e,items:i,parentId:l,depth:s,isItemExpandable:(e,t)=>!!t&&t.length>0,otherItemsMetaLookup:t});Object.assign(t,d),Object.assign(r,u),o[c]=x,a[c]=p;for(const e of h)n(e.children||[],e.id,s+1)}(e.items,null,0),{itemMetaLookup:t,itemModelLookup:r,itemOrderedChildrenIdsLookup:o,itemChildrenIndexesLookup:a}};getItem=e=>Kc.itemModel(this.store.state,e);getItemTree=()=>{const e=t=>{const r=Ls({},Kc.itemModel(this.store.state,t)),o=Kc.itemOrderedChildrenIds(this.store.state,t);return o.length>0?r.children=o.map(e):delete r.children,r};return Kc.itemOrderedChildrenIds(this.store.state,null).map(e)};getItemOrderedChildrenIds=e=>Kc.itemOrderedChildrenIds(this.store.state,e);getParentId=e=>{const t=Kc.itemMeta(this.store.state,e);return t?.parentId||null};setIsItemDisabled=({itemId:e,shouldBeDisabled:t})=>{if(!this.store.state.itemMetaLookup[e])return;const r=Ls({},this.store.state.itemMetaLookup);r[e]=Ls({},r[e],{disabled:t??!r[e].disabled}),this.store.set("itemMetaLookup",r)};buildPublicAPI=()=>({getItem:this.getItem,getItemDOMElement:this.getItemDOMElement,getItemOrderedChildrenIds:this.getItemOrderedChildrenIds,getItemTree:this.getItemTree,getParentId:this.getParentId,setIsItemDisabled:this.setIsItemDisabled});getItemDOMElement=e=>{const t=Kc.itemMeta(this.store.state,e);if(null==t)return null;const r=Vc.treeItemIdAttribute(this.store.state,e,t.idAttribute);return document.getElementById(r)};setItemChildren=({items:e,parentId:t,getChildrenCount:r})=>{const o=t??Qc,a=null==t?-1:Kc.itemDepth(this.store.state,t),{metaLookup:n,modelLookup:i,orderedChildrenIds:l,childrenIndexes:s}=Uc({storeParameters:this.store.parameters,items:e,parentId:t,depth:a+1,isItemExpandable:r?e=>0!==r(e):()=>!1,otherItemsMetaLookup:Kc.itemMetaLookup(this.store.state)});this.store.update({itemModelLookup:Ls({},this.store.state.itemModelLookup,i),itemMetaLookup:Ls({},this.store.state.itemMetaLookup,n),itemOrderedChildrenIdsLookup:Ls({},this.store.state.itemOrderedChildrenIdsLookup,{[o]:l}),itemChildrenIndexesLookup:Ls({},this.store.state.itemChildrenIndexesLookup,{[o]:s})})};removeChildren=e=>{const t=this.store.state.itemMetaLookup,r=Object.keys(t).reduce((r,o)=>{const a=t[o];return a.parentId===e?r:Ls({},r,{[a.id]:a})},{}),o=Ls({},this.store.state.itemOrderedChildrenIdsLookup),a=Ls({},this.store.state.itemChildrenIndexesLookup),n=e??Qc;delete a[n],delete o[n],this.store.update({itemMetaLookup:r,itemOrderedChildrenIdsLookup:o,itemChildrenIndexesLookup:a})};handleItemClick=(e,t)=>{this.store.parameters.onItemClick?.(e,t)}}const Yc=Cc(e=>e.selectedItems,e=>Array.isArray(e)?e:null!=e?[e]:[]),Zc=Cc(Yc,e=>{const t=new Map;return e.forEach(e=>{t.set(e,!0)}),t}),$c=kc((e,t)=>e.itemMetaLookup[t]?.selectable??!0),_c={selectedItemsRaw:kc(e=>e.selectedItems),selectedItems:Yc,selectedItemsMap:Zc,enabled:kc(e=>!e.disableSelection),isMultiSelectEnabled:kc(e=>e.multiSelect),isCheckboxSelectionEnabled:kc(e=>e.checkboxSelection),propagationRules:kc(e=>e.selectionPropagation),isItemSelected:kc(Zc,(e,t)=>e.has(t)),isFeatureEnabledForItem:kc($c,e=>!e.disableSelection,(e,t,r)=>t&&e),canItemBeSelected:kc(Kc.isItemDisabled,$c,e=>!e.disableSelection,(e,t,r,o)=>r&&!e&&t),isItemSelectable:$c},ed=kc((e,t)=>{if(_c.isItemSelected(e,t))return"checked";let r=!1,o=!1;const a=n=>{n!==t&&(_c.isItemSelected(e,n)?r=!0:o=!0),Kc.itemOrderedChildrenIds(e,n).forEach(a)};a(t);return _c.propagationRules(e).parents?r&&o?"indeterminate":r&&!o?"checked":"empty":r?"indeterminate":"empty"}),td=({props:e})=>{const{itemId:t}=e,{store:r}=oc(),o=Fc(r,_c.isCheckboxSelectionEnabled),a=Fc(r,_c.isFeatureEnabledForItem,t),n=Fc(r,_c.canItemBeSelected,t),i=Fc(r,ed,t);return{propsEnhancers:{root:()=>{let e;return e="checked"===i||("indeterminate"===i?"mixed":!n&&void 0),{"aria-checked":e}},checkbox:({externalEventHandlers:e,interactions:l})=>({tabIndex:-1,onChange:o=>{e.onChange?.(o),o.defaultMuiPrevented||_c.canItemBeSelected(r.state,t)&&l.handleCheckboxSelection(o)},visible:o&&a,disabled:!n,checked:"checked"===i,indeterminate:"indeterminate"===i})}}},rd=Cc(e=>e.expandedItems,e=>{const t=new Map;return e.forEach(e=>{t.set(e,!0)}),t}),od={expandedItemsRaw:kc(e=>e.expandedItems),expandedItemsMap:rd,flatList:Cc(Kc.itemOrderedChildrenIdsLookup,rd,(e,t)=>(e[Qc]??[]).flatMap(function r(o){if(!t.has(o))return[o];const a=[o],n=e[o]||[];for(const e of n)a.push(...r(e));return a})),triggerSlot:kc(e=>e.expansionTrigger),isItemExpanded:kc(rd,(e,t)=>e.has(t)),isItemExpandable:kc(Kc.itemMeta,(e,t)=>e?.expandable??!1)},ad=(e,t)=>{let r=t.length-1;for(;r>=0&&!Kc.canItemBeFocused(e,t[r]);)r-=1;if(-1!==r)return t[r]},nd=(e,t)=>{const r=Kc.itemMeta(e,t);if(!r)return null;const o=Kc.itemOrderedChildrenIds(e,r.parentId),a=Kc.itemIndex(e,t);if(0===a)return r.parentId;let n=a-1;for(;!Kc.canItemBeFocused(e,o[n])&&n>=0;)n-=1;if(-1===n)return null==r.parentId?null:nd(e,r.parentId);let i=o[n],l=ad(e,Kc.itemOrderedChildrenIds(e,i));for(;od.isItemExpanded(e,i)&&null!=l;)i=l,l=ad(e,Kc.itemOrderedChildrenIds(e,i));return i},id=(e,t)=>{if(od.isItemExpanded(e,t)){const r=Kc.itemOrderedChildrenIds(e,t).find(t=>Kc.canItemBeFocused(e,t));if(null!=r)return r}let r=Kc.itemMeta(e,t);for(;null!=r;){const t=Kc.itemOrderedChildrenIds(e,r.parentId),o=Kc.itemIndex(e,r.id);if(o<t.length-1){let r=o+1;for(;!Kc.canItemBeFocused(e,t[r])&&r<t.length-1;)r+=1;if(Kc.canItemBeFocused(e,t[r]))return t[r]}r=Kc.itemMeta(e,r.parentId)}return null},ld=e=>{let t=null;for(;null==t||od.isItemExpanded(e,t);){const r=Kc.itemOrderedChildrenIds(e,t),o=ad(e,r);if(null==o)return t;t=o}return t},sd=e=>Kc.itemOrderedChildrenIds(e,null).find(t=>Kc.canItemBeFocused(e,t)),cd=(e,t,r)=>{if(t===r)return[t,r];const o=Kc.itemMeta(e,t),a=Kc.itemMeta(e,r);if(!o||!a)return[t,r];if(o.parentId===a.id||a.parentId===o.id)return a.parentId===o.id?[o.id,a.id]:[a.id,o.id];const n=[o.id],i=[a.id];let l=o.parentId,s=a.parentId,c=-1!==i.indexOf(l),d=-1!==n.indexOf(s),u=!0,x=!0;for(;!d&&!c;)u&&(n.push(l),c=-1!==i.indexOf(l),u=null!==l,!c&&u&&(l=Kc.itemParentId(e,l))),x&&!c&&(i.push(s),d=-1!==n.indexOf(s),x=null!==s,!d&&x&&(s=Kc.itemParentId(e,s)));const p=c?l:s,h=Kc.itemOrderedChildrenIds(e,p),m=n[n.indexOf(p)-1],f=i[i.indexOf(p)-1];return h.indexOf(m)<h.indexOf(f)?[t,r]:[r,t]},dd=(e,t)=>t!==e.closest('*[role="treeitem"]');class ud{lastSelectedItem=null;lastSelectedRange={};constructor(e){this.store=e,e.itemPluginManager.register(td,null)}setSelectedItems=(e,t,r)=>{const{selectionPropagation:o=tc,selectedItems:a,onItemSelectionToggle:n,onSelectedItemsChange:i}=this.store.parameters,l=_c.selectedItemsRaw(this.store.state);let s;const c=_c.isMultiSelectEnabled(this.store.state);if(s=c&&(o.descendants||o.parents)?function({store:e,selectionPropagation:t,newModel:r,oldModel:o,additionalItemsToPropagate:a}){if(!t.descendants&&!t.parents)return r;let n=!1;const i=pd(r),l=xd({store:e,newModel:r,oldModel:o});return a?.forEach(e=>{i[e]?l.added.includes(e)||l.added.push(e):l.removed.includes(e)||l.removed.push(e)}),l.added.forEach(r=>{if(t.descendants){const t=o=>{o!==r&&(n=!0,i[o]=!0),Kc.itemOrderedChildrenIds(e.state,o).forEach(t)};t(r)}if(t.parents){const t=r=>{if(!i[r])return!1;return Kc.itemOrderedChildrenIds(e.state,r).every(t)},o=r=>{const a=Kc.itemParentId(e.state,r);if(null==a)return;Kc.itemOrderedChildrenIds(e.state,a).every(t)&&(n=!0,i[a]=!0,o(a))};o(r)}}),l.removed.forEach(r=>{if(t.parents){let t=Kc.itemParentId(e.state,r);for(;null!=t;)i[t]&&(n=!0,delete i[t]),t=Kc.itemParentId(e.state,t)}if(t.descendants){const t=o=>{o!==r&&(n=!0,delete i[o]),Kc.itemOrderedChildrenIds(e.state,o).forEach(t)};t(r)}}),n?Object.keys(i):r}({store:this.store,selectionPropagation:o,newModel:t,oldModel:l,additionalItemsToPropagate:r}):t,n)if(c){const t=xd({store:this.store,newModel:s,oldModel:l});n&&(t.added.forEach(t=>{n(e,t,!0)}),t.removed.forEach(t=>{n(e,t,!1)}))}else s!==l&&(null!=l&&n(e,l,!1),null!=s&&n(e,s,!0));void 0===a&&this.store.set("selectedItems",s),i?.(e,s)};selectRange=(e,[t,r])=>{if(!_c.isMultiSelectEnabled(this.store.state))return;let o=_c.selectedItems(this.store.state).slice();Object.keys(this.lastSelectedRange).length>0&&(o=o.filter(e=>!this.lastSelectedRange[e]));const a=pd(o),n=((e,t,r)=>{const o=t=>{if(od.isItemExpandable(e,t)&&od.isItemExpanded(e,t))return Kc.itemOrderedChildrenIds(e,t)[0];let r=Kc.itemMeta(e,t);for(;null!=r;){const t=Kc.itemOrderedChildrenIds(e,r.parentId),o=Kc.itemIndex(e,r.id);if(o<t.length-1)return t[o+1];r=r.parentId?Kc.itemMeta(e,r.parentId):null}throw new Error("Invalid range")},[a,n]=cd(e,t,r),i=[a];let l=a;for(;l!==n;)l=o(l),Kc.isItemDisabled(e,l)||i.push(l);return i})(this.store.state,t,r).filter(e=>_c.isItemSelectable(this.store.state,e)),i=n.filter(e=>!a[e]);o=o.concat(i),this.setSelectedItems(e,o),this.lastSelectedRange=pd(n)};buildPublicAPI=()=>({setItemSelection:this.setItemSelection});setItemSelection=({itemId:e,event:t=null,keepExistingSelection:r=!1,shouldBeSelected:o})=>{if(!_c.enabled(this.store.state))return;let a;const n=_c.isMultiSelectEnabled(this.store.state);if(r){const t=_c.selectedItems(this.store.state),r=_c.isItemSelected(this.store.state,e);a=!r||!1!==o&&null!=o?r||!0!==o&&null!=o?t:[e].concat(t):t.filter(t=>t!==e)}else a=!1===o||null==o&&_c.isItemSelected(this.store.state,e)?n?[]:null:n?[e]:e;this.setSelectedItems(t,a,[e]),this.lastSelectedItem=e,this.lastSelectedRange={}};selectAllNavigableItems=e=>{if(!_c.isMultiSelectEnabled(this.store.state))return;const t=(e=>{let t=sd(e);const r=[];for(;null!=t;)r.push(t),t=id(e,t);return r})(this.store.state);this.setSelectedItems(e,t),this.lastSelectedRange=pd(t)};expandSelectionRange=(e,t)=>{if(null!=this.lastSelectedItem){const[r,o]=cd(this.store.state,t,this.lastSelectedItem);this.selectRange(e,[r,o])}};selectRangeFromStartToItem=(e,t)=>{this.selectRange(e,[sd(this.store.state),t])};selectRangeFromItemToEnd=(e,t)=>{this.selectRange(e,[t,ld(this.store.state)])};selectItemFromArrowNavigation=(e,t,r)=>{if(!_c.isMultiSelectEnabled(this.store.state))return;let o=_c.selectedItems(this.store.state).slice();0===Object.keys(this.lastSelectedRange).length?(o.push(r),this.lastSelectedRange={[t]:!0,[r]:!0}):(this.lastSelectedRange[t]||(this.lastSelectedRange={}),this.lastSelectedRange[r]?(o=o.filter(e=>e!==t),delete this.lastSelectedRange[t]):(o.push(r),this.lastSelectedRange[r]=!0)),this.setSelectedItems(e,o)}}function xd({store:e,oldModel:t,newModel:r}){const o=new Map;return r.forEach(e=>{o.set(e,!0)}),{added:r.filter(t=>!_c.isItemSelected(e.state,t)),removed:t.filter(e=>!o.has(e))}}function pd(e){const t={};return e.forEach(e=>{t[e]=!0}),t}const hd=ct.createContext(null);function md(e){const{children:t,itemId:o=null,idAttribute:a}=e,{store:n,rootRef:i}=oc(),l=ct.useRef(new Map);ct.useEffect(()=>{if(!i.current)return;const e=Kc.itemOrderedChildrenIds(n.state,o??null)??[],t=(a??i.current.id).replace(/["\\]/g,"\\$&");if(null!=o){const e=i.current.querySelector(`*[id="${t}"][role="treeitem"]`);if(e&&"false"===e.getAttribute("aria-expanded"))return}const r=i.current.querySelectorAll(`${null==o?"":`*[id="${t}"] `}[role="treeitem"]:not(*[id="${t}"] [role="treeitem"] [role="treeitem"])`),s=Array.from(r).map(e=>l.current.get(e.id)),c=s.length!==e.length||s.some((t,r)=>t!==e[r]);c&&n.jsxItems.setJSXItemsOrderedChildrenIds(o??null,s)});const s=ct.useMemo(()=>({registerChild:(e,t)=>l.current.set(e,t),unregisterChild:e=>l.current.delete(e),parentId:o}),[o]);return r.jsx(hd.Provider,{value:s,children:t})}"production"!==process.env.NODE_ENV&&(hd.displayName="TreeViewChildrenItemContext"),"production"!==process.env.NODE_ENV&&(md.propTypes={children:ia.node,id:ia.string});const fd=ct.createContext(()=>-1);"production"!==process.env.NODE_ENV&&(fd.displayName="TreeViewItemDepthContext");const gd="undefined"!=typeof document?ct.useLayoutEffect:()=>{},bd=[];const vd=ct.createContext();"production"!==process.env.NODE_ENV&&(ia.node,ia.bool);function yd(e,t){const r=ct.useContext(vd)??!1,o=Os(()=>new e(Ls({},t,{isRtl:r}))).current;var a;return gd(()=>o.updateStateFromParameters(Ls({},t,{isRtl:r})),[o,r,t]),a=o.disposeEffect,ct.useEffect(a,bd),o}class jd{maxListeners=20;warnOnce=!1;events={};on(e,t,r={}){let o=this.events[e];if(o||(o={highPriority:new Map,regular:new Map},this.events[e]=o),r.isFirst?o.highPriority.set(t,!0):o.regular.set(t,!0),"production"!==process.env.NODE_ENV){const t=o.highPriority.size+o.regular.size;t>this.maxListeners&&!this.warnOnce&&(this.warnOnce=!0,console.warn([`Possible EventEmitter memory leak detected. ${t} ${e} listeners added.`].join("\n")))}}removeListener(e,t){this.events[e]&&(this.events[e].regular.delete(t),this.events[e].highPriority.delete(t))}removeAllListeners(){this.events={}}emit(e,...t){const r=this.events[e];if(!r)return;const o=Array.from(r.highPriority.keys()),a=Array.from(r.regular.keys());for(let e=o.length-1;e>=0;e-=1){const a=o[e];r.highPriority.has(a)&&a.apply(this,t)}for(let e=0;e<a.length;e+=1){const o=a[e];r.regular.has(o)&&o.apply(this,t)}}once(e,t){const r=this;this.on(e,function o(...a){r.removeListener(e,o),t.apply(r,a)})}}const Sd=({isItemEditable:e,expansionTrigger:t})=>t||(e?"iconContainer":"content");function Bd(e){return{disabledItemsFocusable:e.disabledItemsFocusable??!1,domStructure:"nested",itemChildrenIndentation:e.itemChildrenIndentation??"12px",providedTreeId:e.id,expansionTrigger:Sd({isItemEditable:e.isItemEditable,expansionTrigger:e.expansionTrigger}),disableSelection:e.disableSelection??!1,multiSelect:e.multiSelect??!1,checkboxSelection:e.checkboxSelection??!1,selectionPropagation:e.selectionPropagation??tc}}function kd(e,t,r){return void 0!==e?e:void 0!==t?t:r}let Cd=0;class wd{timeoutIds=(()=>new Map)();intervalIds=(()=>new Map)();startTimeout=(e,t,r)=>{this.clearTimeout(e);const o=setTimeout(()=>{this.timeoutIds.delete(e),r()},t);this.timeoutIds.set(e,o)};startInterval=(e,t,r)=>{this.clearTimeout(e);const o=setInterval(r,t);this.intervalIds.set(e,o)};clearTimeout=e=>{const t=this.timeoutIds.get(e);null!=t&&(clearTimeout(t),this.timeoutIds.delete(e))};clearInterval=e=>{const t=this.intervalIds.get(e);null!=t&&(clearInterval(t),this.intervalIds.delete(e))};clearAll=()=>{this.timeoutIds.forEach(clearTimeout),this.timeoutIds.clear(),this.intervalIds.forEach(clearInterval),this.intervalIds.clear()}}class Td{constructor(e){this.store=e}setExpandedItems=(e,t)=>{void 0===this.store.parameters.expandedItems&&this.store.set("expandedItems",t),this.store.parameters.onExpandedItemsChange?.(e,t)};isItemExpanded=e=>od.isItemExpanded(this.store.state,e);buildPublicAPI=()=>({isItemExpanded:this.isItemExpanded,setItemExpansion:this.setItemExpansion});setItemExpansion=({itemId:e,event:t=null,shouldBeExpanded:r})=>{const o=od.isItemExpanded(this.store.state,e),a=r??!o;if(o===a)return;const n={isExpansionPrevented:!1,shouldBeExpanded:a,itemId:e};this.store.publishEvent("beforeItemToggleExpansion",n,t),n.isExpansionPrevented||this.applyItemExpansion({itemId:e,event:t,shouldBeExpanded:a})};applyItemExpansion=({itemId:e,event:t,shouldBeExpanded:r})=>{const o=od.expandedItemsRaw(this.store.state);let a;a=r?[e].concat(o):o.filter(t=>t!==e),this.store.parameters.onItemExpansionToggle?.(t,e,r),this.setExpandedItems(t,a)};expandAllSiblings=(e,t)=>{const r=Kc.itemMeta(this.store.state,t);if(null==r)return;const o=Kc.itemOrderedChildrenIds(this.store.state,r.parentId).filter(e=>od.isItemExpandable(this.store.state,e)&&!od.isItemExpanded(this.store.state,e)),a=od.expandedItemsRaw(this.store.state).concat(o);o.length>0&&(this.store.parameters.onItemExpansionToggle&&o.forEach(t=>{this.store.parameters.onItemExpansionToggle(e,t,!0)}),this.setExpandedItems(e,a))};addExpandableItems=e=>{const t=Ls({},this.store.state.itemMetaLookup);for(const r of e)t[r]=Ls({},t[r],{expandable:!0});this.store.set("itemMetaLookup",t)}}const Id={isItemEditable:kc(e=>e.isItemEditable,Kc.itemModel,(e,t,r)=>!(!t||null==e)&&("boolean"==typeof e?e:e(t))),isItemBeingEdited:kc((e,t)=>null!=t&&e.editedItemId===t),isAnyItemBeingEdited:kc(e=>!!e.editedItemId)};class Ad{typeaheadQuery="";constructor(e){this.store=e,this.labelMap=zd(Kc.itemMetaLookup(this.store.state)),this.store.registerStoreEffect(Kc.itemMetaLookup,(e,t)=>{this.store.shouldIgnoreItemsStateUpdate()||(this.labelMap=zd(t))})}canToggleItemSelection=e=>_c.canItemBeSelected(this.store.state,e);canToggleItemExpansion=e=>!Kc.isItemDisabled(this.store.state,e)&&od.isItemExpandable(this.store.state,e);getFirstItemMatchingTypeaheadQuery=(e,t)=>{const r=e=>{const t=id(this.store.state,e);return null===t?sd(this.store.state):t},o=t=>{let o=null;const a={};let n=t.length>1?e:r(e);for(;null==o&&!a[n];){const e=this.labelMap[n];e?.startsWith(t)?o=n:(a[n]=!0,n=r(n))}return o},a=t.toLowerCase(),n=`${this.typeaheadQuery}${a}`,i=o(n);if(null!=i)return this.typeaheadQuery=n,i;const l=o(a);return null!=l?(this.typeaheadQuery=a,l):(this.typeaheadQuery="",null)};updateLabelMap=e=>{this.labelMap=e(this.labelMap)};handleItemKeyDown=async(e,t)=>{if(e.defaultMuiPrevented)return;if(e.altKey||dd(e.target,e.currentTarget))return;const r=e.ctrlKey||e.metaKey,o=e.key,a=_c.isMultiSelectEnabled(this.store.state);switch(!0){case" "===o&&this.canToggleItemSelection(t):e.preventDefault(),a&&e.shiftKey?this.store.selection.expandSelectionRange(e,t):this.store.selection.setItemSelection({event:e,itemId:t,keepExistingSelection:a,shouldBeSelected:void 0});break;case"Enter"===o:this.store.labelEditing?.setEditedItem&&Id.isItemEditable(this.store.state,t)&&!Id.isItemBeingEdited(this.store.state,t)?this.store.labelEditing.setEditedItem(t):this.canToggleItemExpansion(t)?(this.store.expansion.setItemExpansion({event:e,itemId:t}),e.preventDefault()):this.canToggleItemSelection(t)&&(a?(e.preventDefault(),this.store.selection.setItemSelection({event:e,itemId:t,keepExistingSelection:!0})):_c.isItemSelected(this.store.state,t)||(this.store.selection.setItemSelection({event:e,itemId:t}),e.preventDefault()));break;case"ArrowDown"===o:{const r=id(this.store.state,t);r&&(e.preventDefault(),this.store.focus.focusItem(e,r),a&&e.shiftKey&&this.canToggleItemSelection(r)&&this.store.selection.selectItemFromArrowNavigation(e,t,r));break}case"ArrowUp"===o:{const r=nd(this.store.state,t);r&&(e.preventDefault(),this.store.focus.focusItem(e,r),a&&e.shiftKey&&this.canToggleItemSelection(r)&&this.store.selection.selectItemFromArrowNavigation(e,t,r));break}case"ArrowRight"===o&&!this.store.parameters.isRtl||"ArrowLeft"===o&&this.store.parameters.isRtl:if(r)return;if(od.isItemExpanded(this.store.state,t)){const r=id(this.store.state,t);r&&(this.store.focus.focusItem(e,r),e.preventDefault())}else this.canToggleItemExpansion(t)&&(this.store.expansion.setItemExpansion({event:e,itemId:t}),e.preventDefault());break;case"ArrowLeft"===o&&!this.store.parameters.isRtl||"ArrowRight"===o&&this.store.parameters.isRtl:if(r)return;if(this.canToggleItemExpansion(t)&&od.isItemExpanded(this.store.state,t))this.store.expansion.setItemExpansion({event:e,itemId:t}),e.preventDefault();else{const r=Kc.itemParentId(this.store.state,t);r&&(this.store.focus.focusItem(e,r),e.preventDefault())}break;case"Home"===o:this.canToggleItemSelection(t)&&a&&r&&e.shiftKey?this.store.selection.selectRangeFromStartToItem(e,t):this.store.focus.focusItem(e,sd(this.store.state)),e.preventDefault();break;case"End"===o:this.canToggleItemSelection(t)&&a&&r&&e.shiftKey?this.store.selection.selectRangeFromItemToEnd(e,t):this.store.focus.focusItem(e,ld(this.store.state)),e.preventDefault();break;case"*"===o:this.store.expansion.expandAllSiblings(e,t),e.preventDefault();break;case"A"===String.fromCharCode(e.keyCode)&&r&&a&&_c.enabled(this.store.state):this.store.selection.selectAllNavigableItems(e),e.preventDefault();break;case!(r||e.shiftKey||(n=o,!n||1!==n.length||!n.match(/\S/))):{this.store.timeoutManager.clearTimeout("typeahead");const r=this.getFirstItemMatchingTypeaheadQuery(t,o);null!=r?(this.store.focus.focusItem(e,r),e.preventDefault()):this.typeaheadQuery="",this.store.timeoutManager.startTimeout("typeahead",500,()=>{this.typeaheadQuery=""});break}}var n}}function zd(e){const t={};return Object.values(e).forEach(e=>{t[e.id]=e.label.toLowerCase()}),t}const Rd=Cc(_c.selectedItems,od.expandedItemsMap,Kc.itemMetaLookup,Kc.disabledItemFocusable,e=>Kc.itemOrderedChildrenIds(e,null),(e,t,r,o,a)=>{const n=e.find(e=>{if(!o&&qc(r,e))return!1;const a=r[e];return a&&(null==a.parentId||t.has(a.parentId))});if(null!=n)return n;const i=a.find(e=>o||!qc(r,e));return null!=i?i:null}),Ed={defaultFocusableItemId:Rd,isItemTheDefaultFocusableItem:kc(Rd,(e,t)=>e===t),focusedItemId:kc(e=>e.focusedItemId),isItemFocused:kc((e,t)=>e.focusedItemId===t)};class Ld{constructor(e){this.store=e;let t=e.state;this.store.subscribe(e=>{if(e.itemMetaLookup===t.itemMetaLookup)return void(t=e);const r=Ed.focusedItemId(e);if(null==r||Kc.itemMeta(e,r))return void(t=e);const o=t=>null!=t&&Kc.itemMeta(e,t)?t:null,a=o(id(t,r))??o(nd(t,r))??sd(e);null==a?this.setFocusedItemId(null):this.applyItemFocus(null,a),t=e})}setFocusedItemId=e=>{Ed.focusedItemId(this.store.state)!==e&&this.store.set("focusedItemId",e)};applyItemFocus=(e,t)=>{this.store.items.getItemDOMElement(t)?.focus(),this.setFocusedItemId(t),this.store.parameters.onItemFocus?.(e,t)};buildPublicAPI=()=>({focusItem:this.focusItem});focusItem=(e,t)=>{const r=Kc.itemMeta(this.store.state,t);r&&(null==r.parentId||od.isItemExpanded(this.store.state,r.parentId))&&this.applyItemFocus(e,t)};removeFocusedItem=()=>{const e=Ed.focusedItemId(this.store.state);if(null==e)return;if(Kc.itemMeta(this.store.state,e)){const t=this.store.items.getItemDOMElement(e);t&&t.blur()}this.setFocusedItemId(null)};handleRootFocus=e=>{if(e.defaultMuiPrevented)return;const t=Ed.defaultFocusableItemId(this.store.state);e.target===e.currentTarget&&null!=t&&this.applyItemFocus(e,t)};handleRootBlur=e=>{e.defaultMuiPrevented||this.setFocusedItemId(null)}}class Pd{itemPlugins=[];itemWrappers=[];register=(e,t)=>{this.itemPlugins.push(e),t&&this.itemWrappers.push(t)};listPlugins=()=>this.itemPlugins;listWrappers=()=>this.itemWrappers}class Od extends Nc{initialParameters=null;eventManager=(()=>new jd)();timeoutManager=(()=>new wd)();itemPluginManager=(()=>new Pd)();constructor(e,t,r){const o=function(e){return Ls({treeId:void 0,focusedItemId:null},Bd(e),Jc.buildItemsStateIfNeeded(e),{expandedItems:kd(e.expandedItems,e.defaultExpandedItems,[]),selectedItems:kd(e.selectedItems,e.defaultSelectedItems,e.multiSelect?ec:null)})}(e);super(r.getInitialState(o,e)),this.parameters=e,this.instanceName=t,this.mapper=r,this.items=new Jc(this),this.focus=new Ld(this),this.expansion=new Td(this),this.selection=new ud(this),this.keyboardNavigation=new Ad(this),"production"!==process.env.NODE_ENV&&(this.initialParameters=e)}buildPublicAPI(){return Ls({},this.items.buildPublicAPI(),this.focus.buildPublicAPI(),this.expansion.buildPublicAPI(),this.selection.buildPublicAPI())}updateStateFromParameters(e){const t=(t,r,o)=>{if(void 0!==e[r]&&(t[r]=e[r]),"production"!==process.env.NODE_ENV){const t=e[o],a=void 0!==e[r],n=this.initialParameters?.[o],i=void 0!==this.initialParameters?.[r];i!==a?Us([`MUI X Tree View: A component is changing the ${i?"":"un"}controlled ${r} state of ${this.instanceName} to be ${i?"un":""}controlled.`,"Elements should not switch from uncontrolled to controlled (or vice versa).",`Decide between using a controlled or uncontrolled ${r} element for the lifetime of the component.`,"The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.","More info: https://fb.me/react-controlled-components"],"error"):JSON.stringify(n)!==JSON.stringify(t)&&Us([`MUI X Tree View: A component is changing the default ${r} state of an uncontrolled ${this.instanceName} after being initialized. `,`To suppress this warning opt to use a controlled ${this.instanceName}.`],"error")}},r=Bd(e);t(r,"expandedItems","defaultExpandedItems"),t(r,"selectedItems","defaultSelectedItems"),this.state.providedTreeId===e.id&&void 0!==this.state.treeId||(r.treeId=(Cd+=1,`mui-tree-view-${Cd}`)),!this.mapper.shouldIgnoreItemsStateUpdate(e)&&Jc.shouldRebuildItemsState(e,this.parameters)&&Object.assign(r,Jc.buildItemsStateIfNeeded(e));const o=this.mapper.updateStateFromParameters(r,e,t);this.update(o),this.parameters=e}disposeEffect=()=>this.timeoutManager.clearAll;shouldIgnoreItemsStateUpdate=()=>this.mapper.shouldIgnoreItemsStateUpdate(this.parameters);registerStoreEffect=(e,t)=>{let r=e(this.state);this.subscribe(o=>{const a=e(o);a!==r&&(t(r,a),r=a)})};publishEvent=(e,t,r)=>{(function(e){return void 0!==e?.isPropagationStopped})(r)&&r.isPropagationStopped()||this.eventManager.emit(e,t,r)};subscribeEvent=(e,t)=>{this.eventManager.on(e,t)}}const Dd={isEmpty:kc(e=>null==e.lazyLoadedItems||0===Object.keys(e.lazyLoadedItems.loading).length&&0===Object.keys(e.lazyLoadedItems.errors).length),isItemLoading:kc((e,t)=>e.lazyLoadedItems?.loading[t??Qc]??!1),itemHasError:kc((e,t)=>!!e.lazyLoadedItems?.errors[t??Qc]),itemError:kc((e,t)=>e.lazyLoadedItems?.errors[t??Qc])},Md=e=>Array.isArray(e)?e.length>0&&e.some(Md):Boolean(e),Wd=({props:e,rootRef:t,contentRef:r})=>{const{store:o}=oc(),{children:a,disabled:n=!1,disableSelection:i=!1,label:l,itemId:s,id:c}=e,d=ct.useContext(hd);if(null==d)throw new Error(["MUI X: Could not find the Tree View Children Item context.","It looks like you rendered your component outside of a SimpleTreeView parent component.","This can also happen if you are bundling multiple versions of the Tree View."].join("\n"));const{registerChild:u,unregisterChild:x,parentId:p}=d,h=Md(a),m=ct.useRef(null),f=Ds(m,r),g=Fc(o,Vc.treeItemIdAttribute,s,c),b=ct.useRef(!0),v=Os(Symbol);return gd(()=>(u(g,s),()=>{x(g),x(g)}),[o,u,x,g,s]),gd(()=>(b.current=!0,()=>{b.current=!1}),[]),gd(()=>{const e=o.jsxItems.upsertJSXItem({id:s,idAttribute:c,parentId:p,expandable:h,disabled:n,selectable:!i},v.current);return()=>{b.current||e()}},[o,p,s,h,n,i,c,v]),ct.useEffect(()=>{if(l)return o.jsxItems.mapLabelFromJSX(s,(m.current?.textContent??"").toLowerCase())},[o,s,l]),{contentRef:f,rootRef:t}},Fd=({children:e,itemId:t,idAttribute:o})=>{const a=ct.useContext(fd);return r.jsx(md,{itemId:t,idAttribute:o,children:r.jsx(fd.Provider,{value:a+1,children:e})})};"production"!==process.env.NODE_ENV&&(Fd.displayName="jsxItemsitemWrapper");class Nd{itemOwners=(()=>new Map)();constructor(e){this.store=e,e.itemPluginManager.register(Wd,Fd)}upsertJSXItem=(e,t)=>{const r=this.itemOwners.get(e.id);if(null!=r&&r!==t)throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.","Alternatively, you can use the `getItemId` prop to specify a custom id for each item.",`Two items were provided with the same id in the \`items\` prop: "${e.id}"`].join("\n"));this.itemOwners.set(e.id,t);const o=Kc.itemMeta(this.store.state,e.id);if(null!=o){let t=!1;for(const r of Object.keys(e))if(o[r]!==e[r]){t=!0;break}t&&this.store.update({itemMetaLookup:Ls({},this.store.state.itemMetaLookup,{[e.id]:Ls({},o,e)})})}else this.store.update({itemMetaLookup:Ls({},this.store.state.itemMetaLookup,{[e.id]:e}),itemModelLookup:Ls({},this.store.state.itemModelLookup,{[e.id]:{id:e.id,label:e.label??""}})});return()=>{this.itemOwners.delete(e.id);const t=Ls({},this.store.state.itemMetaLookup),r=Ls({},this.store.state.itemModelLookup);delete t[e.id],delete r[e.id],this.store.update({itemMetaLookup:t,itemModelLookup:r})}};mapLabelFromJSX=(e,t)=>(this.store.keyboardNavigation.updateLabelMap(r=>(r[e]=t,r)),()=>{this.store.keyboardNavigation.updateLabelMap(t=>{const r=Ls({},t);return delete r[e],r})});setJSXItemsOrderedChildrenIds=(e,t)=>{const r=e??Qc;this.store.update({itemOrderedChildrenIdsLookup:Ls({},this.store.state.itemOrderedChildrenIdsLookup,{[r]:t}),itemChildrenIndexesLookup:Ls({},this.store.state.itemChildrenIndexesLookup,{[r]:Gc(t)})})}}const Hd={getInitialState:e=>e,updateStateFromParameters:e=>e,shouldIgnoreItemsStateUpdate:()=>!0};class Vd extends Od{jsxItems=(()=>new Nd(this))();constructor(e){super(Ls({},e,{items:ec}),"SimpleTreeView",Hd)}updateStateFromParameters(e){super.updateStateFromParameters(Ls({},e,{items:ec}))}}const Qd=Xs(),Gd=qe.styled("ul",{name:"MuiSimpleTreeView",slot:"Root"})({padding:0,margin:0,listStyle:"none",outline:0,position:"relative"}),qd=ct.forwardRef(function(e,t){const o=Qd({props:e,name:"MuiSimpleTreeView"});"production"!==process.env.NODE_ENV&&null!=o.items&&Us(["MUI X: The Simple Tree View component does not support the `items` prop.","If you want to add items, you need to pass them as JSX children.","Check the documentation for more details: https://mui.com/x/react-tree-view/simple-tree-view/items/."]);const{slots:a,slotProps:n,apiRef:i,parameters:l,forwardedProps:s}=function(e){const{apiRef:t,slots:r,slotProps:o,disabledItemsFocusable:a,onItemClick:n,itemChildrenIndentation:i,id:l,expandedItems:s,defaultExpandedItems:c,onExpandedItemsChange:d,onItemExpansionToggle:u,expansionTrigger:x,disableSelection:p,selectedItems:h,defaultSelectedItems:m,multiSelect:f,checkboxSelection:g,selectionPropagation:b,onSelectedItemsChange:v,onItemSelectionToggle:y,onItemFocus:j}=e,S=lc(e,sc);return{apiRef:t,slots:r,slotProps:o,parameters:ct.useMemo(()=>({disabledItemsFocusable:a,onItemClick:n,itemChildrenIndentation:i,id:l,expandedItems:s,defaultExpandedItems:c,onExpandedItemsChange:d,onItemExpansionToggle:u,expansionTrigger:x,disableSelection:p,selectedItems:h,defaultSelectedItems:m,multiSelect:f,checkboxSelection:g,selectionPropagation:b,onSelectedItemsChange:v,onItemSelectionToggle:y,onItemFocus:j}),[a,n,i,l,s,c,d,u,x,p,h,m,f,g,b,v,y,j]),forwardedProps:S}}(o),c=yd(Vd,l),d=ct.useRef(null),u=function(e,t,r){const o=Fc(e,Vc.treeId),a=Fc(e,Kc.itemChildrenIndentation),n=Fc(e,_c.isMultiSelectEnabled);return i=>Ls({ref:r,role:"tree",id:o,"aria-multiselectable":n},t,i,{style:Ls({},t.style,{"--TreeView-itemChildrenIndentation":"number"==typeof a?`${a}px`:a}),onFocus:t=>{i.onFocus?.(t),e.focus.handleRootFocus(t)},onBlur:t=>{i.onBlur?.(t),e.focus.handleRootBlur(t)}})}(c,s,Ds(t,d)),x=(e=>{const{classes:t}=e;return ct.useMemo(()=>Ws({root:["root"],item:["item"],itemContent:["itemContent"],itemGroupTransition:["itemGroupTransition"],itemIconContainer:["itemIconContainer"],itemLabel:["itemLabel"],itemCheckbox:["itemCheckbox"]},_s,t),[t])})(o),p=a?.root??Gd,h=Gs({elementType:p,externalSlotProps:n?.root,className:x.root,getSlotProps:u,ownerState:o});return r.jsx(ic,{store:c,classes:x,slots:a,slotProps:n,apiRef:i,rootRef:d,children:r.jsx(md,{itemId:null,idAttribute:null,children:r.jsx(fd.Provider,{value:0,children:r.jsx(p,Ls({},h))})})})});"production"!==process.env.NODE_ENV&&(qd.displayName="SimpleTreeView"),"production"!==process.env.NODE_ENV&&(qd.propTypes={apiRef:ia.shape({current:ia.shape({focusItem:ia.func,getItem:ia.func,getItemDOMElement:ia.func,getItemOrderedChildrenIds:ia.func,getItemTree:ia.func,getParentId:ia.func,isItemExpanded:ia.func,setIsItemDisabled:ia.func,setItemExpansion:ia.func,setItemSelection:ia.func})}),checkboxSelection:ia.bool,children:ia.node,classes:ia.object,className:ia.string,defaultExpandedItems:ia.arrayOf(ia.string),defaultSelectedItems:ia.any,disabledItemsFocusable:ia.bool,disableSelection:ia.bool,expandedItems:ia.arrayOf(ia.string),expansionTrigger:ia.oneOf(["content","iconContainer"]),id:ia.string,itemChildrenIndentation:ia.oneOfType([ia.number,ia.string]),multiSelect:ia.bool,onExpandedItemsChange:ia.func,onItemClick:ia.func,onItemExpansionToggle:ia.func,onItemFocus:ia.func,onItemSelectionToggle:ia.func,onSelectedItemsChange:ia.func,selectedItems:ia.any,selectionPropagation:ia.shape({descendants:ia.bool,parents:ia.bool}),slotProps:ia.object,slots:ia.object,sx:ia.oneOfType([ia.arrayOf(ia.oneOfType([ia.func,ia.object,ia.bool])),ia.func,ia.object])});var Ud,Xd={exports:{}},Kd={};var Jd,Yd={};
32
+ */"production"===process.env.NODE_ENV?Gc.exports=function(){if(Vc)return qc;Vc=1;var t=e,r=Qc,o="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},a=r.useSyncExternalStore,n=t.useRef,i=t.useEffect,l=t.useMemo,s=t.useDebugValue;return qc.useSyncExternalStoreWithSelector=function(e,t,r,c,d){var u=n(null);if(null===u.current){var x={hasValue:!1,value:null};u.current=x}else x=u.current;u=l(function(){function e(e){if(!i){if(i=!0,a=e,e=c(e),void 0!==d&&x.hasValue){var t=x.value;if(d(t,e))return n=t}return n=e}if(t=n,o(a,e))return t;var r=c(e);return void 0!==d&&d(t,r)?(a=e,t):(a=e,n=r)}var a,n,i=!1,l=void 0===r?null:r;return[function(){return e(t())},null===l?void 0:function(){return e(l())}]},[t,r,c,d]);var p=a(e,u[0],u[1]);return i(function(){x.hasValue=!0,x.value=p},[p]),s(p),p},qc}():Gc.exports=(Uc||(Uc=1,"production"!==process.env.NODE_ENV&&function(){"undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var t=e,r=Qc,o="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},a=r.useSyncExternalStore,n=t.useRef,i=t.useEffect,l=t.useMemo,s=t.useDebugValue;Xc.useSyncExternalStoreWithSelector=function(e,t,r,c,d){var u=n(null);if(null===u.current){var x={hasValue:!1,value:null};u.current=x}else x=u.current;u=l(function(){function e(e){if(!i){if(i=!0,a=e,e=c(e),void 0!==d&&x.hasValue){var t=x.value;if(d(t,e))return n=t}return n=e}if(t=n,o(a,e))return t;var r=c(e);return void 0!==d&&d(t,r)?(a=e,t):(a=e,n=r)}var a,n,i=!1,l=void 0===r?null:r;return[function(){return e(t())},null===l?void 0:function(){return e(l())}]},[t,r,c,d]);var p=a(e,u[0],u[1]);return i(function(){x.hasValue=!0,x.value=p},[p]),s(p),p},"undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())}()),Xc);var $c=Gc.exports;const Kc=parseInt(ct.version,10)>=19?function(e,t,r,o,a){const n=ct.useCallback(()=>t(e.getSnapshot(),r,o,a),[e,t,r,o,a]);return Qc.useSyncExternalStore(e.subscribe,n,n)}:function(e,t,r,o,a){return $c.useSyncExternalStoreWithSelector(e.subscribe,e.getSnapshot,e.getSnapshot,e=>t(e,r,o,a))};function Yc(e,t,r,o,a){return Kc(e,t,r,o,a)}class Jc{static create(e){return new Jc(e)}constructor(e){this.state=e,this.listeners=new Set,this.updateTick=0}subscribe=e=>(this.listeners.add(e),()=>{this.listeners.delete(e)});getSnapshot=()=>this.state;setState(e){this.state=e,this.updateTick+=1;const t=this.updateTick,r=this.listeners.values();let o;for(;o=r.next(),!o.done;){if(t!==this.updateTick)return;(0,o.value)(e)}}update(e){for(const t in e)if(!Object.is(this.state[t],e[t]))return void this.setState(Gs({},this.state,e))}set(e,t){Object.is(this.state[e],t)||this.setState(Gs({},this.state,{[e]:t}))}use=(()=>(e,t,r,o)=>Yc(this,e,t,r,o))()}const Zc=Mc(e=>e.providedTreeId??e.treeId),_c={treeId:Zc,treeItemIdAttribute:Mc(Zc,(e,t,r)=>null!=r?r:`${e??""}-${t}`)},ed="__TREE_VIEW_ROOT_PARENT_ID__",td=e=>{const t={};return e.forEach((e,r)=>{t[e]=r}),t},rd=(e,t)=>{if(null==t)return!1;let r=e[t];if(!r)return!1;if(r.disabled)return!0;for(;null!=r.parentId;){if(r=e[r.parentId],!r)return!1;if(r.disabled)return!0}return!1};function od(e){const{storeParameters:t,items:r,parentId:o,depth:a,isItemExpandable:n,otherItemsMetaLookup:i}=e,l={},s={},c=[],d=[],u=e=>{const r=t.getItemId?t.getItemId(e):e.id;!function({id:e,parentId:t,item:r,itemMetaLookup:o,siblingsMetaLookup:a}){if(null==e)throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.","Alternatively, you can use the `getItemId` prop to specify a custom id for each item.","An item was provided without id in the `items` prop:",JSON.stringify(r)].join("\n"));if(null!=a[e]||null!=o[e]&&o[e].parentId!==t)throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.","Alternatively, you can use the `getItemId` prop to specify a custom id for each item.",`Two items were provided with the same id in the \`items\` prop: "${e}"`].join("\n"))}({id:r,parentId:o,item:e,itemMetaLookup:i,siblingsMetaLookup:l});const u=t.getItemLabel?t.getItemLabel(e):e.label;if(null==u)throw new Error(["MUI X: The Tree View component requires all items to have a `label` property.","Alternatively, you can use the `getItemLabel` prop to specify a custom label for each item.","An item was provided without label in the `items` prop:",JSON.stringify(e)].join("\n"));const x=(t.getItemChildren?t.getItemChildren(e):e.children)||[];d.push({id:r,children:x}),s[r]=e,l[r]={id:r,label:u,parentId:o,idAttribute:void 0,expandable:n(e,x),disabled:!!t.isItemDisabled&&t.isItemDisabled(e),selectable:!t.isItemSelectionDisabled||!t.isItemSelectionDisabled(e),depth:a},c.push(r)};for(const e of r)u(e);return{metaLookup:l,modelLookup:s,orderedChildrenIds:c,childrenIndexes:td(c),itemsChildren:d}}const ad=[],nd={domStructure:Mc(e=>e.domStructure),disabledItemFocusable:Mc(e=>e.disabledItemsFocusable),itemMetaLookup:Mc(e=>e.itemMetaLookup),itemOrderedChildrenIdsLookup:Mc(e=>e.itemOrderedChildrenIdsLookup),itemMeta:Mc((e,t)=>e.itemMetaLookup[t??ed]??null),itemOrderedChildrenIds:Mc((e,t)=>e.itemOrderedChildrenIdsLookup[t??ed]??ad),itemModel:Mc((e,t)=>e.itemModelLookup[t]),isItemDisabled:Mc((e,t)=>rd(e.itemMetaLookup,t)),itemIndex:Mc((e,t)=>{const r=e.itemMetaLookup[t];if(null==r)return-1;return e.itemChildrenIndexesLookup[r.parentId??ed][r.id]}),itemParentId:Mc((e,t)=>e.itemMetaLookup[t]?.parentId??null),itemDepth:Mc((e,t)=>e.itemMetaLookup[t]?.depth??0),canItemBeFocused:Mc((e,t)=>e.disabledItemsFocusable||null!=e.itemModelLookup[t]&&!rd(e.itemMetaLookup,t)),itemChildrenIndentation:Mc(e=>e.itemChildrenIndentation)};class id{constructor(e){this.store=e}static shouldRebuildItemsState=(e,t)=>["items","isItemDisabled","isItemSelectionDisabled","getItemId","getItemLabel","getItemChildren"].some(r=>{const o=r;return e[o]!==t[o]});static buildItemsStateIfNeeded=e=>{const t={},r={},o={},a={};return function n(i,l,s){const c=l??ed,{metaLookup:d,modelLookup:u,orderedChildrenIds:x,childrenIndexes:p,itemsChildren:h}=od({storeParameters:e,items:i,parentId:l,depth:s,isItemExpandable:(e,t)=>!!t&&t.length>0,otherItemsMetaLookup:t});Object.assign(t,d),Object.assign(r,u),o[c]=x,a[c]=p;for(const e of h)n(e.children||[],e.id,s+1)}(e.items,null,0),{itemMetaLookup:t,itemModelLookup:r,itemOrderedChildrenIdsLookup:o,itemChildrenIndexesLookup:a}};getItem=e=>nd.itemModel(this.store.state,e);getItemTree=()=>{const e=t=>{const r=Gs({},nd.itemModel(this.store.state,t)),o=nd.itemOrderedChildrenIds(this.store.state,t);return o.length>0?r.children=o.map(e):delete r.children,r};return nd.itemOrderedChildrenIds(this.store.state,null).map(e)};getItemOrderedChildrenIds=e=>nd.itemOrderedChildrenIds(this.store.state,e);getParentId=e=>{const t=nd.itemMeta(this.store.state,e);return t?.parentId||null};setIsItemDisabled=({itemId:e,shouldBeDisabled:t})=>{if(!this.store.state.itemMetaLookup[e])return;const r=Gs({},this.store.state.itemMetaLookup);r[e]=Gs({},r[e],{disabled:t??!r[e].disabled}),this.store.set("itemMetaLookup",r)};buildPublicAPI=()=>({getItem:this.getItem,getItemDOMElement:this.getItemDOMElement,getItemOrderedChildrenIds:this.getItemOrderedChildrenIds,getItemTree:this.getItemTree,getParentId:this.getParentId,setIsItemDisabled:this.setIsItemDisabled});getItemDOMElement=e=>{const t=nd.itemMeta(this.store.state,e);if(null==t)return null;const r=_c.treeItemIdAttribute(this.store.state,e,t.idAttribute);return document.getElementById(r)};setItemChildren=({items:e,parentId:t,getChildrenCount:r})=>{const o=t??ed,a=null==t?-1:nd.itemDepth(this.store.state,t),{metaLookup:n,modelLookup:i,orderedChildrenIds:l,childrenIndexes:s}=od({storeParameters:this.store.parameters,items:e,parentId:t,depth:a+1,isItemExpandable:r?e=>0!==r(e):()=>!1,otherItemsMetaLookup:nd.itemMetaLookup(this.store.state)});this.store.update({itemModelLookup:Gs({},this.store.state.itemModelLookup,i),itemMetaLookup:Gs({},this.store.state.itemMetaLookup,n),itemOrderedChildrenIdsLookup:Gs({},this.store.state.itemOrderedChildrenIdsLookup,{[o]:l}),itemChildrenIndexesLookup:Gs({},this.store.state.itemChildrenIndexesLookup,{[o]:s})})};removeChildren=e=>{const t=this.store.state.itemMetaLookup,r=Object.keys(t).reduce((r,o)=>{const a=t[o];return a.parentId===e?r:Gs({},r,{[a.id]:a})},{}),o=Gs({},this.store.state.itemOrderedChildrenIdsLookup),a=Gs({},this.store.state.itemChildrenIndexesLookup),n=e??ed;delete a[n],delete o[n],this.store.update({itemMetaLookup:r,itemOrderedChildrenIdsLookup:o,itemChildrenIndexesLookup:a})};handleItemClick=(e,t)=>{this.store.parameters.onItemClick?.(e,t)}}const ld=Dc(e=>e.selectedItems,e=>Array.isArray(e)?e:null!=e?[e]:[]),sd=Dc(ld,e=>{const t=new Map;return e.forEach(e=>{t.set(e,!0)}),t}),cd=Mc((e,t)=>e.itemMetaLookup[t]?.selectable??!0),dd={selectedItemsRaw:Mc(e=>e.selectedItems),selectedItems:ld,selectedItemsMap:sd,enabled:Mc(e=>!e.disableSelection),isMultiSelectEnabled:Mc(e=>e.multiSelect),isCheckboxSelectionEnabled:Mc(e=>e.checkboxSelection),propagationRules:Mc(e=>e.selectionPropagation),isItemSelected:Mc(sd,(e,t)=>e.has(t)),isFeatureEnabledForItem:Mc(cd,e=>!e.disableSelection,(e,t,r)=>t&&e),canItemBeSelected:Mc(nd.isItemDisabled,cd,e=>!e.disableSelection,(e,t,r,o)=>r&&!e&&t),isItemSelectable:cd},ud=Mc((e,t)=>{if(dd.isItemSelected(e,t))return"checked";let r=!1,o=!1;const a=n=>{n!==t&&(dd.isItemSelected(e,n)?r=!0:o=!0),nd.itemOrderedChildrenIds(e,n).forEach(a)};a(t);return dd.propagationRules(e).parents?r&&o?"indeterminate":r&&!o?"checked":"empty":r?"indeterminate":"empty"}),xd=({props:e})=>{const{itemId:t}=e,{store:r}=hc(),o=Yc(r,dd.isCheckboxSelectionEnabled),a=Yc(r,dd.isFeatureEnabledForItem,t),n=Yc(r,dd.canItemBeSelected,t),i=Yc(r,ud,t);return{propsEnhancers:{root:()=>{let e;return e="checked"===i||("indeterminate"===i?"mixed":!n&&void 0),{"aria-checked":e}},checkbox:({externalEventHandlers:e,interactions:l})=>({tabIndex:-1,onChange:o=>{e.onChange?.(o),o.defaultMuiPrevented||dd.canItemBeSelected(r.state,t)&&l.handleCheckboxSelection(o)},visible:o&&a,disabled:!n,checked:"checked"===i,indeterminate:"indeterminate"===i})}}},pd=Dc(e=>e.expandedItems,e=>{const t=new Map;return e.forEach(e=>{t.set(e,!0)}),t}),hd={expandedItemsRaw:Mc(e=>e.expandedItems),expandedItemsMap:pd,flatList:Dc(nd.itemOrderedChildrenIdsLookup,pd,(e,t)=>(e[ed]??[]).flatMap(function r(o){if(!t.has(o))return[o];const a=[o],n=e[o]||[];for(const e of n)a.push(...r(e));return a})),triggerSlot:Mc(e=>e.expansionTrigger),isItemExpanded:Mc(pd,(e,t)=>e.has(t)),isItemExpandable:Mc(nd.itemMeta,(e,t)=>e?.expandable??!1)},md=(e,t)=>{let r=t.length-1;for(;r>=0&&!nd.canItemBeFocused(e,t[r]);)r-=1;if(-1!==r)return t[r]},fd=(e,t)=>{const r=nd.itemMeta(e,t);if(!r)return null;const o=nd.itemOrderedChildrenIds(e,r.parentId),a=nd.itemIndex(e,t);if(0===a)return r.parentId;let n=a-1;for(;!nd.canItemBeFocused(e,o[n])&&n>=0;)n-=1;if(-1===n)return null==r.parentId?null:fd(e,r.parentId);let i=o[n],l=md(e,nd.itemOrderedChildrenIds(e,i));for(;hd.isItemExpanded(e,i)&&null!=l;)i=l,l=md(e,nd.itemOrderedChildrenIds(e,i));return i},gd=(e,t)=>{if(hd.isItemExpanded(e,t)){const r=nd.itemOrderedChildrenIds(e,t).find(t=>nd.canItemBeFocused(e,t));if(null!=r)return r}let r=nd.itemMeta(e,t);for(;null!=r;){const t=nd.itemOrderedChildrenIds(e,r.parentId),o=nd.itemIndex(e,r.id);if(o<t.length-1){let r=o+1;for(;!nd.canItemBeFocused(e,t[r])&&r<t.length-1;)r+=1;if(nd.canItemBeFocused(e,t[r]))return t[r]}r=nd.itemMeta(e,r.parentId)}return null},bd=e=>{let t=null;for(;null==t||hd.isItemExpanded(e,t);){const r=nd.itemOrderedChildrenIds(e,t),o=md(e,r);if(null==o)return t;t=o}return t},vd=e=>nd.itemOrderedChildrenIds(e,null).find(t=>nd.canItemBeFocused(e,t)),yd=(e,t,r)=>{if(t===r)return[t,r];const o=nd.itemMeta(e,t),a=nd.itemMeta(e,r);if(!o||!a)return[t,r];if(o.parentId===a.id||a.parentId===o.id)return a.parentId===o.id?[o.id,a.id]:[a.id,o.id];const n=[o.id],i=[a.id];let l=o.parentId,s=a.parentId,c=-1!==i.indexOf(l),d=-1!==n.indexOf(s),u=!0,x=!0;for(;!d&&!c;)u&&(n.push(l),c=-1!==i.indexOf(l),u=null!==l,!c&&u&&(l=nd.itemParentId(e,l))),x&&!c&&(i.push(s),d=-1!==n.indexOf(s),x=null!==s,!d&&x&&(s=nd.itemParentId(e,s)));const p=c?l:s,h=nd.itemOrderedChildrenIds(e,p),m=n[n.indexOf(p)-1],f=i[i.indexOf(p)-1];return h.indexOf(m)<h.indexOf(f)?[t,r]:[r,t]},jd=(e,t)=>t!==e.closest('*[role="treeitem"]');class Sd{lastSelectedItem=null;lastSelectedRange={};constructor(e){this.store=e,e.itemPluginManager.register(xd,null)}setSelectedItems=(e,t,r)=>{const{selectionPropagation:o=xc,selectedItems:a,onItemSelectionToggle:n,onSelectedItemsChange:i}=this.store.parameters,l=dd.selectedItemsRaw(this.store.state);let s;const c=dd.isMultiSelectEnabled(this.store.state);if(s=c&&(o.descendants||o.parents)?function({store:e,selectionPropagation:t,newModel:r,oldModel:o,additionalItemsToPropagate:a}){if(!t.descendants&&!t.parents)return r;let n=!1;const i=kd(r),l=Bd({store:e,newModel:r,oldModel:o});return a?.forEach(e=>{i[e]?l.added.includes(e)||l.added.push(e):l.removed.includes(e)||l.removed.push(e)}),l.added.forEach(r=>{if(t.descendants){const t=o=>{o!==r&&(n=!0,i[o]=!0),nd.itemOrderedChildrenIds(e.state,o).forEach(t)};t(r)}if(t.parents){const t=r=>{if(!i[r])return!1;return nd.itemOrderedChildrenIds(e.state,r).every(t)},o=r=>{const a=nd.itemParentId(e.state,r);if(null==a)return;nd.itemOrderedChildrenIds(e.state,a).every(t)&&(n=!0,i[a]=!0,o(a))};o(r)}}),l.removed.forEach(r=>{if(t.parents){let t=nd.itemParentId(e.state,r);for(;null!=t;)i[t]&&(n=!0,delete i[t]),t=nd.itemParentId(e.state,t)}if(t.descendants){const t=o=>{o!==r&&(n=!0,delete i[o]),nd.itemOrderedChildrenIds(e.state,o).forEach(t)};t(r)}}),n?Object.keys(i):r}({store:this.store,selectionPropagation:o,newModel:t,oldModel:l,additionalItemsToPropagate:r}):t,n)if(c){const t=Bd({store:this.store,newModel:s,oldModel:l});n&&(t.added.forEach(t=>{n(e,t,!0)}),t.removed.forEach(t=>{n(e,t,!1)}))}else s!==l&&(null!=l&&n(e,l,!1),null!=s&&n(e,s,!0));void 0===a&&this.store.set("selectedItems",s),i?.(e,s)};selectRange=(e,[t,r])=>{if(!dd.isMultiSelectEnabled(this.store.state))return;let o=dd.selectedItems(this.store.state).slice();Object.keys(this.lastSelectedRange).length>0&&(o=o.filter(e=>!this.lastSelectedRange[e]));const a=kd(o),n=((e,t,r)=>{const o=t=>{if(hd.isItemExpandable(e,t)&&hd.isItemExpanded(e,t))return nd.itemOrderedChildrenIds(e,t)[0];let r=nd.itemMeta(e,t);for(;null!=r;){const t=nd.itemOrderedChildrenIds(e,r.parentId),o=nd.itemIndex(e,r.id);if(o<t.length-1)return t[o+1];r=r.parentId?nd.itemMeta(e,r.parentId):null}throw new Error("Invalid range")},[a,n]=yd(e,t,r),i=[a];let l=a;for(;l!==n;)l=o(l),nd.isItemDisabled(e,l)||i.push(l);return i})(this.store.state,t,r).filter(e=>dd.isItemSelectable(this.store.state,e)),i=n.filter(e=>!a[e]);o=o.concat(i),this.setSelectedItems(e,o),this.lastSelectedRange=kd(n)};buildPublicAPI=()=>({setItemSelection:this.setItemSelection});setItemSelection=({itemId:e,event:t=null,keepExistingSelection:r=!1,shouldBeSelected:o})=>{if(!dd.enabled(this.store.state))return;let a;const n=dd.isMultiSelectEnabled(this.store.state);if(r){const t=dd.selectedItems(this.store.state),r=dd.isItemSelected(this.store.state,e);a=!r||!1!==o&&null!=o?r||!0!==o&&null!=o?t:[e].concat(t):t.filter(t=>t!==e)}else a=!1===o||null==o&&dd.isItemSelected(this.store.state,e)?n?[]:null:n?[e]:e;this.setSelectedItems(t,a,[e]),this.lastSelectedItem=e,this.lastSelectedRange={}};selectAllNavigableItems=e=>{if(!dd.isMultiSelectEnabled(this.store.state))return;const t=(e=>{let t=vd(e);const r=[];for(;null!=t;)r.push(t),t=gd(e,t);return r})(this.store.state);this.setSelectedItems(e,t),this.lastSelectedRange=kd(t)};expandSelectionRange=(e,t)=>{if(null!=this.lastSelectedItem){const[r,o]=yd(this.store.state,t,this.lastSelectedItem);this.selectRange(e,[r,o])}};selectRangeFromStartToItem=(e,t)=>{this.selectRange(e,[vd(this.store.state),t])};selectRangeFromItemToEnd=(e,t)=>{this.selectRange(e,[t,bd(this.store.state)])};selectItemFromArrowNavigation=(e,t,r)=>{if(!dd.isMultiSelectEnabled(this.store.state))return;let o=dd.selectedItems(this.store.state).slice();0===Object.keys(this.lastSelectedRange).length?(o.push(r),this.lastSelectedRange={[t]:!0,[r]:!0}):(this.lastSelectedRange[t]||(this.lastSelectedRange={}),this.lastSelectedRange[r]?(o=o.filter(e=>e!==t),delete this.lastSelectedRange[t]):(o.push(r),this.lastSelectedRange[r]=!0)),this.setSelectedItems(e,o)}}function Bd({store:e,oldModel:t,newModel:r}){const o=new Map;return r.forEach(e=>{o.set(e,!0)}),{added:r.filter(t=>!dd.isItemSelected(e.state,t)),removed:t.filter(e=>!o.has(e))}}function kd(e){const t={};return e.forEach(e=>{t[e]=!0}),t}const wd=ct.createContext(null);function Cd(e){const{children:t,itemId:o=null,idAttribute:a}=e,{store:n,rootRef:i}=hc(),l=ct.useRef(new Map);ct.useEffect(()=>{if(!i.current)return;const e=nd.itemOrderedChildrenIds(n.state,o??null)??[],t=(a??i.current.id).replace(/["\\]/g,"\\$&");if(null!=o){const e=i.current.querySelector(`*[id="${t}"][role="treeitem"]`);if(e&&"false"===e.getAttribute("aria-expanded"))return}const r=i.current.querySelectorAll(`${null==o?"":`*[id="${t}"] `}[role="treeitem"]:not(*[id="${t}"] [role="treeitem"] [role="treeitem"])`),s=Array.from(r).map(e=>l.current.get(e.id)),c=s.length!==e.length||s.some((t,r)=>t!==e[r]);c&&n.jsxItems.setJSXItemsOrderedChildrenIds(o??null,s)});const s=ct.useMemo(()=>({registerChild:(e,t)=>l.current.set(e,t),unregisterChild:e=>l.current.delete(e),parentId:o}),[o]);return r.jsx(wd.Provider,{value:s,children:t})}"production"!==process.env.NODE_ENV&&(wd.displayName="TreeViewChildrenItemContext"),"production"!==process.env.NODE_ENV&&(Cd.propTypes={children:xa.node,id:xa.string});const Td=ct.createContext(()=>-1);"production"!==process.env.NODE_ENV&&(Td.displayName="TreeViewItemDepthContext");const Id="undefined"!=typeof document?ct.useLayoutEffect:()=>{},Ad=[];const zd=ct.createContext();"production"!==process.env.NODE_ENV&&(xa.node,xa.bool);function Rd(e,t){const r=ct.useContext(zd)??!1,o=Us(()=>new e(Gs({},t,{isRtl:r}))).current;var a;return Id(()=>o.updateStateFromParameters(Gs({},t,{isRtl:r})),[o,r,t]),a=o.disposeEffect,ct.useEffect(a,Ad),o}class Ed{maxListeners=20;warnOnce=!1;events={};on(e,t,r={}){let o=this.events[e];if(o||(o={highPriority:new Map,regular:new Map},this.events[e]=o),r.isFirst?o.highPriority.set(t,!0):o.regular.set(t,!0),"production"!==process.env.NODE_ENV){const t=o.highPriority.size+o.regular.size;t>this.maxListeners&&!this.warnOnce&&(this.warnOnce=!0,console.warn([`Possible EventEmitter memory leak detected. ${t} ${e} listeners added.`].join("\n")))}}removeListener(e,t){this.events[e]&&(this.events[e].regular.delete(t),this.events[e].highPriority.delete(t))}removeAllListeners(){this.events={}}emit(e,...t){const r=this.events[e];if(!r)return;const o=Array.from(r.highPriority.keys()),a=Array.from(r.regular.keys());for(let e=o.length-1;e>=0;e-=1){const a=o[e];r.highPriority.has(a)&&a.apply(this,t)}for(let e=0;e<a.length;e+=1){const o=a[e];r.regular.has(o)&&o.apply(this,t)}}once(e,t){const r=this;this.on(e,function o(...a){r.removeListener(e,o),t.apply(r,a)})}}const Ld=({isItemEditable:e,expansionTrigger:t})=>t||(e?"iconContainer":"content");function Pd(e){return{disabledItemsFocusable:e.disabledItemsFocusable??!1,domStructure:"nested",itemChildrenIndentation:e.itemChildrenIndentation??"12px",providedTreeId:e.id,expansionTrigger:Ld({isItemEditable:e.isItemEditable,expansionTrigger:e.expansionTrigger}),disableSelection:e.disableSelection??!1,multiSelect:e.multiSelect??!1,checkboxSelection:e.checkboxSelection??!1,selectionPropagation:e.selectionPropagation??xc}}function Md(e,t,r){return void 0!==e?e:void 0!==t?t:r}let Dd=0;class Od{timeoutIds=(()=>new Map)();intervalIds=(()=>new Map)();startTimeout=(e,t,r)=>{this.clearTimeout(e);const o=setTimeout(()=>{this.timeoutIds.delete(e),r()},t);this.timeoutIds.set(e,o)};startInterval=(e,t,r)=>{this.clearTimeout(e);const o=setInterval(r,t);this.intervalIds.set(e,o)};clearTimeout=e=>{const t=this.timeoutIds.get(e);null!=t&&(clearTimeout(t),this.timeoutIds.delete(e))};clearInterval=e=>{const t=this.intervalIds.get(e);null!=t&&(clearInterval(t),this.intervalIds.delete(e))};clearAll=()=>{this.timeoutIds.forEach(clearTimeout),this.timeoutIds.clear(),this.intervalIds.forEach(clearInterval),this.intervalIds.clear()}}class Wd{constructor(e){this.store=e}setExpandedItems=(e,t)=>{void 0===this.store.parameters.expandedItems&&this.store.set("expandedItems",t),this.store.parameters.onExpandedItemsChange?.(e,t)};isItemExpanded=e=>hd.isItemExpanded(this.store.state,e);buildPublicAPI=()=>({isItemExpanded:this.isItemExpanded,setItemExpansion:this.setItemExpansion});setItemExpansion=({itemId:e,event:t=null,shouldBeExpanded:r})=>{const o=hd.isItemExpanded(this.store.state,e),a=r??!o;if(o===a)return;const n={isExpansionPrevented:!1,shouldBeExpanded:a,itemId:e};this.store.publishEvent("beforeItemToggleExpansion",n,t),n.isExpansionPrevented||this.applyItemExpansion({itemId:e,event:t,shouldBeExpanded:a})};applyItemExpansion=({itemId:e,event:t,shouldBeExpanded:r})=>{const o=hd.expandedItemsRaw(this.store.state);let a;a=r?[e].concat(o):o.filter(t=>t!==e),this.store.parameters.onItemExpansionToggle?.(t,e,r),this.setExpandedItems(t,a)};expandAllSiblings=(e,t)=>{const r=nd.itemMeta(this.store.state,t);if(null==r)return;const o=nd.itemOrderedChildrenIds(this.store.state,r.parentId).filter(e=>hd.isItemExpandable(this.store.state,e)&&!hd.isItemExpanded(this.store.state,e)),a=hd.expandedItemsRaw(this.store.state).concat(o);o.length>0&&(this.store.parameters.onItemExpansionToggle&&o.forEach(t=>{this.store.parameters.onItemExpansionToggle(e,t,!0)}),this.setExpandedItems(e,a))};addExpandableItems=e=>{const t=Gs({},this.store.state.itemMetaLookup);for(const r of e)t[r]=Gs({},t[r],{expandable:!0});this.store.set("itemMetaLookup",t)}}const Fd={isItemEditable:Mc(e=>e.isItemEditable,nd.itemModel,(e,t,r)=>!(!t||null==e)&&("boolean"==typeof e?e:e(t))),isItemBeingEdited:Mc((e,t)=>null!=t&&e.editedItemId===t),isAnyItemBeingEdited:Mc(e=>!!e.editedItemId)};class Hd{typeaheadQuery="";constructor(e){this.store=e,this.labelMap=Nd(nd.itemMetaLookup(this.store.state)),this.store.registerStoreEffect(nd.itemMetaLookup,(e,t)=>{this.store.shouldIgnoreItemsStateUpdate()||(this.labelMap=Nd(t))})}canToggleItemSelection=e=>dd.canItemBeSelected(this.store.state,e);canToggleItemExpansion=e=>!nd.isItemDisabled(this.store.state,e)&&hd.isItemExpandable(this.store.state,e);getFirstItemMatchingTypeaheadQuery=(e,t)=>{const r=e=>{const t=gd(this.store.state,e);return null===t?vd(this.store.state):t},o=t=>{let o=null;const a={};let n=t.length>1?e:r(e);for(;null==o&&!a[n];){const e=this.labelMap[n];e?.startsWith(t)?o=n:(a[n]=!0,n=r(n))}return o},a=t.toLowerCase(),n=`${this.typeaheadQuery}${a}`,i=o(n);if(null!=i)return this.typeaheadQuery=n,i;const l=o(a);return null!=l?(this.typeaheadQuery=a,l):(this.typeaheadQuery="",null)};updateLabelMap=e=>{this.labelMap=e(this.labelMap)};handleItemKeyDown=async(e,t)=>{if(e.defaultMuiPrevented)return;if(e.altKey||jd(e.target,e.currentTarget))return;const r=e.ctrlKey||e.metaKey,o=e.key,a=dd.isMultiSelectEnabled(this.store.state);switch(!0){case" "===o&&this.canToggleItemSelection(t):e.preventDefault(),a&&e.shiftKey?this.store.selection.expandSelectionRange(e,t):this.store.selection.setItemSelection({event:e,itemId:t,keepExistingSelection:a,shouldBeSelected:void 0});break;case"Enter"===o:this.store.labelEditing?.setEditedItem&&Fd.isItemEditable(this.store.state,t)&&!Fd.isItemBeingEdited(this.store.state,t)?this.store.labelEditing.setEditedItem(t):this.canToggleItemExpansion(t)?(this.store.expansion.setItemExpansion({event:e,itemId:t}),e.preventDefault()):this.canToggleItemSelection(t)&&(a?(e.preventDefault(),this.store.selection.setItemSelection({event:e,itemId:t,keepExistingSelection:!0})):dd.isItemSelected(this.store.state,t)||(this.store.selection.setItemSelection({event:e,itemId:t}),e.preventDefault()));break;case"ArrowDown"===o:{const r=gd(this.store.state,t);r&&(e.preventDefault(),this.store.focus.focusItem(e,r),a&&e.shiftKey&&this.canToggleItemSelection(r)&&this.store.selection.selectItemFromArrowNavigation(e,t,r));break}case"ArrowUp"===o:{const r=fd(this.store.state,t);r&&(e.preventDefault(),this.store.focus.focusItem(e,r),a&&e.shiftKey&&this.canToggleItemSelection(r)&&this.store.selection.selectItemFromArrowNavigation(e,t,r));break}case"ArrowRight"===o&&!this.store.parameters.isRtl||"ArrowLeft"===o&&this.store.parameters.isRtl:if(r)return;if(hd.isItemExpanded(this.store.state,t)){const r=gd(this.store.state,t);r&&(this.store.focus.focusItem(e,r),e.preventDefault())}else this.canToggleItemExpansion(t)&&(this.store.expansion.setItemExpansion({event:e,itemId:t}),e.preventDefault());break;case"ArrowLeft"===o&&!this.store.parameters.isRtl||"ArrowRight"===o&&this.store.parameters.isRtl:if(r)return;if(this.canToggleItemExpansion(t)&&hd.isItemExpanded(this.store.state,t))this.store.expansion.setItemExpansion({event:e,itemId:t}),e.preventDefault();else{const r=nd.itemParentId(this.store.state,t);r&&(this.store.focus.focusItem(e,r),e.preventDefault())}break;case"Home"===o:this.canToggleItemSelection(t)&&a&&r&&e.shiftKey?this.store.selection.selectRangeFromStartToItem(e,t):this.store.focus.focusItem(e,vd(this.store.state)),e.preventDefault();break;case"End"===o:this.canToggleItemSelection(t)&&a&&r&&e.shiftKey?this.store.selection.selectRangeFromItemToEnd(e,t):this.store.focus.focusItem(e,bd(this.store.state)),e.preventDefault();break;case"*"===o:this.store.expansion.expandAllSiblings(e,t),e.preventDefault();break;case"A"===String.fromCharCode(e.keyCode)&&r&&a&&dd.enabled(this.store.state):this.store.selection.selectAllNavigableItems(e),e.preventDefault();break;case!(r||e.shiftKey||(n=o,!n||1!==n.length||!n.match(/\S/))):{this.store.timeoutManager.clearTimeout("typeahead");const r=this.getFirstItemMatchingTypeaheadQuery(t,o);null!=r?(this.store.focus.focusItem(e,r),e.preventDefault()):this.typeaheadQuery="",this.store.timeoutManager.startTimeout("typeahead",500,()=>{this.typeaheadQuery=""});break}}var n}}function Nd(e){const t={};return Object.values(e).forEach(e=>{t[e.id]=e.label.toLowerCase()}),t}const Vd=Dc(dd.selectedItems,hd.expandedItemsMap,nd.itemMetaLookup,nd.disabledItemFocusable,e=>nd.itemOrderedChildrenIds(e,null),(e,t,r,o,a)=>{const n=e.find(e=>{if(!o&&rd(r,e))return!1;const a=r[e];return a&&(null==a.parentId||t.has(a.parentId))});if(null!=n)return n;const i=a.find(e=>o||!rd(r,e));return null!=i?i:null}),Qd={defaultFocusableItemId:Vd,isItemTheDefaultFocusableItem:Mc(Vd,(e,t)=>e===t),focusedItemId:Mc(e=>e.focusedItemId),isItemFocused:Mc((e,t)=>e.focusedItemId===t)};class Gd{constructor(e){this.store=e;let t=e.state;this.store.subscribe(e=>{if(e.itemMetaLookup===t.itemMetaLookup)return void(t=e);const r=Qd.focusedItemId(e);if(null==r||nd.itemMeta(e,r))return void(t=e);const o=t=>null!=t&&nd.itemMeta(e,t)?t:null,a=o(gd(t,r))??o(fd(t,r))??vd(e);null==a?this.setFocusedItemId(null):this.applyItemFocus(null,a),t=e})}setFocusedItemId=e=>{Qd.focusedItemId(this.store.state)!==e&&this.store.set("focusedItemId",e)};applyItemFocus=(e,t)=>{this.store.items.getItemDOMElement(t)?.focus(),this.setFocusedItemId(t),this.store.parameters.onItemFocus?.(e,t)};buildPublicAPI=()=>({focusItem:this.focusItem});focusItem=(e,t)=>{const r=nd.itemMeta(this.store.state,t);r&&(null==r.parentId||hd.isItemExpanded(this.store.state,r.parentId))&&this.applyItemFocus(e,t)};removeFocusedItem=()=>{const e=Qd.focusedItemId(this.store.state);if(null==e)return;if(nd.itemMeta(this.store.state,e)){const t=this.store.items.getItemDOMElement(e);t&&t.blur()}this.setFocusedItemId(null)};handleRootFocus=e=>{if(e.defaultMuiPrevented)return;const t=Qd.defaultFocusableItemId(this.store.state);e.target===e.currentTarget&&null!=t&&this.applyItemFocus(e,t)};handleRootBlur=e=>{e.defaultMuiPrevented||this.setFocusedItemId(null)}}class qd{itemPlugins=[];itemWrappers=[];register=(e,t)=>{this.itemPlugins.push(e),t&&this.itemWrappers.push(t)};listPlugins=()=>this.itemPlugins;listWrappers=()=>this.itemWrappers}class Ud extends Jc{initialParameters=null;eventManager=(()=>new Ed)();timeoutManager=(()=>new Od)();itemPluginManager=(()=>new qd)();constructor(e,t,r){const o=function(e){return Gs({treeId:void 0,focusedItemId:null},Pd(e),id.buildItemsStateIfNeeded(e),{expandedItems:Md(e.expandedItems,e.defaultExpandedItems,[]),selectedItems:Md(e.selectedItems,e.defaultSelectedItems,e.multiSelect?uc:null)})}(e);super(r.getInitialState(o,e)),this.parameters=e,this.instanceName=t,this.mapper=r,this.items=new id(this),this.focus=new Gd(this),this.expansion=new Wd(this),this.selection=new Sd(this),this.keyboardNavigation=new Hd(this),"production"!==process.env.NODE_ENV&&(this.initialParameters=e)}buildPublicAPI(){return Gs({},this.items.buildPublicAPI(),this.focus.buildPublicAPI(),this.expansion.buildPublicAPI(),this.selection.buildPublicAPI())}updateStateFromParameters(e){const t=(t,r,o)=>{if(void 0!==e[r]&&(t[r]=e[r]),"production"!==process.env.NODE_ENV){const t=e[o],a=void 0!==e[r],n=this.initialParameters?.[o],i=void 0!==this.initialParameters?.[r];i!==a?oc([`MUI X Tree View: A component is changing the ${i?"":"un"}controlled ${r} state of ${this.instanceName} to be ${i?"un":""}controlled.`,"Elements should not switch from uncontrolled to controlled (or vice versa).",`Decide between using a controlled or uncontrolled ${r} element for the lifetime of the component.`,"The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.","More info: https://fb.me/react-controlled-components"],"error"):JSON.stringify(n)!==JSON.stringify(t)&&oc([`MUI X Tree View: A component is changing the default ${r} state of an uncontrolled ${this.instanceName} after being initialized. `,`To suppress this warning opt to use a controlled ${this.instanceName}.`],"error")}},r=Pd(e);t(r,"expandedItems","defaultExpandedItems"),t(r,"selectedItems","defaultSelectedItems"),this.state.providedTreeId===e.id&&void 0!==this.state.treeId||(r.treeId=(Dd+=1,`mui-tree-view-${Dd}`)),!this.mapper.shouldIgnoreItemsStateUpdate(e)&&id.shouldRebuildItemsState(e,this.parameters)&&Object.assign(r,id.buildItemsStateIfNeeded(e));const o=this.mapper.updateStateFromParameters(r,e,t);this.update(o),this.parameters=e}disposeEffect=()=>this.timeoutManager.clearAll;shouldIgnoreItemsStateUpdate=()=>this.mapper.shouldIgnoreItemsStateUpdate(this.parameters);registerStoreEffect=(e,t)=>{let r=e(this.state);this.subscribe(o=>{const a=e(o);a!==r&&(t(r,a),r=a)})};publishEvent=(e,t,r)=>{(function(e){return void 0!==e?.isPropagationStopped})(r)&&r.isPropagationStopped()||this.eventManager.emit(e,t,r)};subscribeEvent=(e,t)=>{this.eventManager.on(e,t)}}const Xd={isEmpty:Mc(e=>null==e.lazyLoadedItems||0===Object.keys(e.lazyLoadedItems.loading).length&&0===Object.keys(e.lazyLoadedItems.errors).length),isItemLoading:Mc((e,t)=>e.lazyLoadedItems?.loading[t??ed]??!1),itemHasError:Mc((e,t)=>!!e.lazyLoadedItems?.errors[t??ed]),itemError:Mc((e,t)=>e.lazyLoadedItems?.errors[t??ed])},$d=e=>Array.isArray(e)?e.length>0&&e.some($d):Boolean(e),Kd=({props:e,rootRef:t,contentRef:r})=>{const{store:o}=hc(),{children:a,disabled:n=!1,disableSelection:i=!1,label:l,itemId:s,id:c}=e,d=ct.useContext(wd);if(null==d)throw new Error(["MUI X: Could not find the Tree View Children Item context.","It looks like you rendered your component outside of a SimpleTreeView parent component.","This can also happen if you are bundling multiple versions of the Tree View."].join("\n"));const{registerChild:u,unregisterChild:x,parentId:p}=d,h=$d(a),m=ct.useRef(null),f=Xs(m,r),g=Yc(o,_c.treeItemIdAttribute,s,c),b=ct.useRef(!0),v=Us(Symbol);return Id(()=>(u(g,s),()=>{x(g),x(g)}),[o,u,x,g,s]),Id(()=>(b.current=!0,()=>{b.current=!1}),[]),Id(()=>{const e=o.jsxItems.upsertJSXItem({id:s,idAttribute:c,parentId:p,expandable:h,disabled:n,selectable:!i},v.current);return()=>{b.current||e()}},[o,p,s,h,n,i,c,v]),ct.useEffect(()=>{if(l)return o.jsxItems.mapLabelFromJSX(s,(m.current?.textContent??"").toLowerCase())},[o,s,l]),{contentRef:f,rootRef:t}},Yd=({children:e,itemId:t,idAttribute:o})=>{const a=ct.useContext(Td);return r.jsx(Cd,{itemId:t,idAttribute:o,children:r.jsx(Td.Provider,{value:a+1,children:e})})};"production"!==process.env.NODE_ENV&&(Yd.displayName="jsxItemsitemWrapper");class Jd{itemOwners=(()=>new Map)();constructor(e){this.store=e,e.itemPluginManager.register(Kd,Yd)}upsertJSXItem=(e,t)=>{const r=this.itemOwners.get(e.id);if(null!=r&&r!==t)throw new Error(["MUI X: The Tree View component requires all items to have a unique `id` property.","Alternatively, you can use the `getItemId` prop to specify a custom id for each item.",`Two items were provided with the same id in the \`items\` prop: "${e.id}"`].join("\n"));this.itemOwners.set(e.id,t);const o=nd.itemMeta(this.store.state,e.id);if(null!=o){let t=!1;for(const r of Object.keys(e))if(o[r]!==e[r]){t=!0;break}t&&this.store.update({itemMetaLookup:Gs({},this.store.state.itemMetaLookup,{[e.id]:Gs({},o,e)})})}else this.store.update({itemMetaLookup:Gs({},this.store.state.itemMetaLookup,{[e.id]:e}),itemModelLookup:Gs({},this.store.state.itemModelLookup,{[e.id]:{id:e.id,label:e.label??""}})});return()=>{this.itemOwners.delete(e.id);const t=Gs({},this.store.state.itemMetaLookup),r=Gs({},this.store.state.itemModelLookup);delete t[e.id],delete r[e.id],this.store.update({itemMetaLookup:t,itemModelLookup:r})}};mapLabelFromJSX=(e,t)=>(this.store.keyboardNavigation.updateLabelMap(r=>(r[e]=t,r)),()=>{this.store.keyboardNavigation.updateLabelMap(t=>{const r=Gs({},t);return delete r[e],r})});setJSXItemsOrderedChildrenIds=(e,t)=>{const r=e??ed;this.store.update({itemOrderedChildrenIdsLookup:Gs({},this.store.state.itemOrderedChildrenIdsLookup,{[r]:t}),itemChildrenIndexesLookup:Gs({},this.store.state.itemChildrenIndexesLookup,{[r]:td(t)})})}}const Zd={getInitialState:e=>e,updateStateFromParameters:e=>e,shouldIgnoreItemsStateUpdate:()=>!0};class _d extends Ud{jsxItems=(()=>new Jd(this))();constructor(e){super(Gs({},e,{items:uc}),"SimpleTreeView",Zd)}updateStateFromParameters(e){super.updateStateFromParameters(Gs({},e,{items:uc}))}}const eu=ac(),tu=qe.styled("ul",{name:"MuiSimpleTreeView",slot:"Root"})({padding:0,margin:0,listStyle:"none",outline:0,position:"relative"}),ru=ct.forwardRef(function(e,t){const o=eu({props:e,name:"MuiSimpleTreeView"});"production"!==process.env.NODE_ENV&&null!=o.items&&oc(["MUI X: The Simple Tree View component does not support the `items` prop.","If you want to add items, you need to pass them as JSX children.","Check the documentation for more details: https://mui.com/x/react-tree-view/simple-tree-view/items/."]);const{slots:a,slotProps:n,apiRef:i,parameters:l,forwardedProps:s}=function(e){const{apiRef:t,slots:r,slotProps:o,disabledItemsFocusable:a,onItemClick:n,itemChildrenIndentation:i,id:l,expandedItems:s,defaultExpandedItems:c,onExpandedItemsChange:d,onItemExpansionToggle:u,expansionTrigger:x,disableSelection:p,selectedItems:h,defaultSelectedItems:m,multiSelect:f,checkboxSelection:g,selectionPropagation:b,onSelectedItemsChange:v,onItemSelectionToggle:y,onItemFocus:j}=e,S=bc(e,vc);return{apiRef:t,slots:r,slotProps:o,parameters:ct.useMemo(()=>({disabledItemsFocusable:a,onItemClick:n,itemChildrenIndentation:i,id:l,expandedItems:s,defaultExpandedItems:c,onExpandedItemsChange:d,onItemExpansionToggle:u,expansionTrigger:x,disableSelection:p,selectedItems:h,defaultSelectedItems:m,multiSelect:f,checkboxSelection:g,selectionPropagation:b,onSelectedItemsChange:v,onItemSelectionToggle:y,onItemFocus:j}),[a,n,i,l,s,c,d,u,x,p,h,m,f,g,b,v,y,j]),forwardedProps:S}}(o),c=Rd(_d,l),d=ct.useRef(null),u=function(e,t,r){const o=Yc(e,_c.treeId),a=Yc(e,nd.itemChildrenIndentation),n=Yc(e,dd.isMultiSelectEnabled);return i=>Gs({ref:r,role:"tree",id:o,"aria-multiselectable":n},t,i,{style:Gs({},t.style,{"--TreeView-itemChildrenIndentation":"number"==typeof a?`${a}px`:a}),onFocus:t=>{i.onFocus?.(t),e.focus.handleRootFocus(t)},onBlur:t=>{i.onBlur?.(t),e.focus.handleRootBlur(t)}})}(c,s,Xs(t,d)),x=(e=>{const{classes:t}=e;return ct.useMemo(()=>Ks({root:["root"],item:["item"],itemContent:["itemContent"],itemGroupTransition:["itemGroupTransition"],itemIconContainer:["itemIconContainer"],itemLabel:["itemLabel"],itemCheckbox:["itemCheckbox"]},dc,t),[t])})(o),p=a?.root??tu,h=tc({elementType:p,externalSlotProps:n?.root,className:x.root,getSlotProps:u,ownerState:o});return r.jsx(gc,{store:c,classes:x,slots:a,slotProps:n,apiRef:i,rootRef:d,children:r.jsx(Cd,{itemId:null,idAttribute:null,children:r.jsx(Td.Provider,{value:0,children:r.jsx(p,Gs({},h))})})})});"production"!==process.env.NODE_ENV&&(ru.displayName="SimpleTreeView"),"production"!==process.env.NODE_ENV&&(ru.propTypes={apiRef:xa.shape({current:xa.shape({focusItem:xa.func,getItem:xa.func,getItemDOMElement:xa.func,getItemOrderedChildrenIds:xa.func,getItemTree:xa.func,getParentId:xa.func,isItemExpanded:xa.func,setIsItemDisabled:xa.func,setItemExpansion:xa.func,setItemSelection:xa.func})}),checkboxSelection:xa.bool,children:xa.node,classes:xa.object,className:xa.string,defaultExpandedItems:xa.arrayOf(xa.string),defaultSelectedItems:xa.any,disabledItemsFocusable:xa.bool,disableSelection:xa.bool,expandedItems:xa.arrayOf(xa.string),expansionTrigger:xa.oneOf(["content","iconContainer"]),id:xa.string,itemChildrenIndentation:xa.oneOfType([xa.number,xa.string]),multiSelect:xa.bool,onExpandedItemsChange:xa.func,onItemClick:xa.func,onItemExpansionToggle:xa.func,onItemFocus:xa.func,onItemSelectionToggle:xa.func,onSelectedItemsChange:xa.func,selectedItems:xa.any,selectionPropagation:xa.shape({descendants:xa.bool,parents:xa.bool}),slotProps:xa.object,slots:xa.object,sx:xa.oneOfType([xa.arrayOf(xa.oneOfType([xa.func,xa.object,xa.bool])),xa.func,xa.object])});var ou,au={exports:{}},nu={};var iu,lu={};
33
33
  /**
34
34
  * @license React
35
35
  * react-is.development.js
@@ -38,5 +38,5 @@ object-assign
38
38
  *
39
39
  * This source code is licensed under the MIT license found in the
40
40
  * LICENSE file in the root directory of this source tree.
41
- */"production"===process.env.NODE_ENV?Xd.exports=function(){if(Ud)return Kd;Ud=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),n=Symbol.for("react.consumer"),i=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),s=Symbol.for("react.suspense"),c=Symbol.for("react.suspense_list"),d=Symbol.for("react.memo"),u=Symbol.for("react.lazy"),x=Symbol.for("react.view_transition"),p=Symbol.for("react.client.reference");function h(p){if("object"==typeof p&&null!==p){var h=p.$$typeof;switch(h){case e:switch(p=p.type){case r:case a:case o:case s:case c:case x:return p;default:switch(p=p&&p.$$typeof){case i:case l:case u:case d:case n:return p;default:return h}}case t:return h}}}return Kd.ContextConsumer=n,Kd.ContextProvider=i,Kd.Element=e,Kd.ForwardRef=l,Kd.Fragment=r,Kd.Lazy=u,Kd.Memo=d,Kd.Portal=t,Kd.Profiler=a,Kd.StrictMode=o,Kd.Suspense=s,Kd.SuspenseList=c,Kd.isContextConsumer=function(e){return h(e)===n},Kd.isContextProvider=function(e){return h(e)===i},Kd.isElement=function(t){return"object"==typeof t&&null!==t&&t.$$typeof===e},Kd.isForwardRef=function(e){return h(e)===l},Kd.isFragment=function(e){return h(e)===r},Kd.isLazy=function(e){return h(e)===u},Kd.isMemo=function(e){return h(e)===d},Kd.isPortal=function(e){return h(e)===t},Kd.isProfiler=function(e){return h(e)===a},Kd.isStrictMode=function(e){return h(e)===o},Kd.isSuspense=function(e){return h(e)===s},Kd.isSuspenseList=function(e){return h(e)===c},Kd.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===a||e===o||e===s||e===c||"object"==typeof e&&null!==e&&(e.$$typeof===u||e.$$typeof===d||e.$$typeof===i||e.$$typeof===n||e.$$typeof===l||e.$$typeof===p||void 0!==e.getModuleId)},Kd.typeOf=h,Kd}():Xd.exports=(Jd||(Jd=1,"production"!==process.env.NODE_ENV&&function(){function e(e){if("object"==typeof e&&null!==e){var h=e.$$typeof;switch(h){case t:switch(e=e.type){case o:case n:case a:case c:case d:case p:return e;default:switch(e=e&&e.$$typeof){case l:case s:case x:case u:case i:return e;default:return h}}case r:return h}}}var t=Symbol.for("react.transitional.element"),r=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),n=Symbol.for("react.profiler"),i=Symbol.for("react.consumer"),l=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),c=Symbol.for("react.suspense"),d=Symbol.for("react.suspense_list"),u=Symbol.for("react.memo"),x=Symbol.for("react.lazy"),p=Symbol.for("react.view_transition"),h=Symbol.for("react.client.reference");Yd.ContextConsumer=i,Yd.ContextProvider=l,Yd.Element=t,Yd.ForwardRef=s,Yd.Fragment=o,Yd.Lazy=x,Yd.Memo=u,Yd.Portal=r,Yd.Profiler=n,Yd.StrictMode=a,Yd.Suspense=c,Yd.SuspenseList=d,Yd.isContextConsumer=function(t){return e(t)===i},Yd.isContextProvider=function(t){return e(t)===l},Yd.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},Yd.isForwardRef=function(t){return e(t)===s},Yd.isFragment=function(t){return e(t)===o},Yd.isLazy=function(t){return e(t)===x},Yd.isMemo=function(t){return e(t)===u},Yd.isPortal=function(t){return e(t)===r},Yd.isProfiler=function(t){return e(t)===n},Yd.isStrictMode=function(t){return e(t)===a},Yd.isSuspense=function(t){return e(t)===c},Yd.isSuspenseList=function(t){return e(t)===d},Yd.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===n||e===a||e===c||e===d||"object"==typeof e&&null!==e&&(e.$$typeof===x||e.$$typeof===u||e.$$typeof===l||e.$$typeof===i||e.$$typeof===s||e.$$typeof===h||void 0!==e.getModuleId)},Yd.typeOf=e}()),Yd);var Zd=Xd.exports;function $d(e){if("object"!=typeof e||null===e)return!1;const t=Object.getPrototypeOf(e);return!(null!==t&&t!==Object.prototype&&null!==Object.getPrototypeOf(t)||Symbol.toStringTag in e||Symbol.iterator in e)}function _d(e){if(ct.isValidElement(e)||Zd.isValidElementType(e)||!$d(e))return e;const t={};return Object.keys(e).forEach(r=>{t[r]=_d(e[r])}),t}function eu(e,t,r={clone:!0}){const o=r.clone?{...e}:e;return $d(e)&&$d(t)&&Object.keys(t).forEach(a=>{ct.isValidElement(t[a])||Zd.isValidElementType(t[a])?o[a]=t[a]:$d(t[a])&&Object.prototype.hasOwnProperty.call(e,a)&&$d(e[a])?o[a]=eu(e[a],t[a],r):r.clone?o[a]=$d(t[a])?_d(t[a]):t[a]:o[a]=t[a]}),o}function tu(e){if("string"!=typeof e)throw new Error("production"!==process.env.NODE_ENV?"MUI: `capitalize(string)` expects a string argument.":function(e,...t){const r=new URL(`https://mui.com/production-error/?code=${e}`);return t.forEach(e=>r.searchParams.append("args[]",e)),`Minified MUI error #${e}; visit ${r} for the full message.`}(7));return e.charAt(0).toUpperCase()+e.slice(1)}function ru(e){const{values:t={xs:0,sm:600,md:900,lg:1200,xl:1536},unit:r="px",step:o=5,...a}=e,n=(e=>{const t=Object.keys(e).map(t=>({key:t,val:e[t]}))||[];return t.sort((e,t)=>e.val-t.val),t.reduce((e,t)=>({...e,[t.key]:t.val}),{})})(t),i=Object.keys(n);function l(e){return`@media (min-width:${"number"==typeof t[e]?t[e]:e}${r})`}function s(e){return`@media (max-width:${("number"==typeof t[e]?t[e]:e)-o/100}${r})`}function c(e,a){const n=i.indexOf(a);return`@media (min-width:${"number"==typeof t[e]?t[e]:e}${r}) and (max-width:${(-1!==n&&"number"==typeof t[i[n]]?t[i[n]]:a)-o/100}${r})`}return{keys:i,values:n,up:l,down:s,between:c,only:function(e){return i.indexOf(e)+1<i.length?c(e,i[i.indexOf(e)+1]):l(e)},not:function(e){const t=i.indexOf(e);return 0===t?l(i[1]):t===i.length-1?s(i[t]):c(e,i[i.indexOf(e)+1]).replace("@media","@media not all and")},unit:r,...a}}function ou(e,t){if(!e.containerQueries)return t;const r=Object.keys(t).filter(e=>e.startsWith("@container")).sort((e,t)=>{const r=/min-width:\s*([0-9.]+)/;return+(e.match(r)?.[1]||0)-+(t.match(r)?.[1]||0)});return r.length?r.reduce((e,r)=>{const o=t[r];return delete e[r],e[r]=o,e},{...t}):t}const au={borderRadius:4},nu="production"!==process.env.NODE_ENV?ia.oneOfType([ia.number,ia.string,ia.object,ia.array]):{};function iu(e,t){return t?eu(e,t,{clone:!1}):e}const lu={xs:0,sm:600,md:900,lg:1200,xl:1536},su={keys:["xs","sm","md","lg","xl"],up:e=>`@media (min-width:${lu[e]}px)`},cu={containerQueries:e=>({up:t=>{let r="number"==typeof t?t:lu[t]||t;return"number"==typeof r&&(r=`${r}px`),e?`@container ${e} (min-width:${r})`:`@container (min-width:${r})`}})};function du(e,t,r){const o=e.theme||{};if(Array.isArray(t)){const e=o.breakpoints||su;return t.reduce((o,a,n)=>(o[e.up(e.keys[n])]=r(t[n]),o),{})}if("object"==typeof t){const e=o.breakpoints||su;return Object.keys(t).reduce((a,n)=>{if(i=e.keys,"@"===(l=n)||l.startsWith("@")&&(i.some(e=>l.startsWith(`@${e}`))||l.match(/^@\d/))){const e=function(e,t){const r=t.match(/^@([^/]+)?\/?(.+)?$/);if(!r){if("production"!==process.env.NODE_ENV)throw new Error(`MUI: The provided shorthand (${t}) is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.\nFor example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.`);return null}const[,o,a]=r,n=Number.isNaN(+o)?o||0:+o;return e.containerQueries(a).up(n)}(o.containerQueries?o:cu,n);e&&(a[e]=r(t[n],n))}else if(Object.keys(e.values||lu).includes(n)){a[e.up(n)]=r(t[n],n)}else{const e=n;a[e]=t[e]}var i,l;return a},{})}return r(t)}function uu(e,t){return e.reduce((e,t)=>{const r=e[t];return(!r||0===Object.keys(r).length)&&delete e[t],e},t)}function xu(e,t,r=!0){if(!t||"string"!=typeof t)return null;if(e&&e.vars&&r){const r=`vars.${t}`.split(".").reduce((e,t)=>e&&e[t]?e[t]:null,e);if(null!=r)return r}return t.split(".").reduce((e,t)=>e&&null!=e[t]?e[t]:null,e)}function pu(e,t,r,o=r){let a;return a="function"==typeof e?e(r):Array.isArray(e)?e[r]||o:xu(e,r)||o,t&&(a=t(a,o,e)),a}function hu(e){const{prop:t,cssProperty:r=e.prop,themeKey:o,transform:a}=e,n=e=>{if(null==e[t])return null;const n=e[t],i=xu(e.theme,o)||{};return du(e,n,e=>{let o=pu(i,a,e);return e===o&&"string"==typeof e&&(o=pu(i,a,`${t}${"default"===e?"":tu(e)}`,e)),!1===r?o:{[r]:o}})};return n.propTypes="production"!==process.env.NODE_ENV?{[t]:nu}:{},n.filterProps=[t],n}const mu={m:"margin",p:"padding"},fu={t:"Top",r:"Right",b:"Bottom",l:"Left",x:["Left","Right"],y:["Top","Bottom"]},gu={marginX:"mx",marginY:"my",paddingX:"px",paddingY:"py"},bu=function(e){const t={};return r=>(void 0===t[r]&&(t[r]=e(r)),t[r])}(e=>{if(e.length>2){if(!gu[e])return[e];e=gu[e]}const[t,r]=e.split(""),o=mu[t],a=fu[r]||"";return Array.isArray(a)?a.map(e=>o+e):[o+a]}),vu=["m","mt","mr","mb","ml","mx","my","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","marginInline","marginInlineStart","marginInlineEnd","marginBlock","marginBlockStart","marginBlockEnd"],yu=["p","pt","pr","pb","pl","px","py","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY","paddingInline","paddingInlineStart","paddingInlineEnd","paddingBlock","paddingBlockStart","paddingBlockEnd"],ju=[...vu,...yu];function Su(e,t,r,o){const a=xu(e,t,!0)??r;return"number"==typeof a||"string"==typeof a?e=>"string"==typeof e?e:("production"!==process.env.NODE_ENV&&"number"!=typeof e&&console.error(`MUI: Expected ${o} argument to be a number or a string, got ${e}.`),"string"==typeof a?a.startsWith("var(")&&0===e?0:a.startsWith("var(")&&1===e?a:`calc(${e} * ${a})`:a*e):Array.isArray(a)?e=>{if("string"==typeof e)return e;const r=Math.abs(e);"production"!==process.env.NODE_ENV&&(Number.isInteger(r)?r>a.length-1&&console.error([`MUI: The value provided (${r}) overflows.`,`The supported values are: ${JSON.stringify(a)}.`,`${r} > ${a.length-1}, you need to add the missing values.`].join("\n")):console.error([`MUI: The \`theme.${t}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${t}\` as a number.`].join("\n")));const o=a[r];return e>=0?o:"number"==typeof o?-o:"string"==typeof o&&o.startsWith("var(")?`calc(-1 * ${o})`:`-${o}`}:"function"==typeof a?a:("production"!==process.env.NODE_ENV&&console.error([`MUI: The \`theme.${t}\` value (${a}) is invalid.`,"It should be a number, an array or a function."].join("\n")),()=>{})}function Bu(e){return Su(e,"spacing",8,"spacing")}function ku(e,t){return"string"==typeof t||null==t?t:e(t)}function Cu(e,t,r,o){if(!t.includes(r))return null;const a=function(e,t){return r=>e.reduce((e,o)=>(e[o]=ku(t,r),e),{})}(bu(r),o);return du(e,e[r],a)}function wu(e,t){const r=Bu(e.theme);return Object.keys(e).map(o=>Cu(e,t,o,r)).reduce(iu,{})}function Tu(e){return wu(e,vu)}function Iu(e){return wu(e,yu)}function Au(...e){const t=e.reduce((e,t)=>(t.filterProps.forEach(r=>{e[r]=t}),e),{}),r=e=>Object.keys(e).reduce((r,o)=>t[o]?iu(r,t[o](e)):r,{});return r.propTypes="production"!==process.env.NODE_ENV?e.reduce((e,t)=>Object.assign(e,t.propTypes),{}):{},r.filterProps=e.reduce((e,t)=>e.concat(t.filterProps),[]),r}function zu(e){return"number"!=typeof e?e:`${e}px solid`}function Ru(e,t){return hu({prop:e,themeKey:"borders",transform:t})}Tu.propTypes="production"!==process.env.NODE_ENV?vu.reduce((e,t)=>(e[t]=nu,e),{}):{},Tu.filterProps=vu,Iu.propTypes="production"!==process.env.NODE_ENV?yu.reduce((e,t)=>(e[t]=nu,e),{}):{},Iu.filterProps=yu,"production"===process.env.NODE_ENV||ju.reduce((e,t)=>(e[t]=nu,e),{});const Eu=Ru("border",zu),Lu=Ru("borderTop",zu),Pu=Ru("borderRight",zu),Ou=Ru("borderBottom",zu),Du=Ru("borderLeft",zu),Mu=Ru("borderColor"),Wu=Ru("borderTopColor"),Fu=Ru("borderRightColor"),Nu=Ru("borderBottomColor"),Hu=Ru("borderLeftColor"),Vu=Ru("outline",zu),Qu=Ru("outlineColor"),Gu=e=>{if(void 0!==e.borderRadius&&null!==e.borderRadius){const t=Su(e.theme,"shape.borderRadius",4,"borderRadius"),r=e=>({borderRadius:ku(t,e)});return du(e,e.borderRadius,r)}return null};Gu.propTypes="production"!==process.env.NODE_ENV?{borderRadius:nu}:{},Gu.filterProps=["borderRadius"],Au(Eu,Lu,Pu,Ou,Du,Mu,Wu,Fu,Nu,Hu,Gu,Vu,Qu);const qu=e=>{if(void 0!==e.gap&&null!==e.gap){const t=Su(e.theme,"spacing",8,"gap"),r=e=>({gap:ku(t,e)});return du(e,e.gap,r)}return null};qu.propTypes="production"!==process.env.NODE_ENV?{gap:nu}:{},qu.filterProps=["gap"];const Uu=e=>{if(void 0!==e.columnGap&&null!==e.columnGap){const t=Su(e.theme,"spacing",8,"columnGap"),r=e=>({columnGap:ku(t,e)});return du(e,e.columnGap,r)}return null};Uu.propTypes="production"!==process.env.NODE_ENV?{columnGap:nu}:{},Uu.filterProps=["columnGap"];const Xu=e=>{if(void 0!==e.rowGap&&null!==e.rowGap){const t=Su(e.theme,"spacing",8,"rowGap"),r=e=>({rowGap:ku(t,e)});return du(e,e.rowGap,r)}return null};Xu.propTypes="production"!==process.env.NODE_ENV?{rowGap:nu}:{},Xu.filterProps=["rowGap"];function Ku(e,t){return"grey"===t?t:e}Au(qu,Uu,Xu,hu({prop:"gridColumn"}),hu({prop:"gridRow"}),hu({prop:"gridAutoFlow"}),hu({prop:"gridAutoColumns"}),hu({prop:"gridAutoRows"}),hu({prop:"gridTemplateColumns"}),hu({prop:"gridTemplateRows"}),hu({prop:"gridTemplateAreas"}),hu({prop:"gridArea"}));function Ju(e){return e<=1&&0!==e?100*e+"%":e}Au(hu({prop:"color",themeKey:"palette",transform:Ku}),hu({prop:"bgcolor",cssProperty:"backgroundColor",themeKey:"palette",transform:Ku}),hu({prop:"backgroundColor",themeKey:"palette",transform:Ku}));const Yu=hu({prop:"width",transform:Ju}),Zu=e=>{if(void 0!==e.maxWidth&&null!==e.maxWidth){const t=t=>{const r=e.theme?.breakpoints?.values?.[t]||lu[t];return r?"px"!==e.theme?.breakpoints?.unit?{maxWidth:`${r}${e.theme.breakpoints.unit}`}:{maxWidth:r}:{maxWidth:Ju(t)}};return du(e,e.maxWidth,t)}return null};Zu.filterProps=["maxWidth"];const $u=hu({prop:"minWidth",transform:Ju}),_u=hu({prop:"height",transform:Ju}),ex=hu({prop:"maxHeight",transform:Ju}),tx=hu({prop:"minHeight",transform:Ju});hu({prop:"size",cssProperty:"width",transform:Ju}),hu({prop:"size",cssProperty:"height",transform:Ju});Au(Yu,Zu,$u,_u,ex,tx,hu({prop:"boxSizing"}));const rx={border:{themeKey:"borders",transform:zu},borderTop:{themeKey:"borders",transform:zu},borderRight:{themeKey:"borders",transform:zu},borderBottom:{themeKey:"borders",transform:zu},borderLeft:{themeKey:"borders",transform:zu},borderColor:{themeKey:"palette"},borderTopColor:{themeKey:"palette"},borderRightColor:{themeKey:"palette"},borderBottomColor:{themeKey:"palette"},borderLeftColor:{themeKey:"palette"},outline:{themeKey:"borders",transform:zu},outlineColor:{themeKey:"palette"},borderRadius:{themeKey:"shape.borderRadius",style:Gu},color:{themeKey:"palette",transform:Ku},bgcolor:{themeKey:"palette",cssProperty:"backgroundColor",transform:Ku},backgroundColor:{themeKey:"palette",transform:Ku},p:{style:Iu},pt:{style:Iu},pr:{style:Iu},pb:{style:Iu},pl:{style:Iu},px:{style:Iu},py:{style:Iu},padding:{style:Iu},paddingTop:{style:Iu},paddingRight:{style:Iu},paddingBottom:{style:Iu},paddingLeft:{style:Iu},paddingX:{style:Iu},paddingY:{style:Iu},paddingInline:{style:Iu},paddingInlineStart:{style:Iu},paddingInlineEnd:{style:Iu},paddingBlock:{style:Iu},paddingBlockStart:{style:Iu},paddingBlockEnd:{style:Iu},m:{style:Tu},mt:{style:Tu},mr:{style:Tu},mb:{style:Tu},ml:{style:Tu},mx:{style:Tu},my:{style:Tu},margin:{style:Tu},marginTop:{style:Tu},marginRight:{style:Tu},marginBottom:{style:Tu},marginLeft:{style:Tu},marginX:{style:Tu},marginY:{style:Tu},marginInline:{style:Tu},marginInlineStart:{style:Tu},marginInlineEnd:{style:Tu},marginBlock:{style:Tu},marginBlockStart:{style:Tu},marginBlockEnd:{style:Tu},displayPrint:{cssProperty:!1,transform:e=>({"@media print":{display:e}})},display:{},overflow:{},textOverflow:{},visibility:{},whiteSpace:{},flexBasis:{},flexDirection:{},flexWrap:{},justifyContent:{},alignItems:{},alignContent:{},order:{},flex:{},flexGrow:{},flexShrink:{},alignSelf:{},justifyItems:{},justifySelf:{},gap:{style:qu},rowGap:{style:Xu},columnGap:{style:Uu},gridColumn:{},gridRow:{},gridAutoFlow:{},gridAutoColumns:{},gridAutoRows:{},gridTemplateColumns:{},gridTemplateRows:{},gridTemplateAreas:{},gridArea:{},position:{},zIndex:{themeKey:"zIndex"},top:{},right:{},bottom:{},left:{},boxShadow:{themeKey:"shadows"},width:{transform:Ju},maxWidth:{style:Zu},minWidth:{transform:Ju},height:{transform:Ju},maxHeight:{transform:Ju},minHeight:{transform:Ju},boxSizing:{},font:{themeKey:"font"},fontFamily:{themeKey:"typography"},fontSize:{themeKey:"typography"},fontStyle:{themeKey:"typography"},fontWeight:{themeKey:"typography"},letterSpacing:{},textTransform:{},lineHeight:{},textAlign:{},typography:{cssProperty:!1,themeKey:"typography"}};const ox=function(){function e(e,t,r,o){const a={[e]:t,theme:r},n=o[e];if(!n)return{[e]:t};const{cssProperty:i=e,themeKey:l,transform:s,style:c}=n;if(null==t)return null;if("typography"===l&&"inherit"===t)return{[e]:t};const d=xu(r,l)||{};if(c)return c(a);return du(a,t,t=>{let r=pu(d,s,t);return t===r&&"string"==typeof t&&(r=pu(d,s,`${e}${"default"===t?"":tu(t)}`,t)),!1===i?r:{[i]:r}})}return function t(r){const{sx:o,theme:a={},nested:n}=r||{};if(!o)return null;const i=a.unstable_sxConfig??rx;function l(r){let o=r;if("function"==typeof r)o=r(a);else if("object"!=typeof r)return r;if(!o)return null;const l=function(e={}){const t=e.keys?.reduce((t,r)=>(t[e.up(r)]={},t),{});return t||{}}(a.breakpoints),s=Object.keys(l);let c=l;return Object.keys(o).forEach(r=>{const n=(l=o[r],s=a,"function"==typeof l?l(s):l);var l,s;if(null!=n)if("object"==typeof n)if(i[r])c=iu(c,e(r,n,a,i));else{const e=du({theme:a},n,e=>({[r]:e}));!function(...e){const t=e.reduce((e,t)=>e.concat(Object.keys(t)),[]),r=new Set(t);return e.every(e=>r.size===Object.keys(e).length)}(e,n)?c=iu(c,e):c[r]=t({sx:n,theme:a,nested:!0})}else c=iu(c,e(r,n,a,i))}),!n&&a.modularCssLayers?{"@layer sx":ou(a,uu(s,c))}:ou(a,uu(s,c))}return Array.isArray(o)?o.map(l):l(o)}}();function ax(e,t){const r=this;if(r.vars){if(!r.colorSchemes?.[e]||"function"!=typeof r.getColorSchemeSelector)return{};let o=r.getColorSchemeSelector(e);return"&"===o?t:((o.includes("data-")||o.includes("."))&&(o=`*:where(${o.replace(/\s*&$/,"")}) &`),{[o]:t})}return r.palette.mode===e?t:{}}function nx(e){return"ownerState"!==e&&"theme"!==e&&"sx"!==e&&"as"!==e}ox.filterProps=["sx"],function(e={},...t){const{breakpoints:r={},palette:o={},spacing:a,shape:n={},...i}=e,l=ru(r),s=function(e=8,t=Bu({spacing:e})){if(e.mui)return e;const r=(...e)=>("production"!==process.env.NODE_ENV&&(e.length<=4||console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${e.length}`)),(0===e.length?[1]:e).map(e=>{const r=t(e);return"number"==typeof r?`${r}px`:r}).join(" "));return r.mui=!0,r}(a);let c=eu({breakpoints:l,direction:"ltr",components:{},palette:{mode:"light",...o},spacing:s,shape:{...au,...n}},i);c=function(e){const t=(e,t)=>e.replace("@media",t?`@container ${t}`:"@container");function r(r,o){r.up=(...r)=>t(e.breakpoints.up(...r),o),r.down=(...r)=>t(e.breakpoints.down(...r),o),r.between=(...r)=>t(e.breakpoints.between(...r),o),r.only=(...r)=>t(e.breakpoints.only(...r),o),r.not=(...r)=>{const a=t(e.breakpoints.not(...r),o);return a.includes("not all and")?a.replace("not all and ","").replace("min-width:","width<").replace("max-width:","width>").replace("and","or"):a}}const o={},a=e=>(r(o,e),o);return r(a),{...e,containerQueries:a}}(c),c.applyStyles=ax,c=t.reduce((e,t)=>eu(e,t),c),c.unstable_sxConfig={...rx,...i?.unstable_sxConfig},c.unstable_sx=function(e){return ox({sx:e,theme:this})}}();const ix=(e,t,r)=>"function"==typeof r?r(e,t):r,lx=e=>{const{runItemPlugins:t,publicAPI:r,store:o}=oc(),a=ct.useContext(fd),n=Fc(o,ix,e.itemId,a),{id:i,itemId:l,label:s,children:c,rootRef:d}=e,{rootRef:u,contentRef:x,propsEnhancers:p}=t(e),{interactions:h,status:m}=(({itemId:e,children:t})=>{const{store:r,publicAPI:o}=oc(),a=Fc(r,od.isItemExpandable,e),n=Fc(r,Dd.isItemLoading,e),i=Fc(r,Dd.itemHasError,e),l=Md(t)||a,s=Fc(r,od.isItemExpanded,e),c=Fc(r,Ed.isItemFocused,e),d=Fc(r,_c.isItemSelected,e),u=Fc(r,Kc.isItemDisabled,e),x=Fc(r,Id.isItemBeingEdited,e),p=Fc(r,Id.isItemEditable,e),h={expandable:l,expanded:s,focused:c,selected:d,disabled:u,editing:x,editable:p,loading:n,error:i},m=()=>{r.labelEditing&&(x?r.labelEditing.setEditedItem(null):r.labelEditing.setEditedItem(e))};return{interactions:{handleExpansion:t=>{if(h.disabled)return;h.focused||r.focus.focusItem(t,e);const o=_c.isMultiSelectEnabled(r.state)&&(t.shiftKey||t.ctrlKey||t.metaKey);!h.expandable||o&&od.isItemExpanded(r.state,e)||r.expansion.setItemExpansion({event:t,itemId:e})},handleSelection:t=>{_c.canItemBeSelected(r.state,e)&&(h.focused||h.editing||r.focus.focusItem(t,e),_c.isMultiSelectEnabled(r.state)&&(t.shiftKey||t.ctrlKey||t.metaKey)?t.shiftKey?r.selection.expandSelectionRange(t,e):r.selection.setItemSelection({event:t,itemId:e,keepExistingSelection:!0}):r.selection.setItemSelection({event:t,itemId:e,shouldBeSelected:!0}))},handleCheckboxSelection:t=>{const o=t.nativeEvent.shiftKey,a=_c.isMultiSelectEnabled(r.state);a&&o?r.selection.expandSelectionRange(t,e):r.selection.setItemSelection({event:t,itemId:e,keepExistingSelection:a,shouldBeSelected:t.target.checked})},toggleItemEditing:m,handleSaveItemLabel:(t,o)=>{r.labelEditing&&Id.isItemBeingEdited(r.state,e)&&(r.labelEditing.updateItemLabel(e,o),m(),r.focus.focusItem(t,e))},handleCancelItemLabelEditing:t=>{r.labelEditing&&Id.isItemBeingEdited(r.state,e)&&(m(),r.focus.focusItem(t,e))}},status:h,publicAPI:o}})({itemId:l,children:c}),f=ct.useRef(null),g=ct.useRef(null),b=Ds(d,u,f),v=Ds(x,g),y=ct.useRef(null),j=Fc(o,_c.isCheckboxSelectionEnabled),S=Fc(o,Vc.treeItemIdAttribute,l,i),B=Fc(o,Ed.isItemTheDefaultFocusableItem,l),k={rootRefObject:f,contentRefObject:g,interactions:h},C=e=>t=>{if(e.onBlur?.(t),t.defaultMuiPrevented)return;const r=o.items.getItemDOMElement(l);m.editing||t.relatedTarget&&dd(t.relatedTarget,r)&&(t.target&&"labelInput"===t.target?.dataset?.element&&dd(t.target,r)||"labelInput"===t.relatedTarget?.dataset?.element)||o.focus.removeFocusedItem()},w=e=>t=>{e.onKeyDown?.(t),t.defaultMuiPrevented||"labelInput"===t.target?.dataset?.element||o.keyboardNavigation.handleItemKeyDown(t,l)},T=e=>t=>{e.onMouseDown?.(t),t.defaultMuiPrevented||(t.shiftKey||t.ctrlKey||t.metaKey||m.disabled)&&t.preventDefault()};return{getContextProviderProps:()=>({itemId:l,id:i}),getRootProps:(t={})=>{const r=Ls({},Hs(e),Hs(t)),a=Ls({},r,{ref:b,role:"treeitem",tabIndex:B?0:-1,id:S,"aria-expanded":m.expandable?m.expanded:void 0,"aria-disabled":m.disabled||void 0},t,{style:Ls({},t.style??{},{"--TreeView-itemDepth":n}),onFocus:(i=r,e=>{i.onFocus?.(e),e.defaultMuiPrevented||!m.focused&&Kc.canItemBeFocused(o.state,l)&&e.currentTarget===e.target&&o.focus.focusItem(e,l)}),onBlur:C(r),onKeyDown:w(r)});var i;const s=p.root?.(Ls({},k,{externalEventHandlers:r}))??{};return Ls({},a,s)},getContentProps:(e={})=>{const t=Hs(e),r=Ls({},t,e,{ref:v,onClick:(a=t,e=>{a.onClick?.(e),o.items.handleItemClick(e,l),e.defaultMuiPrevented||y.current?.contains(e.target)||("content"===od.triggerSlot(o.state)&&h.handleExpansion(e),j||h.handleSelection(e))}),onMouseDown:T(t),status:m});var a;["expanded","selected","focused","disabled","editing","editable"].forEach(e=>{m[e]&&(r[`data-${e}`]="")});const n=p.content?.(Ls({},k,{externalEventHandlers:t}))??{};return Ls({},r,n)},getGroupTransitionProps:(e={})=>Ls({},Hs(e),{unmountOnExit:!0,component:"ul",role:"group",in:m.expanded,children:c},e),getIconContainerProps:(e={})=>{const t=Hs(e);return Ls({},t,e,{onClick:(r=t,e=>{r.onClick?.(e),e.defaultMuiPrevented||"iconContainer"===od.triggerSlot(o.state)&&h.handleExpansion(e)})});var r},getCheckboxProps:(e={})=>{const t=Hs(e),r=Ls({},t,{ref:y,"aria-hidden":!0},e),o=p.checkbox?.(Ls({},k,{externalEventHandlers:t}))??{};return Ls({},r,o)},getLabelProps:(e={})=>{const t=Ls({},Hs(e)),r=Ls({},t,{children:s},e,{onDoubleClick:(o=t,e=>{o.onDoubleClick?.(e),e.defaultMuiPrevented||h.toggleItemEditing()})});var o;const a=p.label?.(Ls({},k,{externalEventHandlers:t}))??{};return Ls({},a,r)},getLabelInputProps:(e={})=>{const t=Hs(e),r=p.labelInput?.(Ls({},k,{externalEventHandlers:t}))??{};return Ls({},e,r)},getDragAndDropOverlayProps:(e={})=>{const t=Hs(e),r=p.dragAndDropOverlay?.(Ls({},k,{externalEventHandlers:t}))??{};return Ls({},e,r)},getErrorContainerProps:(e={})=>Ls({},Hs(e),e),getLoadingContainerProps:(e={})=>Ls({size:"12px",thickness:6},Hs(e),e),rootRef:b,status:m,publicAPI:r}};function sx(e){return Zs("MuiTreeItem",e)}$s("MuiTreeItem",["root","content","groupTransition","iconContainer","label","checkbox","labelInput","dragAndDropOverlay","errorIcon","loadingIcon","expanded","selected","focused","disabled","editable","editing"]);const cx=Ke.createSvgIcon(r.jsx("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"TreeViewExpandIcon"),dx=Ke.createSvgIcon(r.jsx("path",{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"}),"TreeViewCollapseIcon"),ux=["ownerState"];function xx(e,t,r){return void 0!==e?e:void 0!==t?t:r}function px(e){const{slots:t,slotProps:o,status:a}=e,{slots:n,slotProps:i}=nc(),l={collapseIcon:xx(t?.collapseIcon,n.collapseIcon,dx),expandIcon:xx(t?.expandIcon,n.expandIcon,cx),endIcon:xx(t?.endIcon,n.endIcon),icon:t?.icon};let s;s=l?.icon?"icon":a.expandable?a.expanded?"collapseIcon":"expandIcon":"endIcon";const c=l[s],d=lc(Gs({elementType:c,externalSlotProps:e=>Ls({},Qs(i[s],e),Qs(o?.[s],e)),ownerState:{}}),ux);return c?r.jsx(c,Ls({},d)):null}"production"!==process.env.NODE_ENV&&(px.propTypes={slotProps:ia.object,slots:ia.object,status:ia.shape({disabled:ia.bool.isRequired,editable:ia.bool.isRequired,editing:ia.bool.isRequired,error:ia.bool.isRequired,expandable:ia.bool.isRequired,expanded:ia.bool.isRequired,focused:ia.bool.isRequired,loading:ia.bool.isRequired,selected:ia.bool.isRequired}).isRequired});const hx=qe.styled("div",{name:"MuiTreeItemDragAndDropOverlay",slot:"Root",shouldForwardProp:e=>nx(e)&&"action"!==e})(({theme:e})=>({position:"absolute",left:0,display:"flex",top:0,bottom:0,right:0,pointerEvents:"none",variants:[{props:{action:"make-child"},style:{marginLeft:"calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))",borderRadius:e.shape.borderRadius,backgroundColor:e.vars?`rgba(${e.vars.palette.primary.darkChannel} / ${e.vars.palette.action.focusOpacity})`:qe.alpha(e.palette.primary.dark,e.palette.action.focusOpacity)}},{props:{action:"reorder-above"},style:{marginLeft:"calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))",borderTop:`1px solid ${(e.vars||e).palette.action.active}`}},{props:{action:"reorder-below"},style:{marginLeft:"calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))",borderBottom:`1px solid ${(e.vars||e).palette.action.active}`}},{props:{action:"move-to-parent"},style:{marginLeft:"calc(var(--TreeView-indentMultiplier) * calc(var(--TreeView-itemDepth) - 1))",borderBottom:`1px solid ${(e.vars||e).palette.action.active}`}}]}));function mx(e){return null==e.action?null:r.jsx(hx,Ls({},e))}function fx(e){const{children:t,itemId:o,id:a}=e,{wrapItem:n,store:i}=oc(),l=Fc(i,Vc.treeItemIdAttribute,o,a);return r.jsx(ct.Fragment,{children:n({children:t,itemId:o,store:i,idAttribute:l})})}"production"!==process.env.NODE_ENV&&(mx.propTypes={action:ia.oneOf(["make-child","move-to-parent","reorder-above","reorder-below"]),style:ia.object}),"production"!==process.env.NODE_ENV&&(fx.propTypes={children:ia.node,id:ia.string,itemId:ia.string.isRequired});const gx=qe.styled("input",{name:"MuiTreeItem",slot:"LabelInput"})(({theme:e})=>Ls({},e.typography.body1,{width:"100%",backgroundColor:(e.vars||e).palette.background.paper,borderRadius:e.shape.borderRadius,border:"none",padding:"0 2px",boxSizing:"border-box","&:focus":{outline:`1px solid ${(e.vars||e).palette.primary.main}`}})),bx=["visible"],vx=["id","itemId","label","disabled","disableSelection","children","slots","slotProps","classes"],yx=Xs(),jx=qe.styled("li",{name:"MuiTreeItem",slot:"Root"})({listStyle:"none",margin:0,padding:0,outline:0}),Sx=qe.styled("div",{name:"MuiTreeItem",slot:"Content",shouldForwardProp:e=>nx(e)&&"status"!==e})(({theme:e})=>({padding:e.spacing(.5,1),paddingLeft:`calc(${e.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`,borderRadius:e.shape.borderRadius,width:"100%",boxSizing:"border-box",position:"relative",display:"flex",alignItems:"center",gap:e.spacing(1),cursor:"pointer",WebkitTapHighlightColor:"transparent","&:hover":{backgroundColor:(e.vars||e).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},"&[data-disabled]":{opacity:(e.vars||e).palette.action.disabledOpacity,backgroundColor:"transparent",cursor:"auto"},"&[data-focused]":{backgroundColor:(e.vars||e).palette.action.focus},"&[data-selected]":{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})`:qe.alpha(e.palette.primary.main,e.palette.action.selectedOpacity),"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))`:qe.alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})`:qe.alpha(e.palette.primary.main,e.palette.action.selectedOpacity)}}},"&[data-selected][data-focused]":{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:qe.alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}})),Bx=qe.styled("div",{name:"MuiTreeItem",slot:"Label",shouldForwardProp:e=>nx(e)&&"editable"!==e})(({theme:e})=>Ls({width:"100%",boxSizing:"border-box",minWidth:0,position:"relative",overflow:"hidden"},e.typography.body1,{variants:[{props:({editable:e})=>e,style:{paddingLeft:"2px"}}]})),kx=qe.styled("div",{name:"MuiTreeItem",slot:"IconContainer"})({width:16,display:"flex",flexShrink:0,justifyContent:"center",position:"relative",cursor:"inherit","& svg":{fontSize:18}}),Cx=qe.styled(Ue,{name:"MuiTreeItem",slot:"GroupTransition",overridesResolver:(e,t)=>t.groupTransition})({margin:0,padding:0}),wx=qe.styled("div",{name:"MuiTreeItem",slot:"ErrorIcon"})({position:"absolute",right:-3,width:7,height:7,borderRadius:"50%",backgroundColor:"red"}),Tx=qe.styled(ze,{name:"MuiTreeItem",slot:"LoadingIcon"})({color:"text.primary"}),Ix=qe.styled(ct.forwardRef((e,t)=>{const{visible:o}=e,a=lc(e,bx);return o?r.jsx(Xe,Ls({},a,{ref:t})):null}),{name:"MuiTreeItem",slot:"Checkbox"})({padding:0});"production"!==process.env.NODE_ENV&&(Ix.displayName="TreeItemCheckbox");const Ax=ct.forwardRef(function(e,t){const o=yx({props:e,name:"MuiTreeItem"}),{id:a,itemId:n,label:i,disabled:l,disableSelection:s,children:c,slots:d={},slotProps:u={},classes:x}=o,p=lc(o,vx),{getContextProviderProps:h,getRootProps:m,getContentProps:f,getIconContainerProps:g,getCheckboxProps:b,getLabelProps:v,getGroupTransitionProps:y,getLabelInputProps:j,getDragAndDropOverlayProps:S,getErrorContainerProps:B,getLoadingContainerProps:k,status:C}=lx({id:a,itemId:n,children:c,label:i,disabled:l,disableSelection:s}),w=(e=>{const{classes:t}=nc();return Ws({root:["root"],content:["content"],iconContainer:["iconContainer"],checkbox:["checkbox"],label:["label"],groupTransition:["groupTransition"],labelInput:["labelInput"],dragAndDropOverlay:["dragAndDropOverlay"],errorIcon:["errorIcon"],loadingIcon:["loadingIcon"],expanded:["expanded"],editing:["editing"],editable:["editable"],selected:["selected"],focused:["focused"],disabled:["disabled"]},sx,Ls({},e,{root:Ns(e?.root,t.root),content:Ns(e?.content,t.itemContent),iconContainer:Ns(e?.iconContainer,t.itemIconContainer),checkbox:Ns(e?.checkbox,t.itemCheckbox),label:Ns(e?.label,t.itemLabel),groupTransition:Ns(e?.groupTransition,t.itemGroupTransition),labelInput:Ns(e?.labelInput,t.itemLabelInput),dragAndDropOverlay:Ns(e?.dragAndDropOverlay,t.itemDragAndDropOverlay),errorIcon:Ns(e?.errorIcon,t.itemErrorIcon),loadingIcon:Ns(e?.loadingIcon,t.itemLoadingIcon)}))})(x),T=d.root??jx,I=Gs({elementType:T,getSlotProps:m,externalForwardedProps:p,externalSlotProps:u.root,additionalProps:{ref:t},ownerState:{},className:w.root}),A=d.content??Sx,z=Gs({elementType:A,getSlotProps:f,externalSlotProps:u.content,ownerState:{},className:Ns(w.content,C.expanded&&w.expanded,C.selected&&w.selected,C.focused&&w.focused,C.disabled&&w.disabled,C.editing&&w.editing,C.editable&&w.editable)}),R=d.iconContainer??kx,E=Gs({elementType:R,getSlotProps:g,externalSlotProps:u.iconContainer,ownerState:{},className:w.iconContainer}),L=d.label??Bx,P=Gs({elementType:L,getSlotProps:v,externalSlotProps:u.label,ownerState:{},className:w.label}),O=d.checkbox??Ix,D=Gs({elementType:O,getSlotProps:b,externalSlotProps:u.checkbox,ownerState:{},className:w.checkbox}),M=d.groupTransition??void 0,W=Gs({elementType:M,getSlotProps:y,externalSlotProps:u.groupTransition,ownerState:{},className:w.groupTransition}),F=d.labelInput??gx,N=Gs({elementType:F,getSlotProps:j,externalSlotProps:u.labelInput,ownerState:{},className:w.labelInput}),H=d.dragAndDropOverlay??mx,V=Gs({elementType:H,getSlotProps:S,externalSlotProps:u.dragAndDropOverlay,ownerState:{},className:w.dragAndDropOverlay}),Q=d.errorIcon??wx,G=Gs({elementType:Q,getSlotProps:B,externalSlotProps:u.errorIcon,ownerState:{},className:w.errorIcon}),q=d.loadingIcon??Tx,U=Gs({elementType:q,getSlotProps:k,externalSlotProps:u.loadingIcon,ownerState:{},className:w.loadingIcon});return r.jsx(fx,Ls({},h(),{children:r.jsxs(T,Ls({},I,{children:[r.jsxs(A,Ls({},z,{children:[r.jsxs(R,Ls({},E,{children:[C.error&&r.jsx(Q,Ls({},G)),C.loading?r.jsx(q,Ls({},U)):r.jsx(px,{status:C,slots:d,slotProps:u})]})),r.jsx(O,Ls({},D)),C.editing?r.jsx(F,Ls({},N)):r.jsx(L,Ls({},P)),r.jsx(H,Ls({},V))]})),c&&r.jsx(Cx,Ls({as:M},W))]}))}))});"production"!==process.env.NODE_ENV&&(Ax.displayName="TreeItem"),"production"!==process.env.NODE_ENV&&(Ax.propTypes={children:ia.any,classes:ia.object,className:ia.string,disabled:ia.bool,disableSelection:ia.bool,id:ia.string,itemId:ia.string.isRequired,label:ia.node,onBlur:ia.func,onFocus:function(e,t,r,o,a){if("production"===process.env.NODE_ENV)return null;const n=a||t;return void 0!==e[t]?new Error(`The prop \`${n}\` is not supported. Please remove it.`):null},onKeyDown:ia.func,slotProps:ia.object,slots:ia.object,sx:ia.oneOfType([ia.arrayOf(ia.oneOfType([ia.func,ia.object,ia.bool])),ia.func,ia.object])});const zx=e=>e.charAt(0).toUpperCase()+e.slice(1),Rx={compact:{minHeight:"24px",fontSize:"13px",py:"2px",px:"10px",iconSize:16,gap:"6px"},default:{minHeight:"32px",fontSize:"14px",py:"4px",px:"12px",iconSize:18,gap:"8px"}},Ex={none:{},slide:{"& .MuiCollapse-root":{transition:"all 0.25s ease"}},spring:{"& .MuiCollapse-root":{transition:"all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)"}}};function Lx(e){return{outline:"none","&.Mui-focused > .MuiTreeItem-content":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"},"&:focus-visible > .MuiTreeItem-content":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"},"& > .MuiTreeItem-content":{minHeight:e.minHeight,fontSize:e.fontSize,fontFamily:"inherit",color:"var(--Quiet)",padding:"0 8px",borderRadius:"var(--Style-Border-Radius)",border:"1px solid transparent",transition:"color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease",backgroundColor:"transparent",outline:"none","&:hover":{color:"var(--Text)",backgroundColor:"var(--Hover)"},"&:active":{color:"var(--Text)",backgroundColor:"var(--Pressed)"},"&.Mui-selected":{color:"var(--Text)",fontWeight:600,backgroundColor:"var(--Pressed)",padding:"0 8px","&:hover":{backgroundColor:"var(--Hover)"}},"&.Mui-disabled":{opacity:.45}},"& > .MuiTreeItem-content .MuiTreeItem-label":{fontSize:e.fontSize,fontFamily:"inherit",lineHeight:e.minHeight,padding:0,width:"100%"},"& > .MuiTreeItem-content .MuiTreeItem-iconContainer":{width:e.iconSize+"px",color:"inherit",zIndex:1},"& > .MuiTreeItem-group":{marginLeft:"12px",borderLeft:"1px solid var(--Border)",paddingLeft:"8px"}}}function Px({item:e,d:o,isCompact:a}){const n=a?Kt:Vt;return r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:o.gap,width:"100%"},children:[e.icon&&r.jsx(dr,{size:"small",sx:{color:"inherit",flexShrink:0},children:e.icon}),r.jsx(n,{style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",color:"inherit",fontWeight:"inherit"},children:e.label}),e.badge&&r.jsx(t.Box,{sx:{flexShrink:0},children:e.badge})]})}function Ox(e=[],t="default",o="primary",a="default",n=[]){const i=Rx[t]||Rx.default,l="compact"===t;return zx(o),e.map(e=>r.jsx(Ax,{itemId:e.id,disabled:e.disabled,label:r.jsx(Px,{item:e,d:i,isCompact:l}),sx:{...Lx(i),...e.sx||{}},children:e.children&&e.children.length>0?Ox(e.children,t,o,a,n):null},e.id))}function Dx({color:o="default",variant:a="solid",density:n="default",animation:i="slide",selectionStyle:l,items:s=Mx,selectionMode:c="single",checkboxSelection:d=!1,disableSelection:u=!1,disabledItemsFocusable:p=!1,defaultExpandedItems:h,expandedItems:m,onExpandedItemsChange:f,selectedItems:g,onSelectedItemsChange:b,onItemExpansionToggle:v,onItemSelectionToggle:y,slots:j,"aria-label":S="Tree view",className:B="",sx:k={},...C}){const w=l||a,T=zx(o),I="light"===w?"Surface-Brightest":"Surface-Dim",[A,z]=e.useState(g||("multi"===c?[]:null)),R=void 0!==g?g:A,E=Array.isArray(R)?R:R?[R]:[],L=e.useCallback((e,t)=>{void 0===g&&z(t),b?.(e,t)},[g,b]),P={};return void 0!==m&&(P.expandedItems=m),void 0!==f&&(P.onExpandedItemsChange=f),void 0!==h&&(P.defaultExpandedItems=h),r.jsx(t.Box,{"data-theme":T,"data-surface":I,className:"omni-treeview omni-treeview-"+w+" omni-treeview-"+o+" omni-treeview-"+n+(B?" "+B:""),sx:{backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",...Ex[i]||{},...k},children:r.jsx(qd,{"aria-label":S,multiSelect:"multi"===c,checkboxSelection:d,disableSelection:u,disabledItemsFocusable:p,selectedItems:R,onSelectedItemsChange:L,onItemExpansionToggle:v,onItemSelectionToggle:y,slots:{expandIcon:()=>r.jsx(dr,{size:"small",sx:{color:"inherit"},children:r.jsx(De,{})}),collapseIcon:()=>r.jsx(dr,{size:"small",sx:{color:"inherit"},children:r.jsx(x,{})}),...j},sx:{p:"8px","& .MuiTreeItem-root":{fontFamily:"inherit"},"& .MuiTreeItem-content.Mui-focused":{outline:"none"},"& .MuiTreeItem-content:focus-visible":{outline:"none"}},...P,...C,children:Ox(s,n,o,w,E)})})}const Mx=[{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"}],Wx=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Fx=[{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 Nx({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}const Hx={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 Vx={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 Qx({children:e,variant:o="light",color:a="info",size:n="medium",startDecorator:i,endDecorator:l,className:s="",sx:c={},...d}){const u=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===a?"Default":a),x=Vx[n]||Vx.medium,p="default"===a?"Default":u,h="light"===o?"Surface-Brightest":"Surface",m="var(--Buttons-"+u+"-Border)",f=r.jsxs(r.Fragment,{children:[i&&r.jsx(t.Box,{className:"alert-start-decorator",sx:{display:"inline-flex",alignItems:"center",fontSize:x.iconSize,lineHeight:1,flexShrink:0,mt:"2px"},children:i}),r.jsx(t.Box,{className:"alert-message",sx:{flex:1,minWidth:0},children:"string"==typeof e?"small"===n?r.jsx(Vt,{children:e}):r.jsx(Gt,{children:e}):e}),l&&r.jsx(t.Box,{className:"alert-end-decorator",sx:{display:"inline-flex",alignItems:"flex-start",flexShrink:0,gap:x.gap,paddingTop:"2px"},children:l})]});return r.jsx(t.Box,{role:"alert",className:"alert alert-"+o+" alert-"+n+" alert-"+a+" "+s,sx:{border:"1px solid "+m,borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",boxShadow:Tr,...c},...d,children:r.jsx(t.Box,{"data-theme":p,"data-surface":h,className:"alert-inner",sx:{display:"flex",alignItems:"flex-start",gap:x.gap,padding:x.py+" "+x.px,fontSize:x.fontSize,fontFamily:"inherit",lineHeight:1.5,color:"var(--Text)",backgroundColor:"var(--Background)",borderRadius:"calc(var(--Style-Border-Radius) - 1px)"},children:f})})}const Gx=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",qx=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Ux={info:r.jsx(d,{}),success:r.jsx(l,{}),warning:r.jsx(s,{}),error:r.jsx(c,{})};function Xx({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function Kx({color:e,selected:o,onClick:n}){const i=Gx(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const Jx={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 Yx({children:o,open:a=!1,onClose:n,variant:i="light",color:l="info",size:s="medium",anchor:c="bottom",autoHideDuration:d,startDecorator:u,endDecorator:x,action:p,className:h="",sx:m={},...f}){const g=e.useRef(null),b=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===l?"Default":l),v=Jx[s]||Jx.medium,y="small"===s?Vt:Gt,j="default"===l?"Default":b,S="light"===i?"Surface-Brightest":"Surface",B="var(--Buttons-"+b+"-Border)";e.useEffect(()=>{if(a&&d&&d>0)return g.current=setTimeout(()=>{n?.({},"timeout")},d),()=>clearTimeout(g.current)},[a,d,n]),e.useEffect(()=>{if(!a)return;const e=e=>{"Escape"===e.key&&n?.(e,"escapeKeyDown")};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[a,n]);const k=e.useCallback(()=>{g.current&&clearTimeout(g.current)},[]),C=e.useCallback(()=>{a&&d&&d>0&&(g.current=setTimeout(()=>{n?.({},"timeout")},d))},[a,d,n]),w="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 a?r.jsx(t.Box,{role:"alert","aria-live":"polite","aria-atomic":"true",onMouseEnter:k,onMouseLeave:C,className:"snackbar snackbar-"+i+" snackbar-"+s+" snackbar-"+c+" snackbar-"+l+" "+h,sx:{position:"fixed",left:"50%",transform:"translateX(-50%)",..."top"===c?{top:"16px"}:{bottom:"16px"},zIndex:1400,minWidth:v.minWidth,maxWidth:"min(560px, calc(100vw - 32px))",border:"1px solid "+B,borderRadius:"var(--Style-Border-Radius)",boxShadow:Tr,overflow:"hidden",animation:"snackbar-slide-in 0.3s ease forwards","@keyframes snackbar-slide-in":w,...m},...f,children:r.jsxs(t.Box,{"data-theme":j,"data-surface":S,sx:{display:"flex",alignItems:"center",gap:v.gap,padding:v.py+" "+v.px,fontSize:v.fontSize,fontFamily:"inherit",lineHeight:1.4,color:"var(--Text)",backgroundColor:"var(--Background)",borderRadius:"calc(var(--Style-Border-Radius) - 1px)"},children:[u&&r.jsx(t.Box,{sx:{display:"inline-flex",flexShrink:0,lineHeight:1},children:u}),r.jsx(t.Box,{sx:{flex:1,minWidth:0},children:"string"==typeof o?r.jsx(y,{children:o}):o}),p&&r.jsx(t.Box,{sx:{display:"inline-flex",flexShrink:0},children:p}),x&&r.jsx(t.Box,{sx:{display:"inline-flex",flexShrink:0,lineHeight:1},children:x}),n&&r.jsx(Kr,{iconOnly:!0,variant:"ghost",size:"small",onClick:e=>n(e,"closeClick"),"aria-label":"Close notification",sx:{flexShrink:0,ml:"4px"},children:r.jsx(dr,{size:"small",children:r.jsx(Se,{})})})]})}):null}const Zx=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",$x=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],_x={info:r.jsx(d,{}),success:r.jsx(l,{}),warning:r.jsx(s,{}),error:r.jsx(c,{})};function ep({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function tp({color:e,selected:o,onClick:n}){const i=Zx(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const rp={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",white:"Neutral",black:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},op={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 ap({value:o,color:a="primary",size:n="medium",thickness:i,showValue:l=!1,children:s,className:c="",sx:d={},...u}){const x=rp[a]||"Primary",p=op[n]||op.medium,h=i||p.thickness,m=null!=o,f=m?Math.min(100,Math.max(0,o)):0,g=(p.diameter-h)/2,b=2*Math.PI*g,v=m?b-f/100*b:.75*b,y="var(--Buttons-"+x+"-Border)",j="cp-grad-"+e.useId().replace(/:/g,"");return r.jsxs(t.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-"+n+" circular-progress-"+a+(m?" circular-progress-value":" circular-progress-indeterminate")+" "+c,sx:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",width:p.diameter+"px",height:p.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},...u,children:[r.jsxs("svg",{viewBox:"0 0 "+p.diameter+" "+p.diameter,width:p.diameter,height:p.diameter,style:{position:"absolute",top:0,left:0,transform:"rotate(-90deg)"},children:[r.jsx("defs",{children:r.jsxs("linearGradient",{id:j,x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[r.jsx("stop",{offset:"0%",stopColor:y,stopOpacity:"0"}),r.jsx("stop",{offset:"100%",stopColor:y,stopOpacity:"1"})]})}),r.jsx("circle",{cx:p.diameter/2,cy:p.diameter/2,r:g,fill:"none",stroke:"var(--Border-Variant)",strokeWidth:h,className:"circular-progress-track"}),r.jsx("circle",{cx:p.diameter/2,cy:p.diameter/2,r:g,fill:"none",stroke:"url(#"+j+")",strokeWidth:h,strokeDasharray:b,strokeDashoffset:v,strokeLinecap:"round",className:"circular-progress-indicator",style:{transition:m?"stroke-dashoffset 0.4s ease":"none"}})]}),(l||s)&&m&&r.jsx(t.Box,{className:"circular-progress-label","aria-hidden":"true",sx:{position:"relative",zIndex:1,fontSize:p.fontSize,fontWeight:700,fontFamily:"inherit",lineHeight:1,color:"var(--Text)",userSelect:"none"},children:s||Math.round(f)+"%"})]})}const np=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",ip=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function lp({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function sp({color:e,selected:o,onClick:n}){const i=np(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const cp={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},dp={small:{height:"4px",borderRadius:"2px"},medium:{height:"6px",borderRadius:"3px"},large:{height:"8px",borderRadius:"4px"}};function up({value:e,color:o="primary",size:a="medium",className:n="",sx:i={},...l}){const s=cp[o]||"Primary",c=dp[a]||dp.medium,d=null!=e,u=d?Math.min(100,Math.max(0,e)):0,x="var(--Buttons-"+s+"-Border)";return r.jsx(t.Box,{role:"progressbar","aria-valuenow":d?Math.round(u):void 0,"aria-valuemin":d?0:void 0,"aria-valuemax":d?100:void 0,"aria-label":d?Math.round(u)+"% progress":"Loading",className:"linear-progress linear-progress-"+a+" linear-progress-"+o+(d?" linear-progress-determinate":" linear-progress-indeterminate")+" "+n,sx:{position:"relative",width:"100%",height:c.height,borderRadius:c.borderRadius,backgroundColor:"var(--Border-Variant)",overflow:"hidden",flexShrink:0,...i},...l,children:r.jsx(t.Box,{className:"linear-progress-bar",sx:{position:"absolute",top:0,left:0,height:"100%",borderRadius:"inherit",backgroundColor:x,...d?{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 xp=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",pp=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function hp({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function mp({color:e,selected:o,onClick:n}){const i=xp(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const fp=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]}],gp=["photo","icon","initials"],bp={photo:"Photo",icon:"Icon",initials:"Initials"},vp=["xxx-small","xx-small","x-small","small","medium","large","x-large","xx-large"],yp={"xxx-small":"XXXS","xx-small":"XXS","x-small":"XS",small:"Small",medium:"Medium",large:"Large","x-large":"XL","xx-large":"XXL"};function jp({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function Sp({color:e,selected:o,onClick:n}){const i=(l=e)?l.charAt(0).toUpperCase()+l.slice(1):"";var l;return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const Bp=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",kp=["primary","secondary","tertiary","neutral","info","success","warning","error"];function Cp({ratio:e,threshold:o}){if(!e)return r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"--"});const a=parseFloat(e)>=o;return r.jsxs(t.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[r.jsxs(t.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"]}),r.jsx(Kt,{style:{color:a?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:a?"Pass":"Fail"})]})}function wp({label:e,ratio:o,threshold:a,note:n}){return r.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(t.Box,{sx:{flex:1},children:[r.jsx(Vt,{style:{color:"var(--Text)"},children:e}),n&&r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),r.jsx(Cp,{ratio:o,threshold:a})]})}function Tp({color:e,selected:o,onClick:n}){const i=Bp(e);return r.jsx(t.Tooltip,{title:i,arrow:!0,children:r.jsx(t.Box,{onClick:()=>n(e),role:"button","aria-label":"Select "+i+" color","aria-pressed":o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:24,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})})}function Ip({label:e,selected:o,onClick:a}){return r.jsx(t.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 Ap=e=>e.charAt(0).toUpperCase()+e.slice(1);function zp(e){return e&&"default"!==e&&"border-variant"!==e?"border"===e?"var(--Border)":"var(--Icons-"+Ap(e)+")":"var(--Border-Variant)"}function Rp(e,t){const r=e&&!["default","border","border-variant"].includes(e)?Ap(e):"Default",o=zp(e);return"light"===t?{bg:"var(--Tag-"+r+"-BG)",text:"var(--Tag-"+r+"-Text)",border:"1px solid "+o}:{bg:"var(--Background)",text:"var(--Text)",border:"1px solid "+o}}const Ep={small:1,medium:2,large:4};const Lp={eyebrow:Yt,title:Gt,secondary:Qt},Pp={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info-Medium",success:"Success-Medium",warning:"Warning-Medium",error:"Error-Medium"},Op={primary:"Primary-Light",secondary:"Secondary-Light",tertiary:"Tertiary-Light",neutral:"Neutral-Light",info:"Info-Light",success:"Success-Light",warning:"Warning-Light",error:"Error-Light"},Dp={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 Mp({children:e,size:o="medium",isButton:a=!1,onAction:n,ariaLabel:i}){return a?r.jsx(t.Box,{component:"button",role:"button",tabIndex:0,"aria-label":i||"Action",onClick:e=>{e.stopPropagation(),n?.(e)},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),n?.(e))},className:"list-item-decorator-button",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,padding:0,border:"none",backgroundColor:"transparent",borderRadius:"50%",cursor:"pointer",color:"inherit",transition:"background-color 0.15s ease","&:hover":{backgroundColor:"rgba(128,128,128,0.15)"},"&:active":{backgroundColor:"rgba(128,128,128,0.25)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},children:e}):r.jsx(t.Box,{className:"list-item-decorator",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:e})}function Wp({children:e,startDecorator:o,endDecorator:a,startDecoratorIsButton:n=!1,endDecoratorIsButton:i=!1,onStartDecoratorAction:l,onEndDecoratorAction:s,startDecoratorAriaLabel:c,endDecoratorAriaLabel:d,size:u="medium",variant:x="default",color:p,eyebrow:h,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:C={},...w}){const T=Dp[u]||Dp.medium,I=g||!!S,A="checkbox"===y||"radio"===y,z=(I||A)&&!b,R=e=>{b||(A&&j?.(e),S?.(e))};return r.jsxs(t.Box,{component:"li",role:A?"option":I?"button":"listitem",tabIndex:z?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:z?e=>{b||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),R(e))}:void 0,className:"list-item"+(v?" list-item-selected":"")+(b?" list-item-disabled":"")+(I?" 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:z?"pointer":"default",opacity:b?.5:1,position:"relative",transition:"background-color 0.15s ease, box-shadow 0.15s ease",...I?{border:"1px solid var(--Border)",boxShadow:"var(--Effect-Level-1)",padding:"var(--Sizing-1)",borderRadius:"var(--Input-Radius)"}:{},...!I&&B?{borderBottom:"1px solid var(--Border-Variant)"}:{},...!I&&k?{borderRight:"1px solid var(--Border-Variant)"}:{},backgroundColor:v?"var(--Hover)":"transparent","&:hover":z?{backgroundColor:"var(--Hover)",boxShadow:"var(--Effect-Level-2)"}:{},"&:active":z?{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"},...C},...w,children:["checkbox"===y&&r.jsx(t.Checkbox,{checked:v,disabled:b,size:T.checkSize,tabIndex:-1,onClick:e=>e.stopPropagation(),onChange:()=>j?.(),sx:{p:0,mr:0,color:"inherit","&.Mui-checked":{color:"inherit"}},inputProps:{"aria-label":"Select "+("string"==typeof e?e:"item")}}),"radio"===y&&r.jsx(t.Radio,{checked:v,disabled:b,size:T.checkSize,tabIndex:-1,onClick:e=>e.stopPropagation(),onChange:()=>j?.(),sx:{p:0,mr:0,color:"inherit","&.Mui-checked":{color:"inherit"}},inputProps:{"aria-label":"Select "+("string"==typeof e?e:"item")}}),o&&r.jsx(Mp,{size:u,isButton:n,onAction:l,ariaLabel:c,children:o}),(()=>{const o=Lp,a=h??m,n={display:"block",width:"100%",wordBreak:"break-word",overflowWrap:"anywhere"};return r.jsxs(t.Box,{sx:{flex:"1 1 auto",width:"100%",minWidth:0,display:"flex",flexDirection:"column",gap:0},children:[a&&r.jsx(o.eyebrow,{style:{...n,color:"var(--Quiet)"},children:a}),null!=e&&r.jsx(o.title,{style:{...n,color:"var(--Text)"},children:e}),f&&r.jsx(o.secondary,{style:{...n,color:"var(--Quiet)"},children:f})]})})(),a&&r.jsx(Mp,{size:u,isButton:i,onAction:s,ariaLabel:d,children:a})]})}const Fp={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 Np={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info-Medium",success:"Success-Medium",warning:"Warning-Medium",error:"Error-Medium"},Hp={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Vp={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 Qp={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 Gp({children:e,onClick:t,ariaLabel:o}){return r.jsx(Kr,{iconOnly:!0,variant:"ghost",size:"medium",onClick:t,"aria-label":o,children:e})}function qp({barColor:o="default",surface:a="Surface",loginType:n="login",menuType:i="hamburger",brandType:l="name",searchPosition:s="right",companyName:c="Company",navLinks:d=["Home","Products","About"],rightButtons:u=[],showRightButtons:x=!1,onMenuClick:p,user:h,onLogin:m,onSignOut:f,brand:g,onBrandClick:b,centerSlot:v,endSlot:y,searchValue:j,onSearchChange:S,searchPlaceholder:B="Search...",children:k,className:C="",sx:w={}}){const[T,I]=e.useState(!1),A=Qp[o]||Qp.default,z=A.theme,R=A.surface||a,E="expanded"===i&&d.length>3?"hamburger":i,L=r.jsx(ni,{placeholder:B,size:"medium",value:j,onChange:S,sx:{flex:"left"===s?"0 1 400px":"0 1 280px",minWidth:0}});return r.jsxs(r.Fragment,{children:[r.jsx(t.Box,{component:"header",role:"banner","data-theme":z,"data-surface":R,className:"appbar appbar-desktop appbar-"+o+(C?" "+C:""),sx:{display:"flex",alignItems:"center",height:64,px:2,gap:2,backgroundColor:"var(--Background)",color:"var(--Text)",boxShadow:Cr,fontFamily:"inherit",...w},children:k||r.jsxs(r.Fragment,{children:["hamburger"===E&&r.jsx(Gp,{ariaLabel:"Open navigation menu",onClick:p||(()=>I(!0)),children:r.jsx(je,{sx:{fontSize:"inherit"}})}),void 0!==g?b?r.jsx(t.Box,{component:"button",type:"button",onClick:b,sx:{background:"transparent",border:"none",padding:0,cursor:"pointer",color:"inherit",font:"inherit",fontWeight:700,fontSize:"18px",whiteSpace:"nowrap",flexShrink:0},children:g}):r.jsx(t.Box,{sx:{fontWeight:700,fontSize:"18px",whiteSpace:"nowrap",flexShrink:0},children:g}):"logo"===l?r.jsx(t.Box,{sx:{width:32,height:32,borderRadius:"6px",backgroundColor:"var(--Text)",opacity:.8,flexShrink:0},"aria-label":"Company logo"}):r.jsx(t.Box,{sx:{fontWeight:700,fontSize:"18px",whiteSpace:"nowrap",flexShrink:0},children:c}),void 0!==v?r.jsxs(r.Fragment,{children:[r.jsx(t.Box,{sx:{flex:1}}),r.jsx(t.Box,{sx:{display:"flex",alignItems:"center",flexShrink:0},children:v}),r.jsx(t.Box,{sx:{flex:1}})]}):r.jsxs(r.Fragment,{children:["left"===s&&L,"expanded"===E&&r.jsx(wo,{defaultValue:0,variant:"standard",color:"default",sx:{ml:2,minHeight:0},children:r.jsx(To,{"aria-label":"Main navigation",children:d.map(e=>r.jsx(Io,{children:e},e))})}),r.jsx(t.Box,{sx:{flex:1}}),"right"===s&&L]}),void 0!==y?r.jsx(t.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:y}):r.jsxs(r.Fragment,{children:[x&&u.length>0&&r.jsx(t.Box,{sx:{display:"flex",alignItems:"center",gap:.5},children:u.map((t,o)=>t.raw?r.jsx(e.Fragment,{children:t.icon},o):r.jsx(Gp,{ariaLabel:t.label||"Action "+(o+1),children:t.icon},o))}),h?r.jsx(Kr,{variant:"ghost",size:"small",onClick:f,"aria-label":"Sign out",startIcon:h.photoURL?r.jsx(t.Box,{component:"img",src:h.photoURL,alt:"",sx:{width:24,height:24,borderRadius:"50%"}}):r.jsx(_e,{sx:{fontSize:24}}),children:h.displayName?.split(" ")[0]||"Account"}):m?r.jsx(Kr,{variant:"default-outline",size:"small",onClick:m,children:"Login"}):"avatar"===n?r.jsx(Kr,{iconOnly:!0,variant:"ghost",size:"medium","aria-label":"Account",children:r.jsx(_e,{sx:{fontSize:28}})}):null]})]})}),r.jsx(As,{open:T,onClose:()=>I(!1),anchor:"left",size:"small",children:r.jsx(t.Box,{component:"nav","aria-label":"Main navigation",sx:{display:"flex",flexDirection:"column",gap:.5,py:1},children:d.map(e=>r.jsx(Kr,{variant:"ghost",size:"medium",onClick:()=>I(!1),sx:{justifyContent:"flex-start",width:"100%"},children:e},e))})})]})}function Up({mobileVariant:o="search",barColor:a="default",surface:n="Surface",title:i="Page Title",subtitle:l="Subtitle text",actionIcon:s,companyName:c="Company",navLinks:d=["Home","Products","About"],className:u="",sx:x={}}){const[p,h]=e.useState(!1),m=Qp[a]||Qp.default,f=m.theme,g=m.surface||n,b={backgroundColor:"var(--Background)",color:"var(--Text)",boxShadow:Cr,fontFamily:"inherit",width:"100%",maxWidth:420,...x},v={"data-theme":f,"data-surface":g},y=r.jsx(As,{open:p,onClose:()=>h(!1),anchor:"left",size:"small",children:r.jsx(t.Box,{component:"nav","aria-label":"Main navigation",sx:{display:"flex",flexDirection:"column",gap:.5,py:1},children:d.map(e=>r.jsx(Kr,{variant:"ghost",size:"medium",onClick:()=>h(!1),sx:{justifyContent:"flex-start",width:"100%"},children:e},e))})});return"search"===o?r.jsxs(r.Fragment,{children:[r.jsxs(t.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-search appbar-"+a+" "+u,...v,sx:{...b,display:"flex",alignItems:"center",height:64,px:1.5,gap:1.5},children:[r.jsx(Gp,{ariaLabel:"Open navigation menu",onClick:()=>h(!0),children:r.jsx(je,{sx:{fontSize:"inherit"}})}),r.jsx(ni,{placeholder:"Search "+c,size:"small",sx:{flex:1,minWidth:0}}),r.jsx(Kr,{iconOnly:!0,variant:"ghost",size:"medium","aria-label":"Account",children:r.jsx(_e,{sx:{fontSize:28}})})]}),y]}):"small"===o?r.jsxs(t.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-small appbar-"+a+" "+u,...v,sx:{...b,display:"flex",alignItems:"center",height:64,px:1.5,gap:1},children:[r.jsx(Gp,{ariaLabel:"Back",children:r.jsx($e,{sx:{fontSize:"inherit"}})}),r.jsxs(t.Box,{sx:{flex:1,minWidth:0},children:[r.jsx(t.Box,{sx:{fontWeight:600,fontSize:"16px",lineHeight:1.3,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:i}),l&&r.jsx(t.Box,{sx:{fontSize:"12px",opacity:.7,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:l})]}),s&&r.jsx(Gp,{ariaLabel:"Action",children:s})]}):"medium"===o?r.jsxs(t.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-medium appbar-"+a+" "+u,...v,sx:{...b,px:1.5,pb:2},children:[r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",height:56,gap:1},children:[r.jsx(Gp,{ariaLabel:"Back",children:r.jsx($e,{sx:{fontSize:"inherit"}})}),r.jsx(t.Box,{sx:{flex:1}}),s&&r.jsx(Gp,{ariaLabel:"Action",children:s})]}),r.jsxs(t.Box,{sx:{px:1.5},children:[r.jsx(t.Box,{sx:{fontWeight:600,fontSize:"24px",lineHeight:1.2},children:i}),l&&r.jsx(t.Box,{sx:{fontSize:"14px",opacity:.7,mt:.5},children:l})]})]}):r.jsxs(t.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-large appbar-"+a+" "+u,...v,sx:{...b,px:1.5,pb:3},children:[r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",height:56,gap:1},children:[r.jsx(Gp,{ariaLabel:"Back",children:r.jsx($e,{sx:{fontSize:"inherit"}})}),r.jsx(t.Box,{sx:{flex:1}}),s&&r.jsx(Gp,{ariaLabel:"Action",children:s})]}),r.jsxs(t.Box,{sx:{px:1.5,mt:1},children:[r.jsx(t.Box,{sx:{fontWeight:600,fontSize:"36px",lineHeight:1.1},children:i}),l&&r.jsx(t.Box,{sx:{fontSize:"14px",opacity:.7,mt:.5},children:l})]})]})}const Xp=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Kp=["default","primary","primary-light","white","black"],Jp=["Surface","Surface-Bright","Surface-Dim","Surface-Dimmest"],Yp={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 Zp({ratio:e,threshold:o}){if(!e)return r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"--"});const a=parseFloat(e)>=o;return r.jsxs(t.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[r.jsxs(t.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"]}),r.jsx(Kt,{style:{color:a?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:a?"Pass":"Fail"})]})}function $p({label:e,ratio:o,threshold:a,note:n}){return r.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(t.Box,{sx:{flex:1},children:[r.jsx(Vt,{style:{color:"var(--Text)"},children:e}),n&&r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),r.jsx(Zp,{ratio:o,threshold:a})]})}function _p({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function eh({color:e,selected:o,onClick:n}){const i=Yp[e]||Yp.default;return r.jsx(t.Box,{component:"button","data-theme":i.theme,"data-surface":i.surface||"Surface",onClick:()=>n(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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Text)",pointerEvents:"none"}})})}const th={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 rh({color:e="default",companyName:t="",year:o=(new Date).getFullYear(),rights:a="All rights reserved",children:n,className:i,style:l,...s}){const c=n??`© ${o}${t?" "+t:""}.${a?" "+a+".":""}`,d=th[e]||th.default,u=d.theme?{"data-theme":d.theme,"data-surface":d.surface||"Surface-Dim"}:{},x=d.theme?{background:"var(--Background)",color:"var(--Text)"}:{background:d.bg,color:d.fg};return r.jsx("div",{...u,className:["dino-copyright",i].filter(Boolean).join(" "),style:{padding:"14px 24px",textAlign:"center",...x,...l},...s,children:r.jsx(Vt,{style:{color:"inherit",opacity:.85},children:c})})}const oh={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 ah({color:e="default",brand:t,address:o,columns:a=[],socialLinks:n=[],subscribe:i,copyrightName:l,copyrightYear:s,className:c,style:d,...u}){const x=a.slice(0,3),p=oh[e]||oh.default,h=p.theme?{"data-theme":p.theme,"data-surface":p.surface||"Surface"}:{},m=p.theme?{background:"var(--Background)",color:"var(--Text)"}:{background:p.bg,color:p.fg};return r.jsxs("footer",{...h,className:["dino-footer",c].filter(Boolean).join(" "),style:{...m,...d},...u,children:[r.jsxs("div",{style:{maxWidth:1200,margin:"0 auto",padding:"40px 24px 56px"},children:[t&&r.jsx("div",{style:{marginBottom:36},children:t}),r.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(280px, 1fr))",gap:40},children:[r.jsx(nh,{address:o}),x.map((e,t)=>r.jsx(ih,{...e},t))]}),(n.length>0||i)&&r.jsxs("div",{style:{marginTop:48,paddingTop:32,borderTop:"1px solid rgba(255, 255, 255, 0.10)",display:"flex",flexWrap:"wrap",gap:32,alignItems:"flex-start",justifyContent:"space-between"},children:[n.length>0&&r.jsx(lh,{links:n}),i&&r.jsx(sh,{...i})]})]}),r.jsx(rh,{color:e,companyName:l,year:s})]})}function nh({address:e}){if(!e)return r.jsx("div",{});const{company:t,lines:o=[],email:a,phone:n}=e,i=[...t?[t]:[],...o,...n?[n]:[]];return r.jsxs("div",{children:[i.map((e,t)=>r.jsx(Vt,{style:{color:"inherit",opacity:.85,display:"block"},children:e},t)),a&&r.jsx("div",{style:{marginTop:12},children:r.jsx(Vt,{style:{color:"inherit",opacity:.85,display:"block"},children:r.jsx(vi,{href:"mailto:"+a,color:"standard",style:{color:"inherit"},children:a})})})]})}function ih({title:e,links:t=[]}){return r.jsxs("div",{children:[e&&r.jsx(Ot,{style:{color:"inherit",marginBottom:12},children:e}),r.jsx("ul",{style:{listStyle:"none",margin:0,padding:0},children:t.map((e,t)=>r.jsx("li",{style:{marginBottom:8},children:r.jsx(vi,{href:e.href,onClick:e.onClick,color:"standard",style:{color:"inherit",opacity:.85},children:e.label})},t))})]})}function lh({links:e}){return r.jsx("div",{style:{display:"flex",gap:16,alignItems:"center"},children:e.map((e,t)=>r.jsx("a",{href:e.url,target:"_blank",rel:"noopener noreferrer","aria-label":e.label||"Social link",style:{color:"inherit",opacity:.85,display:"inline-flex",alignItems:"center",justifyContent:"center",width:36,height:36,borderRadius:"50%",border:"1px solid rgba(255, 255, 255, 0.18)",textDecoration:"none",transition:"opacity 150ms ease, border-color 150ms ease"},onMouseEnter:e=>{e.currentTarget.style.opacity="1"},onMouseLeave:e=>{e.currentTarget.style.opacity="0.85"},children:e.icon},t))})}function sh({title:t="Stay in the loop",description:o,placeholder:a="your@email.com",buttonLabel:n="Subscribe",onSubscribe:i}){const[l,s]=e.useState(""),[c,d]=e.useState(!1);return r.jsxs("form",{onSubmit:async e=>{if(e&&e.preventDefault(),l&&!c){d(!0);try{await(i?.(l)),s("")}finally{d(!1)}}},style:{minWidth:260,maxWidth:360,flex:"1 1 260px"},children:[r.jsx(Ot,{style:{color:"inherit",marginBottom:6},children:t}),o&&r.jsx(Vt,{style:{color:"inherit",opacity:.85,marginBottom:12,display:"block"},children:o}),r.jsxs("div",{style:{display:"flex",gap:8},children:[r.jsx(An,{type:"email",value:l,onChange:e=>s(e.target.value),placeholder:a,size:"small",fullWidth:!0,"aria-label":"Email address"}),r.jsx(Kr,{type:"submit",variant:"primary",size:"small",disabled:c||!l,children:n})]})]})}function ch(e){const t=e.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);return t?[Number(t[1]),Number(t[2]),Number(t[3])]:null}function dh(e){return e?"#"+e.map(e=>e.toString(16).padStart(2,"0")).join(""):"—"}function uh([e,t,r]){const o=[e,t,r].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 xh({targetRef:t,label:o,deps:a=[]}){const[n,i]=e.useState(null),[l,s]=e.useState(null);e.useEffect(()=>{if(!t.current)return;const e=requestAnimationFrame(()=>{if(!t.current)return;const e=getComputedStyle(t.current);i(ch(e.backgroundColor)),s(ch(e.color))});return()=>cancelAnimationFrame(e)},a);const c=function(e,t){if(!e||!t)return null;const r=uh(e),o=uh(t);return(Math.max(r,o)+.05)/(Math.min(r,o)+.05)}(n,l),d=null!==c&&c>=4.5,u=null===c?"—":null!==c&&c>=7?"AAA":d?"AA":"Fail",x=null===c?"var(--Text-Quiet)":d?"var(--Text-Success)":"var(--Text-Error)";return r.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,padding:"12px 16px",borderRadius:8,background:"var(--Container)",border:"1px solid var(--Border)"},children:[r.jsxs("div",{style:{flex:1,minWidth:0},children:[r.jsx(Vt,{style:{fontWeight:600},children:o}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Background ",dh(n)," · Text ",dh(l)]})]}),r.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,borderRadius:999,padding:"4px 10px",background:"var(--Background)",border:"1px solid var(--Border)"},children:[r.jsx("span",{style:{fontWeight:700,fontSize:12,color:x},children:u}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:null!==c?c.toFixed(2)+":1":"—"})]})]})}const ph={company:"DinoDesign",lines:["123 Market Street","San Francisco, CA 94103"],email:"hello@dinodesign.dev",phone:"+1 (555) 010-0000"},hh=[{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:"#"}]}],mh=[{icon:r.jsx(et,{fontSize:"small"}),url:"https://twitter.com",label:"Twitter"},{icon:r.jsx(tt,{fontSize:"small"}),url:"https://github.com",label:"GitHub"},{icon:r.jsx(rt,{fontSize:"small"}),url:"https://linkedin.com",label:"LinkedIn"}],fh=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"primary-dark",label:"Primary Dark"},{value:"white",label:"White"},{value:"black",label:"Black"}];function gh({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}const bh=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"primary-dark",label:"Primary Dark"},{value:"white",label:"White"},{value:"black",label:"Black"}];function vh({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}const yh=["Default","Primary","Secondary","Tertiary","Neutral"],jh={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}},Sh=Object.keys(jh);function Bh(e,t){if("custom"===e)return{...jh.Classic,name:"Custom",description:"Custom",...t||{}};const r=jh[e];return r?{...r}:{...jh.Classic}}function kh(e,t){const r=e||"Primary";return"base"===t?"var(--Buttons-"+r+"-Button)":"highlight"===t?"rgb(var(--Buttons-"+r+"-Highlight))":"lowlight"===t?"rgb(var(--Buttons-"+r+"-Lowlight))":void 0}function Ch(e){const t=e||"Primary";return"Default"===t?"var(--Text)":"var(--Text-"+t+")"}function wh(e,t){const r=(e-90)*Math.PI/180;return{dx:Math.cos(r)*t,dy:Math.sin(r)*t}}const Th={"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 Ih({text:t="Your Brand. Perfected.",curves:o,arc:a=160,radius:n=300,direction:i="up",rotation:l=0,autoCrop:s=!0,textStyle:c="display-large",fontSize:d,fontFamily:u,fontWeight:x,letterSpacing:p,color:h="var(--Text, #1a1a1a)",bevel:m=!1,bevelTheme:f="Primary",bevelPreset:g,bevelCustom:b,className:v,style:y,...j}){const S=g?Bh(g,b):null,B=S?!!S.bevel:!!m,k=Th[c]||Th["display-large"],C=u??k.fontFamily,w=d??k.fontSize,T=x??k.fontWeight,I=p??k.letterSpacing,A="number"==typeof d?d:k.pxHint,z=o&&o.length>0?o:[{arc:a,radius:n,direction:i}],{d:R,width:E,upMax:L,downMax:P,pathId:O}=function(t){return e.useMemo(()=>{const e="dino-curved-text-"+Math.random().toString(36).slice(2,9);let r=0;const o=0;let a="M "+r+" "+o,n=0,i=0;for(const{arc:e,radius:l,direction:s}of t){const t=Ah(e,1,359),c=Math.max(10,l),d=t*Math.PI/180,u=2*c*Math.sin(d/2),x=c*(1-Math.cos(d/2));r+=u,a+=" A "+c+" "+c+" 0 "+(t>180?1:0)+" "+("up"===s?1:0)+" "+r+" "+o,"up"===s?n=Math.max(n,x):i=Math.max(i,x)}return{d:a,width:r,upMax:n,downMax:i,pathId:e}},[JSON.stringify(t)])}(z),D=Math.ceil(L+A),M=Math.ceil(P+A),W=Math.ceil(A),F=Math.ceil(E+2*W),N=D+M,H=W,V=D,Q=l?"rotate("+l+" "+F/2+" "+N/2+")":void 0,G=e.useRef(null),[q,U]=e.useState(null),[X,K]=e.useState(A);e.useEffect(()=>{if(!G.current||"undefined"==typeof ResizeObserver)return;const e=G.current,t=()=>{const t=e.getBoundingClientRect(),r=q?q.width:F;if(!r||!t.width)return;const o=t.width/r;K(A*o)};t();const r=new ResizeObserver(t);return r.observe(e),()=>r.disconnect()},[F,A,q]);const J=B&&X>=19;e.useLayoutEffect(()=>{if(!s)return void U(null);const e=G.current;if(!e)return;const t=e.querySelector("text");if(!t)return;let r;try{r=t.getBBox()}catch(e){return}if(!r||!r.width||!r.height)return;const o=F/2,a=N/2,n=l*Math.PI/180,i=Math.cos(n),c=Math.sin(n),d=(e,t)=>{const r=e-o,n=t-a;return{x:o+r*i-n*c,y:a+r*c+n*i}},u=[d(r.x,r.y),d(r.x+r.width,r.y),d(r.x,r.y+r.height),d(r.x+r.width,r.y+r.height)],x=Math.min(...u.map(e=>e.x)),p=Math.max(...u.map(e=>e.x)),h=Math.min(...u.map(e=>e.y)),m=Math.max(...u.map(e=>e.y)),f=.12*A,g={x:x-f,y:h-f,width:p-x+2*f,height:m-h+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,t,JSON.stringify(z),l,A,I,C,T,B,f,g,JSON.stringify(b)]);const Y=q?q.x+" "+q.y+" "+q.width+" "+q.height:"0 0 "+F+" "+N,Z=q?q.width:F,$=q?q.height:N;return r.jsxs("svg",{ref:G,viewBox:Y,width:Z,height:$,preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",style:{display:"block",maxWidth:"100%",height:"auto",overflow:"visible",...y},"aria-label":t,role:"img",className:["dino-curved-text",v].filter(Boolean).join(" "),...j,children:[r.jsx("defs",{children:r.jsx("path",{id:O,d:R,transform:"translate("+H+" "+V+")"})}),r.jsxs("g",{transform:Q,children:[J&&(()=>{const e=S?S.depth/96:.045,o=Math.max(2,Math.round(A*e)),a=Math.max(1,Math.round(A*e*.67)),n={fontFamily:C,fontSize:"number"==typeof w?w+"px":w,fontWeight:T,letterSpacing:"number"==typeof I?I+"px":I};return r.jsxs(r.Fragment,{children:[r.jsx("text",{className:"dino-bevel-layer dino-bevel-layer--lowlight",fill:"rgb(var(--Buttons-"+f+"-Lowlight))",transform:"translate(0 "+o+")",style:n,children:r.jsx("textPath",{href:"#"+O,startOffset:"50%",textAnchor:"middle",children:t})}),r.jsx("text",{className:"dino-bevel-layer dino-bevel-layer--highlight",fill:"rgb(var(--Buttons-"+f+"-Highlight))",transform:"translate(0 -"+a+")",style:n,children:r.jsx("textPath",{href:"#"+O,startOffset:"50%",textAnchor:"middle",children:t})})]})})(),r.jsx("text",{className:"dino-curved-text__base",fill:J?"var(--Buttons-"+f+"-Button)":B?Ch(f):h,style:{fontFamily:C,fontSize:"number"==typeof w?w+"px":w,fontWeight:T,letterSpacing:"number"==typeof I?I+"px":I},children:r.jsx("textPath",{href:"#"+O,startOffset:"50%",textAnchor:"middle",children:t})})]})]})}function Ah(e,t,r){return Math.max(t,Math.min(r,e))}const zh=[{value:"display-large",label:"Display Large"},{value:"display-small",label:"Display Small"}],Rh=[{value:"text",label:"Text",css:"var(--Text)"},{value:"primary",label:"Primary",css:"var(--Text-Primary)"},{value:"secondary",label:"Secondary",css:"var(--Text-Secondary)"},{value:"tertiary",label:"Tertiary",css:"var(--Text-Tertiary)"}],Eh=yh.map(e=>({value:e,label:e}));function Lh({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}const Ph={"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 Oh({text:t="DinoDesign",theme:o="Primary",preset:a="Classic",custom:n,textStyle:i="display-large",fontSize:l,fontFamily:s,fontWeight:c,letterSpacing:d,className:u,style:x,...p}){const h=Ph[i]||Ph["display-large"],m=s??h.fontFamily,f=l??h.fontSize,g=c??h.fontWeight,b=d??h.letterSpacing,v="number"==typeof l?l:h.pxHint,y=Bh(a,n),j="dino-bevel-"+e.useId().replace(/:/g,""),S=j+"-s",B=e.useRef(null),[k,C]=e.useState(v),w=.6*v,T=Math.max(400,t.length*w+80),I=1.9*v,A=T/2,z=.7*I;e.useEffect(()=>{if(!B.current||"undefined"==typeof ResizeObserver)return;const e=B.current,t=()=>{const t=e.getBoundingClientRect();T&&t.width&&C(v*(t.width/T))};t();const r=new ResizeObserver(t);return r.observe(e),()=>r.disconnect()},[T,v]);const R=k>=19,E=y.bevel?wh(y.angle+180,y.depth):{dx:0,dy:0},L=y.bevel?wh(y.angle,y.depth):{dx:0,dy:0},P=y.shadow?wh(y.angle,y.shadowDistance??6):{dx:0,dy:0},O=R?kh(o,"base"):Ch(o),D=kh(o,"highlight"),M=kh(o,"lowlight"),W={fontFamily:m,fontSize:"number"==typeof f?f+"px":f,fontWeight:g,letterSpacing:"number"==typeof b?b+"px":b},F=y.bevel&&R?"url(#"+j+")":void 0,N=y.shadow&&R?"url(#"+S+")":void 0;return r.jsxs("svg",{ref:B,viewBox:"0 0 "+T+" "+I,width:T,height:I,preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",style:{display:"block",maxWidth:"100%",height:"auto",overflow:"visible",...x},"aria-label":t,role:"img",className:["dino-bevel-text",u].filter(Boolean).join(" "),...p,children:[r.jsxs("defs",{children:[y.shadow&&r.jsx("filter",{id:S,x:"-30%",y:"-30%",width:"160%",height:"160%",children:r.jsx("feDropShadow",{dx:P.dx.toFixed(2),dy:P.dy.toFixed(2),stdDeviation:y.shadowBlur??8,style:{floodColor:M,floodOpacity:y.shadowOpacity??.6}})}),y.bevel&&r.jsxs("filter",{id:j,x:"-5%",y:"-5%",width:"110%",height:"110%",colorInterpolationFilters:"sRGB",children:[r.jsx("feGaussianBlur",{in:"SourceAlpha",stdDeviation:(y.softness??1)+.5,result:"blur-alpha"}),r.jsx("feOffset",{in:"blur-alpha",dx:L.dx.toFixed(2),dy:L.dy.toFixed(2),result:"shadow-offset"}),r.jsx("feFlood",{style:{floodColor:M,floodOpacity:.95},result:"shadow-flood"}),r.jsx("feComposite",{in:"shadow-flood",in2:"shadow-offset",operator:"in",result:"shadow-shaped"}),r.jsx("feComposite",{in:"shadow-shaped",in2:"SourceAlpha",operator:"in",result:"shadow-clipped"}),r.jsx("feOffset",{in:"blur-alpha",dx:E.dx.toFixed(2),dy:E.dy.toFixed(2),result:"hi-offset"}),r.jsx("feFlood",{style:{floodColor:D,floodOpacity:.95},result:"hi-flood"}),r.jsx("feComposite",{in:"hi-flood",in2:"hi-offset",operator:"in",result:"hi-shaped"}),r.jsx("feComposite",{in:"hi-shaped",in2:"SourceAlpha",operator:"in",result:"hi-clipped"}),r.jsxs("feMerge",{children:[r.jsx("feMergeNode",{in:"SourceGraphic"}),r.jsx("feMergeNode",{in:"shadow-clipped"}),r.jsx("feMergeNode",{in:"hi-clipped"})]})]})]}),y.shadow&&R&&r.jsx("text",{className:"dino-bevel-layer dino-bevel-layer--shadow",x:A,y:z,textAnchor:"middle",fill:O,filter:N,style:W,"aria-hidden":"true",children:t}),r.jsx("text",{className:y.bevel?"dino-bevel-text__base dino-bevel-layer":"dino-bevel-text__base",x:A,y:z,textAnchor:"middle",fill:O,filter:F,style:W,children:t})]})}const Dh=[...Sh.map(e=>({value:e,label:e,description:jh[e].description})),{value:"custom",label:"Custom",description:"Tune every knob"}],Mh=[{value:"light",label:"Light",css:"var(--Surface)"},{value:"warm",label:"Warm",css:"var(--Surface-Dim)"},{value:"dark",label:"Dark",css:"var(--Container-High)"}];function Wh({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function Fh({option:e,active:o,onClick:a}){return r.jsxs(t.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:[r.jsx(Kt,{style:{fontWeight:600,color:"var(--Text)"},children:e.label}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:2},children:e.description})]})}const Nh={small:{summaryPadding:"8px 12px",detailsPy:"8px",detailsPx:"12px",fontSize:"13px",iconSize:"small"},medium:{summaryPadding:"12px 8px 12px 16px",detailsPy:"12px",detailsPx:"16px",fontSize:"14px",iconSize:"medium"},large:{summaryPadding:"16px 20px",detailsPy:"16px",detailsPx:"20px",fontSize:"16px",iconSize:"large"}},Hh=e.createContext({variant:"solid",color:"default",size:"medium",spacing:0}),Vh=e.createContext({expanded:!1,toggle:()=>{},disabled:!1,accordionId:""});const Qh={small:Vt,medium:Gt,large:Xt};const Gh={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}},qh={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 Uh=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Xh=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Kh=e=>r.jsx(t.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:e,flexShrink:0}}),Jh=[{id:"1",label:"Documents",icon:r.jsx(Ze,{}),badge:Kh("var(--Warning-Text, orange)"),children:[{id:"1-1",label:"Company",icon:r.jsx(at,{}),badge:Kh("var(--Warning-Text, orange)"),children:[{id:"1-1-1",label:"Invoice",icon:r.jsx(it,{})},{id:"1-1-2",label:"Meeting notes",icon:r.jsx(nt,{})},{id:"1-1-3",label:"Tasks list",icon:r.jsx(nt,{})},{id:"1-1-4",label:"Equipment",icon:r.jsx(it,{})},{id:"1-1-5",label:"Video conference",icon:r.jsx(lt,{})}]},{id:"1-2",label:"Personal",icon:r.jsx(Ze,{})},{id:"1-3",label:"Group photo",icon:r.jsx(Pe,{})}]},{id:"2",label:"Bookmarked",icon:r.jsx(Ve,{}),children:[{id:"2-1",label:"Favourites",icon:r.jsx(nt,{})}]},{id:"3",label:"History",icon:r.jsx(Ze,{})},{id:"4",label:"Trash",icon:r.jsx(m,{}),disabled:!0}],Yh=JSON.stringify(Mx,null,2);function Zh({ratio:e,threshold:o}){if(!e)return r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"--"});const a=parseFloat(e)>=o;return r.jsxs(t.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[r.jsxs(t.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"]}),r.jsx(Kt,{style:{color:a?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:a?"Pass":"Fail"})]})}function $h({label:e,ratio:o,threshold:a,note:n}){return r.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(t.Box,{sx:{flex:1},children:[r.jsx(Vt,{style:{color:"var(--Text)"},children:e}),n&&r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),r.jsx(Zh,{ratio:o,threshold:a})]})}function _h({label:e,selected:t,onClick:o}){return r.jsx(Kr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function em({color:e,selected:o,onClick:n}){const i=Uh(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}function tm({value:o,onChange:a}){const[n,i]=e.useState(o),[l,s]=e.useState(null);return r.jsxs(t.Box,{children:[r.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)"},children:"TREE DATA (JSON)"}),r.jsx(Kr,{variant:"ghost",size:"small",onClick:()=>{i(Yh),s(null),a(Mx)},children:"Reset"})]}),r.jsx(t.Box,{component:"textarea",value:n,onChange:e=>{i(e.target.value);try{const t=JSON.parse(e.target.value);s(null),a(t)}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&&r.jsxs(Kt,{style:{color:"#f87171",display:"block",marginTop:4},children:["JSON error: ",l]})]})}function rm(e,t){if(document.getElementById(t))return;const r=document.createElement("link");r.rel="stylesheet",r.href=e,r.id=t,document.head.appendChild(r)}const om=[{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)"}],am={desktop:"32px","ios-mobile":"44px","ios-tablet":"44px",android:"48px"};exports.Accordion=function({children:o,expanded:a,defaultExpanded:n=!1,onChange:i,disabled:l=!1,className:s="",sx:c={},...d}){const[u,x]=e.useState(n),p=void 0!==a,h=p?a:u,{spacing:m,dataTheme:f,dataSurface:g}=e.useContext(Hh),b=0===m,[v]=e.useState(()=>"accordion-"+Math.random().toString(36).substring(2,9)),y=r.jsx(Vh.Provider,{value:{expanded:h,toggle:()=>{if(l)return;const e=!h;p||x(e),i?.(e)},disabled:l,accordionId:v},children:r.jsx(t.Box,{className:"accordion"+(h?" accordion-expanded":"")+(l?" accordion-disabled":"")+" "+s,sx:{...b&&{borderBottom:"1px solid var(--Border-Variant)","&:last-child":{borderBottom:"none"}},opacity:l?.5:1,...c},...d,children:o})});return b?y:r.jsx(t.Box,{sx:{border:"1px solid var(--Border-Variant)",borderRadius:"var(--Button-Radius)",overflow:"hidden",boxShadow:wr},children:r.jsx(t.Box,{"data-theme":f,"data-surface":g,sx:{backgroundColor:"var(--Background)",borderRadius:"calc(var(--Button-Radius) - 1px)"},children:y})})},exports.AccordionDetails=function({children:o,className:a="",sx:n={},...i}){const{expanded:l,accordionId:s}=e.useContext(Vh),{size:c}=e.useContext(Hh),d=Nh[c]||Nh.medium;return l?r.jsx(t.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)",fontSize:d.fontSize,fontFamily:"inherit",lineHeight:1.6,...n},...i,children:o}):null},exports.AccordionGroup=function({children:e,variant:o="solid",color:a="default",size:n="medium",spacing:i=0,className:l="",sx:s={},...c}){const d="default"===a?"Default":(u=a).charAt(0).toUpperCase()+u.slice(1);var u;const x="default"===a?"Default":d,p="dark"===o?"Surface-Dimmest":"light"===o?"Surface-Brightest":"Surface";return 0===i?r.jsx(Hh.Provider,{value:{variant:o,color:a,size:n,spacing:i},children:r.jsx(t.Box,{role:"presentation",className:"accordion-group accordion-group-"+o+" "+l,sx:{border:"1px solid var(--Border-Variant)",borderRadius:"var(--Button-Radius)",overflow:"hidden",boxShadow:wr,...s},...c,children:r.jsx(t.Box,{"data-theme":x,"data-surface":p,sx:{backgroundColor:"var(--Background)",borderRadius:"calc(var(--Button-Radius) - 1px)"},children:e})})}):r.jsx(Hh.Provider,{value:{variant:o,color:a,size:n,spacing:i,dataTheme:x,dataSurface:p},children:r.jsx(t.Box,{role:"presentation",className:"accordion-group accordion-group-"+o+" accordion-group-spaced "+l,sx:{display:"flex",flexDirection:"column",gap:.5===i?"var(--Sizing-Half)":1===i?"var(--Sizing-1)":1.5===i?"var(--Sizing-1-and-Half)":2===i?"var(--Sizing-2)":8*i+"px",...s},...c,children:e})})},exports.AccordionSummary=function({children:o,startDecorator:a,endDecorator:n,eyebrow:i,overline:l,secondary:s,expandIcon:c,className:d="",sx:u={},...p}){const{expanded:h,toggle:m,disabled:f,accordionId:g}=e.useContext(Vh),{size:b}=e.useContext(Hh),v=Nh[b]||Nh.medium,y=Qh[b]||Qh.medium,j=c||r.jsx(dr,{size:v.iconSize,sx:{color:h?"var(--Text)":"var(--Quiet)",transition:"color 0.15s ease"},children:r.jsx(x,{})}),S={overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block"};return r.jsxs(t.Box,{component:"button",role:"button","aria-expanded":h,"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"+(h?" accordion-summary-expanded":"")+" "+d,sx:{display:"flex",flexDirection:"row",alignItems:"flex-start",justifyContent:"flex-start",width:"100%",gap:"var(--Sizing-1-and-Half)",padding:v.summaryPadding,border:"none",backgroundColor:"transparent",color:h?"var(--Text)":"var(--Quiet)",fontSize:v.fontSize,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"},...u},...p,children:[a&&r.jsx(t.Box,{className:"accordion-summary-start",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:a}),r.jsxs(t.Box,{sx:{flex:1,minWidth:0,display:"flex",flexDirection:"column",gap:"var(--Sizing-Half)"},children:[(i??l)&&r.jsx(Yt,{style:{...S,color:"var(--Text-Quiet)"},children:i??l}),null!=o&&r.jsx(y,{style:{...S,color:"inherit",fontWeight:600},children:o}),s&&r.jsx(Vt,{style:{...S,color:"var(--Text-Quiet)"},children:s})]}),n&&r.jsx(t.Box,{className:"accordion-summary-end",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:n}),r.jsx(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",transform:h?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.25s ease",flexShrink:0},children:j})]})},exports.Alert=Qx,exports.AlertDialog=function({open:e,onClose:o,title:a,children:n,confirmText:i="Confirm",cancelText:l="Cancel",onConfirm:s,onCancel:c,...d}){return r.jsx(bs,{open:e,onClose:o,title:a,alert:!0,...d,actions:r.jsxs(r.Fragment,{children:[r.jsx(t.Box,{component:"button",type:"button",onClick:c||o,sx:gs.outline,children:l}),r.jsx(t.Box,{component:"button",type:"button",onClick:s||o,sx:gs.primary,children:i})]}),children:n})},exports.AlertShowcase=function(){const[o,a]=e.useState("light"),[n,i]=e.useState("info"),[l,s]=e.useState("medium"),[c,d]=e.useState(!0),[u,x]=e.useState(null),[p,h]=e.useState("Surface"),m=c&&Ux[n]?r.jsx(dr,{size:"small",sx:{color:"inherit"},children:Ux[n]}):void 0;return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Alert"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:u,surface:p,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:480},children:r.jsx(Qx,{variant:o,color:n,size:l,startDecorator:m,children:"This is an alert message. Check the details for more information."})})}),r.jsx(sa,{code:(()=>{const e=['variant="'+o+'"'];return"info"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),c&&Ux[n]&&e.push("startDecorator={<Icon><"+Gx(n)+"Icon /></Icon>}"),"<Alert "+e.join(" ")+">\n This is an alert message.\n</Alert>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:u,onThemeChange:x,surface:p,onSurfaceChange:h})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["solid","light"].map(e=>r.jsx(Xx,{label:Gx(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:qx.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(Kx,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(Xx,{label:Gx(e),selected:l===e,onClick:()=>s(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Show Icon"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Start decorator icon"})]}),r.jsx(ya,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Show icon"})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="alert" — live region, announced immediately'},{label:"Border",value:"var(--Buttons-{Color}-Border) on outer shell"},{label:"Shadow",value:"var(--Effect-Level-3)"},{label:"Icons",value:"Decorative — aria-hidden by default via Icon component"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.AppBar=function({mode:e="desktop",...t}){return"mobile"===e?r.jsx(Up,{...t}):r.jsx(qp,{...t})},exports.AppBarShowcase=function(){const[o,a]=e.useState("desktop"),[n,i]=e.useState("default"),[l,s]=e.useState("Surface"),[c,d]=e.useState("login"),[u,x]=e.useState("hamburger"),[p,h]=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({}),C="desktop"===o,w=Yp[n]||Yp.default,T=w.theme,I=w.surface||l;return e.useEffect(()=>{const e={};e.text=pa("--Text"),e.textQuiet=pa("--Text-Quiet"),e.background=pa("--Background"),e.border=pa("--Border"),e.focusVisible=pa("--Focus-Visible"),e.hover=pa("--Hover"),e.active=pa("--Pressed"),k(e)},[n,l,o]),r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"App Bar"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:v,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:C?"100%":420,overflow:"hidden"},children:C?r.jsx(qp,{barColor:n,surface:l,loginType:c,menuType:u,brandType:p,searchPosition:m,companyName:"My App",navLinks:["Home","Products","About"]}):r.jsx(Up,{barColor:n,surface:l,mobileVariant:g,companyName:"My App",title:"Page Title",subtitle:"Subtitle text"})})}),r.jsx(sa,{code:(()=>{if(C){const e=[];"default"!==n&&e.push('barColor="'+n+'"'),"Surface"!==l&&e.push('surface="'+l+'"'),"login"!==c&&e.push('loginType="'+c+'"'),"hamburger"!==u&&e.push('menuType="'+u+'"'),"name"!==p&&e.push('brandType="'+p+'"'),"right"!==m&&e.push('searchPosition="'+m+'"');const t=e.length?"\n "+e.join("\n ")+"\n":"";return'<AppBar mode="desktop"'+(t||" ")+'companyName="My App" />'}{const e=['mode="mobile"','mobileVariant="'+g+'"'];return"default"!==n&&e.push('barColor="'+n+'"'),"Surface"!==l&&e.push('surface="'+l+'"'),"<AppBar\n "+e.join("\n ")+'\n title="Page Title"\n/>'}})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"MODE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["desktop","mobile"].map(e=>r.jsx(_p,{label:Xp(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BAR COLOR"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Kp.map(e=>r.jsx(eh,{color:e,selected:n===e,onClick:i},e))}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:['data-theme="',T,'"']})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SURFACE"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Jp.map(e=>r.jsx(_p,{label:e.replace("Surface-","").replace("Surface","Default"),selected:l===e,onClick:()=>s(e)},e))}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:['data-surface="',l,'"']})]}),C&&r.jsxs(r.Fragment,{children:[r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"MENU TYPE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["hamburger","expanded"].map(e=>r.jsx(_p,{label:Xp(e),selected:u===e,onClick:()=>x(e)},e))}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",marginTop:4,display:"block"},children:"Expanded auto-falls back to hamburger when nav > 3 links"})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BRAND"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["name","logo"].map(e=>r.jsx(_p,{label:Xp(e),selected:p===e,onClick:()=>h(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SEARCH POSITION"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["left","right"].map(e=>r.jsx(_p,{label:Xp(e),selected:m===e,onClick:()=>f(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LOGIN TYPE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["login","avatar"].map(e=>r.jsx(_p,{label:Xp(e),selected:c===e,onClick:()=>d(e)},e))})]})]}),!C&&r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"MOBILE VARIANT"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["search","small","medium","large"].map(e=>r.jsx(_p,{label:Xp(e),selected:g===e,onClick:()=>b(e)},e))})]})]})}),r.jsx(Ao,{value:1,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsxs(Vt,{color:"quiet",style:{marginBottom:24},children:[o," / ",n," / ",l,C?"":" / "+g,' — data-theme="',T,'" data-surface="',I,'"']}),r.jsxs(t.Stack,{spacing:3,children:[r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),r.jsx(Vt,{color:"quiet",style:{marginBottom:16},children:"All text and icons must have 4.5:1 contrast against the AppBar background."}),r.jsx($p,{label:"Resting: var(--Text) vs. var(--Background)",ratio:xa(B.text,B.background),threshold:4.5,note:'data-theme="'+T+'" data-surface="'+I+'"'}),r.jsx($p,{label:"On hover: var(--Text) vs. var(--Hover)",ratio:xa(B.text,B.hover),threshold:4.5,note:"Icon buttons use var(--Hover) on hover"}),r.jsx($p,{label:"On active: var(--Text) vs. var(--Pressed)",ratio:xa(B.text,B.active),threshold:4.5,note:"Icon buttons use var(--Pressed) on press"})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Focus Indicator (WCAG 2.4.11 — 3:1)"}),r.jsx($p,{label:"var(--Focus-Visible) vs. var(--Background)",ratio:xa(B.focusVisible,B.background),threshold:3,note:"outline: 3px solid var(--Focus-Visible); outline-offset: 1px"})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{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 n=o>=24,i=o>=44,l=o>=48;return r.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(t.Box,{sx:{flex:1},children:[r.jsxs(Vt,{style:{color:"var(--Text)"},children:[e," — ",o,"px"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:a})]}),r.jsxs(t.Box,{sx:{display:"flex",gap:.5,flexWrap:"wrap",justifyContent:"flex-end"},children:[r.jsxs(t.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:n?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:n?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:["Desktop ",n?"Y":"N"]}),r.jsxs(t.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:i?"var(--Tags-Success-BG)":"var(--Tags-Warning-BG)",color:i?"var(--Tags-Success-Text)":"var(--Tags-Warning-Text)"},children:["iOS ",i?"Y":"~"]}),r.jsxs(t.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)})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Landmark:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<header role="banner">'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Navigation (expanded menu):"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<nav aria-label="Main navigation">'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Theme + Surface:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'data-theme="'+T+'" data-surface="'+I+'"'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Shadow:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"box-shadow: var(--Effect-Level-1)"})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Icon buttons:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"All icon buttons have aria-label. Focus visible on keyboard navigation."})]}),r.jsxs(t.Box,{sx:{py:1.5},children:[r.jsx(Vt,{children:"Keyboard:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"Tab navigates all interactive elements. Enter/Space activates buttons."})]})]})]})]})]})})]})})})]})]})},exports.Autocomplete=Wn,exports.AutocompleteShowcase=function(){const[o,a]=e.useState("outline"),[n,i]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("top"),[u,x]=e.useState("Fruit"),[p,h]=e.useState(!0),[m,f]=e.useState(!1),[g,b]=e.useState(!0),[v,y]=e.useState(null),[j,S]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Autocomplete"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:v,surface:j,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:360},children:r.jsx(Wn,{variant:o,color:n,size:l,label:u,labelPosition:c,options:Hn,clearable:p,disabled:m,fullWidth:g})})}),r.jsx(sa,{code:(()=>{const e=[];return"outline"!==o&&e.push('variant="'+o+'"'),"default"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),u&&e.push('label="'+u+'"'),"top"!==c&&e.push('labelPosition="'+c+'"'),p||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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["outline","light"].map(e=>r.jsx(Vn,{label:Fn(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:Nn.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(Qn,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(Vn,{label:Fn(e),selected:l===e,onClick:()=>s(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["top","floating","none"].map(e=>r.jsx(Vn,{label:"none"===e?"None":Fn(e),selected:c===e,onClick:()=>d(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Clearable"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show clear button when has value"})]}),r.jsx(ya,{checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Clearable"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Disabled"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),r.jsx(ya,{checked:m,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Full Width"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container width"})]}),r.jsx(ya,{checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Input",value:'role="combobox" aria-expanded aria-haspopup="listbox" aria-autocomplete="list"'},{label:"Dropdown",value:'role="listbox" aria-label="..."'},{label:"Options",value:'role="option" aria-selected="true|false"'},{label:"Label",value:"aria-label from label prop. Always provide a label."},{label:"Keyboard",value:"Arrow keys navigate, Enter selects, Escape closes."},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px (on outer shell)"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Avatar=mr,exports.AvatarGroup=fr,exports.AvatarShowcase=function(){const[o,a]=e.useState("default"),[n,i]=e.useState("medium"),[l,s]=e.useState("initials"),[c,d]=e.useState(!1),[u,x]=e.useState(!1),[p,h]=e.useState(!1),[m,f]=e.useState(null),[g,b]=e.useState("Surface"),v="photo"===l,y=()=>{const e={size:n,clickable:c,insideButton:u};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 r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Avatar"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:m,surface:g,children:p?r.jsxs(fr,{max:3,size:n,children:[r.jsx(mr,{...y()}),r.jsx(mr,{color:o,size:n,initials:"AB"}),r.jsx(mr,{color:o,size:n,initials:"CD"}),r.jsx(mr,{color:o,size:n,initials:"EF"})]}):r.jsx(mr,{...y()})}),r.jsx(sa,{code:(()=>{const e=[];return v||"default"===o||e.push('color="'+o+'"'),"medium"!==n&&e.push('size="'+n+'"'),"initials"===l&&e.push('initials="LN"'),"photo"===l&&e.push('src="..." alt="User avatar"'),c&&e.push("clickable onClick={handleClick}"),u&&e.push("insideButton"),p?"<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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:m,onThemeChange:f,surface:g,onSurfaceChange:b})}),r.jsxs(t.Box,{sx:{opacity:v?.4:1,pointerEvents:v?"none":"auto"},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:fp.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(Sp,{color:e,selected:o===e,onClick:a},e))})]},e.label))}),v&&r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:8},children:"Color is ignored when the avatar shows a photo — the image carries the visual."})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:vp.map(e=>r.jsx(jp,{label:yp[e],selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CONTENT"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:gp.map(e=>r.jsx(jp,{label:bp[e],selected:l===e,onClick:()=>s(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Clickable"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Interactive with hover/focus states"})]}),r.jsx(ya,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Clickable"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Inside Button"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Adds 2px horizontal margin so the avatar sits cleanly in a Button"})]}),r.jsx(ya,{variant:"default-outline",checked:u,onChange:e=>x(e.target.checked),size:"small","aria-label":"Inside Button"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Group"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show as AvatarGroup with overflow"})]}),r.jsx(ya,{variant:"default-outline",checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Show group"})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="img" (static) or role="button" (clickable)'},{label:"Label",value:'aria-label from alt, initials, or "Avatar"'},{label:"Image",value:"alt text on <img>. Falls back to initials or icon on error."},{label:"Clickable",value:"Rendered as <button>. Focus ring: 3px solid var(--Focus-Visible)."},{label:"Group",value:'role="group" aria-label="Avatar group, N avatars"'}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Badge=jr,exports.BadgeShowcase=function(){const[o,a]=e.useState(0),[n,i]=e.useState("solid"),[l,s]=e.useState("primary"),[c,d]=e.useState("medium"),[u,x]=e.useState("5"),[p,h]=e.useState(!1),[m,f]=e.useState(!1),[g,b]=e.useState({}),y=()=>"solid"===n?l:l+"-"+n,S=()=>{if(p)return;const e=parseInt(u,10);return isNaN(e)||String(e)!==u.trim()?u||void 0:e};e.useEffect(()=>{const e=Bp(l),t={};"solid"===n?(t.badgeBg=pa("--Buttons-"+e+"-Button"),t.badgeText=pa("--Buttons-"+e+"-Text"),t.badgeBorder=null):"outline"===n?(t.badgeBg=pa("--Background"),t.badgeText=pa("--Text"),t.badgeBorder=pa("--Buttons-"+e+"-Border")):"light"===n&&(t.badgeBg=pa("--Buttons-"+e+"-Button"),t.badgeText=pa("--Buttons-"+e+"-Text"),t.badgeBorder=pa("--Buttons-"+e+"-Border")),t.background=pa("--Background"),t.focusVisible=pa("--Focus-Visible"),b(t)},[n,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 r.jsxs(t.Box,{sx:{width:"100%"},children:[r.jsx(Pt,{style:{marginBottom:8},children:"Badge"}),r.jsx(Gt,{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."}),r.jsxs(t.Tabs,{value:o,onChange:(e,t)=>a(t),sx:{borderBottom:"1px solid var(--Border)",mb:0},children:[r.jsx(t.Tab,{label:"Playground"}),r.jsx(t.Tab,{label:"Accessibility"})]}),0===o&&r.jsxs(t.Grid,{container:!0,sx:{minHeight:400},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"calc((100vw - 432px) / 2)"},flexShrink:0},children:[r.jsx(t.Box,{sx:{p:4,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:200,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)"},children:r.jsxs(t.Stack,{direction:"row",spacing:6,alignItems:"center",children:[r.jsx(jr,{variant:y(),size:c,badgeContent:S(),dot:p,showZero:m,children:r.jsx(Ye,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})}),r.jsx(jr,{variant:y(),size:c,badgeContent:S(),dot:p,showZero:m,children:r.jsx(v,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})}),r.jsx(jr,{variant:y(),size:c,badgeContent:S(),dot:p,showZero:m,children:r.jsx(j,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})})]})}),r.jsx(sa,{code:(()=>{const e=['variant="'+y()+'"','size="'+c+'"'];if(p)e.push("dot");else{const t=S();"number"==typeof t?e.push("badgeContent={"+t+"}"):t&&e.push('badgeContent="'+t+'"')}return m&&e.push("showZero"),"<Badge "+e.join(" ")+">\n <MailIcon />\n</Badge>"})(),language:"JSX",sx:{borderRadius:0,borderBottom:"1px solid var(--Border)"}})]}),r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"calc(100vw - 432px)",md:"calc((100vw - 432px) / 2)"},flexShrink:0,p:3,backgroundColor:"var(--Container)",overflowY:"auto"},children:[r.jsx(Ot,{children:"Playground"}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",spacing:1,flexWrap:"wrap",sx:{gap:1},children:["solid","outline","light"].map(e=>r.jsx(Ip,{label:Bp(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:kp.map(e=>r.jsx(Tp,{color:e,selected:l===e,onClick:s},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(Ip,{label:Bp(e),selected:c===e,onClick:()=>d(e)},e))}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Badge ",B[c]?.badge," · Dot ",B[c]?.dot," · Font ",B[c]?.font]})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BADGE CONTENT"}),r.jsx(t.TextField,{size:"small",value:u,onChange:e=>x(e.target.value),placeholder:"Number or text",disabled:p,sx:{width:"160px","& .MuiOutlinedInput-root":{fontFamily:"inherit",fontSize:"14px",backgroundColor:"var(--Background)","& fieldset":{borderColor:"var(--Border)"},"&:hover fieldset":{borderColor:"var(--Border)"},"&.Mui-focused fieldset":{borderColor:"var(--Buttons-Primary-Border)"}},"& .MuiOutlinedInput-input":{color:"var(--Text)",padding:"6px 12px"}}})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(t.FormControlLabel,{control:r.jsx(t.Checkbox,{checked:p,onChange:e=>h(e.target.checked),size:"small"}),label:r.jsx(Vt,{children:"Dot (no content)"})}),r.jsx(t.FormControlLabel,{control:r.jsx(t.Checkbox,{checked:m,onChange:e=>f(e.target.checked),size:"small"}),label:r.jsx(Vt,{children:"Show zero"})})]})]})]}),1===o&&r.jsxs(t.Box,{sx:{p:4},children:[r.jsx(Ot,{children:"Accessibility Requirements"}),r.jsxs(Vt,{color:"quiet",style:{marginBottom:32},children:["Based on current Playground settings: ",n," · ",l," · ",c]}),r.jsxs(t.Stack,{spacing:4,children:[r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Badge Text Contrast"}),r.jsx(Vt,{color:"quiet",style:{marginBottom:16},children:"Badge text must have ≥ 4.5:1 contrast against badge background (WCAG 1.4.3 AA)"}),r.jsx(wp,{label:"Badge Text vs. Badge Background",ratio:xa(g.badgeText,g.badgeBg),threshold:4.5,note:"solid"===n?"var(--Buttons-{C}-Text) vs var(--Buttons-{C}-Button)":"outline"===n?"var(--Text) vs var(--Background)":"var(--Buttons-{C}-Text) vs var(--Buttons-{C}-Button)"})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Badge Visibility"}),r.jsx(Vt,{color:"quiet",style:{marginBottom:16},children:"Badge background (or border) must have ≥ 3:1 contrast against page background (WCAG 1.4.11)"}),(()=>{const e=xa(g.badgeBg,g.background),t=g.badgeBorder?xa(g.badgeBorder,g.background):null;return r.jsx(wp,{label:"Badge vs. Page Background",ratio:(o=e,a=t,o||a?o?a?parseFloat(o)>=parseFloat(a)?o:a:o:a:null),threshold:3.1,note:"outline"===n?"Border "+(t||"--")+":1 — outline relies on border contrast":"BG "+(e||"--")+":1"});var o,a})()]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Badge Sizing"}),r.jsx(Vt,{color:"quiet",style:{marginBottom:16},children:"Badge dimensions per size setting"}),r.jsx(t.Box,{sx:{display:"flex",justifyContent:"space-between",py:1.5,borderBottom:"1px solid var(--Border)"},children:r.jsxs(t.Box,{children:[r.jsxs(Vt,{children:["Badge height (",c,")"]}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)"},children:[B[c]?.badge," height · ",B[c]?.font," font · pill shape"]})]})}),r.jsx(t.Box,{sx:{display:"flex",justifyContent:"space-between",py:1.5,borderBottom:"1px solid var(--Border)"},children:r.jsxs(t.Box,{children:[r.jsxs(Vt,{children:["Dot size (",c,")"]}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)"},children:[B[c]?.dot," diameter circle"]})]})})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA & Semantics"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{style:{display:"block",marginBottom:2},children:"Screenreader support:"}),r.jsx(Kt,{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").'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{style:{display:"block",marginBottom:2},children:"Dot variant:"}),r.jsx(Kt,{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."})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{style:{display:"block",marginBottom:2},children:"Max overflow:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:'When content exceeds max (default 99), displays "99+" visually but announces the actual number to screenreaders.'})]})]})]})]})]})]})},exports.BevelText=Oh,exports.BevelTextShowcase=function(){const[o,a]=e.useState("DinoDesign"),[n,i]=e.useState("Primary"),[l,s]=e.useState("Classic"),[c,d]=e.useState("light"),[u,x]=e.useState(135),[p,h]=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),[C,w]=e.useState(60),[T,I]=e.useState(96),[A,z]=e.useState(900),[R,E]=e.useState(0),L="custom"===l,P=L?{angle:u,depth:p,softness:m,bevel:g,shadow:v,shadowDistance:j,shadowBlur:B,shadowOpacity:C/100}:void 0,O=Mh.find(e=>e.value===c)?.css||Mh[0].css;return r.jsxs(t.Box,{children:[r.jsx(Pt,{style:{marginBottom:12},children:"Bevel Display Text"}),r.jsx(Gt,{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."}),r.jsxs(t.Box,{sx:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(360px, 1fr))",gap:3,alignItems:"start"},children:[r.jsx(t.Box,{sx:{minWidth:0},children:r.jsx(t.Box,{"data-surface":"Container",sx:{background:O,borderRadius:2,p:4,display:"flex",alignItems:"center",justifyContent:"center",minHeight:240,overflow:"auto",position:"sticky",top:16,transition:"background 0.2s"},children:r.jsx(Oh,{text:o,theme:n,preset:l,custom:P,fontSize:T,fontWeight:A,letterSpacing:R})})}),r.jsx(t.Box,{sx:{minWidth:0,alignSelf:"flex-start"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Stack,{spacing:3,sx:{p:3,maxWidth:720},children:[r.jsx(mo,{label:"Text",value:o,onChange:e=>a(e.target.value),placeholder:"Your headline…",size:"medium"}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"THEME"}),r.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:yh.map(e=>r.jsx(Wh,{label:e,selected:n===e,onClick:()=>i(e)},e))}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Resolves to ",r.jsxs("code",{children:["--Buttons-","{Theme}","-Button"]})," ","(fill), ",r.jsx("code",{children:"-Highlight"})," (light edge), and"," ",r.jsx("code",{children:"-Lowlight"})," (shadow edge)."]})]}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PRESETS"}),r.jsx(t.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:Dh.map(e=>r.jsx(Fh,{option:e,active:l===e.value,onClick:()=>function(e){if(s(e),"custom"!==e){const t=Bh(e);x(t.angle),h(t.depth??5),f(t.softness??1),b(t.bevel),y(t.shadow),S(t.shadowDistance??6),k(t.shadowBlur??8),w(Math.round(100*(t.shadowOpacity??.6)))}}(e.value)},e.value))})]}),L&&r.jsxs(t.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",p:2},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:12},children:"CUSTOM"}),r.jsxs(t.Stack,{spacing:2,children:[r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Light angle",r.jsxs("span",{style:{float:"right"},children:[u,"°"]})]}),r.jsx($n,{min:0,max:360,step:5,value:u,onChange:(e,t)=>x(t)})]}),r.jsxs(t.Box,{sx:{border:"1px solid var(--Border-Variant)",borderRadius:1,p:1.5},children:[r.jsx(ja,{label:"Inset bevel",checked:g,onChange:e=>b(e.target.checked)}),g&&r.jsxs(t.Stack,{spacing:1.5,sx:{mt:1.5},children:[r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Depth",r.jsxs("span",{style:{float:"right"},children:[p,"px"]})]}),r.jsx($n,{min:1,max:16,step:1,value:p,onChange:(e,t)=>h(t)})]}),r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Softness",r.jsxs("span",{style:{float:"right"},children:[m,"px"]})]}),r.jsx($n,{min:0,max:6,step:.5,value:m,onChange:(e,t)=>f(t)})]})]})]}),r.jsxs(t.Box,{sx:{border:"1px solid var(--Border-Variant)",borderRadius:1,p:1.5},children:[r.jsx(ja,{label:"Drop shadow",checked:v,onChange:e=>y(e.target.checked)}),v&&r.jsxs(t.Stack,{spacing:1.5,sx:{mt:1.5},children:[r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Distance",r.jsxs("span",{style:{float:"right"},children:[j,"px"]})]}),r.jsx($n,{min:1,max:24,step:1,value:j,onChange:(e,t)=>S(t)})]}),r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Blur",r.jsxs("span",{style:{float:"right"},children:[B,"px"]})]}),r.jsx($n,{min:0,max:24,step:1,value:B,onChange:(e,t)=>k(t)})]}),r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Opacity",r.jsxs("span",{style:{float:"right"},children:[C,"%"]})]}),r.jsx($n,{min:10,max:100,step:5,value:C,onChange:(e,t)=>w(t)})]})]})]})]})]}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPOGRAPHY"}),r.jsxs(t.Stack,{spacing:2,children:[r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Font size",r.jsxs("span",{style:{float:"right"},children:[T,"px"]})]}),r.jsx($n,{min:32,max:160,step:4,value:T,onChange:(e,t)=>I(t)})]}),r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Font weight",r.jsx("span",{style:{float:"right"},children:A})]}),r.jsx($n,{min:400,max:900,step:100,value:A,onChange:(e,t)=>z(t)})]}),r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Letter spacing",r.jsxs("span",{style:{float:"right"},children:[R,"px"]})]}),r.jsx($n,{min:-2,max:20,step:1,value:R,onChange:(e,t)=>E(t)})]})]})]}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PREVIEW BACKGROUND"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:Mh.map(e=>r.jsx(Wh,{label:e.label,selected:c===e.value,onClick:()=>d(e.value)},e.value))}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Showcase-only — doesn't affect the emitted code."})]})]})}),r.jsx(Ao,{value:1,children:r.jsxs(t.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[r.jsxs(Kt,{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"," ",r.jsx("code",{children:'role="img"'})," and ",r.jsx("code",{children:"aria-label"})," to the rendered string so screen readers announce it as a labeled image, not a stream of glyphs."]}),r.jsx(Vt,{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=>r.jsx(In,{variant:"black-white",...e}),exports.Body=Gt,exports.Body1=qt,exports.Body2=Ut,exports.BodyBold=e=>r.jsx(Et,{textStyle:"body-bold",...e}),exports.BodyLarge=Xt,exports.BodyLargeBold=e=>r.jsx(Et,{textStyle:"body-large-bold",...e}),exports.BodyLargeSemibold=e=>r.jsx(Et,{textStyle:"body-large-semibold",...e}),exports.BodySemibold=e=>r.jsx(Et,{textStyle:"body-semibold",...e}),exports.BodySmall=Vt,exports.BodySmallBold=e=>r.jsx(Et,{textStyle:"body-small-bold",...e}),exports.BodySmallSemibold=Qt,exports.BottomNavigation=gl,exports.BottomNavigationShowcase=function(){const[o,a]=e.useState(0),[n,i]=e.useState(0),[l,s]=e.useState(!0),[c,d]=e.useState(!0),[u,x]=e.useState("vertical"),[p,h]=e.useState(!0),[m,f]=e.useState("default"),[g,b]=e.useState(4),[v,y]=e.useState(jl.map(e=>({icon:e.icon,label:e.label}))),j=g<=4;e.useEffect(()=>{g>4&&"horizontal"===u&&x("vertical")},[g,u]),e.useEffect(()=>{y(e=>{const t=[],r=[{icon:"Favorite",label:"Favorites"},{icon:"Person",label:"Profile"}];for(let o=0;o<g;o++)if(e[o])t.push(e[o]);else{const e=r[o-jl.length]||{icon:yl[o%yl.length],label:yl[o%yl.length]};t.push(e)}return t}),i(e=>Math.min(e,g-1))},[g]);const S=(e,t,r)=>{y(o=>{const a=[...o];return a[e]={...a[e],[t]:r},a})},B=v.slice(0,g).map(e=>({icon:vl[e.icon]||vl.Home,label:e.label}));return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Bottom Navigation"}),r.jsxs(t.Tabs,{value:o,onChange:(e,t)=>a(t),sx:{mt:3,mb:0,borderBottom:"1px solid var(--Border)","& .MuiTabs-indicator":{backgroundColor:"var(--Buttons-Primary-Button)",height:3},"& .MuiTab-root":{color:"var(--Text-Quiet)",textTransform:"none",fontWeight:500,"&.Mui-selected":{color:"var(--Text)"}}},children:[r.jsx(t.Tab,{label:"Playground"}),r.jsx(t.Tab,{label:"Accessibility"})]}),0===o&&r.jsxs(t.Grid,{container:!0,sx:{minHeight:400},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"calc((100vw - 432px) / 2)"},flexShrink:0},children:[r.jsxs(t.Box,{sx:{p:4,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:300,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",gap:4},children:[r.jsx(t.Box,{sx:{width:"100%",maxWidth:500,overflow:"hidden",boxShadow:"0 2px 12px rgba(0,0,0,0.08)"},children:r.jsx(gl,{items:B,value:n,onChange:i,showLabels:c,labelOrientation:u,backfill:p,barColor:m,fixed:!1},"bn-"+g+"-"+u+"-"+p+"-"+c+"-"+m)}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",textAlign:"center"},children:[g," items · ",c?"horizontal"===u&&j?"Horizontal labels":"Vertical labels":"Icons only",p?" · Backfill":""," · ",(Sl.find(e=>e.value===m)||Sl[0]).label]})]}),r.jsx(sa,{code:(()=>{const e=[];e.push("const items = ["),B.forEach((t,r)=>{const o=v[r];e.push(" { icon: <"+o.icon+"Icon />, label: '"+o.label+"' },")}),e.push("];"),e.push("");const t=[];return t.push("items={items}"),"default"!==m&&t.push('barColor="'+m+'"'),c||t.push("showLabels={false}"),c&&"horizontal"===u&&j&&t.push('labelOrientation="horizontal"'),p||t.push("backfill={false}"),l||t.push("fixed={false}"),e.push("<BottomNavigation"),t.forEach(t=>e.push(" "+t)),e.push("/>"),e.join("\n")})(),language:"JSX",sx:{borderRadius:0,borderBottom:"1px solid var(--Border)"}})]}),r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"calc(100vw - 432px)",md:"calc((100vw - 432px) / 2)"},flexShrink:0,p:3,backgroundColor:"var(--Container)",overflowY:"auto"},children:[r.jsx(Ot,{children:"Playground"}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BAR COLOR"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Sl.map(e=>r.jsx(Bl,{label:e.label,selected:m===e.value,onClick:()=>f(e.value)},e.value))}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:[(Sl.find(e=>e.value===m)||Sl[0]).desc,' · data-surface="Surface-Dim" · bg: var(--Background)']})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsx(Tl,{label:"Fixed",checked:l,onChange:s,caption:"Position fixed to bottom of viewport."}),r.jsx(Tl,{label:"Labels",checked:c,onChange:d,caption:"Show text labels with icons."}),r.jsx(Tl,{label:"Selected Backfill",checked:p,onChange:h,caption:"Pill on selected: bg var(--Buttons-Primary-Button), border var(--Buttons-Primary-Border), icon var(--Buttons-Primary-Text)."})]})]}),c&&r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL ORIENTATION"}),r.jsxs(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[r.jsx(Bl,{label:"Vertical",selected:"vertical"===u,onClick:()=>x("vertical")}),r.jsx(Bl,{label:"Horizontal",selected:"horizontal"===u&&j,onClick:()=>{j&&x("horizontal")},disabled:!j})]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:j?"vertical"===u?"Icon above label (default). Label below pill.":"Icon beside label. Label inside pill when backfill is on.":"Horizontal is only available with 4 or fewer items. Reduce item count to enable."})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"NAVIGATION ITEMS"}),r.jsx(wl,{label:"Count",value:g,onChange:b,min:3,max:6}),r.jsx(t.Stack,{spacing:1.5,sx:{mt:2},children:v.slice(0,g).map((e,o)=>r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"nowrap"},children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",flexShrink:0,width:16,textAlign:"right"},children:o+1}),r.jsx(Cl,{value:e.icon,onChange:e=>S(o,"icon",e),options:yl,label:"Item "+(o+1)+" icon"}),c&&r.jsx(kl,{value:e.label,onChange:e=>S(o,"label",e),placeholder:"Label"})]},o))})]})]})]}),1===o&&r.jsxs(t.Box,{sx:{p:4},children:[r.jsx(Ot,{children:"Accessibility Requirements"}),r.jsxs(Vt,{color:"quiet",style:{marginBottom:32},children:[g," items · ",c?"Labels "+u:"Icons only",p?" · Backfill":""," · ",(Sl.find(e=>e.value===m)||Sl[0]).label]}),r.jsxs(t.Stack,{spacing:4,children:[r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Landmark:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<nav role="navigation" aria-label="Bottom navigation">'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Tab list:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'role="tablist"'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Tab items:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'role="tab", aria-selected, aria-label'})]}),r.jsxs(t.Box,{sx:{py:1.5},children:[r.jsx(Vt,{children:"Focus:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"3px solid var(--Focus-Visible) on :focus-visible."})]})]})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Token Reference"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Bar:"}),r.jsx(Kt,{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.).'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Unselected icon/label:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text-Quiet)"})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Selected (no backfill):"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text)"})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Selected backfill pill:"}),r.jsx(Kt,{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)"})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Backfill + horizontal label:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"Label inside pill: var(--Buttons-Primary-Text)"})]}),r.jsxs(t.Box,{sx:{py:1.5},children:[r.jsx(Vt,{children:"Backfill + vertical label:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"Label below pill: var(--Text)"})]})]})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Best Practices"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Item count:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"3–5 recommended. 6 maximum."})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Horizontal layout:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"Only available with 4 or fewer items."})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Labels:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"Always recommended for clarity."})]}),r.jsxs(t.Box,{sx:{py:1.5},children:[r.jsx(Vt,{children:"Fixed:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"Add bottom padding to main content to avoid overlap."})]})]})]})]})]})]})},exports.Box=Ci,exports.BoxShowcase=function(){const[o,a]=e.useState(""),[n,i]=e.useState(""),[l,s]=e.useState(null),[c,d]=e.useState("Surface");return r.jsxs(Ci,{sx:{pb:8},children:[r.jsx(Pt,{children:"Box"}),r.jsxs(Gt,{color:"quiet",style:{marginTop:8,marginBottom:24,maxWidth:720},children:["Bare layout primitive — a slot that participates in the design-system cascade (",r.jsx("code",{children:"data-theme"})," / ",r.jsx("code",{children:"data-surface"}),") without carrying any chrome. Reach for ",r.jsx("code",{children:"<Ratio>"})," or",r.jsx("code",{children:" <Card>"})," when you need padding, borders, or shadow."]}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:l,surface:c,children:r.jsx(Ci,{sx:{width:"100%",maxWidth:400},children:r.jsx(Ci,{theme:o||void 0,surface:n||void 0,children:r.jsxs(Ci,{sx:{padding:3,backgroundColor:"var(--Background)",color:"var(--Text)",borderRadius:"var(--Style-Border-Radius)",border:"1px dashed var(--Border-Variant)"},children:[r.jsx(Dt,{children:"Box content"}),r.jsx(Gt,{style:{color:"var(--Text-Quiet)",marginTop:6},children:"Anything dropped inside resolves tokens against the Box's theme / surface, if you set them."})]})})})}),r.jsx(sa,{code:(()=>{const e=[];o&&e.push('theme="'+o+'"'),n&&e.push('surface="'+n+'"');return"<Box"+(e.length?" "+e.join(" "):"")+">\n {/* anything */}\n</Box>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(Ci,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"When to use"})]}),r.jsx(Ao,{value:0,children:r.jsxs(Ci,{sx:{p:3},children:[r.jsx(Ci,{sx:{mb:3},children:r.jsx(Po,{theme:l,onThemeChange:s,surface:c,onSurfaceChange:d})}),r.jsxs(Ci,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"THEME (optional)"}),r.jsxs(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[r.jsx(Ii,{label:"None",selected:!o,onClick:()=>a("")}),Ti.map(e=>r.jsx(Ii,{label:e,selected:o===e,onClick:()=>a(e)},e))]})]}),r.jsxs(Ci,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SURFACE (optional)"}),r.jsxs(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[r.jsx(Ii,{label:"None",selected:!n,onClick:()=>i("")}),wi.map(e=>r.jsx(Ii,{label:e,selected:n===e,onClick:()=>i(e)},e))]}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Both props are pass-throughs to ",r.jsx("code",{children:"data-theme"})," ","and ",r.jsx("code",{children:"data-surface"}),". Leave empty to inherit from the parent zone."]})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(Ci,{sx:{p:3},children:r.jsxs(t.Stack,{spacing:2,children:[r.jsxs(Ci,{children:[r.jsx(Vt,{style:{fontWeight:700},children:"Reach for Box when…"}),r.jsx(Kt,{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."})]}),r.jsxs(Ci,{children:[r.jsx(Vt,{style:{fontWeight:700},children:"Use Ratio when…"}),r.jsx(Kt,{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."})]}),r.jsxs(Ci,{children:[r.jsx(Vt,{style:{fontWeight:700},children:"Use Card when…"}),r.jsx(Kt,{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=Ki,exports.Breadcrumbs=Xi,exports.BreadcrumbsShowcase=function(){const[o,a]=e.useState("medium"),[n,i]=e.useState("/"),[l,s]=e.useState(!1),[c,d]=e.useState(null),[u,x]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Breadcrumbs"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:c,surface:u,children:r.jsxs(Xi,{size:o,separator:n,condense:l,maxItems:3,children:[r.jsx(Ki,{href:"#",children:"Home"}),r.jsx(Ki,{href:"#",children:"Products"}),r.jsx(Ki,{href:"#",children:"Shoes"}),r.jsx(Ki,{children:"Running Shoes"})]})}),r.jsx(sa,{code:(()=>{const e=[];return"medium"!==o&&e.push('size="'+o+'"'),"/"!==n&&e.push('separator="'+n+'"'),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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:c,onThemeChange:d,surface:u,onSurfaceChange:x})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(Yi,{label:Ji(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SEPARATOR"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["/","›","→","·","|"].map(e=>r.jsx(Yi,{label:e,selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Condense"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Collapse middle items into ellipsis"})]}),r.jsx(ya,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Condense"})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Nav",value:'<nav aria-label="Breadcrumb">'},{label:"List",value:"<ol> with <li> for each crumb"},{label:"Current",value:'aria-current="page" on the last item'},{label:"Links",value:"BreadcrumbItem renders <a> when href is provided"},{label:"Ellipsis",value:'Expandable button with aria-label="Show full breadcrumb trail"'},{label:"Separator",value:'aria-hidden="true" — decorative only'}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Button=Kr,exports.ButtonGroup=Oa,exports.ButtonSmall=nr,exports.ButtonText=ir,exports.CAP_HEIGHT_TRIM=Lt,exports.Caption=Kt,exports.CaptionBold=e=>r.jsx(Et,{textStyle:"caption-bold",...e}),exports.Card=Xa,exports.CenteredStack=e=>r.jsx(Wa,{direction:"column",alignItems:"center",justifyContent:"center",...e}),exports.Checkbox=function({variant:e="primary",size:o="medium",label:a,checked:n,defaultChecked:i,indeterminate:l=!1,disabled:s=!1,onChange:c,name:d,value:u,className:x="",sx:p={},"aria-label":h,"aria-labelledby":m,"aria-describedby":f,inputProps:g={},...b}){eo(e);const v=to[o]||to.medium,y="small"===o?Vt:Gt,j={...g,...h&&{"aria-label":h},...m&&{"aria-labelledby":m},...f&&{"aria-describedby":f}},S=r.jsx(t.Checkbox,{checked:n,defaultChecked:i,indeterminate:l,disabled:s,onChange:c,name:d,value:u,icon:r.jsx(oo,{size:o,variant:e}),checkedIcon:r.jsx(ao,{size:o,variant:e}),indeterminateIcon:r.jsx(no,{size:o,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"},"&.Mui-focusVisible .chk-box-icon":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled":{opacity:.6,cursor:"not-allowed",pointerEvents:"none"},...p},...b});return a?r.jsx(t.FormControlLabel,{control:S,label:r.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},exports.Chip=mi,exports.CircularProgress=ap,exports.CircularProgressShowcase=function(){const[o,a]=e.useState("default"),[n,i]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(65),[u,x]=e.useState(!1),[p,h]=e.useState(null),[m,f]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Circular Progress"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:p,children:r.jsx(ap,{color:o,size:n,value:l?c:void 0,showValue:l&&u})}),r.jsx(sa,{code:(()=>{const e=[];return"default"!==o&&e.push('color="'+o+'"'),"medium"!==n&&e.push('size="'+n+'"'),l&&(e.push("value={"+c+"}"),u&&e.push("showValue")),0===e.length?"<CircularProgress />":"<CircularProgress\n "+e.join("\n ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:p,onThemeChange:h,surface:m,onSurfaceChange:f})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:ip.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(sp,{color:e,selected:o===e,onClick:a},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(lp,{label:np(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Determinate"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show a static arc at a specific value"})]}),r.jsx(ya,{checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Determinate"})]}),l&&r.jsxs(r.Fragment,{children:[r.jsx(t.Box,{sx:{mt:2},children:r.jsx($n,{label:"Value",min:0,max:100,value:c,onChange:(e,t)=>d(t),size:"small",valueLabelDisplay:"auto"})}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Show Label"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Center percentage text"})]}),r.jsx(ya,{checked:u,onChange:e=>x(e.target.checked),size:"small","aria-label":"Show label"})]})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsxs(t.Stack,{spacing:3,children:[r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Role:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'role="progressbar"'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Determinate:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'aria-valuenow, aria-valuemin="0", aria-valuemax="100"'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Indeterminate:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'aria-label="Loading" (no value attributes)'})]}),r.jsxs(t.Box,{sx:{py:1.5},children:[r.jsx(Vt,{children:"Label:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"Center percentage label is aria-hidden — screen readers use aria-valuenow."})]})]})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Token Reference"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Track (back circle):"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Border-Variant)"})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Fill (progress arc):"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Buttons-{Color}-Border)"})]}),r.jsxs(t.Box,{sx:{py:1.5},children:[r.jsx(Vt,{children:"Center label:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text)"})]})]})]})]})})})]})})})]})]})},exports.CodeBlock=sa,exports.Colors=function(){const e=({color:e})=>r.jsxs(t.Box,{sx:{textAlign:"center"},children:[r.jsx(t.Box,{sx:{width:"80px",height:"80px",backgroundColor:`var(${e.var})`,borderRadius:"8px",border:"1px solid var(--Border)",mb:1,mx:"auto"}}),r.jsx(t.Typography,{variant:"body2",sx:{fontWeight:600,fontSize:"12px",color:"var(--Text)",mb:.5,wordBreak:"break-word"},children:e.name}),r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block",fontSize:"10px",fontFamily:"monospace",wordBreak:"break-all"},children:e.var})]});return r.jsxs(t.Stack,{spacing:6,children:[r.jsxs(t.Box,{children:[r.jsx(t.Typography,{variant:"h5",sx:{mb:3,fontWeight:700},children:"Brand Colors (Static)"}),r.jsx(t.Stack,{direction:"row",spacing:3,sx:{justifyContent:"center",flexWrap:"wrap",gap:3},children:[{name:"Primary",var:"--Primary-Color-11"},{name:"Secondary",var:"--Secondary-Color-11"},{name:"Tertiary",var:"--Tertiary-Color-11"}].map(t=>r.jsx(e,{color:t},t.var))})]}),r.jsxs(t.Box,{children:[r.jsx(t.Typography,{variant:"h5",sx:{mb:3,fontWeight:700},children:"Background Colors (Dynamic)"}),r.jsx(t.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Update based on selected Background variant and Mode"}),r.jsx(t.Grid,{container:!0,spacing:2,sx:{justifyContent:"center"},children:[{name:"Default Background",cssVar:"var(--Theme-Default-Surfaces-Surface)"},{name:"Primary Background",cssVar:"var(--Theme-Primary-Surfaces-Surface)"},{name:"Secondary Background",cssVar:"var(--Theme-Secondary-Surfaces-Surface)"},{name:"Tertiary Background",cssVar:"var(--Theme-Tertiary-Surfaces-Surface)"},{name:"Neutral Background",cssVar:"var(--Theme-Neutral-Surfaces-Surface)"},{name:"Neutral-Variant Background",cssVar:"var(--Theme-Neutral-Variant-Surfaces-Surface)"}].map(e=>r.jsx(t.Grid,{item:!0,sx:{display:"flex",justifyContent:"center"},children:r.jsxs(t.Box,{sx:{textAlign:"center"},children:[r.jsx(t.Box,{sx:{minWidth:"max(var(--Button-Height), var(--Min-Button-Width))",minHeight:"var(--Button-Height)",backgroundColor:e.cssVar,borderRadius:"var(--Style-Border-Radius)",border:"2px solid var(--Border)",mb:1}}),r.jsx(t.Typography,{variant:"body2",sx:{fontWeight:600,fontSize:"12px",color:"var(--Text)",wordBreak:"break-word"},children:e.name})]})},e.name))})]}),r.jsxs(t.Box,{children:[r.jsx(t.Typography,{variant:"h5",sx:{mb:3,fontWeight:700},children:"Dynamic Colors (Update with Mode, Background & Surface)"}),r.jsx(t.Alert,{severity:"info",sx:{backgroundColor:"var(--Container-Low)",mb:3,border:"1px solid var(--Border)"},children:r.jsxs(t.Typography,{variant:"body2",children:["Most colors update automatically based on the current"," ",r.jsx("strong",{children:"Mode"})," (Light/Dark), ",r.jsx("strong",{children:"Background"})," ","variant, and ",r.jsx("strong",{children:"Surface"})," theme. Only Primary, Secondary, and Tertiary colors are fixed brand colors."]})}),r.jsx(t.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"These colors automatically adapt based on:"}),r.jsxs(t.Stack,{spacing:1,sx:{mb:4},children:[r.jsxs(t.Box,{sx:{display:"flex",gap:2},children:[r.jsx(t.Typography,{variant:"body2",sx:{fontWeight:600,minWidth:80},children:"Mode:"}),r.jsx(t.Typography,{variant:"body2",children:"Light or Dark theme"})]}),r.jsxs(t.Box,{sx:{display:"flex",gap:2},children:[r.jsx(t.Typography,{variant:"body2",sx:{fontWeight:600,minWidth:80},children:"Background:"}),r.jsx(t.Typography,{variant:"body2",children:"Default, Primary, Secondary, Tertiary, Neutral, or Neutral-Variant"})]}),r.jsxs(t.Box,{sx:{display:"flex",gap:2},children:[r.jsx(t.Typography,{variant:"body2",sx:{fontWeight:600,minWidth:80},children:"Surface:"}),r.jsx(t.Typography,{variant:"body2",children:"Theme surface layer selection"})]})]}),r.jsx(t.Stack,{spacing:4,children:[{name:"Layout & Surfaces",colors:[{name:"Background",var:"--Background"},{name:"Border",var:"--Border"},{name:"Border-Variant",var:"--Border-Variant"}]},{name:"Text & Links",colors:[{name:"Header",var:"--Header"},{name:"Text",var:"--Text"},{name:"Text-Quiet",var:"--Text-Quiet"},{name:"Hotlink",var:"--Hotlink"},{name:"Hotlink-Visited",var:"--Hotlink-Visited"}]},{name:"Buttons - Primary",colors:[{name:"Button BG",var:"--Button-Primary-Button"},{name:"Button Text",var:"--Button-Primary-Text"},{name:"Button Hover",var:"--Button-Primary-Hover"},{name:"Button Active",var:"--Button-Primary-Pressed"},{name:"Focus-Visible",var:"--Focus-Visible"}]},{name:"Buttons - Secondary",colors:[{name:"Button BG",var:"--Button-Secondary-Button"},{name:"Button Text",var:"--Button-Secondary-Text"},{name:"Button Hover",var:"--Button-Secondary-Hover"},{name:"Button Active",var:"--Button-Secondary-Pressed"},{name:"Focus-Visible",var:"--Focus-Visible"}]},{name:"Buttons - State",colors:[{name:"Info Button",var:"--Button-Info-Button"},{name:"Success Button",var:"--Button-Success-Button"},{name:"Warning Button",var:"--Button-Warning-Button"},{name:"Error Button",var:"--Button-Error-Button"}]},{name:"Icons",colors:[{name:"Default",var:"--Icons-Default"},{name:"Primary",var:"--Icons-Primary"},{name:"Secondary",var:"--Icons-Secondary"},{name:"Tertiary",var:"--Icons-Tertiary"},{name:"Neutral",var:"--Icons-Neutral"},{name:"Info",var:"--Icons-Info"},{name:"Success",var:"--Icons-Success"},{name:"Warning",var:"--Icons-Warning"},{name:"Error",var:"--Icons-Error"}]},{name:"Chips & Badges",colors:[{name:"Primary BG",var:"--Tags-Primary-BG"},{name:"Primary Text",var:"--Tags-Primary-Text"},{name:"Secondary BG",var:"--Tags-Secondary-BG"},{name:"Secondary Text",var:"--Tags-Secondary-Text"},{name:"Tertiary BG",var:"--Tags-Tertiary-BG"},{name:"Tertiary Text",var:"--Tags-Tertiary-Text"},{name:"Neutral BG",var:"--Tags-Neutral-BG"},{name:"Neutral Text",var:"--Tags-Neutral-Text"},{name:"Info BG",var:"--Tags-Info-BG"},{name:"Info Text",var:"--Tags-Info-Text"},{name:"Success BG",var:"--Tags-Success-BG"},{name:"Success Text",var:"--Tags-Success-Text"},{name:"Warning BG",var:"--Tags-Warning-BG"},{name:"Warning Text",var:"--Tags-Warning-Text"},{name:"Error BG",var:"--Tags-Error-BG"},{name:"Error Text",var:"--Tags-Error-Text"}]}].map(o=>r.jsxs(t.Box,{children:[r.jsx(t.Typography,{variant:"h6",sx:{mb:2,fontWeight:600},children:o.name}),r.jsx(t.Grid,{container:!0,spacing:2,sx:{justifyContent:"center"},children:o.colors.map(o=>r.jsx(t.Grid,{item:!0,sx:{display:"flex",justifyContent:"center"},children:r.jsx(e,{color:o})},o.var))})]},o.name))})]}),r.jsxs(t.Box,{sx:{pt:4,borderTop:"1px solid var(--Border)"},children:[r.jsx(t.Typography,{variant:"h5",sx:{mb:2,fontWeight:700},children:"How to Use"}),r.jsxs(t.Stack,{spacing:2,children:[r.jsxs(t.Box,{children:[r.jsx(t.Typography,{variant:"h6",sx:{fontWeight:600,mb:1},children:"Static Colors"}),r.jsxs(t.Typography,{variant:"body2",sx:{color:"var(--Text-Secondary)"},children:["Use brand colors (",r.jsx("code",{style:{backgroundColor:"var(--Container)",padding:"2px 4px",borderRadius:"4px"},children:"--Primary-Color-11"}),","," ",r.jsx("code",{style:{backgroundColor:"var(--Container)",padding:"2px 4px",borderRadius:"4px"},children:"--Secondary-Color-11"}),","," ",r.jsx("code",{style:{backgroundColor:"var(--Container)",padding:"2px 4px",borderRadius:"4px"},children:"--Tertiary-Color-11"}),") for brand elements that should never change."]})]}),r.jsxs(t.Box,{children:[r.jsx(t.Typography,{variant:"h6",sx:{fontWeight:600,mb:1},children:"Dynamic Colors"}),r.jsx(t.Typography,{variant:"body2",sx:{color:"var(--Text-Secondary)"},children:"Use dynamic color variables for all UI elements. They will automatically update when users change Mode, Background, or Surface settings."})]}),r.jsxs(t.Box,{children:[r.jsx(t.Typography,{variant:"h6",sx:{fontWeight:600,mb:1},children:"Example Usage"}),r.jsx(t.Box,{component:"pre",sx:{backgroundColor:"var(--Container)",p:2,borderRadius:"8px",overflow:"auto",fontSize:"12px",border:"1px solid var(--Border)",color:"var(--Text)"},children:"/* Dynamic - updates with theme changes */\ncolor: var(--Text);\nbackgroundColor: var(--Background);\nborderColor: var(--Border);\n\n/* Static - brand colors stay the same */\naccentColor: var(--Primary-Color-11);"})]})]})]})]})},exports.Container=function({children:e,maxWidth:o="lg",disableGutters:a=!1,sx:n={},...i}){return r.jsx(t.Container,{maxWidth:o,disableGutters:a,"data-surface":"Surface",sx:{backgroundColor:"var(--Background)",color:"var(--Text)",transition:"all 0.2s ease-in-out",...n},...i,children:e})},exports.CopyButton=la,exports.Copyright=rh,exports.CopyrightShowcase=function(){const[o,a]=e.useState("DinoDesign"),[n,i]=e.useState((new Date).getFullYear()),[l,s]=e.useState("All rights reserved"),[c,d]=e.useState(""),[u,x]=e.useState(!1),[p,h]=e.useState("default"),m=e.useRef(null),[f,g]=e.useState(null);return e.useEffect(()=>{m.current&&g({current:m.current.querySelector(".dino-copyright")})},[p,u,o,n,l,c]),r.jsxs(t.Box,{children:[r.jsx(Pt,{style:{marginBottom:12},children:"Copyright"}),r.jsxs(Gt,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:["Standalone copyright strip used at the bottom of pages. Defaults to"," ",r.jsxs("code",{children:["© ","{year}"," ","{companyName}",". ","{rights}","."]})," Pass"," ",r.jsx("code",{children:"children"})," to override the entire text."]}),r.jsx(t.Box,{ref:m,sx:{borderRadius:1,overflow:"hidden",mb:4},children:u?r.jsx(rh,{color:p,children:c||"Type a custom message →"}):r.jsx(rh,{color:p,companyName:o,year:Number(n)||(new Date).getFullYear(),rights:l})}),r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Stack,{spacing:3,sx:{p:3,maxWidth:560},children:[r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TEXT MODE"}),r.jsxs(t.Stack,{direction:"row",spacing:1,children:[r.jsx(vh,{label:"Auto-generated",selected:!u,onClick:()=>x(!1)}),r.jsx(vh,{label:"Custom",selected:u,onClick:()=>x(!0)})]})]}),!u&&r.jsxs(r.Fragment,{children:[r.jsx(mo,{label:"Company name",value:o,onChange:e=>a(e.target.value),placeholder:"DinoDesign",size:"medium"}),r.jsx(vn,{label:"Year",value:Number(n),onChange:e=>i(e),min:1900,max:2100}),r.jsx(mo,{label:"Rights text",value:l,onChange:e=>s(e.target.value),placeholder:"All rights reserved",size:"medium"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:'Leave Rights blank to omit "All rights reserved." entirely.'})]}),u&&r.jsxs(r.Fragment,{children:[r.jsx(mo,{label:"Custom text",value:c,onChange:e=>d(e.target.value),placeholder:"© 2026 DinoDesign · MIT License · Built with love",size:"medium",multiline:!0}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"Pass any string (or React node) as children to fully override the auto text."})]}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:bh.map(e=>r.jsx(vh,{label:e.label,selected:p===e.value,onClick:()=>h(e.value)},e.value))}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Matches the Footer color presets so the two stack cleanly."})]})]})}),r.jsx(Ao,{value:1,children:r.jsxs(t.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[r.jsx(Kt,{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&&r.jsx(xh,{targetRef:f,label:"Copyright strip",deps:[p,u,o,n,l,c]})]})})]})]})},exports.CurvedText=Ih,exports.CurvedTextShowcase=function(){const[o,a]=e.useState("Your Brand. Perfected."),[n,i]=e.useState("display-large"),[l,s]=e.useState("primary"),[c,d]=e.useState([(u="up",{arc:140,radius:340,direction:u})]);var u;const[x,p]=e.useState(0),[h,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),[C,w]=e.useState(null);e.useEffect(()=>{k.current&&w({current:k.current.querySelector("text")})},[l,n,c,x,h,f,b,y,S]);const T=Rh.find(e=>e.value===l)?.css||Rh[0].css;function I(e,t){d(r=>r.map((r,o)=>o===e?{...r,...t}:r))}return r.jsxs(t.Box,{children:[r.jsx(Pt,{style:{marginBottom:12},children:"Curved Display Text"}),r.jsx(Gt,{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."}),r.jsxs(t.Box,{sx:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(360px, 1fr))",gap:3,alignItems:"start"},children:[r.jsx(t.Box,{sx:{minWidth:0},children:r.jsx(t.Box,{ref:k,"data-surface":"Container",sx:{background:"var(--Background)",borderRadius:2,p:3,display:"flex",alignItems:"center",justifyContent:"center",overflow:"auto",position:"sticky",top:16},children:r.jsx(Ih,{text:o,curves:c,textStyle:n,rotation:x,letterSpacing:h,fontWeight:f,bevel:b,bevelTheme:y,bevelPreset:b?S:void 0,color:T})})}),r.jsx(t.Box,{sx:{minWidth:0,alignSelf:"flex-start"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Stack,{spacing:3,sx:{p:3,maxWidth:720},children:[r.jsx(mo,{label:"Text",value:o,onChange:e=>a(e.target.value),placeholder:"Your headline…",size:"medium"}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CURVES"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:[1,2].map(e=>r.jsx(Lh,{label:String(e),selected:c.length===e,onClick:()=>function(e){d(t=>{if(e===t.length)return t;if(e>t.length){const r=[...t];for(;r.length<e;){const e=r[r.length-1];r.push({arc:e.arc,radius:e.radius,direction:"up"===e.direction?"down":"up"})}return r}return t.slice(0,e)})}(e)},e))}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"One curve is an arch. Two curves chain end-to-end for a wave."})]}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:12},children:"PER-CURVE SETTINGS"}),r.jsx(t.Stack,{spacing:2,children:c.map((e,o)=>r.jsxs(t.Box,{"data-surface":"Container",style:{background:"var(--Background)",border:"1px solid var(--Border)",borderRadius:8,padding:12},children:[r.jsxs(t.Stack,{direction:"row",alignItems:"center",spacing:2,sx:{mb:1},children:[r.jsxs(Kt,{style:{fontWeight:700},children:["Curve ",o+1]}),r.jsx("div",{style:{flex:1}}),r.jsxs(t.Stack,{direction:"row",spacing:1,children:[r.jsx(Lh,{label:"⌢ Up",selected:"up"===e.direction,onClick:()=>I(o,{direction:"up"})}),r.jsx(Lh,{label:"⌣ Down",selected:"down"===e.direction,onClick:()=>I(o,{direction:"down"})})]})]}),r.jsxs(t.Stack,{spacing:1,children:[r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Radius",r.jsxs("span",{style:{float:"right"},children:[e.radius,"px"]})]}),r.jsx($n,{min:100,max:600,step:10,value:e.radius,onChange:(e,t)=>I(o,{radius:t})})]}),r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Arc sweep",r.jsxs("span",{style:{float:"right"},children:[e.arc,"°"]})]}),r.jsx($n,{min:40,max:280,step:5,value:e.arc,onChange:(e,t)=>I(o,{arc:t})})]})]})]},o))})]}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPOGRAPHY"}),r.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:zh.map(e=>r.jsx(Lh,{label:e.label,selected:n===e.value,onClick:()=>i(e.value)},e.value))}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Uses the lib's DisplayLarge / DisplaySmall tokens (font-family, size, weight, letter-spacing)."})]}),r.jsxs(t.Box,{children:[r.jsxs(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["LETTER SPACING",r.jsxs("span",{style:{float:"right"},children:[h,"px"]})]}),r.jsx($n,{min:-4,max:40,step:1,value:h,onChange:(e,t)=>m(t)}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Adjusts the gap between characters along the wave."})]}),r.jsxs(t.Box,{children:[r.jsxs(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["FONT WEIGHT",r.jsx("span",{style:{float:"right"},children:f})]}),r.jsx($n,{min:100,max:900,step:100,value:f,onChange:(e,t)=>g(t)}),r.jsx(Kt,{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."})]}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BEVEL"}),r.jsx(ja,{label:"3D bevel effect",checked:b,onChange:e=>v(e.target.checked)}),b&&r.jsxs(t.Box,{sx:{mt:1.5},children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:6},children:"Preset"}),r.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1,mb:1.5},children:Sh.map(e=>r.jsx(Lh,{label:e,selected:S===e,onClick:()=>B(e)},e))}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:6},children:"Bevel theme"}),r.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Eh.map(e=>r.jsx(Lh,{label:e.label,selected:y===e.value,onClick:()=>j(e.value)},e.value))})]}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Bevel layers use ",r.jsxs("code",{children:["--Buttons-","{Theme}","-Button"]})," for the fill, with ",r.jsx("code",{children:"Highlight"})," + ",r.jsx("code",{children:"Lowlight"}),"tokens for the bright/shadow stripes. CurvedText honors a preset's ",r.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 ",r.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."]})]}),r.jsxs(t.Box,{children:[r.jsxs(t.Stack,{direction:"row",alignItems:"center",sx:{mb:1},children:[r.jsxs(Yt,{style:{color:"var(--Text-Quiet)",flex:1},children:["ROTATION",r.jsxs("span",{style:{float:"right",marginRight:12},children:[x,"°"]})]}),r.jsx(Kr,{variant:"default-outline",size:"small",onClick:function(){const e=k.current?.querySelector("svg");if(!e)return;const t=e.querySelector("path"),r=e.querySelector("text");if(!t||!r)return;const a=t.getTotalLength();if(!a)return;let n=0;try{n=r.getComputedTextLength?.()||0}catch(e){}n||(n=Math.min(a,18*o.length));const i=Math.max(0,(a-n)/2),l=Math.min(a,i+n),s=t.getPointAtLength(i),c=t.getPointAtLength(l),d=180*Math.atan2(c.y-s.y,c.x-s.x)/Math.PI,u=Math.max(-45,Math.min(45,Math.round(-d)));p(u)},children:"Auto-level"})]}),r.jsx($n,{min:-45,max:45,step:1,value:x,onChange:(e,t)=>p(t)}),r.jsx(Kt,{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.'})]}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Rh.map(e=>r.jsx(Lh,{label:e.label,selected:l===e.value,onClick:()=>s(e.value)},e.value))})]})]})}),r.jsx(Ao,{value:1,children:r.jsxs(t.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[r.jsx(Kt,{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."}),C&&r.jsx(xh,{targetRef:C,label:"Curved text",deps:[l,n,JSON.stringify(c),x,h]}),r.jsxs(Vt,{color:"quiet",children:["The SVG sets ",r.jsx("code",{children:'role="img"'})," and"," ",r.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=ur,exports.DEFAULT_ITEMS=Mx,exports.DefaultToggleButtonGroup=e=>r.jsx(In,{variant:"default",...e}),exports.DesktopAppBar=qp,exports.Dialog=bs,exports.DialogShowcase=function(){const[o,a]=e.useState(!1),[n,i]=e.useState("sm"),[l,s]=e.useState(!1),[c,d]=e.useState("none"),[u,x]=e.useState(!1),[p,h]=e.useState(!1),[m,f]=e.useState(null),[g,b]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Dialog"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:m,surface:g,children:r.jsx(Kr,{variant:"default",onClick:()=>a(!0),children:"Open Dialog"})}),r.jsx(sa,{code:(()=>{const e=["open={open}","onClose={handleClose}"];return"sm"!==n&&e.push('maxWidth="'+n+'"'),l&&e.push("fullScreen"),u&&e.push("alert"),p&&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}}),r.jsx(bs,{open:o,onClose:(e,t)=>{u&&"backdropClick"===t||a(!1)},maxWidth:n,fullScreen:l,alert:u,nonModal:p,transition:"none"!==c?c:void 0,title:"Dialog Title",actions:r.jsxs(r.Fragment,{children:[r.jsx(Kr,{variant:"default-outline",size:"small",onClick:()=>a(!1),children:"Cancel"}),r.jsx(Kr,{variant:"default",size:"small",onClick:()=>a(!1),children:"Confirm"})]}),children:r.jsx(Gt,{children:"This is the dialog content. You can put any information here that requires user attention or action."})})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:m,onThemeChange:f,surface:g,onSurfaceChange:b})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsxs(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[["xs","sm","md","lg","xl"].map(e=>r.jsx(vs,{label:e.toUpperCase(),selected:n===e,onClick:()=>{i(e),s(!1)}},e)),r.jsx(vs,{label:"Full Screen",selected:l,onClick:()=>s(!l)})]})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TRANSITION"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["none","slide-up","slide-down","grow","fade","zoom"].map(e=>{return r.jsx(vs,{label:(t=e,t?t.charAt(0).toUpperCase()+t.slice(1):""),selected:c===e,onClick:()=>d(e)},e);var t})})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Alert"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"No backdrop dismiss, no Escape"})]}),r.jsx(ya,{variant:"default-outline",checked:u,onChange:e=>x(e.target.checked),size:"small","aria-label":"Alert mode"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Non-Modal"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"No backdrop, interact with content behind"})]}),r.jsx(ya,{variant:"default-outline",checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Non-modal"})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="dialog" (standard) or role="alertdialog" (alert mode)'},{label:"Label",value:"aria-labelledby links to title, aria-describedby links to content"},{label:"Focus",value:"Focus trapped inside dialog. Returns to trigger on close."},{label:"Keyboard",value:"Escape closes (unless alert). Tab cycles through focusable elements."},{label:"Backdrop",value:"Click closes (unless alert or non-modal)"},{label:"Close",value:'Close button with aria-label="Close dialog"'}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.DisplayLarge=e=>r.jsx(Et,{textStyle:"display-large",...e}),exports.DisplayMedium=e=>r.jsx(Et,{textStyle:"display-medium",...e}),exports.DisplaySmall=e=>r.jsx(Et,{textStyle:"display-small",...e}),exports.Divider=function({color:e="default",orientation:o="horizontal",size:a="small",children:n,indicatorText:i,indicatorStyle:l="outline",textAlign:s="center",className:c="",sx:d={},...u}){const x=zp(e),p=Ep[a]||Ep.small,h=!(!n&&!i),m=n||i,f="vertical"===o;if(f&&!h)return r.jsx(t.Box,{role:"separator","aria-orientation":"vertical",className:"divider-vertical divider-"+e+" "+c,sx:{display:"inline-block",width:p+"px",alignSelf:"stretch",minHeight:24,backgroundColor:x,flexShrink:0,...d},...u});if(f&&h){const o=Rp(e,l),a="top"===s?"0 0 10%":"1 1 auto",n="top"===s?"1 1 auto":"bottom"===s?"0 0 10%":"1 1 auto";return r.jsxs(t.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},...u,children:[r.jsx(t.Box,{sx:{flex:a,width:p+"px",backgroundColor:x}}),r.jsx(t.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,my:1,px:.75,py:.5,borderRadius:"12px",fontSize:"11px",fontWeight:500,fontFamily:"inherit",lineHeight:1.2,whiteSpace:"nowrap",backgroundColor:o.bg,color:o.text,border:o.border,boxSizing:"border-box"},children:m}),r.jsx(t.Box,{sx:{flex:n,width:p+"px",backgroundColor:x}})]})}if(!h)return r.jsx(t.Box,{role:"separator","aria-orientation":"horizontal",className:"divider-horizontal divider-"+e+" "+c,sx:{width:"100%",height:p+"px",backgroundColor:x,flexShrink:0,...d},...u});const g=Rp(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 r.jsxs(t.Box,{role:"separator","aria-orientation":"horizontal",className:"divider-horizontal divider-"+e+" divider-indicator "+c,sx:{display:"flex",alignItems:"center",width:"100%",...d},...u,children:[r.jsx(t.Box,{sx:{flex:b,height:p+"px",backgroundColor:x}}),r.jsx(t.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,mx:2,px:1.5,py:.5,borderRadius:"12px",fontSize:"12px",fontWeight:500,fontFamily:"inherit",lineHeight:1.2,whiteSpace:"nowrap",backgroundColor:g.bg,color:g.text,border:g.border,boxSizing:"border-box"},children:m}),r.jsx(t.Box,{sx:{flex:v,height:p+"px",backgroundColor:x}})]})},exports.Drawer=As,exports.DrawerClose=zs,exports.DrawerContent=Es,exports.DrawerHeader=Rs,exports.DrawerShowcase=function(){const[o,a]=e.useState(!1),[n,i]=e.useState("medium"),[l,s]=e.useState("left"),[c,d]=e.useState(null),[u,x]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Drawer"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:c,surface:u,children:r.jsx(Kr,{variant:"default",onClick:()=>a(!0),children:"Open Drawer"})}),r.jsx(sa,{code:(()=>{const e=["open={open}","onClose={handleClose}"];return"medium"!==n&&e.push('size="'+n+'"'),"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}}),r.jsxs(As,{open:o,onClose:()=>a(!1),size:n,anchor:l,children:[r.jsxs(Rs,{children:[r.jsx(Dt,{children:"Navigation"}),r.jsx(zs,{onClick:()=>a(!1)})]}),r.jsx(Es,{children:r.jsx(Dx,{items:Fx,variant:"solid",color:"default",defaultExpandedItems:["products"],sx:{border:"none",borderRadius:0}})})]})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:c,onThemeChange:d,surface:u,onSurfaceChange:x})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(Nx,{label:Wx(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ANCHOR"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["left","right","top","bottom"].map(e=>r.jsx(Nx,{label:Wx(e),selected:l===e,onClick:()=>s(e)},e))})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="dialog" aria-modal="true"'},{label:"Focus",value:"Focus trapped inside drawer. Returns to trigger on close."},{label:"Keyboard",value:"Escape closes. Tab cycles focusable elements."},{label:"Backdrop",value:"Click closes. Body scroll locked while open."},{label:"Close",value:'Button with aria-label="Close drawer"'}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.DropZone=function({onFiles:o,accept:a,multiple:n=!1,size:i="medium",disabled:l=!1,icon:s,label:c,sublabel:d,children:u,className:x="",sx:p={},...h}){const[m,f]=e.useState(!1),g=e.useRef(null),b=e.useRef(0),v=Hx[i]||Hx.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)},[]),C=e.useCallback(()=>{l||g.current?.click()},[l]),w=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]),I=s||Je,A=n?"Drag and drop files here":"Drag and drop file here";return r.jsxs(t.Box,{role:"button",tabIndex:l?-1:0,"aria-label":c||A,"aria-disabled":l||void 0,onClick:C,onKeyDown:w,onDrop:j,onDragOver:S,onDragEnter:B,onDragLeave:k,className:"drop-zone drop-zone-"+i+(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?.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)"}},...p},...h,children:[r.jsx("input",{ref:g,type:"file",accept:a,multiple:n,onChange:T,style:{display:"none"},"aria-hidden":"true",tabIndex:-1}),u||r.jsxs(r.Fragment,{children:[r.jsx(I,{sx:{fontSize:v.iconSize,color:"var(--Text-Quiet)"}}),r.jsx(Vt,{style:{color:"var(--Text)"},children:c||A}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:d||"or click to browse"})]})]})},exports.Dropdown=ll,exports.DynoStack=Wa,exports.DynoTreeView=Dx,exports.EmailTextField=function({label:e="Email",...t}){return r.jsx(An,{label:e,type:"email",placeholder:"user@example.com",...t})},exports.ErrorToggleButtonGroup=e=>r.jsx(In,{variant:"error",...e}),exports.Eyebrow=Zt,exports.EyebrowLarge=_t,exports.EyebrowMedium=$t,exports.EyebrowSmall=Yt,exports.Fab=en,exports.FabShowcase=function(){const[o,a]=e.useState("default"),[n,i]=e.useState("medium"),[l,s]=e.useState("Add"),[c,d]=e.useState(!1),[u,x]=e.useState("Create"),[p,h]=e.useState(!1),[m,f]=e.useState(!1),[g,b]=e.useState(null),[v,y]=e.useState("Surface"),j="default"===o?"tertiary":o;return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Floating Action Button"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:g,children:r.jsx(en,{color:j,size:n,icon:(()=>{const e=dt[l]||dt.Add;return r.jsx(dr,{size:"medium",children:r.jsx(e,{})})})(),extended:c,label:u,animate:p,disabled:m,ariaLabel:c?u:l})}),r.jsx(sa,{code:(()=>{const e=[];return"default"!==o&&e.push('color="'+o+'"'),"medium"!==n&&e.push('size="'+n+'"'),e.push("icon={<"+l+"Icon />}"),c&&(e.push("extended"),e.push('label="'+u+'"')),p&&e.push("animate"),m&&e.push("disabled"),e.push('ariaLabel="'+(c?u:l)+'"'),"<Fab\n "+e.join("\n ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:g,onThemeChange:b,surface:v,onSurfaceChange:y})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:rn.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(nn,{color:e,selected:o===e,onClick:a},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(an,{label:tn(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(ln,{label:"Icon Name",value:l,onChange:s,placeholder:"Add"}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:[r.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)"]})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),r.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Extended"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Pill shape with icon + text label"})]}),r.jsx(ya,{checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Extended"})]}),c&&r.jsx(t.Box,{sx:{mt:1.5},children:r.jsx(ln,{label:"Label Text",value:u,onChange:x,placeholder:"Create"})}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Animation"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Pulse ring effect to draw attention"})]}),r.jsx(ya,{checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Animation"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Disabled"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),r.jsx(ya,{checked:m,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsxs(t.Stack,{spacing:3,children:[r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Role:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<button role="button" aria-label="...">'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Label:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:c?"Extended: visible label provides accessible name.":"Icon-only: aria-label is required."})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Focus:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"3px solid var(--Focus-Visible) with 2px offset."})]}),r.jsxs(t.Box,{sx:{py:1.5},children:[r.jsx(Vt,{children:"Disabled:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"HTML disabled attribute. 50% opacity, removed from tab order."})]})]})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Best Practices"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"One per screen:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"FABs represent the primary action. Use at most one per view."})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Extended for clarity:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"Use extended variant when the icon alone may be ambiguous."})]}),r.jsxs(t.Box,{sx:{py:1.5},children:[r.jsx(Vt,{children:"Animation:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"Use sparingly. Respect prefers-reduced-motion."})]})]})]})]})})})]})})})]})]})},exports.Footer=ah,exports.FooterShowcase=function(){const[o,a]=e.useState(4),[n,i]=e.useState(!0),[l,s]=e.useState(!0),[c,d]=e.useState("default"),u=e.useRef(null),[x,p]=e.useState(null),[h,m]=e.useState(null);e.useEffect(()=>{u.current&&(p({current:u.current.querySelector(".dino-footer")}),m({current:u.current.querySelector(".dino-copyright")}))},[c,o,n,l]);const f=hh.slice(0,Math.max(0,o-1)),g=n?mh:[],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 r.jsxs(t.Box,{children:[r.jsx(Pt,{style:{marginBottom:12},children:"Footer"}),r.jsxs(Gt,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:["Configurable 1–4 column footer. The first column is always the company address / contact. Optional ",r.jsx("code",{children:"socialLinks"})," and"," ",r.jsx("code",{children:"subscribe"})," sit above the auto-generated copyright strip."]}),r.jsx(t.Box,{ref:u,sx:{borderRadius:1,overflow:"hidden",mb:4},children:r.jsx(ah,{color:c,address:ph,columns:f,socialLinks:g,subscribe:b,copyrightName:"DinoDesign"})}),r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Stack,{spacing:3,sx:{p:3,maxWidth:560},children:[r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLUMNS"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:[1,2,3,4].map(e=>r.jsx(gh,{label:String(e),selected:o===e,onClick:()=>a(e)},e))}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"First column is always the address / contact. Up to 3 more link columns."})]}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:fh.map(e=>r.jsx(gh,{label:e.label,selected:c===e.value,onClick:()=>d(e.value)},e.value))}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:'"Default" hardcodes Primary tone 2 (auto-derived in a future iteration).'})]}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SOCIAL LINKS"}),r.jsx(ja,{label:"Show social media row",checked:n,onChange:e=>i(e.target.checked)}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["When on, the Footer renders the ",r.jsx("code",{children:"socialLinks"})," row (icons linking out). In your app, supply the icon + url pairs from your data store."]})]}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SUBSCRIBE"}),r.jsx(ja,{label:"Show email subscribe form",checked:l,onChange:e=>s(e.target.checked)}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["When on, the Footer renders an email subscribe form. Hook it up via"," ",r.jsx("code",{children:"subscribe.onSubscribe(email)"}),"."]})]})]})}),r.jsx(Ao,{value:1,children:r.jsxs(t.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[r.jsx(Kt,{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&&r.jsx(xh,{targetRef:x,label:"Footer body",deps:[c,o,n,l]}),h&&r.jsx(xh,{targetRef:h,label:"Copyright strip",deps:[c,o,n,l]})]})})]})]})},exports.FormDialog=function({open:e,onClose:o,title:a,children:n,submitText:i="Submit",cancelText:l="Cancel",onSubmit:s,...c}){return r.jsx(bs,{open:e,onClose:o,title:a,...c,actions:r.jsxs(r.Fragment,{children:[r.jsx(t.Box,{component:"button",type:"button",onClick:o,sx:gs.outline,children:l}),r.jsx(t.Box,{component:"button",type:"button",onClick:s,sx:gs.primary,children:i})]}),children:n})},exports.Gradient=Jl,exports.Grid=function({children:e,container:o=!1,item:a=!1,spacing:n=2,sx:i={},...l}){return r.jsx(t.Grid,{container:o,item:a,spacing:n,sx:{transition:"all 0.2s ease-in-out",...i},...l,children:e})},exports.GridStack=Qa,exports.H1=e=>r.jsx(Et,{textStyle:"h1",...e}),exports.H2=e=>r.jsx(Et,{textStyle:"h2",...e}),exports.H3=Pt,exports.H4=Ot,exports.H5=Dt,exports.H6=e=>r.jsx(Et,{textStyle:"h6",...e}),exports.HStack=Fa,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:n,sx:i={},...l}){return r.jsx(t.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,...i},...l,children:r.jsx(t.Container,{maxWidth:"lg",children:r.jsxs(t.Toolbar,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",px:0},children:[r.jsx(t.Typography,{variant:"h6",sx:{fontWeight:700,color:"var(--Text)",mr:"auto",transition:"color 0.2s ease-in-out"},children:e}),r.jsx(t.Box,{sx:{display:{xs:"none",md:"flex"},gap:3,flex:1,justifyContent:"center"},children:a.map((e,o)=>r.jsx(t.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))}),r.jsx(t.Stack,{direction:"row",spacing:1,alignItems:"center",children:n})]})})})},exports.Heading=Mt,exports.Icon=dr,exports.IconBadge=La,exports.IconBadgeShowcase=function(){const[t,o]=e.useState("primary"),[a,n]=e.useState("solid"),[i,l]=e.useState("medium"),s=Za[0];return r.jsxs(Na,{spacing:4,style:{paddingBottom:64},children:[r.jsx(Pt,{children:"Icon Badge"}),r.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:24},children:[r.jsx(Xa,{padding:"medium",children:r.jsxs(Na,{spacing:4,alignItems:"center",children:[r.jsx("div",{style:{padding:40},children:r.jsx(La,{color:t,variant:a,size:i,children:r.jsx(s,{})})}),r.jsx(Fa,{spacing:4,alignItems:"flex-end",children:["small","medium","large"].map(e=>r.jsxs(Na,{spacing:1,alignItems:"center",children:[r.jsx(La,{color:t,variant:a,size:e,children:r.jsx(s,{})}),r.jsx(Vt,{style:{color:"var(--Quiet)"},children:Ja(e)})]},e))}),r.jsxs(Na,{spacing:1,alignItems:"center",children:[r.jsx(Vt,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:"Variants"}),r.jsx(Fa,{spacing:3,children:["solid","light","dark"].map(e=>r.jsxs(Na,{spacing:1,alignItems:"center",children:[r.jsx(La,{color:t,variant:e,size:"medium",children:r.jsx(s,{})}),r.jsx(Vt,{style:{color:"var(--Quiet)",fontSize:"0.65rem"},children:Ja(e)})]},e))})]}),r.jsxs(Na,{spacing:1,alignItems:"center",children:[r.jsx(Vt,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:"All Colors"}),r.jsx(Fa,{spacing:2,style:{flexWrap:"wrap",justifyContent:"center"},children:Ya.flatMap(e=>e.colors).map(e=>r.jsxs(Na,{spacing:0,alignItems:"center",children:[r.jsx(La,{color:e,variant:a,size:"small",children:r.jsx(s,{})}),r.jsx(Vt,{style:{color:"var(--Quiet)",fontSize:"0.55rem"},children:Ja(e)})]},e))})]})]})}),r.jsx(Xa,{padding:"medium",children:r.jsxs(Na,{spacing:4,children:[r.jsx(Pt,{style:{fontSize:"1rem"},children:"Playground"}),r.jsxs(Na,{spacing:2,children:[r.jsx(Jt,{children:"Color"}),Ya.map(e=>r.jsxs(Na,{spacing:1,children:[r.jsx(Vt,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:e.label}),r.jsx(Fa,{spacing:1,children:e.colors.map(e=>r.jsx(Kr,{variant:t===e?"default":"outline",size:"small",onClick:()=>o(e),children:Ja(e)},e))})]},e.label))]}),r.jsxs(Na,{spacing:1,children:[r.jsx(Jt,{children:"Variant"}),r.jsx(Oa,{size:"small",children:["solid","light","dark"].map(e=>r.jsx(Kr,{variant:a===e?"default":"outline",size:"small",onClick:()=>n(e),children:Ja(e)},e))})]}),r.jsxs(Na,{spacing:1,children:[r.jsx(Jt,{children:"Size"}),r.jsx(Oa,{size:"small",children:["small","medium","large"].map(e=>r.jsx(Kr,{variant:i===e?"default":"outline",size:"small",onClick:()=>l(e),children:Ja(e)},e))})]}),r.jsxs(Na,{spacing:0,children:[r.jsxs(Vt,{style:{color:"var(--Quiet)"},children:["data-theme: ",Ja(t),"light"===a?"-Light":""]}),r.jsxs(Vt,{style:{color:"var(--Quiet)"},children:["data-surface: ","dark"===a?"Surface-Dimmest":"Surface"]}),r.jsx(Vt,{style:{color:"var(--Quiet)"},children:"bg: var(--Background)"}),r.jsx(Vt,{style:{color:"var(--Quiet)"},children:"icon: var(--Text)"})]})]})})]})]})},exports.IconShowcase=function(){const[o,n]=e.useState("filled"),[i,l]=e.useState("default"),[s,c]=e.useState("medium"),[d,u]=e.useState("40"),[x,p]=e.useState(!1),[m,f]=e.useState("Home"),[g,b]=e.useState(""),[v,y]=e.useState({}),j=Ba[i]||"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,t){return Ta[e]?.[t]||Ta[e]?.filled||h}(m,o),C=function(e){return{outlined:"Outlined",rounded:"Rounded",twotone:"TwoTone",sharp:"Sharp"}[e]||""}(o),w=m+C+"Icon",T=g.trim().length>0,I="<Icon>\n <"+w+' />\n</Icon>\n{/* aria-hidden="true" by default */}',A='<Icon aria-label="'+(T?g.trim():m+" icon")+'">\n <'+w+' />\n</Icon>\n{/* role="img" added automatically */}';return e.useEffect(()=>{y({background:pa("--Background"),iconColor:pa("--Icons-"+j),iconVariant:pa("--Icons-Variant-"+j)})},[i,j]),r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Icon"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(t.Box,{sx:{p:4,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:200,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",gap:2},children:r.jsx(dr,{color:i,size:s,fontSize:"custom"===s?parseInt(d,10)||40:void 0,disabled:x,twoTone:S,"aria-label":T?g.trim():void 0,children:r.jsx(k,{})})}),r.jsx(sa,{code:(()=>{const e=[];"default"!==i&&e.push('color="'+i+'"'),"custom"===s?(e.push('size="custom"'),e.push("fontSize={"+(parseInt(d,10)||40)+"}")):"medium"!==s&&e.push('size="'+s+'"'),S&&e.push("twoTone"),x&&e.push("disabled"),T&&e.push('aria-label="'+g.trim()+'"');const t=e.length?" "+e.join(" "):"";return"import "+w+" from '@mui/icons-material/"+m+(C||"")+"';\n\n<Icon"+t+">\n <"+w+" />\n</Icon>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ICON"}),r.jsx(t.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)"}}}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Enter a MUI icon name."," ",r.jsx(t.Box,{component:"a",href:"https://mui.com/material-ui/material-icons/",target:"_blank",rel:"noopener noreferrer",sx:{color:"var(--Text-Primary)",textDecoration:"underline","&:hover":{color:"var(--Header-Primary)"}},children:"Browse MUI Icons ↗"})]})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Ca.map(e=>r.jsx(za,{label:wa[e],selected:o===e,onClick:()=>n(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:ka.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>{const o=Ba[e],n=i===e;return r.jsx(t.Box,{component:"button",onClick:()=>l(e),"aria-label":"Select "+Sa(e),"aria-pressed":n,title:Sa(e),sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Icons-"+o+")",border:n?"2px solid var(--Text)":"1px solid var(--Border)",outline:n?"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:n&&r.jsx(a,{sx:{fontSize:16,color:"var(--Background)",pointerEvents:"none"}})},e)})})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["xs","small","medium","large","custom"].map(e=>r.jsx(za,{label:"xs"===e?"XS":Sa(e),selected:s===e,onClick:()=>c(e)},e))}),"custom"===s&&r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:1,mt:1.5},children:[r.jsx(t.Box,{component:"input",type:"number",value:d,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)"}}}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"px"})]})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ARIA LABEL"}),r.jsx(t.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)"}}}),r.jsx(Kt,{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)'})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Disabled"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Reduces opacity to 0.38"})]}),r.jsx(ya,{checked:x,onChange:e=>p(e.target.checked),size:"small","aria-label":"Toggle disabled"})]})]})}),r.jsx(Ao,{value:1,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsxs(Vt,{color:"quiet",style:{marginBottom:24},children:[wa[o]," / ",Sa(i)," / ","custom"===s?d+"px":s,T?" / meaningful":" / decorative"]}),r.jsxs(t.Stack,{spacing:3,children:[r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Icon Contrast (WCAG 1.4.11 — 3:1)"}),r.jsx(Vt,{color:"quiet",style:{marginBottom:16},children:"Non-text elements must contrast 3:1 against the page background."}),r.jsx(Aa,{label:"var(--Icons-"+j+") vs. var(--Background)",ratio:xa(v.iconColor,v.background),threshold:3,note:w+" at "+B+" in "+Sa(i)+" color"}),S&&r.jsx(Aa,{label:"var(--Icons-Variant-"+j+") vs. var(--Background)",ratio:xa(v.iconVariant,v.background),threshold:3,note:"Two-tone secondary fill — must also meet 3:1"})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)",backgroundColor:T?"var(--Tags-Success-BG, rgba(0,200,0,0.05))":"transparent",px:1,borderRadius:"4px"},children:[r.jsxs(Vt,{style:{fontWeight:600},children:["Current icon — ",T?"meaningful ✓":"decorative"]}),r.jsx(t.Box,{component:"pre",sx:{fontFamily:"monospace",fontSize:"11px",color:"var(--Text-Quiet)",mt:.5,whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0},children:T?A:I})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Decorative (no aria-label):"}),r.jsx(Kt,{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.'}),r.jsx(t.Box,{component:"pre",sx:{fontFamily:"monospace",fontSize:"11px",color:"var(--Text-Quiet)",mt:.5,whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0},children:I})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:"Meaningful (with aria-label):"}),r.jsx(Kt,{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.'}),r.jsx(t.Box,{component:"pre",sx:{fontFamily:"monospace",fontSize:"11px",color:"var(--Text-Quiet)",mt:.5,whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0},children:A})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:["Disabled state",x?" ← current":"",":"]}),r.jsx(Kt,{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&&r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:["Two-tone",S?" ← current":"",":"]}),r.jsxs(Kt,{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."]})]}),r.jsxs(t.Box,{sx:{py:1.5},children:[r.jsxs(Vt,{children:["Touch target — ",B," icon","small"===s?" ⚠":" ✓",":"]}),r.jsx(Kt,{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."})]})]})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Size Reference"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Small",s:"small",px:"20px",note:"Inline text, compact UI"},{label:"Medium",s:"medium",px:"24px",note:"Standard UI — default"},{label:"Large",s:"large",px:"36px",note:"Emphasis, empty states, hero areas"},{label:"Custom",s:"custom",px:"any",note:"Ensure 24×24px minimum touch target (WCAG 2.5.5)"}].map(({label:e,s:o,px:a,note:n},i,l)=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:i<l.length-1?"1px solid var(--Border)":"none",display:"flex",justifyContent:"space-between",alignItems:"flex-start"},children:[r.jsxs(t.Box,{children:[r.jsxs(Vt,{children:[e," — ",a]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:n})]}),s===o&&r.jsx(t.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:"var(--Tags-Success-BG)",color:"var(--Tags-Success-Text)"},children:"current"})]},e))})]})]})]})})]})})})]})]})},exports.InfoToggleButtonGroup=e=>r.jsx(In,{variant:"info",...e}),exports.InsetStack=({sx:e,...t})=>r.jsx(Wa,{sx:{px:2,...e},...t}),exports.Label=Jt,exports.LabelExtraSmall=e=>r.jsx(Et,{textStyle:"label-extra-small",...e}),exports.LabelLarge=e=>r.jsx(Et,{textStyle:"label-large",...e}),exports.LabelSmall=e=>r.jsx(Et,{textStyle:"label-small",...e}),exports.Legal=e=>r.jsx(Et,{textStyle:"legal",...e}),exports.LegalSemibold=e=>r.jsx(Et,{textStyle:"legal-semibold",...e}),exports.LightTreeView=e=>r.jsx(Dx,{variant:"light",...e}),exports.LinearGradient=e=>r.jsx(Jl,{variant:"linear",...e}),exports.LinearProgress=up,exports.LinearProgressShowcase=function(){const[o,a]=e.useState("default"),[n,i]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(65),[u,x]=e.useState(null),[p,h]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Linear Progress"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:u,surface:p,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:400},children:r.jsx(up,{color:o,size:n,value:l?c:void 0})})}),r.jsx(sa,{code:(()=>{const e=[];return"default"!==o&&e.push('color="'+o+'"'),"medium"!==n&&e.push('size="'+n+'"'),l&&e.push("value={"+c+"}"),0===e.length?"<LinearProgress />":"<LinearProgress\n "+e.join("\n ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:u,onThemeChange:x,surface:p,onSurfaceChange:h})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:pp.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(mp,{color:e,selected:o===e,onClick:a},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(hp,{label:xp(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Determinate"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show a static bar at a specific value"})]}),r.jsx(ya,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Determinate"})]}),l&&r.jsx(t.Box,{sx:{mt:2},children:r.jsx($n,{label:"Value",min:0,max:100,value:c,onChange:(e,t)=>d(t),size:"small",valueLabelDisplay:"auto"})})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="progressbar"'},{label:"Determinate",value:'aria-valuenow, aria-valuemin="0", aria-valuemax="100"'},{label:"Indeterminate",value:'aria-label="Loading" (no value attributes)'},{label:"Track",value:"var(--Border-Variant)"},{label:"Fill",value:"var(--Buttons-{Color}-Border)"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Link=vi,exports.List=function({children:o,items:a,variant:n="default",color:i="primary",size:l="medium",orientation:s="vertical",dividers:c=!1,selectionMode:d="none",selectedIndices:u=[],onSelectionChange:x,clickable:p=!1,component:h="ul",className:m="",sx:f={},...g}){const b="horizontal"===s,v="checkbox"===d||"radio"===d,y="light"===n,j="default"===n,S={};return"solid"===n&&Pp[i]?S["data-theme"]=Pp[i]:y&&Op[i]&&(S["data-theme"]=Op[i]),r.jsx(t.Box,{component:h,role:v?"listbox":"list","aria-multiselectable":"checkbox"===d||void 0,...S,className:"list-container list-"+n+" list-"+i+" "+m,sx:{display:"flex",flexDirection:b?"row":"column",boxSizing:"border-box",alignItems:"stretch",gap:p?"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(r.jsx(Wp,{size:l,variant:n,color:i,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:p||o.clickable,disabled:o.disabled,bottomBorder:o.bottomBorder,rightBorder:o.rightBorder,selected:v?u.includes(s):o.selected,selectionMode:d,onSelect:()=>(e=>{if(x)if("radio"===d)x([e]);else{const t=u.includes(e)?u.filter(t=>t!==e):[...u,e];x(t)}})(s),onClick:o.onClick,children:o.label||o.children},"item-"+s)),c&&s<a.length-1&&e.push(r.jsx(t.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 n=[];return a.forEach((e,o)=>{n.push(e),o<a.length-1&&n.push(r.jsx(t.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))}),n}return null})()})},exports.ListItem=Wp,exports.ListItemDecorator=Mp,exports.MainLayout=function({layout:o="side",navItems:a=[{label:"Home",icon:r.jsx(h,{}),path:"/"},{label:"About",icon:r.jsx(B,{}),path:"/about"},{label:"Settings",icon:r.jsx(f,{}),path:"/settings"},{label:"Help",icon:r.jsx(ot,{}),path:"/help"}],title:n="My App",children:i,onLayoutChange:l,onNavigate:s,sx:c={},...d}){const u=t.useTheme(),x=t.useMediaQuery(u.breakpoints.down("md"));t.useMediaQuery(u.breakpoints.down("lg"));const[p,m]=e.useState(!1),[g,b]=e.useState(!1),v=x?"top":o,y=({compact:e=!1})=>r.jsx(t.List,{sx:{py:1},children:a.map((o,a)=>r.jsx(t.Tooltip,{title:e?o.label:"",placement:"right",children:r.jsxs(t.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:[r.jsx(t.ListItemIcon,{sx:{color:"var(--Icons-Primary)",minWidth:e?"auto":40,mr:e?0:1},children:o.icon}),!e&&r.jsx(t.ListItemText,{primary:o.label})]})},a))});return r.jsxs(t.Box,{sx:{minHeight:"100vh",backgroundColor:"var(--Background)",color:"var(--Text)",display:"flex",flexDirection:"column",...c},...d,children:[r.jsx(t.AppBar,{position:"static",sx:{backgroundColor:"var(--Header)",color:"var(--Text)",boxShadow:"0 1px 3px rgba(0,0,0,0.12)",borderBottom:"1px solid var(--Border-Variant)"},children:r.jsxs(t.Toolbar,{children:[x&&"rail"!==v&&r.jsx(t.IconButton,{edge:"start",color:"inherit",onClick:()=>m(!p),sx:{mr:2},children:p?r.jsx(Se,{}):r.jsx(je,{})}),r.jsx(t.Typography,{variant:"h6",sx:{flex:1,fontWeight:700},children:n}),!x&&l&&r.jsxs(t.ToggleButtonGroup,{value:o,exclusive:!0,onChange:(e,t)=>{t&&l(t)},size:"small",sx:{"& .MuiToggleButton-root":{color:"var(--Text)",border:"1px solid var(--Border)","&.Mui-selected":{backgroundColor:"var(--Button-Primary-Button)",color:"#fff",borderColor:"var(--Button-Primary-Button)"}}},children:[r.jsx(t.ToggleButton,{value:"side","aria-label":"side nav",children:"☰ Side"}),r.jsx(t.ToggleButton,{value:"rail","aria-label":"rail nav",children:"⫷ Rail"}),r.jsx(t.ToggleButton,{value:"side-rail","aria-label":"side-rail nav",children:"☰⫷ Both"})]})]})}),r.jsxs(t.Box,{sx:{display:"flex",flex:1},children:[("rail"===v||"side-rail"===v)&&!x&&r.jsx(t.Box,{sx:{width:80,backgroundColor:"var(--Container)",borderRight:"1px solid var(--Border-Variant)",display:"flex",flexDirection:"column",py:2},children:r.jsx(y,{compact:!0})}),("side"===v||"side-rail"===v)&&!x&&r.jsxs(t.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:[r.jsxs(t.Box,{sx:{p:2,display:"flex",alignItems:"center",justifyContent:"space-between",borderBottom:"1px solid var(--Border-Variant)",minHeight:64},children:[!g&&r.jsx(t.Typography,{variant:"h6",sx:{fontWeight:700,color:"var(--Text)"},children:"Menu"}),r.jsx(t.IconButton,{size:"small",onClick:()=>b(!g),sx:{color:"var(--Icons-Primary)"},children:g?"›":"‹"})]}),r.jsx(y,{compact:g})]}),x&&r.jsxs(t.Drawer,{anchor:"left",open:p,onClose:()=>m(!1),sx:{"& .MuiDrawer-paper":{backgroundColor:"var(--Container)",width:280}},children:[r.jsx(t.Box,{sx:{p:2,borderBottom:"1px solid var(--Border-Variant)"},children:r.jsx(t.Typography,{variant:"h6",sx:{fontWeight:700},children:"Menu"})}),r.jsx(y,{compact:!1})]}),r.jsx(t.Box,{sx:{flex:1,overflow:"auto",backgroundColor:"var(--Background)"},children:r.jsx(t.Container,{maxWidth:"lg",sx:{py:4},children:i})})]})]})},exports.Menu=cl,exports.MenuButton=sl,exports.MenuDivider=ul,exports.MenuItem=dl,exports.MenuShowcase=function(){const[o,a]=e.useState("outline"),[n,i]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState(null),[u,x]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Menu"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:c,surface:u,sx:{minHeight:250,alignItems:"flex-start",pt:6},children:r.jsxs(ll,{variant:o,color:n,size:l,children:[r.jsx(sl,{children:"Actions"}),r.jsxs(cl,{children:[r.jsx(dl,{children:"Edit"}),r.jsx(dl,{children:"Duplicate"}),r.jsx(dl,{selected:!0,children:"Archive"}),r.jsx(ul,{}),r.jsx(dl,{disabled:!0,children:"Delete"})]})]})}),r.jsx(sa,{code:(()=>{const e=[];return"outline"!==o&&e.push('variant="'+o+'"'),"default"!==n&&e.push('color="'+n+'"'),"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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:c,onThemeChange:d,surface:u,onSurfaceChange:x})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["outline","solid","light"].map(e=>r.jsx(hl,{label:xl(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:pl.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(ml,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(hl,{label:xl(e),selected:l===e,onClick:()=>s(e)},e))})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Button",value:'aria-haspopup="true" aria-expanded aria-controls'},{label:"Menu",value:'role="menu" aria-labelledby={buttonId}'},{label:"Items",value:'role="menuitem" with tabIndex'},{label:"Selected",value:'aria-selected="true" on active item'},{label:"Disabled",value:'aria-disabled="true", not focusable'},{label:"Keyboard",value:"Arrow keys navigate. Enter/Space selects. Escape closes."},{label:"Focus",value:"First item focused on open. Focus returns to button on close."}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.MeshCardGradient=e=>r.jsx(Jl,{variant:"meshCard",...e}),exports.MeshGradient=e=>r.jsx(Jl,{variant:"mesh",...e}),exports.MobileAppBar=Up,exports.Modal=function({open:o,onClose:a,children:n,title:i,variant:l="default",color:s="primary",size:c="medium",layout:d="center",transition:u="fade",transitionSpeed:x=250,closeOnBackdrop:p=!0,showCloseButton:h=!0,className:m="",sx:f={},...g}){const b=e.useRef(null),v=e.useRef(null),[y,j]=e.useState(!1);let S;try{S=cs()}catch{S=null}const B=S?.theme||"Default",k=S?.style||"Modern",C="soft"===l,w="solid"===l,T="fullscreen"===d,I=w?ys[s]:C?js[s]:null,A=Ss[c]||Ss.medium,z=Bs[u],R=z?z.name:void 0,E=x+"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?r.jsxs(r.Fragment,{children:["none"!==u&&r.jsx("style",{children:ks(u)}),r.jsx(t.Box,{"aria-hidden":"true",onClick:p?a:void 0,sx:{position:"fixed",inset:0,zIndex:1e7,backgroundColor:"rgba(0,0,0,0.5)",...R&&{animation:R+"-backdrop "+E+" ease-out forwards"}}}),r.jsxs(t.Box,{role:"dialog","aria-modal":"true","aria-label":i||"Modal",ref:b,tabIndex:-1,"data-surface":"Container-High","data-theme":I||B,"data-style":k,className:"modal modal-"+l+" modal-"+c+" modal-"+d+(C||w?" modal-"+s:"")+(m?" "+m:""),sx:{position:"fixed",zIndex:10000001,outline:"none",fontFamily:"inherit",...T?{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+" "+E+" ease-out forwards"},...f},...g,children:[(i||h)&&r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",px:T?4:A.padding,pt:T?3:A.padding,pb:0,flexShrink:0},children:[i&&r.jsx(t.Box,{sx:{fontSize:"small"===c?"18px":"large"===c?"24px":"20px",fontWeight:700,color:"var(--Text)",flex:1},children:i}),h&&r.jsx(t.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:r.jsx(Se,{sx:{fontSize:20}})})]}),r.jsx(t.Box,{sx:{flex:1,overflowY:"auto",px:T?4:A.padding,pt:T?3:"16px",pb:T?3:A.padding,color:"var(--Text)",fontSize:"small"===c?"13px":"14px",lineHeight:1.6},children:n})]})]}):null},exports.NeutralToggleButtonGroup=e=>r.jsx(In,{variant:"neutral",...e}),exports.NumberField=vn,exports.NumberFieldShowcase=function(){const[o,a]=e.useState("outlined"),[n,i]=e.useState("outline"),[l,s]=e.useState("default"),[c,d]=e.useState("medium"),[u,x]=e.useState("top"),[p,h]=e.useState(!0),[m,f]=e.useState(!1),[g,b]=e.useState(!1),[v,y]=e.useState(null),[j,S]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Number Field"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:v,surface:j,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:"outlined"===o?300:"auto"},children:r.jsx(vn,{variant:o,style:n,color:l,size:c,label:p?"Quantity":void 0,labelPosition:u,min:0,max:100,disabled:m,fullWidth:g&&"outlined"===o})})}),r.jsx(sa,{code:(()=>{const e=['variant="'+o+'"'];return"outline"!==n&&e.push('style="'+n+'"'),"default"!==l&&e.push('color="'+l+'"'),"medium"!==c&&e.push('size="'+c+'"'),p&&e.push('label="Quantity"'),"top"!==u&&e.push('labelPosition="'+u+'"'),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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"VARIANT"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["outlined","spinner"].map(e=>r.jsx(Sn,{label:yn(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["outline","light"].map(e=>r.jsx(Sn,{label:yn(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:jn.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(Bn,{color:e,selected:l===e,onClick:s},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(Sn,{label:yn(e),selected:c===e,onClick:()=>d(e)},e))})]}),"outlined"===o&&r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["top","floating","none"].map(e=>r.jsx(Sn,{label:"none"===e?"None":yn(e),selected:u===e,onClick:()=>x(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Show Label"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Text label above field"})]}),r.jsx(ya,{variant:"default-outline",checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Show label"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Disabled"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),r.jsx(ya,{variant:"default-outline",checked:m,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]}),"outlined"===o&&r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Full Width"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container"})]}),r.jsx(ya,{variant:"default-outline",checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="spinbutton" with aria-valuenow, aria-valuemin, aria-valuemax'},{label:"Label",value:"aria-label from label prop. Always provide a label."},{label:"Keyboard",value:"ArrowUp/Down increment/decrement. Direct text entry supported."},{label:"Steppers",value:'aria-label="Increase" / "Decrease" on stepper buttons'},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px"},{label:"Disabled",value:"HTML disabled. Steppers also disabled at min/max bounds."}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.NumberLarge=e=>r.jsx(Et,{textStyle:"number-large",...e}),exports.NumberMedium=e=>r.jsx(Et,{textStyle:"number-medium",...e}),exports.NumberSmall=e=>r.jsx(Et,{textStyle:"number-small",...e}),exports.NumberTextField=function({label:e="Number",...t}){return r.jsx(An,{label:e,type:"number",...t})},exports.OmniDesignProvider=function({themeURL:t,foundationCSS:o,coreCSS:a,typographyCSS:n,lightModeCSS:i,darkModeCSS:l,baseCSS:s,stylesCSS:c,defaultTheme:d="Default",defaultStyle:u="Modern",defaultSurface:x="Surface",surfaceStyle:p,defaultDarkMode:h=!1,darkTheme:m="Neutral-Dark",darkMode:f,onDarkModeChange:g,className:b,style:v,fullHeight:y=!0,children:j}){const[S,B]=e.useState(h),k=void 0!==f,C=k?f:S,[w,T]=e.useState({foundation:o??null,core:a??null,typography:n??null,lightMode:i??null,darkMode:l??null,base:s??null,styles:c??null}),[I,A]=e.useState({}),z=e.useRef(!0);e.useEffect(()=>(z.current=!0,()=>{z.current=!1}),[]),e.useEffect(()=>{t&&(Q("loading"),async function(e){const t=/\.json(\?|$)/.test(e)?e:`${e.replace(/\/$/,"")}/theme.json`,r=e.replace(/\/$/,"").replace(/\/theme\.json(\?.*)?$/,""),o=await fetch(t);if(!o.ok)throw new Error(`OmniDesignProvider: could not load theme manifest from ${t} (${o.status})`);const a=await o.json(),n=e=>e?/^https?:\/\//i.test(e)?e:`${r}/${e}`:null;return{foundationURL:n(a.foundation),coreURL:n(a.core),typographyURL:n(a.typography),lightModeURL:n(a.lightMode),darkModeURL:n(a.darkMode),baseURL:n(a.base),stylesURL:n(a.styles),defaultTheme:a.defaultTheme??null,defaultStyle:a.defaultStyle??null,defaultSurface:a.defaultSurface??null,darkTheme:a.darkTheme??null,name:a.name??null}}(t).then(e=>{z.current&&(T({foundation:o??e.foundationURL,core:a??e.coreURL,typography:n??e.typographyURL,lightMode:i??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=>{z.current&&(console.error("OmniDesignProvider: manifest error:",e),q(e.message),Q("error"))}))},[t]);const R=p?es[p]?.theme??d:"Default"!==d?d:I.defaultTheme??d,E=p?es[p]?.rootSurface??x:I.defaultSurface??x,L=I.defaultStyle??u,P="Neutral-Dark"!==m?m:I.darkTheme??m,[O,D]=e.useState(R),[M,W]=e.useState(L),[F,N]=e.useState(E),H=!!(t||o||a||n||i||l||s||c),[V,Q]=e.useState(H?"loading":"ready"),[G,q]=e.useState(null);e.useEffect(()=>{const{foundation:e,core:t,typography:r,base:o,styles:a}=w;if(e||t||r||o||a)return Q("loading"),q(null),Promise.all([ss(ts,e),ss(rs,t),ss(os,r).catch(e=>{console.warn("OmniDesignProvider: typography CSS did not load —",e.message)}),ss(ns,o),ss(is,a)]).then(()=>{z.current&&Q("ready")}).catch(e=>{z.current&&(console.error("OmniDesignProvider CSS error:",e),q(e.message),Q("error"))}),()=>{ls(ts),ls(rs),ls(os),ls(ns),ls(is)};Q("ready")},[w.foundation,w.core,w.typography,w.base,w.styles]),e.useEffect(()=>{const e=C?w.darkMode:w.lightMode;e&&ss(as,e,ns).catch(e=>console.error("OmniDesignProvider mode CSS error:",e))},[C,w.lightMode,w.darkMode]),e.useEffect(()=>()=>ls(as),[]);const U=C?P:O,X=e.useCallback(()=>{k?g?.(!C):B(e=>!e)},[k,C,g]),K=e.useCallback(e=>{Zl.includes(e)||console.warn(`OmniDesignProvider: unknown theme "${e}"`),D(e)},[]),J=e.useCallback(e=>{$l.includes(e)||console.warn(`OmniDesignProvider: unknown style "${e}"`),W(e)},[]),Y=e.useCallback(e=>{_l.includes(e)||console.warn(`OmniDesignProvider: unknown surface "${e}"`),N(e)},[]),Z=e.useMemo(()=>({theme:U,style:M,surface:F,isDark:C,cssStatus:V,cssError:G,setTheme:K,setStyle:J,setSurface:Y,toggleDarkMode:X,themes:Zl,styles:$l,surfaces:_l,name:I.name??null}),[U,M,F,C,V,G,K,J,Y,X,I.name]);return r.jsxs(Yl.Provider,{value:Z,children:[r.jsx("style",{"data-omni":"hide-during-load",children:'[data-omni-css="loading"]{visibility:hidden}'}),r.jsx("div",{"data-theme":U,"data-style":M,"data-surface":F,"data-omni-css":V,className:b,style:{...y?{minHeight:"100vh"}:{},...v},children:j})]})},exports.OmniStack=Wa,exports.OmniTreeView=Dx,exports.Overline=tr,exports.OverlineLarge=or,exports.OverlineMedium=rr,exports.OverlineSmall=er,exports.Pagination=$i,exports.PaginationShowcase=function(){const[o,a]=e.useState("default"),[n,i]=e.useState("medium"),[l,s]=e.useState(10),[c,d]=e.useState(!1),[u,x]=e.useState(!1),[p,h]=e.useState(!1),[m,f]=e.useState(null),[g,b]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Pagination"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:m,surface:g,children:r.jsx($i,{color:o,size:n,count:l,showFirstButton:c,showLastButton:u,disabled:p})}),r.jsx(sa,{code:(()=>{const e=[];return"default"!==o&&e.push('color="'+o+'"'),"medium"!==n&&e.push('size="'+n+'"'),10!==l&&e.push("count={"+l+"}"),c&&e.push("showFirstButton"),u&&e.push("showLastButton"),p&&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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:m,onThemeChange:f,surface:g,onSurfaceChange:b})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:el.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(rl,{color:e,selected:o===e,onClick:a},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(tl,{label:_i(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PAGES"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:[5,10,20,50].map(e=>r.jsx(tl,{label:String(e),selected:l===e,onClick:()=>s(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"First/Last Buttons"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show jump to first/last page"})]}),r.jsx(ya,{variant:"default-outline",checked:c,onChange:e=>{d(e.target.checked),x(e.target.checked)},size:"small","aria-label":"First/last buttons"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Disabled"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),r.jsx(ya,{variant:"default-outline",checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Disabled"})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Nav",value:'<nav aria-label="Pagination">'},{label:"List",value:"<ol> with <li> for each button"},{label:"Current",value:'aria-current="page" on selected page'},{label:"Labels",value:'aria-label="Page N", "Go to previous/next/first/last page"'},{label:"Keyboard",value:"Tab navigates between buttons"},{label:"Focus",value:"Uses Button component focus styles"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Paper=function({children:e,surface:o="Container",outlined:a=!1,variant:n=(a?"outlined":"elevation"),sx:i={},...l}){const{dataSurface:s,elevation:c}=function(e="Container"){const t={"Container-Lowest":{elevation:0,zIndex:0},"Container-Low":{elevation:1,zIndex:100},Container:{elevation:4,zIndex:200},"Container-High":{elevation:8,zIndex:300},"Container-Highest":{elevation:12,zIndex:400}},r=t[e]||t.Container;return{dataSurface:e,elevation:r.elevation,zIndex:r.zIndex}}(o);return r.jsx(t.Paper,{variant:n,elevation:a?0:c,"data-surface":s,sx:{padding:2,borderRadius:"8px",transition:"all 0.2s ease-in-out",...i},...l,children:e})},exports.PasswordTextField=function({label:e="Password",...t}){return r.jsx(An,{label:e,type:"password",...t})},exports.PhoneTextField=function({label:e="Phone",placeholder:t="(555) 123-4567",...o}){return r.jsx(An,{label:e,type:"tel",placeholder:t,...o})},exports.Popover=function({open:o=!1,onClose:a,anchorRef:n,placement:i="bottom-end",theme:l="Default",surface:s="Surface-Bright",width:c=320,maxHeight:d=400,children:x,sx:p={}}){const h=e.useRef(null),[m,f]=e.useState({top:0,left:0,right:"auto"});return e.useEffect(()=>{if(!o||!n?.current)return;const e=n.current.getBoundingClientRect();f("bottom-end"===i?{top:e.bottom+6,right:window.innerWidth-e.right,left:"auto"}:{top:e.bottom+6,left:e.left,right:"auto"})},[o,n,i]),e.useEffect(()=>{if(!o)return;const e=e=>{h.current?.contains(e.target)||n?.current?.contains(e.target)||a?.()};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[o,a,n]),e.useEffect(()=>{if(!o)return;const e=e=>{"Escape"===e.key&&a?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[o,a]),o?u.createPortal(r.jsx(t.Box,{ref:h,"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:Ir,...p},children:x}),document.body):null},exports.PrimaryToggleButtonGroup=e=>r.jsx(In,{variant:"primary",...e}),exports.RATIO_NAMES=zi,exports.RadialGradient=e=>r.jsx(Jl,{variant:"radial",...e}),exports.Radio=Kn,exports.RadioGroup=function({color:e="primary",size:o="medium",label:a,options:n=[],value:i,onChange:l,orientation:s="vertical",labelPlacement:c="end",disabled:d=!1,spacing:u=1,name:x,className:p="",sx:h={},"aria-label":m,"aria-labelledby":f,...g}){return r.jsxs(t.FormControl,{component:"fieldset",disabled:d,className:"radio-group-"+e+" "+p,sx:h,children:[a&&r.jsx(t.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}),r.jsx(t.RadioGroup,{value:i,onChange:l,name:x,"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:u},...g,children:n.map(t=>r.jsx(Kn,{color:e,size:o,label:t.label,labelPlacement:c,value:t.value,disabled:t.disabled||d},t.value))})]})},exports.RadioInput=Jn,exports.Rail=sn,exports.RailShowcase=function(){const[o,a]=e.useState(!0),[n,i]=e.useState("partial"),[l,s]=e.useState(!1),[c,d]=e.useState(null),[u,x]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Rail"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsxs(zo,{theme:c,surface:u,sx:{minHeight:400,alignItems:"stretch",p:0},children:[r.jsx(sn,{items:un,expandable:o,expandedWidth:n,fabAction:l?{icon:r.jsx(ve,{}),label:"Create",onClick:()=>{}}:void 0}),r.jsx(t.Box,{sx:{flex:1,p:3},children:r.jsx(Vt,{style:{color:"var(--Quiet)"},children:"Main content area"})})]}),r.jsx(sa,{code:(()=>{const e=["items={items}"];return o&&(e.push("expandable"),"partial"!==n&&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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:c,onThemeChange:d,surface:u,onSurfaceChange:x})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"EXPANDED WIDTH"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["partial","full"].map(e=>{return r.jsx(xn,{label:(t=e,t?t.charAt(0).toUpperCase()+t.slice(1):""),selected:n===e,onClick:()=>i(e)},e);var t})})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Expandable"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Toggle between collapsed and expanded"})]}),r.jsx(ya,{variant:"default-outline",checked:o,onChange:e=>a(e.target.checked),size:"small","aria-label":"Expandable"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"FAB Action"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show create button at top"})]}),r.jsx(ya,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"FAB action"})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Nav",value:'<nav role="navigation" aria-label="Navigation rail">'},{label:"Items",value:'role="tab" aria-selected on each item'},{label:"TabList",value:'role="tablist" aria-orientation="vertical"'},{label:"Toggle",value:'aria-label="Expand/Collapse menu"'},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: -3px"},{label:"Badge",value:"Visual only — announced via aria-label on parent item"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.RangeSlider=ei,exports.Rating=oi,exports.RatingInput=oi,exports.Ratio=Pi,exports.RatioShowcase=function(){const[o,a]=e.useState("1:1"),[n,i]=e.useState("solid"),[l,s]=e.useState("primary"),[c,d]=e.useState("none"),[u,x]=e.useState(!1),[p,h]=e.useState(!1),[m,f]=e.useState(null),[g,b]=e.useState("Surface");return r.jsxs(Ci,{sx:{pb:8},children:[r.jsx(Pt,{children:"Ratio"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:m,surface:g,children:r.jsx(Ci,{sx:{width:"100%",maxWidth:480},children:r.jsx(Pi,{ratio:o,variant:n,color:l,padding:c,elevated:u,clickable:p})})}),r.jsx(sa,{code:(()=>{const e=['ratio="'+o+'"'];return"default"!==n&&e.push('variant="'+n+'"'),"default"!==l&&e.push('color="'+l+'"'),"none"!==c&&e.push('padding="'+c+'"'),u&&e.push("elevated"),p&&e.push("clickable onClick={handleClick}"),"<Ratio "+e.join(" ")+">\n {/* your content */}\n</Ratio>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(Ci,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Reference"})]}),r.jsx(Ao,{value:0,children:r.jsxs(Ci,{sx:{p:3},children:[r.jsx(Ci,{sx:{mb:3},children:r.jsx(Po,{theme:m,onThemeChange:f,surface:g,onSurfaceChange:b})}),r.jsxs(Ci,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"VARIANT"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Mi.map(e=>r.jsx(Fi,{label:Oi(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(Ci,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:Di.map(e=>r.jsxs(Ci,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(Ni,{color:e,selected:l===e,onClick:s,variant:"default"===n?"solid":n},e))})]},e.label))})]}),r.jsxs(Ci,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PADDING"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Wi.map(e=>r.jsx(Fi,{label:"none"===e?"None":e.toUpperCase(),selected:c===e,onClick:()=>d(e)},e))})]}),r.jsxs(Ci,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"RATIO"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:zi.map(e=>r.jsx(Fi,{label:e,selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(Ci,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(Ci,{children:[r.jsx(Jt,{children:"Elevated"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Bumps the shadow up one level"})]}),r.jsx(ya,{checked:u,onChange:e=>x(e.target.checked),size:"small","aria-label":"Elevated"})]}),r.jsxs(Ci,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(Ci,{children:[r.jsx(Jt,{children:"Clickable"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Adds hover, press, and focus-visible"})]}),r.jsx(ya,{checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Clickable"})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(Ci,{sx:{p:3},children:r.jsxs(t.Stack,{spacing:3,children:[r.jsxs(Ci,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Common use cases"}),r.jsx(t.Stack,{spacing:0,children:[{label:"1:1",value:"Square thumbnails, avatars, product tiles"},{label:"16:9",value:"Video, hero images, modern displays"},{label:"4:3",value:"Classic photo, presentation slides"},{label:"3:2",value:"DSLR photography, print frames"},{label:"21:9",value:"Cinematic ultrawide"},{label:"9:16 / 4:5 / 5:7",value:"Portrait social media (Stories, Reels, prints)"},{label:"16:10",value:"Laptop / monitor displays"},{label:"Golden-Horizontal",value:"φ : 1 — design framing for cards, hero blocks"},{label:"Golden-Vertical",value:"1 : φ — vertical posters, sidebars"}].map(({label:e,value:t})=>r.jsxs(Ci,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Vt,{children:e}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:t})]},e))})]}),r.jsxs(Gt,{color:"quiet",children:["Built on native CSS ",r.jsx("code",{children:"aspect-ratio"}),". The themed shell mirrors Box — pick a variant + color to paint the frame, or keep ",r.jsx("code",{children:'variant="default"'}),"for a borderless ratio container."]})]})})})]})})})]})]})},exports.ResponsiveStack=({breakpoint:e="sm",...t})=>r.jsx(Wa,{direction:{xs:"column",[e]:"row"},...t}),exports.ScrollStack=({sx:e,...t})=>r.jsx(Wa,{sx:{overflowY:"auto",...e},...t}),exports.SearchField=ni,exports.SearchFieldShowcase=function(){const[o,a]=e.useState("default"),[n,i]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(!0),[u,x]=e.useState(null),[p,h]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Search Field"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:u,surface:p,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:400},children:r.jsx(ni,{color:o,size:n,disabled:l,showClearButton:c,placeholder:"Search..."})})}),r.jsx(sa,{code:(()=>{const e=[];return"default"!==o&&e.push('color="'+o+'"'),"medium"!==n&&e.push('size="'+n+'"'),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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:u,onThemeChange:x,surface:p,onSurfaceChange:h})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:li.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(ci,{color:e,selected:o===e,onClick:a},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(si,{label:ii(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Clear Button"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show clear when has value"})]}),r.jsx(ya,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Clear button"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Disabled"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),r.jsx(ya,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Disabled"})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="searchbox" on the input element'},{label:"Label",value:'aria-label="Search" (configurable via ariaLabel prop)'},{label:"Clear",value:'aria-label="Clear search" on clear button'},{label:"Keyboard",value:"Enter submits, Escape clears"},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.SearchTextField=function({label:e="Search",placeholder:t="Type to search...",...o}){return r.jsx(An,{label:e,type:"search",placeholder:t,...o})},exports.SecondaryToggleButtonGroup=e=>r.jsx(In,{variant:"secondary",...e}),exports.Section=Ai,exports.SectionShowcase=function(){return r.jsxs("div",{children:[r.jsx(Pt,{style:{marginBottom:12},children:"Section"}),r.jsxs(Gt,{color:"quiet",style:{marginBottom:32,maxWidth:720},children:[r.jsx("code",{children:"<Section>"})," bundles ",r.jsx("code",{children:"data-theme"})," +"," ",r.jsx("code",{children:"data-surface"})," + background paint into one component. Use anywhere you'd otherwise reach for"," ",r.jsx("code",{children:"<section data-theme data-surface style={{ background: var(--Background) }}>"}),". For wrapping without painting (e.g. AppBar's themed zone), use"," ",r.jsx("code",{children:"<ThemedZone>"}),"."]}),r.jsx(Pt,{style:{marginTop:24,marginBottom:12},children:"Theme + surface"}),r.jsx(Vt,{color:"quiet",style:{marginBottom:16,display:"block"},children:'Sets data-theme="Primary-Light" + data-surface="Surface", paints --Background.'}),r.jsxs(Ai,{theme:"Primary-Light",surface:"Surface",padding:"32px",style:{borderRadius:8},children:[r.jsx(Pt,{children:"Primary-Light surface"}),r.jsx(Gt,{children:"Body text picks up --Text automatically."}),r.jsx(Vt,{color:"quiet",children:"Quiet text picks up --Text-Quiet."}),r.jsx("div",{style:{marginTop:12},children:r.jsx(Kr,{variant:"primary",children:"Primary button"})})]}),r.jsx(Pt,{style:{marginTop:32,marginBottom:12},children:"Container surface"}),r.jsxs(Ai,{surface:"Container",padding:"32px",style:{borderRadius:8},children:[r.jsx(Pt,{children:"Container surface (inherits theme)"}),r.jsx(Gt,{children:"Useful for card-like regions."})]}),r.jsx(Pt,{style:{marginTop:32,marginBottom:12},children:"Different element"}),r.jsxs(Vt,{color:"quiet",style:{marginBottom:16,display:"block"},children:["Pass ",r.jsx("code",{children:'as="article"'}),", ",r.jsx("code",{children:'as="footer"'}),", etc."]}),r.jsxs(Ai,{as:"article",theme:"Neutral-Dark",surface:"Surface",padding:"32px",style:{borderRadius:8},children:[r.jsx(Pt,{children:"Neutral-Dark article"}),r.jsx(Gt,{children:"Renders as an <article> element."})]})]})},exports.Select=vo,exports.SelectShowcase=function(){const[o,a]=e.useState("outline"),[n,i]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("top"),[u,x]=e.useState("Fruit"),[p,h]=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(""),[C,w]=e.useState(null),[T,I]=e.useState("Surface"),[A,z]=e.useState(!1),[R,E]=e.useState(!0);return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Select"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:C,surface:T,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:360},children:r.jsx(vo,{variant:o,color:n,size:l,label:u,labelPosition:c,mode:A?"color":void 0,showColorLabels:A?R:void 0,options:A?Ln:En,value:B,onChange:k,showDividers:p,disabled:m,fullWidth:g,startDecoration:v?(()=>{const e=dt[j]||dt.Search;return r.jsx(dr,{size:"small",children:r.jsx(e,{})})})():void 0})})}),r.jsx(sa,{code:(()=>{const e=[];return"outline"!==o&&e.push('variant="'+o+'"'),"default"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),u&&e.push('label="'+u+'"'),"top"!==c&&e.push('labelPosition="'+c+'"'),A&&e.push('mode="color"'),A&&!R&&e.push("showColorLabels={false}"),p&&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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:C,onThemeChange:w,surface:T,onSurfaceChange:I})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["outline","light"].map(e=>r.jsx(Pn,{label:zn(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:Rn.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(On,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(Pn,{label:zn(e),selected:l===e,onClick:()=>s(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["top","floating","none"].map(e=>r.jsx(Pn,{label:"none"===e?"None":zn(e),selected:c===e,onClick:()=>d(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Start Icon"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Icon rendered before the value"})]}),r.jsx(ya,{checked:v,onChange:e=>y(e.target.checked),size:"small","aria-label":"Start icon"})]}),v&&r.jsxs(t.Box,{sx:{mt:2},children:[r.jsx(mo,{label:"Icon Name",value:j,onChange:e=>S(e.target.value),placeholder:"Search",variant:"primary-outline",size:"small",fullWidth:!0}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:[r.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)"]})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Dividers"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Lines between options"})]}),r.jsx(ya,{checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Show dividers"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Disabled"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),r.jsx(ya,{checked:m,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Color Mode"}),r.jsx(Kt,{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."})]}),r.jsx(ya,{checked:A,onChange:e=>z(e.target.checked),size:"small","aria-label":"Color mode"})]}),A&&r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Show Color Labels"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Hide to render a swatch-only trigger (no text). Useful for compact color pickers."})]}),r.jsx(ya,{checked:R,onChange:e=>E(e.target.checked),size:"small","aria-label":"Show color labels"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Full Width"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container width"})]}),r.jsx(ya,{checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Trigger",value:'role="combobox" aria-expanded="true|false" aria-haspopup="listbox"'},{label:"Dropdown",value:'role="listbox" aria-label="..."'},{label:"Options",value:'role="option" aria-selected="true|false"'},{label:"Label",value:"aria-label from label prop. Always provide a label."},{label:"Keyboard",value:"Enter/Space opens. Escape closes. Arrow keys when open."},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px (on outer shell)"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.SelectableCard=e=>r.jsx(Xa,{clickable:!0,selected:e.selected,...e}),exports.SettingsPanel=function(){const{mode:o,switchMode:a}=function(t="light"){const[r,o]=e.useState(t);return e.useEffect(()=>{rm("/styles/foundation.css","css-foundation"),rm("/styles/core.css","css-core"),rm("/styles/Light-Mode.css","css-mode"),rm("/styles/base.css","css-base"),rm("/styles/typography-tokens.css","css-typography-tokens")},[]),{mode:r,switchMode:e=>{const t=document.getElementById("css-mode");t&&(t.href="dark"===e?"/styles/Dark-Mode.css":"/styles/Light-Mode.css"),o(e),localStorage.setItem("themeMode",e)}}}("light"),[n,i]=e.useState(!1),[l,s]=e.useState("desktop");e.useEffect(()=>{const e=localStorage.getItem("dino-platform")||"desktop",t=localStorage.getItem("themeMode")||"light";s(e),document.documentElement.style.setProperty("--Button-Height",am[e]||"32px"),"dark"===t&&a("dark")},[]);const c=e=>{s(e),localStorage.setItem("dino-platform",e),document.documentElement.style.setProperty("--Button-Height",am[e]||"32px")};return r.jsxs(r.Fragment,{children:[r.jsx(t.Box,{onClick:()=>i(!0),role:"button","aria-label":"Open settings",sx:{position:"fixed",bottom:24,right:24,width:52,height:52,borderRadius:"50%",backgroundColor:"var(--Buttons-Tertiary-Button)",color:"var(--Buttons-Tertiary-Text)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",boxShadow:"0 4px 12px rgba(0,0,0,0.15)",zIndex:999,transition:"transform 0.15s ease, box-shadow 0.15s ease","&:hover":{transform:"scale(1.08)",boxShadow:"0 6px 16px rgba(0,0,0,0.2)"}},children:r.jsx(ye.Settings,{sx:{fontSize:24}})}),r.jsx(As,{anchor:"right",open:n,onClose:()=>i(!1),hideBackdrop:!0,size:"small",sx:{width:320,zIndex:99999999},children:r.jsxs(t.Box,{sx:{p:3,height:"100%",display:"flex",flexDirection:"column"},children:[r.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2},children:[r.jsx(Dt,{children:"Settings"}),r.jsx(Kr,{iconOnly:!0,variant:"ghost",size:"small",onClick:()=>i(!1),"aria-label":"Close settings",children:r.jsx(ye.Close,{fontSize:"small"})})]}),r.jsx(t.Divider,{sx:{mb:3,borderColor:"var(--Border)"}}),r.jsx(t.Box,{sx:{flex:1,overflowY:"auto"},children:r.jsxs(t.Stack,{spacing:4,children:[r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text)",opacity:.85,display:"block",marginBottom:12,fontWeight:600},children:"MODE"}),r.jsxs(t.Stack,{direction:"row",spacing:1,children:[r.jsx(Kr,{variant:"light"===o?"primary":"primary-outline",size:"small",onClick:()=>a("light"),sx:{flex:1},children:"Light"}),r.jsx(Kr,{variant:"dark"===o?"primary":"primary-outline",size:"small",onClick:()=>a("dark"),sx:{flex:1},children:"Dark"})]})]}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text)",opacity:.85,display:"block",marginBottom:12,fontWeight:600},children:"PLATFORM"}),r.jsx(t.Stack,{spacing:1,children:om.map(({value:e,label:o,note:a})=>{const n=l===e;return r.jsxs(t.Box,{onClick:()=>c(e),sx:{p:1.5,borderRadius:"var(--Style-Border-Radius)",cursor:"pointer",border:n?"2px solid var(--Buttons-Primary-Button)":"1px solid var(--Border)",backgroundColor:n?"var(--Background)":"transparent",display:"flex",justifyContent:"space-between",alignItems:"center",transition:"all 0.15s ease","&:hover":{backgroundColor:"var(--Hover)"}},children:[r.jsxs(t.Box,{children:[r.jsx(Vt,{style:{color:n?"var(--Buttons-Primary-Button)":"var(--Text)",fontWeight:n?600:400},children:o}),r.jsx(Kt,{style:{color:"var(--Text)",opacity:.7},children:a})]}),n&&r.jsx(t.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"var(--Buttons-Primary-Button)",flexShrink:0}})]},e)})})]})]})}),r.jsx(t.Divider,{sx:{my:3,borderColor:"var(--Border)"}}),r.jsx(Kr,{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:n=[],onItemClick:i,width:l=280,variant:s="temporary",header:c,footer:d,sx:u={},...p}){const[h,m]=e.useState(null),[f,g]=e.useState({}),b=(e,t)=>{m(t),i?.(e),"temporary"===s&&a?.()},v="permanent"===s?"permanent":"standard"===s?"standard":"temporary",y=r.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",height:"100%",backgroundColor:"var(--Container)",color:"var(--Text)"},children:[c&&r.jsx(t.Box,{sx:{p:2,borderBottom:"1px solid var(--Border-Variant)"},children:"string"==typeof c?r.jsx(t.Typography,{variant:"h6",sx:{fontWeight:700},children:c}):c}),r.jsx(t.List,{sx:{flex:1,overflow:"auto",py:1},children:n.map((e,o)=>{const a=h===o,n=e.submenu&&e.submenu.length>0,i=f[o];return r.jsxs(t.Box,{children:[r.jsx(t.Tooltip,{title:e.tooltip||"",placement:"right",children:r.jsx(t.ListItem,{disablePadding:!0,children:r.jsxs(t.ListItemButton,{onClick:()=>{n?(e=>{g(t=>({...t,[e]:!t[e]}))})(o):b(e,o)},selected:a&&!n,sx:{backgroundColor:a&&!n?"var(--Buttons-Primary-Button)":"transparent",color:a&&!n?"var(--Buttons-Primary-Text)":"var(--Text)","&:hover":{backgroundColor:a&&!n?"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&&r.jsx(t.ListItemIcon,{sx:{color:a&&!n?"var(--Buttons-Primary-Text)":"var(--Icons-Primary)",minWidth:40},children:e.badge?r.jsx(t.Badge,{badgeContent:e.badge,color:"error",children:e.icon}):e.icon}),r.jsx(t.ListItemText,{primary:e.label,primaryTypographyProps:{variant:"body2",fontWeight:a&&!n?600:500}}),n&&r.jsx(t.Box,{sx:{ml:1},children:i?r.jsx(Le,{}):r.jsx(x,{})})]})})}),n&&r.jsx(t.Collapse,{in:i,timeout:"auto",unmountOnExit:!0,children:r.jsx(t.List,{component:"div",disablePadding:!0,children:e.submenu.map((e,o)=>r.jsx(t.ListItem,{disablePadding:!0,children:r.jsxs(t.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&&r.jsx(t.ListItemIcon,{sx:{color:"var(--Icons-Primary)",minWidth:40},children:e.icon}),r.jsx(t.ListItemText,{primary:e.label})]})},o))})}),e.divider&&r.jsx(t.Divider,{sx:{my:1,borderColor:"var(--Border-Variant)"}})]},o)})}),d&&r.jsx(t.Box,{sx:{borderTop:"1px solid var(--Border-Variant)",p:2},children:"string"==typeof d?r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Quiet)"},children:d}):d})]});return"permanent"===s?r.jsx(t.Box,{sx:{width:l,flexShrink:0,...u},children:y}):r.jsx(t.Drawer,{variant:v,open:o,onClose:a,PaperProps:{sx:{width:l,backgroundColor:"var(--Container)",color:"var(--Text)",...u}},...p,children:y})},exports.Slider=_n,exports.SliderInput=_n,exports.Snackbar=Yx,exports.SnackbarShowcase=function(){const[o,a]=e.useState("light"),[n,i]=e.useState("info"),[l,s]=e.useState("medium"),[c,d]=e.useState("bottom"),[u,x]=e.useState(!0),[p,h]=e.useState(!0),[m,f]=e.useState(!1),[g,b]=e.useState(null),[v,y]=e.useState("Surface"),j=u&&_x[n]?r.jsx(dr,{size:"small",sx:{color:"inherit"},children:_x[n]}):void 0;return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Snackbar"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:g,surface:v,children:r.jsx(Kr,{variant:"default",onClick:()=>f(!0),children:"Show Snackbar"})}),r.jsx(sa,{code:(()=>{const e=["open={open}"];return e.push('variant="'+o+'"'),"info"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),"bottom"!==c&&e.push('anchor="top"'),p&&e.push("onClose={handleClose}"),u&&_x[n]&&e.push("startDecorator={<Icon><"+Zx(n)+"Icon /></Icon>}"),"<Snackbar\n "+e.join("\n ")+"\n>\n Operation completed successfully.\n</Snackbar>"})(),language:"JSX",wrap:!0,sx:{mt:2}}),r.jsx(Yx,{open:m,onClose:p?()=>f(!1):void 0,variant:o,color:n,size:l,anchor:c,autoHideDuration:4e3,startDecorator:j,children:"Operation completed successfully."})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:g,onThemeChange:b,surface:v,onSurfaceChange:y})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["solid","light"].map(e=>r.jsx(ep,{label:Zx(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:$x.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(tp,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(ep,{label:Zx(e),selected:l===e,onClick:()=>s(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ANCHOR"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["top","bottom"].map(e=>r.jsx(ep,{label:Zx(e),selected:c===e,onClick:()=>d(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Show Icon"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Start decorator icon"})]}),r.jsx(ya,{variant:"default-outline",checked:u,onChange:e=>x(e.target.checked),size:"small","aria-label":"Show icon"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Close Button"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show dismiss button"})]}),r.jsx(ya,{variant:"default-outline",checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Close button"})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="alert" aria-live="polite" aria-atomic="true"'},{label:"Close",value:'Button with aria-label="Close notification"'},{label:"Keyboard",value:"Escape closes. Auto-hides after duration."},{label:"Hover",value:"Pauses auto-hide timer on mouse enter"},{label:"Border",value:"var(--Buttons-{Color}-Border) on outer shell"},{label:"Shadow",value:"var(--Effect-Level-3)"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.SolidTreeView=e=>r.jsx(Dx,{variant:"solid",...e}),exports.SpaceBetweenStack=e=>r.jsx(Wa,{direction:"row",alignItems:"center",justifyContent:"space-between",...e}),exports.Spacing=function(){const e=({name:e,varName:o,baseValue:a})=>r.jsx(t.Box,{sx:{mb:2},children:r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:2,mb:1},children:[r.jsx(t.Box,{"aria-hidden":"true",sx:{width:`var(${o})`,minWidth:20,height:24,backgroundColor:"var(--Buttons-Primary-Button)",borderRadius:.5,border:"1px solid var(--Border)"}}),r.jsxs(t.Stack,{spacing:.5,children:[r.jsx(t.Typography,{variant:"subtitle2",sx:{fontWeight:600},children:e}),r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:o}),r.jsxs(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:["Base: ",a," (with cognitive multiplier)"]})]})]})}),o=({name:e,varName:o,value:a})=>r.jsxs(t.Box,{sx:{mb:2},children:[r.jsx(t.Box,{"aria-hidden":"true",sx:{width:100,height:a,backgroundColor:"var(--Buttons-Primary-Button)",borderRadius:1,border:"1px solid var(--Border)",mb:1}}),r.jsx(t.Typography,{variant:"subtitle2",sx:{fontWeight:600},children:e}),r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block"},children:o}),r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:a})]});return r.jsxs(t.Stack,{spacing:3,sx:{p:2},children:[r.jsxs("section",{children:[r.jsx(t.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Spacing Scale"}),r.jsx(t.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Spacing values are multiplied by the cognitive multiplier for accessibility. Each spacing value includes a visual reference and text label for clarity."}),r.jsx(t.Stack,{spacing:1,children:[{name:"Quarter",var:"--Spacing-Quarter",baseValue:"2px"},{name:"Half",var:"--Spacing-Half",baseValue:"4px"},{name:"1-and-Half",var:"--Spacing-1-and-Half",baseValue:"12px"},{name:"1",var:"--Spacing-1",baseValue:"8px"},{name:"2",var:"--Spacing-2",baseValue:"16px"},{name:"3",var:"--Spacing-3",baseValue:"24px"},{name:"4",var:"--Spacing-4",baseValue:"32px"},{name:"5",var:"--Spacing-5",baseValue:"40px"},{name:"6",var:"--Spacing-6",baseValue:"48px"},{name:"7",var:"--Spacing-7",baseValue:"56px"},{name:"8",var:"--Spacing-8",baseValue:"64px"},{name:"9",var:"--Spacing-9",baseValue:"72px"},{name:"10",var:"--Spacing-10",baseValue:"80px"}].map(t=>r.jsx(e,{name:t.name,varName:t.var,baseValue:t.baseValue},t.var))})]}),r.jsxs("section",{children:[r.jsx(t.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Sizing Scale"}),r.jsx(t.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Fixed sizing values for components and layouts. Each size is labeled with its CSS variable and pixel value."}),r.jsx(t.Grid,{container:!0,spacing:3,children:[{name:"Quarter",var:"--Sizing-Quarter",value:"2px"},{name:"Half",var:"--Sizing-Half",value:"4px"},{name:"1-and-Half",var:"--Sizing-1-and-Half",value:"12px"},{name:"1",var:"--Sizing-1",value:"8px"},{name:"2",var:"--Sizing-2",value:"16px"},{name:"3",var:"--Sizing-3",value:"24px"},{name:"4",var:"--Sizing-4",value:"32px"},{name:"5",var:"--Sizing-5",value:"40px"},{name:"6",var:"--Sizing-6",value:"48px"},{name:"7",var:"--Sizing-7",value:"56px"},{name:"8",var:"--Sizing-8",value:"64px"},{name:"9",var:"--Sizing-9",value:"72px"},{name:"10",var:"--Sizing-10",value:"80px"},{name:"11",var:"--Sizing-11",value:"88px"},{name:"12",var:"--Sizing-12",value:"96px"},{name:"13",var:"--Sizing-13",value:"104px"},{name:"14",var:"--Sizing-14",value:"112px"},{name:"15",var:"--Sizing-15",value:"160px"},{name:"16",var:"--Sizing-16",value:"240px"},{name:"17",var:"--Sizing-17",value:"320px"},{name:"18",var:"--Sizing-18",value:"480px"}].map(e=>r.jsx(t.Grid,{item:!0,xs:12,sm:6,md:4,lg:3,children:r.jsx(o,{name:e.name,varName:e.var,value:e.value})},e.var))})]}),r.jsxs("section",{children:[r.jsx(t.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Negative Sizing"}),r.jsx(t.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Negative values for margins and offsets. Use these to reduce or remove default spacing when needed."}),r.jsx(t.Grid,{container:!0,spacing:3,children:[{name:"Negative-Quarter",var:"--Sizing-Negative-Quarter",value:"-2px"},{name:"Negative-Half",var:"--Sizing-Negative-Half",value:"-4px"},{name:"Negative-1-and-Half",var:"--Sizing-Negative-1-and-Half",value:"-12px"},{name:"Negative-1",var:"--Sizing-Negative-1",value:"-8px"}].map(e=>r.jsx(t.Grid,{item:!0,xs:12,sm:6,md:4,lg:3,children:r.jsxs(t.Box,{children:[r.jsx(t.Typography,{variant:"subtitle2",sx:{fontWeight:600},children:e.name}),r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block"},children:e.var}),r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:e.value})]})},e.var))})]}),r.jsxs("section",{style:{paddingTop:24,borderTop:"1px solid var(--Border)"},children:[r.jsx(t.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Container Padding"}),r.jsxs(t.Box,{sx:{p:"var(--Spacing-3)",backgroundColor:"var(--Container-Low)",border:"2px dashed var(--Buttons-Primary-Button)",borderRadius:1},children:[r.jsxs(t.Typography,{variant:"body2",children:["Default container padding: ",r.jsx("strong",{children:"var(--Spacing-3)"})," = 24px"]}),r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block",mt:1},children:"Use this variable for consistent padding around main content areas."})]})]}),r.jsxs("section",{style:{paddingTop:24,borderTop:"1px solid var(--Border)"},children:[r.jsx(t.Typography,{variant:"h5",component:"h2",sx:{mb:3,fontWeight:700},children:"Practical Examples"}),r.jsxs("article",{children:[r.jsx(t.Typography,{variant:"h6",component:"h3",sx:{mb:2,fontWeight:600},children:"Padding Examples"}),r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",mb:2,display:"block"},children:"Different padding values create different visual breathing room."}),r.jsx(t.Grid,{container:!0,spacing:2,sx:{mb:4},children:["var(--Spacing-1)","var(--Spacing-2)","var(--Spacing-3)","var(--Spacing-4)"].map(e=>r.jsx(t.Grid,{item:!0,xs:12,sm:6,children:r.jsxs(t.Box,{sx:{p:e,backgroundColor:"var(--Container)",border:"1px solid var(--Border)",borderRadius:1},children:[r.jsxs(t.Typography,{variant:"subtitle2",children:["Padding: ",e]}),r.jsx(t.Typography,{variant:"caption",sx:{display:"block",mt:1,color:"var(--Text-Secondary)"},children:"Content with spacing applied"})]})},e))})]}),r.jsxs("article",{children:[r.jsx(t.Typography,{variant:"h6",component:"h3",sx:{mb:2,fontWeight:600},children:"Gap Examples"}),r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",mb:2,display:"block"},children:"Gap controls spacing between flex/grid children without adding extra elements."}),r.jsx(t.Stack,{spacing:3,children:["var(--Spacing-1)","var(--Spacing-2)","var(--Spacing-3)"].map(e=>r.jsxs(t.Box,{children:[r.jsx(t.Stack,{direction:"row",spacing:e,sx:{mb:1},children:[1,2,3].map(e=>r.jsx(t.Box,{"aria-hidden":"true",sx:{width:60,height:60,backgroundColor:"var(--Buttons-Primary-Button)",borderRadius:1,flexShrink:0}},e))}),r.jsxs(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:["Gap: ",e]})]},e))})]})]}),r.jsxs(t.Box,{role:"note",sx:{p:2,backgroundColor:"var(--Container-Low)",borderRadius:1,borderLeft:"4px solid var(--Buttons-Primary-Button)",mt:3},children:[r.jsx(t.Typography,{variant:"subtitle2",sx:{fontWeight:600,mb:1},children:"✓ Accessibility Best Practices Used"}),r.jsxs("ul",{style:{margin:"0.5rem 0",paddingLeft:"1.5rem"},children:[r.jsx("li",{children:r.jsxs(t.Typography,{variant:"caption",children:[r.jsx("strong",{children:'aria-hidden="true"'})," on purely decorative visual elements"]})}),r.jsx("li",{children:r.jsx(t.Typography,{variant:"caption",children:"All spacing information conveyed through text labels and values"})}),r.jsx("li",{children:r.jsxs(t.Typography,{variant:"caption",children:["No empty decorative ",r.jsx("code",{children:"<div>"})," elements in DOM"]})}),r.jsx("li",{children:r.jsxs(t.Typography,{variant:"caption",children:["Semantic HTML: ",r.jsx("code",{children:"<section>"})," and ",r.jsx("code",{children:"<article>"})," for structure"]})}),r.jsx("li",{children:r.jsx(t.Typography,{variant:"caption",children:"CSS-based spacing (padding/margin) for actual layout, not decorative divs"})}),r.jsx("li",{children:r.jsx(t.Typography,{variant:"caption",children:"Full keyboard navigation and screen reader support"})})]})]})]})},exports.SpeedDial=Fl,exports.SpeedDialShowcase=function(){const[o,a]=e.useState("solid"),[n,i]=e.useState("default"),[l,s]=e.useState("up"),[c,d]=e.useState(!0),[u,x]=e.useState(null),[p,h]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Speed Dial"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:u,surface:p,sx:{minHeight:300,alignItems:"flex-end",justifyContent:"center"},children:r.jsx(Fl,{variant:o,color:n,direction:l,showTooltips:c,actions:Vl,ariaLabel:"Quick actions"})}),r.jsx(sa,{code:(()=>{const e=[];return"solid"!==o&&e.push('variant="'+o+'"'),"default"!==n&&e.push('color="'+n+'"'),"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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:u,onThemeChange:x,surface:p,onSurfaceChange:h})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["solid","outline"].map(e=>r.jsx(Ql,{label:Nl(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:Hl.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(Gl,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DIRECTION"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["up","down","left","right"].map(e=>r.jsx(Ql,{label:Nl(e),selected:l===e,onClick:()=>s(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Tooltips"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show labels beside actions"})]}),r.jsx(ya,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Show tooltips"})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"FAB",value:'aria-expanded, aria-haspopup="menu", aria-label'},{label:"Actions",value:'role="menu" container, role="menuitem" on each action'},{label:"Labels",value:"aria-label on each action from name prop"},{label:"Keyboard",value:"Escape closes. Click outside closes."},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: 2px"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Stack=Va,exports.StackDivider=e=>r.jsx(t.Box,{sx:{borderBottom:"1px solid var(--Border)",width:"100%"},...e}),exports.StackShowcase=function(){return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Stack"}),r.jsx(Gt,{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."}),r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Why it matters"}),r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"API"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{pt:3,display:"flex",flexDirection:"column",gap:4},children:[r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[r.jsx(Pt,{children:"The problem"}),r.jsx(Gt,{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."}),r.jsx(Bi,{leftLabel:"Plain MUI Stack — gap too small",rightLabel:"OmniStack — gap auto-enforced",leftPasses:!1,rightPasses:!0,leftContent:r.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",gap:"4px"},children:[r.jsx(vi,{href:"#",size:"small",children:"Terms of Service"}),r.jsx(vi,{href:"#",size:"small",children:"Privacy Policy"}),r.jsx(vi,{href:"#",size:"small",children:"Cookie Settings"})]}),rightContent:r.jsxs(Wa,{gap:.5,children:[r.jsx(vi,{href:"#",size:"small",children:"Terms of Service"}),r.jsx(vi,{href:"#",size:"small",children:"Privacy Policy"}),r.jsx(vi,{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'})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[r.jsx(Pt,{children:"Mixed component sizes"}),r.jsx(Gt,{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."}),r.jsx(Bi,{leftLabel:"Without enforcement",rightLabel:"With enforcement",leftPasses:!1,rightPasses:!0,leftContent:r.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",gap:"2px"},children:[r.jsx(Kr,{variant:"primary",size:"medium",children:"Save changes"}),r.jsx(vi,{href:"#",size:"small",children:"Or discard"})]}),rightContent:r.jsxs(Wa,{gap:.25,children:[r.jsx(Kr,{variant:"primary",size:"medium",children:"Save changes"}),r.jsx(vi,{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'})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[r.jsx(Pt,{children:"How detection works"}),r.jsx(Gt,{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."}),r.jsx(t.Box,{sx:{display:"flex",flexDirection:"column"},children:[{signal:'size="small" prop',example:'<Link size="small" />'},{signal:'data-size="small"',example:'<div data-size="small" />'},{signal:"height={24}",example:"<Box height={24} />"},{signal:"minHeight={24}",example:"<Box minHeight={24} />"},{signal:"sx.minHeight: 24",example:"<Box sx={{ minHeight: 24 }} />"},{signal:"Known component name",example:"Link, Chip, Badge, Caption…"}].map(({signal:e,example:o},a,n)=>r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:2,py:1.5,borderBottom:a<n.length-1?"1px solid var(--Border)":"none"},children:[r.jsx(t.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"var(--Primary-Color-10)",flexShrink:0}}),r.jsx(Vt,{style:{flex:"0 0 200px"},children:e}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[r.jsx(Pt,{children:"Token-driven minimum"}),r.jsx(Gt,{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."}),r.jsx(ji,{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. */"})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[r.jsx(Pt,{children:"Auditable opt-out"}),r.jsxs(Gt,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:["Use ",r.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."]}),r.jsx(ji,{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>'})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(ki,{})}),r.jsx(Ao,{value:2,children:r.jsxs(t.Box,{sx:{pt:3},children:[r.jsx(Pt,{children:"OmniStack props"}),r.jsx(Gt,{style:{color:"var(--Text-Quiet)",marginTop:4,marginBottom:16},children:"All standard MUI Stack props are supported. These are OmniStack additions:"}),r.jsx(t.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",mb:4},children:[{prop:"enforceMinGap",type:"boolean",default:"true",desc:"Enable/disable smart gap enforcement."},{prop:"minGapToken",type:"string",default:'"--min-stack-gap"',desc:"CSS variable name for the minimum gap value."},{prop:"gap",type:"number|string",default:"undefined",desc:"Desired gap. Enforced against minGapToken when small children detected."},{prop:"direction",type:"string|object",default:'"column"',desc:"Stack direction. Supports responsive breakpoint objects."},{prop:"flexWrap",type:"string",default:"undefined",desc:'"wrap" | "nowrap" | "wrap-reverse"'},{prop:"divider",type:"ReactNode",default:"undefined",desc:"Element rendered between each child."}].map(({prop:e,type:o,default:a,desc:n},i,l)=>r.jsxs(t.Box,{sx:{display:"grid",gridTemplateColumns:"160px 160px 1fr",gap:2,px:2,py:1.5,alignItems:"start",borderBottom:i<l.length-1?"1px solid var(--Border)":"none",backgroundColor:i%2==0?"transparent":"var(--Surface-Dim, var(--Surface))"},children:[r.jsx(Kt,{style:{fontFamily:"monospace",color:"var(--Primary-Color-10)",fontWeight:600},children:e}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o}),r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text)"},children:n}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:2},children:["Default: ",a]})]})]},e))}),r.jsx(Pt,{children:"Convenience exports"}),r.jsx(t.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",mb:4},children:[{name:"Stack",desc:"Alias for OmniStack — drop-in MUI Stack replacement"},{name:"HStack",desc:'direction="row" alignItems="center"'},{name:"VStack",desc:'direction="column"'},{name:"CenteredStack",desc:'direction="column" alignItems="center" justifyContent="center"'},{name:"SpaceBetweenStack",desc:'direction="row" justifyContent="space-between"'},{name:"WrapStack",desc:'direction="row" flexWrap="wrap"'},{name:"ResponsiveStack",desc:"column on xs, row on sm+ (breakpoint configurable)"},{name:"GridStack",desc:"Alias for WrapStack"},{name:"InsetStack",desc:"OmniStack with px: 2 horizontal padding"},{name:"ScrollStack",desc:"OmniStack with overflowY: auto"}].map(({name:e,desc:o},a,n)=>r.jsxs(t.Box,{sx:{display:"grid",gridTemplateColumns:"200px 1fr",gap:2,px:2,py:1.5,borderBottom:a<n.length-1?"1px solid var(--Border)":"none",backgroundColor:a%2==0?"transparent":"var(--Surface-Dim, var(--Surface))"},children:[r.jsx(Kt,{style:{fontFamily:"monospace",color:"var(--Primary-Color-10)",fontWeight:600},children:e}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:o})]},e))}),r.jsx(Pt,{children:"Debug attributes"}),r.jsx(ji,{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=Ll,exports.Stepper=El,exports.StepperShowcase=function(){const[o,a]=e.useState("default"),[n,i]=e.useState("medium"),[l,s]=e.useState("horizontal"),[c,d]=e.useState(4),[u,x]=e.useState(1),[p,h]=e.useState(!1),[m,f]=e.useState(!1),[g,b]=e.useState(null),[v,y]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Stepper"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:g,surface:v,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:"vertical"===l?300:"100%"},children:r.jsx(El,{color:o,size:n,orientation:l,activeStep:u,clickable:p,onStepClick:p?x:void 0,dashedIncomplete:m,children:Dl.slice(0,c).map(e=>r.jsx(Ll,{label:e},e))})})}),r.jsx(sa,{code:(()=>{const e=[];return"default"!==o&&e.push('color="'+o+'"'),"medium"!==n&&e.push('size="'+n+'"'),"horizontal"!==l&&e.push('orientation="vertical"'),e.push("activeStep={"+u+"}"),p&&e.push("clickable onStepClick={setActiveStep}"),m&&e.push("dashedIncomplete"),"<Stepper "+e.join(" ")+">\n"+Dl.slice(0,c).map(e=>' <Step label="'+e+'" />').join("\n")+"\n</Stepper>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:g,onThemeChange:b,surface:v,onSurfaceChange:y})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STEPS"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:[2,3,4,5,6].map(e=>r.jsx(Ml,{label:String(e),selected:c===e,onClick:()=>{d(e),u>=e&&x(e-1)}},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ACTIVE STEP"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:Dl.slice(0,c).map((e,t)=>r.jsx(Ml,{label:String(t+1),selected:u===t,onClick:()=>x(t)},t))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:Ol.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(Wl,{color:e,selected:o===e,onClick:a},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(Ml,{label:Pl(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ORIENTATION"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["horizontal","vertical"].map(e=>r.jsx(Ml,{label:Pl(e),selected:l===e,onClick:()=>s(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Clickable"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Steps are interactive buttons"})]}),r.jsx(ya,{variant:"default-outline",checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Clickable"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Dashed Incomplete"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Dashed connector for future steps"})]}),r.jsx(ya,{variant:"default-outline",checked:m,onChange:e=>f(e.target.checked),size:"small","aria-label":"Dashed incomplete"})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Container",value:'<ol role="list" aria-label="Progress">'},{label:"Steps",value:"<li> elements with step state classes"},{label:"Active",value:'aria-current="step" on the active indicator'},{label:"Clickable",value:'role="button" aria-label="Go to step N" with tabIndex'},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: 2px"},{label:"Connectors",value:'aria-hidden="true" — decorative only'}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Subtitle=Ft,exports.Subtitle1=Nt,exports.Subtitle2=Ht,exports.SubtitleLarge=Wt,exports.SubtitleMedium=e=>r.jsx(Et,{textStyle:"subtitle",...e}),exports.SubtitleSmall=e=>r.jsx(Et,{textStyle:"subtitle-small",...e}),exports.SuccessToggleButtonGroup=e=>r.jsx(In,{variant:"success",...e}),exports.Surfaced=function({surface:e,as:t="div",children:o,className:a,style:n,...i}){return r.jsx(t,{"data-surface":e,className:a,style:n,...i,children:o})},exports.Switch=ja,exports.SwitchInput=ja,exports.Tab=Io,exports.TabList=To,exports.TabPanel=Ao,exports.Table=function({children:e,columns:o,rows:a,footerRows:n,variant:i="default",color:l="primary",size:s="medium",stripe:c="none",stickyHeader:d=!1,stickyFooter:u=!1,className:x="",sx:p={},...h}){const m=Fp[s]||Fp.medium,f="solid"===i,g="outlined"===i,b="light"===i,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)",u&&(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",C=()=>({padding:m.py+" "+m.px,fontSize:m.fontSize,color:"var(--Text)",borderBottom:"1px solid var(--Border)",textAlign:"left"});return r.jsx(t.Box,{className:"table-wrapper table-"+i+(f||b||g?" table-"+l:"")+" "+x,...j,sx:{width:"100%",overflow:"auto",border:y,borderRadius:g||b?"var(--Style-Border-Radius)":0,...p},children:r.jsx(t.Box,{component:"table",sx:{width:"100%",borderCollapse:"collapse",tableLayout:"fixed",fontFamily:"inherit","& thead th":S(),"& tbody td":C(),"& tfoot td, & tfoot th":B(),...d?{"& thead th":{...S(),position:"sticky",top:0,zIndex:2}}:{},...u?{"& tfoot td, & tfoot th":{...B(),position:"sticky",bottom:0,zIndex:2}}:{}},...h,children:o&&a?o&&a?r.jsxs(r.Fragment,{children:[r.jsx(t.Box,{component:"thead",children:r.jsx(t.Box,{component:"tr",children:o.map((e,o)=>r.jsx(t.Box,{component:"th",sx:{...S(),...e.width?{width:e.width}:{},...e.align?{textAlign:e.align}:{}},children:e.label||e.header||e},"h-"+o))})}),r.jsx(t.Box,{component:"tbody",children:a.map((e,a)=>r.jsx(t.Box,{component:"tr","data-surface":k(a),sx:{backgroundColor:"var(--"+k(a)+")"},children:(Array.isArray(e)?e:o.map(t=>e[t.field||t.key])).map((e,n)=>r.jsx(t.Box,{component:"td",sx:{...C(),...o[n]&&o[n].align?{textAlign:o[n].align}:{}},children:e},"c-"+a+"-"+n))},"r-"+a))}),n&&n.length>0&&r.jsx(t.Box,{component:"tfoot",children:n.map((e,a)=>r.jsx(t.Box,{component:"tr",children:(Array.isArray(e)?e:o.map(t=>e[t.field||t.key])).map((e,n)=>r.jsx(t.Box,{component:"td",sx:{...B(),...o[n]&&o[n].align?{textAlign:o[n].align}:{}},children:e},"fc-"+a+"-"+n))},"f-"+a))})]}):null:e})})},exports.Tabs=wo,exports.TabsShowcase=function(){const[o,a]=e.useState("standard"),[n,i]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("horizontal"),[u,x]=e.useState(null),[p,h]=e.useState("Surface"),[m,f]=e.useState(!1),g="standard"===o?Vi:Qi;return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Tabs"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:u,surface:p,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:"vertical"===c?500:"100%",display:"flex",flexDirection:"vertical"===c?"row":"column"},children:r.jsxs(wo,{defaultValue:0,variant:o,color:n,size:l,orientation:c,children:[r.jsxs(To,{rounded:m,children:[r.jsx(Io,{children:"Overview"}),r.jsx(Io,{children:"Features"}),r.jsx(Io,{children:"Pricing"})]}),r.jsx(Ao,{value:0,children:r.jsx(t.Box,{sx:{p:2},children:r.jsx(Gt,{style:{color:"var(--Quiet)"},children:"Overview content goes here."})})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:2},children:r.jsx(Gt,{style:{color:"var(--Quiet)"},children:"Features content goes here."})})}),r.jsx(Ao,{value:2,children:r.jsx(t.Box,{sx:{p:2},children:r.jsx(Gt,{style:{color:"var(--Quiet)"},children:"Pricing content goes here."})})})]})})}),r.jsx(sa,{code:(()=>{const e=[];return"standard"!==o&&e.push('variant="'+o+'"'),"default"!==n&&e.push('color="'+n+'"'),"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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:u,onThemeChange:x,surface:p,onSurfaceChange:h})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["standard","solid","light","dark"].map(e=>r.jsx(Gi,{label:Hi("standard"===e?"default":e),selected:o===e,onClick:()=>(e=>{a(e),"standard"!==e&&"default"===n&&i("primary")})(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:g.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(qi,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(Gi,{label:Hi(e),selected:l===e,onClick:()=>s(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ORIENTATION"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["horizontal","vertical"].map(e=>r.jsx(Gi,{label:Hi(e),selected:c===e,onClick:()=>d(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SHAPE"}),r.jsx(ya,{label:"Rounded corners",checked:m,onChange:e=>f(e.target.checked)}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Off by default. When on, the TabList applies"," ",r.jsx("code",{children:"var(--Style-Border-Radius)"})," and clips the active tab's background to fit the rounded shell (",r.jsx("code",{children:"overflow: hidden"})," is always on)."]})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"TabList",value:'role="tablist" aria-orientation'},{label:"Tab",value:'role="tab" aria-selected aria-controls={panelId}'},{label:"TabPanel",value:'role="tabpanel" aria-labelledby={tabId}'},{label:"Keyboard",value:"Arrow keys navigate tabs. Home/End jump to first/last."},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: -3px"},{label:"Indicator",value:"Standard: var(--Buttons-{C}-Border). Themed: var(--Text)."}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.TertiaryToggleButtonGroup=e=>r.jsx(In,{variant:"tertiary",...e}),exports.TextArea=function({label:o,value:a="",onChange:n,placeholder:i,error:l=!1,errorMessage:s="",disabled:c=!1,helperText:d="",rows:u=4,required:x=!1,fullWidth:p=!0,sx:h={},...m}){const[f,g]=e.useState(!1),b=l?"var(--Buttons-Error-Border)":f?"var(--Buttons-Primary-Border)":"var(--Border)";return r.jsxs(t.Box,{sx:{width:p?"100%":"auto"},children:[r.jsx(t.TextField,{label:o,value:a,onChange:n,placeholder:i,disabled:c,variant:"outlined",multiline:!0,rows:u,required:x,fullWidth:p,onFocus:()=>g(!0),onBlur:()=>g(!1),error:l,slotProps:{input:{"data-surface":c?"Container-Low":"Container",style:{color:"var(--Text)"}}},sx:{width:p?"100%":"auto","& .MuiOutlinedInput-root":{backgroundColor:"var(--Background)",transition:"all 0.2s ease-in-out",color:"var(--Text)","& fieldset":{borderColor:b,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:l||f?"var(--Text)":"var(--Text-Quiet)",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}},...h},...m}),l&&s&&r.jsx(t.FormHelperText,{error:!0,sx:{color:"var(--Buttons-Error-Border)",marginTop:"4px",fontSize:"12px",fontWeight:500},children:s})]})},exports.TextField=An,exports.TextFieldGroup=function({fields:e=[],spacing:o=2,sx:a={},...n}){return r.jsx(t.Box,{sx:{display:"flex",flexDirection:"column",gap:`var(--Spacing-${o})`,width:"100%",...a},...n,children:e.map(e=>r.jsx(An,{...e},e.id))})},exports.TextInput=mo,exports.ThemedZone=function({theme:e,surface:t,as:o="div",children:a,className:n,style:i,...l}){return r.jsx(o,{"data-theme":e,"data-surface":t,className:n,style:i,...l,children:a})},exports.ToggleButton=function({children:e,selected:o=!1,onChange:a,value:n,sx:i={},...l}){return r.jsx(t.ToggleButton,{value:n,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,...i},...l,children:e})},exports.ToggleButtonGroup=In,exports.Toolbar=hn,exports.ToolbarShowcase=function(){const[o,a]=e.useState("floating"),[n,i]=e.useState("default"),[l,s]=e.useState("horizontal"),[c,d]=e.useState(!1),[u,x]=e.useState(null),[p,h]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Toolbar"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{theme:u,surface:p,sx:{minHeight:200},children:r.jsx(hn,{items:fn,type:o,color:n,orientation:l,fab:c&&"floating"===o?{icon:r.jsx(ve,{}),label:"Create",onClick:()=>{}}:void 0})}),r.jsx(sa,{code:(()=>{const e=["items={items}"];return"floating"!==o&&e.push('type="contextual"'),"default"!==n&&e.push('color="'+n+'"'),"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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:u,onThemeChange:x,surface:p,onSurfaceChange:h})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["floating","contextual"].map(e=>r.jsx(gn,{label:mn(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["default","primary","primary-light","white","black"].map(e=>r.jsx(gn,{label:mn(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ORIENTATION"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["horizontal","vertical"].map(e=>r.jsx(gn,{label:mn(e),selected:l===e,onClick:()=>s(e)},e))})]}),"floating"===o&&r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"FAB Button"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Add FAB to the right of toolbar"})]}),r.jsx(ya,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"FAB button"})]})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="toolbar" aria-orientation aria-label'},{label:"Items",value:'role="radio" aria-checked on each icon button'},{label:"Selection",value:"Toggle — click selected again to deselect"},{label:"Focus",value:"Uses Button component focus styles"},{label:"Floating",value:"borderRadius 56px, padding 16px, Effect-Level-2 shadow"},{label:"Contextual",value:"Standard border-radius, padding 8px, no shadow"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Tooltip=function({children:e,title:o,variant:a="solid",color:n="primary",size:i="medium",placement:l="bottom",arrow:s=!1,open:c,enterDelay:d=100,leaveDelay:u=0,describeChild:x=!1,className:p="",sx:h={},...m}){const f=Vp[i]||Vp.medium,g="solid"===a,b="light"===a,v="outline"===a,y=(e=>e.charAt(0).toUpperCase()+e.slice(1))(n),j=g?Np[n]:b?Hp[n]:null,S=v?"1px solid var(--Buttons-"+y+"-Border)":"none",B="var(--Background)",k=void 0===c?{}:{open:c};return r.jsx(t.Tooltip,{title:o?r.jsx(t.Box,{"data-theme":j||void 0,"data-surface":b?"Surface-Brightest":g?"Surface":void 0,className:"tooltip-content tooltip-"+a+" tooltip-"+n+" tooltip-"+i+" "+p,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)",...h},children:o}):"",placement:l,arrow:s,enterDelay:d,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:f.arrowSize+"px"}}},...m,children:e})},exports.TreeBranch=function({label:e,icon:o,level:a=0,toggle:n="none",onToggle:i,disabled:l=!1,size:s="small",className:c="",sx:d={},children:u,...x}){const p=6===a&&"none"!==n?"none":n,h="on"===p,m="none"!==p,f=m?Gh[a]||{padLeft:0,togglePadLeft:0}:qh[a]||qh[0],g={paddingTop:"8px",paddingRight:"8px",paddingBottom:"8px",paddingLeft:(f.padLeft??8)+"px"};return r.jsxs(t.Box,{className:"tree-branch tree-branch-"+s+" tree-branch-level-"+a+" tree-branch-toggle-"+p+(l?" tree-branch-disabled":"")+(c?" "+c:""),sx:{width:"100%",...d},...x,children:[r.jsxs(t.Box,{component:"button",type:"button",role:"treeitem","aria-expanded":m?h:void 0,"aria-disabled":l||void 0,tabIndex:l?-1:0,onClick:e=>{l||m&&(e.stopPropagation(),i?.(h?"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&&r.jsx(t.Box,{className:"tree-branch-toggle",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,paddingLeft:(f.togglePadLeft??0)+"px"},children:r.jsx(t.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",transition:"transform 0.2s ease",transform:h?"rotate(-90deg)":"rotate(0deg)"},children:r.jsx(dr,{size:"small",children:r.jsx(De,{})})})}),r.jsxs(t.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&&r.jsx(t.Box,{sx:{display:"inline-flex",alignItems:"center",flexShrink:0},children:r.jsx(dr,{size:"small",children:o})}),null!=e&&r.jsx(Qt,{style:{color:"inherit",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block",flex:1,minWidth:0},children:e})]})]}),h&&u&&r.jsx(t.Box,{role:"group",sx:{display:"flex",flexDirection:"column"},children:u})]})},exports.TreeViewShowcase=function(){const[o,a]=e.useState("solid"),[n,i]=e.useState("primary"),[l,s]=e.useState("default"),[c,d]=e.useState("slide"),[u,x]=e.useState("single"),[p,h]=e.useState(!1),[m,f]=e.useState(!1),[g,b]=e.useState(!1),[v,y]=e.useState(Mx),[j,S]=e.useState(null),[B,k]=e.useState("Surface"),[C,w]=e.useState({}),T=e.useRef(null),I=Uh(n),A=g?Jh:v,z=e.useCallback((e,t)=>e&&getComputedStyle(e).getPropertyValue(t).trim()||null,[]);return e.useEffect(()=>{const e=setTimeout(()=>{const e=T.current;w({text:z(e,"--Text"),textQuiet:z(e,"--Text-Quiet"),background:z(e,"--Background"),border:z(e,"--Border"),focusVisible:z(e,"--Focus-Visible"),activeBtn:z(e,"--Buttons-"+I+"-Button"),activeBorder:z(e,"--Buttons-"+I+"-Border")})},50);return()=>clearTimeout(e)},[n,j,z,I]),r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Tree View"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(zo,{ref:T,theme:j,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:360},children:r.jsx(Dx,{color:n,variant:o,density:l,animation:c,selectionMode:u,checkboxSelection:p,disableSelection:m,items:A,defaultExpandedItems:["1","1-1","2"]})})}),r.jsx(sa,{code:(()=>{const e=["<OmniTreeView"];return"default"!==n&&e.push(' color="'+n+'"'),"default"!==o&&e.push(' variant="'+o+'"'),"default"!==l&&e.push(' density="'+l+'"'),"slide"!==c&&e.push(' animation="'+c+'"'),"single"!==u&&e.push(' selectionMode="'+u+'"'),p&&e.push(" checkboxSelection"),m&&e.push(" disableSelection"),e.push(" items={treeData}"),e.push("/>"),e.join("\n")})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(wo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(To,{children:[r.jsx(Io,{children:"Playground"}),r.jsx(Io,{children:"Accessibility"})]}),r.jsx(Ao,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Po,{theme:j,onThemeChange:S,surface:B,onSurfaceChange:k})}),r.jsxs(t.Box,{children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsxs(t.Stack,{direction:"row",spacing:1,children:[r.jsx(_h,{label:"Solid",selected:"solid"===o,onClick:()=>a("solid")}),r.jsx(_h,{label:"Light",selected:"light"===o,onClick:()=>a("light")})]})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:Xh.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(em,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DENSITY"}),r.jsxs(t.Stack,{direction:"row",spacing:1,children:[r.jsx(_h,{label:"Compact",selected:"compact"===l,onClick:()=>s("compact")}),r.jsx(_h,{label:"Default",selected:"default"===l,onClick:()=>s("default")})]})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ANIMATION"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["none","slide","spring"].map(e=>r.jsx(_h,{label:Uh(e),selected:c===e,onClick:()=>d(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SELECTION MODE"}),r.jsxs(t.Stack,{direction:"row",spacing:1,children:[r.jsx(_h,{label:"Single",selected:"single"===u,onClick:()=>x("single")}),r.jsx(_h,{label:"Multi",selected:"multi"===u,onClick:()=>x("multi")})]})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Yt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),r.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Show Icons"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Load sample data with icons and badges"})]}),r.jsx(ya,{checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Show icons"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Checkbox Selection"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show checkboxes for each item"})]}),r.jsx(ya,{checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Checkbox selection"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Disable Selection"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Items are not selectable"})]}),r.jsx(ya,{checked:m,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disable selection"})]})]}),!g&&r.jsx(t.Box,{sx:{mt:3},children:r.jsx(tm,{value:Yh,onChange:y})})]})}),r.jsx(Ao,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsxs(t.Stack,{spacing:3,children:[r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),r.jsx($h,{label:"Resting: var(--Text-Quiet) vs. background",ratio:xa(C.textQuiet,C.background),threshold:4.5,note:"Unselected items use Text-Quiet"}),r.jsx($h,{label:"Hover: var(--Text) vs. background",ratio:xa(C.text,C.background),threshold:4.5,note:"Hovered items use var(--Text)"}),r.jsx($h,{label:"Active (solid): var(--Text) vs. var(--Buttons-"+I+"-Button)",ratio:xa(C.text,C.activeBtn),threshold:4.5,note:"Selected item with solid fill"})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Focus Indicator (WCAG 2.4.11 — 3:1)"}),r.jsx($h,{label:"var(--Focus-Visible) vs. background",ratio:xa(C.focusVisible,C.background),threshold:3,note:"outline: 2px solid var(--Focus-Visible); outline-offset: -2px"})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="tree" on root, role="treeitem" on each node'},{label:"Expansion",value:'aria-expanded="true/false" on parent items'},{label:"Selection",value:"aria-selected on selected items"},{label:"Disabled",value:'aria-disabled="true" on disabled items'},{label:"Icons",value:"Icon elements are aria-hidden — label carries the accessible name"},{label:"Keyboard",value:"Arrow keys navigate, Enter/Space selects, * expands all siblings"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Vt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})]})})})]})})})]})]})},exports.Typography=Et,exports.URLTextField=function({label:e="Website",placeholder:t="https://example.com",...o}){return r.jsx(An,{label:e,type:"url",placeholder:t,...o})},exports.VStack=Na,exports.WarningToggleButtonGroup=e=>r.jsx(In,{variant:"warning",...e}),exports.WrapStack=Ha,exports.default={},exports.useOmniDesign=cs,exports.useStepperContext=Rl,exports.useTabsContext=Co;
41
+ */"production"===process.env.NODE_ENV?au.exports=function(){if(ou)return nu;ou=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),n=Symbol.for("react.consumer"),i=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),s=Symbol.for("react.suspense"),c=Symbol.for("react.suspense_list"),d=Symbol.for("react.memo"),u=Symbol.for("react.lazy"),x=Symbol.for("react.view_transition"),p=Symbol.for("react.client.reference");function h(p){if("object"==typeof p&&null!==p){var h=p.$$typeof;switch(h){case e:switch(p=p.type){case r:case a:case o:case s:case c:case x:return p;default:switch(p=p&&p.$$typeof){case i:case l:case u:case d:case n:return p;default:return h}}case t:return h}}}return nu.ContextConsumer=n,nu.ContextProvider=i,nu.Element=e,nu.ForwardRef=l,nu.Fragment=r,nu.Lazy=u,nu.Memo=d,nu.Portal=t,nu.Profiler=a,nu.StrictMode=o,nu.Suspense=s,nu.SuspenseList=c,nu.isContextConsumer=function(e){return h(e)===n},nu.isContextProvider=function(e){return h(e)===i},nu.isElement=function(t){return"object"==typeof t&&null!==t&&t.$$typeof===e},nu.isForwardRef=function(e){return h(e)===l},nu.isFragment=function(e){return h(e)===r},nu.isLazy=function(e){return h(e)===u},nu.isMemo=function(e){return h(e)===d},nu.isPortal=function(e){return h(e)===t},nu.isProfiler=function(e){return h(e)===a},nu.isStrictMode=function(e){return h(e)===o},nu.isSuspense=function(e){return h(e)===s},nu.isSuspenseList=function(e){return h(e)===c},nu.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===a||e===o||e===s||e===c||"object"==typeof e&&null!==e&&(e.$$typeof===u||e.$$typeof===d||e.$$typeof===i||e.$$typeof===n||e.$$typeof===l||e.$$typeof===p||void 0!==e.getModuleId)},nu.typeOf=h,nu}():au.exports=(iu||(iu=1,"production"!==process.env.NODE_ENV&&function(){function e(e){if("object"==typeof e&&null!==e){var h=e.$$typeof;switch(h){case t:switch(e=e.type){case o:case n:case a:case c:case d:case p:return e;default:switch(e=e&&e.$$typeof){case l:case s:case x:case u:case i:return e;default:return h}}case r:return h}}}var t=Symbol.for("react.transitional.element"),r=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),n=Symbol.for("react.profiler"),i=Symbol.for("react.consumer"),l=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),c=Symbol.for("react.suspense"),d=Symbol.for("react.suspense_list"),u=Symbol.for("react.memo"),x=Symbol.for("react.lazy"),p=Symbol.for("react.view_transition"),h=Symbol.for("react.client.reference");lu.ContextConsumer=i,lu.ContextProvider=l,lu.Element=t,lu.ForwardRef=s,lu.Fragment=o,lu.Lazy=x,lu.Memo=u,lu.Portal=r,lu.Profiler=n,lu.StrictMode=a,lu.Suspense=c,lu.SuspenseList=d,lu.isContextConsumer=function(t){return e(t)===i},lu.isContextProvider=function(t){return e(t)===l},lu.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},lu.isForwardRef=function(t){return e(t)===s},lu.isFragment=function(t){return e(t)===o},lu.isLazy=function(t){return e(t)===x},lu.isMemo=function(t){return e(t)===u},lu.isPortal=function(t){return e(t)===r},lu.isProfiler=function(t){return e(t)===n},lu.isStrictMode=function(t){return e(t)===a},lu.isSuspense=function(t){return e(t)===c},lu.isSuspenseList=function(t){return e(t)===d},lu.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===n||e===a||e===c||e===d||"object"==typeof e&&null!==e&&(e.$$typeof===x||e.$$typeof===u||e.$$typeof===l||e.$$typeof===i||e.$$typeof===s||e.$$typeof===h||void 0!==e.getModuleId)},lu.typeOf=e}()),lu);var su=au.exports;function cu(e){if("object"!=typeof e||null===e)return!1;const t=Object.getPrototypeOf(e);return!(null!==t&&t!==Object.prototype&&null!==Object.getPrototypeOf(t)||Symbol.toStringTag in e||Symbol.iterator in e)}function du(e){if(ct.isValidElement(e)||su.isValidElementType(e)||!cu(e))return e;const t={};return Object.keys(e).forEach(r=>{t[r]=du(e[r])}),t}function uu(e,t,r={clone:!0}){const o=r.clone?{...e}:e;return cu(e)&&cu(t)&&Object.keys(t).forEach(a=>{ct.isValidElement(t[a])||su.isValidElementType(t[a])?o[a]=t[a]:cu(t[a])&&Object.prototype.hasOwnProperty.call(e,a)&&cu(e[a])?o[a]=uu(e[a],t[a],r):r.clone?o[a]=cu(t[a])?du(t[a]):t[a]:o[a]=t[a]}),o}function xu(e){if("string"!=typeof e)throw new Error("production"!==process.env.NODE_ENV?"MUI: `capitalize(string)` expects a string argument.":function(e,...t){const r=new URL(`https://mui.com/production-error/?code=${e}`);return t.forEach(e=>r.searchParams.append("args[]",e)),`Minified MUI error #${e}; visit ${r} for the full message.`}(7));return e.charAt(0).toUpperCase()+e.slice(1)}function pu(e){const{values:t={xs:0,sm:600,md:900,lg:1200,xl:1536},unit:r="px",step:o=5,...a}=e,n=(e=>{const t=Object.keys(e).map(t=>({key:t,val:e[t]}))||[];return t.sort((e,t)=>e.val-t.val),t.reduce((e,t)=>({...e,[t.key]:t.val}),{})})(t),i=Object.keys(n);function l(e){return`@media (min-width:${"number"==typeof t[e]?t[e]:e}${r})`}function s(e){return`@media (max-width:${("number"==typeof t[e]?t[e]:e)-o/100}${r})`}function c(e,a){const n=i.indexOf(a);return`@media (min-width:${"number"==typeof t[e]?t[e]:e}${r}) and (max-width:${(-1!==n&&"number"==typeof t[i[n]]?t[i[n]]:a)-o/100}${r})`}return{keys:i,values:n,up:l,down:s,between:c,only:function(e){return i.indexOf(e)+1<i.length?c(e,i[i.indexOf(e)+1]):l(e)},not:function(e){const t=i.indexOf(e);return 0===t?l(i[1]):t===i.length-1?s(i[t]):c(e,i[i.indexOf(e)+1]).replace("@media","@media not all and")},unit:r,...a}}function hu(e,t){if(!e.containerQueries)return t;const r=Object.keys(t).filter(e=>e.startsWith("@container")).sort((e,t)=>{const r=/min-width:\s*([0-9.]+)/;return+(e.match(r)?.[1]||0)-+(t.match(r)?.[1]||0)});return r.length?r.reduce((e,r)=>{const o=t[r];return delete e[r],e[r]=o,e},{...t}):t}const mu={borderRadius:4},fu="production"!==process.env.NODE_ENV?xa.oneOfType([xa.number,xa.string,xa.object,xa.array]):{};function gu(e,t){return t?uu(e,t,{clone:!1}):e}const bu={xs:0,sm:600,md:900,lg:1200,xl:1536},vu={keys:["xs","sm","md","lg","xl"],up:e=>`@media (min-width:${bu[e]}px)`},yu={containerQueries:e=>({up:t=>{let r="number"==typeof t?t:bu[t]||t;return"number"==typeof r&&(r=`${r}px`),e?`@container ${e} (min-width:${r})`:`@container (min-width:${r})`}})};function ju(e,t,r){const o=e.theme||{};if(Array.isArray(t)){const e=o.breakpoints||vu;return t.reduce((o,a,n)=>(o[e.up(e.keys[n])]=r(t[n]),o),{})}if("object"==typeof t){const e=o.breakpoints||vu;return Object.keys(t).reduce((a,n)=>{if(i=e.keys,"@"===(l=n)||l.startsWith("@")&&(i.some(e=>l.startsWith(`@${e}`))||l.match(/^@\d/))){const e=function(e,t){const r=t.match(/^@([^/]+)?\/?(.+)?$/);if(!r){if("production"!==process.env.NODE_ENV)throw new Error(`MUI: The provided shorthand (${t}) is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.\nFor example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.`);return null}const[,o,a]=r,n=Number.isNaN(+o)?o||0:+o;return e.containerQueries(a).up(n)}(o.containerQueries?o:yu,n);e&&(a[e]=r(t[n],n))}else if(Object.keys(e.values||bu).includes(n)){a[e.up(n)]=r(t[n],n)}else{const e=n;a[e]=t[e]}var i,l;return a},{})}return r(t)}function Su(e,t){return e.reduce((e,t)=>{const r=e[t];return(!r||0===Object.keys(r).length)&&delete e[t],e},t)}function Bu(e,t,r=!0){if(!t||"string"!=typeof t)return null;if(e&&e.vars&&r){const r=`vars.${t}`.split(".").reduce((e,t)=>e&&e[t]?e[t]:null,e);if(null!=r)return r}return t.split(".").reduce((e,t)=>e&&null!=e[t]?e[t]:null,e)}function ku(e,t,r,o=r){let a;return a="function"==typeof e?e(r):Array.isArray(e)?e[r]||o:Bu(e,r)||o,t&&(a=t(a,o,e)),a}function wu(e){const{prop:t,cssProperty:r=e.prop,themeKey:o,transform:a}=e,n=e=>{if(null==e[t])return null;const n=e[t],i=Bu(e.theme,o)||{};return ju(e,n,e=>{let o=ku(i,a,e);return e===o&&"string"==typeof e&&(o=ku(i,a,`${t}${"default"===e?"":xu(e)}`,e)),!1===r?o:{[r]:o}})};return n.propTypes="production"!==process.env.NODE_ENV?{[t]:fu}:{},n.filterProps=[t],n}const Cu={m:"margin",p:"padding"},Tu={t:"Top",r:"Right",b:"Bottom",l:"Left",x:["Left","Right"],y:["Top","Bottom"]},Iu={marginX:"mx",marginY:"my",paddingX:"px",paddingY:"py"},Au=function(e){const t={};return r=>(void 0===t[r]&&(t[r]=e(r)),t[r])}(e=>{if(e.length>2){if(!Iu[e])return[e];e=Iu[e]}const[t,r]=e.split(""),o=Cu[t],a=Tu[r]||"";return Array.isArray(a)?a.map(e=>o+e):[o+a]}),zu=["m","mt","mr","mb","ml","mx","my","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","marginInline","marginInlineStart","marginInlineEnd","marginBlock","marginBlockStart","marginBlockEnd"],Ru=["p","pt","pr","pb","pl","px","py","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY","paddingInline","paddingInlineStart","paddingInlineEnd","paddingBlock","paddingBlockStart","paddingBlockEnd"],Eu=[...zu,...Ru];function Lu(e,t,r,o){const a=Bu(e,t,!0)??r;return"number"==typeof a||"string"==typeof a?e=>"string"==typeof e?e:("production"!==process.env.NODE_ENV&&"number"!=typeof e&&console.error(`MUI: Expected ${o} argument to be a number or a string, got ${e}.`),"string"==typeof a?a.startsWith("var(")&&0===e?0:a.startsWith("var(")&&1===e?a:`calc(${e} * ${a})`:a*e):Array.isArray(a)?e=>{if("string"==typeof e)return e;const r=Math.abs(e);"production"!==process.env.NODE_ENV&&(Number.isInteger(r)?r>a.length-1&&console.error([`MUI: The value provided (${r}) overflows.`,`The supported values are: ${JSON.stringify(a)}.`,`${r} > ${a.length-1}, you need to add the missing values.`].join("\n")):console.error([`MUI: The \`theme.${t}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${t}\` as a number.`].join("\n")));const o=a[r];return e>=0?o:"number"==typeof o?-o:"string"==typeof o&&o.startsWith("var(")?`calc(-1 * ${o})`:`-${o}`}:"function"==typeof a?a:("production"!==process.env.NODE_ENV&&console.error([`MUI: The \`theme.${t}\` value (${a}) is invalid.`,"It should be a number, an array or a function."].join("\n")),()=>{})}function Pu(e){return Lu(e,"spacing",8,"spacing")}function Mu(e,t){return"string"==typeof t||null==t?t:e(t)}function Du(e,t,r,o){if(!t.includes(r))return null;const a=function(e,t){return r=>e.reduce((e,o)=>(e[o]=Mu(t,r),e),{})}(Au(r),o);return ju(e,e[r],a)}function Ou(e,t){const r=Pu(e.theme);return Object.keys(e).map(o=>Du(e,t,o,r)).reduce(gu,{})}function Wu(e){return Ou(e,zu)}function Fu(e){return Ou(e,Ru)}function Hu(...e){const t=e.reduce((e,t)=>(t.filterProps.forEach(r=>{e[r]=t}),e),{}),r=e=>Object.keys(e).reduce((r,o)=>t[o]?gu(r,t[o](e)):r,{});return r.propTypes="production"!==process.env.NODE_ENV?e.reduce((e,t)=>Object.assign(e,t.propTypes),{}):{},r.filterProps=e.reduce((e,t)=>e.concat(t.filterProps),[]),r}function Nu(e){return"number"!=typeof e?e:`${e}px solid`}function Vu(e,t){return wu({prop:e,themeKey:"borders",transform:t})}Wu.propTypes="production"!==process.env.NODE_ENV?zu.reduce((e,t)=>(e[t]=fu,e),{}):{},Wu.filterProps=zu,Fu.propTypes="production"!==process.env.NODE_ENV?Ru.reduce((e,t)=>(e[t]=fu,e),{}):{},Fu.filterProps=Ru,"production"===process.env.NODE_ENV||Eu.reduce((e,t)=>(e[t]=fu,e),{});const Qu=Vu("border",Nu),Gu=Vu("borderTop",Nu),qu=Vu("borderRight",Nu),Uu=Vu("borderBottom",Nu),Xu=Vu("borderLeft",Nu),$u=Vu("borderColor"),Ku=Vu("borderTopColor"),Yu=Vu("borderRightColor"),Ju=Vu("borderBottomColor"),Zu=Vu("borderLeftColor"),_u=Vu("outline",Nu),ex=Vu("outlineColor"),tx=e=>{if(void 0!==e.borderRadius&&null!==e.borderRadius){const t=Lu(e.theme,"shape.borderRadius",4,"borderRadius"),r=e=>({borderRadius:Mu(t,e)});return ju(e,e.borderRadius,r)}return null};tx.propTypes="production"!==process.env.NODE_ENV?{borderRadius:fu}:{},tx.filterProps=["borderRadius"],Hu(Qu,Gu,qu,Uu,Xu,$u,Ku,Yu,Ju,Zu,tx,_u,ex);const rx=e=>{if(void 0!==e.gap&&null!==e.gap){const t=Lu(e.theme,"spacing",8,"gap"),r=e=>({gap:Mu(t,e)});return ju(e,e.gap,r)}return null};rx.propTypes="production"!==process.env.NODE_ENV?{gap:fu}:{},rx.filterProps=["gap"];const ox=e=>{if(void 0!==e.columnGap&&null!==e.columnGap){const t=Lu(e.theme,"spacing",8,"columnGap"),r=e=>({columnGap:Mu(t,e)});return ju(e,e.columnGap,r)}return null};ox.propTypes="production"!==process.env.NODE_ENV?{columnGap:fu}:{},ox.filterProps=["columnGap"];const ax=e=>{if(void 0!==e.rowGap&&null!==e.rowGap){const t=Lu(e.theme,"spacing",8,"rowGap"),r=e=>({rowGap:Mu(t,e)});return ju(e,e.rowGap,r)}return null};ax.propTypes="production"!==process.env.NODE_ENV?{rowGap:fu}:{},ax.filterProps=["rowGap"];function nx(e,t){return"grey"===t?t:e}Hu(rx,ox,ax,wu({prop:"gridColumn"}),wu({prop:"gridRow"}),wu({prop:"gridAutoFlow"}),wu({prop:"gridAutoColumns"}),wu({prop:"gridAutoRows"}),wu({prop:"gridTemplateColumns"}),wu({prop:"gridTemplateRows"}),wu({prop:"gridTemplateAreas"}),wu({prop:"gridArea"}));function ix(e){return e<=1&&0!==e?100*e+"%":e}Hu(wu({prop:"color",themeKey:"palette",transform:nx}),wu({prop:"bgcolor",cssProperty:"backgroundColor",themeKey:"palette",transform:nx}),wu({prop:"backgroundColor",themeKey:"palette",transform:nx}));const lx=wu({prop:"width",transform:ix}),sx=e=>{if(void 0!==e.maxWidth&&null!==e.maxWidth){const t=t=>{const r=e.theme?.breakpoints?.values?.[t]||bu[t];return r?"px"!==e.theme?.breakpoints?.unit?{maxWidth:`${r}${e.theme.breakpoints.unit}`}:{maxWidth:r}:{maxWidth:ix(t)}};return ju(e,e.maxWidth,t)}return null};sx.filterProps=["maxWidth"];const cx=wu({prop:"minWidth",transform:ix}),dx=wu({prop:"height",transform:ix}),ux=wu({prop:"maxHeight",transform:ix}),xx=wu({prop:"minHeight",transform:ix});wu({prop:"size",cssProperty:"width",transform:ix}),wu({prop:"size",cssProperty:"height",transform:ix});Hu(lx,sx,cx,dx,ux,xx,wu({prop:"boxSizing"}));const px={border:{themeKey:"borders",transform:Nu},borderTop:{themeKey:"borders",transform:Nu},borderRight:{themeKey:"borders",transform:Nu},borderBottom:{themeKey:"borders",transform:Nu},borderLeft:{themeKey:"borders",transform:Nu},borderColor:{themeKey:"palette"},borderTopColor:{themeKey:"palette"},borderRightColor:{themeKey:"palette"},borderBottomColor:{themeKey:"palette"},borderLeftColor:{themeKey:"palette"},outline:{themeKey:"borders",transform:Nu},outlineColor:{themeKey:"palette"},borderRadius:{themeKey:"shape.borderRadius",style:tx},color:{themeKey:"palette",transform:nx},bgcolor:{themeKey:"palette",cssProperty:"backgroundColor",transform:nx},backgroundColor:{themeKey:"palette",transform:nx},p:{style:Fu},pt:{style:Fu},pr:{style:Fu},pb:{style:Fu},pl:{style:Fu},px:{style:Fu},py:{style:Fu},padding:{style:Fu},paddingTop:{style:Fu},paddingRight:{style:Fu},paddingBottom:{style:Fu},paddingLeft:{style:Fu},paddingX:{style:Fu},paddingY:{style:Fu},paddingInline:{style:Fu},paddingInlineStart:{style:Fu},paddingInlineEnd:{style:Fu},paddingBlock:{style:Fu},paddingBlockStart:{style:Fu},paddingBlockEnd:{style:Fu},m:{style:Wu},mt:{style:Wu},mr:{style:Wu},mb:{style:Wu},ml:{style:Wu},mx:{style:Wu},my:{style:Wu},margin:{style:Wu},marginTop:{style:Wu},marginRight:{style:Wu},marginBottom:{style:Wu},marginLeft:{style:Wu},marginX:{style:Wu},marginY:{style:Wu},marginInline:{style:Wu},marginInlineStart:{style:Wu},marginInlineEnd:{style:Wu},marginBlock:{style:Wu},marginBlockStart:{style:Wu},marginBlockEnd:{style:Wu},displayPrint:{cssProperty:!1,transform:e=>({"@media print":{display:e}})},display:{},overflow:{},textOverflow:{},visibility:{},whiteSpace:{},flexBasis:{},flexDirection:{},flexWrap:{},justifyContent:{},alignItems:{},alignContent:{},order:{},flex:{},flexGrow:{},flexShrink:{},alignSelf:{},justifyItems:{},justifySelf:{},gap:{style:rx},rowGap:{style:ax},columnGap:{style:ox},gridColumn:{},gridRow:{},gridAutoFlow:{},gridAutoColumns:{},gridAutoRows:{},gridTemplateColumns:{},gridTemplateRows:{},gridTemplateAreas:{},gridArea:{},position:{},zIndex:{themeKey:"zIndex"},top:{},right:{},bottom:{},left:{},boxShadow:{themeKey:"shadows"},width:{transform:ix},maxWidth:{style:sx},minWidth:{transform:ix},height:{transform:ix},maxHeight:{transform:ix},minHeight:{transform:ix},boxSizing:{},font:{themeKey:"font"},fontFamily:{themeKey:"typography"},fontSize:{themeKey:"typography"},fontStyle:{themeKey:"typography"},fontWeight:{themeKey:"typography"},letterSpacing:{},textTransform:{},lineHeight:{},textAlign:{},typography:{cssProperty:!1,themeKey:"typography"}};const hx=function(){function e(e,t,r,o){const a={[e]:t,theme:r},n=o[e];if(!n)return{[e]:t};const{cssProperty:i=e,themeKey:l,transform:s,style:c}=n;if(null==t)return null;if("typography"===l&&"inherit"===t)return{[e]:t};const d=Bu(r,l)||{};if(c)return c(a);return ju(a,t,t=>{let r=ku(d,s,t);return t===r&&"string"==typeof t&&(r=ku(d,s,`${e}${"default"===t?"":xu(t)}`,t)),!1===i?r:{[i]:r}})}return function t(r){const{sx:o,theme:a={},nested:n}=r||{};if(!o)return null;const i=a.unstable_sxConfig??px;function l(r){let o=r;if("function"==typeof r)o=r(a);else if("object"!=typeof r)return r;if(!o)return null;const l=function(e={}){const t=e.keys?.reduce((t,r)=>(t[e.up(r)]={},t),{});return t||{}}(a.breakpoints),s=Object.keys(l);let c=l;return Object.keys(o).forEach(r=>{const n=(l=o[r],s=a,"function"==typeof l?l(s):l);var l,s;if(null!=n)if("object"==typeof n)if(i[r])c=gu(c,e(r,n,a,i));else{const e=ju({theme:a},n,e=>({[r]:e}));!function(...e){const t=e.reduce((e,t)=>e.concat(Object.keys(t)),[]),r=new Set(t);return e.every(e=>r.size===Object.keys(e).length)}(e,n)?c=gu(c,e):c[r]=t({sx:n,theme:a,nested:!0})}else c=gu(c,e(r,n,a,i))}),!n&&a.modularCssLayers?{"@layer sx":hu(a,Su(s,c))}:hu(a,Su(s,c))}return Array.isArray(o)?o.map(l):l(o)}}();function mx(e,t){const r=this;if(r.vars){if(!r.colorSchemes?.[e]||"function"!=typeof r.getColorSchemeSelector)return{};let o=r.getColorSchemeSelector(e);return"&"===o?t:((o.includes("data-")||o.includes("."))&&(o=`*:where(${o.replace(/\s*&$/,"")}) &`),{[o]:t})}return r.palette.mode===e?t:{}}function fx(e){return"ownerState"!==e&&"theme"!==e&&"sx"!==e&&"as"!==e}hx.filterProps=["sx"],function(e={},...t){const{breakpoints:r={},palette:o={},spacing:a,shape:n={},...i}=e,l=pu(r),s=function(e=8,t=Pu({spacing:e})){if(e.mui)return e;const r=(...e)=>("production"!==process.env.NODE_ENV&&(e.length<=4||console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${e.length}`)),(0===e.length?[1]:e).map(e=>{const r=t(e);return"number"==typeof r?`${r}px`:r}).join(" "));return r.mui=!0,r}(a);let c=uu({breakpoints:l,direction:"ltr",components:{},palette:{mode:"light",...o},spacing:s,shape:{...mu,...n}},i);c=function(e){const t=(e,t)=>e.replace("@media",t?`@container ${t}`:"@container");function r(r,o){r.up=(...r)=>t(e.breakpoints.up(...r),o),r.down=(...r)=>t(e.breakpoints.down(...r),o),r.between=(...r)=>t(e.breakpoints.between(...r),o),r.only=(...r)=>t(e.breakpoints.only(...r),o),r.not=(...r)=>{const a=t(e.breakpoints.not(...r),o);return a.includes("not all and")?a.replace("not all and ","").replace("min-width:","width<").replace("max-width:","width>").replace("and","or"):a}}const o={},a=e=>(r(o,e),o);return r(a),{...e,containerQueries:a}}(c),c.applyStyles=mx,c=t.reduce((e,t)=>uu(e,t),c),c.unstable_sxConfig={...px,...i?.unstable_sxConfig},c.unstable_sx=function(e){return hx({sx:e,theme:this})}}();const gx=(e,t,r)=>"function"==typeof r?r(e,t):r,bx=e=>{const{runItemPlugins:t,publicAPI:r,store:o}=hc(),a=ct.useContext(Td),n=Yc(o,gx,e.itemId,a),{id:i,itemId:l,label:s,children:c,rootRef:d}=e,{rootRef:u,contentRef:x,propsEnhancers:p}=t(e),{interactions:h,status:m}=(({itemId:e,children:t})=>{const{store:r,publicAPI:o}=hc(),a=Yc(r,hd.isItemExpandable,e),n=Yc(r,Xd.isItemLoading,e),i=Yc(r,Xd.itemHasError,e),l=$d(t)||a,s=Yc(r,hd.isItemExpanded,e),c=Yc(r,Qd.isItemFocused,e),d=Yc(r,dd.isItemSelected,e),u=Yc(r,nd.isItemDisabled,e),x=Yc(r,Fd.isItemBeingEdited,e),p=Yc(r,Fd.isItemEditable,e),h={expandable:l,expanded:s,focused:c,selected:d,disabled:u,editing:x,editable:p,loading:n,error:i},m=()=>{r.labelEditing&&(x?r.labelEditing.setEditedItem(null):r.labelEditing.setEditedItem(e))};return{interactions:{handleExpansion:t=>{if(h.disabled)return;h.focused||r.focus.focusItem(t,e);const o=dd.isMultiSelectEnabled(r.state)&&(t.shiftKey||t.ctrlKey||t.metaKey);!h.expandable||o&&hd.isItemExpanded(r.state,e)||r.expansion.setItemExpansion({event:t,itemId:e})},handleSelection:t=>{dd.canItemBeSelected(r.state,e)&&(h.focused||h.editing||r.focus.focusItem(t,e),dd.isMultiSelectEnabled(r.state)&&(t.shiftKey||t.ctrlKey||t.metaKey)?t.shiftKey?r.selection.expandSelectionRange(t,e):r.selection.setItemSelection({event:t,itemId:e,keepExistingSelection:!0}):r.selection.setItemSelection({event:t,itemId:e,shouldBeSelected:!0}))},handleCheckboxSelection:t=>{const o=t.nativeEvent.shiftKey,a=dd.isMultiSelectEnabled(r.state);a&&o?r.selection.expandSelectionRange(t,e):r.selection.setItemSelection({event:t,itemId:e,keepExistingSelection:a,shouldBeSelected:t.target.checked})},toggleItemEditing:m,handleSaveItemLabel:(t,o)=>{r.labelEditing&&Fd.isItemBeingEdited(r.state,e)&&(r.labelEditing.updateItemLabel(e,o),m(),r.focus.focusItem(t,e))},handleCancelItemLabelEditing:t=>{r.labelEditing&&Fd.isItemBeingEdited(r.state,e)&&(m(),r.focus.focusItem(t,e))}},status:h,publicAPI:o}})({itemId:l,children:c}),f=ct.useRef(null),g=ct.useRef(null),b=Xs(d,u,f),v=Xs(x,g),y=ct.useRef(null),j=Yc(o,dd.isCheckboxSelectionEnabled),S=Yc(o,_c.treeItemIdAttribute,l,i),B=Yc(o,Qd.isItemTheDefaultFocusableItem,l),k={rootRefObject:f,contentRefObject:g,interactions:h},w=e=>t=>{if(e.onBlur?.(t),t.defaultMuiPrevented)return;const r=o.items.getItemDOMElement(l);m.editing||t.relatedTarget&&jd(t.relatedTarget,r)&&(t.target&&"labelInput"===t.target?.dataset?.element&&jd(t.target,r)||"labelInput"===t.relatedTarget?.dataset?.element)||o.focus.removeFocusedItem()},C=e=>t=>{e.onKeyDown?.(t),t.defaultMuiPrevented||"labelInput"===t.target?.dataset?.element||o.keyboardNavigation.handleItemKeyDown(t,l)},T=e=>t=>{e.onMouseDown?.(t),t.defaultMuiPrevented||(t.shiftKey||t.ctrlKey||t.metaKey||m.disabled)&&t.preventDefault()};return{getContextProviderProps:()=>({itemId:l,id:i}),getRootProps:(t={})=>{const r=Gs({},Zs(e),Zs(t)),a=Gs({},r,{ref:b,role:"treeitem",tabIndex:B?0:-1,id:S,"aria-expanded":m.expandable?m.expanded:void 0,"aria-disabled":m.disabled||void 0},t,{style:Gs({},t.style??{},{"--TreeView-itemDepth":n}),onFocus:(i=r,e=>{i.onFocus?.(e),e.defaultMuiPrevented||!m.focused&&nd.canItemBeFocused(o.state,l)&&e.currentTarget===e.target&&o.focus.focusItem(e,l)}),onBlur:w(r),onKeyDown:C(r)});var i;const s=p.root?.(Gs({},k,{externalEventHandlers:r}))??{};return Gs({},a,s)},getContentProps:(e={})=>{const t=Zs(e),r=Gs({},t,e,{ref:v,onClick:(a=t,e=>{a.onClick?.(e),o.items.handleItemClick(e,l),e.defaultMuiPrevented||y.current?.contains(e.target)||("content"===hd.triggerSlot(o.state)&&h.handleExpansion(e),j||h.handleSelection(e))}),onMouseDown:T(t),status:m});var a;["expanded","selected","focused","disabled","editing","editable"].forEach(e=>{m[e]&&(r[`data-${e}`]="")});const n=p.content?.(Gs({},k,{externalEventHandlers:t}))??{};return Gs({},r,n)},getGroupTransitionProps:(e={})=>Gs({},Zs(e),{unmountOnExit:!0,component:"ul",role:"group",in:m.expanded,children:c},e),getIconContainerProps:(e={})=>{const t=Zs(e);return Gs({},t,e,{onClick:(r=t,e=>{r.onClick?.(e),e.defaultMuiPrevented||"iconContainer"===hd.triggerSlot(o.state)&&h.handleExpansion(e)})});var r},getCheckboxProps:(e={})=>{const t=Zs(e),r=Gs({},t,{ref:y,"aria-hidden":!0},e),o=p.checkbox?.(Gs({},k,{externalEventHandlers:t}))??{};return Gs({},r,o)},getLabelProps:(e={})=>{const t=Gs({},Zs(e)),r=Gs({},t,{children:s},e,{onDoubleClick:(o=t,e=>{o.onDoubleClick?.(e),e.defaultMuiPrevented||h.toggleItemEditing()})});var o;const a=p.label?.(Gs({},k,{externalEventHandlers:t}))??{};return Gs({},a,r)},getLabelInputProps:(e={})=>{const t=Zs(e),r=p.labelInput?.(Gs({},k,{externalEventHandlers:t}))??{};return Gs({},e,r)},getDragAndDropOverlayProps:(e={})=>{const t=Zs(e),r=p.dragAndDropOverlay?.(Gs({},k,{externalEventHandlers:t}))??{};return Gs({},e,r)},getErrorContainerProps:(e={})=>Gs({},Zs(e),e),getLoadingContainerProps:(e={})=>Gs({size:"12px",thickness:6},Zs(e),e),rootRef:b,status:m,publicAPI:r}};function vx(e){return sc("MuiTreeItem",e)}cc("MuiTreeItem",["root","content","groupTransition","iconContainer","label","checkbox","labelInput","dragAndDropOverlay","errorIcon","loadingIcon","expanded","selected","focused","disabled","editable","editing"]);const yx=$e.createSvgIcon(r.jsx("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"TreeViewExpandIcon"),jx=$e.createSvgIcon(r.jsx("path",{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"}),"TreeViewCollapseIcon"),Sx=["ownerState"];function Bx(e,t,r){return void 0!==e?e:void 0!==t?t:r}function kx(e){const{slots:t,slotProps:o,status:a}=e,{slots:n,slotProps:i}=fc(),l={collapseIcon:Bx(t?.collapseIcon,n.collapseIcon,jx),expandIcon:Bx(t?.expandIcon,n.expandIcon,yx),endIcon:Bx(t?.endIcon,n.endIcon),icon:t?.icon};let s;s=l?.icon?"icon":a.expandable?a.expanded?"collapseIcon":"expandIcon":"endIcon";const c=l[s],d=bc(tc({elementType:c,externalSlotProps:e=>Gs({},ec(i[s],e),ec(o?.[s],e)),ownerState:{}}),Sx);return c?r.jsx(c,Gs({},d)):null}"production"!==process.env.NODE_ENV&&(kx.propTypes={slotProps:xa.object,slots:xa.object,status:xa.shape({disabled:xa.bool.isRequired,editable:xa.bool.isRequired,editing:xa.bool.isRequired,error:xa.bool.isRequired,expandable:xa.bool.isRequired,expanded:xa.bool.isRequired,focused:xa.bool.isRequired,loading:xa.bool.isRequired,selected:xa.bool.isRequired}).isRequired});const wx=qe.styled("div",{name:"MuiTreeItemDragAndDropOverlay",slot:"Root",shouldForwardProp:e=>fx(e)&&"action"!==e})(({theme:e})=>({position:"absolute",left:0,display:"flex",top:0,bottom:0,right:0,pointerEvents:"none",variants:[{props:{action:"make-child"},style:{marginLeft:"calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))",borderRadius:e.shape.borderRadius,backgroundColor:e.vars?`rgba(${e.vars.palette.primary.darkChannel} / ${e.vars.palette.action.focusOpacity})`:qe.alpha(e.palette.primary.dark,e.palette.action.focusOpacity)}},{props:{action:"reorder-above"},style:{marginLeft:"calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))",borderTop:`1px solid ${(e.vars||e).palette.action.active}`}},{props:{action:"reorder-below"},style:{marginLeft:"calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))",borderBottom:`1px solid ${(e.vars||e).palette.action.active}`}},{props:{action:"move-to-parent"},style:{marginLeft:"calc(var(--TreeView-indentMultiplier) * calc(var(--TreeView-itemDepth) - 1))",borderBottom:`1px solid ${(e.vars||e).palette.action.active}`}}]}));function Cx(e){return null==e.action?null:r.jsx(wx,Gs({},e))}function Tx(e){const{children:t,itemId:o,id:a}=e,{wrapItem:n,store:i}=hc(),l=Yc(i,_c.treeItemIdAttribute,o,a);return r.jsx(ct.Fragment,{children:n({children:t,itemId:o,store:i,idAttribute:l})})}"production"!==process.env.NODE_ENV&&(Cx.propTypes={action:xa.oneOf(["make-child","move-to-parent","reorder-above","reorder-below"]),style:xa.object}),"production"!==process.env.NODE_ENV&&(Tx.propTypes={children:xa.node,id:xa.string,itemId:xa.string.isRequired});const Ix=qe.styled("input",{name:"MuiTreeItem",slot:"LabelInput"})(({theme:e})=>Gs({},e.typography.body1,{width:"100%",backgroundColor:(e.vars||e).palette.background.paper,borderRadius:e.shape.borderRadius,border:"none",padding:"0 2px",boxSizing:"border-box","&:focus":{outline:`1px solid ${(e.vars||e).palette.primary.main}`}})),Ax=["visible"],zx=["id","itemId","label","disabled","disableSelection","children","slots","slotProps","classes"],Rx=ac(),Ex=qe.styled("li",{name:"MuiTreeItem",slot:"Root"})({listStyle:"none",margin:0,padding:0,outline:0}),Lx=qe.styled("div",{name:"MuiTreeItem",slot:"Content",shouldForwardProp:e=>fx(e)&&"status"!==e})(({theme:e})=>({padding:e.spacing(.5,1),paddingLeft:`calc(${e.spacing(1)} + var(--TreeView-itemChildrenIndentation) * var(--TreeView-itemDepth))`,borderRadius:e.shape.borderRadius,width:"100%",boxSizing:"border-box",position:"relative",display:"flex",alignItems:"center",gap:e.spacing(1),cursor:"pointer",WebkitTapHighlightColor:"transparent","&:hover":{backgroundColor:(e.vars||e).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},"&[data-disabled]":{opacity:(e.vars||e).palette.action.disabledOpacity,backgroundColor:"transparent",cursor:"auto"},"&[data-focused]":{backgroundColor:(e.vars||e).palette.action.focus},"&[data-selected]":{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})`:qe.alpha(e.palette.primary.main,e.palette.action.selectedOpacity),"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))`:qe.alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})`:qe.alpha(e.palette.primary.main,e.palette.action.selectedOpacity)}}},"&[data-selected][data-focused]":{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:qe.alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}})),Px=qe.styled("div",{name:"MuiTreeItem",slot:"Label",shouldForwardProp:e=>fx(e)&&"editable"!==e})(({theme:e})=>Gs({width:"100%",boxSizing:"border-box",minWidth:0,position:"relative",overflow:"hidden"},e.typography.body1,{variants:[{props:({editable:e})=>e,style:{paddingLeft:"2px"}}]})),Mx=qe.styled("div",{name:"MuiTreeItem",slot:"IconContainer"})({width:16,display:"flex",flexShrink:0,justifyContent:"center",position:"relative",cursor:"inherit","& svg":{fontSize:18}}),Dx=qe.styled(Ue,{name:"MuiTreeItem",slot:"GroupTransition",overridesResolver:(e,t)=>t.groupTransition})({margin:0,padding:0}),Ox=qe.styled("div",{name:"MuiTreeItem",slot:"ErrorIcon"})({position:"absolute",right:-3,width:7,height:7,borderRadius:"50%",backgroundColor:"red"}),Wx=qe.styled(ze,{name:"MuiTreeItem",slot:"LoadingIcon"})({color:"text.primary"}),Fx=qe.styled(ct.forwardRef((e,t)=>{const{visible:o}=e,a=bc(e,Ax);return o?r.jsx(Xe,Gs({},a,{ref:t})):null}),{name:"MuiTreeItem",slot:"Checkbox"})({padding:0});"production"!==process.env.NODE_ENV&&(Fx.displayName="TreeItemCheckbox");const Hx=ct.forwardRef(function(e,t){const o=Rx({props:e,name:"MuiTreeItem"}),{id:a,itemId:n,label:i,disabled:l,disableSelection:s,children:c,slots:d={},slotProps:u={},classes:x}=o,p=bc(o,zx),{getContextProviderProps:h,getRootProps:m,getContentProps:f,getIconContainerProps:g,getCheckboxProps:b,getLabelProps:v,getGroupTransitionProps:y,getLabelInputProps:j,getDragAndDropOverlayProps:S,getErrorContainerProps:B,getLoadingContainerProps:k,status:w}=bx({id:a,itemId:n,children:c,label:i,disabled:l,disableSelection:s}),C=(e=>{const{classes:t}=fc();return Ks({root:["root"],content:["content"],iconContainer:["iconContainer"],checkbox:["checkbox"],label:["label"],groupTransition:["groupTransition"],labelInput:["labelInput"],dragAndDropOverlay:["dragAndDropOverlay"],errorIcon:["errorIcon"],loadingIcon:["loadingIcon"],expanded:["expanded"],editing:["editing"],editable:["editable"],selected:["selected"],focused:["focused"],disabled:["disabled"]},vx,Gs({},e,{root:Js(e?.root,t.root),content:Js(e?.content,t.itemContent),iconContainer:Js(e?.iconContainer,t.itemIconContainer),checkbox:Js(e?.checkbox,t.itemCheckbox),label:Js(e?.label,t.itemLabel),groupTransition:Js(e?.groupTransition,t.itemGroupTransition),labelInput:Js(e?.labelInput,t.itemLabelInput),dragAndDropOverlay:Js(e?.dragAndDropOverlay,t.itemDragAndDropOverlay),errorIcon:Js(e?.errorIcon,t.itemErrorIcon),loadingIcon:Js(e?.loadingIcon,t.itemLoadingIcon)}))})(x),T=d.root??Ex,I=tc({elementType:T,getSlotProps:m,externalForwardedProps:p,externalSlotProps:u.root,additionalProps:{ref:t},ownerState:{},className:C.root}),A=d.content??Lx,z=tc({elementType:A,getSlotProps:f,externalSlotProps:u.content,ownerState:{},className:Js(C.content,w.expanded&&C.expanded,w.selected&&C.selected,w.focused&&C.focused,w.disabled&&C.disabled,w.editing&&C.editing,w.editable&&C.editable)}),R=d.iconContainer??Mx,E=tc({elementType:R,getSlotProps:g,externalSlotProps:u.iconContainer,ownerState:{},className:C.iconContainer}),L=d.label??Px,P=tc({elementType:L,getSlotProps:v,externalSlotProps:u.label,ownerState:{},className:C.label}),M=d.checkbox??Fx,D=tc({elementType:M,getSlotProps:b,externalSlotProps:u.checkbox,ownerState:{},className:C.checkbox}),O=d.groupTransition??void 0,W=tc({elementType:O,getSlotProps:y,externalSlotProps:u.groupTransition,ownerState:{},className:C.groupTransition}),F=d.labelInput??Ix,H=tc({elementType:F,getSlotProps:j,externalSlotProps:u.labelInput,ownerState:{},className:C.labelInput}),N=d.dragAndDropOverlay??Cx,V=tc({elementType:N,getSlotProps:S,externalSlotProps:u.dragAndDropOverlay,ownerState:{},className:C.dragAndDropOverlay}),Q=d.errorIcon??Ox,G=tc({elementType:Q,getSlotProps:B,externalSlotProps:u.errorIcon,ownerState:{},className:C.errorIcon}),q=d.loadingIcon??Wx,U=tc({elementType:q,getSlotProps:k,externalSlotProps:u.loadingIcon,ownerState:{},className:C.loadingIcon});return r.jsx(Tx,Gs({},h(),{children:r.jsxs(T,Gs({},I,{children:[r.jsxs(A,Gs({},z,{children:[r.jsxs(R,Gs({},E,{children:[w.error&&r.jsx(Q,Gs({},G)),w.loading?r.jsx(q,Gs({},U)):r.jsx(kx,{status:w,slots:d,slotProps:u})]})),r.jsx(M,Gs({},D)),w.editing?r.jsx(F,Gs({},H)):r.jsx(L,Gs({},P)),r.jsx(N,Gs({},V))]})),c&&r.jsx(Dx,Gs({as:O},W))]}))}))});"production"!==process.env.NODE_ENV&&(Hx.displayName="TreeItem"),"production"!==process.env.NODE_ENV&&(Hx.propTypes={children:xa.any,classes:xa.object,className:xa.string,disabled:xa.bool,disableSelection:xa.bool,id:xa.string,itemId:xa.string.isRequired,label:xa.node,onBlur:xa.func,onFocus:function(e,t,r,o,a){if("production"===process.env.NODE_ENV)return null;const n=a||t;return void 0!==e[t]?new Error(`The prop \`${n}\` is not supported. Please remove it.`):null},onKeyDown:xa.func,slotProps:xa.object,slots:xa.object,sx:xa.oneOfType([xa.arrayOf(xa.oneOfType([xa.func,xa.object,xa.bool])),xa.func,xa.object])});const Nx=e=>e.charAt(0).toUpperCase()+e.slice(1),Vx={compact:{minHeight:"24px",fontSize:"13px",py:"2px",px:"10px",iconSize:16,gap:"6px"},default:{minHeight:"32px",fontSize:"14px",py:"4px",px:"12px",iconSize:18,gap:"8px"}},Qx={none:{},slide:{"& .MuiCollapse-root":{transition:"all 0.25s ease"}},spring:{"& .MuiCollapse-root":{transition:"all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)"}}};function Gx(e){return{outline:"none","&.Mui-focused > .MuiTreeItem-content":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"},"&:focus-visible > .MuiTreeItem-content":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"},"& > .MuiTreeItem-content":{minHeight:e.minHeight,fontSize:e.fontSize,fontFamily:"inherit",color:"var(--Quiet)",padding:"0 8px",borderRadius:"var(--Style-Border-Radius)",border:"1px solid transparent",transition:"color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease",backgroundColor:"transparent",outline:"none","&:hover":{color:"var(--Text)",backgroundColor:"var(--Hover)"},"&:active":{color:"var(--Text)",backgroundColor:"var(--Pressed)"},"&.Mui-selected":{color:"var(--Text)",fontWeight:600,backgroundColor:"var(--Pressed)",padding:"0 8px","&:hover":{backgroundColor:"var(--Hover)"}},"&.Mui-disabled":{opacity:.45}},"& > .MuiTreeItem-content .MuiTreeItem-label":{fontSize:e.fontSize,fontFamily:"inherit",lineHeight:e.minHeight,padding:0,width:"100%"},"& > .MuiTreeItem-content .MuiTreeItem-iconContainer":{width:e.iconSize+"px",color:"inherit",zIndex:1},"& > .MuiTreeItem-group":{marginLeft:"12px",borderLeft:"1px solid var(--Border)",paddingLeft:"8px"}}}function qx({item:e,d:o,isCompact:a}){const n=a?Kt:Qt;return r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:o.gap,width:"100%"},children:[e.icon&&r.jsx(hr,{size:"small",sx:{color:"inherit",flexShrink:0},children:e.icon}),r.jsx(n,{style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",color:"inherit",fontWeight:"inherit"},children:e.label}),e.badge&&r.jsx(t.Box,{sx:{flexShrink:0},children:e.badge})]})}function Ux(e=[],t="default",o="primary",a="default",n=[]){const i=Vx[t]||Vx.default,l="compact"===t;return Nx(o),e.map(e=>r.jsx(Hx,{itemId:e.id,disabled:e.disabled,label:r.jsx(qx,{item:e,d:i,isCompact:l}),sx:{...Gx(i),...e.sx||{}},children:e.children&&e.children.length>0?Ux(e.children,t,o,a,n):null},e.id))}function Xx({color:o="default",variant:a="solid",surface:n,density:i="default",animation:l="slide",selectionStyle:s,items:c=$x,selectionMode:d="single",checkboxSelection:u=!1,disableSelection:p=!1,disabledItemsFocusable:h=!1,defaultExpandedItems:m,expandedItems:f,onExpandedItemsChange:g,selectedItems:b,onSelectedItemsChange:v,onItemExpansionToggle:y,onItemSelectionToggle:j,slots:S,"aria-label":B="Tree view",className:k="",sx:w={},...C}){const T=s||a,I=Nx(o),A=n||("light"===T?"Surface-Brightest":"Surface-Dim"),[z,R]=e.useState(b||("multi"===d?[]:null)),E=void 0!==b?b:z,L=Array.isArray(E)?E:E?[E]:[],P=e.useCallback((e,t)=>{void 0===b&&R(t),v?.(e,t)},[b,v]),M={};return void 0!==f&&(M.expandedItems=f),void 0!==g&&(M.onExpandedItemsChange=g),void 0!==m&&(M.defaultExpandedItems=m),r.jsx(t.Box,{"data-theme":I,"data-surface":A,className:"omni-treeview omni-treeview-"+T+" omni-treeview-"+o+" omni-treeview-"+i+(k?" "+k:""),sx:{backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",...Qx[l]||{},...w},children:r.jsx(ru,{"aria-label":B,multiSelect:"multi"===d,checkboxSelection:u,disableSelection:p,disabledItemsFocusable:h,selectedItems:E,onSelectedItemsChange:P,onItemExpansionToggle:y,onItemSelectionToggle:j,slots:{expandIcon:()=>r.jsx(hr,{size:"small",sx:{color:"inherit"},children:r.jsx(De,{})}),collapseIcon:()=>r.jsx(hr,{size:"small",sx:{color:"inherit"},children:r.jsx(x,{})}),...S},sx:{p:"8px","& .MuiTreeItem-root":{fontFamily:"inherit"},"& .MuiTreeItem-content.Mui-focused":{outline:"none"},"& .MuiTreeItem-content:focus-visible":{outline:"none"}},...M,...C,children:Ux(c,i,o,T,L)})})}const $x=[{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"}],Kx=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Yx=[{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 Jx({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}const Zx={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 _x={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 ep({children:e,variant:o="light",surface:a,color:n="info",size:i="medium",startDecorator:l,endDecorator:s,className:c="",sx:d={},...u}){const x=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===n?"Default":n),p=_x[i]||_x.medium,h="default"===n?"Default":x,m=a||("light"===o?"Surface-Brightest":"Surface"),f="var(--Buttons-"+x+"-Border)",g=r.jsxs(r.Fragment,{children:[l&&r.jsx(t.Box,{className:"alert-start-decorator",sx:{display:"inline-flex",alignItems:"center",fontSize:p.iconSize,lineHeight:1,flexShrink:0,mt:"2px"},children:l}),r.jsx(t.Box,{className:"alert-message",sx:{flex:1,minWidth:0},children:"string"==typeof e?"small"===i?r.jsx(Qt,{children:e}):r.jsx(qt,{children:e}):e}),s&&r.jsx(t.Box,{className:"alert-end-decorator",sx:{display:"inline-flex",alignItems:"flex-start",flexShrink:0,gap:p.gap,paddingTop:"2px"},children:s})]});return r.jsx(t.Box,{role:"alert",className:"alert alert-"+o+" alert-"+i+" alert-"+n+" "+c,sx:{border:"1px solid "+f,borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",boxShadow:Rr,...d},...u,children:r.jsx(t.Box,{"data-theme":h,"data-surface":m,className:"alert-inner",sx:{display:"flex",alignItems:"flex-start",gap:p.gap,padding:p.py+" "+p.px,fontSize:p.fontSize,fontFamily:"inherit",lineHeight:1.5,color:"var(--Text)",backgroundColor:"var(--Background)",borderRadius:"calc(var(--Style-Border-Radius) - 1px)"},children:g})})}const tp=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",rp=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],op={info:r.jsx(d,{}),success:r.jsx(l,{}),warning:r.jsx(s,{}),error:r.jsx(c,{})};function ap({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function np({color:e,selected:o,onClick:n}){const i=tp(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const ip={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 lp({children:o,open:a=!1,onClose:n,variant:i="light",surface:l,color:s="info",size:c="medium",anchor:d="bottom",autoHideDuration:u,startDecorator:x,endDecorator:p,action:h,className:m="",sx:f={},...g}){const b=e.useRef(null),v=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===s?"Default":s),y=ip[c]||ip.medium,j="small"===c?Qt:qt,S="default"===s?"Default":v,B=l||("light"===i?"Surface-Brightest":"Surface"),k="var(--Buttons-"+v+"-Border)";e.useEffect(()=>{if(a&&u&&u>0)return b.current=setTimeout(()=>{n?.({},"timeout")},u),()=>clearTimeout(b.current)},[a,u,n]),e.useEffect(()=>{if(!a)return;const e=e=>{"Escape"===e.key&&n?.(e,"escapeKeyDown")};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[a,n]);const w=e.useCallback(()=>{b.current&&clearTimeout(b.current)},[]),C=e.useCallback(()=>{a&&u&&u>0&&(b.current=setTimeout(()=>{n?.({},"timeout")},u))},[a,u,n]),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?r.jsx(t.Box,{role:"alert","aria-live":"polite","aria-atomic":"true",onMouseEnter:w,onMouseLeave:C,className:"snackbar snackbar-"+i+" 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:Rr,overflow:"hidden",animation:"snackbar-slide-in 0.3s ease forwards","@keyframes snackbar-slide-in":T,...f},...g,children:r.jsxs(t.Box,{"data-theme":S,"data-surface":B,sx:{display:"flex",alignItems:"center",gap:y.gap,padding:y.py+" "+y.px,fontSize:y.fontSize,fontFamily:"inherit",lineHeight:1.4,color:"var(--Text)",backgroundColor:"var(--Background)",borderRadius:"calc(var(--Style-Border-Radius) - 1px)"},children:[x&&r.jsx(t.Box,{sx:{display:"inline-flex",flexShrink:0,lineHeight:1},children:x}),r.jsx(t.Box,{sx:{flex:1,minWidth:0},children:"string"==typeof o?r.jsx(j,{children:o}):o}),h&&r.jsx(t.Box,{sx:{display:"inline-flex",flexShrink:0},children:h}),p&&r.jsx(t.Box,{sx:{display:"inline-flex",flexShrink:0,lineHeight:1},children:p}),n&&r.jsx(Zr,{iconOnly:!0,variant:"ghost",size:"small",onClick:e=>n(e,"closeClick"),"aria-label":"Close notification",sx:{flexShrink:0,ml:"4px"},children:r.jsx(hr,{size:"small",children:r.jsx(Se,{})})})]})}):null}const sp=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",cp=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],dp={info:r.jsx(d,{}),success:r.jsx(l,{}),warning:r.jsx(s,{}),error:r.jsx(c,{})};function up({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function xp({color:e,selected:o,onClick:n}){const i=sp(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const pp={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",white:"Neutral",black:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},hp={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 mp({value:o,color:a="primary",size:n="medium",thickness:i,showValue:l=!1,children:s,className:c="",sx:d={},...u}){const x=pp[a]||"Primary",p="number"==typeof n?{diameter:n,thickness:Math.max(2,Math.round(n/11)),fontSize:Math.max(8,Math.round(n/3.3))+"px"}:hp[n]||hp.medium,h=i||p.thickness,m=null!=o,f=m?Math.min(100,Math.max(0,o)):0,g=(p.diameter-h)/2,b=2*Math.PI*g,v=m?b-f/100*b:.75*b,y="var(--Buttons-"+x+"-Border)",j="cp-grad-"+e.useId().replace(/:/g,"");return r.jsxs(t.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-"+n+" circular-progress-"+a+(m?" circular-progress-value":" circular-progress-indeterminate")+" "+c,sx:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",width:p.diameter+"px",height:p.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},...u,children:[r.jsxs("svg",{viewBox:"0 0 "+p.diameter+" "+p.diameter,width:p.diameter,height:p.diameter,style:{position:"absolute",top:0,left:0,transform:"rotate(-90deg)"},children:[r.jsx("defs",{children:r.jsxs("linearGradient",{id:j,x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[r.jsx("stop",{offset:"0%",stopColor:y,stopOpacity:"0"}),r.jsx("stop",{offset:"100%",stopColor:y,stopOpacity:"1"})]})}),r.jsx("circle",{cx:p.diameter/2,cy:p.diameter/2,r:g,fill:"none",stroke:"var(--Border-Variant)",strokeWidth:h,className:"circular-progress-track"}),r.jsx("circle",{cx:p.diameter/2,cy:p.diameter/2,r:g,fill:"none",stroke:"url(#"+j+")",strokeWidth:h,strokeDasharray:b,strokeDashoffset:v,strokeLinecap:"round",className:"circular-progress-indicator",style:{transition:m?"stroke-dashoffset 0.4s ease":"none"}})]}),(l||s)&&m&&r.jsx(t.Box,{className:"circular-progress-label","aria-hidden":"true",sx:{position:"relative",zIndex:1,fontSize:p.fontSize,fontWeight:700,fontFamily:"inherit",lineHeight:1,color:"var(--Text)",userSelect:"none"},children:s||Math.round(f)+"%"})]})}const fp=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",gp=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function bp({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function vp({color:e,selected:o,onClick:n}){const i=fp(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const yp={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},jp={small:{height:"4px",borderRadius:"2px"},medium:{height:"6px",borderRadius:"3px"},large:{height:"8px",borderRadius:"4px"}};function Sp({value:e,color:o="primary",size:a="medium",className:n="",sx:i={},...l}){const s=yp[o]||"Primary",c=jp[a]||jp.medium,d=null!=e,u=d?Math.min(100,Math.max(0,e)):0,x="var(--Buttons-"+s+"-Border)";return r.jsx(t.Box,{role:"progressbar","aria-valuenow":d?Math.round(u):void 0,"aria-valuemin":d?0:void 0,"aria-valuemax":d?100:void 0,"aria-label":d?Math.round(u)+"% progress":"Loading",className:"linear-progress linear-progress-"+a+" linear-progress-"+o+(d?" linear-progress-determinate":" linear-progress-indeterminate")+" "+n,sx:{position:"relative",width:"100%",height:c.height,borderRadius:c.borderRadius,backgroundColor:"var(--Border-Variant)",overflow:"hidden",flexShrink:0,...i},...l,children:r.jsx(t.Box,{className:"linear-progress-bar",sx:{position:"absolute",top:0,left:0,height:"100%",borderRadius:"inherit",backgroundColor:x,...d?{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 Bp=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",kp=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function wp({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function Cp({color:e,selected:o,onClick:n}){const i=Bp(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const Tp=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]}],Ip=["photo","icon","initials"],Ap={photo:"Photo",icon:"Icon",initials:"Initials"},zp=["xxx-small","xx-small","x-small","small","medium","large","x-large","xx-large"],Rp={"xxx-small":"XXXS","xx-small":"XXS","x-small":"XS",small:"Small",medium:"Medium",large:"Large","x-large":"XL","xx-large":"XXL"};function Ep({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function Lp({color:e,selected:o,onClick:n}){const i=(l=e)?l.charAt(0).toUpperCase()+l.slice(1):"";var l;return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}const Pp=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Mp=["primary","secondary","tertiary","neutral","info","success","warning","error"];function Dp({ratio:e,threshold:o}){if(!e)return r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"--"});const a=parseFloat(e)>=o;return r.jsxs(t.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[r.jsxs(t.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"]}),r.jsx(Kt,{style:{color:a?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:a?"Pass":"Fail"})]})}function Op({label:e,ratio:o,threshold:a,note:n}){return r.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(t.Box,{sx:{flex:1},children:[r.jsx(Qt,{style:{color:"var(--Text)"},children:e}),n&&r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),r.jsx(Dp,{ratio:o,threshold:a})]})}function Wp({color:e,selected:o,onClick:n}){const i=Pp(e);return r.jsx(t.Tooltip,{title:i,arrow:!0,children:r.jsx(t.Box,{onClick:()=>n(e),role:"button","aria-label":"Select "+i+" color","aria-pressed":o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:24,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})})}function Fp({label:e,selected:o,onClick:a}){return r.jsx(t.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 Hp=e=>e.charAt(0).toUpperCase()+e.slice(1);function Np(e){return e&&"default"!==e&&"border-variant"!==e?"border"===e?"var(--Border)":"var(--Icons-"+Hp(e)+")":"var(--Border-Variant)"}function Vp(e,t){const r=e&&!["default","border","border-variant"].includes(e)?Hp(e):"Default",o=Np(e);return"light"===t?{bg:"var(--Tag-"+r+"-BG)",text:"var(--Tag-"+r+"-Text)",border:"1px solid "+o}:{bg:"var(--Background)",text:"var(--Text)",border:"1px solid "+o}}const Qp={small:1,medium:2,large:4};const Gp={eyebrow:Zt,title:qt,secondary:Gt},qp={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info-Medium",success:"Success-Medium",warning:"Warning-Medium",error:"Error-Medium"},Up={primary:"Primary-Light",secondary:"Secondary-Light",tertiary:"Tertiary-Light",neutral:"Neutral-Light",info:"Info-Light",success:"Success-Light",warning:"Warning-Light",error:"Error-Light"},Xp={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 $p({children:e,size:o="medium",isButton:a=!1,onAction:n,ariaLabel:i}){return a?r.jsx(t.Box,{component:"button",role:"button",tabIndex:0,"aria-label":i||"Action",onClick:e=>{e.stopPropagation(),n?.(e)},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),n?.(e))},className:"list-item-decorator-button",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,padding:0,border:"none",backgroundColor:"transparent",borderRadius:"50%",cursor:"pointer",color:"inherit",transition:"background-color 0.15s ease","&:hover":{backgroundColor:"rgba(128,128,128,0.15)"},"&:active":{backgroundColor:"rgba(128,128,128,0.25)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},children:e}):r.jsx(t.Box,{className:"list-item-decorator",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:e})}function Kp({children:e,startDecorator:o,endDecorator:a,startDecoratorIsButton:n=!1,endDecoratorIsButton:i=!1,onStartDecoratorAction:l,onEndDecoratorAction:s,startDecoratorAriaLabel:c,endDecoratorAriaLabel:d,size:u="medium",variant:x="default",color:p,eyebrow:h,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=Xp[u]||Xp.medium,I=g||!!S,A="checkbox"===y||"radio"===y,z=(I||A)&&!b,R=e=>{b||(A&&j?.(e),S?.(e))};return r.jsxs(t.Box,{component:"li",role:A?"option":I?"button":"listitem",tabIndex:z?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:z?e=>{b||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),R(e))}:void 0,className:"list-item"+(v?" list-item-selected":"")+(b?" list-item-disabled":"")+(I?" 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:z?"pointer":"default",opacity:b?.5:1,position:"relative",transition:"background-color 0.15s ease, box-shadow 0.15s ease",...I?{border:"1px solid var(--Border)",boxShadow:"var(--Effect-Level-1)",padding:"var(--Sizing-1)",borderRadius:"var(--Input-Radius)"}:{},...!I&&B?{borderBottom:"1px solid var(--Border-Variant)"}:{},...!I&&k?{borderRight:"1px solid var(--Border-Variant)"}:{},backgroundColor:v?"var(--Hover)":"transparent","&:hover":z?{backgroundColor:"var(--Hover)",boxShadow:"var(--Effect-Level-2)"}:{},"&:active":z?{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&&r.jsx(t.Checkbox,{checked:v,disabled:b,size:T.checkSize,tabIndex:-1,onClick:e=>e.stopPropagation(),onChange:()=>j?.(),sx:{p:0,mr:0,color:"inherit","&.Mui-checked":{color:"inherit"}},inputProps:{"aria-label":"Select "+("string"==typeof e?e:"item")}}),"radio"===y&&r.jsx(t.Radio,{checked:v,disabled:b,size:T.checkSize,tabIndex:-1,onClick:e=>e.stopPropagation(),onChange:()=>j?.(),sx:{p:0,mr:0,color:"inherit","&.Mui-checked":{color:"inherit"}},inputProps:{"aria-label":"Select "+("string"==typeof e?e:"item")}}),o&&r.jsx($p,{size:u,isButton:n,onAction:l,ariaLabel:c,children:o}),(()=>{const o=Gp,a=h??m,n={display:"block",width:"100%",wordBreak:"break-word",overflowWrap:"anywhere"};return r.jsxs(t.Box,{sx:{flex:"1 1 auto",width:"100%",minWidth:0,display:"flex",flexDirection:"column",gap:0},children:[a&&r.jsx(o.eyebrow,{style:{...n,color:"var(--Quiet)"},children:a}),null!=e&&r.jsx(o.title,{style:{...n,color:"var(--Text)"},children:e}),f&&r.jsx(o.secondary,{style:{...n,color:"var(--Quiet)"},children:f})]})})(),a&&r.jsx($p,{size:u,isButton:i,onAction:s,ariaLabel:d,children:a})]})}const Yp={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 Jp={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info-Medium",success:"Success-Medium",warning:"Warning-Medium",error:"Error-Medium"},Zp={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},_p={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 eh={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 th({children:e,onClick:t,ariaLabel:o}){return r.jsx(Zr,{iconOnly:!0,variant:"ghost",size:"medium",onClick:t,"aria-label":o,children:e})}function rh({barColor:o="default",surface:a="Surface",loginType:n="login",menuType:i="hamburger",brandType:l="name",searchPosition:s="right",companyName:c="Company",navLinks:d=["Home","Products","About"],rightButtons:u=[],showRightButtons:x=!1,onMenuClick:p,user:h,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,I]=e.useState(!1),A=eh[o]||eh.default,z=A.theme,R=A.surface||a,E="expanded"===i&&d.length>3?"hamburger":i,L=r.jsx(mi,{placeholder:B,size:"medium",value:j,onChange:S,sx:{flex:"left"===s?"0 1 400px":"0 1 280px",minWidth:0}});return r.jsxs(r.Fragment,{children:[r.jsx(t.Box,{component:"header",role:"banner","data-theme":z,"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:Ar,fontFamily:"inherit",...C},children:k||r.jsxs(r.Fragment,{children:["hamburger"===E&&r.jsx(th,{ariaLabel:"Open navigation menu",onClick:p||(()=>I(!0)),children:r.jsx(je,{sx:{fontSize:"inherit"}})}),void 0!==g?b?r.jsx(t.Box,{component:"button",type:"button",onClick:b,sx:{background:"transparent",border:"none",padding:0,cursor:"pointer",color:"inherit",font:"inherit",fontWeight:700,fontSize:"18px",whiteSpace:"nowrap",flexShrink:0},children:g}):r.jsx(t.Box,{sx:{fontWeight:700,fontSize:"18px",whiteSpace:"nowrap",flexShrink:0},children:g}):"logo"===l?r.jsx(t.Box,{sx:{width:32,height:32,borderRadius:"6px",backgroundColor:"var(--Text)",opacity:.8,flexShrink:0},"aria-label":"Company logo"}):r.jsx(t.Box,{sx:{fontWeight:700,fontSize:"18px",whiteSpace:"nowrap",flexShrink:0},children:c}),void 0!==v?r.jsxs(r.Fragment,{children:[r.jsx(t.Box,{sx:{flex:1}}),r.jsx(t.Box,{sx:{display:"flex",alignItems:"center",flexShrink:0},children:v}),r.jsx(t.Box,{sx:{flex:1}})]}):r.jsxs(r.Fragment,{children:["left"===s&&L,"expanded"===E&&r.jsx(Eo,{defaultValue:0,variant:"standard",color:"default",sx:{ml:2,minHeight:0},children:r.jsx(Lo,{"aria-label":"Main navigation",children:d.map(e=>r.jsx(Po,{children:e},e))})}),r.jsx(t.Box,{sx:{flex:1}}),"right"===s&&L]}),void 0!==y?r.jsx(t.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:y}):r.jsxs(r.Fragment,{children:[x&&u.length>0&&r.jsx(t.Box,{sx:{display:"flex",alignItems:"center",gap:.5},children:u.map((t,o)=>t.raw?r.jsx(e.Fragment,{children:t.icon},o):r.jsx(th,{ariaLabel:t.label||"Action "+(o+1),children:t.icon},o))}),h?r.jsx(Zr,{variant:"ghost",size:"small",onClick:f,"aria-label":"Sign out",startIcon:h.photoURL?r.jsx(t.Box,{component:"img",src:h.photoURL,alt:"",sx:{width:24,height:24,borderRadius:"50%"}}):r.jsx(_e,{sx:{fontSize:24}}),children:h.displayName?.split(" ")[0]||"Account"}):m?r.jsx(Zr,{variant:"default-outline",size:"small",onClick:m,children:"Login"}):"avatar"===n?r.jsx(Zr,{iconOnly:!0,variant:"ghost",size:"medium","aria-label":"Account",children:r.jsx(_e,{sx:{fontSize:28}})}):null]})]})}),r.jsx(Hs,{open:T,onClose:()=>I(!1),anchor:"left",size:"small",children:r.jsx(t.Box,{component:"nav","aria-label":"Main navigation",sx:{display:"flex",flexDirection:"column",gap:.5,py:1},children:d.map(e=>r.jsx(Zr,{variant:"ghost",size:"medium",onClick:()=>I(!1),sx:{justifyContent:"flex-start",width:"100%"},children:e},e))})})]})}function oh({mobileVariant:o="search",barColor:a="default",surface:n="Surface",title:i="Page Title",subtitle:l="Subtitle text",actionIcon:s,companyName:c="Company",navLinks:d=["Home","Products","About"],className:u="",sx:x={}}){const[p,h]=e.useState(!1),m=eh[a]||eh.default,f=m.theme,g=m.surface||n,b={backgroundColor:"var(--Background)",color:"var(--Text)",boxShadow:Ar,fontFamily:"inherit",width:"100%",maxWidth:420,...x},v={"data-theme":f,"data-surface":g},y=r.jsx(Hs,{open:p,onClose:()=>h(!1),anchor:"left",size:"small",children:r.jsx(t.Box,{component:"nav","aria-label":"Main navigation",sx:{display:"flex",flexDirection:"column",gap:.5,py:1},children:d.map(e=>r.jsx(Zr,{variant:"ghost",size:"medium",onClick:()=>h(!1),sx:{justifyContent:"flex-start",width:"100%"},children:e},e))})});return"search"===o?r.jsxs(r.Fragment,{children:[r.jsxs(t.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-search appbar-"+a+" "+u,...v,sx:{...b,display:"flex",alignItems:"center",height:64,px:1.5,gap:1.5},children:[r.jsx(th,{ariaLabel:"Open navigation menu",onClick:()=>h(!0),children:r.jsx(je,{sx:{fontSize:"inherit"}})}),r.jsx(mi,{placeholder:"Search "+c,size:"small",sx:{flex:1,minWidth:0}}),r.jsx(Zr,{iconOnly:!0,variant:"ghost",size:"medium","aria-label":"Account",children:r.jsx(_e,{sx:{fontSize:28}})})]}),y]}):"small"===o?r.jsxs(t.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-small appbar-"+a+" "+u,...v,sx:{...b,display:"flex",alignItems:"center",height:64,px:1.5,gap:1},children:[r.jsx(th,{ariaLabel:"Back",children:r.jsx(Ze,{sx:{fontSize:"inherit"}})}),r.jsxs(t.Box,{sx:{flex:1,minWidth:0},children:[r.jsx(t.Box,{sx:{fontWeight:600,fontSize:"16px",lineHeight:1.3,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:i}),l&&r.jsx(t.Box,{sx:{fontSize:"12px",opacity:.7,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:l})]}),s&&r.jsx(th,{ariaLabel:"Action",children:s})]}):"medium"===o?r.jsxs(t.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-medium appbar-"+a+" "+u,...v,sx:{...b,px:1.5,pb:2},children:[r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",height:56,gap:1},children:[r.jsx(th,{ariaLabel:"Back",children:r.jsx(Ze,{sx:{fontSize:"inherit"}})}),r.jsx(t.Box,{sx:{flex:1}}),s&&r.jsx(th,{ariaLabel:"Action",children:s})]}),r.jsxs(t.Box,{sx:{px:1.5},children:[r.jsx(t.Box,{sx:{fontWeight:600,fontSize:"24px",lineHeight:1.2},children:i}),l&&r.jsx(t.Box,{sx:{fontSize:"14px",opacity:.7,mt:.5},children:l})]})]}):r.jsxs(t.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-large appbar-"+a+" "+u,...v,sx:{...b,px:1.5,pb:3},children:[r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",height:56,gap:1},children:[r.jsx(th,{ariaLabel:"Back",children:r.jsx(Ze,{sx:{fontSize:"inherit"}})}),r.jsx(t.Box,{sx:{flex:1}}),s&&r.jsx(th,{ariaLabel:"Action",children:s})]}),r.jsxs(t.Box,{sx:{px:1.5,mt:1},children:[r.jsx(t.Box,{sx:{fontWeight:600,fontSize:"36px",lineHeight:1.1},children:i}),l&&r.jsx(t.Box,{sx:{fontSize:"14px",opacity:.7,mt:.5},children:l})]})]})}const ah=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",nh=["default","primary","primary-light","white","black"],ih=["Surface","Surface-Bright","Surface-Dim","Surface-Dimmest"],lh={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 sh({ratio:e,threshold:o}){if(!e)return r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"--"});const a=parseFloat(e)>=o;return r.jsxs(t.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[r.jsxs(t.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"]}),r.jsx(Kt,{style:{color:a?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:a?"Pass":"Fail"})]})}function ch({label:e,ratio:o,threshold:a,note:n}){return r.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(t.Box,{sx:{flex:1},children:[r.jsx(Qt,{style:{color:"var(--Text)"},children:e}),n&&r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),r.jsx(sh,{ratio:o,threshold:a})]})}function dh({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function uh({color:e,selected:o,onClick:n}){const i=lh[e]||lh.default;return r.jsx(t.Box,{component:"button","data-theme":i.theme,"data-surface":i.surface||"Surface",onClick:()=>n(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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Text)",pointerEvents:"none"}})})}const xh={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 ph({color:e="default",companyName:t="",year:o=(new Date).getFullYear(),rights:a="All rights reserved",children:n,className:i,style:l,...s}){const c=n??`© ${o}${t?" "+t:""}.${a?" "+a+".":""}`,d=xh[e]||xh.default,u=d.theme?{"data-theme":d.theme,"data-surface":d.surface||"Surface-Dim"}:{},x=d.theme?{background:"var(--Background)",color:"var(--Text)"}:{background:d.bg,color:d.fg};return r.jsx("div",{...u,className:["dino-copyright",i].filter(Boolean).join(" "),style:{padding:"14px 24px",textAlign:"center",...x,...l},...s,children:r.jsx(Qt,{style:{color:"inherit",opacity:.85},children:c})})}const hh={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 mh({color:e="default",brand:t,address:o,columns:a=[],socialLinks:n=[],subscribe:i,copyrightName:l,copyrightYear:s,className:c,style:d,...u}){const x=a.slice(0,3),p=hh[e]||hh.default,h=p.theme?{"data-theme":p.theme,"data-surface":p.surface||"Surface"}:{},m=p.theme?{background:"var(--Background)",color:"var(--Text)"}:{background:p.bg,color:p.fg};return r.jsxs("footer",{...h,className:["dino-footer",c].filter(Boolean).join(" "),style:{...m,...d},...u,children:[r.jsxs("div",{style:{maxWidth:1200,margin:"0 auto",padding:"40px 24px 56px"},children:[t&&r.jsx("div",{style:{marginBottom:36},children:t}),r.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(280px, 1fr))",gap:40},children:[r.jsx(fh,{address:o}),x.map((e,t)=>r.jsx(gh,{...e},t))]}),(n.length>0||i)&&r.jsxs("div",{style:{marginTop:48,paddingTop:32,borderTop:"1px solid rgba(255, 255, 255, 0.10)",display:"flex",flexWrap:"wrap",gap:32,alignItems:"flex-start",justifyContent:"space-between"},children:[n.length>0&&r.jsx(bh,{links:n}),i&&r.jsx(vh,{...i})]})]}),r.jsx(ph,{color:e,companyName:l,year:s})]})}function fh({address:e}){if(!e)return r.jsx("div",{});const{company:t,lines:o=[],email:a,phone:n}=e,i=[...t?[t]:[],...o,...n?[n]:[]];return r.jsxs("div",{children:[i.map((e,t)=>r.jsx(Qt,{style:{color:"inherit",opacity:.85,display:"block"},children:e},t)),a&&r.jsx("div",{style:{marginTop:12},children:r.jsx(Qt,{style:{color:"inherit",opacity:.85,display:"block"},children:r.jsx(Ai,{href:"mailto:"+a,color:"standard",style:{color:"inherit"},children:a})})})]})}function gh({title:e,links:t=[]}){return r.jsxs("div",{children:[e&&r.jsx(Mt,{style:{color:"inherit",marginBottom:12},children:e}),r.jsx("ul",{style:{listStyle:"none",margin:0,padding:0},children:t.map((e,t)=>r.jsx("li",{style:{marginBottom:8},children:r.jsx(Ai,{href:e.href,onClick:e.onClick,color:"standard",style:{color:"inherit",opacity:.85},children:e.label})},t))})]})}function bh({links:e}){return r.jsx("div",{style:{display:"flex",gap:16,alignItems:"center"},children:e.map((e,t)=>r.jsx("a",{href:e.url,target:"_blank",rel:"noopener noreferrer","aria-label":e.label||"Social link",style:{color:"inherit",opacity:.85,display:"inline-flex",alignItems:"center",justifyContent:"center",width:36,height:36,borderRadius:"50%",border:"1px solid rgba(255, 255, 255, 0.18)",textDecoration:"none",transition:"opacity 150ms ease, border-color 150ms ease"},onMouseEnter:e=>{e.currentTarget.style.opacity="1"},onMouseLeave:e=>{e.currentTarget.style.opacity="0.85"},children:e.icon},t))})}function vh({title:t="Stay in the loop",description:o,placeholder:a="your@email.com",buttonLabel:n="Subscribe",onSubscribe:i}){const[l,s]=e.useState(""),[c,d]=e.useState(!1);return r.jsxs("form",{onSubmit:async e=>{if(e&&e.preventDefault(),l&&!c){d(!0);try{await(i?.(l)),s("")}finally{d(!1)}}},style:{minWidth:260,maxWidth:360,flex:"1 1 260px"},children:[r.jsx(Mt,{style:{color:"inherit",marginBottom:6},children:t}),o&&r.jsx(Qt,{style:{color:"inherit",opacity:.85,marginBottom:12,display:"block"},children:o}),r.jsxs("div",{style:{display:"flex",gap:8},children:[r.jsx(Fn,{type:"email",value:l,onChange:e=>s(e.target.value),placeholder:a,size:"small",fullWidth:!0,"aria-label":"Email address"}),r.jsx(Zr,{type:"submit",variant:"primary",size:"small",disabled:c||!l,children:n})]})]})}function yh(e){const t=e.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);return t?[Number(t[1]),Number(t[2]),Number(t[3])]:null}function jh(e){return e?"#"+e.map(e=>e.toString(16).padStart(2,"0")).join(""):"—"}function Sh([e,t,r]){const o=[e,t,r].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 Bh({targetRef:t,label:o,deps:a=[]}){const[n,i]=e.useState(null),[l,s]=e.useState(null);e.useEffect(()=>{if(!t.current)return;const e=requestAnimationFrame(()=>{if(!t.current)return;const e=getComputedStyle(t.current);i(yh(e.backgroundColor)),s(yh(e.color))});return()=>cancelAnimationFrame(e)},a);const c=function(e,t){if(!e||!t)return null;const r=Sh(e),o=Sh(t);return(Math.max(r,o)+.05)/(Math.min(r,o)+.05)}(n,l),d=null!==c&&c>=4.5,u=null===c?"—":null!==c&&c>=7?"AAA":d?"AA":"Fail",x=null===c?"var(--Text-Quiet)":d?"var(--Text-Success)":"var(--Text-Error)";return r.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,padding:"12px 16px",borderRadius:8,background:"var(--Container)",border:"1px solid var(--Border)"},children:[r.jsxs("div",{style:{flex:1,minWidth:0},children:[r.jsx(Qt,{style:{fontWeight:600},children:o}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Background ",jh(n)," · Text ",jh(l)]})]}),r.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,borderRadius:999,padding:"4px 10px",background:"var(--Background)",border:"1px solid var(--Border)"},children:[r.jsx("span",{style:{fontWeight:700,fontSize:12,color:x},children:u}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:null!==c?c.toFixed(2)+":1":"—"})]})]})}const kh={company:"DinoDesign",lines:["123 Market Street","San Francisco, CA 94103"],email:"hello@dinodesign.dev",phone:"+1 (555) 010-0000"},wh=[{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:"#"}]}],Ch=[{icon:r.jsx(et,{fontSize:"small"}),url:"https://twitter.com",label:"Twitter"},{icon:r.jsx(tt,{fontSize:"small"}),url:"https://github.com",label:"GitHub"},{icon:r.jsx(rt,{fontSize:"small"}),url:"https://linkedin.com",label:"LinkedIn"}],Th=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"primary-dark",label:"Primary Dark"},{value:"white",label:"White"},{value:"black",label:"Black"}];function Ih({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}const Ah=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"primary-dark",label:"Primary Dark"},{value:"white",label:"White"},{value:"black",label:"Black"}];function zh({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}const Rh=["Default","Primary","Secondary","Tertiary","Neutral"],Eh={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}},Lh=Object.keys(Eh);function Ph(e,t){if("custom"===e)return{...Eh.Classic,name:"Custom",description:"Custom",...t||{}};const r=Eh[e];return r?{...r}:{...Eh.Classic}}function Mh(e,t){const r=e||"Primary";return"base"===t?"var(--Buttons-"+r+"-Button)":"highlight"===t?"rgb(var(--Buttons-"+r+"-Highlight))":"lowlight"===t?"rgb(var(--Buttons-"+r+"-Lowlight))":void 0}function Dh(e){const t=e||"Primary";return"Default"===t?"var(--Text)":"var(--Text-"+t+")"}function Oh(e,t){const r=(e-90)*Math.PI/180;return{dx:Math.cos(r)*t,dy:Math.sin(r)*t}}const Wh={"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 Fh({text:t="Your Brand. Perfected.",curves:o,arc:a=160,radius:n=300,direction:i="up",rotation:l=0,autoCrop:s=!0,textStyle:c="display-large",fontSize:d,fontFamily:u,fontWeight:x,letterSpacing:p,color:h="var(--Text, #1a1a1a)",bevel:m=!1,bevelTheme:f="Primary",bevelPreset:g,bevelCustom:b,className:v,style:y,...j}){const S=g?Ph(g,b):null,B=S?!!S.bevel:!!m,k=Wh[c]||Wh["display-large"],w=u??k.fontFamily,C=d??k.fontSize,T=x??k.fontWeight,I=p??k.letterSpacing,A="number"==typeof d?d:k.pxHint,z=o&&o.length>0?o:[{arc:a,radius:n,direction:i}],{d:R,width:E,upMax:L,downMax:P,pathId:M}=function(t){return e.useMemo(()=>{const e="dino-curved-text-"+Math.random().toString(36).slice(2,9);let r=0;const o=0;let a="M "+r+" "+o,n=0,i=0;for(const{arc:e,radius:l,direction:s}of t){const t=Hh(e,1,359),c=Math.max(10,l),d=t*Math.PI/180,u=2*c*Math.sin(d/2),x=c*(1-Math.cos(d/2));r+=u,a+=" A "+c+" "+c+" 0 "+(t>180?1:0)+" "+("up"===s?1:0)+" "+r+" "+o,"up"===s?n=Math.max(n,x):i=Math.max(i,x)}return{d:a,width:r,upMax:n,downMax:i,pathId:e}},[JSON.stringify(t)])}(z),D=Math.ceil(L+A),O=Math.ceil(P+A),W=Math.ceil(A),F=Math.ceil(E+2*W),H=D+O,N=W,V=D,Q=l?"rotate("+l+" "+F/2+" "+H/2+")":void 0,G=e.useRef(null),[q,U]=e.useState(null),[X,$]=e.useState(A);e.useEffect(()=>{if(!G.current||"undefined"==typeof ResizeObserver)return;const e=G.current,t=()=>{const t=e.getBoundingClientRect(),r=q?q.width:F;if(!r||!t.width)return;const o=t.width/r;$(A*o)};t();const r=new ResizeObserver(t);return r.observe(e),()=>r.disconnect()},[F,A,q]);const K=B&&X>=19;e.useLayoutEffect(()=>{if(!s)return void U(null);const e=G.current;if(!e)return;const t=e.querySelector("text");if(!t)return;let r;try{r=t.getBBox()}catch(e){return}if(!r||!r.width||!r.height)return;const o=F/2,a=H/2,n=l*Math.PI/180,i=Math.cos(n),c=Math.sin(n),d=(e,t)=>{const r=e-o,n=t-a;return{x:o+r*i-n*c,y:a+r*c+n*i}},u=[d(r.x,r.y),d(r.x+r.width,r.y),d(r.x,r.y+r.height),d(r.x+r.width,r.y+r.height)],x=Math.min(...u.map(e=>e.x)),p=Math.max(...u.map(e=>e.x)),h=Math.min(...u.map(e=>e.y)),m=Math.max(...u.map(e=>e.y)),f=.12*A,g={x:x-f,y:h-f,width:p-x+2*f,height:m-h+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,t,JSON.stringify(z),l,A,I,w,T,B,f,g,JSON.stringify(b)]);const Y=q?q.x+" "+q.y+" "+q.width+" "+q.height:"0 0 "+F+" "+H,J=q?q.width:F,Z=q?q.height:H;return r.jsxs("svg",{ref:G,viewBox:Y,width:J,height:Z,preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",style:{display:"block",maxWidth:"100%",height:"auto",overflow:"visible",...y},"aria-label":t,role:"img",className:["dino-curved-text",v].filter(Boolean).join(" "),...j,children:[r.jsx("defs",{children:r.jsx("path",{id:M,d:R,transform:"translate("+N+" "+V+")"})}),r.jsxs("g",{transform:Q,children:[K&&(()=>{const e=S?S.depth/96:.045,o=Math.max(2,Math.round(A*e)),a=Math.max(1,Math.round(A*e*.67)),n={fontFamily:w,fontSize:"number"==typeof C?C+"px":C,fontWeight:T,letterSpacing:"number"==typeof I?I+"px":I};return r.jsxs(r.Fragment,{children:[r.jsx("text",{className:"dino-bevel-layer dino-bevel-layer--lowlight",fill:"rgb(var(--Buttons-"+f+"-Lowlight))",transform:"translate(0 "+o+")",style:n,children:r.jsx("textPath",{href:"#"+M,startOffset:"50%",textAnchor:"middle",children:t})}),r.jsx("text",{className:"dino-bevel-layer dino-bevel-layer--highlight",fill:"rgb(var(--Buttons-"+f+"-Highlight))",transform:"translate(0 -"+a+")",style:n,children:r.jsx("textPath",{href:"#"+M,startOffset:"50%",textAnchor:"middle",children:t})})]})})(),r.jsx("text",{className:"dino-curved-text__base",fill:K?"var(--Buttons-"+f+"-Button)":B?Dh(f):h,style:{fontFamily:w,fontSize:"number"==typeof C?C+"px":C,fontWeight:T,letterSpacing:"number"==typeof I?I+"px":I},children:r.jsx("textPath",{href:"#"+M,startOffset:"50%",textAnchor:"middle",children:t})})]})]})}function Hh(e,t,r){return Math.max(t,Math.min(r,e))}const Nh=[{value:"display-large",label:"Display Large"},{value:"display-small",label:"Display Small"}],Vh=[{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)"}],Qh=Rh.map(e=>({value:e,label:e}));function Gh({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}const qh={"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 Uh({text:t="DinoDesign",theme:o="Primary",preset:a="Classic",custom:n,textStyle:i="display-large",fontSize:l,fontFamily:s,fontWeight:c,letterSpacing:d,className:u,style:x,...p}){const h=qh[i]||qh["display-large"],m=s??h.fontFamily,f=l??h.fontSize,g=c??h.fontWeight,b=d??h.letterSpacing,v="number"==typeof l?l:h.pxHint,y=Ph(a,n),j="dino-bevel-"+e.useId().replace(/:/g,""),S=j+"-s",B=e.useRef(null),[k,w]=e.useState(v),C=.6*v,T=Math.max(400,t.length*C+80),I=1.9*v,A=T/2,z=.7*I;e.useEffect(()=>{if(!B.current||"undefined"==typeof ResizeObserver)return;const e=B.current,t=()=>{const t=e.getBoundingClientRect();T&&t.width&&w(v*(t.width/T))};t();const r=new ResizeObserver(t);return r.observe(e),()=>r.disconnect()},[T,v]);const R=k>=19,E=y.bevel?Oh(y.angle+180,y.depth):{dx:0,dy:0},L=y.bevel?Oh(y.angle,y.depth):{dx:0,dy:0},P=y.shadow?Oh(y.angle,y.shadowDistance??6):{dx:0,dy:0},M=R?Mh(o,"base"):Dh(o),D=Mh(o,"highlight"),O=Mh(o,"lowlight"),W={fontFamily:m,fontSize:"number"==typeof f?f+"px":f,fontWeight:g,letterSpacing:"number"==typeof b?b+"px":b},F=y.bevel&&R?"url(#"+j+")":void 0,H=y.shadow&&R?"url(#"+S+")":void 0;return r.jsxs("svg",{ref:B,viewBox:"0 0 "+T+" "+I,width:T,height:I,preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",style:{display:"block",maxWidth:"100%",height:"auto",overflow:"visible",...x},"aria-label":t,role:"img",className:["dino-bevel-text",u].filter(Boolean).join(" "),...p,children:[r.jsxs("defs",{children:[y.shadow&&r.jsx("filter",{id:S,x:"-30%",y:"-30%",width:"160%",height:"160%",children:r.jsx("feDropShadow",{dx:P.dx.toFixed(2),dy:P.dy.toFixed(2),stdDeviation:y.shadowBlur??8,style:{floodColor:O,floodOpacity:y.shadowOpacity??.6}})}),y.bevel&&r.jsxs("filter",{id:j,x:"-5%",y:"-5%",width:"110%",height:"110%",colorInterpolationFilters:"sRGB",children:[r.jsx("feGaussianBlur",{in:"SourceAlpha",stdDeviation:(y.softness??1)+.5,result:"blur-alpha"}),r.jsx("feOffset",{in:"blur-alpha",dx:L.dx.toFixed(2),dy:L.dy.toFixed(2),result:"shadow-offset"}),r.jsx("feFlood",{style:{floodColor:O,floodOpacity:.95},result:"shadow-flood"}),r.jsx("feComposite",{in:"shadow-flood",in2:"shadow-offset",operator:"in",result:"shadow-shaped"}),r.jsx("feComposite",{in:"shadow-shaped",in2:"SourceAlpha",operator:"in",result:"shadow-clipped"}),r.jsx("feOffset",{in:"blur-alpha",dx:E.dx.toFixed(2),dy:E.dy.toFixed(2),result:"hi-offset"}),r.jsx("feFlood",{style:{floodColor:D,floodOpacity:.95},result:"hi-flood"}),r.jsx("feComposite",{in:"hi-flood",in2:"hi-offset",operator:"in",result:"hi-shaped"}),r.jsx("feComposite",{in:"hi-shaped",in2:"SourceAlpha",operator:"in",result:"hi-clipped"}),r.jsxs("feMerge",{children:[r.jsx("feMergeNode",{in:"SourceGraphic"}),r.jsx("feMergeNode",{in:"shadow-clipped"}),r.jsx("feMergeNode",{in:"hi-clipped"})]})]})]}),y.shadow&&R&&r.jsx("text",{className:"dino-bevel-layer dino-bevel-layer--shadow",x:A,y:z,textAnchor:"middle",fill:M,filter:H,style:W,"aria-hidden":"true",children:t}),r.jsx("text",{className:y.bevel?"dino-bevel-text__base dino-bevel-layer":"dino-bevel-text__base",x:A,y:z,textAnchor:"middle",fill:M,filter:F,style:W,children:t})]})}const Xh=[...Lh.map(e=>({value:e,label:e,description:Eh[e].description})),{value:"custom",label:"Custom",description:"Tune every knob"}],$h=[{value:"light",label:"Light",css:"var(--Surface)"},{value:"warm",label:"Warm",css:"var(--Surface-Dim)"},{value:"dark",label:"Dark",css:"var(--Container-High)"}];function Kh({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function Yh({option:e,active:o,onClick:a}){return r.jsxs(t.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:[r.jsx(Kt,{style:{fontWeight:600,color:"var(--Text)"},children:e.label}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:2},children:e.description})]})}const Jh={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"}},Zh=e.createContext({variant:"solid",color:"default",size:"medium",spacing:0}),_h=e.createContext({expanded:!1,toggle:()=>{},disabled:!1,accordionId:""}),em="var(--Accordion-Radius, var(--Button-Radius))";const tm={small:Qt,medium:qt,large:$t},rm={small:Qt,medium:qt,large:$t};const om={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}},am={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 nm=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",im=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],lm=e=>r.jsx(t.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:e,flexShrink:0}}),sm=[{id:"1",label:"Documents",icon:r.jsx(Je,{}),badge:lm("var(--Warning-Text, orange)"),children:[{id:"1-1",label:"Company",icon:r.jsx(at,{}),badge:lm("var(--Warning-Text, orange)"),children:[{id:"1-1-1",label:"Invoice",icon:r.jsx(it,{})},{id:"1-1-2",label:"Meeting notes",icon:r.jsx(nt,{})},{id:"1-1-3",label:"Tasks list",icon:r.jsx(nt,{})},{id:"1-1-4",label:"Equipment",icon:r.jsx(it,{})},{id:"1-1-5",label:"Video conference",icon:r.jsx(lt,{})}]},{id:"1-2",label:"Personal",icon:r.jsx(Je,{})},{id:"1-3",label:"Group photo",icon:r.jsx(Pe,{})}]},{id:"2",label:"Bookmarked",icon:r.jsx(Ve,{}),children:[{id:"2-1",label:"Favourites",icon:r.jsx(nt,{})}]},{id:"3",label:"History",icon:r.jsx(Je,{})},{id:"4",label:"Trash",icon:r.jsx(m,{}),disabled:!0}],cm=JSON.stringify($x,null,2);function dm({ratio:e,threshold:o}){if(!e)return r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"--"});const a=parseFloat(e)>=o;return r.jsxs(t.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[r.jsxs(t.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"]}),r.jsx(Kt,{style:{color:a?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:a?"Pass":"Fail"})]})}function um({label:e,ratio:o,threshold:a,note:n}){return r.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(t.Box,{sx:{flex:1},children:[r.jsx(Qt,{style:{color:"var(--Text)"},children:e}),n&&r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),r.jsx(dm,{ratio:o,threshold:a})]})}function xm({label:e,selected:t,onClick:o}){return r.jsx(Zr,{selected:t,variant:t?"default":"default-outline",size:"small",onClick:o,children:e})}function pm({color:e,selected:o,onClick:n}){const i=nm(e);return r.jsx(t.Box,{component:"button",onClick:()=>n(e),"aria-label":"Select "+i,"aria-pressed":o,title:i,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+i+"-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&&r.jsx(a,{sx:{fontSize:16,color:"var(--Buttons-"+i+"-Text)",pointerEvents:"none"}})})}function hm({value:o,onChange:a}){const[n,i]=e.useState(o),[l,s]=e.useState(null);return r.jsxs(t.Box,{children:[r.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)"},children:"TREE DATA (JSON)"}),r.jsx(Zr,{variant:"ghost",size:"small",onClick:()=>{i(cm),s(null),a($x)},children:"Reset"})]}),r.jsx(t.Box,{component:"textarea",value:n,onChange:e=>{i(e.target.value);try{const t=JSON.parse(e.target.value);s(null),a(t)}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&&r.jsxs(Kt,{style:{color:"#f87171",display:"block",marginTop:4},children:["JSON error: ",l]})]})}function mm(e,t){if(document.getElementById(t))return;const r=document.createElement("link");r.rel="stylesheet",r.href=e,r.id=t,document.head.appendChild(r)}const fm=[{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)"}],gm={desktop:"32px","ios-mobile":"44px","ios-tablet":"44px",android:"48px"};const bm=e=>(e||[]).map(e=>{const t="number"==typeof e?e:Number(e?.value);return Number.isFinite(t)?t:0}),vm=e=>(e||[]).map((e,t)=>"number"==typeof e?String(t+1):e?.label??String(t+1));function ym(e,{fromZero:t=!0}={}){if(!e.length)return{min:0,max:1};let r=Math.min(...e),o=Math.max(...e);return t&&(r=Math.min(0,r)),o===r&&(o=r+1),{min:r,max:o}}const jm=(e,{min:t,max:r},o,a)=>o+a-(e-t)/(r-t)*a;function Sm(e,t,r,{inset:o=0}={}){if(e<=0)return[];if(1===e)return[t+r/2];const a=(r-2*o)/(e-1);return Array.from({length:e},(e,r)=>t+o+r*a)}function Bm(e,t,r,{gapRatio:o=.4}={}){if(e<=0)return{centres:[],bandWidth:0};const a=r/e,n=a*(1-o);return{centres:Array.from({length:e},(e,r)=>t+a*r+a/2),bandWidth:n}}const km=e=>e.length?e.map((e,t)=>`${t?"L":"M"}${e.x} ${e.y}`).join(" "):"";function wm(e,{tension:t=0}={}){if(e.length<2)return km(e);const r=(1-t)/6;let o=`M${e[0].x} ${e[0].y}`;for(let t=0;t<e.length-1;t++){const a=e[t-1]||e[t],n=e[t],i=e[t+1],l=e[t+2]||i,s={x:n.x+(i.x-a.x)*r,y:n.y+(i.y-a.y)*r},c={x:i.x-(l.x-n.x)*r,y:i.y-(l.y-n.y)*r};o+=` C${s.x} ${s.y} ${c.x} ${c.y} ${i.x} ${i.y}`}return o}const Cm=(e,t,r)=>e&&t.length?`${e} L${t[t.length-1].x} ${r} L${t[0].x} ${r} Z`:"";function Tm(e,t,r,o,a,n){const i=n-a;if(i>=2*Math.PI-1e-9){const n=a+Math.PI;return Tm(e,t,r,o,a,n)+" "+Tm(e,t,r,o,n,a+2*Math.PI)}const l=(r,o)=>({x:e+r*Math.sin(o),y:t-r*Math.cos(o)}),s=i>Math.PI?1:0,c=l(o,a),d=l(o,n);if(r<=0)return`M${e} ${t} L${c.x} ${c.y} A${o} ${o} 0 ${s} 1 ${d.x} ${d.y} Z`;const u=l(r,n),x=l(r,a);return`M${c.x} ${c.y} A${o} ${o} 0 ${s} 1 ${d.x} ${d.y} L${u.x} ${u.y} A${r} ${r} 0 ${s} 0 ${x.x} ${x.y} Z`}function Im(e,{startAngle:t=0}={}){const r=e.map(e=>e>0?e:0),o=r.reduce((e,t)=>e+t,0),a=e.filter(e=>e<=0).length;if(o<=0)return{slices:[],total:0,dropped:a};let n=t;return{slices:r.map(e=>{const t=e/o*Math.PI*2,r={start:n,end:n+t,value:e,fraction:e/o};return n+=t,r}),total:o,dropped:a}}function Am({min:e,max:t},r=4){if(r<1)return[];const o=(t-e)/r,a=Math.pow(10,Math.floor(Math.log10(Math.abs(o)||1))),n=[1,2,2.5,5,10].map(e=>e*a).find(e=>e>=o)??10*a,i=[];for(let r=Math.ceil(e/n)*n;r<=t+1e-9;r+=n)i.push(Number(r.toFixed(10)));return i}var zm=Object.freeze({__proto__:null,arcPath:Tm,areaPath:Cm,bands:Sm,extent:ym,linePath:km,scaleY:jm,sliceAngles:Im,slots:Bm,smoothPath:wm,ticks:Am,toLabels:vm,toNumbers:bm});const Rm={fill:"var(--Icons-Primary)",track:"var(--Border-Variant)",line:"var(--Border-Variant)",quietLabel:"var(--Quiet)",label:"var(--Text)",gradient:"var(--Icons-Primary-Variant)"},Em=["Primary","Secondary","Tertiary","Neutral","Info","Success","Warning","Error"],Lm={fontFamily:"var(--Label-Small-Font-Family)",fontSize:"var(--Label-Small-Font-Size)",fontWeight:"var(--Label-Small-Font-Weight)",letterSpacing:"var(--Label-Small-Letter-Spacing)"},Pm={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 Mm({caption:e,labels:o,values:a,valueHeader:n="Value"}){return r.jsxs(t.Box,{component:"table",sx:Pm,children:[r.jsx("caption",{children:e}),r.jsx("thead",{children:r.jsxs("tr",{children:[r.jsx("th",{scope:"col",children:"Category"}),r.jsx("th",{scope:"col",children:n})]})}),r.jsx("tbody",{children:a.map((e,t)=>r.jsxs("tr",{children:[r.jsx("th",{scope:"row",children:o[t]}),r.jsx("td",{children:e})]},t))})]})}const Dm="var(--Motion-Duration-Slow, 300ms) var(--Motion-Easing-Enter, cubic-bezier(0, 0, 0, 1))",Om="var(--Motion-Duration-Fast, 150ms) var(--Motion-Easing-Standard, cubic-bezier(0.2, 0, 0, 1))";function Wm(t){const[r,o]=e.useState(-1),a=e.useCallback(e=>({onMouseEnter:()=>o(e),onMouseLeave:()=>o(t=>t===e?-1:t),onFocus:()=>o(e),onBlur:()=>o(t=>t===e?-1:t)}),[]);return e.useEffect(()=>{o(e=>e>=t?-1:e)},[t]),{active:r,setActive:o,handlers:a}}function Fm({count:e,width:o,centres:a,bandWidth:n,labels:i,values:l,handlers:s}){return e?r.jsx(t.Box,{sx:{position:"absolute",inset:0,display:"block",pointerEvents:"none"},children:Array.from({length:e},(e,c)=>r.jsx(t.Box,{component:"button",type:"button","aria-label":`${i[c]}: ${l[c]}`,...s(c),sx:{position:"absolute",top:0,height:"100%",left:(a[c]-n/2)/o*100+"%",width:n/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 Hm({x:e,y:t,text:o,width:a,tokens:n}){if(null==o)return null;const i=Math.max(28,8*String(o).length+14),l=Math.min(Math.max(e,i/2+2),a-i/2-2),s=t-26>=2?t-26:t+6;return r.jsxs("g",{pointerEvents:"none",children:[r.jsx("rect",{x:l-i/2,y:s,width:i,height:20,rx:6,fill:n.fill}),r.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:n=!1,onChange:i,disabled:l=!1,className:s="",sx:c={},...d}){const[u,x]=e.useState(n),p=void 0!==a,h=p?a:u,{dataTheme:m,dataSurface:f}=e.useContext(Zh),[g]=e.useState(()=>"accordion-"+Math.random().toString(36).substring(2,9));return r.jsx(_h.Provider,{value:{expanded:h,toggle:()=>{if(l)return;const e=!h;p||x(e),i?.(e)},disabled:l,accordionId:g},children:r.jsx(t.Box,{className:"accordion-segment accordion"+(h?" accordion-expanded":"")+(l?" accordion-disabled":"")+" "+s,"data-theme":m,"data-surface":f,sx:{border:"1px solid var(--Border-Variant)",borderRadius:em,backgroundColor:"var(--Background)",overflow:"hidden",boxShadow:zr,opacity:l?.5:1,...c},...d,children:o})})},exports.AccordionDetails=function({children:o,className:a="",sx:n={},...i}){const{expanded:l,accordionId:s}=e.useContext(_h),{size:c}=e.useContext(Zh),d=Jh[c]||Jh.medium,u=rm[c]||rm.medium;return l?r.jsx(t.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,...n},...i,children:"string"==typeof o||"number"==typeof o?r.jsx(u,{children:o}):o}):null},exports.AccordionGroup=function({children:e,variant:o="solid",surface:a,color:n="default",size:i="medium",spacing:l=0,className:s="",sx:c={},...d}){const u="default"===n?"Default":(x=n).charAt(0).toUpperCase()+x.slice(1);var x;const p="default"===n?"Default":u,h=a||("dark"===o?"Surface-Dimmest":"light"===o?"Surface-Brightest":"Surface");return 0===l?r.jsx(Zh.Provider,{value:{variant:o,color:n,size:i,spacing:l,dataTheme:p,dataSurface:h},children:r.jsx(t.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:em,borderTopRightRadius:em},"& > .accordion-segment:last-of-type":{borderBottomLeftRadius:em,borderBottomRightRadius:em,marginBottom:0},...c},...d,children:e})}):r.jsx(Zh.Provider,{value:{variant:o,color:n,size:i,spacing:l,dataTheme:p,dataSurface:h},children:r.jsx(t.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:n,eyebrow:i,overline:l,secondary:s,expandIcon:c,className:d="",sx:u={},...p}){const{expanded:h,toggle:m,disabled:f,accordionId:g}=e.useContext(_h),{size:b}=e.useContext(Zh),v=Jh[b]||Jh.medium,y=tm[b]||tm.medium,j=c||r.jsx(hr,{size:v.iconSize,sx:{color:h?"var(--Text)":"var(--Quiet)",transition:"color 0.15s ease"},children:r.jsx(x,{})}),S={overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block"};return r.jsxs(t.Box,{component:"button",role:"button","aria-expanded":h,"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"+(h?" 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:h?"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"},...u},...p,children:[a&&r.jsx(t.Box,{className:"accordion-summary-start",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:a}),r.jsxs(t.Box,{sx:{flex:1,minWidth:0,display:"flex",flexDirection:"column",gap:"var(--Sizing-Half)"},children:[(i??l)&&r.jsx(Zt,{style:{...S,color:"var(--Text-Quiet)"},children:i??l}),null!=o&&r.jsx(y,{style:{...S,color:"inherit",fontWeight:600},children:o}),s&&r.jsx(Qt,{style:{...S,color:"var(--Text-Quiet)"},children:s})]}),n&&r.jsx(t.Box,{className:"accordion-summary-end",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:n}),r.jsx(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",transform:h?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.25s ease",flexShrink:0},children:j})]})},exports.Alert=ep,exports.AlertDialog=function({open:e,onClose:o,title:a,children:n,confirmText:i="Confirm",cancelText:l="Cancel",onConfirm:s,onCancel:c,...d}){return r.jsx(As,{open:e,onClose:o,title:a,alert:!0,...d,actions:r.jsxs(r.Fragment,{children:[r.jsx(t.Box,{component:"button",type:"button",onClick:c||o,sx:Is.outline,children:l}),r.jsx(t.Box,{component:"button",type:"button",onClick:s||o,sx:Is.primary,children:i})]}),children:n})},exports.AlertShowcase=function(){const[o,a]=e.useState("light"),[n,i]=e.useState("info"),[l,s]=e.useState("medium"),[c,d]=e.useState(!0),[u,x]=e.useState(null),[p,h]=e.useState("Surface"),m=c&&op[n]?r.jsx(hr,{size:"small",sx:{color:"inherit"},children:op[n]}):void 0;return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Alert"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:u,surface:p,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:480},children:r.jsx(ep,{variant:o,color:n,size:l,startDecorator:m,children:"This is an alert message. Check the details for more information."})})}),r.jsx(ha,{code:(()=>{const e=['variant="'+o+'"'];return"info"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),c&&op[n]&&e.push("startDecorator={<Icon><"+tp(n)+"Icon /></Icon>}"),"<Alert "+e.join(" ")+">\n This is an alert message.\n</Alert>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:u,onThemeChange:x,surface:p,onSurfaceChange:h})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["solid","light"].map(e=>r.jsx(ap,{label:tp(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:rp.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(np,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(ap,{label:tp(e),selected:l===e,onClick:()=>s(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Show Icon"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Start decorator icon"})]}),r.jsx(Ca,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Show icon"})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="alert" — live region, announced immediately'},{label:"Border",value:"var(--Buttons-{Color}-Border) on outer shell"},{label:"Shadow",value:"var(--Effect-Level-3)"},{label:"Icons",value:"Decorative — aria-hidden by default via Icon component"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.AppBar=function({mode:e="desktop",...t}){return"mobile"===e?r.jsx(oh,{...t}):r.jsx(rh,{...t})},exports.AppBarShowcase=function(){const[o,a]=e.useState("desktop"),[n,i]=e.useState("default"),[l,s]=e.useState("Surface"),[c,d]=e.useState("login"),[u,x]=e.useState("hamburger"),[p,h]=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=lh[n]||lh.default,T=C.theme,I=C.surface||l;return e.useEffect(()=>{const e={};e.text=va("--Text"),e.textQuiet=va("--Text-Quiet"),e.background=va("--Background"),e.border=va("--Border"),e.focusVisible=va("--Focus-Visible"),e.hover=va("--Hover"),e.active=va("--Pressed"),k(e)},[n,l,o]),r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"App Bar"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:v,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:w?"100%":420,overflow:"hidden"},children:w?r.jsx(rh,{barColor:n,surface:l,loginType:c,menuType:u,brandType:p,searchPosition:m,companyName:"My App",navLinks:["Home","Products","About"]}):r.jsx(oh,{barColor:n,surface:l,mobileVariant:g,companyName:"My App",title:"Page Title",subtitle:"Subtitle text"})})}),r.jsx(ha,{code:(()=>{if(w){const e=[];"default"!==n&&e.push('barColor="'+n+'"'),"Surface"!==l&&e.push('surface="'+l+'"'),"login"!==c&&e.push('loginType="'+c+'"'),"hamburger"!==u&&e.push('menuType="'+u+'"'),"name"!==p&&e.push('brandType="'+p+'"'),"right"!==m&&e.push('searchPosition="'+m+'"');const t=e.length?"\n "+e.join("\n ")+"\n":"";return'<AppBar mode="desktop"'+(t||" ")+'companyName="My App" />'}{const e=['mode="mobile"','mobileVariant="'+g+'"'];return"default"!==n&&e.push('barColor="'+n+'"'),"Surface"!==l&&e.push('surface="'+l+'"'),"<AppBar\n "+e.join("\n ")+'\n title="Page Title"\n/>'}})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"MODE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["desktop","mobile"].map(e=>r.jsx(dh,{label:ah(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BAR COLOR"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:nh.map(e=>r.jsx(uh,{color:e,selected:n===e,onClick:i},e))}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:['data-theme="',T,'"']})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SURFACE"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:ih.map(e=>r.jsx(dh,{label:e.replace("Surface-","").replace("Surface","Default"),selected:l===e,onClick:()=>s(e)},e))}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:['data-surface="',l,'"']})]}),w&&r.jsxs(r.Fragment,{children:[r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"MENU TYPE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["hamburger","expanded"].map(e=>r.jsx(dh,{label:ah(e),selected:u===e,onClick:()=>x(e)},e))}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",marginTop:4,display:"block"},children:"Expanded auto-falls back to hamburger when nav > 3 links"})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BRAND"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["name","logo"].map(e=>r.jsx(dh,{label:ah(e),selected:p===e,onClick:()=>h(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SEARCH POSITION"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["left","right"].map(e=>r.jsx(dh,{label:ah(e),selected:m===e,onClick:()=>f(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LOGIN TYPE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["login","avatar"].map(e=>r.jsx(dh,{label:ah(e),selected:c===e,onClick:()=>d(e)},e))})]})]}),!w&&r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"MOBILE VARIANT"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["search","small","medium","large"].map(e=>r.jsx(dh,{label:ah(e),selected:g===e,onClick:()=>b(e)},e))})]})]})}),r.jsx(Mo,{value:1,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsxs(Qt,{color:"quiet",style:{marginBottom:24},children:[o," / ",n," / ",l,w?"":" / "+g,' — data-theme="',T,'" data-surface="',I,'"']}),r.jsxs(t.Stack,{spacing:3,children:[r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),r.jsx(Qt,{color:"quiet",style:{marginBottom:16},children:"All text and icons must have 4.5:1 contrast against the AppBar background."}),r.jsx(ch,{label:"Resting: var(--Text) vs. var(--Background)",ratio:ba(B.text,B.background),threshold:4.5,note:'data-theme="'+T+'" data-surface="'+I+'"'}),r.jsx(ch,{label:"On hover: var(--Text) vs. var(--Hover)",ratio:ba(B.text,B.hover),threshold:4.5,note:"Icon buttons use var(--Hover) on hover"}),r.jsx(ch,{label:"On active: var(--Text) vs. var(--Pressed)",ratio:ba(B.text,B.active),threshold:4.5,note:"Icon buttons use var(--Pressed) on press"})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Focus Indicator (WCAG 2.4.11 — 3:1)"}),r.jsx(ch,{label:"var(--Focus-Visible) vs. var(--Background)",ratio:ba(B.focusVisible,B.background),threshold:3,note:"outline: 3px solid var(--Focus-Visible); outline-offset: 1px"})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{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 n=o>=24,i=o>=44,l=o>=48;return r.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(t.Box,{sx:{flex:1},children:[r.jsxs(Qt,{style:{color:"var(--Text)"},children:[e," — ",o,"px"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:a})]}),r.jsxs(t.Box,{sx:{display:"flex",gap:.5,flexWrap:"wrap",justifyContent:"flex-end"},children:[r.jsxs(t.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:n?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:n?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:["Desktop ",n?"Y":"N"]}),r.jsxs(t.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:i?"var(--Tags-Success-BG)":"var(--Tags-Warning-BG)",color:i?"var(--Tags-Success-Text)":"var(--Tags-Warning-Text)"},children:["iOS ",i?"Y":"~"]}),r.jsxs(t.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)})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Landmark:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<header role="banner">'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Navigation (expanded menu):"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<nav aria-label="Main navigation">'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Theme + Surface:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'data-theme="'+T+'" data-surface="'+I+'"'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Shadow:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"box-shadow: var(--Effect-Level-1)"})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Icon buttons:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"All icon buttons have aria-label. Focus visible on keyboard navigation."})]}),r.jsxs(t.Box,{sx:{py:1.5},children:[r.jsx(Qt,{children:"Keyboard:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"Tab navigates all interactive elements. Enter/Space activates buttons."})]})]})]})]})]})})]})})})]})]})},exports.Autocomplete=$n,exports.AutocompleteShowcase=function(){const[o,a]=e.useState("outline"),[n,i]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("top"),[u,x]=e.useState("Fruit"),[p,h]=e.useState(!0),[m,f]=e.useState(!1),[g,b]=e.useState(!0),[v,y]=e.useState(null),[j,S]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Autocomplete"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:v,surface:j,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:360},children:r.jsx($n,{variant:o,color:n,size:l,label:u,labelPosition:c,options:Jn,clearable:p,disabled:m,fullWidth:g})})}),r.jsx(ha,{code:(()=>{const e=[];return"outline"!==o&&e.push('variant="'+o+'"'),"default"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),u&&e.push('label="'+u+'"'),"top"!==c&&e.push('labelPosition="'+c+'"'),p||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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["outline","light"].map(e=>r.jsx(Zn,{label:Kn(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:Yn.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(_n,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(Zn,{label:Kn(e),selected:l===e,onClick:()=>s(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["top","floating","none"].map(e=>r.jsx(Zn,{label:"none"===e?"None":Kn(e),selected:c===e,onClick:()=>d(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Clearable"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show clear button when has value"})]}),r.jsx(Ca,{checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Clearable"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Disabled"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),r.jsx(Ca,{checked:m,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Full Width"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container width"})]}),r.jsx(Ca,{checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Input",value:'role="combobox" aria-expanded aria-haspopup="listbox" aria-autocomplete="list"'},{label:"Dropdown",value:'role="listbox" aria-label="..."'},{label:"Options",value:'role="option" aria-selected="true|false"'},{label:"Label",value:"aria-label from label prop. Always provide a label."},{label:"Keyboard",value:"Arrow keys navigate, Enter selects, Escape closes."},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px (on outer shell)"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Avatar=vr,exports.AvatarGroup=yr,exports.AvatarShowcase=function(){const[o,a]=e.useState("default"),[n,i]=e.useState("medium"),[l,s]=e.useState("initials"),[c,d]=e.useState(!1),[u,x]=e.useState(!1),[p,h]=e.useState(!1),[m,f]=e.useState(null),[g,b]=e.useState("Surface"),v="photo"===l,y=()=>{const e={size:n,clickable:c,insideButton:u};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 r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Avatar"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:m,surface:g,children:p?r.jsxs(yr,{max:3,size:n,children:[r.jsx(vr,{...y()}),r.jsx(vr,{color:o,size:n,initials:"AB"}),r.jsx(vr,{color:o,size:n,initials:"CD"}),r.jsx(vr,{color:o,size:n,initials:"EF"})]}):r.jsx(vr,{...y()})}),r.jsx(ha,{code:(()=>{const e=[];return v||"default"===o||e.push('color="'+o+'"'),"medium"!==n&&e.push('size="'+n+'"'),"initials"===l&&e.push('initials="LN"'),"photo"===l&&e.push('src="..." alt="User avatar"'),c&&e.push("clickable onClick={handleClick}"),u&&e.push("insideButton"),p?"<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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:m,onThemeChange:f,surface:g,onSurfaceChange:b})}),r.jsxs(t.Box,{sx:{opacity:v?.4:1,pointerEvents:v?"none":"auto"},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:Tp.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(Lp,{color:e,selected:o===e,onClick:a},e))})]},e.label))}),v&&r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:8},children:"Color is ignored when the avatar shows a photo — the image carries the visual."})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:zp.map(e=>r.jsx(Ep,{label:Rp[e],selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CONTENT"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:Ip.map(e=>r.jsx(Ep,{label:Ap[e],selected:l===e,onClick:()=>s(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Clickable"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Interactive with hover/focus states"})]}),r.jsx(Ca,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Clickable"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Inside Button"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Adds 2px horizontal margin so the avatar sits cleanly in a Button"})]}),r.jsx(Ca,{variant:"default-outline",checked:u,onChange:e=>x(e.target.checked),size:"small","aria-label":"Inside Button"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Group"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show as AvatarGroup with overflow"})]}),r.jsx(Ca,{variant:"default-outline",checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Show group"})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="img" (static) or role="button" (clickable)'},{label:"Label",value:'aria-label from alt, initials, or "Avatar"'},{label:"Image",value:"alt text on <img>. Falls back to initials or icon on error."},{label:"Clickable",value:"Rendered as <button>. Focus ring: 3px solid var(--Focus-Visible)."},{label:"Group",value:'role="group" aria-label="Avatar group, N avatars"'}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Badge=wr,exports.BadgeShowcase=function(){const[o,a]=e.useState(0),[n,i]=e.useState("solid"),[l,s]=e.useState("primary"),[c,d]=e.useState("medium"),[u,x]=e.useState("5"),[p,h]=e.useState(!1),[m,f]=e.useState(!1),[g,b]=e.useState({}),y=()=>"solid"===n?l:l+"-"+n,S=()=>{if(p)return;const e=parseInt(u,10);return isNaN(e)||String(e)!==u.trim()?u||void 0:e};e.useEffect(()=>{const e=Pp(l),t={};"solid"===n?(t.badgeBg=va("--Buttons-"+e+"-Button"),t.badgeText=va("--Buttons-"+e+"-Text"),t.badgeBorder=null):"outline"===n?(t.badgeBg=va("--Background"),t.badgeText=va("--Text"),t.badgeBorder=va("--Buttons-"+e+"-Border")):"light"===n&&(t.badgeBg=va("--Buttons-"+e+"-Button"),t.badgeText=va("--Buttons-"+e+"-Text"),t.badgeBorder=va("--Buttons-"+e+"-Border")),t.background=va("--Background"),t.focusVisible=va("--Focus-Visible"),b(t)},[n,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 r.jsxs(t.Box,{sx:{width:"100%"},children:[r.jsx(Pt,{style:{marginBottom:8},children:"Badge"}),r.jsx(qt,{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."}),r.jsxs(t.Tabs,{value:o,onChange:(e,t)=>a(t),sx:{borderBottom:"1px solid var(--Border)",mb:0},children:[r.jsx(t.Tab,{label:"Playground"}),r.jsx(t.Tab,{label:"Accessibility"})]}),0===o&&r.jsxs(t.Grid,{container:!0,sx:{minHeight:400},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"calc((100vw - 432px) / 2)"},flexShrink:0},children:[r.jsx(t.Box,{sx:{p:4,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:200,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)"},children:r.jsxs(t.Stack,{direction:"row",spacing:6,alignItems:"center",children:[r.jsx(wr,{variant:y(),size:c,badgeContent:S(),dot:p,showZero:m,children:r.jsx(Ye,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})}),r.jsx(wr,{variant:y(),size:c,badgeContent:S(),dot:p,showZero:m,children:r.jsx(v,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})}),r.jsx(wr,{variant:y(),size:c,badgeContent:S(),dot:p,showZero:m,children:r.jsx(j,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})})]})}),r.jsx(ha,{code:(()=>{const e=['variant="'+y()+'"','size="'+c+'"'];if(p)e.push("dot");else{const t=S();"number"==typeof t?e.push("badgeContent={"+t+"}"):t&&e.push('badgeContent="'+t+'"')}return m&&e.push("showZero"),"<Badge "+e.join(" ")+">\n <MailIcon />\n</Badge>"})(),language:"JSX",sx:{borderRadius:0,borderBottom:"1px solid var(--Border)"}})]}),r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"calc(100vw - 432px)",md:"calc((100vw - 432px) / 2)"},flexShrink:0,p:3,backgroundColor:"var(--Container)",overflowY:"auto"},children:[r.jsx(Mt,{children:"Playground"}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",spacing:1,flexWrap:"wrap",sx:{gap:1},children:["solid","outline","light"].map(e=>r.jsx(Fp,{label:Pp(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Mp.map(e=>r.jsx(Wp,{color:e,selected:l===e,onClick:s},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(Fp,{label:Pp(e),selected:c===e,onClick:()=>d(e)},e))}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Badge ",B[c]?.badge," · Dot ",B[c]?.dot," · Font ",B[c]?.font]})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BADGE CONTENT"}),r.jsx(t.TextField,{size:"small",value:u,onChange:e=>x(e.target.value),placeholder:"Number or text",disabled:p,sx:{width:"160px","& .MuiOutlinedInput-root":{fontFamily:"inherit",fontSize:"14px",backgroundColor:"var(--Background)","& fieldset":{borderColor:"var(--Border)"},"&:hover fieldset":{borderColor:"var(--Border)"},"&.Mui-focused fieldset":{borderColor:"var(--Buttons-Primary-Border)"}},"& .MuiOutlinedInput-input":{color:"var(--Text)",padding:"6px 12px"}}})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(t.FormControlLabel,{control:r.jsx(t.Checkbox,{checked:p,onChange:e=>h(e.target.checked),size:"small"}),label:r.jsx(Qt,{children:"Dot (no content)"})}),r.jsx(t.FormControlLabel,{control:r.jsx(t.Checkbox,{checked:m,onChange:e=>f(e.target.checked),size:"small"}),label:r.jsx(Qt,{children:"Show zero"})})]})]})]}),1===o&&r.jsxs(t.Box,{sx:{p:4},children:[r.jsx(Mt,{children:"Accessibility Requirements"}),r.jsxs(Qt,{color:"quiet",style:{marginBottom:32},children:["Based on current Playground settings: ",n," · ",l," · ",c]}),r.jsxs(t.Stack,{spacing:4,children:[r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Badge Text Contrast"}),r.jsx(Qt,{color:"quiet",style:{marginBottom:16},children:"Badge text must have ≥ 4.5:1 contrast against badge background (WCAG 1.4.3 AA)"}),r.jsx(Op,{label:"Badge Text vs. Badge Background",ratio:ba(g.badgeText,g.badgeBg),threshold:4.5,note:"solid"===n?"var(--Buttons-{C}-Text) vs var(--Buttons-{C}-Button)":"outline"===n?"var(--Text) vs var(--Background)":"var(--Buttons-{C}-Text) vs var(--Buttons-{C}-Button)"})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Badge Visibility"}),r.jsx(Qt,{color:"quiet",style:{marginBottom:16},children:"Badge background (or border) must have ≥ 3:1 contrast against page background (WCAG 1.4.11)"}),(()=>{const e=ba(g.badgeBg,g.background),t=g.badgeBorder?ba(g.badgeBorder,g.background):null;return r.jsx(Op,{label:"Badge vs. Page Background",ratio:(o=e,a=t,o||a?o?a?parseFloat(o)>=parseFloat(a)?o:a:o:a:null),threshold:3.1,note:"outline"===n?"Border "+(t||"--")+":1 — outline relies on border contrast":"BG "+(e||"--")+":1"});var o,a})()]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Badge Sizing"}),r.jsx(Qt,{color:"quiet",style:{marginBottom:16},children:"Badge dimensions per size setting"}),r.jsx(t.Box,{sx:{display:"flex",justifyContent:"space-between",py:1.5,borderBottom:"1px solid var(--Border)"},children:r.jsxs(t.Box,{children:[r.jsxs(Qt,{children:["Badge height (",c,")"]}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)"},children:[B[c]?.badge," height · ",B[c]?.font," font · pill shape"]})]})}),r.jsx(t.Box,{sx:{display:"flex",justifyContent:"space-between",py:1.5,borderBottom:"1px solid var(--Border)"},children:r.jsxs(t.Box,{children:[r.jsxs(Qt,{children:["Dot size (",c,")"]}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)"},children:[B[c]?.dot," diameter circle"]})]})})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA & Semantics"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{style:{display:"block",marginBottom:2},children:"Screenreader support:"}),r.jsx(Kt,{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").'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{style:{display:"block",marginBottom:2},children:"Dot variant:"}),r.jsx(Kt,{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."})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{style:{display:"block",marginBottom:2},children:"Max overflow:"}),r.jsx(Kt,{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:n=!0,showValues:i=!1,showLabels:l=!0,animate:s=!0,interactive:c=!0,height:d=200,gapRatio:u=.4,label:x,className:p="",sx:h={},...m}){const f=bm(o),g=vm(o),{active:b,handlers:v}=Wm(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=i?20:8,k=l?22:8,w=Math.max(0,d-B-k),C=ym(f,{fromZero:!0}),{centres:T,bandWidth:I}=Bm(f.length,0,S,{gapRatio:u}),A=B+w,z=n?I/2:0,R=f.length?S/f.length:0;return r.jsxs(t.Box,{component:"figure",className:"bar-chart "+p,sx:{display:"block",width:"100%",m:0,position:"relative",...h},...m,children:[r.jsxs("svg",{viewBox:`0 0 320 ${d}`,width:"100%",height:d,preserveAspectRatio:"none",focusable:"false","aria-hidden":"true",children:[c&&b>=0&&r.jsx("rect",{x:T[b]-R/2,y:0,width:R,height:d,fill:"var(--Hover)",rx:6}),f.map((e,t)=>{const o=T[t]-I/2,n=jm(e,C,B,w),i=Math.max(0,A-n);return r.jsxs("g",{children:[a&&r.jsx("rect",{x:o,y:B,width:I,height:w,rx:z,ry:z,fill:Rm.track}),i>0&&r.jsx("rect",{x:o,y:n,width:I,height:i,rx:Math.min(z,i/2),ry:Math.min(z,i/2),fill:Rm.fill,style:{transformBox:"fill-box",transformOrigin:"bottom",transform:y?"scaleY(1)":"scaleY(0)",transition:`transform ${Dm}`}})]},t)}),i&&f.map((e,t)=>r.jsx("text",{x:T[t],y:jm(e,C,B,w)-6,textAnchor:"middle",fill:Rm.label,...Lm,children:e},"v"+t)),l&&g.map((e,t)=>r.jsx("text",{x:T[t],y:d-6,textAnchor:"middle",fill:Rm.quietLabel,...Lm,children:e},"l"+t)),c&&b>=0&&!i&&r.jsx(Hm,{x:T[b],y:jm(f[b],C,B,w),text:f[b],width:S,tokens:Rm})]}),c&&r.jsx(Fm,{count:f.length,width:S,centres:T,bandWidth:R,labels:g,values:f,handlers:v}),r.jsx(Mm,{caption:x||`Bar chart, ${f.length} values`,labels:g,values:f})]})},exports.BevelText=Uh,exports.BevelTextShowcase=function(){const[o,a]=e.useState("DinoDesign"),[n,i]=e.useState("Primary"),[l,s]=e.useState("Classic"),[c,d]=e.useState("light"),[u,x]=e.useState(135),[p,h]=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,I]=e.useState(96),[A,z]=e.useState(900),[R,E]=e.useState(0),L="custom"===l,P=L?{angle:u,depth:p,softness:m,bevel:g,shadow:v,shadowDistance:j,shadowBlur:B,shadowOpacity:w/100}:void 0,M=$h.find(e=>e.value===c)?.css||$h[0].css;return r.jsxs(t.Box,{children:[r.jsx(Pt,{style:{marginBottom:12},children:"Bevel Display Text"}),r.jsx(qt,{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."}),r.jsxs(t.Box,{sx:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(360px, 1fr))",gap:3,alignItems:"start"},children:[r.jsx(t.Box,{sx:{minWidth:0},children:r.jsx(t.Box,{"data-surface":"Container",sx:{background:M,borderRadius:2,p:4,display:"flex",alignItems:"center",justifyContent:"center",minHeight:240,overflow:"auto",position:"sticky",top:16,transition:"background 0.2s"},children:r.jsx(Uh,{text:o,theme:n,preset:l,custom:P,fontSize:T,fontWeight:A,letterSpacing:R})})}),r.jsx(t.Box,{sx:{minWidth:0,alignSelf:"flex-start"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Stack,{spacing:3,sx:{p:3,maxWidth:720},children:[r.jsx(jo,{label:"Text",value:o,onChange:e=>a(e.target.value),placeholder:"Your headline…",size:"medium"}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"THEME"}),r.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Rh.map(e=>r.jsx(Kh,{label:e,selected:n===e,onClick:()=>i(e)},e))}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Resolves to ",r.jsxs("code",{children:["--Buttons-","{Theme}","-Button"]})," ","(fill), ",r.jsx("code",{children:"-Highlight"})," (light edge), and"," ",r.jsx("code",{children:"-Lowlight"})," (shadow edge)."]})]}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PRESETS"}),r.jsx(t.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:Xh.map(e=>r.jsx(Yh,{option:e,active:l===e.value,onClick:()=>function(e){if(s(e),"custom"!==e){const t=Ph(e);x(t.angle),h(t.depth??5),f(t.softness??1),b(t.bevel),y(t.shadow),S(t.shadowDistance??6),k(t.shadowBlur??8),C(Math.round(100*(t.shadowOpacity??.6)))}}(e.value)},e.value))})]}),L&&r.jsxs(t.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",p:2},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:12},children:"CUSTOM"}),r.jsxs(t.Stack,{spacing:2,children:[r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Light angle",r.jsxs("span",{style:{float:"right"},children:[u,"°"]})]}),r.jsx(si,{min:0,max:360,step:5,value:u,onChange:(e,t)=>x(t)})]}),r.jsxs(t.Box,{sx:{border:"1px solid var(--Border-Variant)",borderRadius:1,p:1.5},children:[r.jsx(Ta,{label:"Inset bevel",checked:g,onChange:e=>b(e.target.checked)}),g&&r.jsxs(t.Stack,{spacing:1.5,sx:{mt:1.5},children:[r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Depth",r.jsxs("span",{style:{float:"right"},children:[p,"px"]})]}),r.jsx(si,{min:1,max:16,step:1,value:p,onChange:(e,t)=>h(t)})]}),r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Softness",r.jsxs("span",{style:{float:"right"},children:[m,"px"]})]}),r.jsx(si,{min:0,max:6,step:.5,value:m,onChange:(e,t)=>f(t)})]})]})]}),r.jsxs(t.Box,{sx:{border:"1px solid var(--Border-Variant)",borderRadius:1,p:1.5},children:[r.jsx(Ta,{label:"Drop shadow",checked:v,onChange:e=>y(e.target.checked)}),v&&r.jsxs(t.Stack,{spacing:1.5,sx:{mt:1.5},children:[r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Distance",r.jsxs("span",{style:{float:"right"},children:[j,"px"]})]}),r.jsx(si,{min:1,max:24,step:1,value:j,onChange:(e,t)=>S(t)})]}),r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Blur",r.jsxs("span",{style:{float:"right"},children:[B,"px"]})]}),r.jsx(si,{min:0,max:24,step:1,value:B,onChange:(e,t)=>k(t)})]}),r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Opacity",r.jsxs("span",{style:{float:"right"},children:[w,"%"]})]}),r.jsx(si,{min:10,max:100,step:5,value:w,onChange:(e,t)=>C(t)})]})]})]})]})]}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPOGRAPHY"}),r.jsxs(t.Stack,{spacing:2,children:[r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Font size",r.jsxs("span",{style:{float:"right"},children:[T,"px"]})]}),r.jsx(si,{min:32,max:160,step:4,value:T,onChange:(e,t)=>I(t)})]}),r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Font weight",r.jsx("span",{style:{float:"right"},children:A})]}),r.jsx(si,{min:400,max:900,step:100,value:A,onChange:(e,t)=>z(t)})]}),r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Letter spacing",r.jsxs("span",{style:{float:"right"},children:[R,"px"]})]}),r.jsx(si,{min:-2,max:20,step:1,value:R,onChange:(e,t)=>E(t)})]})]})]}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PREVIEW BACKGROUND"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:$h.map(e=>r.jsx(Kh,{label:e.label,selected:c===e.value,onClick:()=>d(e.value)},e.value))}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Showcase-only — doesn't affect the emitted code."})]})]})}),r.jsx(Mo,{value:1,children:r.jsxs(t.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[r.jsxs(Kt,{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"," ",r.jsx("code",{children:'role="img"'})," and ",r.jsx("code",{children:"aria-label"})," to the rendered string so screen readers announce it as a labeled image, not a stream of glyphs."]}),r.jsx(Qt,{color:"quiet",children:"Keep the rendered glyph height above ~24px when the bevel is on — at smaller sizes the highlight / lowlight stripes optically reduce the legible stroke width and the 3:1 contrast no longer feels comfortable."})]})})]})})})]})]})},exports.BlackWhiteToggleButtonGroup=e=>r.jsx(Wn,{variant:"black-white",...e}),exports.Body=qt,exports.Body1=Ut,exports.Body2=Xt,exports.BodyBold=e=>r.jsx(Et,{textStyle:"body-bold",...e}),exports.BodyLarge=$t,exports.BodyLargeBold=e=>r.jsx(Et,{textStyle:"body-large-bold",...e}),exports.BodyLargeSemibold=e=>r.jsx(Et,{textStyle:"body-large-semibold",...e}),exports.BodySemibold=e=>r.jsx(Et,{textStyle:"body-semibold",...e}),exports.BodySmall=Qt,exports.BodySmallBold=e=>r.jsx(Et,{textStyle:"body-small-bold",...e}),exports.BodySmallSemibold=Gt,exports.BottomNavigation=Il,exports.BottomNavigationShowcase=function(){const[o,a]=e.useState(0),[n,i]=e.useState(0),[l,s]=e.useState(!0),[c,d]=e.useState(!0),[u,x]=e.useState("vertical"),[p,h]=e.useState(!0),[m,f]=e.useState("default"),[g,b]=e.useState(4),[v,y]=e.useState(El.map(e=>({icon:e.icon,label:e.label}))),j=g<=4;e.useEffect(()=>{g>4&&"horizontal"===u&&x("vertical")},[g,u]),e.useEffect(()=>{y(e=>{const t=[],r=[{icon:"Favorite",label:"Favorites"},{icon:"Person",label:"Profile"}];for(let o=0;o<g;o++)if(e[o])t.push(e[o]);else{const e=r[o-El.length]||{icon:Rl[o%Rl.length],label:Rl[o%Rl.length]};t.push(e)}return t}),i(e=>Math.min(e,g-1))},[g]);const S=(e,t,r)=>{y(o=>{const a=[...o];return a[e]={...a[e],[t]:r},a})},B=v.slice(0,g).map(e=>({icon:zl[e.icon]||zl.Home,label:e.label}));return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Bottom Navigation"}),r.jsxs(t.Tabs,{value:o,onChange:(e,t)=>a(t),sx:{mt:3,mb:0,borderBottom:"1px solid var(--Border)","& .MuiTabs-indicator":{backgroundColor:"var(--Buttons-Primary-Button)",height:3},"& .MuiTab-root":{color:"var(--Text-Quiet)",textTransform:"none",fontWeight:500,"&.Mui-selected":{color:"var(--Text)"}}},children:[r.jsx(t.Tab,{label:"Playground"}),r.jsx(t.Tab,{label:"Accessibility"})]}),0===o&&r.jsxs(t.Grid,{container:!0,sx:{minHeight:400},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"calc((100vw - 432px) / 2)"},flexShrink:0},children:[r.jsxs(t.Box,{sx:{p:4,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:300,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",gap:4},children:[r.jsx(t.Box,{sx:{width:"100%",maxWidth:500,overflow:"hidden",boxShadow:"0 2px 12px rgba(0,0,0,0.08)"},children:r.jsx(Il,{items:B,value:n,onChange:i,showLabels:c,labelOrientation:u,backfill:p,barColor:m,fixed:!1},"bn-"+g+"-"+u+"-"+p+"-"+c+"-"+m)}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",textAlign:"center"},children:[g," items · ",c?"horizontal"===u&&j?"Horizontal labels":"Vertical labels":"Icons only",p?" · Backfill":""," · ",(Ll.find(e=>e.value===m)||Ll[0]).label]})]}),r.jsx(ha,{code:(()=>{const e=[];e.push("const items = ["),B.forEach((t,r)=>{const o=v[r];e.push(" { icon: <"+o.icon+"Icon />, label: '"+o.label+"' },")}),e.push("];"),e.push("");const t=[];return t.push("items={items}"),"default"!==m&&t.push('barColor="'+m+'"'),c||t.push("showLabels={false}"),c&&"horizontal"===u&&j&&t.push('labelOrientation="horizontal"'),p||t.push("backfill={false}"),l||t.push("fixed={false}"),e.push("<BottomNavigation"),t.forEach(t=>e.push(" "+t)),e.push("/>"),e.join("\n")})(),language:"JSX",sx:{borderRadius:0,borderBottom:"1px solid var(--Border)"}})]}),r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"calc(100vw - 432px)",md:"calc((100vw - 432px) / 2)"},flexShrink:0,p:3,backgroundColor:"var(--Container)",overflowY:"auto"},children:[r.jsx(Mt,{children:"Playground"}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BAR COLOR"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Ll.map(e=>r.jsx(Pl,{label:e.label,selected:m===e.value,onClick:()=>f(e.value)},e.value))}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:[(Ll.find(e=>e.value===m)||Ll[0]).desc,' · data-surface="Surface-Dim" · bg: var(--Background)']})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsx(Wl,{label:"Fixed",checked:l,onChange:s,caption:"Position fixed to bottom of viewport."}),r.jsx(Wl,{label:"Labels",checked:c,onChange:d,caption:"Show text labels with icons."}),r.jsx(Wl,{label:"Selected Backfill",checked:p,onChange:h,caption:"Pill on selected: bg var(--Buttons-Primary-Button), border var(--Buttons-Primary-Border), icon var(--Buttons-Primary-Text)."})]})]}),c&&r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL ORIENTATION"}),r.jsxs(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[r.jsx(Pl,{label:"Vertical",selected:"vertical"===u,onClick:()=>x("vertical")}),r.jsx(Pl,{label:"Horizontal",selected:"horizontal"===u&&j,onClick:()=>{j&&x("horizontal")},disabled:!j})]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:j?"vertical"===u?"Icon above label (default). Label below pill.":"Icon beside label. Label inside pill when backfill is on.":"Horizontal is only available with 4 or fewer items. Reduce item count to enable."})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"NAVIGATION ITEMS"}),r.jsx(Ol,{label:"Count",value:g,onChange:b,min:3,max:6}),r.jsx(t.Stack,{spacing:1.5,sx:{mt:2},children:v.slice(0,g).map((e,o)=>r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"nowrap"},children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",flexShrink:0,width:16,textAlign:"right"},children:o+1}),r.jsx(Dl,{value:e.icon,onChange:e=>S(o,"icon",e),options:Rl,label:"Item "+(o+1)+" icon"}),c&&r.jsx(Ml,{value:e.label,onChange:e=>S(o,"label",e),placeholder:"Label"})]},o))})]})]})]}),1===o&&r.jsxs(t.Box,{sx:{p:4},children:[r.jsx(Mt,{children:"Accessibility Requirements"}),r.jsxs(Qt,{color:"quiet",style:{marginBottom:32},children:[g," items · ",c?"Labels "+u:"Icons only",p?" · Backfill":""," · ",(Ll.find(e=>e.value===m)||Ll[0]).label]}),r.jsxs(t.Stack,{spacing:4,children:[r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Landmark:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<nav role="navigation" aria-label="Bottom navigation">'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Tab list:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'role="tablist"'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Tab items:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'role="tab", aria-selected, aria-label'})]}),r.jsxs(t.Box,{sx:{py:1.5},children:[r.jsx(Qt,{children:"Focus:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"3px solid var(--Focus-Visible) on :focus-visible."})]})]})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Token Reference"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Bar:"}),r.jsx(Kt,{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.).'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Unselected icon/label:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text-Quiet)"})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Selected (no backfill):"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text)"})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Selected backfill pill:"}),r.jsx(Kt,{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)"})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Backfill + horizontal label:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"Label inside pill: var(--Buttons-Primary-Text)"})]}),r.jsxs(t.Box,{sx:{py:1.5},children:[r.jsx(Qt,{children:"Backfill + vertical label:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"Label below pill: var(--Text)"})]})]})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Best Practices"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Item count:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"3–5 recommended. 6 maximum."})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Horizontal layout:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"Only available with 4 or fewer items."})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Labels:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"Always recommended for clarity."})]}),r.jsxs(t.Box,{sx:{py:1.5},children:[r.jsx(Qt,{children:"Fixed:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"Add bottom padding to main content to avoid overlap."})]})]})]})]})]})]})},exports.Box=Di,exports.BoxShowcase=function(){const[o,a]=e.useState(""),[n,i]=e.useState(""),[l,s]=e.useState(null),[c,d]=e.useState("Surface");return r.jsxs(Di,{sx:{pb:8},children:[r.jsx(Pt,{children:"Box"}),r.jsxs(qt,{color:"quiet",style:{marginTop:8,marginBottom:24,maxWidth:720},children:["Bare layout primitive — a slot that participates in the design-system cascade (",r.jsx("code",{children:"data-theme"})," / ",r.jsx("code",{children:"data-surface"}),") without carrying any chrome. Reach for ",r.jsx("code",{children:"<Ratio>"})," or",r.jsx("code",{children:" <Card>"})," when you need padding, borders, or shadow."]}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:l,surface:c,children:r.jsx(Di,{sx:{width:"100%",maxWidth:400},children:r.jsx(Di,{theme:o||void 0,surface:n||void 0,children:r.jsxs(Di,{sx:{padding:3,backgroundColor:"var(--Background)",color:"var(--Text)",borderRadius:"var(--Style-Border-Radius)",border:"1px dashed var(--Border-Variant)"},children:[r.jsx(Dt,{children:"Box content"}),r.jsx(qt,{style:{color:"var(--Text-Quiet)",marginTop:6},children:"Anything dropped inside resolves tokens against the Box's theme / surface, if you set them."})]})})})}),r.jsx(ha,{code:(()=>{const e=[];o&&e.push('theme="'+o+'"'),n&&e.push('surface="'+n+'"');return"<Box"+(e.length?" "+e.join(" "):"")+">\n {/* anything */}\n</Box>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(Di,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"When to use"})]}),r.jsx(Mo,{value:0,children:r.jsxs(Di,{sx:{p:3},children:[r.jsx(Di,{sx:{mb:3},children:r.jsx(Ho,{theme:l,onThemeChange:s,surface:c,onSurfaceChange:d})}),r.jsxs(Di,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"THEME (optional)"}),r.jsxs(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[r.jsx(Fi,{label:"None",selected:!o,onClick:()=>a("")}),Wi.map(e=>r.jsx(Fi,{label:e,selected:o===e,onClick:()=>a(e)},e))]})]}),r.jsxs(Di,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SURFACE (optional)"}),r.jsxs(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[r.jsx(Fi,{label:"None",selected:!n,onClick:()=>i("")}),Oi.map(e=>r.jsx(Fi,{label:e,selected:n===e,onClick:()=>i(e)},e))]}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Both props are pass-throughs to ",r.jsx("code",{children:"data-theme"})," ","and ",r.jsx("code",{children:"data-surface"}),". Leave empty to inherit from the parent zone."]})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(Di,{sx:{p:3},children:r.jsxs(t.Stack,{spacing:2,children:[r.jsxs(Di,{children:[r.jsx(Qt,{style:{fontWeight:700},children:"Reach for Box when…"}),r.jsx(Kt,{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."})]}),r.jsxs(Di,{children:[r.jsx(Qt,{style:{fontWeight:700},children:"Use Ratio when…"}),r.jsx(Kt,{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."})]}),r.jsxs(Di,{children:[r.jsx(Qt,{style:{fontWeight:700},children:"Use Card when…"}),r.jsx(Kt,{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=nl,exports.Breadcrumbs=al,exports.BreadcrumbsShowcase=function(){const[o,a]=e.useState("medium"),[n,i]=e.useState("/"),[l,s]=e.useState(!1),[c,d]=e.useState(null),[u,x]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Breadcrumbs"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:c,surface:u,children:r.jsxs(al,{size:o,separator:n,condense:l,maxItems:3,children:[r.jsx(nl,{href:"#",children:"Home"}),r.jsx(nl,{href:"#",children:"Products"}),r.jsx(nl,{href:"#",children:"Shoes"}),r.jsx(nl,{children:"Running Shoes"})]})}),r.jsx(ha,{code:(()=>{const e=[];return"medium"!==o&&e.push('size="'+o+'"'),"/"!==n&&e.push('separator="'+n+'"'),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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:c,onThemeChange:d,surface:u,onSurfaceChange:x})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(ll,{label:il(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SEPARATOR"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["/","›","→","·","|"].map(e=>r.jsx(ll,{label:e,selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Condense"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Collapse middle items into ellipsis"})]}),r.jsx(Ca,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Condense"})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Nav",value:'<nav aria-label="Breadcrumb">'},{label:"List",value:"<ol> with <li> for each crumb"},{label:"Current",value:'aria-current="page" on the last item'},{label:"Links",value:"BreadcrumbItem renders <a> when href is provided"},{label:"Ellipsis",value:'Expandable button with aria-label="Show full breadcrumb trail"'},{label:"Separator",value:'aria-hidden="true" — decorative only'}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Button=Zr,exports.ButtonGroup=Na,exports.ButtonSmall=dr,exports.ButtonText=ur,exports.CAP_HEIGHT_TRIM=Lt,exports.CHART_LABEL_TYPE=Lm,exports.CHART_TOKENS=Rm,exports.Caption=Kt,exports.CaptionBold=e=>r.jsx(Et,{textStyle:"caption-bold",...e}),exports.Card=_a,exports.CenteredStack=e=>r.jsx(Ga,{direction:"column",alignItems:"center",justifyContent:"center",...e}),exports.Checkbox=function({variant:e="primary",size:o="medium",label:a,checked:n,defaultChecked:i,indeterminate:l=!1,disabled:s=!1,onChange:c,name:d,value:u,className:x="",sx:p={},"aria-label":h,"aria-labelledby":m,"aria-describedby":f,inputProps:g={},...b}){ao(e);const v=no[o]||no.medium,y="small"===o?Qt:qt,j={...g,...h&&{"aria-label":h},...m&&{"aria-labelledby":m},...f&&{"aria-describedby":f}},S=r.jsx(t.Checkbox,{checked:n,defaultChecked:i,indeterminate:l,disabled:s,onChange:c,name:d,value:u,icon:r.jsx(lo,{size:o,variant:e}),checkedIcon:r.jsx(so,{size:o,variant:e}),indeterminateIcon:r.jsx(co,{size:o,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"},"&.Mui-focusVisible .chk-box-icon":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled":{opacity:.6,cursor:"not-allowed",pointerEvents:"none"},...p},...b});return a?r.jsx(t.FormControlLabel,{control:S,label:r.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},exports.Chip=wi,exports.CircularProgress=mp,exports.CircularProgressShowcase=function(){const[o,a]=e.useState("default"),[n,i]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(65),[u,x]=e.useState(!1),[p,h]=e.useState(null),[m,f]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Circular Progress"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:p,children:r.jsx(mp,{color:o,size:n,value:l?c:void 0,showValue:l&&u})}),r.jsx(ha,{code:(()=>{const e=[];return"default"!==o&&e.push('color="'+o+'"'),"medium"!==n&&e.push('size="'+n+'"'),l&&(e.push("value={"+c+"}"),u&&e.push("showValue")),0===e.length?"<CircularProgress />":"<CircularProgress\n "+e.join("\n ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:p,onThemeChange:h,surface:m,onSurfaceChange:f})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:gp.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(vp,{color:e,selected:o===e,onClick:a},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(bp,{label:fp(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Determinate"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show a static arc at a specific value"})]}),r.jsx(Ca,{checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Determinate"})]}),l&&r.jsxs(r.Fragment,{children:[r.jsx(t.Box,{sx:{mt:2},children:r.jsx(si,{label:"Value",min:0,max:100,value:c,onChange:(e,t)=>d(t),size:"small",valueLabelDisplay:"auto"})}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Show Label"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Center percentage text"})]}),r.jsx(Ca,{checked:u,onChange:e=>x(e.target.checked),size:"small","aria-label":"Show label"})]})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsxs(t.Stack,{spacing:3,children:[r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Role:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'role="progressbar"'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Determinate:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'aria-valuenow, aria-valuemin="0", aria-valuemax="100"'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Indeterminate:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'aria-label="Loading" (no value attributes)'})]}),r.jsxs(t.Box,{sx:{py:1.5},children:[r.jsx(Qt,{children:"Label:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"Center percentage label is aria-hidden — screen readers use aria-valuenow."})]})]})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Token Reference"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Track (back circle):"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Border-Variant)"})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Fill (progress arc):"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Buttons-{Color}-Border)"})]}),r.jsxs(t.Box,{sx:{py:1.5},children:[r.jsx(Qt,{children:"Center label:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text)"})]})]})]})]})})})]})})})]})]})},exports.CodeBlock=ha,exports.Colors=function(){const e=({color:e})=>r.jsxs(t.Box,{sx:{textAlign:"center"},children:[r.jsx(t.Box,{sx:{width:"80px",height:"80px",backgroundColor:`var(${e.var})`,borderRadius:"8px",border:"1px solid var(--Border)",mb:1,mx:"auto"}}),r.jsx(t.Typography,{variant:"body2",sx:{fontWeight:600,fontSize:"12px",color:"var(--Text)",mb:.5,wordBreak:"break-word"},children:e.name}),r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block",fontSize:"10px",fontFamily:"monospace",wordBreak:"break-all"},children:e.var})]});return r.jsxs(t.Stack,{spacing:6,children:[r.jsxs(t.Box,{children:[r.jsx(t.Typography,{variant:"h5",sx:{mb:3,fontWeight:700},children:"Brand Colors (Static)"}),r.jsx(t.Stack,{direction:"row",spacing:3,sx:{justifyContent:"center",flexWrap:"wrap",gap:3},children:[{name:"Primary",var:"--Primary-Color-11"},{name:"Secondary",var:"--Secondary-Color-11"},{name:"Tertiary",var:"--Tertiary-Color-11"}].map(t=>r.jsx(e,{color:t},t.var))})]}),r.jsxs(t.Box,{children:[r.jsx(t.Typography,{variant:"h5",sx:{mb:3,fontWeight:700},children:"Background Colors (Dynamic)"}),r.jsx(t.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Update based on selected Background variant and Mode"}),r.jsx(t.Grid,{container:!0,spacing:2,sx:{justifyContent:"center"},children:[{name:"Default Background",cssVar:"var(--Theme-Default-Surfaces-Surface)"},{name:"Primary Background",cssVar:"var(--Theme-Primary-Surfaces-Surface)"},{name:"Secondary Background",cssVar:"var(--Theme-Secondary-Surfaces-Surface)"},{name:"Tertiary Background",cssVar:"var(--Theme-Tertiary-Surfaces-Surface)"},{name:"Neutral Background",cssVar:"var(--Theme-Neutral-Surfaces-Surface)"},{name:"Neutral-Variant Background",cssVar:"var(--Theme-Neutral-Variant-Surfaces-Surface)"}].map(e=>r.jsx(t.Grid,{item:!0,sx:{display:"flex",justifyContent:"center"},children:r.jsxs(t.Box,{sx:{textAlign:"center"},children:[r.jsx(t.Box,{sx:{minWidth:"max(var(--Button-Height), var(--Min-Button-Width))",minHeight:"var(--Button-Height)",backgroundColor:e.cssVar,borderRadius:"var(--Style-Border-Radius)",border:"2px solid var(--Border)",mb:1}}),r.jsx(t.Typography,{variant:"body2",sx:{fontWeight:600,fontSize:"12px",color:"var(--Text)",wordBreak:"break-word"},children:e.name})]})},e.name))})]}),r.jsxs(t.Box,{children:[r.jsx(t.Typography,{variant:"h5",sx:{mb:3,fontWeight:700},children:"Dynamic Colors (Update with Mode, Background & Surface)"}),r.jsx(t.Alert,{severity:"info",sx:{backgroundColor:"var(--Container-Low)",mb:3,border:"1px solid var(--Border)"},children:r.jsxs(t.Typography,{variant:"body2",children:["Most colors update automatically based on the current"," ",r.jsx("strong",{children:"Mode"})," (Light/Dark), ",r.jsx("strong",{children:"Background"})," ","variant, and ",r.jsx("strong",{children:"Surface"})," theme. Only Primary, Secondary, and Tertiary colors are fixed brand colors."]})}),r.jsx(t.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"These colors automatically adapt based on:"}),r.jsxs(t.Stack,{spacing:1,sx:{mb:4},children:[r.jsxs(t.Box,{sx:{display:"flex",gap:2},children:[r.jsx(t.Typography,{variant:"body2",sx:{fontWeight:600,minWidth:80},children:"Mode:"}),r.jsx(t.Typography,{variant:"body2",children:"Light or Dark theme"})]}),r.jsxs(t.Box,{sx:{display:"flex",gap:2},children:[r.jsx(t.Typography,{variant:"body2",sx:{fontWeight:600,minWidth:80},children:"Background:"}),r.jsx(t.Typography,{variant:"body2",children:"Default, Primary, Secondary, Tertiary, Neutral, or Neutral-Variant"})]}),r.jsxs(t.Box,{sx:{display:"flex",gap:2},children:[r.jsx(t.Typography,{variant:"body2",sx:{fontWeight:600,minWidth:80},children:"Surface:"}),r.jsx(t.Typography,{variant:"body2",children:"Theme surface layer selection"})]})]}),r.jsx(t.Stack,{spacing:4,children:[{name:"Layout & Surfaces",colors:[{name:"Background",var:"--Background"},{name:"Border",var:"--Border"},{name:"Border-Variant",var:"--Border-Variant"}]},{name:"Text & Links",colors:[{name:"Header",var:"--Header"},{name:"Text",var:"--Text"},{name:"Text-Quiet",var:"--Text-Quiet"},{name:"Hotlink",var:"--Hotlink"},{name:"Hotlink-Visited",var:"--Hotlink-Visited"}]},{name:"Buttons - Primary",colors:[{name:"Button BG",var:"--Button-Primary-Button"},{name:"Button Text",var:"--Button-Primary-Text"},{name:"Button Hover",var:"--Button-Primary-Hover"},{name:"Button Active",var:"--Button-Primary-Pressed"},{name:"Focus-Visible",var:"--Focus-Visible"}]},{name:"Buttons - Secondary",colors:[{name:"Button BG",var:"--Button-Secondary-Button"},{name:"Button Text",var:"--Button-Secondary-Text"},{name:"Button Hover",var:"--Button-Secondary-Hover"},{name:"Button Active",var:"--Button-Secondary-Pressed"},{name:"Focus-Visible",var:"--Focus-Visible"}]},{name:"Buttons - State",colors:[{name:"Info Button",var:"--Button-Info-Button"},{name:"Success Button",var:"--Button-Success-Button"},{name:"Warning Button",var:"--Button-Warning-Button"},{name:"Error Button",var:"--Button-Error-Button"}]},{name:"Icons",colors:[{name:"Default",var:"--Icons-Default"},{name:"Primary",var:"--Icons-Primary"},{name:"Secondary",var:"--Icons-Secondary"},{name:"Tertiary",var:"--Icons-Tertiary"},{name:"Neutral",var:"--Icons-Neutral"},{name:"Info",var:"--Icons-Info"},{name:"Success",var:"--Icons-Success"},{name:"Warning",var:"--Icons-Warning"},{name:"Error",var:"--Icons-Error"}]},{name:"Chips & Badges",colors:[{name:"Primary BG",var:"--Tags-Primary-BG"},{name:"Primary Text",var:"--Tags-Primary-Text"},{name:"Secondary BG",var:"--Tags-Secondary-BG"},{name:"Secondary Text",var:"--Tags-Secondary-Text"},{name:"Tertiary BG",var:"--Tags-Tertiary-BG"},{name:"Tertiary Text",var:"--Tags-Tertiary-Text"},{name:"Neutral BG",var:"--Tags-Neutral-BG"},{name:"Neutral Text",var:"--Tags-Neutral-Text"},{name:"Info BG",var:"--Tags-Info-BG"},{name:"Info Text",var:"--Tags-Info-Text"},{name:"Success BG",var:"--Tags-Success-BG"},{name:"Success Text",var:"--Tags-Success-Text"},{name:"Warning BG",var:"--Tags-Warning-BG"},{name:"Warning Text",var:"--Tags-Warning-Text"},{name:"Error BG",var:"--Tags-Error-BG"},{name:"Error Text",var:"--Tags-Error-Text"}]}].map(o=>r.jsxs(t.Box,{children:[r.jsx(t.Typography,{variant:"h6",sx:{mb:2,fontWeight:600},children:o.name}),r.jsx(t.Grid,{container:!0,spacing:2,sx:{justifyContent:"center"},children:o.colors.map(o=>r.jsx(t.Grid,{item:!0,sx:{display:"flex",justifyContent:"center"},children:r.jsx(e,{color:o})},o.var))})]},o.name))})]}),r.jsxs(t.Box,{sx:{pt:4,borderTop:"1px solid var(--Border)"},children:[r.jsx(t.Typography,{variant:"h5",sx:{mb:2,fontWeight:700},children:"How to Use"}),r.jsxs(t.Stack,{spacing:2,children:[r.jsxs(t.Box,{children:[r.jsx(t.Typography,{variant:"h6",sx:{fontWeight:600,mb:1},children:"Static Colors"}),r.jsxs(t.Typography,{variant:"body2",sx:{color:"var(--Text-Secondary)"},children:["Use brand colors (",r.jsx("code",{style:{backgroundColor:"var(--Container)",padding:"2px 4px",borderRadius:"4px"},children:"--Primary-Color-11"}),","," ",r.jsx("code",{style:{backgroundColor:"var(--Container)",padding:"2px 4px",borderRadius:"4px"},children:"--Secondary-Color-11"}),","," ",r.jsx("code",{style:{backgroundColor:"var(--Container)",padding:"2px 4px",borderRadius:"4px"},children:"--Tertiary-Color-11"}),") for brand elements that should never change."]})]}),r.jsxs(t.Box,{children:[r.jsx(t.Typography,{variant:"h6",sx:{fontWeight:600,mb:1},children:"Dynamic Colors"}),r.jsx(t.Typography,{variant:"body2",sx:{color:"var(--Text-Secondary)"},children:"Use dynamic color variables for all UI elements. They will automatically update when users change Mode, Background, or Surface settings."})]}),r.jsxs(t.Box,{children:[r.jsx(t.Typography,{variant:"h6",sx:{fontWeight:600,mb:1},children:"Example Usage"}),r.jsx(t.Box,{component:"pre",sx:{backgroundColor:"var(--Container)",p:2,borderRadius:"8px",overflow:"auto",fontSize:"12px",border:"1px solid var(--Border)",color:"var(--Text)"},children:"/* Dynamic - updates with theme changes */\ncolor: var(--Text);\nbackgroundColor: var(--Background);\nborderColor: var(--Border);\n\n/* Static - brand colors stay the same */\naccentColor: var(--Primary-Color-11);"})]})]})]})]})},exports.Container=function({children:e,maxWidth:o="lg",disableGutters:a=!1,sx:n={},...i}){return r.jsx(t.Container,{maxWidth:o,disableGutters:a,"data-surface":"Surface",sx:{backgroundColor:"var(--Background)",color:"var(--Text)",transition:"all 0.2s ease-in-out",...n},...i,children:e})},exports.CopyButton=pa,exports.Copyright=ph,exports.CopyrightShowcase=function(){const[o,a]=e.useState("DinoDesign"),[n,i]=e.useState((new Date).getFullYear()),[l,s]=e.useState("All rights reserved"),[c,d]=e.useState(""),[u,x]=e.useState(!1),[p,h]=e.useState("default"),m=e.useRef(null),[f,g]=e.useState(null);return e.useEffect(()=>{m.current&&g({current:m.current.querySelector(".dino-copyright")})},[p,u,o,n,l,c]),r.jsxs(t.Box,{children:[r.jsx(Pt,{style:{marginBottom:12},children:"Copyright"}),r.jsxs(qt,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:["Standalone copyright strip used at the bottom of pages. Defaults to"," ",r.jsxs("code",{children:["© ","{year}"," ","{companyName}",". ","{rights}","."]})," Pass"," ",r.jsx("code",{children:"children"})," to override the entire text."]}),r.jsx(t.Box,{ref:m,sx:{borderRadius:1,overflow:"hidden",mb:4},children:u?r.jsx(ph,{color:p,children:c||"Type a custom message →"}):r.jsx(ph,{color:p,companyName:o,year:Number(n)||(new Date).getFullYear(),rights:l})}),r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Stack,{spacing:3,sx:{p:3,maxWidth:560},children:[r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TEXT MODE"}),r.jsxs(t.Stack,{direction:"row",spacing:1,children:[r.jsx(zh,{label:"Auto-generated",selected:!u,onClick:()=>x(!1)}),r.jsx(zh,{label:"Custom",selected:u,onClick:()=>x(!0)})]})]}),!u&&r.jsxs(r.Fragment,{children:[r.jsx(jo,{label:"Company name",value:o,onChange:e=>a(e.target.value),placeholder:"DinoDesign",size:"medium"}),r.jsx(An,{label:"Year",value:Number(n),onChange:e=>i(e),min:1900,max:2100}),r.jsx(jo,{label:"Rights text",value:l,onChange:e=>s(e.target.value),placeholder:"All rights reserved",size:"medium"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:'Leave Rights blank to omit "All rights reserved." entirely.'})]}),u&&r.jsxs(r.Fragment,{children:[r.jsx(jo,{label:"Custom text",value:c,onChange:e=>d(e.target.value),placeholder:"© 2026 DinoDesign · MIT License · Built with love",size:"medium",multiline:!0}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"Pass any string (or React node) as children to fully override the auto text."})]}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Ah.map(e=>r.jsx(zh,{label:e.label,selected:p===e.value,onClick:()=>h(e.value)},e.value))}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Matches the Footer color presets so the two stack cleanly."})]})]})}),r.jsx(Mo,{value:1,children:r.jsxs(t.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[r.jsx(Kt,{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&&r.jsx(Bh,{targetRef:f,label:"Copyright strip",deps:[p,u,o,n,l,c]})]})})]})]})},exports.CurvedText=Fh,exports.CurvedTextShowcase=function(){const[o,a]=e.useState("Your Brand. Perfected."),[n,i]=e.useState("display-large"),[l,s]=e.useState("primary"),[c,d]=e.useState([(u="up",{arc:140,radius:340,direction:u})]);var u;const[x,p]=e.useState(0),[h,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,n,c,x,h,f,b,y,S]);const T=Vh.find(e=>e.value===l)?.css||Vh[0].css;function I(e,t){d(r=>r.map((r,o)=>o===e?{...r,...t}:r))}return r.jsxs(t.Box,{children:[r.jsx(Pt,{style:{marginBottom:12},children:"Curved Display Text"}),r.jsx(qt,{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."}),r.jsxs(t.Box,{sx:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(360px, 1fr))",gap:3,alignItems:"start"},children:[r.jsx(t.Box,{sx:{minWidth:0},children:r.jsx(t.Box,{ref:k,"data-surface":"Container",sx:{background:"var(--Background)",borderRadius:2,p:3,display:"flex",alignItems:"center",justifyContent:"center",overflow:"auto",position:"sticky",top:16},children:r.jsx(Fh,{text:o,curves:c,textStyle:n,rotation:x,letterSpacing:h,fontWeight:f,bevel:b,bevelTheme:y,bevelPreset:b?S:void 0,color:T})})}),r.jsx(t.Box,{sx:{minWidth:0,alignSelf:"flex-start"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Stack,{spacing:3,sx:{p:3,maxWidth:720},children:[r.jsx(jo,{label:"Text",value:o,onChange:e=>a(e.target.value),placeholder:"Your headline…",size:"medium"}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CURVES"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:[1,2].map(e=>r.jsx(Gh,{label:String(e),selected:c.length===e,onClick:()=>function(e){d(t=>{if(e===t.length)return t;if(e>t.length){const r=[...t];for(;r.length<e;){const e=r[r.length-1];r.push({arc:e.arc,radius:e.radius,direction:"up"===e.direction?"down":"up"})}return r}return t.slice(0,e)})}(e)},e))}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"One curve is an arch. Two curves chain end-to-end for a wave."})]}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:12},children:"PER-CURVE SETTINGS"}),r.jsx(t.Stack,{spacing:2,children:c.map((e,o)=>r.jsxs(t.Box,{"data-surface":"Container",style:{background:"var(--Background)",border:"1px solid var(--Border)",borderRadius:8,padding:12},children:[r.jsxs(t.Stack,{direction:"row",alignItems:"center",spacing:2,sx:{mb:1},children:[r.jsxs(Kt,{style:{fontWeight:700},children:["Curve ",o+1]}),r.jsx("div",{style:{flex:1}}),r.jsxs(t.Stack,{direction:"row",spacing:1,children:[r.jsx(Gh,{label:"⌢ Up",selected:"up"===e.direction,onClick:()=>I(o,{direction:"up"})}),r.jsx(Gh,{label:"⌣ Down",selected:"down"===e.direction,onClick:()=>I(o,{direction:"down"})})]})]}),r.jsxs(t.Stack,{spacing:1,children:[r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Radius",r.jsxs("span",{style:{float:"right"},children:[e.radius,"px"]})]}),r.jsx(si,{min:100,max:600,step:10,value:e.radius,onChange:(e,t)=>I(o,{radius:t})})]}),r.jsxs("div",{children:[r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Arc sweep",r.jsxs("span",{style:{float:"right"},children:[e.arc,"°"]})]}),r.jsx(si,{min:40,max:280,step:5,value:e.arc,onChange:(e,t)=>I(o,{arc:t})})]})]})]},o))})]}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPOGRAPHY"}),r.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Nh.map(e=>r.jsx(Gh,{label:e.label,selected:n===e.value,onClick:()=>i(e.value)},e.value))}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Uses the lib's DisplayLarge / DisplaySmall tokens (font-family, size, weight, letter-spacing)."})]}),r.jsxs(t.Box,{children:[r.jsxs(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["LETTER SPACING",r.jsxs("span",{style:{float:"right"},children:[h,"px"]})]}),r.jsx(si,{min:-4,max:40,step:1,value:h,onChange:(e,t)=>m(t)}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Adjusts the gap between characters along the wave."})]}),r.jsxs(t.Box,{children:[r.jsxs(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["FONT WEIGHT",r.jsx("span",{style:{float:"right"},children:f})]}),r.jsx(si,{min:100,max:900,step:100,value:f,onChange:(e,t)=>g(t)}),r.jsx(Kt,{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."})]}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BEVEL"}),r.jsx(Ta,{label:"3D bevel effect",checked:b,onChange:e=>v(e.target.checked)}),b&&r.jsxs(t.Box,{sx:{mt:1.5},children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:6},children:"Preset"}),r.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1,mb:1.5},children:Lh.map(e=>r.jsx(Gh,{label:e,selected:S===e,onClick:()=>B(e)},e))}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:6},children:"Bevel theme"}),r.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Qh.map(e=>r.jsx(Gh,{label:e.label,selected:y===e.value,onClick:()=>j(e.value)},e.value))})]}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Bevel layers use ",r.jsxs("code",{children:["--Buttons-","{Theme}","-Button"]})," for the fill, with ",r.jsx("code",{children:"Highlight"})," + ",r.jsx("code",{children:"Lowlight"}),"tokens for the bright/shadow stripes. CurvedText honors a preset's ",r.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 ",r.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."]})]}),r.jsxs(t.Box,{children:[r.jsxs(t.Stack,{direction:"row",alignItems:"center",sx:{mb:1},children:[r.jsxs(Zt,{style:{color:"var(--Text-Quiet)",flex:1},children:["ROTATION",r.jsxs("span",{style:{float:"right",marginRight:12},children:[x,"°"]})]}),r.jsx(Zr,{variant:"default-outline",size:"small",onClick:function(){const e=k.current?.querySelector("svg");if(!e)return;const t=e.querySelector("path"),r=e.querySelector("text");if(!t||!r)return;const a=t.getTotalLength();if(!a)return;let n=0;try{n=r.getComputedTextLength?.()||0}catch(e){}n||(n=Math.min(a,18*o.length));const i=Math.max(0,(a-n)/2),l=Math.min(a,i+n),s=t.getPointAtLength(i),c=t.getPointAtLength(l),d=180*Math.atan2(c.y-s.y,c.x-s.x)/Math.PI,u=Math.max(-45,Math.min(45,Math.round(-d)));p(u)},children:"Auto-level"})]}),r.jsx(si,{min:-45,max:45,step:1,value:x,onChange:(e,t)=>p(t)}),r.jsx(Kt,{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.'})]}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Vh.map(e=>r.jsx(Gh,{label:e.label,selected:l===e.value,onClick:()=>s(e.value)},e.value))})]})]})}),r.jsx(Mo,{value:1,children:r.jsxs(t.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[r.jsx(Kt,{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&&r.jsx(Bh,{targetRef:w,label:"Curved text",deps:[l,n,JSON.stringify(c),x,h]}),r.jsxs(Qt,{color:"quiet",children:["The SVG sets ",r.jsx("code",{children:'role="img"'})," and"," ",r.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=mr,exports.DEFAULT_ITEMS=$x,exports.DefaultToggleButtonGroup=e=>r.jsx(Wn,{variant:"default",...e}),exports.DesktopAppBar=rh,exports.Dialog=As,exports.DialogShowcase=function(){const[o,a]=e.useState(!1),[n,i]=e.useState("sm"),[l,s]=e.useState(!1),[c,d]=e.useState("none"),[u,x]=e.useState(!1),[p,h]=e.useState(!1),[m,f]=e.useState(null),[g,b]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Dialog"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:m,surface:g,children:r.jsx(Zr,{variant:"default",onClick:()=>a(!0),children:"Open Dialog"})}),r.jsx(ha,{code:(()=>{const e=["open={open}","onClose={handleClose}"];return"sm"!==n&&e.push('maxWidth="'+n+'"'),l&&e.push("fullScreen"),u&&e.push("alert"),p&&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}}),r.jsx(As,{open:o,onClose:(e,t)=>{u&&"backdropClick"===t||a(!1)},maxWidth:n,fullScreen:l,alert:u,nonModal:p,transition:"none"!==c?c:void 0,title:"Dialog Title",actions:r.jsxs(r.Fragment,{children:[r.jsx(Zr,{variant:"default-outline",size:"small",onClick:()=>a(!1),children:"Cancel"}),r.jsx(Zr,{variant:"default",size:"small",onClick:()=>a(!1),children:"Confirm"})]}),children:r.jsx(qt,{children:"This is the dialog content. You can put any information here that requires user attention or action."})})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:m,onThemeChange:f,surface:g,onSurfaceChange:b})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsxs(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[["xs","sm","md","lg","xl"].map(e=>r.jsx(zs,{label:e.toUpperCase(),selected:n===e,onClick:()=>{i(e),s(!1)}},e)),r.jsx(zs,{label:"Full Screen",selected:l,onClick:()=>s(!l)})]})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TRANSITION"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["none","slide-up","slide-down","grow","fade","zoom"].map(e=>{return r.jsx(zs,{label:(t=e,t?t.charAt(0).toUpperCase()+t.slice(1):""),selected:c===e,onClick:()=>d(e)},e);var t})})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Alert"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"No backdrop dismiss, no Escape"})]}),r.jsx(Ca,{variant:"default-outline",checked:u,onChange:e=>x(e.target.checked),size:"small","aria-label":"Alert mode"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Non-Modal"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"No backdrop, interact with content behind"})]}),r.jsx(Ca,{variant:"default-outline",checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Non-modal"})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="dialog" (standard) or role="alertdialog" (alert mode)'},{label:"Label",value:"aria-labelledby links to title, aria-describedby links to content"},{label:"Focus",value:"Focus trapped inside dialog. Returns to trigger on close."},{label:"Keyboard",value:"Escape closes (unless alert). Tab cycles through focusable elements."},{label:"Backdrop",value:"Click closes (unless alert or non-modal)"},{label:"Close",value:'Close button with aria-label="Close dialog"'}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.DisplayLarge=e=>r.jsx(Et,{textStyle:"display-large",...e}),exports.DisplayMedium=e=>r.jsx(Et,{textStyle:"display-medium",...e}),exports.DisplaySmall=e=>r.jsx(Et,{textStyle:"display-small",...e}),exports.Divider=function({color:e="default",orientation:o="horizontal",size:a="small",children:n,indicatorText:i,indicatorStyle:l="outline",textAlign:s="center",className:c="",sx:d={},...u}){const x=Np(e),p=Qp[a]||Qp.small,h=!(!n&&!i),m=n||i,f="vertical"===o;if(f&&!h)return r.jsx(t.Box,{role:"separator","aria-orientation":"vertical",className:"divider-vertical divider-"+e+" "+c,sx:{display:"inline-block",width:p+"px",alignSelf:"stretch",minHeight:24,backgroundColor:x,flexShrink:0,...d},...u});if(f&&h){const o=Vp(e,l),a="top"===s?"0 0 10%":"1 1 auto",n="top"===s?"1 1 auto":"bottom"===s?"0 0 10%":"1 1 auto";return r.jsxs(t.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},...u,children:[r.jsx(t.Box,{sx:{flex:a,width:p+"px",backgroundColor:x}}),r.jsx(t.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,my:1,px:.75,py:.5,borderRadius:"12px",fontSize:"11px",fontWeight:500,fontFamily:"inherit",lineHeight:1.2,whiteSpace:"nowrap",backgroundColor:o.bg,color:o.text,border:o.border,boxSizing:"border-box"},children:m}),r.jsx(t.Box,{sx:{flex:n,width:p+"px",backgroundColor:x}})]})}if(!h)return r.jsx(t.Box,{role:"separator","aria-orientation":"horizontal",className:"divider-horizontal divider-"+e+" "+c,sx:{width:"100%",height:p+"px",backgroundColor:x,flexShrink:0,...d},...u});const g=Vp(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 r.jsxs(t.Box,{role:"separator","aria-orientation":"horizontal",className:"divider-horizontal divider-"+e+" divider-indicator "+c,sx:{display:"flex",alignItems:"center",width:"100%",...d},...u,children:[r.jsx(t.Box,{sx:{flex:b,height:p+"px",backgroundColor:x}}),r.jsx(t.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,mx:2,px:1.5,py:.5,borderRadius:"12px",fontSize:"12px",fontWeight:500,fontFamily:"inherit",lineHeight:1.2,whiteSpace:"nowrap",backgroundColor:g.bg,color:g.text,border:g.border,boxSizing:"border-box"},children:m}),r.jsx(t.Box,{sx:{flex:v,height:p+"px",backgroundColor:x}})]})},exports.Drawer=Hs,exports.DrawerClose=Ns,exports.DrawerContent=Qs,exports.DrawerHeader=Vs,exports.DrawerShowcase=function(){const[o,a]=e.useState(!1),[n,i]=e.useState("medium"),[l,s]=e.useState("left"),[c,d]=e.useState(null),[u,x]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Drawer"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:c,surface:u,children:r.jsx(Zr,{variant:"default",onClick:()=>a(!0),children:"Open Drawer"})}),r.jsx(ha,{code:(()=>{const e=["open={open}","onClose={handleClose}"];return"medium"!==n&&e.push('size="'+n+'"'),"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}}),r.jsxs(Hs,{open:o,onClose:()=>a(!1),size:n,anchor:l,children:[r.jsxs(Vs,{children:[r.jsx(Dt,{children:"Navigation"}),r.jsx(Ns,{onClick:()=>a(!1)})]}),r.jsx(Qs,{children:r.jsx(Xx,{items:Yx,variant:"solid",color:"default",defaultExpandedItems:["products"],sx:{border:"none",borderRadius:0}})})]})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:c,onThemeChange:d,surface:u,onSurfaceChange:x})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(Jx,{label:Kx(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ANCHOR"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["left","right","top","bottom"].map(e=>r.jsx(Jx,{label:Kx(e),selected:l===e,onClick:()=>s(e)},e))})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="dialog" aria-modal="true"'},{label:"Focus",value:"Focus trapped inside drawer. Returns to trigger on close."},{label:"Keyboard",value:"Escape closes. Tab cycles focusable elements."},{label:"Backdrop",value:"Click closes. Body scroll locked while open."},{label:"Close",value:'Button with aria-label="Close drawer"'}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.DropZone=function({onFiles:o,accept:a,multiple:n=!1,size:i="medium",disabled:l=!1,icon:s,label:c,sublabel:d,children:u,className:x="",sx:p={},...h}){const[m,f]=e.useState(!1),g=e.useRef(null),b=e.useRef(0),v=Zx[i]||Zx.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]),I=s||Ke,A=n?"Drag and drop files here":"Drag and drop file here";return r.jsxs(t.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-"+i+(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?.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)"}},...p},...h,children:[r.jsx("input",{ref:g,type:"file",accept:a,multiple:n,onChange:T,style:{display:"none"},"aria-hidden":"true",tabIndex:-1}),u||r.jsxs(r.Fragment,{children:[r.jsx(I,{sx:{fontSize:v.iconSize,color:"var(--Text-Quiet)"}}),r.jsx(Qt,{style:{color:"var(--Text)"},children:c||A}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:d||"or click to browse"})]})]})},exports.Dropdown=bl,exports.DynoStack=Ga,exports.DynoTreeView=Xx,exports.EmailTextField=function({label:e="Email",...t}){return r.jsx(Fn,{label:e,type:"email",placeholder:"user@example.com",...t})},exports.ErrorToggleButtonGroup=e=>r.jsx(Wn,{variant:"error",...e}),exports.Eyebrow=_t,exports.EyebrowLarge=tr,exports.EyebrowMedium=er,exports.EyebrowSmall=Zt,exports.Fab=ln,exports.FabShowcase=function(){const[o,a]=e.useState("default"),[n,i]=e.useState("medium"),[l,s]=e.useState("Add"),[c,d]=e.useState(!1),[u,x]=e.useState("Create"),[p,h]=e.useState(!1),[m,f]=e.useState(!1),[g,b]=e.useState(null),[v,y]=e.useState("Surface"),j="default"===o?"tertiary":o;return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Floating Action Button"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:g,children:r.jsx(ln,{color:j,size:n,icon:(()=>{const e=dt[l]||dt.Add;return r.jsx(hr,{size:"medium",children:r.jsx(e,{})})})(),extended:c,label:u,animate:p,disabled:m,ariaLabel:c?u:l})}),r.jsx(ha,{code:(()=>{const e=[];return"default"!==o&&e.push('color="'+o+'"'),"medium"!==n&&e.push('size="'+n+'"'),e.push("icon={<"+l+"Icon />}"),c&&(e.push("extended"),e.push('label="'+u+'"')),p&&e.push("animate"),m&&e.push("disabled"),e.push('ariaLabel="'+(c?u:l)+'"'),"<Fab\n "+e.join("\n ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:g,onThemeChange:b,surface:v,onSurfaceChange:y})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:cn.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(xn,{color:e,selected:o===e,onClick:a},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(un,{label:sn(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(pn,{label:"Icon Name",value:l,onChange:s,placeholder:"Add"}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:[r.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)"]})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),r.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Extended"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Pill shape with icon + text label"})]}),r.jsx(Ca,{checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Extended"})]}),c&&r.jsx(t.Box,{sx:{mt:1.5},children:r.jsx(pn,{label:"Label Text",value:u,onChange:x,placeholder:"Create"})}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Animation"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Pulse ring effect to draw attention"})]}),r.jsx(Ca,{checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Animation"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Disabled"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),r.jsx(Ca,{checked:m,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsxs(t.Stack,{spacing:3,children:[r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Role:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<button role="button" aria-label="...">'})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Label:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:c?"Extended: visible label provides accessible name.":"Icon-only: aria-label is required."})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Focus:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"3px solid var(--Focus-Visible) with 2px offset."})]}),r.jsxs(t.Box,{sx:{py:1.5},children:[r.jsx(Qt,{children:"Disabled:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"HTML disabled attribute. 50% opacity, removed from tab order."})]})]})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Best Practices"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"One per screen:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"FABs represent the primary action. Use at most one per view."})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Extended for clarity:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"Use extended variant when the icon alone may be ambiguous."})]}),r.jsxs(t.Box,{sx:{py:1.5},children:[r.jsx(Qt,{children:"Animation:"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"Use sparingly. Respect prefers-reduced-motion."})]})]})]})]})})})]})})})]})]})},exports.Footer=mh,exports.FooterShowcase=function(){const[o,a]=e.useState(4),[n,i]=e.useState(!0),[l,s]=e.useState(!0),[c,d]=e.useState("default"),u=e.useRef(null),[x,p]=e.useState(null),[h,m]=e.useState(null);e.useEffect(()=>{u.current&&(p({current:u.current.querySelector(".dino-footer")}),m({current:u.current.querySelector(".dino-copyright")}))},[c,o,n,l]);const f=wh.slice(0,Math.max(0,o-1)),g=n?Ch:[],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 r.jsxs(t.Box,{children:[r.jsx(Pt,{style:{marginBottom:12},children:"Footer"}),r.jsxs(qt,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:["Configurable 1–4 column footer. The first column is always the company address / contact. Optional ",r.jsx("code",{children:"socialLinks"})," and"," ",r.jsx("code",{children:"subscribe"})," sit above the auto-generated copyright strip."]}),r.jsx(t.Box,{ref:u,sx:{borderRadius:1,overflow:"hidden",mb:4},children:r.jsx(mh,{color:c,address:kh,columns:f,socialLinks:g,subscribe:b,copyrightName:"DinoDesign"})}),r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Stack,{spacing:3,sx:{p:3,maxWidth:560},children:[r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLUMNS"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:[1,2,3,4].map(e=>r.jsx(Ih,{label:String(e),selected:o===e,onClick:()=>a(e)},e))}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"First column is always the address / contact. Up to 3 more link columns."})]}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Th.map(e=>r.jsx(Ih,{label:e.label,selected:c===e.value,onClick:()=>d(e.value)},e.value))}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:'"Default" hardcodes Primary tone 2 (auto-derived in a future iteration).'})]}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SOCIAL LINKS"}),r.jsx(Ta,{label:"Show social media row",checked:n,onChange:e=>i(e.target.checked)}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["When on, the Footer renders the ",r.jsx("code",{children:"socialLinks"})," row (icons linking out). In your app, supply the icon + url pairs from your data store."]})]}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SUBSCRIBE"}),r.jsx(Ta,{label:"Show email subscribe form",checked:l,onChange:e=>s(e.target.checked)}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["When on, the Footer renders an email subscribe form. Hook it up via"," ",r.jsx("code",{children:"subscribe.onSubscribe(email)"}),"."]})]})]})}),r.jsx(Mo,{value:1,children:r.jsxs(t.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[r.jsx(Kt,{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&&r.jsx(Bh,{targetRef:x,label:"Footer body",deps:[c,o,n,l]}),h&&r.jsx(Bh,{targetRef:h,label:"Copyright strip",deps:[c,o,n,l]})]})})]})]})},exports.FormDialog=function({open:e,onClose:o,title:a,children:n,submitText:i="Submit",cancelText:l="Cancel",onSubmit:s,...c}){return r.jsx(As,{open:e,onClose:o,title:a,...c,actions:r.jsxs(r.Fragment,{children:[r.jsx(t.Box,{component:"button",type:"button",onClick:o,sx:Is.outline,children:l}),r.jsx(t.Box,{component:"button",type:"button",onClick:s,sx:Is.primary,children:i})]}),children:n})},exports.Gradient=is,exports.Grid=function({children:e,container:o=!1,item:a=!1,spacing:n=2,sx:i={},...l}){return r.jsx(t.Grid,{container:o,item:a,spacing:n,sx:{transition:"all 0.2s ease-in-out",...i},...l,children:e})},exports.GridStack=Ka,exports.H1=e=>r.jsx(Et,{textStyle:"h1",...e}),exports.H2=e=>r.jsx(Et,{textStyle:"h2",...e}),exports.H3=Pt,exports.H4=Mt,exports.H5=Dt,exports.H6=e=>r.jsx(Et,{textStyle:"h6",...e}),exports.HStack=qa,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:n,sx:i={},...l}){return r.jsx(t.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,...i},...l,children:r.jsx(t.Container,{maxWidth:"lg",children:r.jsxs(t.Toolbar,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",px:0},children:[r.jsx(t.Typography,{variant:"h6",sx:{fontWeight:700,color:"var(--Text)",mr:"auto",transition:"color 0.2s ease-in-out"},children:e}),r.jsx(t.Box,{sx:{display:{xs:"none",md:"flex"},gap:3,flex:1,justifyContent:"center"},children:a.map((e,o)=>r.jsx(t.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))}),r.jsx(t.Stack,{direction:"row",spacing:1,alignItems:"center",children:n})]})})})},exports.Heading=Ot,exports.Icon=hr,exports.IconBadge=Fa,exports.IconBadgeShowcase=function(){const[t,o]=e.useState("primary"),[a,n]=e.useState("solid"),[i,l]=e.useState("medium"),s=on[0];return r.jsxs(Ua,{spacing:4,style:{paddingBottom:64},children:[r.jsx(Pt,{children:"Icon Badge"}),r.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:24},children:[r.jsx(_a,{padding:"medium",children:r.jsxs(Ua,{spacing:4,alignItems:"center",children:[r.jsx("div",{style:{padding:40},children:r.jsx(Fa,{color:t,variant:a,size:i,children:r.jsx(s,{})})}),r.jsx(qa,{spacing:4,alignItems:"flex-end",children:["small","medium","large"].map(e=>r.jsxs(Ua,{spacing:1,alignItems:"center",children:[r.jsx(Fa,{color:t,variant:a,size:e,children:r.jsx(s,{})}),r.jsx(Qt,{style:{color:"var(--Quiet)"},children:tn(e)})]},e))}),r.jsxs(Ua,{spacing:1,alignItems:"center",children:[r.jsx(Qt,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:"Variants"}),r.jsx(qa,{spacing:3,children:["solid","light","dark"].map(e=>r.jsxs(Ua,{spacing:1,alignItems:"center",children:[r.jsx(Fa,{color:t,variant:e,size:"medium",children:r.jsx(s,{})}),r.jsx(Qt,{style:{color:"var(--Quiet)",fontSize:"0.65rem"},children:tn(e)})]},e))})]}),r.jsxs(Ua,{spacing:1,alignItems:"center",children:[r.jsx(Qt,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:"All Colors"}),r.jsx(qa,{spacing:2,style:{flexWrap:"wrap",justifyContent:"center"},children:rn.flatMap(e=>e.colors).map(e=>r.jsxs(Ua,{spacing:0,alignItems:"center",children:[r.jsx(Fa,{color:e,variant:a,size:"small",children:r.jsx(s,{})}),r.jsx(Qt,{style:{color:"var(--Quiet)",fontSize:"0.55rem"},children:tn(e)})]},e))})]})]})}),r.jsx(_a,{padding:"medium",children:r.jsxs(Ua,{spacing:4,children:[r.jsx(Pt,{style:{fontSize:"1rem"},children:"Playground"}),r.jsxs(Ua,{spacing:2,children:[r.jsx(Jt,{children:"Color"}),rn.map(e=>r.jsxs(Ua,{spacing:1,children:[r.jsx(Qt,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:e.label}),r.jsx(qa,{spacing:1,children:e.colors.map(e=>r.jsx(Zr,{variant:t===e?"default":"outline",size:"small",onClick:()=>o(e),children:tn(e)},e))})]},e.label))]}),r.jsxs(Ua,{spacing:1,children:[r.jsx(Jt,{children:"Variant"}),r.jsx(Na,{size:"small",children:["solid","light","dark"].map(e=>r.jsx(Zr,{variant:a===e?"default":"outline",size:"small",onClick:()=>n(e),children:tn(e)},e))})]}),r.jsxs(Ua,{spacing:1,children:[r.jsx(Jt,{children:"Size"}),r.jsx(Na,{size:"small",children:["small","medium","large"].map(e=>r.jsx(Zr,{variant:i===e?"default":"outline",size:"small",onClick:()=>l(e),children:tn(e)},e))})]}),r.jsxs(Ua,{spacing:0,children:[r.jsxs(Qt,{style:{color:"var(--Quiet)"},children:["data-theme: ",tn(t),"light"===a?"-Light":""]}),r.jsxs(Qt,{style:{color:"var(--Quiet)"},children:["data-surface: ","dark"===a?"Surface-Dimmest":"Surface"]}),r.jsx(Qt,{style:{color:"var(--Quiet)"},children:"bg: var(--Background)"}),r.jsx(Qt,{style:{color:"var(--Quiet)"},children:"icon: var(--Text)"})]})]})})]})]})},exports.IconShowcase=function(){const[o,n]=e.useState("filled"),[i,l]=e.useState("default"),[s,c]=e.useState("medium"),[d,u]=e.useState("40"),[x,p]=e.useState(!1),[m,f]=e.useState("Home"),[g,b]=e.useState(""),[v,y]=e.useState({}),j=Aa[i]||"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,t){return La[e]?.[t]||La[e]?.filled||h}(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,I="<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:va("--Background"),iconColor:va("--Icons-"+j),iconVariant:va("--Icons-Variant-"+j)})},[i,j]),r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Icon"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(t.Box,{sx:{p:4,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:200,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",gap:2},children:r.jsx(hr,{color:i,size:s,fontSize:"custom"===s?parseInt(d,10)||40:void 0,disabled:x,twoTone:S,"aria-label":T?g.trim():void 0,children:r.jsx(k,{})})}),r.jsx(ha,{code:(()=>{const e=[];"default"!==i&&e.push('color="'+i+'"'),"custom"===s?(e.push('size="custom"'),e.push("fontSize={"+(parseInt(d,10)||40)+"}")):"medium"!==s&&e.push('size="'+s+'"'),S&&e.push("twoTone"),x&&e.push("disabled"),T&&e.push('aria-label="'+g.trim()+'"');const t=e.length?" "+e.join(" "):"";return"import "+C+" from '@mui/icons-material/"+m+(w||"")+"';\n\n<Icon"+t+">\n <"+C+" />\n</Icon>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ICON"}),r.jsx(t.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)"}}}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Enter a MUI icon name."," ",r.jsx(t.Box,{component:"a",href:"https://mui.com/material-ui/material-icons/",target:"_blank",rel:"noopener noreferrer",sx:{color:"var(--Text-Primary)",textDecoration:"underline","&:hover":{color:"var(--Header-Primary)"}},children:"Browse MUI Icons ↗"})]})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Ra.map(e=>r.jsx(Da,{label:Ea[e],selected:o===e,onClick:()=>n(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:za.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>{const o=Aa[e],n=i===e;return r.jsx(t.Box,{component:"button",onClick:()=>l(e),"aria-label":"Select "+Ia(e),"aria-pressed":n,title:Ia(e),sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Icons-"+o+")",border:n?"2px solid var(--Text)":"1px solid var(--Border)",outline:n?"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:n&&r.jsx(a,{sx:{fontSize:16,color:"var(--Background)",pointerEvents:"none"}})},e)})})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["xs","small","medium","large","custom"].map(e=>r.jsx(Da,{label:"xs"===e?"XS":Ia(e),selected:s===e,onClick:()=>c(e)},e))}),"custom"===s&&r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:1,mt:1.5},children:[r.jsx(t.Box,{component:"input",type:"number",value:d,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)"}}}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:"px"})]})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ARIA LABEL"}),r.jsx(t.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)"}}}),r.jsx(Kt,{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)'})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Disabled"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Reduces opacity to 0.38"})]}),r.jsx(Ca,{checked:x,onChange:e=>p(e.target.checked),size:"small","aria-label":"Toggle disabled"})]})]})}),r.jsx(Mo,{value:1,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsxs(Qt,{color:"quiet",style:{marginBottom:24},children:[Ea[o]," / ",Ia(i)," / ","custom"===s?d+"px":s,T?" / meaningful":" / decorative"]}),r.jsxs(t.Stack,{spacing:3,children:[r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Icon Contrast (WCAG 1.4.11 — 3:1)"}),r.jsx(Qt,{color:"quiet",style:{marginBottom:16},children:"Non-text elements must contrast 3:1 against the page background."}),r.jsx(Ma,{label:"var(--Icons-"+j+") vs. var(--Background)",ratio:ba(v.iconColor,v.background),threshold:3,note:C+" at "+B+" in "+Ia(i)+" color"}),S&&r.jsx(Ma,{label:"var(--Icons-Variant-"+j+") vs. var(--Background)",ratio:ba(v.iconVariant,v.background),threshold:3,note:"Two-tone secondary fill — must also meet 3:1"})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsxs(t.Stack,{spacing:0,children:[r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)",backgroundColor:T?"var(--Tags-Success-BG, rgba(0,200,0,0.05))":"transparent",px:1,borderRadius:"4px"},children:[r.jsxs(Qt,{style:{fontWeight:600},children:["Current icon — ",T?"meaningful ✓":"decorative"]}),r.jsx(t.Box,{component:"pre",sx:{fontFamily:"monospace",fontSize:"11px",color:"var(--Text-Quiet)",mt:.5,whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0},children:T?A:I})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Decorative (no aria-label):"}),r.jsx(Kt,{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.'}),r.jsx(t.Box,{component:"pre",sx:{fontFamily:"monospace",fontSize:"11px",color:"var(--Text-Quiet)",mt:.5,whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0},children:I})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:"Meaningful (with aria-label):"}),r.jsx(Kt,{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.'}),r.jsx(t.Box,{component:"pre",sx:{fontFamily:"monospace",fontSize:"11px",color:"var(--Text-Quiet)",mt:.5,whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0},children:A})]}),r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:["Disabled state",x?" ← current":"",":"]}),r.jsx(Kt,{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&&r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:["Two-tone",S?" ← current":"",":"]}),r.jsxs(Kt,{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."]})]}),r.jsxs(t.Box,{sx:{py:1.5},children:[r.jsxs(Qt,{children:["Touch target — ",B," icon","small"===s?" ⚠":" ✓",":"]}),r.jsx(Kt,{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."})]})]})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Size Reference"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Small",s:"small",px:"20px",note:"Inline text, compact UI"},{label:"Medium",s:"medium",px:"24px",note:"Standard UI — default"},{label:"Large",s:"large",px:"36px",note:"Emphasis, empty states, hero areas"},{label:"Custom",s:"custom",px:"any",note:"Ensure 24×24px minimum touch target (WCAG 2.5.5)"}].map(({label:e,s:o,px:a,note:n},i,l)=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:i<l.length-1?"1px solid var(--Border)":"none",display:"flex",justifyContent:"space-between",alignItems:"flex-start"},children:[r.jsxs(t.Box,{children:[r.jsxs(Qt,{children:[e," — ",a]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:n})]}),s===o&&r.jsx(t.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:"var(--Tags-Success-BG)",color:"var(--Tags-Success-Text)"},children:"current"})]},e))})]})]})]})})]})})})]})]})},exports.InfoToggleButtonGroup=e=>r.jsx(Wn,{variant:"info",...e}),exports.InsetStack=({sx:e,...t})=>r.jsx(Ga,{sx:{px:2,...e},...t}),exports.Label=Jt,exports.LabelExtraSmall=Yt,exports.LabelLarge=e=>r.jsx(Et,{textStyle:"label-large",...e}),exports.LabelSmall=e=>r.jsx(Et,{textStyle:"label-small",...e}),exports.Legal=e=>r.jsx(Et,{textStyle:"legal",...e}),exports.LegalSemibold=e=>r.jsx(Et,{textStyle:"legal-semibold",...e}),exports.LightTreeView=e=>r.jsx(Xx,{variant:"light",...e}),exports.LineChart=function({data:o=[],curve:a="smooth",gradient:n=!0,fromZero:i=!1,showGrid:l=!1,showLabels:s=!1,animate:c=!0,interactive:d=!0,height:u=200,strokeWidth:x=3,tension:p=0,label:h,className:m="",sx:f={},...g}){const b="lc-"+e.useId().replace(/:/g,""),v=bm(o),y=vm(o),{active:j,handlers:S}=Wm(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,u-8-C),I=ym(v,{fromZero:i}),A=Sm(v.length,0,w,{inset:x}),z=v.map((e,t)=>({x:A[t],y:jm(e,I,8,T)})),R="straight"===a?km(z):wm(z,{tension:p}),E=8+T;return r.jsxs(t.Box,{component:"figure",className:"line-chart "+m,sx:{display:"block",width:"100%",m:0,position:"relative",...f},...g,children:[r.jsxs("svg",{viewBox:`0 0 320 ${u}`,width:"100%",height:u,preserveAspectRatio:"none",focusable:"false","aria-hidden":"true",children:[n&&r.jsx("defs",{children:r.jsxs("linearGradient",{id:b,x1:"0",y1:"0",x2:"0",y2:"1",children:[r.jsx("stop",{offset:"0%",stopColor:Rm.gradient,stopOpacity:"1"}),r.jsx("stop",{offset:"100%",stopColor:Rm.gradient,stopOpacity:"0"})]})}),l&&Am(I,4).map(e=>r.jsx("line",{x1:0,x2:w,y1:jm(e,I,8,T),y2:jm(e,I,8,T),stroke:Rm.line,strokeWidth:"1"},e)),n&&z.length>1&&r.jsx("path",{d:Cm(R,z,E),fill:`url(#${b})`,style:{opacity:B?1:0,transition:`opacity ${Dm}`}}),z.length>1&&r.jsx("path",{d:R,fill:"none",stroke:Rm.fill,strokeWidth:x,strokeLinecap:"round",strokeLinejoin:"round",pathLength:"1",style:{strokeDasharray:1,strokeDashoffset:B?0:1,transition:`stroke-dashoffset ${Dm}`}}),1===z.length&&r.jsx("circle",{cx:z[0].x,cy:z[0].y,r:x,fill:Rm.fill}),d&&j>=0&&r.jsxs(r.Fragment,{children:[r.jsx("line",{x1:A[j],x2:A[j],y1:8,y2:E,stroke:Rm.line,strokeWidth:"1"}),r.jsx("circle",{cx:z[j].x,cy:z[j].y,r:x+1,fill:Rm.fill,stroke:"var(--Background)",strokeWidth:"2"}),r.jsx(Hm,{x:z[j].x,y:z[j].y,text:v[j],width:w,tokens:Rm})]}),s&&y.map((e,t)=>r.jsx("text",{x:A[t],y:u-6,textAnchor:"middle",fill:Rm.quietLabel,...Lm,children:e},t))]}),d&&r.jsx(Fm,{count:v.length,width:w,centres:A,bandWidth:v.length?w/v.length:0,labels:y,values:v,handlers:S}),r.jsx(Mm,{caption:h||`Line chart, ${v.length} points`,labels:y,values:v})]})},exports.LinearGradient=e=>r.jsx(is,{variant:"linear",...e}),exports.LinearProgress=Sp,exports.LinearProgressShowcase=function(){const[o,a]=e.useState("default"),[n,i]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(65),[u,x]=e.useState(null),[p,h]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Linear Progress"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:u,surface:p,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:400},children:r.jsx(Sp,{color:o,size:n,value:l?c:void 0})})}),r.jsx(ha,{code:(()=>{const e=[];return"default"!==o&&e.push('color="'+o+'"'),"medium"!==n&&e.push('size="'+n+'"'),l&&e.push("value={"+c+"}"),0===e.length?"<LinearProgress />":"<LinearProgress\n "+e.join("\n ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:u,onThemeChange:x,surface:p,onSurfaceChange:h})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:kp.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(Cp,{color:e,selected:o===e,onClick:a},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(wp,{label:Bp(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Determinate"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show a static bar at a specific value"})]}),r.jsx(Ca,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Determinate"})]}),l&&r.jsx(t.Box,{sx:{mt:2},children:r.jsx(si,{label:"Value",min:0,max:100,value:c,onChange:(e,t)=>d(t),size:"small",valueLabelDisplay:"auto"})})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="progressbar"'},{label:"Determinate",value:'aria-valuenow, aria-valuemin="0", aria-valuemax="100"'},{label:"Indeterminate",value:'aria-label="Loading" (no value attributes)'},{label:"Track",value:"var(--Border-Variant)"},{label:"Fill",value:"var(--Buttons-{Color}-Border)"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Link=Ai,exports.List=function({children:o,items:a,variant:n="default",color:i="primary",size:l="medium",orientation:s="vertical",dividers:c=!1,selectionMode:d="none",selectedIndices:u=[],onSelectionChange:x,clickable:p=!1,component:h="ul",className:m="",sx:f={},...g}){const b="horizontal"===s,v="checkbox"===d||"radio"===d,y="light"===n,j="default"===n,S={};return"solid"===n&&qp[i]?S["data-theme"]=qp[i]:y&&Up[i]&&(S["data-theme"]=Up[i]),r.jsx(t.Box,{component:h,role:v?"listbox":"list","aria-multiselectable":"checkbox"===d||void 0,...S,className:"list-container list-"+n+" list-"+i+" "+m,sx:{display:"flex",flexDirection:b?"row":"column",boxSizing:"border-box",alignItems:"stretch",gap:p?"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(r.jsx(Kp,{size:l,variant:n,color:i,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:p||o.clickable,disabled:o.disabled,bottomBorder:o.bottomBorder,rightBorder:o.rightBorder,selected:v?u.includes(s):o.selected,selectionMode:d,onSelect:()=>(e=>{if(x)if("radio"===d)x([e]);else{const t=u.includes(e)?u.filter(t=>t!==e):[...u,e];x(t)}})(s),onClick:o.onClick,children:o.label||o.children},"item-"+s)),c&&s<a.length-1&&e.push(r.jsx(t.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 n=[];return a.forEach((e,o)=>{n.push(e),o<a.length-1&&n.push(r.jsx(t.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))}),n}return null})()})},exports.ListItem=Kp,exports.ListItemDecorator=$p,exports.MainLayout=function({layout:o="side",navItems:a=[{label:"Home",icon:r.jsx(h,{}),path:"/"},{label:"About",icon:r.jsx(B,{}),path:"/about"},{label:"Settings",icon:r.jsx(f,{}),path:"/settings"},{label:"Help",icon:r.jsx(ot,{}),path:"/help"}],title:n="My App",children:i,onLayoutChange:l,onNavigate:s,sx:c={},...d}){const u=t.useTheme(),x=t.useMediaQuery(u.breakpoints.down("md"));t.useMediaQuery(u.breakpoints.down("lg"));const[p,m]=e.useState(!1),[g,b]=e.useState(!1),v=x?"top":o,y=({compact:e=!1})=>r.jsx(t.List,{sx:{py:1},children:a.map((o,a)=>r.jsx(t.Tooltip,{title:e?o.label:"",placement:"right",children:r.jsxs(t.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:[r.jsx(t.ListItemIcon,{sx:{color:"var(--Icons-Primary)",minWidth:e?"auto":40,mr:e?0:1},children:o.icon}),!e&&r.jsx(t.ListItemText,{primary:o.label})]})},a))});return r.jsxs(t.Box,{sx:{minHeight:"100vh",backgroundColor:"var(--Background)",color:"var(--Text)",display:"flex",flexDirection:"column",...c},...d,children:[r.jsx(t.AppBar,{position:"static",sx:{backgroundColor:"var(--Header)",color:"var(--Text)",boxShadow:"0 1px 3px rgba(0,0,0,0.12)",borderBottom:"1px solid var(--Border-Variant)"},children:r.jsxs(t.Toolbar,{children:[x&&"rail"!==v&&r.jsx(t.IconButton,{edge:"start",color:"inherit",onClick:()=>m(!p),sx:{mr:2},children:p?r.jsx(Se,{}):r.jsx(je,{})}),r.jsx(t.Typography,{variant:"h6",sx:{flex:1,fontWeight:700},children:n}),!x&&l&&r.jsxs(t.ToggleButtonGroup,{value:o,exclusive:!0,onChange:(e,t)=>{t&&l(t)},size:"small",sx:{"& .MuiToggleButton-root":{color:"var(--Text)",border:"1px solid var(--Border)","&.Mui-selected":{backgroundColor:"var(--Button-Primary-Button)",color:"#fff",borderColor:"var(--Button-Primary-Button)"}}},children:[r.jsx(t.ToggleButton,{value:"side","aria-label":"side nav",children:"☰ Side"}),r.jsx(t.ToggleButton,{value:"rail","aria-label":"rail nav",children:"⫷ Rail"}),r.jsx(t.ToggleButton,{value:"side-rail","aria-label":"side-rail nav",children:"☰⫷ Both"})]})]})}),r.jsxs(t.Box,{sx:{display:"flex",flex:1},children:[("rail"===v||"side-rail"===v)&&!x&&r.jsx(t.Box,{sx:{width:80,backgroundColor:"var(--Container)",borderRight:"1px solid var(--Border-Variant)",display:"flex",flexDirection:"column",py:2},children:r.jsx(y,{compact:!0})}),("side"===v||"side-rail"===v)&&!x&&r.jsxs(t.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:[r.jsxs(t.Box,{sx:{p:2,display:"flex",alignItems:"center",justifyContent:"space-between",borderBottom:"1px solid var(--Border-Variant)",minHeight:64},children:[!g&&r.jsx(t.Typography,{variant:"h6",sx:{fontWeight:700,color:"var(--Text)"},children:"Menu"}),r.jsx(t.IconButton,{size:"small",onClick:()=>b(!g),sx:{color:"var(--Icons-Primary)"},children:g?"›":"‹"})]}),r.jsx(y,{compact:g})]}),x&&r.jsxs(t.Drawer,{anchor:"left",open:p,onClose:()=>m(!1),sx:{"& .MuiDrawer-paper":{backgroundColor:"var(--Container)",width:280}},children:[r.jsx(t.Box,{sx:{p:2,borderBottom:"1px solid var(--Border-Variant)"},children:r.jsx(t.Typography,{variant:"h6",sx:{fontWeight:700},children:"Menu"})}),r.jsx(y,{compact:!1})]}),r.jsx(t.Box,{sx:{flex:1,overflow:"auto",backgroundColor:"var(--Background)"},children:r.jsx(t.Container,{maxWidth:"lg",sx:{py:4},children:i})})]})]})},exports.Menu=yl,exports.MenuButton=vl,exports.MenuDivider=Sl,exports.MenuItem=jl,exports.MenuShowcase=function(){const[o,a]=e.useState("outline"),[n,i]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState(null),[u,x]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Menu"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:c,surface:u,sx:{minHeight:250,alignItems:"flex-start",pt:6},children:r.jsxs(bl,{variant:o,color:n,size:l,children:[r.jsx(vl,{children:"Actions"}),r.jsxs(yl,{children:[r.jsx(jl,{children:"Edit"}),r.jsx(jl,{children:"Duplicate"}),r.jsx(jl,{selected:!0,children:"Archive"}),r.jsx(Sl,{}),r.jsx(jl,{disabled:!0,children:"Delete"})]})]})}),r.jsx(ha,{code:(()=>{const e=[];return"outline"!==o&&e.push('variant="'+o+'"'),"default"!==n&&e.push('color="'+n+'"'),"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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:c,onThemeChange:d,surface:u,onSurfaceChange:x})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["outline","solid","light"].map(e=>r.jsx(wl,{label:Bl(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:kl.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(Cl,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(wl,{label:Bl(e),selected:l===e,onClick:()=>s(e)},e))})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Button",value:'aria-haspopup="true" aria-expanded aria-controls'},{label:"Menu",value:'role="menu" aria-labelledby={buttonId}'},{label:"Items",value:'role="menuitem" with tabIndex'},{label:"Selected",value:'aria-selected="true" on active item'},{label:"Disabled",value:'aria-disabled="true", not focusable'},{label:"Keyboard",value:"Arrow keys navigate. Enter/Space selects. Escape closes."},{label:"Focus",value:"First item focused on open. Focus returns to button on close."}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.MeshCardGradient=e=>r.jsx(is,{variant:"meshCard",...e}),exports.MeshGradient=e=>r.jsx(is,{variant:"mesh",...e}),exports.MobileAppBar=oh,exports.Modal=function({open:o,onClose:a,children:n,title:i,variant:l="default",color:s="primary",size:c="medium",layout:d="center",transition:u="fade",transitionSpeed:x=250,closeOnBackdrop:p=!0,showCloseButton:h=!0,className:m="",sx:f={},...g}){const b=e.useRef(null),v=e.useRef(null),[y,j]=e.useState(!1);let S;try{S=ys()}catch{S=null}const B=S?.theme||"Default",k=S?.style||"Modern",w="soft"===l,C="solid"===l,T="fullscreen"===d,I=C?Rs[s]:w?Es[s]:null,A=Ls[c]||Ls.medium,z=Ps[u],R=z?z.name:void 0,E=x+"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?r.jsxs(r.Fragment,{children:["none"!==u&&r.jsx("style",{children:Ms(u)}),r.jsx(t.Box,{"aria-hidden":"true",onClick:p?a:void 0,sx:{position:"fixed",inset:0,zIndex:1e7,backgroundColor:"rgba(0,0,0,0.5)",...R&&{animation:R+"-backdrop "+E+" ease-out forwards"}}}),r.jsxs(t.Box,{role:"dialog","aria-modal":"true","aria-label":i||"Modal",ref:b,tabIndex:-1,"data-surface":"Container-High","data-theme":I||B,"data-style":k,className:"modal modal-"+l+" modal-"+c+" modal-"+d+(w||C?" modal-"+s:"")+(m?" "+m:""),sx:{position:"fixed",zIndex:10000001,outline:"none",fontFamily:"inherit",...T?{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+" "+E+" ease-out forwards"},...f},...g,children:[(i||h)&&r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",px:T?4:A.padding,pt:T?3:A.padding,pb:0,flexShrink:0},children:[i&&r.jsx(t.Box,{sx:{fontSize:"small"===c?"18px":"large"===c?"24px":"20px",fontWeight:700,color:"var(--Text)",flex:1},children:i}),h&&r.jsx(t.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:r.jsx(Se,{sx:{fontSize:20}})})]}),r.jsx(t.Box,{sx:{flex:1,overflowY:"auto",px:T?4:A.padding,pt:T?3:"16px",pb:T?3:A.padding,color:"var(--Text)",fontSize:"small"===c?"13px":"14px",lineHeight:1.6},children:n})]})]}):null},exports.NeutralToggleButtonGroup=e=>r.jsx(Wn,{variant:"neutral",...e}),exports.NumberField=An,exports.NumberFieldShowcase=function(){const[o,a]=e.useState("outlined"),[n,i]=e.useState("outline"),[l,s]=e.useState("default"),[c,d]=e.useState("medium"),[u,x]=e.useState("top"),[p,h]=e.useState(!0),[m,f]=e.useState(!1),[g,b]=e.useState(!1),[v,y]=e.useState(null),[j,S]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Number Field"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:v,surface:j,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:"outlined"===o?300:"auto"},children:r.jsx(An,{variant:o,style:n,color:l,size:c,label:p?"Quantity":void 0,labelPosition:u,min:0,max:100,disabled:m,fullWidth:g&&"outlined"===o})})}),r.jsx(ha,{code:(()=>{const e=['variant="'+o+'"'];return"outline"!==n&&e.push('style="'+n+'"'),"default"!==l&&e.push('color="'+l+'"'),"medium"!==c&&e.push('size="'+c+'"'),p&&e.push('label="Quantity"'),"top"!==u&&e.push('labelPosition="'+u+'"'),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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"VARIANT"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["outlined","spinner"].map(e=>r.jsx(En,{label:zn(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["outline","light"].map(e=>r.jsx(En,{label:zn(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:Rn.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(Ln,{color:e,selected:l===e,onClick:s},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(En,{label:zn(e),selected:c===e,onClick:()=>d(e)},e))})]}),"outlined"===o&&r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["top","floating","none"].map(e=>r.jsx(En,{label:"none"===e?"None":zn(e),selected:u===e,onClick:()=>x(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Show Label"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Text label above field"})]}),r.jsx(Ca,{variant:"default-outline",checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Show label"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Disabled"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),r.jsx(Ca,{variant:"default-outline",checked:m,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]}),"outlined"===o&&r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Full Width"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container"})]}),r.jsx(Ca,{variant:"default-outline",checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="spinbutton" with aria-valuenow, aria-valuemin, aria-valuemax'},{label:"Label",value:"aria-label from label prop. Always provide a label."},{label:"Keyboard",value:"ArrowUp/Down increment/decrement. Direct text entry supported."},{label:"Steppers",value:'aria-label="Increase" / "Decrease" on stepper buttons'},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px"},{label:"Disabled",value:"HTML disabled. Steppers also disabled at min/max bounds."}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.NumberLarge=sr,exports.NumberMedium=lr,exports.NumberSmall=ir,exports.NumberTextField=function({label:e="Number",...t}){return r.jsx(Fn,{label:e,type:"number",...t})},exports.OmniDesignProvider=function({themeURL:t,foundationCSS:o,coreCSS:a,typographyCSS:n,lightModeCSS:i,darkModeCSS:l,baseCSS:s,stylesCSS:c,defaultTheme:d="Default",defaultStyle:u="Modern",defaultSurface:x="Surface",surfaceStyle:p,defaultDarkMode:h=!1,darkTheme:m="Neutral-Dark",darkMode:f,onDarkModeChange:g,className:b,style:v,fullHeight:y=!0,children:j}){const[S,B]=e.useState(h),k=void 0!==f,w=k?f:S,[C,T]=e.useState({foundation:o??null,core:a??null,typography:n??null,lightMode:i??null,darkMode:l??null,base:s??null,styles:c??null}),[I,A]=e.useState({}),z=e.useRef(!0);e.useEffect(()=>(z.current=!0,()=>{z.current=!1}),[]),e.useEffect(()=>{t&&(Q("loading"),async function(e){const t=/\.json(\?|$)/.test(e)?e:`${e.replace(/\/$/,"")}/theme.json`,r=e.replace(/\/$/,"").replace(/\/theme\.json(\?.*)?$/,""),o=await fetch(t);if(!o.ok)throw new Error(`OmniDesignProvider: could not load theme manifest from ${t} (${o.status})`);const a=await o.json(),n=e=>e?/^https?:\/\//i.test(e)?e:`${r}/${e}`:null;return{foundationURL:n(a.foundation),coreURL:n(a.core),typographyURL:n(a.typography),lightModeURL:n(a.lightMode),darkModeURL:n(a.darkMode),baseURL:n(a.base),stylesURL:n(a.styles),defaultTheme:a.defaultTheme??null,defaultStyle:a.defaultStyle??null,defaultSurface:a.defaultSurface??null,darkTheme:a.darkTheme??null,name:a.name??null}}(t).then(e=>{z.current&&(T({foundation:o??e.foundationURL,core:a??e.coreURL,typography:n??e.typographyURL,lightMode:i??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=>{z.current&&(console.error("OmniDesignProvider: manifest error:",e),q(e.message),Q("error"))}))},[t]);const R=p?us[p]?.theme??d:"Default"!==d?d:I.defaultTheme??d,E=p?us[p]?.rootSurface??x:I.defaultSurface??x,L=I.defaultStyle??u,P="Neutral-Dark"!==m?m:I.darkTheme??m,[M,D]=e.useState(R),[O,W]=e.useState(L),[F,H]=e.useState(E),N=!!(t||o||a||n||i||l||s||c),[V,Q]=e.useState(N?"loading":"ready"),[G,q]=e.useState(null);e.useEffect(()=>{const{foundation:e,core:t,typography:r,base:o,styles:a}=C;if(e||t||r||o||a)return Q("loading"),q(null),Promise.all([vs(xs,e),vs(ps,t),vs(hs,r).catch(e=>{console.warn("OmniDesignProvider: typography CSS did not load —",e.message)}),vs(fs,o),vs(gs,a)]).then(()=>{z.current&&Q("ready")}).catch(e=>{z.current&&(console.error("OmniDesignProvider CSS error:",e),q(e.message),Q("error"))}),()=>{bs(xs),bs(ps),bs(hs),bs(fs),bs(gs)};Q("ready")},[C.foundation,C.core,C.typography,C.base,C.styles]),e.useEffect(()=>{const e=w?C.darkMode:C.lightMode;e&&vs(ms,e,fs).catch(e=>console.error("OmniDesignProvider mode CSS error:",e))},[w,C.lightMode,C.darkMode]),e.useEffect(()=>()=>bs(ms),[]);const U=w?P:M,X=e.useCallback(()=>{k?g?.(!w):B(e=>!e)},[k,w,g]),$=e.useCallback(e=>{ss.includes(e)||console.warn(`OmniDesignProvider: unknown theme "${e}"`),D(e)},[]),K=e.useCallback(e=>{cs.includes(e)||console.warn(`OmniDesignProvider: unknown style "${e}"`),W(e)},[]),Y=e.useCallback(e=>{ds.includes(e)||console.warn(`OmniDesignProvider: unknown surface "${e}"`),H(e)},[]),J=e.useMemo(()=>({theme:U,style:O,surface:F,isDark:w,cssStatus:V,cssError:G,setTheme:$,setStyle:K,setSurface:Y,toggleDarkMode:X,themes:ss,styles:cs,surfaces:ds,name:I.name??null}),[U,O,F,w,V,G,$,K,Y,X,I.name]);return r.jsxs(ls.Provider,{value:J,children:[r.jsx("style",{"data-omni":"hide-during-load",children:'[data-omni-css="loading"]{visibility:hidden}'}),r.jsx("div",{"data-theme":U,"data-style":O,"data-surface":F,"data-omni-css":V,className:b,style:{...y?{minHeight:"100vh"}:{},...v},children:j})]})},exports.OmniStack=Ga,exports.OmniTreeView=Xx,exports.Overline=or,exports.OverlineLarge=nr,exports.OverlineMedium=ar,exports.OverlineSmall=rr,exports.Pagination=cl,exports.PaginationShowcase=function(){const[o,a]=e.useState("default"),[n,i]=e.useState("medium"),[l,s]=e.useState(10),[c,d]=e.useState(!1),[u,x]=e.useState(!1),[p,h]=e.useState(!1),[m,f]=e.useState(null),[g,b]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Pagination"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:m,surface:g,children:r.jsx(cl,{color:o,size:n,count:l,showFirstButton:c,showLastButton:u,disabled:p})}),r.jsx(ha,{code:(()=>{const e=[];return"default"!==o&&e.push('color="'+o+'"'),"medium"!==n&&e.push('size="'+n+'"'),10!==l&&e.push("count={"+l+"}"),c&&e.push("showFirstButton"),u&&e.push("showLastButton"),p&&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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:m,onThemeChange:f,surface:g,onSurfaceChange:b})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:ul.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(pl,{color:e,selected:o===e,onClick:a},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(xl,{label:dl(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PAGES"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:[5,10,20,50].map(e=>r.jsx(xl,{label:String(e),selected:l===e,onClick:()=>s(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"First/Last Buttons"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show jump to first/last page"})]}),r.jsx(Ca,{variant:"default-outline",checked:c,onChange:e=>{d(e.target.checked),x(e.target.checked)},size:"small","aria-label":"First/last buttons"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Disabled"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),r.jsx(Ca,{variant:"default-outline",checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Disabled"})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Nav",value:'<nav aria-label="Pagination">'},{label:"List",value:"<ol> with <li> for each button"},{label:"Current",value:'aria-current="page" on selected page'},{label:"Labels",value:'aria-label="Page N", "Go to previous/next/first/last page"'},{label:"Keyboard",value:"Tab navigates between buttons"},{label:"Focus",value:"Uses Button component focus styles"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Paper=function({children:e,surface:o="Container",outlined:a=!1,variant:n=(a?"outlined":"elevation"),sx:i={},...l}){const{dataSurface:s,elevation:c}=function(e="Container"){const t={"Container-Lowest":{elevation:0,zIndex:0},"Container-Low":{elevation:1,zIndex:100},Container:{elevation:4,zIndex:200},"Container-High":{elevation:8,zIndex:300},"Container-Highest":{elevation:12,zIndex:400}},r=t[e]||t.Container;return{dataSurface:e,elevation:r.elevation,zIndex:r.zIndex}}(o);return r.jsx(t.Paper,{variant:n,elevation:a?0:c,"data-surface":s,sx:{padding:2,borderRadius:"8px",transition:"all 0.2s ease-in-out",...i},...l,children:e})},exports.PasswordTextField=function({label:e="Password",...t}){return r.jsx(Fn,{label:e,type:"password",...t})},exports.PhoneTextField=function({label:e="Phone",placeholder:t="(555) 123-4567",...o}){return r.jsx(Fn,{label:e,type:"tel",placeholder:t,...o})},exports.PieChart=function({data:o=[],donut:a=!1,donutRatio:n=.6,colors:i=Em,separatorWidth:l=2,size:s=200,showLabels:c=!1,animate:d=!0,interactive:u=!0,label:x,className:p="",sx:h={},...m}){const f=bm(o),g=vm(o),{slices:b,total:v,dropped:y}=Im(f),{active:j,handlers:S}=Wm(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,I=a?T*n:0,A=e=>{return{fill:`var(--Icons-${t=i[e%i.length]})`,onFill:`var(--Icons-On-${t})`};var t};return r.jsxs(t.Box,{component:"figure",className:"pie-chart "+p,sx:{display:"block",m:0,position:"relative",...h},...m,children:[r.jsxs("svg",{viewBox:`0 0 ${s} ${s}`,width:s,height:s,focusable:"false","aria-hidden":"true",children:[b.map((e,t)=>{const o=(e.start+e.end)/2,a=u&&j===t?4:0;return r.jsx("path",{d:Tm(w,C,I,T,e.start,e.end),fill:A(t).fill,stroke:"var(--Background)",strokeWidth:l,strokeLinejoin:"round",...u?S(t):{},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?Om:Dm}`}},t)}),c&&b.map((e,t)=>{const o=(e.start+e.end)/2,a=I+.62*(T-I);return e.fraction<.07?null:r.jsx("text",{x:w+a*Math.sin(o),y:C-a*Math.cos(o),textAnchor:"middle",dominantBaseline:"middle",fill:A(t).onFill,...Lm,children:g[t]},t)})]}),r.jsx(Mm,{caption:(x||`${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:n,placement:i="bottom-end",theme:l="Default",surface:s="Surface-Bright",width:c=320,maxHeight:d=400,children:x,sx:p={}}){const h=e.useRef(null),[m,f]=e.useState({top:0,left:0,right:"auto"});return e.useEffect(()=>{if(!o||!n?.current)return;const e=n.current.getBoundingClientRect();f("bottom-end"===i?{top:e.bottom+6,right:window.innerWidth-e.right,left:"auto"}:{top:e.bottom+6,left:e.left,right:"auto"})},[o,n,i]),e.useEffect(()=>{if(!o)return;const e=e=>{h.current?.contains(e.target)||n?.current?.contains(e.target)||a?.()};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[o,a,n]),e.useEffect(()=>{if(!o)return;const e=e=>{"Escape"===e.key&&a?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[o,a]),o?u.createPortal(r.jsx(t.Box,{ref:h,"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:Er,...p},children:x}),document.body):null},exports.PrimaryToggleButtonGroup=e=>r.jsx(Wn,{variant:"primary",...e}),exports.RATIO_NAMES=Ni,exports.RadialGradient=e=>r.jsx(is,{variant:"radial",...e}),exports.Radio=ai,exports.RadioGroup=function({color:e="primary",size:o="medium",label:a,options:n=[],value:i,onChange:l,orientation:s="vertical",labelPlacement:c="end",disabled:d=!1,spacing:u=1,name:x,className:p="",sx:h={},"aria-label":m,"aria-labelledby":f,...g}){return r.jsxs(t.FormControl,{component:"fieldset",disabled:d,className:"radio-group-"+e+" "+p,sx:h,children:[a&&r.jsx(t.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}),r.jsx(t.RadioGroup,{value:i,onChange:l,name:x,"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:u},...g,children:n.map(t=>r.jsx(ai,{color:e,size:o,label:t.label,labelPlacement:c,value:t.value,disabled:t.disabled||d},t.value))})]})},exports.RadioInput=ni,exports.Rail=bn,exports.RailShowcase=function(){const[o,a]=e.useState(!0),[n,i]=e.useState("partial"),[l,s]=e.useState(!1),[c,d]=e.useState(null),[u,x]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Rail"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsxs(Do,{theme:c,surface:u,sx:{minHeight:400,alignItems:"stretch",p:0},children:[r.jsx(bn,{items:jn,expandable:o,expandedWidth:n,fabAction:l?{icon:r.jsx(ve,{}),label:"Create",onClick:()=>{}}:void 0}),r.jsx(t.Box,{sx:{flex:1,p:3},children:r.jsx(Qt,{style:{color:"var(--Quiet)"},children:"Main content area"})})]}),r.jsx(ha,{code:(()=>{const e=["items={items}"];return o&&(e.push("expandable"),"partial"!==n&&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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:c,onThemeChange:d,surface:u,onSurfaceChange:x})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"EXPANDED WIDTH"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["partial","full"].map(e=>{return r.jsx(Sn,{label:(t=e,t?t.charAt(0).toUpperCase()+t.slice(1):""),selected:n===e,onClick:()=>i(e)},e);var t})})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Expandable"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Toggle between collapsed and expanded"})]}),r.jsx(Ca,{variant:"default-outline",checked:o,onChange:e=>a(e.target.checked),size:"small","aria-label":"Expandable"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"FAB Action"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show create button at top"})]}),r.jsx(Ca,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"FAB action"})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Nav",value:'<nav role="navigation" aria-label="Navigation rail">'},{label:"Items",value:'role="tab" aria-selected on each item'},{label:"TabList",value:'role="tablist" aria-orientation="vertical"'},{label:"Toggle",value:'aria-label="Expand/Collapse menu"'},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: -3px"},{label:"Badge",value:"Visual only — announced via aria-label on parent item"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.RangeSlider=di,exports.Rating=pi,exports.RatingInput=pi,exports.Ratio=qi,exports.RatioShowcase=function(){const[o,a]=e.useState("1:1"),[n,i]=e.useState("solid"),[l,s]=e.useState("primary"),[c,d]=e.useState("none"),[u,x]=e.useState(!1),[p,h]=e.useState(!1),[m,f]=e.useState(null),[g,b]=e.useState("Surface");return r.jsxs(Di,{sx:{pb:8},children:[r.jsx(Pt,{children:"Ratio"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:m,surface:g,children:r.jsx(Di,{sx:{width:"100%",maxWidth:480},children:r.jsx(qi,{ratio:o,variant:n,color:l,padding:c,elevated:u,clickable:p})})}),r.jsx(ha,{code:(()=>{const e=['ratio="'+o+'"'];return"default"!==n&&e.push('variant="'+n+'"'),"default"!==l&&e.push('color="'+l+'"'),"none"!==c&&e.push('padding="'+c+'"'),u&&e.push("elevated"),p&&e.push("clickable onClick={handleClick}"),"<Ratio "+e.join(" ")+">\n {/* your content */}\n</Ratio>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(Di,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Reference"})]}),r.jsx(Mo,{value:0,children:r.jsxs(Di,{sx:{p:3},children:[r.jsx(Di,{sx:{mb:3},children:r.jsx(Ho,{theme:m,onThemeChange:f,surface:g,onSurfaceChange:b})}),r.jsxs(Di,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"VARIANT"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:$i.map(e=>r.jsx(Yi,{label:Ui(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(Di,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:Xi.map(e=>r.jsxs(Di,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(Ji,{color:e,selected:l===e,onClick:s,variant:"default"===n?"solid":n},e))})]},e.label))})]}),r.jsxs(Di,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PADDING"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Ki.map(e=>r.jsx(Yi,{label:"none"===e?"None":e.toUpperCase(),selected:c===e,onClick:()=>d(e)},e))})]}),r.jsxs(Di,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"RATIO"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Ni.map(e=>r.jsx(Yi,{label:e,selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(Di,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(Di,{children:[r.jsx(Jt,{children:"Elevated"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Bumps the shadow up one level"})]}),r.jsx(Ca,{checked:u,onChange:e=>x(e.target.checked),size:"small","aria-label":"Elevated"})]}),r.jsxs(Di,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(Di,{children:[r.jsx(Jt,{children:"Clickable"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Adds hover, press, and focus-visible"})]}),r.jsx(Ca,{checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Clickable"})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(Di,{sx:{p:3},children:r.jsxs(t.Stack,{spacing:3,children:[r.jsxs(Di,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Common use cases"}),r.jsx(t.Stack,{spacing:0,children:[{label:"1:1",value:"Square thumbnails, avatars, product tiles"},{label:"16:9",value:"Video, hero images, modern displays"},{label:"4:3",value:"Classic photo, presentation slides"},{label:"3:2",value:"DSLR photography, print frames"},{label:"21:9",value:"Cinematic ultrawide"},{label:"9:16 / 4:5 / 5:7",value:"Portrait social media (Stories, Reels, prints)"},{label:"16:10",value:"Laptop / monitor displays"},{label:"Golden-Horizontal",value:"φ : 1 — design framing for cards, hero blocks"},{label:"Golden-Vertical",value:"1 : φ — vertical posters, sidebars"}].map(({label:e,value:t})=>r.jsxs(Di,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsx(Qt,{children:e}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:t})]},e))})]}),r.jsxs(qt,{color:"quiet",children:["Built on native CSS ",r.jsx("code",{children:"aspect-ratio"}),". The themed shell mirrors Box — pick a variant + color to paint the frame, or keep ",r.jsx("code",{children:'variant="default"'}),"for a borderless ratio container."]})]})})})]})})})]})]})},exports.ResponsiveStack=({breakpoint:e="sm",...t})=>r.jsx(Ga,{direction:{xs:"column",[e]:"row"},...t}),exports.ScrollStack=({sx:e,...t})=>r.jsx(Ga,{sx:{overflowY:"auto",...e},...t}),exports.SearchField=mi,exports.SearchFieldShowcase=function(){const[o,a]=e.useState("default"),[n,i]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(!0),[u,x]=e.useState(null),[p,h]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Search Field"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:u,surface:p,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:400},children:r.jsx(mi,{color:o,size:n,disabled:l,showClearButton:c,placeholder:"Search..."})})}),r.jsx(ha,{code:(()=>{const e=[];return"default"!==o&&e.push('color="'+o+'"'),"medium"!==n&&e.push('size="'+n+'"'),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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:u,onThemeChange:x,surface:p,onSurfaceChange:h})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:gi.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(vi,{color:e,selected:o===e,onClick:a},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(bi,{label:fi(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Clear Button"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show clear when has value"})]}),r.jsx(Ca,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Clear button"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Disabled"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),r.jsx(Ca,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Disabled"})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="searchbox" on the input element'},{label:"Label",value:'aria-label="Search" (configurable via ariaLabel prop)'},{label:"Clear",value:'aria-label="Clear search" on clear button'},{label:"Keyboard",value:"Enter submits, Escape clears"},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.SearchTextField=function({label:e="Search",placeholder:t="Type to search...",...o}){return r.jsx(Fn,{label:e,type:"search",placeholder:t,...o})},exports.SecondaryToggleButtonGroup=e=>r.jsx(Wn,{variant:"secondary",...e}),exports.Section=Hi,exports.SectionShowcase=function(){return r.jsxs("div",{children:[r.jsx(Pt,{style:{marginBottom:12},children:"Section"}),r.jsxs(qt,{color:"quiet",style:{marginBottom:32,maxWidth:720},children:[r.jsx("code",{children:"<Section>"})," bundles ",r.jsx("code",{children:"data-theme"})," +"," ",r.jsx("code",{children:"data-surface"})," + background paint into one component. Use anywhere you'd otherwise reach for"," ",r.jsx("code",{children:"<section data-theme data-surface style={{ background: var(--Background) }}>"}),". For wrapping without painting (e.g. AppBar's themed zone), use"," ",r.jsx("code",{children:"<ThemedZone>"}),"."]}),r.jsx(Pt,{style:{marginTop:24,marginBottom:12},children:"Theme + surface"}),r.jsx(Qt,{color:"quiet",style:{marginBottom:16,display:"block"},children:'Sets data-theme="Primary-Light" + data-surface="Surface", paints --Background.'}),r.jsxs(Hi,{theme:"Primary-Light",surface:"Surface",padding:"32px",style:{borderRadius:8},children:[r.jsx(Pt,{children:"Primary-Light surface"}),r.jsx(qt,{children:"Body text picks up --Text automatically."}),r.jsx(Qt,{color:"quiet",children:"Quiet text picks up --Text-Quiet."}),r.jsx("div",{style:{marginTop:12},children:r.jsx(Zr,{variant:"primary",children:"Primary button"})})]}),r.jsx(Pt,{style:{marginTop:32,marginBottom:12},children:"Container surface"}),r.jsxs(Hi,{surface:"Container",padding:"32px",style:{borderRadius:8},children:[r.jsx(Pt,{children:"Container surface (inherits theme)"}),r.jsx(qt,{children:"Useful for card-like regions."})]}),r.jsx(Pt,{style:{marginTop:32,marginBottom:12},children:"Different element"}),r.jsxs(Qt,{color:"quiet",style:{marginBottom:16,display:"block"},children:["Pass ",r.jsx("code",{children:'as="article"'}),", ",r.jsx("code",{children:'as="footer"'}),", etc."]}),r.jsxs(Hi,{as:"article",theme:"Neutral-Dark",surface:"Surface",padding:"32px",style:{borderRadius:8},children:[r.jsx(Pt,{children:"Neutral-Dark article"}),r.jsx(qt,{children:"Renders as an <article> element."})]})]})},exports.Select=wo,exports.SelectShowcase=function(){const[o,a]=e.useState("outline"),[n,i]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("top"),[u,x]=e.useState("Fruit"),[p,h]=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,I]=e.useState("Surface"),[A,z]=e.useState(!1),[R,E]=e.useState(!0);return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Select"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:w,surface:T,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:360},children:r.jsx(wo,{variant:o,color:n,size:l,label:u,labelPosition:c,mode:A?"color":void 0,showColorLabels:A?R:void 0,options:A?Qn:Vn,value:B,onChange:k,showDividers:p,disabled:m,fullWidth:g,startDecoration:v?(()=>{const e=dt[j]||dt.Search;return r.jsx(hr,{size:"small",children:r.jsx(e,{})})})():void 0})})}),r.jsx(ha,{code:(()=>{const e=[];return"outline"!==o&&e.push('variant="'+o+'"'),"default"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),u&&e.push('label="'+u+'"'),"top"!==c&&e.push('labelPosition="'+c+'"'),A&&e.push('mode="color"'),A&&!R&&e.push("showColorLabels={false}"),p&&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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:w,onThemeChange:C,surface:T,onSurfaceChange:I})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["outline","light"].map(e=>r.jsx(Gn,{label:Hn(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:Nn.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(qn,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(Gn,{label:Hn(e),selected:l===e,onClick:()=>s(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["top","floating","none"].map(e=>r.jsx(Gn,{label:"none"===e?"None":Hn(e),selected:c===e,onClick:()=>d(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Start Icon"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Icon rendered before the value"})]}),r.jsx(Ca,{checked:v,onChange:e=>y(e.target.checked),size:"small","aria-label":"Start icon"})]}),v&&r.jsxs(t.Box,{sx:{mt:2},children:[r.jsx(jo,{label:"Icon Name",value:j,onChange:e=>S(e.target.value),placeholder:"Search",variant:"primary-outline",size:"small",fullWidth:!0}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:[r.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)"]})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Dividers"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Lines between options"})]}),r.jsx(Ca,{checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Show dividers"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Disabled"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),r.jsx(Ca,{checked:m,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Color Mode"}),r.jsx(Kt,{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."})]}),r.jsx(Ca,{checked:A,onChange:e=>z(e.target.checked),size:"small","aria-label":"Color mode"})]}),A&&r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Show Color Labels"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Hide to render a swatch-only trigger (no text). Useful for compact color pickers."})]}),r.jsx(Ca,{checked:R,onChange:e=>E(e.target.checked),size:"small","aria-label":"Show color labels"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Full Width"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container width"})]}),r.jsx(Ca,{checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Trigger",value:'role="combobox" aria-expanded="true|false" aria-haspopup="listbox"'},{label:"Dropdown",value:'role="listbox" aria-label="..."'},{label:"Options",value:'role="option" aria-selected="true|false"'},{label:"Label",value:"aria-label from label prop. Always provide a label."},{label:"Keyboard",value:"Enter/Space opens. Escape closes. Arrow keys when open."},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px (on outer shell)"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.SelectableCard=e=>r.jsx(_a,{clickable:!0,selected:e.selected,...e}),exports.SettingsPanel=function(){const{mode:o,switchMode:a}=function(t="light"){const[r,o]=e.useState(t);return e.useEffect(()=>{mm("/styles/foundation.css","css-foundation"),mm("/styles/core.css","css-core"),mm("/styles/Light-Mode.css","css-mode"),mm("/styles/base.css","css-base"),mm("/styles/typography-tokens.css","css-typography-tokens")},[]),{mode:r,switchMode:e=>{const t=document.getElementById("css-mode");t&&(t.href="dark"===e?"/styles/Dark-Mode.css":"/styles/Light-Mode.css"),o(e),localStorage.setItem("themeMode",e)}}}("light"),[n,i]=e.useState(!1),[l,s]=e.useState("desktop");e.useEffect(()=>{const e=localStorage.getItem("dino-platform")||"desktop",t=localStorage.getItem("themeMode")||"light";s(e),document.documentElement.style.setProperty("--Button-Height",gm[e]||"32px"),"dark"===t&&a("dark")},[]);const c=e=>{s(e),localStorage.setItem("dino-platform",e),document.documentElement.style.setProperty("--Button-Height",gm[e]||"32px")};return r.jsxs(r.Fragment,{children:[r.jsx(t.Box,{onClick:()=>i(!0),role:"button","aria-label":"Open settings",sx:{position:"fixed",bottom:24,right:24,width:52,height:52,borderRadius:"50%",backgroundColor:"var(--Buttons-Tertiary-Button)",color:"var(--Buttons-Tertiary-Text)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",boxShadow:"0 4px 12px rgba(0,0,0,0.15)",zIndex:999,transition:"transform 0.15s ease, box-shadow 0.15s ease","&:hover":{transform:"scale(1.08)",boxShadow:"0 6px 16px rgba(0,0,0,0.2)"}},children:r.jsx(ye.Settings,{sx:{fontSize:24}})}),r.jsx(Hs,{anchor:"right",open:n,onClose:()=>i(!1),hideBackdrop:!0,size:"small",sx:{width:320,zIndex:99999999},children:r.jsxs(t.Box,{sx:{p:3,height:"100%",display:"flex",flexDirection:"column"},children:[r.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2},children:[r.jsx(Dt,{children:"Settings"}),r.jsx(Zr,{iconOnly:!0,variant:"ghost",size:"small",onClick:()=>i(!1),"aria-label":"Close settings",children:r.jsx(ye.Close,{fontSize:"small"})})]}),r.jsx(t.Divider,{sx:{mb:3,borderColor:"var(--Border)"}}),r.jsx(t.Box,{sx:{flex:1,overflowY:"auto"},children:r.jsxs(t.Stack,{spacing:4,children:[r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text)",opacity:.85,display:"block",marginBottom:12,fontWeight:600},children:"MODE"}),r.jsxs(t.Stack,{direction:"row",spacing:1,children:[r.jsx(Zr,{variant:"light"===o?"primary":"primary-outline",size:"small",onClick:()=>a("light"),sx:{flex:1},children:"Light"}),r.jsx(Zr,{variant:"dark"===o?"primary":"primary-outline",size:"small",onClick:()=>a("dark"),sx:{flex:1},children:"Dark"})]})]}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text)",opacity:.85,display:"block",marginBottom:12,fontWeight:600},children:"PLATFORM"}),r.jsx(t.Stack,{spacing:1,children:fm.map(({value:e,label:o,note:a})=>{const n=l===e;return r.jsxs(t.Box,{onClick:()=>c(e),sx:{p:1.5,borderRadius:"var(--Style-Border-Radius)",cursor:"pointer",border:n?"2px solid var(--Buttons-Primary-Button)":"1px solid var(--Border)",backgroundColor:n?"var(--Background)":"transparent",display:"flex",justifyContent:"space-between",alignItems:"center",transition:"all 0.15s ease","&:hover":{backgroundColor:"var(--Hover)"}},children:[r.jsxs(t.Box,{children:[r.jsx(Qt,{style:{color:n?"var(--Buttons-Primary-Button)":"var(--Text)",fontWeight:n?600:400},children:o}),r.jsx(Kt,{style:{color:"var(--Text)",opacity:.7},children:a})]}),n&&r.jsx(t.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"var(--Buttons-Primary-Button)",flexShrink:0}})]},e)})})]})]})}),r.jsx(t.Divider,{sx:{my:3,borderColor:"var(--Border)"}}),r.jsx(Zr,{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:n=[],onItemClick:i,width:l=280,variant:s="temporary",header:c,footer:d,sx:u={},...p}){const[h,m]=e.useState(null),[f,g]=e.useState({}),b=(e,t)=>{m(t),i?.(e),"temporary"===s&&a?.()},v="permanent"===s?"permanent":"standard"===s?"standard":"temporary",y=r.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",height:"100%",backgroundColor:"var(--Container)",color:"var(--Text)"},children:[c&&r.jsx(t.Box,{sx:{p:2,borderBottom:"1px solid var(--Border-Variant)"},children:"string"==typeof c?r.jsx(t.Typography,{variant:"h6",sx:{fontWeight:700},children:c}):c}),r.jsx(t.List,{sx:{flex:1,overflow:"auto",py:1},children:n.map((e,o)=>{const a=h===o,n=e.submenu&&e.submenu.length>0,i=f[o];return r.jsxs(t.Box,{children:[r.jsx(t.Tooltip,{title:e.tooltip||"",placement:"right",children:r.jsx(t.ListItem,{disablePadding:!0,children:r.jsxs(t.ListItemButton,{onClick:()=>{n?(e=>{g(t=>({...t,[e]:!t[e]}))})(o):b(e,o)},selected:a&&!n,sx:{backgroundColor:a&&!n?"var(--Buttons-Primary-Button)":"transparent",color:a&&!n?"var(--Buttons-Primary-Text)":"var(--Text)","&:hover":{backgroundColor:a&&!n?"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&&r.jsx(t.ListItemIcon,{sx:{color:a&&!n?"var(--Buttons-Primary-Text)":"var(--Icons-Primary)",minWidth:40},children:e.badge?r.jsx(t.Badge,{badgeContent:e.badge,color:"error",children:e.icon}):e.icon}),r.jsx(t.ListItemText,{primary:e.label,primaryTypographyProps:{variant:"body2",fontWeight:a&&!n?600:500}}),n&&r.jsx(t.Box,{sx:{ml:1},children:i?r.jsx(Le,{}):r.jsx(x,{})})]})})}),n&&r.jsx(t.Collapse,{in:i,timeout:"auto",unmountOnExit:!0,children:r.jsx(t.List,{component:"div",disablePadding:!0,children:e.submenu.map((e,o)=>r.jsx(t.ListItem,{disablePadding:!0,children:r.jsxs(t.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&&r.jsx(t.ListItemIcon,{sx:{color:"var(--Icons-Primary)",minWidth:40},children:e.icon}),r.jsx(t.ListItemText,{primary:e.label})]})},o))})}),e.divider&&r.jsx(t.Divider,{sx:{my:1,borderColor:"var(--Border-Variant)"}})]},o)})}),d&&r.jsx(t.Box,{sx:{borderTop:"1px solid var(--Border-Variant)",p:2},children:"string"==typeof d?r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Quiet)"},children:d}):d})]});return"permanent"===s?r.jsx(t.Box,{sx:{width:l,flexShrink:0,...u},children:y}):r.jsx(t.Drawer,{variant:v,open:o,onClose:a,PaperProps:{sx:{width:l,backgroundColor:"var(--Container)",color:"var(--Text)",...u}},...p,children:y})},exports.Slider=ci,exports.SliderInput=ci,exports.Snackbar=lp,exports.SnackbarShowcase=function(){const[o,a]=e.useState("light"),[n,i]=e.useState("info"),[l,s]=e.useState("medium"),[c,d]=e.useState("bottom"),[u,x]=e.useState(!0),[p,h]=e.useState(!0),[m,f]=e.useState(!1),[g,b]=e.useState(null),[v,y]=e.useState("Surface"),j=u&&dp[n]?r.jsx(hr,{size:"small",sx:{color:"inherit"},children:dp[n]}):void 0;return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Snackbar"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:g,surface:v,children:r.jsx(Zr,{variant:"default",onClick:()=>f(!0),children:"Show Snackbar"})}),r.jsx(ha,{code:(()=>{const e=["open={open}"];return e.push('variant="'+o+'"'),"info"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),"bottom"!==c&&e.push('anchor="top"'),p&&e.push("onClose={handleClose}"),u&&dp[n]&&e.push("startDecorator={<Icon><"+sp(n)+"Icon /></Icon>}"),"<Snackbar\n "+e.join("\n ")+"\n>\n Operation completed successfully.\n</Snackbar>"})(),language:"JSX",wrap:!0,sx:{mt:2}}),r.jsx(lp,{open:m,onClose:p?()=>f(!1):void 0,variant:o,color:n,size:l,anchor:c,autoHideDuration:4e3,startDecorator:j,children:"Operation completed successfully."})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:g,onThemeChange:b,surface:v,onSurfaceChange:y})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["solid","light"].map(e=>r.jsx(up,{label:sp(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:cp.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(xp,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(up,{label:sp(e),selected:l===e,onClick:()=>s(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ANCHOR"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["top","bottom"].map(e=>r.jsx(up,{label:sp(e),selected:c===e,onClick:()=>d(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Show Icon"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Start decorator icon"})]}),r.jsx(Ca,{variant:"default-outline",checked:u,onChange:e=>x(e.target.checked),size:"small","aria-label":"Show icon"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Close Button"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show dismiss button"})]}),r.jsx(Ca,{variant:"default-outline",checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Close button"})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="alert" aria-live="polite" aria-atomic="true"'},{label:"Close",value:'Button with aria-label="Close notification"'},{label:"Keyboard",value:"Escape closes. Auto-hides after duration."},{label:"Hover",value:"Pauses auto-hide timer on mouse enter"},{label:"Border",value:"var(--Buttons-{Color}-Border) on outer shell"},{label:"Shadow",value:"var(--Effect-Level-3)"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.SolidTreeView=e=>r.jsx(Xx,{variant:"solid",...e}),exports.SpaceBetweenStack=e=>r.jsx(Ga,{direction:"row",alignItems:"center",justifyContent:"space-between",...e}),exports.Spacing=function(){const e=({name:e,varName:o,baseValue:a})=>r.jsx(t.Box,{sx:{mb:2},children:r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:2,mb:1},children:[r.jsx(t.Box,{"aria-hidden":"true",sx:{width:`var(${o})`,minWidth:20,height:24,backgroundColor:"var(--Buttons-Primary-Button)",borderRadius:.5,border:"1px solid var(--Border)"}}),r.jsxs(t.Stack,{spacing:.5,children:[r.jsx(t.Typography,{variant:"subtitle2",sx:{fontWeight:600},children:e}),r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:o}),r.jsxs(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:["Base: ",a," (with cognitive multiplier)"]})]})]})}),o=({name:e,varName:o,value:a})=>r.jsxs(t.Box,{sx:{mb:2},children:[r.jsx(t.Box,{"aria-hidden":"true",sx:{width:100,height:a,backgroundColor:"var(--Buttons-Primary-Button)",borderRadius:1,border:"1px solid var(--Border)",mb:1}}),r.jsx(t.Typography,{variant:"subtitle2",sx:{fontWeight:600},children:e}),r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block"},children:o}),r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:a})]});return r.jsxs(t.Stack,{spacing:3,sx:{p:2},children:[r.jsxs("section",{children:[r.jsx(t.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Spacing Scale"}),r.jsx(t.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Spacing values are multiplied by the cognitive multiplier for accessibility. Each spacing value includes a visual reference and text label for clarity."}),r.jsx(t.Stack,{spacing:1,children:[{name:"Quarter",var:"--Spacing-Quarter",baseValue:"2px"},{name:"Half",var:"--Spacing-Half",baseValue:"4px"},{name:"1-and-Half",var:"--Spacing-1-and-Half",baseValue:"12px"},{name:"1",var:"--Spacing-1",baseValue:"8px"},{name:"2",var:"--Spacing-2",baseValue:"16px"},{name:"3",var:"--Spacing-3",baseValue:"24px"},{name:"4",var:"--Spacing-4",baseValue:"32px"},{name:"5",var:"--Spacing-5",baseValue:"40px"},{name:"6",var:"--Spacing-6",baseValue:"48px"},{name:"7",var:"--Spacing-7",baseValue:"56px"},{name:"8",var:"--Spacing-8",baseValue:"64px"},{name:"9",var:"--Spacing-9",baseValue:"72px"},{name:"10",var:"--Spacing-10",baseValue:"80px"}].map(t=>r.jsx(e,{name:t.name,varName:t.var,baseValue:t.baseValue},t.var))})]}),r.jsxs("section",{children:[r.jsx(t.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Sizing Scale"}),r.jsx(t.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Fixed sizing values for components and layouts. Each size is labeled with its CSS variable and pixel value."}),r.jsx(t.Grid,{container:!0,spacing:3,children:[{name:"Quarter",var:"--Sizing-Quarter",value:"2px"},{name:"Half",var:"--Sizing-Half",value:"4px"},{name:"1-and-Half",var:"--Sizing-1-and-Half",value:"12px"},{name:"1",var:"--Sizing-1",value:"8px"},{name:"2",var:"--Sizing-2",value:"16px"},{name:"3",var:"--Sizing-3",value:"24px"},{name:"4",var:"--Sizing-4",value:"32px"},{name:"5",var:"--Sizing-5",value:"40px"},{name:"6",var:"--Sizing-6",value:"48px"},{name:"7",var:"--Sizing-7",value:"56px"},{name:"8",var:"--Sizing-8",value:"64px"},{name:"9",var:"--Sizing-9",value:"72px"},{name:"10",var:"--Sizing-10",value:"80px"},{name:"11",var:"--Sizing-11",value:"88px"},{name:"12",var:"--Sizing-12",value:"96px"},{name:"13",var:"--Sizing-13",value:"104px"},{name:"14",var:"--Sizing-14",value:"112px"},{name:"15",var:"--Sizing-15",value:"160px"},{name:"16",var:"--Sizing-16",value:"240px"},{name:"17",var:"--Sizing-17",value:"320px"},{name:"18",var:"--Sizing-18",value:"480px"}].map(e=>r.jsx(t.Grid,{item:!0,xs:12,sm:6,md:4,lg:3,children:r.jsx(o,{name:e.name,varName:e.var,value:e.value})},e.var))})]}),r.jsxs("section",{children:[r.jsx(t.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Negative Sizing"}),r.jsx(t.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Negative values for margins and offsets. Use these to reduce or remove default spacing when needed."}),r.jsx(t.Grid,{container:!0,spacing:3,children:[{name:"Negative-Quarter",var:"--Sizing-Negative-Quarter",value:"-2px"},{name:"Negative-Half",var:"--Sizing-Negative-Half",value:"-4px"},{name:"Negative-1-and-Half",var:"--Sizing-Negative-1-and-Half",value:"-12px"},{name:"Negative-1",var:"--Sizing-Negative-1",value:"-8px"}].map(e=>r.jsx(t.Grid,{item:!0,xs:12,sm:6,md:4,lg:3,children:r.jsxs(t.Box,{children:[r.jsx(t.Typography,{variant:"subtitle2",sx:{fontWeight:600},children:e.name}),r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block"},children:e.var}),r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:e.value})]})},e.var))})]}),r.jsxs("section",{style:{paddingTop:24,borderTop:"1px solid var(--Border)"},children:[r.jsx(t.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Container Padding"}),r.jsxs(t.Box,{sx:{p:"var(--Spacing-3)",backgroundColor:"var(--Container-Low)",border:"2px dashed var(--Buttons-Primary-Button)",borderRadius:1},children:[r.jsxs(t.Typography,{variant:"body2",children:["Default container padding: ",r.jsx("strong",{children:"var(--Spacing-3)"})," = 24px"]}),r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block",mt:1},children:"Use this variable for consistent padding around main content areas."})]})]}),r.jsxs("section",{style:{paddingTop:24,borderTop:"1px solid var(--Border)"},children:[r.jsx(t.Typography,{variant:"h5",component:"h2",sx:{mb:3,fontWeight:700},children:"Practical Examples"}),r.jsxs("article",{children:[r.jsx(t.Typography,{variant:"h6",component:"h3",sx:{mb:2,fontWeight:600},children:"Padding Examples"}),r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",mb:2,display:"block"},children:"Different padding values create different visual breathing room."}),r.jsx(t.Grid,{container:!0,spacing:2,sx:{mb:4},children:["var(--Spacing-1)","var(--Spacing-2)","var(--Spacing-3)","var(--Spacing-4)"].map(e=>r.jsx(t.Grid,{item:!0,xs:12,sm:6,children:r.jsxs(t.Box,{sx:{p:e,backgroundColor:"var(--Container)",border:"1px solid var(--Border)",borderRadius:1},children:[r.jsxs(t.Typography,{variant:"subtitle2",children:["Padding: ",e]}),r.jsx(t.Typography,{variant:"caption",sx:{display:"block",mt:1,color:"var(--Text-Secondary)"},children:"Content with spacing applied"})]})},e))})]}),r.jsxs("article",{children:[r.jsx(t.Typography,{variant:"h6",component:"h3",sx:{mb:2,fontWeight:600},children:"Gap Examples"}),r.jsx(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",mb:2,display:"block"},children:"Gap controls spacing between flex/grid children without adding extra elements."}),r.jsx(t.Stack,{spacing:3,children:["var(--Spacing-1)","var(--Spacing-2)","var(--Spacing-3)"].map(e=>r.jsxs(t.Box,{children:[r.jsx(t.Stack,{direction:"row",spacing:e,sx:{mb:1},children:[1,2,3].map(e=>r.jsx(t.Box,{"aria-hidden":"true",sx:{width:60,height:60,backgroundColor:"var(--Buttons-Primary-Button)",borderRadius:1,flexShrink:0}},e))}),r.jsxs(t.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:["Gap: ",e]})]},e))})]})]}),r.jsxs(t.Box,{role:"note",sx:{p:2,backgroundColor:"var(--Container-Low)",borderRadius:1,borderLeft:"4px solid var(--Buttons-Primary-Button)",mt:3},children:[r.jsx(t.Typography,{variant:"subtitle2",sx:{fontWeight:600,mb:1},children:"✓ Accessibility Best Practices Used"}),r.jsxs("ul",{style:{margin:"0.5rem 0",paddingLeft:"1.5rem"},children:[r.jsx("li",{children:r.jsxs(t.Typography,{variant:"caption",children:[r.jsx("strong",{children:'aria-hidden="true"'})," on purely decorative visual elements"]})}),r.jsx("li",{children:r.jsx(t.Typography,{variant:"caption",children:"All spacing information conveyed through text labels and values"})}),r.jsx("li",{children:r.jsxs(t.Typography,{variant:"caption",children:["No empty decorative ",r.jsx("code",{children:"<div>"})," elements in DOM"]})}),r.jsx("li",{children:r.jsxs(t.Typography,{variant:"caption",children:["Semantic HTML: ",r.jsx("code",{children:"<section>"})," and ",r.jsx("code",{children:"<article>"})," for structure"]})}),r.jsx("li",{children:r.jsx(t.Typography,{variant:"caption",children:"CSS-based spacing (padding/margin) for actual layout, not decorative divs"})}),r.jsx("li",{children:r.jsx(t.Typography,{variant:"caption",children:"Full keyboard navigation and screen reader support"})})]})]})]})},exports.SpeedDial=Yl,exports.SpeedDialShowcase=function(){const[o,a]=e.useState("solid"),[n,i]=e.useState("default"),[l,s]=e.useState("up"),[c,d]=e.useState(!0),[u,x]=e.useState(null),[p,h]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Speed Dial"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:u,surface:p,sx:{minHeight:300,alignItems:"flex-end",justifyContent:"center"},children:r.jsx(Yl,{variant:o,color:n,direction:l,showTooltips:c,actions:_l,ariaLabel:"Quick actions"})}),r.jsx(ha,{code:(()=>{const e=[];return"solid"!==o&&e.push('variant="'+o+'"'),"default"!==n&&e.push('color="'+n+'"'),"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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:u,onThemeChange:x,surface:p,onSurfaceChange:h})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["solid","outline"].map(e=>r.jsx(es,{label:Jl(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:Zl.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(ts,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DIRECTION"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["up","down","left","right"].map(e=>r.jsx(es,{label:Jl(e),selected:l===e,onClick:()=>s(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Tooltips"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show labels beside actions"})]}),r.jsx(Ca,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Show tooltips"})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"FAB",value:'aria-expanded, aria-haspopup="menu", aria-label'},{label:"Actions",value:'role="menu" container, role="menuitem" on each action'},{label:"Labels",value:"aria-label on each action from name prop"},{label:"Keyboard",value:"Escape closes. Click outside closes."},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: 2px"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Stack=$a,exports.StackDivider=e=>r.jsx(t.Box,{sx:{borderBottom:"1px solid var(--Border)",width:"100%"},...e}),exports.StackShowcase=function(){return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Stack"}),r.jsx(qt,{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."}),r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Why it matters"}),r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"API"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{pt:3,display:"flex",flexDirection:"column",gap:4},children:[r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[r.jsx(Pt,{children:"The problem"}),r.jsx(qt,{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."}),r.jsx(Li,{leftLabel:"Plain MUI Stack — gap too small",rightLabel:"OmniStack — gap auto-enforced",leftPasses:!1,rightPasses:!0,leftContent:r.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",gap:"4px"},children:[r.jsx(Ai,{href:"#",size:"small",children:"Terms of Service"}),r.jsx(Ai,{href:"#",size:"small",children:"Privacy Policy"}),r.jsx(Ai,{href:"#",size:"small",children:"Cookie Settings"})]}),rightContent:r.jsxs(Ga,{gap:.5,children:[r.jsx(Ai,{href:"#",size:"small",children:"Terms of Service"}),r.jsx(Ai,{href:"#",size:"small",children:"Privacy Policy"}),r.jsx(Ai,{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'})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[r.jsx(Pt,{children:"Mixed component sizes"}),r.jsx(qt,{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."}),r.jsx(Li,{leftLabel:"Without enforcement",rightLabel:"With enforcement",leftPasses:!1,rightPasses:!0,leftContent:r.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column",gap:"2px"},children:[r.jsx(Zr,{variant:"primary",size:"medium",children:"Save changes"}),r.jsx(Ai,{href:"#",size:"small",children:"Or discard"})]}),rightContent:r.jsxs(Ga,{gap:.25,children:[r.jsx(Zr,{variant:"primary",size:"medium",children:"Save changes"}),r.jsx(Ai,{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'})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[r.jsx(Pt,{children:"How detection works"}),r.jsx(qt,{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."}),r.jsx(t.Box,{sx:{display:"flex",flexDirection:"column"},children:[{signal:'size="small" prop',example:'<Link size="small" />'},{signal:'data-size="small"',example:'<div data-size="small" />'},{signal:"height={24}",example:"<Box height={24} />"},{signal:"minHeight={24}",example:"<Box minHeight={24} />"},{signal:"sx.minHeight: 24",example:"<Box sx={{ minHeight: 24 }} />"},{signal:"Known component name",example:"Link, Chip, Badge, Caption…"}].map(({signal:e,example:o},a,n)=>r.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",gap:2,py:1.5,borderBottom:a<n.length-1?"1px solid var(--Border)":"none"},children:[r.jsx(t.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"var(--Primary-Color-10)",flexShrink:0}}),r.jsx(Qt,{style:{flex:"0 0 200px"},children:e}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[r.jsx(Pt,{children:"Token-driven minimum"}),r.jsx(qt,{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."}),r.jsx(Ri,{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. */"})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[r.jsx(Pt,{children:"Auditable opt-out"}),r.jsxs(qt,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:["Use ",r.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."]}),r.jsx(Ri,{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>'})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(Pi,{})}),r.jsx(Mo,{value:2,children:r.jsxs(t.Box,{sx:{pt:3},children:[r.jsx(Pt,{children:"OmniStack props"}),r.jsx(qt,{style:{color:"var(--Text-Quiet)",marginTop:4,marginBottom:16},children:"All standard MUI Stack props are supported. These are OmniStack additions:"}),r.jsx(t.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",mb:4},children:[{prop:"enforceMinGap",type:"boolean",default:"true",desc:"Enable/disable smart gap enforcement."},{prop:"minGapToken",type:"string",default:'"--min-stack-gap"',desc:"CSS variable name for the minimum gap value."},{prop:"gap",type:"number|string",default:"undefined",desc:"Desired gap. Enforced against minGapToken when small children detected."},{prop:"direction",type:"string|object",default:'"column"',desc:"Stack direction. Supports responsive breakpoint objects."},{prop:"flexWrap",type:"string",default:"undefined",desc:'"wrap" | "nowrap" | "wrap-reverse"'},{prop:"divider",type:"ReactNode",default:"undefined",desc:"Element rendered between each child."}].map(({prop:e,type:o,default:a,desc:n},i,l)=>r.jsxs(t.Box,{sx:{display:"grid",gridTemplateColumns:"160px 160px 1fr",gap:2,px:2,py:1.5,alignItems:"start",borderBottom:i<l.length-1?"1px solid var(--Border)":"none",backgroundColor:i%2==0?"transparent":"var(--Surface-Dim, var(--Surface))"},children:[r.jsx(Kt,{style:{fontFamily:"monospace",color:"var(--Primary-Color-10)",fontWeight:600},children:e}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o}),r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text)"},children:n}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:2},children:["Default: ",a]})]})]},e))}),r.jsx(Pt,{children:"Convenience exports"}),r.jsx(t.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",mb:4},children:[{name:"Stack",desc:"Alias for OmniStack — drop-in MUI Stack replacement"},{name:"HStack",desc:'direction="row" alignItems="center"'},{name:"VStack",desc:'direction="column"'},{name:"CenteredStack",desc:'direction="column" alignItems="center" justifyContent="center"'},{name:"SpaceBetweenStack",desc:'direction="row" justifyContent="space-between"'},{name:"WrapStack",desc:'direction="row" flexWrap="wrap"'},{name:"ResponsiveStack",desc:"column on xs, row on sm+ (breakpoint configurable)"},{name:"GridStack",desc:"Alias for WrapStack"},{name:"InsetStack",desc:"OmniStack with px: 2 horizontal padding"},{name:"ScrollStack",desc:"OmniStack with overflowY: auto"}].map(({name:e,desc:o},a,n)=>r.jsxs(t.Box,{sx:{display:"grid",gridTemplateColumns:"200px 1fr",gap:2,px:2,py:1.5,borderBottom:a<n.length-1?"1px solid var(--Border)":"none",backgroundColor:a%2==0?"transparent":"var(--Surface-Dim, var(--Surface))"},children:[r.jsx(Kt,{style:{fontFamily:"monospace",color:"var(--Primary-Color-10)",fontWeight:600},children:e}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)"},children:o})]},e))}),r.jsx(Pt,{children:"Debug attributes"}),r.jsx(Ri,{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=Gl,exports.Stepper=Ql,exports.StepperShowcase=function(){const[o,a]=e.useState("default"),[n,i]=e.useState("medium"),[l,s]=e.useState("horizontal"),[c,d]=e.useState(4),[u,x]=e.useState(1),[p,h]=e.useState(!1),[m,f]=e.useState(!1),[g,b]=e.useState(null),[v,y]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Stepper"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:g,surface:v,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:"vertical"===l?300:"100%"},children:r.jsx(Ql,{color:o,size:n,orientation:l,activeStep:u,clickable:p,onStepClick:p?x:void 0,dashedIncomplete:m,children:Xl.slice(0,c).map(e=>r.jsx(Gl,{label:e},e))})})}),r.jsx(ha,{code:(()=>{const e=[];return"default"!==o&&e.push('color="'+o+'"'),"medium"!==n&&e.push('size="'+n+'"'),"horizontal"!==l&&e.push('orientation="vertical"'),e.push("activeStep={"+u+"}"),p&&e.push("clickable onStepClick={setActiveStep}"),m&&e.push("dashedIncomplete"),"<Stepper "+e.join(" ")+">\n"+Xl.slice(0,c).map(e=>' <Step label="'+e+'" />').join("\n")+"\n</Stepper>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:g,onThemeChange:b,surface:v,onSurfaceChange:y})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STEPS"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:[2,3,4,5,6].map(e=>r.jsx($l,{label:String(e),selected:c===e,onClick:()=>{d(e),u>=e&&x(e-1)}},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ACTIVE STEP"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:Xl.slice(0,c).map((e,t)=>r.jsx($l,{label:String(t+1),selected:u===t,onClick:()=>x(t)},t))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:Ul.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(Kl,{color:e,selected:o===e,onClick:a},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx($l,{label:ql(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ORIENTATION"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["horizontal","vertical"].map(e=>r.jsx($l,{label:ql(e),selected:l===e,onClick:()=>s(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Clickable"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Steps are interactive buttons"})]}),r.jsx(Ca,{variant:"default-outline",checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Clickable"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Dashed Incomplete"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Dashed connector for future steps"})]}),r.jsx(Ca,{variant:"default-outline",checked:m,onChange:e=>f(e.target.checked),size:"small","aria-label":"Dashed incomplete"})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Container",value:'<ol role="list" aria-label="Progress">'},{label:"Steps",value:"<li> elements with step state classes"},{label:"Active",value:'aria-current="step" on the active indicator'},{label:"Clickable",value:'role="button" aria-label="Go to step N" with tabIndex'},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: 2px"},{label:"Connectors",value:'aria-hidden="true" — decorative only'}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Subtitle=Ft,exports.Subtitle1=Nt,exports.Subtitle2=Vt,exports.SubtitleLarge=Wt,exports.SubtitleMedium=e=>r.jsx(Et,{textStyle:"subtitle",...e}),exports.SubtitleSmall=Ht,exports.SuccessToggleButtonGroup=e=>r.jsx(Wn,{variant:"success",...e}),exports.Surfaced=function({surface:e,as:t="div",children:o,className:a,style:n,...i}){return r.jsx(t,{"data-surface":e,className:a,style:n,...i,children:o})},exports.Switch=Ta,exports.SwitchInput=Ta,exports.Tab=Po,exports.TabList=Lo,exports.TabPanel=Mo,exports.Table=function({children:e,columns:o,rows:a,footerRows:n,variant:i="default",color:l="primary",size:s="medium",stripe:c="none",stickyHeader:d=!1,stickyFooter:u=!1,className:x="",sx:p={},...h}){const m=Yp[s]||Yp.medium,f="solid"===i,g="outlined"===i,b="light"===i,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)",u&&(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 r.jsx(t.Box,{className:"table-wrapper table-"+i+(f||b||g?" table-"+l:"")+" "+x,...j,sx:{width:"100%",overflow:"auto",border:y,borderRadius:g||b?"var(--Style-Border-Radius)":0,...p},children:r.jsx(t.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}}:{},...u?{"& tfoot td, & tfoot th":{...B(),position:"sticky",bottom:0,zIndex:2}}:{}},...h,children:o&&a?o&&a?r.jsxs(r.Fragment,{children:[r.jsx(t.Box,{component:"thead",children:r.jsx(t.Box,{component:"tr",children:o.map((e,o)=>r.jsx(t.Box,{component:"th",sx:{...S(),...e.width?{width:e.width}:{},...e.align?{textAlign:e.align}:{}},children:e.label||e.header||e},"h-"+o))})}),r.jsx(t.Box,{component:"tbody",children:a.map((e,a)=>r.jsx(t.Box,{component:"tr","data-surface":k(a),sx:{backgroundColor:"var(--"+k(a)+")"},children:(Array.isArray(e)?e:o.map(t=>e[t.field||t.key])).map((e,n)=>r.jsx(t.Box,{component:"td",sx:{...w(),...o[n]&&o[n].align?{textAlign:o[n].align}:{}},children:e},"c-"+a+"-"+n))},"r-"+a))}),n&&n.length>0&&r.jsx(t.Box,{component:"tfoot",children:n.map((e,a)=>r.jsx(t.Box,{component:"tr",children:(Array.isArray(e)?e:o.map(t=>e[t.field||t.key])).map((e,n)=>r.jsx(t.Box,{component:"td",sx:{...B(),...o[n]&&o[n].align?{textAlign:o[n].align}:{}},children:e},"fc-"+a+"-"+n))},"f-"+a))})]}):null:e})})},exports.Tabs=Eo,exports.TabsShowcase=function(){const[o,a]=e.useState("standard"),[n,i]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("horizontal"),[u,x]=e.useState(null),[p,h]=e.useState("Surface"),[m,f]=e.useState(!1),g="standard"===o?_i:el;return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Tabs"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:u,surface:p,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:"vertical"===c?500:"100%",display:"flex",flexDirection:"vertical"===c?"row":"column"},children:r.jsxs(Eo,{defaultValue:0,variant:o,color:n,size:l,orientation:c,children:[r.jsxs(Lo,{rounded:m,children:[r.jsx(Po,{children:"Overview"}),r.jsx(Po,{children:"Features"}),r.jsx(Po,{children:"Pricing"})]}),r.jsx(Mo,{value:0,children:r.jsx(t.Box,{sx:{p:2},children:r.jsx(qt,{style:{color:"var(--Quiet)"},children:"Overview content goes here."})})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:2},children:r.jsx(qt,{style:{color:"var(--Quiet)"},children:"Features content goes here."})})}),r.jsx(Mo,{value:2,children:r.jsx(t.Box,{sx:{p:2},children:r.jsx(qt,{style:{color:"var(--Quiet)"},children:"Pricing content goes here."})})})]})})}),r.jsx(ha,{code:(()=>{const e=[];return"standard"!==o&&e.push('variant="'+o+'"'),"default"!==n&&e.push('color="'+n+'"'),"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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:u,onThemeChange:x,surface:p,onSurfaceChange:h})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["standard","solid","light","dark"].map(e=>r.jsx(tl,{label:Zi("standard"===e?"default":e),selected:o===e,onClick:()=>(e=>{a(e),"standard"!==e&&"default"===n&&i("primary")})(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:g.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(rl,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>r.jsx(tl,{label:Zi(e),selected:l===e,onClick:()=>s(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ORIENTATION"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["horizontal","vertical"].map(e=>r.jsx(tl,{label:Zi(e),selected:c===e,onClick:()=>d(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SHAPE"}),r.jsx(Ca,{label:"Rounded corners",checked:m,onChange:e=>f(e.target.checked)}),r.jsxs(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Off by default. When on, the TabList applies"," ",r.jsx("code",{children:"var(--Style-Border-Radius)"})," and clips the active tab's background to fit the rounded shell (",r.jsx("code",{children:"overflow: hidden"})," is always on)."]})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"TabList",value:'role="tablist" aria-orientation'},{label:"Tab",value:'role="tab" aria-selected aria-controls={panelId}'},{label:"TabPanel",value:'role="tabpanel" aria-labelledby={tabId}'},{label:"Keyboard",value:"Arrow keys navigate tabs. Home/End jump to first/last."},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: -3px"},{label:"Indicator",value:"Standard: var(--Buttons-{C}-Border). Themed: var(--Text)."}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.TertiaryToggleButtonGroup=e=>r.jsx(Wn,{variant:"tertiary",...e}),exports.TextArea=function({error:e=!1,errorMessage:t="",rows:o=4,fullWidth:a=!0,...n}){return r.jsx(jo,{multiline:!0,rows:o,fullWidth:a,...e&&{validation:"error",validationMessage:t},...n})},exports.TextField=Fn,exports.TextFieldGroup=function({fields:e=[],spacing:o=2,sx:a={},...n}){return r.jsx(t.Box,{sx:{display:"flex",flexDirection:"column",gap:`var(--Spacing-${o})`,width:"100%",...a},...n,children:e.map(e=>r.jsx(Fn,{...e},e.id))})},exports.TextInput=jo,exports.ThemedZone=function({theme:e,surface:t,as:o="div",children:a,className:n,style:i,...l}){return r.jsx(o,{"data-theme":e,"data-surface":t,className:n,style:i,...l,children:a})},exports.ToggleButton=function({children:e,selected:o=!1,onChange:a,value:n,sx:i={},...l}){return r.jsx(t.ToggleButton,{value:n,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,...i},...l,children:e})},exports.ToggleButtonGroup=Wn,exports.Toolbar=kn,exports.ToolbarShowcase=function(){const[o,a]=e.useState("floating"),[n,i]=e.useState("default"),[l,s]=e.useState("horizontal"),[c,d]=e.useState(!1),[u,x]=e.useState(null),[p,h]=e.useState("Surface");return r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Toolbar"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{theme:u,surface:p,sx:{minHeight:200},children:r.jsx(kn,{items:Cn,type:o,color:n,orientation:l,fab:c&&"floating"===o?{icon:r.jsx(ve,{}),label:"Create",onClick:()=>{}}:void 0})}),r.jsx(ha,{code:(()=>{const e=["items={items}"];return"floating"!==o&&e.push('type="contextual"'),"default"!==n&&e.push('color="'+n+'"'),"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}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:u,onThemeChange:x,surface:p,onSurfaceChange:h})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPE"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["floating","contextual"].map(e=>r.jsx(Tn,{label:wn(e),selected:o===e,onClick:()=>a(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["default","primary","primary-light","white","black"].map(e=>r.jsx(Tn,{label:wn(e),selected:n===e,onClick:()=>i(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ORIENTATION"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["horizontal","vertical"].map(e=>r.jsx(Tn,{label:wn(e),selected:l===e,onClick:()=>s(e)},e))})]}),"floating"===o&&r.jsxs(t.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"FAB Button"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Add FAB to the right of toolbar"})]}),r.jsx(Ca,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"FAB button"})]})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsx(t.Stack,{spacing:3,children:r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="toolbar" aria-orientation aria-label'},{label:"Items",value:'role="radio" aria-checked on each icon button'},{label:"Selection",value:"Toggle — click selected again to deselect"},{label:"Focus",value:"Uses Button component focus styles"},{label:"Floating",value:"borderRadius 56px, padding 16px, Effect-Level-2 shadow"},{label:"Contextual",value:"Standard border-radius, padding 8px, no shadow"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})})})})]})})})]})]})},exports.Tooltip=function({children:e,title:o,variant:a="solid",color:n="primary",size:i="medium",placement:l="bottom",arrow:s=!1,open:c,enterDelay:d=100,leaveDelay:u=0,describeChild:x=!1,className:p="",sx:h={},...m}){const f=_p[i]||_p.medium,g="solid"===a,b="light"===a,v="outline"===a,y=(e=>e.charAt(0).toUpperCase()+e.slice(1))(n),j=g?Jp[n]:b?Zp[n]:null,S=v?"1px solid var(--Buttons-"+y+"-Border)":"none",B="var(--Background)",k=void 0===c?{}:{open:c};return r.jsx(t.Tooltip,{title:o?r.jsx(t.Box,{"data-theme":j||void 0,"data-surface":b?"Surface-Brightest":g?"Surface":void 0,className:"tooltip-content tooltip-"+a+" tooltip-"+n+" tooltip-"+i+" "+p,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)",...h},children:o}):"",placement:l,arrow:s,enterDelay:d,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:f.arrowSize+"px"}}},...m,children:e})},exports.TreeBranch=function({label:e,icon:o,level:a=0,toggle:n="none",onToggle:i,disabled:l=!1,size:s="small",className:c="",sx:d={},children:u,...x}){const p=6===a&&"none"!==n?"none":n,h="on"===p,m="none"!==p,f=m?om[a]||{padLeft:0,togglePadLeft:0}:am[a]||am[0],g={paddingTop:"8px",paddingRight:"8px",paddingBottom:"8px",paddingLeft:(f.padLeft??8)+"px"};return r.jsxs(t.Box,{className:"tree-branch tree-branch-"+s+" tree-branch-level-"+a+" tree-branch-toggle-"+p+(l?" tree-branch-disabled":"")+(c?" "+c:""),sx:{width:"100%",...d},...x,children:[r.jsxs(t.Box,{component:"button",type:"button",role:"treeitem","aria-expanded":m?h:void 0,"aria-disabled":l||void 0,tabIndex:l?-1:0,onClick:e=>{l||m&&(e.stopPropagation(),i?.(h?"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&&r.jsx(t.Box,{className:"tree-branch-toggle",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,paddingLeft:(f.togglePadLeft??0)+"px"},children:r.jsx(t.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",transition:"transform 0.2s ease",transform:h?"rotate(-90deg)":"rotate(0deg)"},children:r.jsx(hr,{size:"small",children:r.jsx(De,{})})})}),r.jsxs(t.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&&r.jsx(t.Box,{sx:{display:"inline-flex",alignItems:"center",flexShrink:0},children:r.jsx(hr,{size:"small",children:o})}),null!=e&&r.jsx(Gt,{style:{color:"inherit",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block",flex:1,minWidth:0},children:e})]})]}),h&&u&&r.jsx(t.Box,{role:"group",sx:{display:"flex",flexDirection:"column"},children:u})]})},exports.TreeViewShowcase=function(){const[o,a]=e.useState("solid"),[n,i]=e.useState("primary"),[l,s]=e.useState("default"),[c,d]=e.useState("slide"),[u,x]=e.useState("single"),[p,h]=e.useState(!1),[m,f]=e.useState(!1),[g,b]=e.useState(!1),[v,y]=e.useState($x),[j,S]=e.useState(null),[B,k]=e.useState("Surface"),[w,C]=e.useState({}),T=e.useRef(null),I=nm(n),A=g?sm:v,z=e.useCallback((e,t)=>e&&getComputedStyle(e).getPropertyValue(t).trim()||null,[]);return e.useEffect(()=>{const e=setTimeout(()=>{const e=T.current;C({text:z(e,"--Text"),textQuiet:z(e,"--Text-Quiet"),background:z(e,"--Background"),border:z(e,"--Border"),focusVisible:z(e,"--Focus-Visible"),activeBtn:z(e,"--Buttons-"+I+"-Button"),activeBorder:z(e,"--Buttons-"+I+"-Border")})},50);return()=>clearTimeout(e)},[n,j,z,I]),r.jsxs(t.Box,{sx:{pb:8},children:[r.jsx(Pt,{children:"Tree View"}),r.jsxs(t.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[r.jsxs(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[r.jsx(Do,{ref:T,theme:j,children:r.jsx(t.Box,{sx:{width:"100%",maxWidth:360},children:r.jsx(Xx,{color:n,variant:o,density:l,animation:c,selectionMode:u,checkboxSelection:p,disableSelection:m,items:A,defaultExpandedItems:["1","1-1","2"]})})}),r.jsx(ha,{code:(()=>{const e=["<OmniTreeView"];return"default"!==n&&e.push(' color="'+n+'"'),"default"!==o&&e.push(' variant="'+o+'"'),"default"!==l&&e.push(' density="'+l+'"'),"slide"!==c&&e.push(' animation="'+c+'"'),"single"!==u&&e.push(' selectionMode="'+u+'"'),p&&e.push(" checkboxSelection"),m&&e.push(" disableSelection"),e.push(" items={treeData}"),e.push("/>"),e.join("\n")})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),r.jsx(t.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:r.jsx(t.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:r.jsxs(Eo,{defaultValue:0,variant:"standard",color:"primary",children:[r.jsxs(Lo,{children:[r.jsx(Po,{children:"Playground"}),r.jsx(Po,{children:"Accessibility"})]}),r.jsx(Mo,{value:0,children:r.jsxs(t.Box,{sx:{p:3},children:[r.jsx(t.Box,{sx:{mb:3},children:r.jsx(Ho,{theme:j,onThemeChange:S,surface:B,onSurfaceChange:k})}),r.jsxs(t.Box,{children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),r.jsxs(t.Stack,{direction:"row",spacing:1,children:[r.jsx(xm,{label:"Solid",selected:"solid"===o,onClick:()=>a("solid")}),r.jsx(xm,{label:"Light",selected:"light"===o,onClick:()=>a("light")})]})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),r.jsx(t.Stack,{spacing:1.5,children:im.map(e=>r.jsxs(t.Box,{children:[r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),r.jsx(t.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>r.jsx(pm,{color:e,selected:n===e,onClick:i},e))})]},e.label))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DENSITY"}),r.jsxs(t.Stack,{direction:"row",spacing:1,children:[r.jsx(xm,{label:"Compact",selected:"compact"===l,onClick:()=>s("compact")}),r.jsx(xm,{label:"Default",selected:"default"===l,onClick:()=>s("default")})]})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ANIMATION"}),r.jsx(t.Stack,{direction:"row",spacing:1,children:["none","slide","spring"].map(e=>r.jsx(xm,{label:nm(e),selected:c===e,onClick:()=>d(e)},e))})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SELECTION MODE"}),r.jsxs(t.Stack,{direction:"row",spacing:1,children:[r.jsx(xm,{label:"Single",selected:"single"===u,onClick:()=>x("single")}),r.jsx(xm,{label:"Multi",selected:"multi"===u,onClick:()=>x("multi")})]})]}),r.jsxs(t.Box,{sx:{mt:3},children:[r.jsx(Zt,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),r.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Show Icons"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Load sample data with icons and badges"})]}),r.jsx(Ca,{checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Show icons"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Checkbox Selection"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show checkboxes for each item"})]}),r.jsx(Ca,{checked:p,onChange:e=>h(e.target.checked),size:"small","aria-label":"Checkbox selection"})]}),r.jsxs(t.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[r.jsxs(t.Box,{children:[r.jsx(Jt,{children:"Disable Selection"}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Items are not selectable"})]}),r.jsx(Ca,{checked:m,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disable selection"})]})]}),!g&&r.jsx(t.Box,{sx:{mt:3},children:r.jsx(hm,{value:cm,onChange:y})})]})}),r.jsx(Mo,{value:1,children:r.jsx(t.Box,{sx:{p:3},children:r.jsxs(t.Stack,{spacing:3,children:[r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),r.jsx(um,{label:"Resting: var(--Text-Quiet) vs. background",ratio:ba(w.textQuiet,w.background),threshold:4.5,note:"Unselected items use Text-Quiet"}),r.jsx(um,{label:"Hover: var(--Text) vs. background",ratio:ba(w.text,w.background),threshold:4.5,note:"Hovered items use var(--Text)"}),r.jsx(um,{label:"Active (solid): var(--Text) vs. var(--Buttons-"+I+"-Button)",ratio:ba(w.text,w.activeBtn),threshold:4.5,note:"Selected item with solid fill"})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"Focus Indicator (WCAG 2.4.11 — 3:1)"}),r.jsx(um,{label:"var(--Focus-Visible) vs. background",ratio:ba(w.focusVisible,w.background),threshold:3,note:"outline: 2px solid var(--Focus-Visible); outline-offset: -2px"})]}),r.jsxs(t.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[r.jsx(Dt,{children:"ARIA and Semantics"}),r.jsx(t.Stack,{spacing:0,children:[{label:"Role",value:'role="tree" on root, role="treeitem" on each node'},{label:"Expansion",value:'aria-expanded="true/false" on parent items'},{label:"Selection",value:"aria-selected on selected items"},{label:"Disabled",value:'aria-disabled="true" on disabled items'},{label:"Icons",value:"Icon elements are aria-hidden — label carries the accessible name"},{label:"Keyboard",value:"Arrow keys navigate, Enter/Space selects, * expands all siblings"}].map(({label:e,value:o})=>r.jsxs(t.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[r.jsxs(Qt,{children:[e,":"]}),r.jsx(Kt,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:o})]},e))})]})]})})})]})})})]})]})},exports.Typography=Et,exports.URLTextField=function({label:e="Website",placeholder:t="https://example.com",...o}){return r.jsx(Fn,{label:e,type:"url",placeholder:t,...o})},exports.VStack=Ua,exports.WarningToggleButtonGroup=e=>r.jsx(Wn,{variant:"warning",...e}),exports.WrapStack=Xa,exports.chartGeometry=zm,exports.default={},exports.useOmniDesign=ys,exports.useStepperContext=Vl,exports.useTabsContext=Ro;
42
42
  //# sourceMappingURL=index.js.map