@omni-design/components 0.14.0 → 0.14.1

package/dist/index.js

@@ -16,5 +16,5 @@
 object-assign
 (c) Sindre Sorhus
 @license MIT
-*/function bf(){if(of)return rf;of=1;var e=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;return rf=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 a={},t=0;t<10;t++)a["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(a).map(function(e){return a[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(r,i){for(var o,n,l=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(r),s=1;s<arguments.length;s++){for(var c in o=Object(arguments[s]))a.call(o,c)&&(l[c]=o[c]);if(e){n=e(o);for(var d=0;d<n.length;d++)t.call(o,n[d])&&(l[n[d]]=o[n[d]])}}return l},rf}function vf(){if(lf)return nf;lf=1;return nf="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function yf(){return cf?sf:(cf=1,sf=Function.call.bind(Object.prototype.hasOwnProperty))}if("production"!==process.env.NODE_ENV){var jf=gf();Kp.exports=function(){if(xf)return hf;xf=1;var e=gf(),a=bf(),t=vf(),r=yf(),i=function(){if(uf)return df;uf=1;var e=function(){};if("production"!==process.env.NODE_ENV){var a=vf(),t={},r=yf();e=function(e){var a="Warning: "+e;"undefined"!=typeof console&&console.error(a);try{throw new Error(a)}catch(e){}}}function i(i,o,n,l,s){if("production"!==process.env.NODE_ENV)for(var c in i)if(r(i,c)){var d;try{if("function"!=typeof i[c]){var u=Error((l||"React class")+": "+n+" type `"+c+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof i[c]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw u.name="Invariant Violation",u}d=i[c](o,c,l,n,null,a)}catch(e){d=e}if(!d||d instanceof Error||e((l||"React class")+": type specification of "+n+" `"+c+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof d+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),d instanceof Error&&!(d.message in t)){t[d.message]=!0;var h=s?s():"";e("Failed "+n+" type: "+d.message+(null!=h?h:""))}}}return i.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(t={})},df=i}(),o=function(){};function n(){return null}return"production"!==process.env.NODE_ENV&&(o=function(e){var a="Warning: "+e;"undefined"!=typeof console&&console.error(a);try{throw new Error(a)}catch(e){}}),hf=function(l,s){var c="function"==typeof Symbol&&Symbol.iterator,d="<<anonymous>>",u={array:p("array"),bigint:p("bigint"),bool:p("boolean"),func:p("function"),number:p("number"),object:p("object"),string:p("string"),symbol:p("symbol"),any:m(n),arrayOf:function(e){return m(function(a,r,i,o,n){if("function"!=typeof e)return new x("Property `"+n+"` of component `"+i+"` has invalid PropType notation inside arrayOf.");var l=a[r];if(!Array.isArray(l))return new x("Invalid "+o+" `"+n+"` of type `"+b(l)+"` supplied to `"+i+"`, expected an array.");for(var s=0;s<l.length;s++){var c=e(l,s,i,o,n+"["+s+"]",t);if(c instanceof Error)return c}return null})},element:m(function(e,a,t,r,i){var o=e[a];return l(o)?null:new x("Invalid "+r+" `"+i+"` of type `"+b(o)+"` supplied to `"+t+"`, expected a single ReactElement.")}),elementType:m(function(a,t,r,i,o){var n=a[t];return e.isValidElementType(n)?null:new x("Invalid "+i+" `"+o+"` of type `"+b(n)+"` supplied to `"+r+"`, expected a single ReactElement type.")}),instanceOf:function(e){return m(function(a,t,r,i,o){if(!(a[t]instanceof e)){var n=e.name||d;return new x("Invalid "+i+" `"+o+"` of type `"+((l=a[t]).constructor&&l.constructor.name?l.constructor.name:d)+"` supplied to `"+r+"`, expected instance of `"+n+"`.")}var l;return null})},node:m(function(e,a,t,r,i){return g(e[a])?null:new x("Invalid "+r+" `"+i+"` supplied to `"+t+"`, expected a ReactNode.")}),objectOf:function(e){return m(function(a,i,o,n,l){if("function"!=typeof e)return new x("Property `"+l+"` of component `"+o+"` has invalid PropType notation inside objectOf.");var s=a[i],c=b(s);if("object"!==c)return new x("Invalid "+n+" `"+l+"` of type `"+c+"` supplied to `"+o+"`, expected an object.");for(var d in s)if(r(s,d)){var u=e(s,d,o,n,l+"."+d,t);if(u instanceof Error)return u}return null})},oneOf:function(e){return Array.isArray(e)?m(function(a,t,r,i,o){for(var n=a[t],l=0;l<e.length;l++)if(h(n,e[l]))return null;var s=JSON.stringify(e,function(e,a){return"symbol"===v(a)?String(a):a});return new x("Invalid "+i+" `"+o+"` of value `"+String(n)+"` supplied to `"+r+"`, expected one of "+s+".")}):("production"!==process.env.NODE_ENV&&o(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),n)},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&o("Invalid argument supplied to oneOfType, expected an instance of array."),n;for(var a=0;a<e.length;a++){var i=e[a];if("function"!=typeof i)return o("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+y(i)+" at index "+a+"."),n}return m(function(a,i,o,n,l){for(var s=[],c=0;c<e.length;c++){var d=(0,e[c])(a,i,o,n,l,t);if(null==d)return null;d.data&&r(d.data,"expectedType")&&s.push(d.data.expectedType)}return new x("Invalid "+n+" `"+l+"` supplied to `"+o+"`"+(s.length>0?", expected one of type ["+s.join(", ")+"]":"")+".")})},shape:function(e){return m(function(a,r,i,o,n){var l=a[r],s=b(l);if("object"!==s)return new x("Invalid "+o+" `"+n+"` of type `"+s+"` supplied to `"+i+"`, expected `object`.");for(var c in e){var d=e[c];if("function"!=typeof d)return f(i,o,n,c,v(d));var u=d(l,c,i,o,n+"."+c,t);if(u)return u}return null})},exact:function(e){return m(function(i,o,n,l,s){var c=i[o],d=b(c);if("object"!==d)return new x("Invalid "+l+" `"+s+"` of type `"+d+"` supplied to `"+n+"`, expected `object`.");var u=a({},i[o],e);for(var h in u){var m=e[h];if(r(e,h)&&"function"!=typeof m)return f(n,l,s,h,v(m));if(!m)return new x("Invalid "+l+" `"+s+"` key `"+h+"` supplied to `"+n+"`.\nBad object: "+JSON.stringify(i[o],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var p=m(c,h,n,l,s+"."+h,t);if(p)return p}return null})}};function h(e,a){return e===a?0!==e||1/e==1/a:e!=e&&a!=a}function x(e,a){this.message=e,this.data=a&&"object"==typeof a?a:{},this.stack=""}function m(e){if("production"!==process.env.NODE_ENV)var a={},r=0;function i(i,n,l,c,u,h,m){if(c=c||d,h=h||l,m!==t){if(s){var p=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 p.name="Invariant Violation",p}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var f=c+":"+l;!a[f]&&r<3&&(o("You are manually calling a React.PropTypes validation function for the `"+h+"` 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."),a[f]=!0,r++)}}return null==n[l]?i?null===n[l]?new x("The "+u+" `"+h+"` is marked as required in `"+c+"`, but its value is `null`."):new x("The "+u+" `"+h+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(n,l,c,u,h)}var n=i.bind(null,!1);return n.isRequired=i.bind(null,!0),n}function p(e){return m(function(a,t,r,i,o,n){var l=a[t];return b(l)!==e?new x("Invalid "+i+" `"+o+"` of type `"+v(l)+"` supplied to `"+r+"`, expected `"+e+"`.",{expectedType:e}):null})}function f(e,a,t,r,i){return new x((e||"React class")+": "+a+" type `"+t+"."+r+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+i+"`.")}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 a=function(e){var a=e&&(c&&e[c]||e["@@iterator"]);if("function"==typeof a)return a}(e);if(!a)return!1;var t,r=a.call(e);if(a!==e.entries){for(;!(t=r.next()).done;)if(!g(t.value))return!1}else for(;!(t=r.next()).done;){var i=t.value;if(i&&!g(i[1]))return!1}return!0;default:return!1}}function b(e){var a=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,a){return"symbol"===e||!!a&&("Symbol"===a["@@toStringTag"]||"function"==typeof Symbol&&a instanceof Symbol)}(a,e)?"symbol":a}function v(e){if(null==e)return""+e;var a=b(e);if("object"===a){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return a}function y(e){var a=v(e);switch(a){case"array":case"object":return"an "+a;case"boolean":case"date":case"regexp":return"a "+a;default:return a}}return x.prototype=Error.prototype,u.checkPropTypes=i,u.resetWarningCache=i.resetWarningCache,u.PropTypes=u,u},hf}()(jf.isElement,!0)}else Kp.exports=function(){if(pf)return mf;pf=1;var e=vf();function a(){}function t(){}return t.resetWarningCache=a,mf=function(){function r(a,t,r,i,o,n){if(n!==e){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function i(){return r}r.isRequired=r;var o={array:r,bigint:r,bool:r,func:r,number:r,object:r,string:r,symbol:r,any:r,arrayOf:i,element:r,elementType:r,instanceOf:i,node:r,objectOf:i,oneOf:i,oneOfType:i,shape:i,exact:i,checkPropTypes:t,resetWarningCache:a};return o.PropTypes=o,o}}()();var Sf=Zp(Kp.exports);function zf({code:r,label:i="Copy code"}){const[n,s]=e.useState(!1);return t.jsx(a.Tooltip,{title:n?"Copied!":i,children:t.jsx(wp,{variant:"ghost",size:"small",onClick:async()=>{try{await navigator.clipboard.writeText(r),s(!0),setTimeout(()=>s(!1),2e3)}catch(e){console.error("Copy failed:",e)}},"aria-label":n?"Copied":i,sx:{color:n?"var(--Icons-Success, var(--Text))":"var(--Quiet)"},children:n?t.jsx(o,{fontSize:"small"}):t.jsx(l,{fontSize:"small"})})})}zf.propTypes={code:Sf.string.isRequired,label:Sf.string};function Bf({code:e="",language:r="JSX",showCopy:i=!0,showHeader:o=!0,maxHeight:n,wrap:l=!1,sx:s={},...c}){const d=o&&i&&!!e,u=!o&&i&&!!e;return t.jsxs(a.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:[o&&(r||i)&&t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:1,px:2,py:1,borderBottom:"1px solid var(--Border)",minHeight:40},children:[t.jsx(at,{color:"quiet",children:r}),d?t.jsx(zf,{code:e}):null]}),t.jsxs(a.Box,{sx:{display:"flex",alignItems:"flex-start",gap:1,p:2},children:[t.jsx(a.Box,{component:"pre",sx:{margin:0,fontFamily:"inherit",flex:1,minWidth:0,overflow:"auto",maxHeight:n},children:t.jsx(a.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})}),u?t.jsx(zf,{code:e}):null]})]})}Bf.propTypes={code:Sf.string,language:Sf.string,showCopy:Sf.bool,showHeader:Sf.bool,maxHeight:Sf.oneOfType([Sf.number,Sf.string]),wrap:Sf.bool,sx:Sf.object};const wf=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",kf=["primary","secondary","tertiary","neutral","info","success","warning","error"];function Cf({ratio:e,threshold:r}){if(!e)return t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"--"});const i=parseFloat(e)>=r;return t.jsxs(a.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[t.jsxs(a.Box,{sx:{px:1,py:.25,borderRadius:"4px",backgroundColor:i?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)",fontSize:"11px",fontWeight:700},children:[e,":1"]}),t.jsx(at,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function Tf({label:e,ratio:r,threshold:i,note:o}){return t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(a.Box,{sx:{flex:1},children:[t.jsx(Xa,{style:{color:"var(--Text)"},children:e}),o&&t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:o})]}),t.jsx(Cf,{ratio:r,threshold:i})]})}function Mf({color:e,selected:r,onClick:i}){const n=wf(e);return t.jsx(a.Tooltip,{title:n,arrow:!0,children:t.jsx(a.Box,{onClick:()=>i(e),role:"button","aria-label":"Select "+n+" color","aria-pressed":r,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:24,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})})}function Af({label:e,selected:r,onClick:i}){return t.jsx(a.Box,{component:"button",onClick:i,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:"pointer",border:"2px solid var(--Buttons-Primary-Button)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:r?"var(--Buttons-Primary-Button)":"transparent",color:r?"var(--Buttons-Primary-Text)":"var(--Text)",padding:"4px 12px",fontSize:"14px",fontFamily:"inherit",fontWeight:500,whiteSpace:"nowrap",flexShrink:0,transition:"background-color 0.15s ease, color 0.15s ease","&:hover":{backgroundColor:r?"var(--Buttons-Primary-Hover)":"var(--Surface-Dim)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:e})}const Lf={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 If({children:e,variant:r="light",surface:i,color:o="info",size:n="medium",startDecorator:l,endDecorator:s,className:c="",sx:d={},...u}){const h=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===o?"Default":o),x=Lf[n]||Lf.medium,m="default"===o?"Default":h,p=i||("light"===r?"Surface-Brightest":"Surface"),f="var(--Buttons-"+h+"-Border)",g=t.jsxs(t.Fragment,{children:[l&&t.jsx(a.Box,{className:"alert-start-decorator",sx:{display:"inline-flex",alignItems:"center",fontSize:x.iconSize,lineHeight:1,flexShrink:0,mt:"2px"},children:l}),t.jsx(a.Box,{className:"alert-message",sx:{flex:1,minWidth:0},children:"string"==typeof e?"small"===n?t.jsx(Xa,{children:e}):t.jsx(Ja,{children:e}):e}),s&&t.jsx(a.Box,{className:"alert-end-decorator",sx:{display:"inline-flex",alignItems:"flex-start",flexShrink:0,gap:x.gap,paddingTop:"2px"},children:s})]});return t.jsx(a.Box,{role:"alert",className:"alert alert-"+r+" alert-"+n+" alert-"+o+" "+c,sx:{border:"1px solid "+f,borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",boxShadow:nm,...d},...u,children:t.jsx(a.Box,{"data-theme":m,"data-surface":p,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:g})})}const Nf=["default","primary","secondary","tertiary","neutral","info","success","warning","error"];function Rf(e){const a=(t=e).charAt(0).toUpperCase()+t.slice(1);var t;return{type:"outline",color:a,trackOff:"var(--Background)",trackOffBorder:"var(--Border)",trackOn:"var(--Icons-"+a+")",trackOnBorder:"var(--Icons-"+a+")",dotOff:"var(--Quiet)",dotOn:"var(--Icons-On-"+a+")",iconOff:"var(--Background)",iconOn:"var(--Icons-"+a+")"}}const Df=/-light$/,Wf=new Set;const Ff={small:{trackW:35,trackH:20,dotRadius:"var(--Sizing-2, 16px)",icon:8},medium:{trackW:42,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 Pf({variant:e="default",size:r="medium",checked:i,defaultChecked:o,onChange:n,disabled:l=!1,label:s,labelPlacement:c="end",name:d,value:u,icon:h,iconOn:x,iconOff:m,className:p="",sx:f={},"aria-label":g,"aria-labelledby":b,...v}){const y=function(){const e={};return Nf.forEach(a=>{e[a+"-outline"]=Rf(a)}),e.default={type:"themed",trackOff:"var(--Background)",trackOffBorder:"var(--Quiet)",trackOn:"var(--Icons-Default)",trackOnBorder:"var(--Icons-Default)",dotOff:"var(--Quiet)",dotOn:"var(--Icons-On-Default)",iconOff:"var(--Background)",iconOn:"var(--Icons-Default)"},e["default-outline"]={type:"themed",trackOff:"var(--Background)",trackOffBorder:"var(--Quiet)",trackOn:"var(--Icons-Default)",trackOnBorder:"var(--Icons-Default)",dotOff:"var(--Quiet)",dotOn:"var(--Icons-On-Default)",iconOff:"var(--Background)",iconOn:"var(--Icons-Default)"},e.outline={type:"themed",trackOff:"var(--Background)",trackOffBorder:"var(--Quiet)",trackOn:"var(--Icons-Default)",trackOnBorder:"var(--Icons-Default)",dotOff:"var(--Quiet)",dotOn:"var(--Icons-On-Default)",iconOff:"var(--Background)",iconOn:"var(--Icons-Default)"},e.primary=Rf("primary"),e}(),j=function(e){const a=String(e||"default");if("light"!==a&&!Df.test(a))return a;const t="light"===a?"primary":a.replace(Df,"");return"production"===process.env.NODE_ENV||Wf.has(a)||(Wf.add(a),console.warn('[Switch] variant="'+a+'" — the -light shape was removed. Rendering variant="'+t+'". The on state takes its color from the Icons collection (--Icons-<Color> / --Icons-On-<Color>).')),t}(e),S=y[j]||y.default,z=Ff[r]||Ff.medium,B="small"===r?Xa:Ja,w=z.trackH-4,k=Math.max(24,z.trackW),C=Math.max(24,z.trackH),T=(C-z.trackH)/2,M={width:w,height:w,borderRadius:z.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:z.icon,height:z.icon,display:"block"}},A={width:z.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:k-z.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":{...M,backgroundColor:S.dotOff,color:S.iconOff},"&.Mui-checked":{justifyContent:"flex-end",transform:"none","& .MuiSwitch-thumb":{...M,backgroundColor:S.dotOn,color:S.iconOn},"& + .MuiSwitch-track":{backgroundColor:S.trackOn,borderColor:S.trackOnBorder,opacity:1}},"&:hover, &.Mui-checked:hover":{backgroundColor:"transparent"},"&:hover + .MuiSwitch-track":{boxShadow:lm},"&:active + .MuiSwitch-track":{boxShadow:nm},"&.Mui-focusVisible + .MuiSwitch-track":{outline:"1px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled + .MuiSwitch-track":{opacity:1}},"& .MuiSwitch-track":{width:z.trackW,height:z.trackH,borderRadius:"var(--Sizing-3, 24px)",backgroundColor:S.trackOff,border:"1px solid "+S.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},L=void 0!==m?m:h,I=void 0!==x?x:h,N=void 0!==L||void 0!==I,R=e=>t.jsx("span",{className:"MuiSwitch-thumb",children:e}),D=t.jsx(a.Switch,{...N?{icon:R(L),checkedIcon:R(I)}:{},checked:i,defaultChecked:o,onChange:n,disabled:l,name:d,value:u,slotProps:{input:{...g?{"aria-label":g}:{},...b?{"aria-labelledby":b}:{}}},className:"switch-"+j+" "+p,sx:A,disableRipple:!0,...v});return s?t.jsx(a.FormControlLabel,{control:D,label:t.jsx(B,{component:"span",sx:{color:l?"var(--Text-Quiet)":"var(--Text)",fontSize:"small"===r?"13px":"15px",fontWeight:500,opacity:l?"var(--Disabled, 0.38)":1},children:s}),labelPlacement:c,sx:{gap:"8px",marginLeft:0,marginRight:0}}):D}const Hf=Pf,Of=e.forwardRef(function({theme:e=null,surface:r="Surface",children:i,minHeight:o=160,sx:n={}},l){return t.jsx(a.Box,{ref:l,"data-theme":e||void 0,"data-surface":r,sx:{p:4,display:"flex",alignItems:"center",justifyContent:"center",minHeight:o,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",...n},children:i})}),Ef=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Vf=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],qf={info:t.jsx(x,{}),success:t.jsx(m,{}),warning:t.jsx(p,{}),error:t.jsx(f,{})};function Qf({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Gf({color:e,selected:r,onClick:i}){const n=Ef(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const Uf={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Xf={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)"}},Yf=e.createContext({variant:"default",color:"primary",size:"medium",orientation:"vertical"});function Jf({children:e,variant:r="solid",color:i="default",surface:o,size:n="medium",orientation:l="vertical",clickable:s=!1,selected:c=!1,elevated:d=!1,draggable:u=!1,onClick:h,disabled:x=!1,href:m,className:p="",sx:f={},...g}){const b="default"===i,v=b?"":Uf[i],y=o||(b?"Container":"dark"===r?"Surface-Dimmest":"light"===r?"Surface-Brightest":"Surface"),j=Xf[n]||Xf.medium,S="horizontal"===l,z=!!u,B=!x&&(s||!!h||!!m||c||z),w=m?"a":"div",k=c?`var(--Buttons-${(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===i?"Default":i)}-Border)`:"var(--Buttons-Default-Border)",C=B?c?`2px solid ${k}`:"1px solid var(--Buttons-Default-Border)":"1px solid var(--Border-Variant)",T=d?lm:nm,M=d?sm:lm,A=d?nm:om;return t.jsx(Yf.Provider,{value:{variant:r,color:i,size:n,orientation:l},children:t.jsx(a.Box,{component:w,href:m||void 0,onClick:B?h:void 0,role:B?"button":void 0,tabIndex:B?0:void 0,"aria-pressed":!!c||void 0,"aria-disabled":x||void 0,draggable:z||void 0,className:"card card-"+r+" card-"+n+" card-"+l+(B?" card-clickable":"")+(c?" card-selected":"")+(d?" card-elevated":"")+(z?" card-draggable":"")+" "+p,sx:{display:"flex",border:C,borderRadius:"var(--Card-Radius)",boxShadow:T,overflow:"hidden",textDecoration:"none",transition:"box-shadow 0.2s ease, border-color 0.2s ease, transform 0.1s ease",...x&&{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none"},...B&&!z&&{cursor:"pointer","&:hover":{borderColor:"var(--Buttons-Default-Border)",boxShadow:M,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)"}},...z&&{cursor:"grab","&:hover":{borderColor:"var(--Buttons-Default-Border)",boxShadow:M},"&:active":{cursor:"grabbing",zIndex:10,boxShadow:sm,transform:"scale(1.02)",borderWidth:"2px",borderColor:"var(--Buttons-Primary-Border)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"3px"}},...f},onKeyDown:B?e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),h?.())}:void 0,...g,children:t.jsx(a.Box,{"data-theme":v||void 0,"data-surface":y,sx:{display:"flex",flexDirection:S?"row":"column",gap:j.gap,padding:j.padding,backgroundColor:"var(--Background)",color:"var(--Text)",fontSize:j.fontSize,fontFamily:"inherit",borderRadius:"inherit",position:"relative",flex:1,minWidth:0,overflow:"hidden"},children:e})})})}function Zf({children:r,className:i="",sx:o={},...n}){const{size:l}=e.useContext(Yf),s=Xf[l]||Xf.medium;return t.jsx(a.Box,{className:"card-content "+i,sx:{display:"flex",flexDirection:"column",gap:s.gap,flex:1,minWidth:0,...o},...n,children:r})}const $f=["default","primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],Kf=e=>"Default"===e?"var(--Quiet)":"var(--Buttons-"+e+"-Border)";function _f(){const e={};return $f.forEach(a=>{e[a]=function(e){const a=xm(e);return{color:a,borderToken:Kf(a),icon:"var(--Buttons-"+a+"-Border)"}}(a)}),e}const eg=/-(outline|light|solid)$/,ag=new Set;function tg(e){const a=_f();return a[function(e){const a=String(e||"default");if(!eg.test(a))return a;const t=a.replace(eg,"");return"production"===process.env.NODE_ENV||ag.has(a)||(ag.add(a),console.warn('[Checkbox] variant="'+a+'" — the -outline/-light/-solid shapes were removed; a Checkbox has one look and `variant` selects color only. Rendering variant="'+t+'". Update the call site.')),t}(e)]||a.default}const rg={small:{box:16,icon:12,gap:4,touchTarget:24,LabelComp:Xa},medium:{box:20,icon:14,gap:8,touchTarget:24,LabelComp:Ja},large:{box:24,icon:18,gap:12,touchTarget:24,LabelComp:_a}};function ig({size:e,variant:r,checked:i,indeterminate:n}){const l=tg(r),s=rg[e]||rg.medium,c=i||n,d=l.borderToken,u="small"===e?"var(--Sm-Checkbox-Radius, 3.2px)":"large"===e?"var(--Lg-Checkbox-Radius, 4.8px)":"var(--Checkbox-Radius, 4px)";return t.jsx(a.Box,{className:"chk-box-icon",sx:{width:s.box,height:s.box,boxSizing:"border-box",borderRadius:u,border:"2px solid "+d,overflow:"hidden",flexShrink:0,transition:"border-color 0.15s ease-in-out"},children:t.jsx(a.Box,{sx:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"var(--Background)",color:"var(--Text)",transition:"background-color 0.15s ease-in-out"},children:c&&(n?t.jsx(g,{sx:{fontSize:s.icon,color:l.icon}}):t.jsx(o,{sx:{fontSize:s.icon,color:l.icon}}))})})}function og({size:e,variant:a}){return t.jsx(ig,{size:e,variant:a,checked:!1,indeterminate:!1})}function ng({size:e,variant:a}){return t.jsx(ig,{size:e,variant:a,checked:!0,indeterminate:!1})}function lg({size:e,variant:a}){return t.jsx(ig,{size:e,variant:a,checked:!1,indeterminate:!0})}function sg({variant:e="primary",size:r="medium",label:i,checked:o,defaultChecked:n,indeterminate:l=!1,disabled:s=!1,onChange:c,name:d,value:u,className:h="",sx:x={},"aria-label":m,"aria-labelledby":p,"aria-describedby":f,inputProps:g={},...b}){tg(e);const v=rg[r]||rg.medium,y=v.LabelComp,j={...g,...m&&{"aria-label":m},...p&&{"aria-labelledby":p},...f&&{"aria-describedby":f}},S=t.jsx(a.Checkbox,{checked:o,defaultChecked:n,indeterminate:l,disabled:s,onChange:c,name:d,value:u,icon:t.jsx(og,{size:r,variant:e}),checkedIcon:t.jsx(ng,{size:r,variant:e}),indeterminateIcon:t.jsx(lg,{size:r,variant:e}),className:"chk-"+e+" "+h,inputProps:j,disableRipple:!0,sx:{padding:(v.touchTarget-v.box)/2+"px",minWidth:24,minHeight:24,borderRadius:"var(--Checkbox-Radius, 4px)",color:"inherit",transition:"background-color 0.15s ease-in-out","&.Mui-checked, &.MuiCheckbox-indeterminate":{color:"inherit"},"&:hover":{backgroundColor:"transparent"},"&:hover .chk-box-icon":{borderColor:"var(--Text)"},"&:active .chk-box-icon":{borderColor:"var(--Text)",backgroundColor:"var(--Pressed)"},"&.Mui-disabled .chk-box-icon":{opacity:"var(--Disabled, 0.38)"},"&.Mui-focusVisible .chk-box-icon":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none"},...x},...b});return i?t.jsx(a.FormControlLabel,{control:S,label:t.jsx(y,{component:"span",sx:{color:s?"var(--Text-Quiet)":"var(--Text)",lineHeight:1.4,userSelect:"none"},children:i}),disabled:s,sx:{marginLeft:0,marginRight:0,gap:v.gap+"px",alignItems:"center","&.Mui-disabled .MuiTypography-root":{color:"var(--Text-Quiet)",opacity:.6}}}):S}const cg=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]}],dg=["photo","icon","initials"],ug={photo:"Photo",icon:"Icon",initials:"Initials"},hg=["xx-small","x-small","small","medium","large","x-large","xx-large"],xg={"xx-small":"XXS","x-small":"XS",small:"Small",medium:"Medium",large:"Large","x-large":"XL","xx-large":"XXL"};function mg({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function pg({color:e,selected:r,onClick:i}){const n=(l=e)?l.charAt(0).toUpperCase()+l.slice(1):"";var l;return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const fg=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",gg={default:"Default",quiet:"Quiet",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},bg=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],vg=["filled","outlined","rounded","twotone","sharp"],yg={filled:"Filled",outlined:"Outlined",rounded:"Rounded",twotone:"Two Tone",sharp:"Sharp"},jg={Home:{filled:v,outlined:T,rounded:P,twotone:Z,sharp:se},Favorite:{filled:b,outlined:M,rounded:H,twotone:$,sharp:ce},Delete:{filled:y,outlined:A,rounded:O,twotone:K,sharp:de},Settings:{filled:j,outlined:L,rounded:E,twotone:_,sharp:ue},Search:{filled:S,outlined:S,rounded:V,twotone:ee,sharp:he},Star:{filled:z,outlined:I,rounded:q,twotone:ae,sharp:xe},Person:{filled:B,outlined:N,rounded:Q,twotone:te,sharp:me},Notifications:{filled:u,outlined:R,rounded:G,twotone:re,sharp:pe},Visibility:{filled:w,outlined:D,rounded:U,twotone:ie,sharp:fe},ShoppingCart:{filled:h,outlined:W,rounded:X,twotone:oe,sharp:ge},Lock:{filled:k,outlined:F,rounded:Y,twotone:ne,sharp:be},Info:{filled:C,outlined:x,rounded:J,twotone:le,sharp:ve}};function Sg({ratio:e,threshold:r}){if(!e)return t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"--"});const i=parseFloat(e)>=r;return t.jsxs(a.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[t.jsxs(a.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:i?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:[e,":1"]}),t.jsx(at,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function zg({label:e,ratio:r,threshold:i,note:o}){return t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(a.Box,{sx:{flex:1},children:[t.jsx(Xa,{style:{color:"var(--Text)"},children:e}),o&&t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:o})]}),t.jsx(Sg,{ratio:r,threshold:i})]})}function Bg({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"primary":"primary-outline",size:"small",onClick:r,children:e})}const wg={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:32,fontSize:"15px",px:20,gap:10}};function kg({children:e,icon:r,label:i,variant:o="solid",color:n="default",size:l="medium",extended:s=!1,animate:c=!1,disabled:d=!1,onClick:u,ariaLabel:h,className:x="",sx:m={},...p}){"production"!==process.env.NODE_ENV&&"solid"!==o&&console.warn('[Fab] variant="'+o+'" is not a Fab variant; rendering solid. The light variant was removed with the -Light button shades — it named tokens no design system publishes, so it rendered as an unstyled box. For a lighter FAB, put it on data-surface="Surface-Brightest".');const f=function(e){const a=xm("default"===e?"tertiary":e);return{bg:"var(--Buttons-"+a+"-Button)",text:"var(--Buttons-"+a+"-Text)",border:"var(--Buttons-"+a+"-Border)",hover:"var(--Buttons-"+a+"-Hover)",active:"var(--Buttons-"+a+"-Pressed)"}}(n),g=wg[l]||wg.medium,b=r||e||t.jsx(ye,{sx:{fontSize:g.iconSize}}),v=h||i||"Action";return t.jsxs(t.Fragment,{children:[c&&t.jsx("style",{children:"\n@keyframes fab-pulse {\n  0% { box-shadow: 0 0 0 0 var(--fab-pulse-color); }\n  50% { box-shadow: 0 0 0 8px var(--fab-pulse-color); }\n  100% { box-shadow: 0 0 0 8px transparent; }\n}\n"}),t.jsxs(a.Box,{component:"button",type:"button",role:"button","aria-label":v,onClick:u,disabled:d,className:"fab fab-solid fab-"+n+" fab-"+l+(s?" fab-extended":"")+(c?" fab-animate":"")+(d?" fab-disabled":"")+(x?" "+x:""),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:`${pm(n)}, ${sm}`,fontSize:g.fontSize,fontFamily:"inherit",fontWeight:600,cursor:d?"not-allowed":"pointer",opacity:d?"var(--Disabled, 0.38)":1,outline:"none",flexShrink:0,transition:"background-color 0.15s ease, box-shadow 0.2s ease, transform 0.1s ease","&:hover":d?{}:{backgroundColor:f.hover,boxShadow:`${pm(n)}, ${cm}`},"&:active":d?{}:{backgroundColor:f.active,transform:"scale(0.96)",boxShadow:pm(n)},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px"},...c&&!d&&{"--fab-pulse-color":`color-mix(in srgb, ${f.bg} 50%, transparent)`,animation:"fab-pulse 2s var(--Motion-Easing-Standard, ease) infinite","@media (prefers-reduced-motion: reduce)":{animation:"none"}},...m},...p,children:[t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",fontSize:g.iconSize+"px",color:"inherit","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"}},children:b}),s&&i&&t.jsx(a.Box,{component:"span",sx:{whiteSpace:"nowrap",lineHeight:1},children:i})]})]})}const Cg=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Tg=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Mg={default:"Tertiary",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"};function Ag({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Lg({color:e,selected:r,onClick:i}){const n=Mg[e]||"Primary";return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+Cg(e),"aria-pressed":r,title:Cg(e),sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}function Ig({value:e,onChange:r,placeholder:i,label:o}){return t.jsxs(a.Box,{children:[o&&t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4},children:o}),t.jsx(a.Box,{component:"input",type:"text",value:e,onChange:e=>r(e.target.value),placeholder:i,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 Ng=e=>e.charAt(0).toUpperCase()+e.slice(1);function Rg(e){return e&&"default"!==e&&"border-variant"!==e?"border"===e?"var(--Border)":"var(--Icons-"+Ng(e)+")":"var(--Border-Variant)"}function Dg(e,a){const t=e&&!["default","border","border-variant"].includes(e)?Ng(e):"Default",r=Rg(e);return"light"===a?{bg:"var(--Tag-"+t+"-BG)",text:"var(--Tag-"+t+"-Text)",border:"1px solid "+r}:{bg:"var(--Background)",text:"var(--Text)",border:"1px solid "+r}}const Wg={small:"var(--Sm-Divider, 0.5px)",medium:"var(--Divider, 1px)",large:"var(--Lg-Divider, 2px)"};function Fg({color:e="default",orientation:r="horizontal",size:i="small",children:o,indicatorText:n,indicatorStyle:l="outline",textAlign:s="center",className:c="",sx:d={},...u}){const h=Rg(e),x=Wg[i]||Wg.small,m=!(!o&&!n),p=o||n,f="vertical"===r;if(f&&!m)return t.jsx(a.Box,{role:"separator","aria-orientation":"vertical",className:"divider-vertical divider-"+e+" "+c,sx:{display:"inline-block",width:x,alignSelf:"stretch",minHeight:24,backgroundColor:h,flexShrink:0,...d},...u});if(f&&m){const r=Dg(e,l),i="top"===s?"0 0 10%":"1 1 auto",o="top"===s?"1 1 auto":"bottom"===s?"0 0 10%":"1 1 auto";return t.jsxs(a.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:[t.jsx(a.Box,{sx:{flex:i,width:x,backgroundColor:h}}),t.jsx(a.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,my:1,px:.75,py:.5,borderRadius:"12px",fontSize:"11px",fontWeight:500,fontFamily:"inherit",lineHeight:1.2,whiteSpace:"nowrap",backgroundColor:r.bg,color:r.text,border:r.border,boxSizing:"border-box"},children:p}),t.jsx(a.Box,{sx:{flex:o,width:x,backgroundColor:h}})]})}if(!m)return t.jsx(a.Box,{role:"separator","aria-orientation":"horizontal",className:"divider-horizontal divider-"+e+" "+c,sx:{width:"100%",height:x,backgroundColor:h,flexShrink:0,...d},...u});const g=Dg(e,l),b="left"===s?"0 0 10%":"1 1 auto",v="left"===s?"1 1 auto":"right"===s?"0 0 10%":"1 1 auto";return t.jsxs(a.Box,{role:"separator","aria-orientation":"horizontal",className:"divider-horizontal divider-"+e+" divider-indicator "+c,sx:{display:"flex",alignItems:"center",width:"100%",...d},...u,children:[t.jsx(a.Box,{sx:{flex:b,height:x,backgroundColor:h}}),t.jsx(a.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:p}),t.jsx(a.Box,{sx:{flex:v,height:x,backgroundColor:h}})]})}const Pg=["primary","secondary","tertiary","neutral","info","success","warning","error"];function Hg(e){const a=(t=e).charAt(0).toUpperCase()+t.slice(1);var t;return{bg:"var(--Hover)",border:"var(--Buttons-"+a+"-Border)",hoverBorder:"var(--Buttons-"+a+"-Hover)",pressedBorder:"var(--Buttons-"+a+"-Pressed)",text:"var(--Text)",focusBg:"var(--Hover)"}}const Og={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}},Eg={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}},Vg={small:{resting:"Body-Small",shrunk:"Label-ExtraSmall"},medium:{resting:"Body-Medium",shrunk:"Label-Small"},large:{resting:"Body-Large",shrunk:"Label-Medium"}},qg=e=>({fontSize:"var(--"+e+"-Font-Size)",fontWeight:"var(--"+e+"-Font-Weight)",letterSpacing:"var(--"+e+"-Letter-Spacing)"});const Qg={info:x,success:m,warning:p,error:f},Gg={info:{border:"var(--Buttons-Info-Border)",hoverBorder:"var(--Buttons-Info-Hover)",pressedBorder:"var(--Buttons-Info-Pressed)",icon:"var(--Icons-Info)",text:"var(--Hotlink)"},success:{border:"var(--Buttons-Success-Border)",hoverBorder:"var(--Buttons-Success-Hover)",pressedBorder:"var(--Buttons-Success-Pressed)",icon:"var(--Icons-Success)",text:"var(--Text-Success)"},warning:{border:"var(--Buttons-Warning-Border)",hoverBorder:"var(--Buttons-Warning-Hover)",pressedBorder:"var(--Buttons-Warning-Pressed)",icon:"var(--Icons-Warning)",text:"var(--Text-Warning)"},error:{border:"var(--Buttons-Error-Border)",hoverBorder:"var(--Buttons-Error-Hover)",pressedBorder:"var(--Buttons-Error-Pressed)",icon:"var(--Icons-Error)",text:"var(--Text-Error)"}};function Ug({variant:r="primary-outline",size:i="medium",label:o,labelPosition:n="standard",placeholder:l,helperText:s,validation:c,validationMessage:d,disabled:u=!1,id:h,value:x,defaultValue:m,onChange:p,name:f,type:g="text",multiline:b=!1,rows:v,maxRows:y,resize:j="vertical",startAdornment:S,endAdornment:z,fullWidth:B=!1,className:w="",sx:k={},"aria-label":C,"aria-labelledby":T,"aria-describedby":M,"aria-required":A,"aria-invalid":L,inputProps:I={},...N}){const R=function(){const e={};return Pg.forEach(a=>{e[a+"-outline"]=Hg(a)}),e.outline=Hg("primary"),e}(),D=R[r]||R["primary-outline"],W="floating"===n;"production"!==process.env.NODE_ENV&&/-light$|^light$/.test(r)&&console.warn('[Input] variant="'+r+'" was removed. It differed from "'+r.replace(/-?light$/,"")+'-outline" only by a token no design system publishes, so the two rendered identically. For a lighter field use data-surface="Surface-Brightest" on its container.');const F=W?Eg[i]||Eg.medium:Og[i]||Og.medium,P=e.useId(),H=h||P,{labelX:O,padX:E,restingY:V,shrunkY:q}=function(e,a){const t=parseInt(e.height,10)||56,r=parseInt(e.fontSize,10)||15,i="var(--Input-Padding, "+(e.leftPad||14)+"px)",o=(e.iconSize||18)+8;return{labelX:a?"calc("+i+" + "+o+"px)":i,padX:i,clearance:a?o:0,restingY:Math.round((t-1.4375*r)/2),shrunkY:6}}(F,!!S),Q=Vg[i]||Vg.medium,G="var(--Text)",U=c?Gg[c]:null,X=c?Qg[c]:null,Y=U||D,J=Y.border,Z={...I,...C&&{"aria-label":C},...T&&{"aria-labelledby":T},...M&&{"aria-describedby":M},...A&&{"aria-required":A},...L&&{"aria-invalid":L}};return t.jsxs(a.Box,{className:"inp-"+r+" "+w,sx:{width:B?"100%":"auto",...k},children:[(()=>{if(!o||W)return null;const e="small"===i?Xa:Ja;return t.jsx(e,{component:"label",htmlFor:H,sx:{display:"block",marginBottom:"6px",color:u?"var(--Quiet)":"var(--Text)",fontSize:F.labelSize,fontWeight:500,opacity:u?"var(--Disabled, 0.38)":1},children:o})})(),t.jsx(a.Box,{sx:{border:"1px solid "+J,borderRadius:"small"===i?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===i?"var(--Lg-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden",transition:"border-color 0.15s ease-in-out",boxShadow:"none",...!u&&{"&:hover":{borderColor:Y.hoverBorder},"&:active":{borderColor:Y.pressedBorder}},"&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:t.jsx(a.Box,{children:t.jsx(a.TextField,{value:x,defaultValue:m,onChange:p,name:f,type:g,disabled:u,placeholder:l,id:H,multiline:b,rows:v,maxRows:y,fullWidth:!0,label:W?o:void 0,variant:"outlined",size:"small"===i?"small":"medium",inputProps:Z,InputProps:{startAdornment:S?t.jsx(a.InputAdornment,{position:"start",children:S}):void 0,endAdornment:(()=>{if(z)return t.jsx(a.InputAdornment,{position:"end",children:z})})()},sx:{"& .MuiOutlinedInput-root":{backgroundColor:"var(--Hover)",color:"var(--Quiet)",fontSize:F.fontSize,minHeight:b?"auto":F.height,padding:0,borderRadius:0,transition:"color 0.15s ease-in-out",...W&&{alignItems:"stretch"},"& fieldset":{border:"none"},"&.Mui-focused":{color:G},"&:not(.Mui-focused) .MuiOutlinedInput-input:not(:placeholder-shown)":{color:G},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"},"& input":{padding:F.padding,color:"inherit","&::placeholder":{color:"var(--Quiet)",opacity:1}},"& textarea":{padding:F.padding,color:"inherit",resize:j,"&::placeholder":{color:"var(--Quiet)",opacity:1}},"& .MuiInputAdornment-root":{color:"var(--Quiet)"},...W&&{"& .MuiInputAdornment-root":{maxHeight:"none",height:"auto",alignSelf:"stretch",alignItems:"center",paddingTop:F.padTop+"px",paddingBottom:F.padBottom+"px",marginTop:0,marginBottom:0},"& .MuiInputAdornment-positionStart":{marginLeft:E,marginRight:"8px",width:F.iconSize+"px",minWidth:F.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))",...qg(Q.resting),transformOrigin:"top left",transition:"transform 0.15s ease, font-size 0.15s ease, color 0.15s ease",transform:"translate("+O+", "+V+"px)","&.MuiInputLabel-shrink":{transform:"translate("+O+", "+q+"px)",...qg(Q.shrunk),color:"var(--Quiet)"},"&.Mui-focused":{color:G},"&.Mui-disabled":{color:"var(--Quiet)",opacity:"var(--Disabled, 0.38)"}},"& .MuiOutlinedInput-notchedOutline legend":{display:"none"},"& .MuiOutlinedInput-notchedOutline":{top:0},"& .MuiOutlinedInput-root.Mui-focused":{outline:"none"},"& .MuiOutlinedInput-root:focus-within":{outline:"none"}},...N})})}),c&&d?t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:"6px",marginTop:"4px",marginLeft:"2px"},children:[X&&t.jsx(X,{sx:{fontSize:F.iconSize,color:U.icon,flexShrink:0}}),t.jsx(a.FormHelperText,{sx:{color:U.text,fontSize:"small"===i?"11px":"12px",margin:0},children:d})]}):s?t.jsx(a.FormHelperText,{sx:{color:"var(--Quiet)",fontSize:"small"===i?"11px":"12px",marginTop:"4px",marginLeft:"2px"},children:s}):null]})}const Xg=["default","primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],Yg=xm,Jg={small:{touchTarget:24,box:16,dot:8,gap:4,LabelComp:Xa},medium:{touchTarget:24,box:20,dot:10,gap:8,LabelComp:Ja},large:{touchTarget:24,box:24,dot:12,gap:12,LabelComp:_a}};function Zg({size:e,color:r,checked:i}){const o=Yg(r),n="Default"===o?"var(--Quiet)":"var(--Buttons-"+o+"-Border)",l="var(--Buttons-"+o+"-Border)",s=Jg[e]||Jg.medium;return t.jsx(a.Box,{className:"radio-circle-icon",sx:{width:s.box,height:s.box,boxSizing:"border-box",borderRadius:"50%",border:"2px solid "+n,overflow:"hidden",flexShrink:0,backgroundColor:"var(--Background)",display:"flex",alignItems:"center",justifyContent:"center",transition:"border-color 0.15s ease-in-out"},children:i&&t.jsx(a.Box,{sx:{width:s.dot,height:s.dot,borderRadius:"50%",backgroundColor:l,transition:"transform 0.15s ease-in-out"}})})}function $g({theme:e,surface:r,color:i="primary",size:o="medium",label:n,labelPlacement:l="end",checked:s,disabled:c=!1,onChange:d,name:u,value:h,className:x="",sx:m={},"aria-label":p,"aria-labelledby":f,"aria-describedby":g,inputProps:b={},...v}){const y=Xg.includes(i)?i:"primary",j=Jg[o]||Jg.medium,S=j.LabelComp,z=(j.touchTarget-j.box)/2,B={...b,...p&&{"aria-label":p},...f&&{"aria-labelledby":f},...g&&{"aria-describedby":g}},w=t.jsx(a.Radio,{checked:s,disabled:c,onChange:d,name:u,value:h,icon:t.jsx(Zg,{size:o,color:y,checked:!1}),checkedIcon:t.jsx(Zg,{size:o,color:y,checked:!0}),"data-theme":e||void 0,"data-surface":r||void 0,className:"radio-"+y+" "+x,inputProps:B,disableRipple:!0,sx:{padding:z+"px",width:j.touchTarget,height:j.touchTarget,minWidth:j.touchTarget,minHeight:j.touchTarget,boxSizing:"border-box",borderRadius:"50%",color:"inherit",transition:"background-color 0.15s ease-in-out","&.Mui-checked":{color:"inherit"},"&:hover":{backgroundColor:"transparent"},"&:hover .radio-circle-icon":{borderColor:"var(--Text)"},"&:active .radio-circle-icon":{borderColor:"var(--Text)",backgroundColor:"var(--Pressed)"},"&.Mui-disabled .radio-circle-icon":{opacity:"var(--Disabled, 0.38)"},"&.Mui-focusVisible .radio-circle-icon":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none"},...m},...v});return n?t.jsx(a.FormControlLabel,{control:w,label:t.jsx(S,{component:"span",sx:{color:c?"var(--Text-Quiet)":"var(--Text)",lineHeight:1.4,userSelect:"none"},children:n}),labelPlacement:l,disabled:c,sx:{marginLeft:0,marginRight:0,gap:j.gap+"px",alignItems:"center","&.Mui-disabled .MuiTypography-root":{color:"var(--Text-Quiet)",opacity:.6}}}):w}function Kg({color:e="primary",size:r="medium",label:i,options:o=[],value:n,onChange:l,orientation:s="vertical",labelPlacement:c="end",disabled:d=!1,spacing:u=1,name:h,className:x="",sx:m={},"aria-label":p,"aria-labelledby":f,...g}){return t.jsxs(a.FormControl,{component:"fieldset",disabled:d,className:"radio-group-"+e+" "+x,sx:m,children:[i&&t.jsx(a.FormLabel,{component:"legend",sx:{color:d?"var(--Text-Quiet)":"var(--Text)",fontSize:"small"===r?"13px":"15px",fontWeight:500,mb:1,"&.Mui-focused":{color:"var(--Text)"},"&.Mui-disabled":{color:"var(--Text-Quiet)",opacity:"var(--Disabled, 0.38)"}},children:i}),t.jsx(a.RadioGroup,{value:n,onChange:l,name:h,"aria-label":p,"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:o.map(a=>t.jsx($g,{color:e,size:r,label:a.label,labelPlacement:c,value:a.value,disabled:a.disabled||d},a.value))})]})}const _g=$g,eb=["default","primary","secondary","tertiary","neutral","info","success","warning","error"];const ab={small:{visual:12,track:2,labelSize:11},medium:{visual:16,track:4,labelSize:12},large:{visual:20,track:6,labelSize:13}};function tb({theme:e,surface:r,variant:i="default",size:o="medium",value:n,defaultValue:l,onChange:s,onChangeCommitted:c,min:d=0,max:u=100,step:h=1,marks:x=!1,valueLabelDisplay:m="off",orientation:p="horizontal",fill:f,track:g="standard",disabled:b=!1,label:v,name:y,className:j="",sx:S={},"aria-label":z,"aria-labelledby":B,...w}){const k=function(){const e={};return eb.forEach(a=>{e[a]=function(e){const a=(t=e).charAt(0).toUpperCase()+t.slice(1);var t;return{thumb:"var(--Buttons-"+a+"-Border)",thumbBorder:"1px solid var(--Background)",track:"var(--Buttons-"+a+"-Button)",trackBorder:"1px solid var(--Buttons-"+a+"-Border)",rail:"var(--Background)",railBorder:"1px solid var(--Buttons-"+a+"-Border)",valueLabel:"var(--Text)",valueLabelText:"var(--Background)"}}(a)}),e}(),C=k[i]||k.default,T=ab[o]||ab.medium,M=null===h,A=(!M||!0!==x)&&x;if("production"!==process.env.NODE_ENV&&M&&!0===x&&console.warn("[OmniDesign] <Slider step={null} marks> — restricted values needs the ARRAY of values to snap to. `marks={true}` names none, and MUI throws on it. Pass marks={[{ value, label }, …]}."),"production"!==process.env.NODE_ENV&&!0===x&&h){const e=Math.floor((u-d)/h)+1;e>20&&console.warn(`[OmniDesign] <Slider marks> with step=${h} over ${d}–${u} draws ${e} ticks, which reads as a hatched band rather than a scale. Pass a marks ARRAY for the values worth showing, or raise \`step\` so the ticks match where the thumb can land. Marks are code-only — the design has no mark element.`)}const L="vertical"===p,I=Array.isArray(n)||Array.isArray(l),N=void 0!==f?f:g,R="inverted"===N,D=!1===N,W="small"===o?Xa:Ja,F=T.track+2,P=R?C.track:C.rail,H=C.railBorder,O=R?C.rail:C.track,E=C.trackBorder,V={color:"transparent"===C.track?C.thumb:C.track,height:L?void 0:F,width:L?F:void 0,"& .MuiSlider-rail":{backgroundColor:P,border:H||"none",boxSizing:H?"content-box":"border-box",opacity:1,height:L?void 0:H?T.track:F,width:L?H?T.track:F:void 0,borderRadius:F/2},"& .MuiSlider-track":{boxSizing:E?"content-box":"border-box",backgroundColor:O,border:E||"none",height:L?void 0:E?T.track:F,width:L?E?T.track:F:void 0,borderRadius:F/2},"& .MuiSlider-thumb":{width:24,height:24,backgroundColor:"transparent",border:"none",boxShadow:"none",transition:"none","--_height":T.visual+"px","--_bevel":"min(calc(var(--Button-Bevel) * var(--_height) / 100), calc(var(--_height) / 5))","&::after":{display:"none"},"&::before":{content:'""',position:"absolute",width:T.visual,height:T.visual,borderRadius:"50%",backgroundColor:C.thumb,border:C.thumbBorder||"none",boxShadow:`${pm(i)}, ${nm}`,transition:"box-shadow 0.15s ease-in-out",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},"&:hover::before":{boxShadow:`${pm(i)}, ${lm}`},"&.Mui-focusVisible::before, &:focus-visible::before":{boxShadow:`${pm(i)}, ${lm}, 0 0 0 1px var(--Focus-Visible)`},"&.Mui-active::before":{boxShadow:pm(i)},"&.Mui-focusVisible":{outline:"none",borderRadius:"50%"},"&.Mui-focusVisible::before":{boxShadow:`${pm(i)}, ${lm}`}},...I?L?{'& .MuiSlider-thumb[data-index="0"]::before':{top:0,left:"50%",transform:"translateX(-50%)"},'& .MuiSlider-thumb[data-index="1"]::before':{top:"auto",bottom:0,left:"50%",transform:"translateX(-50%)"}}:{'& .MuiSlider-thumb[data-index="0"]::before':{left:"auto",right:0,top:"50%",transform:"translateY(-50%)"},'& .MuiSlider-thumb[data-index="1"]::before':{left:0,right:"auto",top:"50%",transform:"translateY(-50%)"}}:{},"& .MuiSlider-valueLabel":{backgroundColor:C.valueLabel,color:C.valueLabelText,fontFamily:"var(--Font-Families-Body, var(--Body-Font-Family))",fontSize:"var(--Label-ExtraSmall-Font-Size)",fontWeight:"var(--Label-ExtraSmall-Font-Weight)",letterSpacing:"var(--Label-ExtraSmall-Letter-Spacing)",lineHeight:"var(--Label-ExtraSmall-Line-Height)",borderRadius:"var(--Sizing-1, 8px)",padding:"var(--Sizing-Half, 4px) var(--Sizing-1, 8px)","&::before":{backgroundColor:C.valueLabel}},"& .MuiSlider-mark":{backgroundColor:"var(--Quiet)",width:2,height:2,borderRadius:"50%"},"& .MuiSlider-markActive":{backgroundColor:"var(--Background)",opacity:1},"& .MuiSlider-markLabel":{color:"var(--Text-Quiet)",fontSize:T.labelSize},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none","& .MuiSlider-thumb::before":{boxShadow:"none"}},...S},q=t.jsx(a.Slider,{value:n,defaultValue:l,onChange:s,onChangeCommitted:c,min:d,max:u,step:h,marks:A,valueLabelDisplay:m,orientation:p,track:R?"inverted":!D&&"normal",disabled:b,name:y,"aria-label":z,"aria-labelledby":B,slotProps:b?{input:{"aria-disabled":"true"}}:void 0,className:"slider-"+i+" "+j,"data-theme":e||void 0,"data-surface":r||void 0,sx:V,...w});return v?t.jsxs(a.Box,{sx:{width:L?"auto":"100%",height:L?"100%":"auto",display:"flex",flexDirection:"column",gap:"4px"},children:[t.jsx(W,{component:"label",sx:{color:b?"var(--Text-Quiet)":"var(--Text)",fontSize:"small"===o?"13px":"15px",fontWeight:500,opacity:b?"var(--Disabled, 0.38)":1},children:v}),q]}):q}const rb=tb,ib=tb,ob={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},nb={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 lb({theme:r,surface:i,value:o,defaultValue:n,onChange:l,max:s=5,precision:c=1,color:d="default",size:u="medium",readOnly:h=!1,disabled:x=!1,emptyLabel:m="No rating",className:p="",sx:f={},...g}){const[b,v]=e.useState(n??null),[y,j]=e.useState(null),S=void 0!==o,B=S?o:b,w=null!==y?y:B,k=.5===c,C=!h&&!x,T=ob[d]||ob.default,M=nb[u]||nb.medium,A="var(--Buttons-"+T+"-Button)",L="var(--Buttons-"+T+"-Border)",I=e=>{if(!C)return;const a=e===B?null:e;S||v(a),l?.(a)},N=(e,a)=>{if(!C||!k)return;j(a?e+.5:e+1)},R=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-"+T+"-Border)",strokeWidth:1}}}:{},D=e=>{const r=e+1,i=e+.5,o=null!==w&&r<=w,n=null!==w&&!o&&k&&i<=w,l=n?ze:z,d=((e,a)=>e||a?{color:A,filter:"drop-shadow(0 1px 2px rgba(var(--Dropshadow-Color), 0.28))",transition:"filter 0.15s ease","& .MuiSvgIcon-root":{stroke:L,strokeWidth:.5}}:{color:"transparent","& .MuiSvgIcon-root":{stroke:"var(--Quiet)",strokeWidth:1}})(o,n);return k&&C?t.jsxs(a.Box,{sx:{position:"relative",display:"inline-flex",cursor:"pointer",...d,...R},onMouseLeave:()=>j(null),children:[t.jsx(a.Box,{sx:{position:"absolute",left:0,top:0,width:"50%",height:"100%",zIndex:1,cursor:"pointer"},onMouseEnter:()=>N(e,!0),onClick:()=>I(i)}),t.jsx(a.Box,{sx:{position:"absolute",right:0,top:0,width:"50%",height:"100%",zIndex:1,cursor:"pointer"},onMouseEnter:()=>N(e,!1),onClick:()=>I(r)}),t.jsx(l,{sx:{fontSize:M.iconSize,transition:"color 0.1s ease, filter 0.1s ease"}})]},e):t.jsx(a.Box,{component:C?"button":"span",type:C?"button":void 0,role:C?"radio":void 0,"aria-checked":o,"aria-label":r+" star"+(1!==r?"s":""),tabIndex:C?0:-1,onClick:()=>I(r),onMouseEnter:()=>C&&j(r),onMouseLeave:()=>C&&j(null),onKeyDown:e=>{if(C&&("ArrowRight"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),I(Math.min((B||0)+c,s))),"ArrowLeft"===e.key||"ArrowDown"===e.key)){e.preventDefault();const a=Math.max((B||0)-c,0);I(a||null)}},sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",border:"none",backgroundColor:"transparent",padding:0,...M.minHit&&{minWidth:M.minHit+"px",minHeight:M.minHit+"px"},cursor:x?"not-allowed":C?"pointer":"default",outline:"none",transition:"transform 0.1s ease",...d,...R,"&:active":C?{transform:"scale(0.95)"}:{},"&:focus-visible":C?{outline:M.focusWidth+"px solid var(--Focus-Visible)",outlineOffset:M.focusInset+"px",borderRadius:"2px"}:{},"&:disabled":{cursor:"not-allowed",opacity:"var(--Disabled, 0.38)"}},children:t.jsx(l,{sx:{fontSize:M.iconSize,transition:"color 0.1s ease, filter 0.1s ease"}})},e)};return t.jsxs(a.Box,{role:C?"radiogroup":"img","aria-label":"Rating"+(null!==B?": "+B+" of "+s+" stars":": "+m),"data-theme":r||void 0,"data-surface":i||void 0,className:"rating rating-"+d+" rating-"+u+(h?" rating-readonly":"")+(x?" rating-disabled":"")+(null===B?" rating-empty":"")+(p?" "+p:""),sx:{display:"inline-flex",alignItems:"center",gap:M.gap+"px",opacity:x?"var(--Disabled, 0.38)":1,fontFamily:"inherit",...f},...g,children:[Array.from({length:s},(e,a)=>D(a)),null===B&&!y&&t.jsx(at,{style:{color:"var(--Quiet)",marginLeft:4},children:m})]})}const sb={small:{fontSize:"var(--Body-Small-Font-Size)",py:"4px"},medium:{fontSize:"var(--Body-Font-Size)",py:"6px"},large:{fontSize:"var(--Body-Large-Font-Size)",py:"8px"}};function cb({children:r,separator:i="/",size:o="medium",condense:n=!1,maxItems:l=4,itemsBeforeCollapse:s=1,itemsAfterCollapse:c=1,backOnlyMobile:d=!1,onExpand:u,className:h="",sx:x={},...m}){const p=sb[o]||sb.medium,f=e.Children.toArray(r).filter(e.isValidElement),g=f.length,b=n&&g>l;let v=f;const[y,j]=e.useState(!1);if(b&&!y){const e=f.slice(0,s),r=f.slice(g-c),i=t.jsx(a.Box,{component:"button",onClick:()=>{j(!0),u?.()},"aria-label":"Show full breadcrumb trail",className:"breadcrumb-ellipsis",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",background:"none",border:"none",padding:"2px 4px",cursor:"pointer",fontFamily:"inherit",fontSize:"inherit",color:"var(--Quiet)",borderRadius:"4px","&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)"},"&:active":{backgroundColor:"var(--Pressed)",color:"var(--Text)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"1px"}},children:"…"},"__breadcrumb-ellipsis");v=[...e,i,...r]}const S=[];v.forEach((e,r)=>{const o=b&&!y?r===v.length-1:r===g-1;var n;S.push(t.jsx(a.Box,{component:"li",className:"breadcrumb-item"+(o?" breadcrumb-current":""),sx:{display:"inline-flex",alignItems:"center",...o&&{color:"var(--Text)",fontWeight:"var(--Body-Medium-Semibold-Font-Weight, 600)"},...!o&&{color:"var(--Link, var(--Hotlink))"},maxWidth:"200px","& > *":{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},...o?{"aria-current":"page"}:{},children:e},"crumb-"+r)),r<v.length-1&&S.push((n=r,t.jsx(a.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:i},"sep-"+n)))});const z=g>=2?f[g-2]:null;return t.jsxs(a.Box,{component:"nav","aria-label":"Breadcrumb",className:"breadcrumbs breadcrumbs-"+o+" "+h,sx:{fontSize:p.fontSize,fontFamily:"var(--Body-Font-Family)",lineHeight:1.5,...x},...m,children:[t.jsx(a.Box,{component:"ol",className:"breadcrumbs-list",sx:{display:"flex",flexWrap:"wrap",alignItems:"center",gap:"var(--Sizing-1)",listStyle:"none",margin:0,padding:0,...d&&{"@media (max-width: 600px)":{display:"none"}}},children:S}),d&&z&&t.jsxs(a.Box,{className:"breadcrumbs-back-mobile",sx:{display:"none","@media (max-width: 600px)":{display:"flex",alignItems:"center",gap:"var(--Sizing-Half)",fontSize:p.fontSize,color:"var(--Link)"}},children:[t.jsx(a.Box,{component:"span","aria-hidden":"true",sx:{fontSize:"1.1em",lineHeight:1},children:"←"}),e.cloneElement(z,{style:{...z.props?.style||{},textDecoration:"underline",textUnderlineOffset:"3px"}})]})]})}function db({children:e,href:r,className:i="",sx:o={},...n}){const l=!!r;return t.jsx(a.Box,{component:l?"a":"span",href:r||void 0,className:"breadcrumb-link "+i,sx:{color:"inherit",textDecoration:l?"underline":"none",textUnderlineOffset:"3px",textDecorationThickness:"1px",cursor:l?"pointer":"default",transition:"color 0.15s ease",...l&&{"&:hover":{textDecorationThickness:"2px"},"&:active":{textDecorationThickness:"3px"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderRadius:"2px"}},...o},...n,children:e})}const ub=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"";function hb({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const xb={small:{btnSize:"small",fontSize:"13px",gap:"2px"},medium:{btnSize:"medium",fontSize:"14px",gap:"4px"},large:{btnSize:"large",fontSize:"16px",gap:"4px"}};function mb({theme:r,surface:i,count:o=10,page:n,defaultPage:l=1,onChange:s,color:c="default",size:d="medium",siblingCount:u=1,boundaryCount:h=1,disabled:x=!1,showFirstButton:m=!1,showLastButton:p=!1,className:f="",sx:g={},...b}){const[v,y]=e.useState(l),j=void 0!==n,S=j?n:v;(e=>{e.charAt(0).toUpperCase(),e.slice(1)})("default"===c?"Default":c);const z=xb[d]||xb.medium,B=e.useCallback(e=>{const a=Math.max(1,Math.min(o,e));j||y(a),s?.(a)},[o,j,s]),w=function({count:e,page:a,siblingCount:t=1,boundaryCount:r=1}){const i=(e,a)=>Array.from({length:a-e+1},(a,t)=>e+t);if(2*t+3+2*r>=e)return i(1,e);const o=Math.max(a-t,r+1),n=Math.min(a+t,e-r),l=o>r+2,s=n<e-r-1;if(!l&&s)return[...i(1,Math.min(3+2*t+r,e)),"ellipsis-right",...i(e-r+1,e)];if(l&&!s){const a=i(Math.max(e-(3+2*t+r)+1,1),e);return[...i(1,r),"ellipsis-left",...a]}return l&&s?[...i(1,r),"ellipsis-left",...i(o,n),"ellipsis-right",...i(e-r+1,e)]:i(1,e)}({count:o,page:S,siblingCount:u,boundaryCount:h}),k="default"===c?"default":c;return t.jsx(a.Box,{component:"nav","aria-label":"Pagination","data-theme":r||void 0,"data-surface":i||void 0,className:"pagination pagination-"+c+" pagination-"+d+" "+f,sx:{display:"inline-flex",...g},...b,children:t.jsxs(a.Box,{component:"ul",sx:{display:"flex",alignItems:"center",gap:z.gap,listStyle:"none",m:0,p:0,flexWrap:"wrap"},children:[m&&t.jsx(a.Box,{component:"li",children:t.jsx(zp,{iconOnly:!0,variant:k+"-outline",size:z.btnSize,disabled:x||1===S,onClick:()=>B(1),"aria-label":"Go to first page",children:t.jsx(am,{size:"small",children:t.jsx(ke,{})})})}),t.jsx(a.Box,{component:"li",children:t.jsx(zp,{iconOnly:!0,variant:k+"-outline",size:z.btnSize,disabled:x||1===S,onClick:()=>B(S-1),"aria-label":"Go to previous page",children:t.jsx(am,{size:"small",children:t.jsx(Be,{})})})}),w.map((e,r)=>{if("string"==typeof e)return t.jsx(a.Box,{component:"li",children:t.jsx(at,{style:{color:"var(--Quiet)",padding:"0 4px"},"aria-hidden":"true",children:"…"})},e+"-"+r);const i=e===S;return t.jsx(a.Box,{component:"li",children:t.jsx(zp,{variant:i?k:k+"-outline",size:z.btnSize,disabled:x,onClick:()=>B(e),"aria-label":"Page "+e,"aria-current":i?"page":void 0,letterNumber:!0,children:e})},e)}),t.jsx(a.Box,{component:"li",children:t.jsx(zp,{iconOnly:!0,variant:k+"-outline",size:z.btnSize,disabled:x||S===o,onClick:()=>B(S+1),"aria-label":"Go to next page",children:t.jsx(am,{size:"small",children:t.jsx(we,{})})})}),p&&t.jsx(a.Box,{component:"li",children:t.jsx(zp,{iconOnly:!0,variant:k+"-outline",size:z.btnSize,disabled:x||S===o,onClick:()=>B(o),"aria-label":"Go to last page",children:t.jsx(am,{size:"small",children:t.jsx(Ce,{})})})})]})})}const pb=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",fb=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function gb({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function bb({color:e,selected:r,onClick:i}){const n=pb(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const vb=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",yb=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],jb=[{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Sb({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function zb({color:e,selected:r,onClick:i}){const n=vb(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}let Bb=!1;let wb=!1;const kb=new Set;function Cb({variant:r="outlined",color:i="default",size:o="medium",disabled:n=!1,orientation:l="horizontal",separated:s=!0,spacing:c,fit:d,fullWidth:u=!1,equalWidth:h=!1,multiple:x=!1,allowEmpty:m=!0,__selectionOwner:p=!1,value:f,defaultValue:g,onChange:b,children:v,className:y="",sx:j={},"aria-label":S,...z}){const B=void 0!==f||void 0!==g||void 0!==b||x;!p&&B&&(wb||"production"===process.env.NODE_ENV||(wb=!0,console.warn("[OmniDesign] ButtonGroup is a group of buttons — selection moved to ToggleButtonGroup, where at least one segment is always on. `value` / `onChange` / `multiple` still work here and will be removed in the next major. Swap <ButtonGroup> for <ToggleButtonGroup>; every other prop is the same.")));const w=p||B;p||!1!==s||Bb||"production"===process.env.NODE_ENV||(Bb=!0,console.warn("[OmniDesign] ButtonGroup is separated — a row of actions, spaced. `separated={false}` joins the segments into one control, which is ToggleButtonGroup's Style=Default and not a shape Figma's ButtonGroup has. It still renders and will be removed in the next major. If the segments are a choice rather than three actions, use <ToggleButtonGroup>."));const[k,C]=e.useState(g??(x?[]:null)),T=void 0!==f,M=T?f:k,A=x?Array.isArray(M)?M:null==M?[]:[M]:null,L="horizontal"===l,I=void 0!==c?c:s?"var(--Platform-Spacer)":0,N=!s&&0===I,R="light"===r,D="ghost"===r,W=d??(u?"fill":h?"equal":"hug"),F="fill"===W,P="equal"===W&&L,H=(O=i).charAt(0).toUpperCase()+O.slice(1);var O;const E="var(--Buttons-"+H+"-Border)",V="var(--Buttons-"+H+"-Button)",q="var(--Buttons-"+H+"-Text)",Q="var(--Buttons-"+H+"-Outline-Quiet)",G="var(--Buttons-"+H+"-Outline-Text)",U="default"===i?void 0:H,X=e.Children.toArray(v).filter(Boolean),Y=X.length,J=(e,a)=>t=>{const r=x?A.includes(e)?A.filter(a=>a!==e):[...A,e]:e;!x||m||0!==r.length?(T||C(r),b?.(r,t),a?.(t)):a?.(t)},Z=X.map((r,l)=>{if(!e.isValidElement(r))return r;const c=0===l,d=l===Y-1,u=r.props.value??l,h=(m=u,x?A.includes(m):M===m);var m;let p,f;if(N&&Y>1){const e=L?"var(--Button-Radius)":"var(--Vertical-Button-Radius)";p=L?c&&d?e:c?e+" 0 0 "+e:d?"0 "+e+" "+e+" 0":"0":c&&d?e:c?e+" "+e+" 0 0":d?"0 0 "+e+" "+e:"0"}if(N&&Y>1){const e=L?"var(--Button-Focus-Radius)":"var(--Vertical-Button-Focus-Radius)";f=L?c&&d?e:c?e+" 0 0 "+e:d?"0 "+e+" "+e+" 0":"0":c&&d?e:c?e+" "+e+" 0 0":d?"0 0 "+e+" "+e:"0"}const g=N&&Y>1?{borderRadius:p,...!c&&(L?{marginLeft:"calc(-1 * var(--Button-Border-Width))"}:{marginTop:"calc(-1 * var(--Button-Border-Width))"}),position:"relative","&:hover, &:focus-visible":{zIndex:1}}:{},b=D?{backgroundColor:"var(--Background) !important",borderColor:E+" !important"}:{backgroundColor:V+" !important",borderColor:E+" !important"},v=D?G:q,y=v,j=h?{...b,color:v+" !important","&:hover, &:active, &.Mui-focusVisible, &:focus-visible":{...b,color:y+" !important"}}:{},S={...F&&L&&{flex:"1 1 0",minWidth:0},...g,transform:"none !important","&:hover, &:active, &:focus-visible":{transform:"none !important"},...j,...h?{}:{color:Q,backgroundColor:"transparent","&:hover":{backgroundColor:"var(--Hover)",color:G,zIndex:1},"&:active":{backgroundColor:"var(--Pressed)",color:G},"&.Mui-focusVisible, &:focus-visible":{color:G}},...D&&!h?{border:"none !important","&:hover":{border:"none !important"}}:{},"&:focus-visible, &.Mui-focusVisible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px",zIndex:2,...f?{borderRadius:f}:{}},...r.props.sx};!function(e={},a=!1){if("production"===process.env.NODE_ENV)return;const t=[];(e.avatar||"avatar"===e.contentType)&&t.push("an Avatar segment — Button-Group-Segments has only text, iconOnly and letterNumber");const r=String(e.variant||"");r&&!/-outline$/.test(r)&&"ghost"!==r&&"text"!==r&&t.push(`a solid segment (variant="${r}") — segments are outline or ghost; the GROUP paints the selected one`),a&&(e.iconOnly||e.letterNumber||e.contentType)&&t.push("a typed SEPARATED segment — Separated-Button-Segments has no Type axis");for(const e of t)kb.has(e)||(kb.add(e),console.warn("[ButtonGroup] "+e+"."))}(r.props,s);const z=e.cloneElement(r,{variant:r.props.variant??(w?D?h?i+"-outline":"ghost":h?i:i+"-outline":D?"ghost":i),size:r.props.size??o,disabled:r.props.disabled??n,onClick:J(u,r.props.onClick),...w?{"aria-pressed":h}:{},sx:S});return R&&!h?t.jsx(a.Box,{"data-theme":U,"data-surface":"Surface-Brightest",sx:{display:"contents"},children:z},l):e.cloneElement(z,{key:l})});return t.jsx(a.Box,{role:"group","aria-label":S,className:"btn-group btn-group-"+r+" btn-group-"+i+" "+y,sx:{...P?{display:F?"grid":"inline-grid",gridAutoFlow:"column",gridAutoColumns:"1fr",justifyItems:"stretch",alignItems:"stretch",width:F?"100%":"fit-content"}:{display:F?"flex":"inline-flex",flexDirection:L?"row":"column",alignItems:"stretch",width:F?"100%":"auto"},gap:N?0:I,border:"none",borderRadius:"var(--Style-Border-Radius)",...j},...z,children:Z})}const Tb={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"}},Mb=e.createContext({variant:"solid",color:"default",size:"medium",spacing:0}),Ab=e.createContext({expanded:!1,toggle:()=>{},disabled:!1,accordionId:""}),Lb="var(--Accordion-Radius, var(--Button-Radius))";function Ib({children:r,expanded:i,defaultExpanded:o=!1,onChange:n,disabled:l=!1,className:s="",sx:c={},...d}){const[u,h]=e.useState(o),x=void 0!==i,m=x?i:u,{dataTheme:p,dataSurface:f}=e.useContext(Mb),[g]=e.useState(()=>"accordion-"+Math.random().toString(36).substring(2,9));return t.jsx(Ab.Provider,{value:{expanded:m,toggle:()=>{if(l)return;const e=!m;x||h(e),n?.(e)},disabled:l,accordionId:g},children:t.jsx(a.Box,{className:"accordion-segment accordion"+(m?" accordion-expanded":"")+(l?" accordion-disabled":"")+" "+s,"data-theme":p,"data-surface":f,sx:{border:"1px solid var(--Border-Variant)",borderRadius:Lb,backgroundColor:"var(--Background)",overflow:"hidden",boxShadow:nm,opacity:l?"var(--Disabled, 0.38)":1,...c},...d,children:r})})}const Nb={small:Ya,medium:Za,large:et},Rb={small:Xa,medium:Ja,large:_a};const Db=["Link","Chip","Badge","Caption","Label","Tag","BodySmall","LegalSemibold","Legal","LabelSmall","LabelExtraSmall","EyebrowSmall","ButtonSmall"];function Wb(a){let t=!1;return e.Children.forEach(a,a=>{(function(a){if(!e.isValidElement(a))return!1;const t=a.props||{};if("small"===t.size)return!0;if("small"===t["data-size"])return!0;if(24===t.height||24===t.minHeight)return!0;if("24px"===t.height||"24px"===t.minHeight)return!0;if(t.sx){const e=t.sx.minHeight||t.sx.height;if(24===e||"24px"===e)return!0}const r=a.type;if(r){const e=r.displayName||r.name||"";if(Db.some(a=>e.includes(a)))return!0}return!1})(a)&&(t=!0)}),t}function Fb({children:r,gap:i,spacing:o,direction:n="column",enforceMinGap:l=!0,minGapToken:s="--min-stack-gap",divider:c,flexWrap:d,useFlexGap:u=!0,alignItems:h,justifyContent:x,sx:m={},className:p="",...f}){const g=void 0!==i?i:o,b=l&&Wb(r),v=e.useMemo(()=>{if(!b)return g;const e=function(e,a=8){return null==e?0:"number"==typeof e?e*a:"string"==typeof e?e.endsWith("px")?parseFloat(e):e.endsWith("rem")?parseFloat(e)*parseFloat(getComputedStyle(document.documentElement).fontSize||"16"):parseFloat(e)*a||0:0}(g),a=function(e,a=8){if("undefined"==typeof window)return a;const t=getComputedStyle(document.documentElement).getPropertyValue(e).trim();return t?t.endsWith("rem")?parseFloat(t)*parseFloat(getComputedStyle(document.documentElement).fontSize):parseFloat(t)||a:a}(s,8);return e>=a?g:"var("+s+", "+a+"px)"},[b,g,s]);return t.jsx(a.Stack,{direction:n,spacing:u?void 0:v,gap:u?v:void 0,divider:c,flexWrap:d,useFlexGap:u,alignItems:h,justifyContent:x,className:"omni-stack"+(b?" omni-stack-min-gap-enforced":"")+(p?" "+p:""),sx:{...f["data-surface"]||f["data-theme"]?{background:"var(--Background)"}:{},boxSizing:"border-box",...b?{"&::before":{display:"none"}}:{},...m},"data-min-gap-enforced":b?"true":void 0,...f,children:r})}const Pb=e=>t.jsx(Fb,{direction:"row",alignItems:"center",...e}),Hb=e=>t.jsx(Fb,{direction:"column",...e}),Ob=e=>t.jsx(Fb,{direction:"row",flexWrap:"wrap",...e}),Eb=Fb,Vb=Ob;function qb({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"primary":"primary-outline",size:"small",onClick:r,children:e})}function Qb({code:e}){return t.jsx(Bf,{code:e,language:"JSX",wrap:!0,sx:{mt:1}})}function Gb({passes:e}){return t.jsxs(a.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5,px:1.5,py:.5,borderRadius:"20px",backgroundColor:e?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:e?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)",fontSize:"12px",fontWeight:600},children:[e?t.jsx(m,{sx:{fontSize:14}}):t.jsx(p,{sx:{fontSize:14}}),e?"WCAG Pass":"WCAG Fail"]})}function Ub({leftLabel:e,rightLabel:r,leftContent:i,rightContent:o,leftCode:n,rightCode:l,leftPasses:s,rightPasses:c}){return t.jsxs(a.Grid,{container:!0,spacing:3,children:[t.jsx(a.Grid,{item:!0,xs:12,md:6,children:t.jsxs(a.Box,{sx:{p:2,border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:"var(--Background)",height:"100%"},children:[t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",mb:2},children:[t.jsx(Xa,{style:{fontWeight:600},children:e}),t.jsx(Gb,{passes:s})]}),t.jsx(a.Box,{sx:{p:2,backgroundColor:"var(--Surface-Dim, var(--Surface))",borderRadius:"var(--Style-Border-Radius)",minHeight:80},children:i}),t.jsx(Qb,{code:n})]})}),t.jsx(a.Grid,{item:!0,xs:12,md:6,children:t.jsxs(a.Box,{sx:{p:2,border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:"var(--Background)",height:"100%"},children:[t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",mb:2},children:[t.jsx(Xa,{style:{fontWeight:600},children:r}),t.jsx(Gb,{passes:c})]}),t.jsx(a.Box,{sx:{p:2,backgroundColor:"var(--Surface-Dim, var(--Surface))",borderRadius:"var(--Style-Border-Radius)",minHeight:80},children:o}),t.jsx(Qb,{code:l})]})})]})}function Xb(){const[r,i]=e.useState("column"),[o,n]=e.useState(.5),[l,s]=e.useState("small"),[c,d]=e.useState(!0),[u,h]=e.useState(!1),[x,m]=e.useState("Default"),[f,g]=e.useState("Surface"),b={small:{label:"Small links ⚡",content:t.jsxs(t.Fragment,{children:[t.jsx(It,{href:"#",size:"small",children:"Terms of Service"}),t.jsx(It,{href:"#",size:"small",children:"Privacy Policy"}),t.jsx(It,{href:"#",size:"small",children:"Cookie Settings"})]})},chips:{label:"Chips ⚡",content:t.jsxs(t.Fragment,{children:[t.jsx(Rp,{label:"React",size:"small"}),t.jsx(Rp,{label:"TypeScript",size:"small"}),t.jsx(Rp,{label:"Design System",size:"small"})]})},normal:{label:"Normal buttons",content:t.jsxs(t.Fragment,{children:[t.jsx(zp,{variant:"primary",size:"medium",children:"Primary"}),t.jsx(zp,{variant:"secondary",size:"medium",children:"Secondary"})]})},mixed:{label:"Mixed ⚡",content:t.jsxs(t.Fragment,{children:[t.jsx(zp,{variant:"primary",size:"medium",children:"Save changes"}),t.jsx(It,{href:"#",size:"small",children:"Or discard"})]})}},v=["small","chips","mixed"].includes(l),y=c&&v;return t.jsxs(a.Grid,{container:!0,spacing:3,sx:{mt:1},children:[t.jsxs(a.Grid,{item:!0,xs:12,md:7,children:[t.jsx(Of,{theme:x,surface:f,children:t.jsxs(a.Box,{sx:{width:"100%"},children:[y&&t.jsxs(a.Box,{sx:{mb:2,px:2,py:1,borderRadius:"var(--Style-Border-Radius)",backgroundColor:"var(--Tags-Warning-BG)",color:"var(--Tags-Warning-Text)",fontSize:"12px",fontWeight:600,display:"flex",alignItems:"center",gap:1},children:[t.jsx(p,{sx:{fontSize:16}}),"Small child detected — gap raised to var(--min-stack-gap)"]}),t.jsx(Fb,{direction:r,gap:o,enforceMinGap:c,flexWrap:u?"wrap":void 0,children:b[l].content})]})}),t.jsx(Qb,{code:(()=>{const e=["<OmniStack"];return"column"!==r&&e.push('  direction="'+r+'"'),e.push("  gap={"+o+"}"),c||e.push("  enforceMinGap={false}"),u&&e.push('  flexWrap="wrap"'),e.push(">"),e.push("  {children}"),e.push("</OmniStack>"),e.join("\n")})()})]}),t.jsx(a.Grid,{item:!0,xs:12,md:5,children:t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"column",gap:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CHILDREN"}),t.jsx(a.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:Object.entries(b).map(([e,{label:a}])=>t.jsx(qb,{label:a,selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DIRECTION"}),t.jsx(a.Box,{sx:{display:"flex",gap:1},children:["row","column"].map(e=>{return t.jsx(qb,{label:(a=e,a?a.charAt(0).toUpperCase()+a.slice(1):""),selected:r===e,onClick:()=>i(e)},e);var a})})]}),t.jsxs(a.Box,{children:[t.jsxs(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["GAP — ",o," unit",y?" → raised to var(--min-stack-gap)":""]}),t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:2},children:[t.jsx(a.Box,{component:"input",type:"range",min:0,max:6,step:.5,value:o,onChange:e=>n(Number(e.target.value)),sx:{flex:1,accentColor:"var(--Primary-Color-10)"}}),t.jsx(at,{style:{color:"var(--Text)",minWidth:24,textAlign:"right"},children:o})]})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"column",gap:1.5},children:[t.jsxs(a.Box,{sx:{display:"flex",alignItems:"flex-start",justifyContent:"space-between"},children:[t.jsxs(a.Box,{children:[t.jsx(Xa,{children:"Enforce min gap"}),t.jsx(at,{style:{color:y?"var(--Tags-Warning-Text)":"var(--Text-Quiet)",display:"block"},children:y?"⚡ Active — small child detected":v?"Off — WCAG 2.5.8 risk":"No small children detected"})]}),t.jsx(Pf,{checked:c,onChange:e=>d(e.target.checked),size:"small"})]}),t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[t.jsx(Xa,{children:"Flex wrap"}),t.jsx(Pf,{checked:u,onChange:e=>h(e.target.checked),size:"small"})]})]})]})]})})]})}const Yb=["primary","secondary","tertiary","neutral","info","success","warning","error"],Jb=["small","medium","large"],Zb=({label:e,emphasis:a=!1,width:r,children:i})=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start",width:r},children:[t.jsx("div",{children:i}),t.jsx(at,{color:a?"standard":"quiet",children:e})]}),$b=({values:e,render:a,defaultValue:r,width:i})=>{const o=e.filter(e=>e!==r),n=e=>t.jsx(Zb,{label:String(e),emphasis:e===r,width:i,children:a(e)},String(e));return t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"flex-end",flexWrap:"wrap"},children:[void 0!==r?n(r):null,void 0!==r&&o.length?t.jsx(Fg,{orientation:"vertical",style:{alignSelf:"stretch"}}):null,o.map(n)]})},Kb=({values:e,render:a,defaultValue:r,width:i="100%"})=>{const o=void 0!==r?[r,...e.filter(e=>e!==r)]:e;return t.jsx(Hb,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:420},children:o.map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",style:{width:i},children:[t.jsx(at,{color:e===r?"standard":"quiet",children:String(e)}),a(e)]},String(e)))})},_b=({render:e,offLabel:a="false",onLabel:r="true",width:i})=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Zb,{label:a,emphasis:!0,width:i,children:e(!1)}),t.jsx(Zb,{label:r,width:i,children:e(!0)})]}),ev=180,av=(e,a=180)=>t.jsx("div",{style:{width:a},children:e}),tv={variant:()=>t.jsx($b,{values:["default",...Yb],defaultValue:"default",width:ev,render:e=>av(t.jsx(tb,{variant:e,defaultValue:60,"aria-label":e}))}),size:()=>t.jsx($b,{values:Jb,defaultValue:"medium",width:ev,render:e=>av(t.jsx(tb,{size:e,defaultValue:60,"aria-label":e}))}),"value / defaultValue":()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"a number — one thumb"}),av(t.jsx(tb,{defaultValue:60,"aria-label":"single"}))]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"an array — two thumbs, a range"}),av(t.jsx(tb,{defaultValue:[25,75],getAriaLabel:()=>"range"}))]})]}),fill:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-1)",children:[t.jsx(at,{color:"standard",children:"one thumb — Figma: single / single-inverted"}),t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap"},children:[t.jsx(Zb,{label:"standard",emphasis:!0,width:ev,children:av(t.jsx(tb,{defaultValue:60,"aria-label":"standard"}))}),t.jsx(Zb,{label:"inverted",width:ev,children:av(t.jsx(tb,{defaultValue:60,fill:"inverted","aria-label":"inverted"}))}),t.jsx(Zb,{label:"false — no fill",width:ev,children:av(t.jsx(tb,{defaultValue:60,fill:!1,"aria-label":"no fill"}))})]})]}),t.jsxs(Hb,{gap:"var(--Sizing-1)",children:[t.jsx(at,{color:"quiet",children:"two thumbs — Figma: double / double-inverted"}),t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap"},children:[t.jsx(Zb,{label:"standard — fills between",width:ev,children:av(t.jsx(tb,{defaultValue:[25,75],getAriaLabel:()=>"between"}))}),t.jsx(Zb,{label:"inverted — fills outside",width:ev,children:av(t.jsx(tb,{defaultValue:[25,75],fill:"inverted",getAriaLabel:()=>"outside"}))})]})]})]}),orientation:()=>t.jsxs(Pb,{gap:"var(--Sizing-4)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Zb,{label:"horizontal",emphasis:!0,width:ev,children:av(t.jsx(tb,{defaultValue:60,"aria-label":"horizontal"}))}),t.jsx(Zb,{label:"vertical",width:60,children:t.jsx("div",{style:{height:160},children:t.jsx(tb,{orientation:"vertical",defaultValue:60,"aria-label":"vertical"})})}),t.jsx(Zb,{label:"vertical range",width:60,children:t.jsx("div",{style:{height:160},children:t.jsx(tb,{orientation:"vertical",defaultValue:[25,75],getAriaLabel:()=>"vertical range"})})}),t.jsx(Zb,{label:"vertical, inverted",width:60,children:t.jsx("div",{style:{height:160},children:t.jsx(tb,{orientation:"vertical",fill:"inverted",defaultValue:60,"aria-label":"vertical inverted"})})})]}),marks:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:420},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false — no marks"}),av(t.jsx(tb,{defaultValue:60,"aria-label":"none"}))]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — a dot at every step"}),av(t.jsx(tb,{defaultValue:60,step:10,marks:!0,"aria-label":"every step"}))]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"an array — dots where you say, with labels"}),av(t.jsx(tb,{defaultValue:60,marks:[{value:0,label:"0"},{value:50,label:"50"},{value:100,label:"100"}],"aria-label":"labelled marks"}),260)]})]}),step:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:420},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"1 — every whole number"}),av(t.jsx(tb,{defaultValue:60,"aria-label":"step 1"}))]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"25 — a fixed increment"}),av(t.jsx(tb,{defaultValue:50,step:25,marks:!0,"aria-label":"step 25"}))]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"null — restricted to the marks, which need not be even"}),av(t.jsx(tb,{defaultValue:40,step:null,marks:[{value:0,label:"0"},{value:10,label:"10"},{value:40,label:"40"},{value:100,label:"100"}],"aria-label":"restricted"}),260)]})]}),valueLabelDisplay:()=>t.jsx($b,{values:["off","auto","on"],defaultValue:"off",width:ev,render:e=>av(t.jsx(tb,{valueLabelDisplay:e,defaultValue:60,"aria-label":e}))}),label:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:420},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"with a visible label"}),av(t.jsx(tb,{label:"Volume",defaultValue:60}))]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"without one it needs aria-label"}),av(t.jsx(tb,{defaultValue:60,"aria-label":"Volume"}))]}),t.jsx(Xa,{color:"quiet",children:"A RANGE slider needs `getAriaLabel` instead of either — one name per thumb. MUI warns in development if it is given `aria-label`."})]}),disabled:()=>t.jsx(_b,{width:ev,offLabel:"enabled",onLabel:"disabled",render:e=>av(t.jsx(tb,{disabled:e,defaultValue:60,"aria-label":"x"}))})},rv={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 iv({value:r,defaultValue:i="",onChange:o,onFocus:n,onBlur:l,onClear:s,onSubmit:c,placeholder:d="Search…",size:u="medium",color:h="default",showClearButton:x=!0,disabled:m=!1,ariaLabel:p="Search",className:f="",sx:g={},...b}){const[v,y]=e.useState(i),[j,z]=e.useState(!1),B=e.useRef(null),w=void 0!==r,k=w?r:v,C=k.length>0,T=j||C,M=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===h?"primary":h),A="var(--Buttons-"+M+"-Border)",L="default"===h?"var(--Text)":"var(--Text-"+M+")",I=rv[u]||rv.medium,N=()=>{w||y(""),o?.(""),s?.(),B.current?.focus()};return t.jsx(a.Box,{className:"search-field search-field-"+u+(j?" search-field-focused":"")+(C?" search-field-filled":"")+(m?" search-field-disabled":"")+(f?" "+f:""),sx:{display:"flex",boxSizing:"border-box",...g},...b,children:t.jsx(a.Box,{sx:{border:"1px solid "+A,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:m?"var(--Disabled, 0.38)":1,transition:"border-color 0.15s ease, box-shadow 0.15s ease",boxShadow:"none",width:"100%",...!m&&{"&:hover":{borderColor:"var(--Buttons-"+M+"-Hover)"},"&:active":{borderColor:"var(--Buttons-"+M+"-Pressed)"}},"&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:1,width:"100%",boxSizing:"border-box",minHeight:I.height,px:I.px+"px",backgroundColor:"var(--Hover)"},children:[t.jsx(am,{size:"small",sx:{color:T?L:"var(--Quiet)",flexShrink:0,transition:"color 0.15s ease"},children:t.jsx(S,{})}),t.jsx(a.Box,{component:"input",ref:B,type:"text",role:"searchbox","aria-label":p,value:k,onChange:e=>{const a=e.target.value;w||y(a),o?.(a,e)},onFocus:e=>{z(!0),n?.(e)},onBlur:e=>{z(!1),l?.(e)},onKeyDown:e=>{"Enter"===e.key&&c?.(k,e),"Escape"===e.key&&C&&N()},placeholder:d,disabled:m,sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:T?L:"var(--Quiet)",fontSize:I.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)",minWidth:0,"&::placeholder":{color:"var(--Quiet)",opacity:1,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)"},"&:disabled":{cursor:"not-allowed"}}}),x&&C&&!m&&t.jsx(a.Box,{component:"button",type:"button","aria-label":"Clear search",onClick:N,sx:{display:"flex",alignItems:"center",justifyContent:"center",width:I.iconSize+4,height:I.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:L},"&:active":{backgroundColor:"var(--Pressed)",color:L},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px"}},children:t.jsx(am,{size:"small",children:t.jsx(Le,{})})})]})})})}const ov=e.createContext(null),nv=["Default","Primary","Secondary","Tertiary","Neutral","Info","Success","Warning","Error","App-Bar","Nav-Bar","Status"],lv=["Professional","Modern","Bold","Playful"],sv=["Surface-Dimmest","Surface-Dim","Surface","Surface-Bright","Surface-Brightest","Container","Container-Low","Container-Lowest","Container-High","Container-Highest"],cv={"light-tonal":{theme:"Primary",rootSurface:"Surface-Brightest"},"grey-professional":{theme:"Neutral",rootSurface:"Surface"},"dark-professional":{theme:"Neutral",rootSurface:"Surface-Dimmest"}},dv="omni-foundation",uv="omni-core",hv="omni-typography",xv="omni-mode",mv="omni-base",pv="omni-styles";function fv(e){document.getElementById(e)?.remove()}function gv(e,a,t){return a?function(e){return!(!e||"string"!=typeof e)&&(e.startsWith("http")||e.startsWith("/")||e.endsWith(".css"))}(a)?function(e,a,t){const r=document.getElementById(e);return r?"LINK"===r.tagName&&r.getAttribute("href")!==a?new Promise((e,t)=>{r.onload=()=>e(r),r.onerror=()=>t(new Error(`OmniDesignProvider: failed to load ${a}`)),r.setAttribute("href",a)}):Promise.resolve(r):new Promise((r,i)=>{const o=document.createElement("link");o.id=e,o.rel="stylesheet",o.setAttribute("data-omni","true"),o.onload=()=>r(o),o.onerror=()=>i(new Error(`OmniDesignProvider: failed to load ${a}`)),o.href=a;const n=t?document.getElementById(t):null;n?document.head.insertBefore(o,n):document.head.appendChild(o)})}(e,a,t):function(e,a,t){if(!a)return Promise.resolve(null);const r=document.getElementById(e);if(r)return r.textContent=a,Promise.resolve(r);const i=document.createElement("style");i.id=e,i.setAttribute("data-omni","true"),i.textContent=a;const o=t?document.getElementById(t):null;return o?document.head.insertBefore(i,o):document.head.appendChild(i),Promise.resolve(i)}(e,a,t):Promise.resolve(null)}function bv(){const a=e.useContext(ov);if(!a)throw new Error("useOmniDesign must be used inside a <OmniDesignProvider>");return a}const vv={small:{width:"240px",height:"200px"},medium:{width:"320px",height:"280px"},large:{width:"420px",height:"380px"}},yv={left:{borderRight:"1px solid var(--Border)"},right:{borderLeft:"1px solid var(--Border)"},top:{borderBottom:"1px solid var(--Border)"},bottom:{borderTop:"1px solid var(--Border)"}},jv={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}},Sv={left:"translateX(-100%)",right:"translateX(100%)",top:"translateY(-100%)",bottom:"translateY(100%)"};function zv({children:r,open:i=!1,onClose:o,size:n="medium",anchor:l="left",hideBackdrop:s=!1,className:c="",sx:d={},...u}){const h=e.useRef(null),x=e.useRef(null),m="left"===l||"right"===l;let p;try{p=bv()}catch{p=null}const f=p?.theme||"Default",g=p?.style||"Modern",b=vv[n]||vv.medium;e.useEffect(()=>{if(!i)return;const e=e=>{"Escape"===e.key&&o?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i,o]),e.useEffect(()=>{i?(x.current=document.activeElement,requestAnimationFrame(()=>{const e=h.current?.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');e?e.focus():h.current?.focus()})):x.current&&(x.current.focus(),x.current=null)},[i]),e.useEffect(()=>{if(i){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[i]);const v=e.useCallback(e=>{if("Tab"!==e.key||!h.current)return;const a=h.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(!a.length)return;const t=a[0],r=a[a.length-1];e.shiftKey?document.activeElement===t&&(e.preventDefault(),r.focus()):document.activeElement===r&&(e.preventDefault(),t.focus())},[]);return i?t.jsxs(t.Fragment,{children:[!s&&t.jsx(a.Box,{onClick:()=>o?.(),"aria-hidden":"true",sx:{position:"fixed",inset:0,zIndex:1e7,backgroundColor:"rgba(0, 0, 0, 0.5)",transition:"opacity 0.3s ease"}}),t.jsx(a.Box,{ref:h,role:"dialog","aria-modal":"true",tabIndex:-1,"data-theme":f,"data-style":g,"data-surface":"Surface-Dim",onKeyDown:v,className:"drawer drawer-"+n+" drawer-"+l+" "+c,sx:{position:"fixed",zIndex:10000001,...jv[l],...m?{width:b.width,height:"100%"}:{height:b.height,width:"100%"},backgroundColor:"var(--Background)",color:"var(--Text)",...yv[l],boxShadow:sm,display:"flex",flexDirection:"column",outline:"none",overflow:"hidden",animation:"drawer-slide-in 0.3s ease forwards","@keyframes drawer-slide-in":{from:{transform:Sv[l]},to:{transform:"translate(0, 0)"}},...d},...u,children:r})]}):null}function Bv({onClick:e,className:r="",sx:i={},...o}){return t.jsx(a.Box,{sx:{position:"absolute",top:"12px",right:"12px",zIndex:1,...i},className:r,...o,children:t.jsx(zp,{iconOnly:!0,variant:"ghost",size:"small",onClick:e,"aria-label":"Close drawer",children:t.jsx(am,{size:"small",children:t.jsx(Le,{})})})})}function wv({children:e,className:r="",sx:i={},...o}){return t.jsx(a.Box,{className:"drawer-header "+r,sx:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px",borderBottom:"1px solid var(--Border)",flexShrink:0,...i},...o,children:e})}function kv({children:e,className:r="",sx:i={},...o}){return t.jsx(a.Box,{className:"drawer-content "+r,sx:{flex:1,overflowY:"auto",padding:"16px",...i},...o,children:e})}const Cv={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 Tv({children:e,onClick:a,ariaLabel:r}){return t.jsx(zp,{iconOnly:!0,variant:"ghost",size:"medium",onClick:a,"aria-label":r,children:e})}function Mv({barColor:r="default",surface:i="Surface",loginType:o="login",menuType:n="hamburger",brandType:l="name",searchPosition:s="right",companyName:c="Company",navLinks:d=["Home","Products","About"],rightButtons:u=[],showRightButtons:h=!1,onMenuClick:x,user:m,onLogin:p,onSignOut:f,brand:g,onBrandClick:b,centerSlot:v,endSlot:y,searchValue:j,onSearchChange:S,searchPlaceholder:z="Search...",children:B,className:w="",sx:k={}}){const[C,T]=e.useState(!1),M=Cv[r]||Cv.default,A=M.theme,L=M.surface||i,I="expanded"===n&&d.length>3?"hamburger":n,N=t.jsx(iv,{placeholder:z,size:"medium",value:j,onChange:S,sx:{flex:"left"===s?"0 1 400px":"0 1 280px",minWidth:0}});return t.jsxs(t.Fragment,{children:[t.jsx(a.Box,{component:"header",role:"banner","data-theme":A,"data-surface":L,className:"appbar appbar-desktop appbar-"+r+(w?" "+w:""),sx:{display:"flex",alignItems:"center",height:64,px:2,gap:2,backgroundColor:"var(--Background)",color:"var(--Text)",boxShadow:lm,fontFamily:"inherit",...k},children:B||t.jsxs(t.Fragment,{children:["hamburger"===I&&t.jsx(Tv,{ariaLabel:"Open navigation menu",onClick:x||(()=>T(!0)),children:t.jsx(Te,{sx:{fontSize:"inherit"}})}),void 0!==g?b?t.jsx(Pa,{component:"button",type:"button",onClick:b,sx:{background:"transparent",border:"none",padding:0,cursor:"pointer",whiteSpace:"nowrap",flexShrink:0},children:g}):t.jsx(Pa,{component:"span",sx:{whiteSpace:"nowrap",flexShrink:0},children:g}):"logo"===l?t.jsx(a.Box,{sx:{width:32,height:32,borderRadius:"6px",backgroundColor:"var(--Text)",opacity:.8,flexShrink:0},"aria-label":"Company logo"}):t.jsx(Pa,{component:"span",sx:{whiteSpace:"nowrap",flexShrink:0},children:c}),void 0!==v?t.jsxs(t.Fragment,{children:[t.jsx(a.Box,{sx:{flex:1}}),t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",flexShrink:0},children:v}),t.jsx(a.Box,{sx:{flex:1}})]}):t.jsxs(t.Fragment,{children:["left"===s&&N,"expanded"===I&&t.jsx(Up,{defaultValue:0,variant:"standard",color:"default",sx:{ml:2,minHeight:0},children:t.jsx(Xp,{"aria-label":"Main navigation",children:d.map(e=>t.jsx(Yp,{children:e},e))})}),t.jsx(a.Box,{sx:{flex:1}}),"right"===s&&N]}),void 0!==y?t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:y}):t.jsxs(t.Fragment,{children:[h&&u.length>0&&t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",gap:.5},children:u.map((a,r)=>a.raw?t.jsx(e.Fragment,{children:a.icon},r):t.jsx(Tv,{ariaLabel:a.label||"Action "+(r+1),children:a.icon},r))}),m?t.jsx(zp,{variant:"ghost",size:"small",onClick:f,"aria-label":"Sign out",startIcon:m.photoURL?t.jsx(a.Box,{component:"img",src:m.photoURL,alt:"",sx:{width:24,height:24,borderRadius:"50%"}}):t.jsx(Ae,{sx:{fontSize:24}}),children:m.displayName?.split(" ")[0]||"Account"}):p?t.jsx(zp,{variant:"default-outline",size:"small",onClick:p,children:"Login"}):"avatar"===o?t.jsx(zp,{iconOnly:!0,variant:"ghost",size:"medium","aria-label":"Account",children:t.jsx(Ae,{sx:{fontSize:28}})}):null]})]})}),t.jsx(zv,{open:C,onClose:()=>T(!1),anchor:"left",size:"small",children:t.jsx(a.Box,{component:"nav","aria-label":"Main navigation",sx:{display:"flex",flexDirection:"column",gap:.5,py:1},children:d.map(e=>t.jsx(zp,{variant:"ghost",size:"medium",onClick:()=>T(!1),sx:{justifyContent:"flex-start",width:"100%"},children:e},e))})})]})}function Av({mobileVariant:r="search",barColor:i="default",surface:o="Surface",title:n="Page Title",subtitle:l="Subtitle text",actionIcon:s,companyName:c="Company",navLinks:d=["Home","Products","About"],className:u="",sx:h={}}){const[x,m]=e.useState(!1),p=Cv[i]||Cv.default,f=p.theme,g=p.surface||o,b={backgroundColor:"var(--Background)",color:"var(--Text)",boxShadow:lm,fontFamily:"inherit",width:"100%",maxWidth:420,...h},v={"data-theme":f,"data-surface":g},y=t.jsx(zv,{open:x,onClose:()=>m(!1),anchor:"left",size:"small",children:t.jsx(a.Box,{component:"nav","aria-label":"Main navigation",sx:{display:"flex",flexDirection:"column",gap:.5,py:1},children:d.map(e=>t.jsx(zp,{variant:"ghost",size:"medium",onClick:()=>m(!1),sx:{justifyContent:"flex-start",width:"100%"},children:e},e))})});return"search"===r?t.jsxs(t.Fragment,{children:[t.jsxs(a.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-search appbar-"+i+" "+u,...v,sx:{...b,display:"flex",alignItems:"center",height:64,px:1.5,gap:1.5},children:[t.jsx(Tv,{ariaLabel:"Open navigation menu",onClick:()=>m(!0),children:t.jsx(Te,{sx:{fontSize:"inherit"}})}),t.jsx(iv,{placeholder:"Search "+c,size:"small",sx:{flex:1,minWidth:0}}),t.jsx(zp,{iconOnly:!0,variant:"ghost",size:"medium","aria-label":"Account",children:t.jsx(Ae,{sx:{fontSize:28}})})]}),y]}):"small"===r?t.jsxs(a.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-small appbar-"+i+" "+u,...v,sx:{...b,display:"flex",alignItems:"center",height:64,px:1.5,gap:1},children:[t.jsx(Tv,{ariaLabel:"Back",children:t.jsx(Me,{sx:{fontSize:"inherit"}})}),t.jsxs(a.Box,{sx:{flex:1,minWidth:0},children:[t.jsx(a.Box,{sx:{fontWeight:600,fontSize:"16px",lineHeight:1.3,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:n}),l&&t.jsx(a.Box,{sx:{fontSize:"12px",opacity:.7,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:l})]}),s&&t.jsx(Tv,{ariaLabel:"Action",children:s})]}):"medium"===r?t.jsxs(a.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-medium appbar-"+i+" "+u,...v,sx:{...b,px:1.5,pb:2},children:[t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",height:56,gap:1},children:[t.jsx(Tv,{ariaLabel:"Back",children:t.jsx(Me,{sx:{fontSize:"inherit"}})}),t.jsx(a.Box,{sx:{flex:1}}),s&&t.jsx(Tv,{ariaLabel:"Action",children:s})]}),t.jsxs(a.Box,{sx:{px:1.5},children:[t.jsx(a.Box,{sx:{fontWeight:600,fontSize:"24px",lineHeight:1.2},children:n}),l&&t.jsx(a.Box,{sx:{fontSize:"14px",opacity:.7,mt:.5},children:l})]})]}):t.jsxs(a.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-large appbar-"+i+" "+u,...v,sx:{...b,px:1.5,pb:3},children:[t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",height:56,gap:1},children:[t.jsx(Tv,{ariaLabel:"Back",children:t.jsx(Me,{sx:{fontSize:"inherit"}})}),t.jsx(a.Box,{sx:{flex:1}}),s&&t.jsx(Tv,{ariaLabel:"Action",children:s})]}),t.jsxs(a.Box,{sx:{px:1.5,mt:1},children:[t.jsx(a.Box,{sx:{fontWeight:600,fontSize:"36px",lineHeight:1.1},children:n}),l&&t.jsx(a.Box,{sx:{fontSize:"14px",opacity:.7,mt:.5},children:l})]})]})}function Lv({mode:e="desktop",...a}){return"mobile"===e?t.jsx(Av,{...a}):t.jsx(Mv,{...a})}const Iv=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Nv=["default","primary","primary-light","white","black"],Rv=["Surface","Surface-Bright","Surface-Dim","Surface-Dimmest"],Dv={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 Wv({ratio:e,threshold:r}){if(!e)return t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"--"});const i=parseFloat(e)>=r;return t.jsxs(a.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[t.jsxs(a.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:i?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:[e,":1"]}),t.jsx(at,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function Fv({label:e,ratio:r,threshold:i,note:o}){return t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(a.Box,{sx:{flex:1},children:[t.jsx(Xa,{style:{color:"var(--Text)"},children:e}),o&&t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:o})]}),t.jsx(Wv,{ratio:r,threshold:i})]})}function Pv({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Hv({color:e,selected:r,onClick:i}){const n=Dv[e]||Dv.default;return t.jsx(a.Box,{component:"button","data-theme":n.theme,"data-surface":n.surface||"Surface",onClick:()=>i(e),"aria-label":"Select "+e,"aria-pressed":r,title:e,sx:{width:"var(--Button-Height, 36px)",height:"var(--Button-Height, 36px)",borderRadius:"4px",backgroundColor:"var(--Background)",border:r?"2px solid var(--Text)":"2px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Text)",pointerEvents:"none"}})})}const Ov={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}},Ev={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 Vv({options:r=[],value:n,defaultValue:l=null,onChange:s,inputValue:c,onInputChange:d,label:u,labelPosition:h="top",placeholder:x="Type to search",helperText:m,size:p="medium",variant:f="outline",color:g="primary",loading:b=!1,loadingText:v="Loading…",noOptionsText:y="No options",freeSolo:j=!1,clearable:S=!0,disabled:z=!1,fullWidth:B=!1,className:w="",sx:k={},...C}){const T=(M="default"===g?"primary":g).charAt(0).toUpperCase()+M.slice(1);var M;"production"!==process.env.NODE_ENV&&"light"===f&&console.warn('[Autocomplete] variant="light" was removed and had never done anything — it was read by no code path. For a lighter Autocomplete use data-surface="Surface-Brightest" on its container.');const A="light"===f?"outline":f,L="var(--Buttons-"+T+"-Border)",I="default"===g?"var(--Text)":"var(--Text-"+T+")",[N,R]=e.useState(l),[D,W]=e.useState(l?"string"==typeof l?l:l.label||"":""),[F,P]=e.useState(!1),[H,O]=e.useState(!1),[E,V]=e.useState(-1),q=e.useRef(null),Q=e.useRef(null),G=void 0!==n,U=void 0!==c,X=G?n:N,Y=U?c:D,J="floating"===h,Z="top"===h,$=""!==Y,K=J?Ev[p]||Ev.medium:Ov[p]||Ov.medium,_=Y?r.filter(e=>("string"==typeof e?e:e.label).toLowerCase().includes(Y.toLowerCase())):r,ee=e.useCallback(e=>{U||W(e),d?.(e)},[U,d]),ae=e.useCallback(e=>{const a="string"==typeof e?e:e.label;G||R(e),ee(a),s?.(e),P(!1),V(-1),Q.current?.focus()},[G,s,ee]);e.useEffect(()=>{if(!F)return;const e=e=>{q.current&&!q.current.contains(e.target)&&P(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[F]);return t.jsxs(a.Box,{ref:q,className:"autocomplete autocomplete-"+p+" autocomplete-variant-"+A+(F?" autocomplete-open":"")+(z?" autocomplete-disabled":"")+(w?" "+w:""),sx:{position:"relative",width:B?"100%":"auto",display:"inline-block",fontFamily:"inherit",...k},...C,children:[Z&&u&&(()=>{const e="small"===p?Xa:Ja;return t.jsx(e,{component:"label",style:{display:"block",marginBottom:"6px",color:z?"var(--Quiet)":"var(--Text)",fontWeight:500,opacity:z?"var(--Disabled, 0.38)":1},children:u})})(),t.jsx(a.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:z?"var(--Disabled, 0.38)":1,"&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:t.jsx(a.Box,{children:t.jsxs(a.Box,{sx:{position:"relative",display:"flex",alignItems:"center",minHeight:K.height,backgroundColor:"var(--Hover)"},children:[J&&u&&t.jsx(a.Box,{sx:{position:"absolute",top:$||H?"6px":"50%",left:(K.leftPad||14)+"px",transform:$||H?"scale(0.75)":"translateY(-50%)",transformOrigin:"top left",color:H?I:"var(--Quiet)",fontSize:K.fontSize,fontWeight:400,pointerEvents:"none",zIndex:1,transition:"top 0.15s ease, transform 0.15s ease, color 0.15s ease"},children:u}),t.jsx(a.Box,{component:"input",ref:Q,type:"text",role:"combobox","aria-expanded":F,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-label":u||x,autoComplete:"off",value:Y,onChange:e=>{ee(e.target.value),F||P(!0),V(-1)},onKeyDown:e=>{if("Escape"!==e.key){if("ArrowDown"===e.key){if(e.preventDefault(),!F)return void P(!0);V(e=>Math.min(e+1,_.length-1))}"ArrowUp"===e.key&&(e.preventDefault(),V(e=>Math.max(e-1,0))),"Enter"===e.key&&F&&E>=0&&_[E]&&(e.preventDefault(),ae(_[E]))}else P(!1)},onFocus:()=>{O(!0),P(!0)},onBlur:()=>O(!1),disabled:z,placeholder:J?void 0:x,sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:$||H?I:"var(--Quiet)",fontSize:K.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)",padding:K.padding,minWidth:0,"&::placeholder":{color:"var(--Quiet)",opacity:1,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)"},"&:disabled":{cursor:"not-allowed"}}}),b&&F&&t.jsx(Ie,{size:16,sx:{mr:1,color:"var(--Quiet)"}}),S&&Y&&!z&&t.jsx(a.Box,{component:"button",type:"button","aria-label":"Clear",onClick:()=>{G||R(null),ee(""),s?.(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:t.jsx(Le,{sx:{fontSize:14}})}),t.jsx(a.Box,{component:"button",type:"button","aria-label":F?"Close":"Open",tabIndex:-1,onClick:()=>{z||P(!F)},sx:{display:"flex",alignItems:"center",justifyContent:"center",width:28,height:"100%",border:"none",backgroundColor:"transparent",color:"var(--Quiet)",cursor:z?"not-allowed":"pointer"},children:t.jsx(i,{sx:{fontSize:(K.iconSize||18)+"px",transform:F?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease"}})})]})})}),m&&t.jsx(a.Box,{sx:{fontSize:"12px",color:"var(--Quiet)",mt:"4px",ml:"2px"},children:m}),F&&t.jsx(a.Box,{role:"listbox","aria-label":u||"Options",sx:{position:"absolute",top:"100%",left:0,right:0,mt:.5,backgroundColor:"var(--Hover)",border:"1px solid var(--Buttons-Default-Border)",borderRadius:"var(--Style-Border-Radius)",boxShadow:"none",zIndex:9999,maxHeight:240,overflowY:"auto",py:.5},children:b?t.jsx(a.Box,{sx:{px:1.5,py:2,textAlign:"center",fontSize:K.fontSize,color:"var(--Quiet)"},children:v}):0===_.length?t.jsx(a.Box,{sx:{px:1.5,py:2,textAlign:"center",fontSize:K.fontSize,color:"var(--Quiet)"},children:y}):_.map((e,r)=>{const i="string"==typeof e?e:e.label,n="string"==typeof e?e:e.value,l=i===(X?"string"==typeof X?X:X.label:null),s=function(e,a){return a?{backgroundColor:"transparent",color:"var(--Text)",fontWeight:600}:e?{backgroundColor:"var(--Hover)",color:"var(--Text)"}:{backgroundColor:"transparent",color:"var(--Text-Quiet)"}}(r===E,l);return t.jsxs(a.Box,{role:"option","aria-selected":l,onClick:()=>ae(e),onMouseEnter:()=>V(r),sx:{display:"flex",alignItems:"center",gap:1,px:1.5,py:0,mx:.5,minHeight:K.height,borderRadius:"4px",cursor:"pointer",fontSize:K.fontSize,fontFamily:"inherit",...s,transition:"background-color 0.1s ease","&:active":{backgroundColor:"var(--Pressed)"}},children:[t.jsx(Xa,{style:{flex:1,color:"inherit",fontWeight:"inherit"},children:i}),l&&t.jsx(am,{size:"small",sx:{opacity:.6,flexShrink:0},children:t.jsx(o,{})})]},n||i)})})]})}const qv=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Qv=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Gv=[{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 Uv({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Xv({color:e,selected:r,onClick:i}){const n=qv(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}let Yv=0;const Jv={default:"Nav-Bar",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Zv="var(--Sizing-1, 8px)",$v="40px",Kv="var(--Icon-Size, 24px)",_v="var(--Sizing-Half, 4px)",ey={horizontal:{px:"var(--Button-Height, 32px)",py:"12px"},vertical:{px:"var(--Sizing-1-and-Half, 12px)",py:"var(--Sizing-2, 16px)"}},ay={px:0,py:0};function ty({items:r=[],value:i,defaultValue:o=0,onChange:n,showLabels:l=!0,variant:s="fixed",orientation:c="horizontal",barColor:d="default",fabAction:u,fabPosition:h="end",fixed:x=!0,"aria-label":m="Bottom navigation",className:p="",sx:f={},...g}){const[b,v]=e.useState(o),y=void 0!==i,j=y?i:b,S=e.useCallback(e=>{y||v(e),n?.(e)},[y,n]),z="vertical"===c,B="floating"===s,w=Jv[d]||Jv.default,k=B?z?ey.vertical:ey.horizontal:ay,C=e.useRef(null);null===C.current&&(C.current="bottom-nav-"+Yv++);const T=e=>C.current+"-tab-"+e,M=!!u;return t.jsxs(a.Box,{component:"nav","data-theme":w,"data-surface":"Surface-Dim","aria-label":m,className:"bottom-nav bottom-nav-"+d+" bottom-nav-style-"+(B?"floating":"fixed")+" bottom-nav-bar-"+c+(l?" bottom-nav-labels":" bottom-nav-no-labels")+(x?" bottom-nav-fixed":"")+(p?" "+p:""),sx:{display:"flex",flexDirection:z?"column":"row",alignItems:"center",justifyContent:"center",backgroundColor:"var(--Background)",borderRadius:B?"83px":0,fontFamily:"inherit",width:z?"fit-content":"100%",px:k.px,py:k.py,...x&&{position:"fixed",zIndex:1100,...z?{top:"50%",left:0,transform:"translateY(-50%)"}:{bottom:0,left:0,right:0}},...f},...g,children:[M&&t.jsx(a.Box,{role:"tablist","aria-orientation":z?"vertical":"horizontal","aria-owns":r.map((e,a)=>T(a)).join(" "),sx:{position:"absolute",width:0,height:0,overflow:"hidden"}}),t.jsxs(a.Box,{role:M?void 0:"tablist","aria-orientation":M?void 0:z?"vertical":"horizontal",sx:{display:"flex",flexDirection:z?"column":"row",alignItems:"center",justifyContent:z?"flex-start":"space-between",gap:z?"10px":0,width:z?"auto":"100%",maxWidth:z?void 0:600},children:[r.map((e,a)=>t.jsx(ry,{id:M?T(a):void 0,icon:e.icon,label:e.label,selected:a===j,showLabel:l,onClick:()=>S(a),ariaLabel:e.label||e.ariaLabel,disabled:e.disabled},e.key||a)).flatMap((e,a,r)=>{if(!u)return[e];return a===("center"===h?Math.ceil(r.length/2):r.length)-1?[e,t.jsx(oy,{...u,showLabel:l,position:h},"fab")]:[e]}),u&&0===r.length&&t.jsx(oy,{...u,showLabel:l,position:h},"fab")]})]})}function ry({id:e,icon:r,label:i,selected:o,showLabel:n,onClick:l,ariaLabel:s,disabled:c}){return t.jsxs(a.Box,{component:"button",type:"button",role:"tab",id:e,"aria-selected":o,"aria-label":s,onClick:l,disabled:c,"aria-disabled":c||void 0,className:"bottom-nav-item"+(o?" bottom-nav-item-selected":""),sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:_v,width:40,flexShrink:0,border:"none",backgroundColor:"transparent",cursor:"pointer",padding:0,fontFamily:"inherit",outline:"none","&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderRadius:"8px"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},children:[t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",minWidth:32,minHeight:32,padding:Zv,borderRadius:$v,backgroundColor:o?"var(--Text)":"transparent",color:o?"var(--Background)":"var(--Quiet)",fontSize:Kv,transition:"background-color 0.2s ease, color 0.15s ease","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"},".bottom-nav-item:hover &":o?{backgroundColor:"var(--Text)"}:{color:"var(--Text)",backgroundColor:"var(--Hover)"},".bottom-nav-item:active &":o?{backgroundColor:"var(--Text)"}:{color:"var(--Text)",backgroundColor:"var(--Pressed)"},".bottom-nav-item:disabled:hover &":{backgroundColor:"transparent"}},children:r}),n&&i&&t.jsx(tt,{className:"bottom-nav-label",style:{color:o?"var(--Text)":"var(--Quiet)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},children:i})]})}const iy=32;function oy({icon:r,label:i,onClick:o,showLabel:n,actions:l,position:s="end"}){const c=Array.isArray(l)&&l.length>0,[d,u]=e.useState(!1),h=e.useRef(null);e.useEffect(()=>{if(!d)return;const e=e=>{h.current&&!h.current.contains(e.target)&&u(!1)},a=e=>{"Escape"===e.key&&u(!1)};return document.addEventListener("mousedown",e),document.addEventListener("keydown",a),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",a)}},[d]);const x=e=>({display:"flex",alignItems:"center",justifyContent:"center",minWidth:e,minHeight:e,boxSizing:"border-box",borderRadius:$v,borderWidth:"var(--Button-Border-Width, 1px)",borderStyle:"solid",borderColor:"var(--Buttons-Default-Border)",color:"var(--Buttons-Default-Border)",backgroundColor:"transparent","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"}}),m="center"!==s;return t.jsxs(a.Box,{ref:h,sx:{position:"relative",display:"flex",flexShrink:0},children:[t.jsxs(a.Box,{component:"button",type:"button","aria-label":i||"Action",onClick:e=>{c&&u(e=>!e),o?.(e)},...c?{"aria-haspopup":"menu","aria-expanded":d}:{},className:"bottom-nav-fab"+(d?" bottom-nav-fab-open":""),sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:_v,width:40,flexShrink:0,border:"none",backgroundColor:"transparent",cursor:"pointer",padding:0,fontFamily:"inherit",outline:"none","&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderRadius:"8px"}},children:[t.jsx(a.Box,{sx:{...x(32),padding:Zv,fontSize:Kv,transition:"background-color 0.15s ease, transform 0.2s ease",transform:d?"rotate(45deg)":"none",".bottom-nav-fab:hover &":{backgroundColor:"var(--Hover)"},".bottom-nav-fab:active &":{backgroundColor:"var(--Pressed)"}},children:r||t.jsx(ye,{})}),n&&i&&t.jsx(tt,{className:"bottom-nav-label",style:{color:"var(--Buttons-Default-Border)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},children:i})]}),c&&d&&t.jsx(a.Box,{role:"menu","aria-label":i||"Actions",className:"bottom-nav-dial","data-surface":"Surface-Brightest",sx:{position:"absolute",bottom:"calc(100% + var(--Sizing-1, 8px))",...m?{right:0}:{left:0},zIndex:1,display:"flex",flexDirection:"column-reverse",padding:"var(--Sizing-1, 8px)",gap:"var(--Sizing-1, 8px)",backgroundColor:"var(--Background)",color:"var(--Text)",border:"1px solid var(--Border)",borderRadius:"var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px)))",boxShadow:"var(--Effect-Level-3, none)",whiteSpace:"nowrap"},children:l.map((e,r)=>t.jsxs(a.Box,{component:"button",type:"button",role:"menuitem","aria-label":e.label,className:"bottom-nav-dial-item",onClick:a=>{u(!1),e.onClick?.(a)},sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-1, 8px)",flexDirection:m?"row-reverse":"row",border:"none",backgroundColor:"transparent",cursor:"pointer",padding:0,fontFamily:"inherit",color:"inherit",outline:"none",borderRadius:$v,"&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},children:[t.jsx(a.Box,{sx:{width:40,display:"flex",justifyContent:"center",flexShrink:0},children:t.jsx(a.Box,{sx:{...x(iy),fontSize:"var(--Icon-Size-Small, 16px)"},children:e.icon||t.jsx(ye,{})})}),t.jsx(rt,{style:{color:"inherit"},children:e.label})]},e.key||r))})]})}const ny={Home:t.jsx(v,{sx:{fontSize:"inherit"}}),Explore:t.jsx(Ne,{sx:{fontSize:"inherit"}}),Radio:t.jsx(Re,{sx:{fontSize:"inherit"}}),Library:t.jsx(De,{sx:{fontSize:"inherit"}}),Favorite:t.jsx(b,{sx:{fontSize:"inherit"}}),Person:t.jsx(B,{sx:{fontSize:"inherit"}}),Search:t.jsx(S,{sx:{fontSize:"inherit"}}),Settings:t.jsx(j,{sx:{fontSize:"inherit"}}),Notifications:t.jsx(u,{sx:{fontSize:"inherit"}}),Cart:t.jsx(h,{sx:{fontSize:"inherit"}}),Star:t.jsx(z,{sx:{fontSize:"inherit"}}),Bookmark:t.jsx(We,{sx:{fontSize:"inherit"}})},ly=Object.keys(ny),sy=[{icon:"Home",label:"Home"},{icon:"Explore",label:"Browse"},{icon:"Radio",label:"Radio"},{icon:"Library",label:"Library"}],cy=[{value:"default",label:"Default",desc:'data-theme="Nav-Bar"'},{value:"primary",label:"Primary",desc:'data-theme="Primary"'},{value:"primary-light",label:"Primary Light",desc:'data-theme="Primary"'},{value:"primary-medium",label:"Primary Medium",desc:'data-theme="Primary"'},{value:"primary-dark",label:"Primary Dark",desc:'data-theme="Primary"'},{value:"white",label:"White",desc:'data-theme="White"'},{value:"black",label:"Black",desc:'data-theme="Black"'}];function dy({label:e,selected:r,onClick:i,disabled:o}){return t.jsx(a.Box,{component:"button",onClick:i,disabled:o,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:o?"not-allowed":"pointer",border:"2px solid var(--Buttons-Primary-Button)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:r?"var(--Buttons-Primary-Button)":"transparent",color:r?"var(--Buttons-Primary-Text)":"var(--Text)",padding:"4px 12px",fontSize:"14px",fontFamily:"inherit",fontWeight:500,whiteSpace:"nowrap",flexShrink:0,opacity:o?.4:1,transition:"background-color 0.15s ease, color 0.15s ease","&:hover":{backgroundColor:o?"transparent":r?"var(--Buttons-Primary-Hover)":"var(--Surface-Dim)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:e})}function uy({value:e,onChange:r,placeholder:i,sx:o}){return t.jsx(a.Box,{component:"input",type:"text",value:e,onChange:e=>r(e.target.value),placeholder:i,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)"},...o}})}function hy({value:e,onChange:r,options:i,label:o}){return t.jsx(a.Box,{component:"select",value:e,onChange:e=>r(e.target.value),"aria-label":o,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:i.map(e=>t.jsx("option",{value:"string"==typeof e?e:e.value,children:"string"==typeof e?e:e.label},"string"==typeof e?e:e.value))})}function xy({value:e,onChange:r,min:i,max:o,label:n}){return t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",flexShrink:0,width:90},children:n}),t.jsx("button",{type:"button",onClick:()=>{e>i&&r(e-1)},disabled:e<=i,style:{width:28,height:28,display:"flex",alignItems:"center",justifyContent:"center",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",cursor:e<=i?"not-allowed":"pointer",fontSize:"14px",opacity:e<=i?.4:1,fontFamily:"inherit"},children:"−"}),t.jsx(a.Box,{sx:{fontWeight:700,fontSize:"14px",minWidth:24,textAlign:"center"},children:e}),t.jsx("button",{type:"button",onClick:()=>{e<o&&r(e+1)},disabled:e>=o,style:{width:28,height:28,display:"flex",alignItems:"center",justifyContent:"center",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",cursor:e>=o?"not-allowed":"pointer",fontSize:"14px",opacity:e>=o?.4:1,fontFamily:"inherit"},children:"+"})]})}function my({label:e,checked:r,onChange:i,caption:o,disabled:n}){return t.jsxs(a.Box,{sx:{py:.5,opacity:n?.4:1},children:[t.jsx(a.FormControlLabel,{control:t.jsx(a.Checkbox,{checked:r,onChange:e=>i(e.target.checked),size:"small",disabled:n,sx:{color:"var(--Text-Quiet)","&.Mui-checked":{color:"var(--Buttons-Primary-Button)"}}}),label:t.jsx(it,{children:e}),sx:{m:0}}),o&&t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginLeft:32},children:o})]})}const py=r=>e.forwardRef(function(e,i){return t.jsx(a.Slide,{direction:r,ref:i,...e})}),fy={fade:e.forwardRef(function(e,r){return t.jsx(a.Fade,{ref:r,...e})}),grow:e.forwardRef(function(e,r){return t.jsx(a.Grow,{ref:r,...e})}),zoom:e.forwardRef(function(e,r){return t.jsx(a.Zoom,{ref:r,...e})}),"slide-up":py("up"),"slide-down":py("down"),"slide-left":py("left"),"slide-right":py("right")},gy={backgroundColor:"var(--Background)",color:"var(--Text)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",boxShadow:dm},by={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},vy={color:"var(--Text)",fontFamily:"inherit",fontSize:"14px",lineHeight:1.6,py:3,px:3},yy={borderTop:"1px solid var(--Border)",px:3,py:1.5,gap:1},jy={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"}},Sy={primary:{...jy,backgroundColor:"var(--Buttons-Primary-Button)",color:"var(--Buttons-Primary-Text)",border:"1px solid var(--Buttons-Primary-Border)","&:hover":{backgroundColor:"var(--Buttons-Primary-Hover)"},"&:active":{backgroundColor:"var(--Buttons-Primary-Pressed)"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},outline:{...jy,backgroundColor:"transparent",color:"var(--Text)",border:"1px solid var(--Border)","&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}}};function zy({open:e=!1,onClose:r,title:i,children:o,actions:n,maxWidth:l="sm",fullScreen:s=!1,scroll:c="body",alert:d=!1,nonModal:u=!1,transition:h,transitionDuration:x=300,titleId:m="dialog-title",contentId:p="dialog-description",className:f="",sx:g={},PaperProps:b={},...v}){const y=h?fy[h]:void 0;let j;try{j=bv()}catch{j=null}const S=j?.theme||"Default",z=j?.style||"Modern",B=j?.surface||"Surface";return t.jsxs(a.Dialog,{open:e,onClose:(e,a)=>{d&&"backdropClick"===a||d&&"escapeKeyDown"===a||r?.(e,a)},maxWidth:!s&&l,fullScreen:s,fullWidth:!s,scroll:c,hideBackdrop:u,disableEnforceFocus:u,disableEscapeKeyDown:d,TransitionComponent:y,transitionDuration:x,"aria-labelledby":m,"aria-describedby":p,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":z,"data-surface":B,sx:{...gy,...s&&{borderRadius:0,border:"none"},...b.sx},role:d?"alertdialog":"dialog"},...v,children:[i&&t.jsxs(a.DialogTitle,{id:m,sx:by,children:[i,!d&&r&&t.jsx(wp,{"aria-label":"Close dialog",onClick:e=>r(e,"closeButton"),size:"small",variant:"ghost",sx:{color:"var(--Text-Quiet)"},children:t.jsx(Le,{fontSize:"small"})})]}),t.jsx(a.DialogContent,{dividers:"paper"===c,sx:{...vy,..."paper"===c&&{maxHeight:s?"none":"400px",overflowY:"auto",borderColor:"var(--Border)"}},children:d?t.jsx(a.DialogContentText,{id:p,sx:{color:"var(--Text)",fontFamily:"inherit",fontSize:"14px",lineHeight:1.6},children:o}):t.jsx(a.Box,{id:p,children:o})}),n&&t.jsx(a.DialogActions,{sx:yy,children:n})]})}function By({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const wy={compact:{minHeight:"24px",fontSize:"13px",iconSize:16,gap:"6px"},default:{minHeight:"32px",fontSize:"14px",iconSize:18,gap:"8px"}},ky={none:void 0,slide:"omni-tree-slide 0.25s ease",spring:"omni-tree-slide 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)"},Cy={"@keyframes omni-tree-slide":{from:{opacity:0,transform:"translateY(-4px)"},to:{opacity:1,transform:"none"}}};function Ty(e,a,t=1,r=[]){return e.forEach((i,o)=>{r.push({item:i,level:t,index:o,siblings:e.length}),i.children?.length&&a.includes(i.id)&&Ty(i.children,a,t+1,r)}),r}function My(e,a,t=null){for(const r of e){if(r.id===a)return t;if(r.children?.length){const e=My(r.children,a,r.id);if(null!=e)return e;if(null===e&&r.children.some(e=>e.id===a))return r.id}}return null}function Ay({node:e,density:r,expanded:i,selected:o,focusedId:n,multiSelect:l,checkboxSelection:s,disableSelection:c,disabledItemsFocusable:d,collapseIcon:u,expandIcon:h,animation:x,onToggle:m,onSelect:p,onFocusItem:f,registerRef:g}){const{item:b,level:v,index:y,siblings:j}=e,S=wy[r]||wy.default,z="compact"===r?at:Xa,B=!!b.children?.length,w=B&&i.includes(b.id),k=o.includes(b.id),C=!!b.disabled,T=!C||d;return t.jsxs(a.Box,{component:"li",role:"treeitem","aria-expanded":B?w:void 0,"aria-selected":c?void 0:k,"aria-disabled":C||void 0,"aria-level":v,"aria-setsize":j,"aria-posinset":y+1,tabIndex:n===b.id&&T?0:-1,ref:e=>g(b.id,e),onFocus:e=>{e.stopPropagation(),f(b.id)},sx:{outline:"none",listStyle:"none",...b.sx||{}},children:[t.jsxs(a.Box,{className:"omni-tree-content",onClick:e=>{C||(e.stopPropagation(),B&&m(e,b.id),c||p(e,b.id))},sx:{display:"flex",alignItems:"center",gap:S.gap,minHeight:S.minHeight,padding:"0 8px",marginLeft:0,borderRadius:"var(--Style-Border-Radius)",border:"1px solid transparent",color:k?"var(--Text)":"var(--Quiet)",fontWeight:k?600:400,backgroundColor:k?"var(--Pressed)":"transparent",cursor:C?"not-allowed":"pointer",opacity:C?"var(--Disabled, 0.38)":1,transition:"color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease",...C?{}:{"&:hover":{color:"var(--Text)",backgroundColor:"var(--Hover)"},"&:active":{color:"var(--Text)",backgroundColor:"var(--Pressed)"}},"li:focus-visible > &":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},children:[t.jsx(a.Box,{"aria-hidden":"true",sx:{width:S.iconSize,height:S.iconSize,flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",color:"inherit"},children:B&&(w?u:h)}),s&&!c&&t.jsx(sg,{checked:k,disabled:C,size:"small","aria-hidden":"true",tabIndex:-1,onChange:()=>{}}),b.icon&&t.jsx(am,{size:"small",sx:{color:"inherit",flexShrink:0},children:b.icon}),t.jsx(z,{style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",color:"inherit",fontWeight:"inherit"},children:b.label}),b.badge&&t.jsx(a.Box,{sx:{flexShrink:0},children:b.badge})]}),B&&w&&t.jsx(a.Box,{component:"ul",role:"group",sx:{margin:0,padding:0,paddingLeft:"9px",marginLeft:"12px",listStyle:"none",animation:ky[x]},children:b.children.map((e,a)=>t.jsx(Ay,{node:{item:e,level:v+1,index:a,siblings:b.children.length},density:r,expanded:i,selected:o,focusedId:n,multiSelect:l,checkboxSelection:s,disableSelection:c,disabledItemsFocusable:d,collapseIcon:u,expandIcon:h,animation:x,onToggle:m,onSelect:p,onFocusItem:f,registerRef:g},e.id))})]})}function Ly({color:r="default",variant:i="solid",surface:o,density:n="default",animation:l="slide",selectionStyle:s,items:c=Iy,selectionMode:d="single",checkboxSelection:u=!1,disableSelection:h=!1,disabledItemsFocusable:x=!1,defaultExpandedItems:m,expandedItems:p,onExpandedItemsChange:f,selectedItems:g,onSelectedItemsChange:b,onItemExpansionToggle:v,onItemSelectionToggle:y,slots:j,"aria-label":S="Tree view",className:z="",sx:B={},...w}){const k=s||i,C="multi"===d,[T,M]=e.useState(m||[]),A=void 0!==p?p:T,[L,I]=e.useState(g||(C?[]:null)),N=void 0!==g?g:L,R=Array.isArray(N)?N:N?[N]:[],D=e.useMemo(()=>Ty(c,A),[c,A]),[W,F]=e.useState(null),P=W??D[0]?.item.id??null,H=e.useRef({}),O=e.useCallback((e,a)=>{a?H.current[e]=a:delete H.current[e]},[]),E=e.useCallback(e=>{F(e),H.current[e]?.focus()},[]),V=e.useCallback((e,a)=>{const t=A.includes(a),r=t?A.filter(e=>e!==a):[...A,a];void 0===p&&M(r),f?.(e,r),v?.(e,a,!t)},[A,p,f,v]),q=e.useCallback((e,a)=>{const t=R.includes(a),r=C?t?R.filter(e=>e!==a):[...R,a]:[a],i=C?r:r[0]??null;void 0===g&&I(i),b?.(e,i),y?.(e,a,!C||!t)},[R,C,g,b,y]),Q=e.useCallback(e=>{const a=D.filter(e=>!e.item.disabled||x),t=a.findIndex(e=>e.item.id===P),r=a[t];if(!r)return;const{item:i}=r,o=!!i.children?.length,n=o&&A.includes(i.id),l=t=>{const r=a[Math.max(0,Math.min(a.length-1,t))];r&&(e.preventDefault(),E(r.item.id))};switch(e.key){case"ArrowDown":l(t+1);break;case"ArrowUp":l(t-1);break;case"Home":l(0);break;case"End":l(a.length-1);break;case"ArrowRight":o&&!n?(e.preventDefault(),V(e,i.id)):n&&l(t+1);break;case"ArrowLeft":if(n)e.preventDefault(),V(e,i.id);else{const a=My(c,i.id);a&&(e.preventDefault(),E(a))}break;case"Enter":case" ":e.preventDefault(),h?o&&V(e,i.id):q(e,i.id)}},[D,P,A,c,x,h,E,V,q]),G=(U=r).charAt(0).toUpperCase()+U.slice(1);var U;const X="default"===k?void 0:G,Y=o||("light"===k?"Surface-Brightest":"Surface-Dim"),J=j?.collapseIcon?t.jsx(j.collapseIcon,{}):t.jsx(am,{size:"small",sx:{color:"inherit",transform:"rotate(90deg)"},children:t.jsx(we,{})}),Z=j?.expandIcon?t.jsx(j.expandIcon,{}):t.jsx(am,{size:"small",sx:{color:"inherit"},children:t.jsx(we,{})});return t.jsx(a.Box,{"data-theme":X,"data-surface":Y,className:"omni-treeview omni-treeview-"+k+" omni-treeview-"+r+" omni-treeview-"+n+(z?" "+z:""),sx:{backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",...Cy,...B},children:t.jsx(a.Box,{component:"ul",role:"tree","aria-label":S,"aria-multiselectable":C||void 0,onKeyDown:Q,sx:{margin:0,padding:"8px",listStyle:"none",fontFamily:"inherit"},...w,children:c.map((e,a)=>t.jsx(Ay,{node:{item:e,level:1,index:a,siblings:c.length},density:n,expanded:A,selected:R,focusedId:P,multiSelect:C,checkboxSelection:u,disableSelection:h,disabledItemsFocusable:x,collapseIcon:J,expandIcon:Z,animation:l,onToggle:V,onSelect:q,onFocusItem:F,registerRef:O},e.id))})})}const Iy=[{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"}],Ny=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Ry=[{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 Dy({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const Wy={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}};function Fy({onFiles:r,accept:i,multiple:o=!1,size:n="medium",disabled:l=!1,icon:s,label:c,sublabel:d,children:u,className:h="",sx:x={},...m}){const[p,f]=e.useState(!1),g=e.useRef(null),b=e.useRef(0),v=Wy[n]||Wy.medium,y=e.useCallback(e=>{!l&&e?.length&&r?.(Array.from(e))},[l,r]),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()},[]),z=e.useCallback(e=>{e.preventDefault(),e.stopPropagation(),b.current++,l||f(!0)},[l]),B=e.useCallback(e=>{e.preventDefault(),e.stopPropagation(),b.current--,0===b.current&&f(!1)},[]),w=e.useCallback(()=>{l||g.current?.click()},[l]),k=e.useCallback(e=>{l||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),g.current?.click())},[l]),C=e.useCallback(e=>{y(e.target.files),e.target.value=""},[y]),T=s||Fe,M=o?"Drag and drop files here":"Drag and drop file here";return t.jsxs(a.Box,{role:"button",tabIndex:l?-1:0,"aria-label":c||M,"aria-disabled":l||void 0,onClick:w,onKeyDown:k,onDrop:j,onDragOver:S,onDragEnter:z,onDragLeave:B,className:"drop-zone drop-zone-"+n+(p?" drop-zone-dragging":"")+(l?" drop-zone-disabled":"")+" "+h,sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:v.gap,minHeight:v.minHeight,padding:v.padding,border:"2px dashed",borderColor:p?"var(--Buttons-Primary-Border)":"var(--Buttons-Default-Border)",borderRadius:"32px",backgroundColor:p?"var(--Hover)":"transparent",color:"var(--Text)",cursor:l?"not-allowed":"pointer",opacity:l?"var(--Disabled, 0.38)":1,outline:"none",transition:"background-color 0.2s ease, border-color 0.2s ease",textAlign:"center",...!l&&{"&:hover":{backgroundColor:"var(--Hover)",borderColor:"var(--Buttons-Primary-Border)"},"&:active":{backgroundColor:"var(--Pressed)",borderColor:"var(--Buttons-Primary-Border)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderColor:"var(--Buttons-Primary-Border)"}},...x},...m,children:[t.jsx("input",{ref:g,type:"file",accept:i,multiple:o,onChange:C,style:{display:"none"},"aria-hidden":"true",tabIndex:-1}),u||t.jsxs(t.Fragment,{children:[t.jsx(T,{sx:{fontSize:v.iconSize,color:"var(--Text-Quiet)"}}),t.jsx(Xa,{style:{color:"var(--Text)"},children:c||M}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:d||"or click to browse"})]})]})}const Py={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Hy={size:40,iconSize:"24px",borderRadius:"8px"},Oy=new Set;function Ey({children:e,color:r="primary",variant:i="solid",size:o,className:n="",sx:l={},...s}){!function(e){void 0!==e&&("production"===process.env.NODE_ENV||Oy.has(e)||(Oy.add(e),console.warn('[IconBadge] size="'+e+'" — IconBadge has one size (40px) and the prop was removed. Figma draws exactly one, and component sizing comes from the Component-Size modes rather than a per-component ladder.')))}(o);const c=Hy,d=Py[r]||Py.primary;let u,h;switch(i){case"light":u=d,h="Surface-Brightest";break;case"dark":u=d,h="Surface-Dimmest";break;default:u=d,h="Surface"}return t.jsx(a.Box,{"data-theme":u,"data-surface":h,className:"icon-badge icon-badge-"+i+" icon-badge-"+r+" "+n,sx:{width:c.size,height:c.size,borderRadius:c.borderRadius,backgroundColor:"var(--Background)",color:"var(--Text)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,"& svg":{width:c.iconSize,height:c.iconSize,fontSize:c.iconSize,color:"inherit",stroke:"currentColor"},...l},...s,children:e})}const Vy={eyebrow:ot,title:Ja,secondary:Ya},qy={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Qy={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 Gy({children:e,size:r="medium",isButton:i=!1,onAction:o,ariaLabel:n}){return i?t.jsx(a.Box,{component:"button",role:"button",tabIndex:0,"aria-label":n||"Action",onClick:e=>{e.stopPropagation(),o?.(e)},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),o?.(e))},className:"list-item-decorator-button",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,padding:0,border:"none",backgroundColor:"transparent",borderRadius:"50%",cursor:"pointer",color:"inherit",transition:"background-color 0.15s ease","&:hover":{backgroundColor:"rgba(128,128,128,0.15)"},"&:active":{backgroundColor:"rgba(128,128,128,0.25)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},children:e}):t.jsx(a.Box,{className:"list-item-decorator",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:e})}function Uy({children:e,startDecorator:r,endDecorator:i,startDecoratorIsButton:o=!1,endDecoratorIsButton:n=!1,onStartDecoratorAction:l,onEndDecoratorAction:s,startDecoratorAriaLabel:c,endDecoratorAriaLabel:d,size:u="medium",variant:h="default",color:x,eyebrow:m,overline:p,secondary:f,clickable:g=!1,disabled:b=!1,selected:v=!1,selectionMode:y="none",onSelect:j,onClick:S,bottomBorder:z=!1,rightBorder:B=!1,component:w="li",sx:k={},...C}){const T=Qy[u]||Qy.medium,M=g||!!S,A="checkbox"===y||"radio"===y,L=(M||A)&&!b,I=e=>{b||(A&&j?.(e),S?.(e))};return t.jsxs(a.Box,{component:w,role:A?"option":M?"button":"listitem",tabIndex:L?0:void 0,"aria-disabled":b||void 0,"aria-selected":A?v:v||void 0,"aria-checked":"checkbox"===y?v:void 0,onClick:I,onKeyDown:L?e=>{b||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),I(e))}:void 0,className:"list-item"+(v?" list-item-selected":"")+(b?" list-item-disabled":"")+(M?" 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:L?"pointer":"default",opacity:b?"var(--Disabled, 0.38)":1,position:"relative",transition:"background-color 0.15s ease, box-shadow 0.15s ease",...M?{border:"1px solid var(--Border)",boxShadow:"var(--Effect-Level-1)",padding:"var(--Sizing-1)",borderRadius:"var(--Input-Radius)"}:{},...!M&&z?{borderBottom:"1px solid var(--Border-Variant)"}:{},...!M&&B?{borderRight:"1px solid var(--Border-Variant)"}:{},backgroundColor:"transparent",...v?{"&::before":{content:'""',position:"absolute",inset:"-1px",border:"1px solid var(--Border)",borderRadius:"var(--Menu-Item-Radius, var(--Input-Radius))",pointerEvents:"none"}}:{},"&:hover":L?{backgroundColor:"var(--Hover)",boxShadow:"var(--Effect-Level-2)"}:{},"&:active":L?{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"},...k},...C,children:["checkbox"===y&&t.jsx(a.Checkbox,{checked:v,disabled:b,size:T.checkSize,tabIndex:-1,onClick:e=>e.stopPropagation(),onChange:()=>j?.(),sx:{p:0,mr:0,color:"inherit","&.Mui-checked":{color:"inherit"}},inputProps:{"aria-label":"Select "+("string"==typeof e?e:"item")}}),"radio"===y&&t.jsx(a.Radio,{checked:v,disabled:b,size:T.checkSize,tabIndex:-1,onClick:e=>e.stopPropagation(),onChange:()=>j?.(),sx:{p:0,mr:0,color:"inherit","&.Mui-checked":{color:"inherit"}},inputProps:{"aria-label":"Select "+("string"==typeof e?e:"item")}}),r&&t.jsx(Gy,{size:u,isButton:o,onAction:l,ariaLabel:c,children:r}),(()=>{const r=Vy,i=m??p,o={display:"block",width:"100%",wordBreak:"break-word",overflowWrap:"anywhere"};return t.jsxs(a.Box,{sx:{flex:"1 1 auto",width:"100%",minWidth:0,display:"flex",flexDirection:"column",gap:0},children:[i&&t.jsx(r.eyebrow,{style:{...o,color:"var(--Quiet)"},children:i}),null!=e&&t.jsx(r.title,{style:{...o,color:"var(--Text)"},children:e}),f&&t.jsx(r.secondary,{style:{...o,color:"var(--Quiet)"},children:f})]})})(),i&&t.jsx(Gy,{size:u,isButton:n,onAction:s,ariaLabel:d,children:i})]})}function Xy({children:r,items:i,variant:o="default",color:n="primary",size:l="medium",orientation:s="vertical",dividers:c=!1,selectionMode:d="none",loading:u=!1,skeletonRows:h=3,empty:x,error:m,selectedIndices:p=[],onSelectionChange:f,clickable:g=!1,component:b="ul",className:v="",sx:y={},...j}){const S="horizontal"===s,z="checkbox"===d||"radio"===d,B="light"===o,w="default"===o,k={};("solid"===o||B)&&qy[n]&&(k["data-theme"]=qy[n],B&&(k["data-surface"]="Surface-Brightest"));const C=m?"error":u?"loading":i&&0===i.length&&x?"empty":null;return t.jsx(a.Box,{component:b,role:z?"listbox":"list","aria-busy":"loading"===C?"true":void 0,"aria-multiselectable":"checkbox"===d||void 0,...k,className:"list-container list-"+o+" list-"+n+" "+v,sx:{display:"flex",flexDirection:S?"row":"column",boxSizing:"border-box",alignItems:"stretch",gap:g?"var(--Sizing-1)":0,m:0,p:w?0:1,backgroundColor:w?"transparent":"var(--Background)",color:"var(--Text)",borderRadius:w?0:"var(--Style-Border-Radius)",width:"100%",listStyle:"none",...S?{"& > .list-item":{flex:"1 1 0",width:"auto"}}:{},...y},...j,children:(()=>{if("loading"===C)return t.jsx(a.Box,{component:"li",sx:{listStyle:"none"},children:t.jsx(ma,{label:"Loading",children:Array.from({length:h}).map((e,a)=>t.jsx(Uy,{component:"div",size:l,variant:o,color:n,children:"        "},"sk-"+a))})});if("error"===C)return t.jsx(a.Box,{component:"li",sx:{listStyle:"none"},children:m});if("empty"===C)return t.jsx(a.Box,{component:"li",sx:{listStyle:"none"},children:x});if(i&&i.length>0){const e=[];return i.forEach((r,s)=>{e.push(t.jsx(Uy,{size:l,variant:o,color:n,startDecorator:r.startDecorator,endDecorator:r.endDecorator,startDecoratorIsButton:r.startDecoratorIsButton,endDecoratorIsButton:r.endDecoratorIsButton,onStartDecoratorAction:r.onStartDecoratorAction,onEndDecoratorAction:r.onEndDecoratorAction,startDecoratorAriaLabel:r.startDecoratorAriaLabel,endDecoratorAriaLabel:r.endDecoratorAriaLabel,eyebrow:r.eyebrow??r.overline,secondary:r.secondary,clickable:g||r.clickable,disabled:r.disabled,bottomBorder:r.bottomBorder,rightBorder:r.rightBorder,selected:z?p.includes(s):r.selected,selectionMode:d,onSelect:()=>(e=>{if(f)if("radio"===d)f([e]);else{const a=p.includes(e)?p.filter(a=>a!==e):[...p,e];f(a)}})(s),onClick:r.onClick,children:r.label||r.children},"item-"+s)),c&&s<i.length-1&&e.push(t.jsx(a.Box,{component:"li",role:"separator","aria-hidden":"true",sx:S?{width:"1px",alignSelf:"stretch",backgroundColor:"var(--Border)",flexShrink:0}:{height:"1px",backgroundColor:"var(--Border)"}},"div-"+s))}),e}if(r){const i=e.Children.toArray(r);if(!c)return i;const o=[];return i.forEach((e,r)=>{o.push(e),r<i.length-1&&o.push(t.jsx(a.Box,{component:"li",role:"separator","aria-hidden":"true",sx:S?{width:"1px",alignSelf:"stretch",backgroundColor:"var(--Border)",flexShrink:0}:{height:"1px",backgroundColor:"var(--Border)"}},"div-"+r))}),o}return null})()})}const Yy=["default","primary","secondary","tertiary","neutral","info","success","warning","error"],Jy={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"};function Zy({color:e="primary",width:r="hug",allCaps:i=!1,children:o,className:n="",sx:l={},...s}){const c="fill"===r,d=Jy[e]||"Primary",u="var(--Tag-"+d+"-BG)",h="var(--Tag-"+d+"-Text)";return t.jsx(a.Box,{component:"span",className:"tag tag-"+e+(n?" "+n:""),sx:{display:c?"flex":"inline-flex",alignItems:"center",justifyContent:c?"center":"flex-start",height:"24px",px:"8px",borderRadius:0,backgroundColor:u,color:h,width:c?"100%":"auto",flexShrink:0,userSelect:"none",...l},...s,children:t.jsx(Xa,{component:"span",sx:{color:"inherit",lineHeight:"24px",whiteSpace:"nowrap",fontWeight:600,textTransform:i?"uppercase":"none"},children:o})})}const $y=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Ky({ratio:e,threshold:r}){if(!e)return t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"--"});const i=parseFloat(e)>=r;return t.jsxs(a.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[t.jsxs(a.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:i?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:[e,":1"]}),t.jsx(at,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function _y({label:e,ratio:r,threshold:i,note:o}){return t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(a.Box,{sx:{flex:1},children:[t.jsx(Xa,{style:{color:"var(--Text)"},children:e}),o&&t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:o})]}),t.jsx(Ky,{ratio:r,threshold:i})]})}function ej({color:e,selected:r,onClick:i}){const n=Jy[e]||((l=e)?l.charAt(0).toUpperCase()+l.slice(1):"");var l;return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height, 36px)",height:"var(--Button-Height, 36px)",borderRadius:"4px",backgroundColor:"var(--Tag-"+n+"-BG)",border:r?"2px solid var(--Text)":"2px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Tag-"+n+"-Text)",pointerEvents:"none"}})})}const aj={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",white:"Neutral",black:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},tj={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 rj({value:r,color:i="primary",size:o="medium",thickness:n,showValue:l=!1,children:s,className:c="",sx:d={},...u}){const h=aj[i]||"Primary",x="number"==typeof o?{diameter:o,thickness:Math.max(2,Math.round(o/11)),fontSize:Math.max(8,Math.round(o/3.3))+"px"}:tj[o]||tj.medium,m=n||x.thickness,p=null!=r,f=p?Math.min(100,Math.max(0,r)):0,g=(x.diameter-m)/2,b=2*Math.PI*g,v=p?b-f/100*b:.75*b,y="var(--Buttons-"+h+"-Border)",j="cp-grad-"+e.useId().replace(/:/g,"");return t.jsxs(a.Box,{role:"progressbar","aria-valuenow":p?Math.round(f):void 0,"aria-valuemin":p?0:void 0,"aria-valuemax":p?100:void 0,"aria-label":p?Math.round(f)+"% progress":"Loading",className:"circular-progress circular-progress-"+o+" circular-progress-"+i+(p?" circular-progress-value":" circular-progress-indeterminate")+" "+c,sx:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",width:x.diameter+"px",height:x.diameter+"px",flexShrink:0,...!p&&{animation:"circular-progress-spin 1.2s linear infinite","@keyframes circular-progress-spin":{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}},...d},...u,children:[t.jsxs("svg",{viewBox:"0 0 "+x.diameter+" "+x.diameter,width:x.diameter,height:x.diameter,style:{position:"absolute",top:0,left:0,transform:"rotate(-90deg)"},children:[t.jsx("defs",{children:t.jsxs("linearGradient",{id:j,x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[t.jsx("stop",{offset:"0%",stopColor:y,stopOpacity:"0"}),t.jsx("stop",{offset:"100%",stopColor:y,stopOpacity:"1"})]})}),t.jsx("circle",{cx:x.diameter/2,cy:x.diameter/2,r:g,fill:"none",stroke:"var(--Border-Variant)",strokeWidth:m,className:"circular-progress-track"}),t.jsx("circle",{cx:x.diameter/2,cy:x.diameter/2,r:g,fill:"none",stroke:"url(#"+j+")",strokeWidth:m,strokeDasharray:b,strokeDashoffset:v,strokeLinecap:"round",className:"circular-progress-indicator",style:{transition:p?"stroke-dashoffset 0.4s ease":"none"}})]}),(l||s)&&p&&t.jsx(a.Box,{className:"circular-progress-label","aria-hidden":"true",sx:{position:"relative",zIndex:1,fontSize:x.fontSize,fontWeight:700,fontFamily:"inherit",lineHeight:1,color:"var(--Text)",userSelect:"none"},children:s||Math.round(f)+"%"})]})}const ij=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",oj=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function nj({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function lj({color:e,selected:r,onClick:i}){const n=ij(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const sj={small:16,medium:24,large:32};function cj({theme:e,surface:r,size:i="medium",color:o="primary",message:n="Loading...",sx:l={},"aria-label":s="Loading","aria-labelledby":c,...d}){return t.jsxs(a.Stack,{alignItems:"center",justifyContent:"center",spacing:2,sx:{py:4,...l},...d,"data-theme":e||void 0,"data-surface":r||void 0,children:[t.jsx(rj,{size:"number"==typeof i?i:sj[i]??sj.medium,color:o,"aria-label":c?void 0:s,"aria-labelledby":c}),n&&t.jsx(a.Typography,{sx:{color:"var(--Text-Secondary)",fontWeight:500},children:n})]})}const dj=e=>e.charAt(0).toUpperCase()+e.slice(1),uj={small:Xa,medium:Ja,large:_a},hj={small:Qa,medium:qa,large:Va},xj={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"}},mj=e.createContext({open:!1,setOpen:()=>{},anchorRef:{current:null},menuId:"",buttonId:"",variant:"outline",color:"default",size:"medium"}),pj=()=>e.useContext(mj);function fj({children:r,variant:i="outline",color:o="default",size:n="medium",open:l,onOpenChange:s,...c}){const[d,u]=e.useState(!1),h=void 0!==l,x=h?l:d,m=e.useRef(null),p=e.useId(),f="menu-"+p,g="menubtn-"+p,b=e.useCallback(e=>{const a="function"==typeof e?e(x):e;h?s?.(a):u(a)},[h,x,s]);return t.jsx(mj.Provider,{value:{open:x,setOpen:b,anchorRef:m,menuId:f,buttonId:g,variant:i,color:o,size:n},children:t.jsx(a.Box,{sx:{display:"inline-flex",position:"relative"},...c,children:r})})}function gj({children:r,className:o="",sx:n={},...l}){const{open:s,setOpen:c,anchorRef:d,menuId:u,buttonId:h,size:x,color:m}=pj(),p=xj[x]||xj.medium,f=dj("default"===m?"Default":m);return t.jsxs(a.Box,{component:"button",ref:d,id:h,"aria-haspopup":"true","aria-expanded":s,"aria-controls":s?u:void 0,onClick:()=>c(e=>!e),className:"menu-button "+o,sx:{display:"inline-flex",alignItems:"center",gap:"6px",padding:p.itemPy+" "+p.itemPx,fontSize:p.fontSize,fontFamily:"inherit",fontWeight:600,color:"var(--Text)",backgroundColor:"var(--Background)",border:"1px solid var(--Buttons-"+f+"-Border)",borderRadius:"var(--Style-Border-Radius)",cursor:"pointer",boxShadow:"none",transition:"box-shadow 0.15s ease","&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},...n},onKeyDown:e=>{"ArrowDown"!==e.key&&"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),c(!0))},...l,children:["string"==typeof r?e.createElement(uj[x]||uj.medium,{style:{color:"inherit",fontWeight:600}},r):r,t.jsx(am,{size:"small",sx:{color:"var(--Quiet)",transition:"transform 0.2s ease",transform:s?"rotate(180deg)":"rotate(0deg)"},children:t.jsx(i,{})})]})}function bj({children:r,className:i="",placement:o="bottom-start",sx:n={},...l}){const{open:s,setOpen:c,anchorRef:d,menuId:u,buttonId:h,variant:x,color:m,size:p}=pj(),f=e.useRef(null),g=xj[p]||xj.medium,b=dj("default"===m?"Default":m),v="var(--Buttons-"+b+"-Border)",y="light"===x?"default"===m?"Default":b:"solid"===x?b:void 0,j="light"===x?"Surface-Brightest":"solid"===x?"Surface":void 0;return e.useEffect(()=>{if(s&&f.current){const e=f.current.querySelector('[role="menuitem"]:not([aria-disabled="true"])');e&&e.focus()}},[s]),e.useEffect(()=>{if(!s)return;const e=e=>{f.current&&!f.current.contains(e.target)&&d.current&&!d.current.contains(e.target)&&c(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[s,c,d]),e.useEffect(()=>{if(!s)return;const e=e=>{"Escape"===e.key&&(c(!1),d.current?.focus())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[s,c,d]),s?t.jsx(a.Box,{className:"menu menu-"+x+" "+i,sx:{position:"absolute",top:"100%",left:"bottom-end"===o?"auto":0,right:"bottom-end"===o?0:"auto",zIndex:99999,marginTop:"4px",border:"1px solid "+v,borderRadius:"var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px)))",boxShadow:lm,overflow:"hidden",...n},children:t.jsx(a.Box,{ref:f,id:u,role:"menu","aria-labelledby":h,"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 a=f.current?.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])');if(!a?.length)return;const t=Array.from(a).indexOf(document.activeElement);"ArrowDown"===e.key?(e.preventDefault(),a[(t+1)%a.length].focus()):"ArrowUp"===e.key?(e.preventDefault(),a[(t-1+a.length)%a.length].focus()):"Home"===e.key?(e.preventDefault(),a[0].focus()):"End"===e.key?(e.preventDefault(),a[a.length-1].focus()):"Tab"===e.key&&c(!1)},...l,children:r})}):null}function vj({children:e,onClick:r,selected:i=!1,disabled:o=!1,className:n="",sx:l={},...s}){const{setOpen:c,size:d}=pj(),u=xj[d]||xj.medium,h=i?hj[d]||hj.medium:uj[d]||uj.medium,x=()=>{o||(r?.(),c(!1))};return t.jsx(a.Box,{role:"menuitem",tabIndex:o?-1:0,"aria-disabled":o||void 0,"aria-selected":i||void 0,onClick:x,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),x())},className:"menu-item"+(i?" menu-item-selected":"")+" "+n,sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-Half)",padding:u.itemPy+" "+u.itemPx,fontSize:u.fontSize,color:o?"var(--Quiet)":i?"var(--Text)":"var(--Quiet)",backgroundColor:i?"var(--Hover)":"transparent",cursor:o?"not-allowed":"pointer",opacity:o?"var(--Disabled, 0.38)":1,outline:"none",transition:"background-color 0.1s ease, color 0.1s ease",userSelect:"none",...!o&&{"&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)"},"&:active":{backgroundColor:"var(--Pressed)",color:"var(--Text)"},"&:focus-visible":{backgroundColor:"var(--Hover)",color:"var(--Text)",outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},...l},...s,children:t.jsx(a.Box,{className:"menu-item-slot",sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-Half)",paddingLeft:"var(--Sizing-Half)",paddingRight:"var(--Sizing-Half)",minWidth:0,flex:1},children:t.jsx(h,{color:"standard",style:{color:"inherit"},children:e})})})}function yj({className:e="",sx:r={},...i}){return t.jsx(a.Box,{component:"hr",role:"separator",className:"menu-divider "+e,sx:{border:"none",borderTop:"1px solid var(--Border)",margin:"4px 0",...r},...i})}const jj=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Sj=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function zj({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Bj({color:e,selected:r,onClick:i}){const n=jj(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const wj={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},kj={default:"Container-High",solid:"Container-High",soft:"Surface-Brightest"},Cj={small:{maxWidth:400,padding:"24px"},medium:{maxWidth:560,padding:"32px"},large:{maxWidth:720,padding:"40px"}},Tj={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 Mj(e){const a=Tj[e];if(!a)return"";const{from:t,to:r}=a.enter,i=Object.entries(t).map(([e,a])=>e+":"+a).join(";"),o=Object.entries(r).map(([e,a])=>e+":"+a).join(";");return"@keyframes "+a.name+" { from {"+i+"} to {"+o+"} }@keyframes "+a.name+"-backdrop { from { opacity: 0 } to { opacity: 1 } }"}function Aj({open:r,onClose:i,children:o,title:n,variant:l="default",color:s="primary",size:c="medium",layout:d="center",transition:u="fade",transitionSpeed:h=250,closeOnBackdrop:x=!0,showCloseButton:m=!0,className:p="",sx:f={},...g}){const b=e.useRef(null),v=e.useRef(null),[y,j]=e.useState(!1);let S;try{S=bv()}catch{S=null}const z=S?.style||"Modern",B="soft"===l,w="solid"===l,k="fullscreen"===d,C=w||B?wj[s]:null,T=kj[l]||kj.default,M=Cj[c]||Cj.medium,A=Tj[u],L=A?A.name:void 0,I=h+"ms";return e.useEffect(()=>(r?(v.current=document.activeElement,j(!0),requestAnimationFrame(()=>{b.current?.focus()}),document.body.style.overflow="hidden"):(j(!1),document.body.style.overflow="",v.current?.focus()),()=>{document.body.style.overflow=""}),[r]),e.useEffect(()=>{if(!r)return;const e=e=>{"Escape"===e.key&&i?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[r,i]),r||y?t.jsxs(t.Fragment,{children:["none"!==u&&t.jsx("style",{children:Mj(u)}),t.jsx(a.Box,{"aria-hidden":"true",onClick:x?i:void 0,sx:{position:"fixed",inset:0,zIndex:1e7,backgroundColor:"rgba(0,0,0,0.5)",...L&&{animation:L+"-backdrop "+I+" ease-out forwards"}}}),t.jsxs(a.Box,{role:"dialog","aria-modal":"true","aria-label":n||"Modal",ref:b,tabIndex:-1,"data-surface":T,"data-theme":C||void 0,"data-style":z,className:"modal modal-"+l+" modal-"+c+" modal-"+d+(B||w?" modal-"+s:"")+(p?" "+p:""),sx:{position:"fixed",zIndex:10000001,outline:"none",fontFamily:"inherit",...k?{inset:0,borderRadius:0}:{top:"50%",left:"50%",transform:"translate(-50%, -50%)",maxWidth:M.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:dm,display:"flex",flexDirection:"column",overflow:"hidden",...L&&{animation:L+" "+I+" ease-out forwards"},...f},...g,children:[(n||m)&&t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",px:k?4:M.padding,pt:k?3:M.padding,pb:0,flexShrink:0},children:[n&&t.jsx(a.Box,{sx:{fontSize:"small"===c?"18px":"large"===c?"24px":"20px",fontWeight:700,color:"var(--Text)",flex:1},children:n}),m&&t.jsx(a.Box,{component:"button",type:"button","aria-label":"Close modal",onClick:i,sx:{display:"flex",alignItems:"center",justifyContent:"center",width:32,height:32,borderRadius:"50%",border:"none",backgroundColor:"transparent",color:"var(--Text-Quiet)",cursor:"pointer",flexShrink:0,ml:1,transition:"background-color 0.15s ease, color 0.15s ease","&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)"},"&:active":{backgroundColor:"var(--Pressed)",color:"var(--Text)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},children:t.jsx(Le,{sx:{fontSize:20}})})]}),t.jsx(a.Box,{sx:{flex:1,overflowY:"auto",px:k?4:M.padding,pt:k?3:"16px",pb:k?3:M.padding,color:"var(--Text)",fontSize:"small"===c?"13px":"14px",lineHeight:1.6},children:o})]})]}):null}function Lj({children:e,surface:r="Container",outlined:i=!1,variant:o=(i?"outlined":"elevation"),sx:n={},...l}){const{dataSurface:s,elevation:c}=function(e="Container"){const a={"Container-Lowest":{elevation:0,zIndex:0},"Container-Low":{elevation:1,zIndex:100},Container:{elevation:4,zIndex:200},"Container-High":{elevation:8,zIndex:300},"Container-Highest":{elevation:12,zIndex:400}},t=a[e]||a.Container;return{dataSurface:e,elevation:t.elevation,zIndex:t.zIndex}}(r),d="outlined"===o||i;return t.jsx(a.Paper,{variant:o,elevation:d?0:c,"data-surface":s,sx:{padding:2,borderRadius:"8px",transition:"all 0.2s ease-in-out",...n},...l,children:e})}function Ij({open:i=!1,onClose:o,anchorRef:n,placement:l="bottom-end",theme:s="Default",surface:c="Surface-Bright",width:d=320,maxHeight:u=400,children:h,sx:x={}}){const m=e.useRef(null),[p,f]=e.useState({top:0,left:0,right:"auto"});return e.useEffect(()=>{if(!i||!n?.current)return;const e=n.current.getBoundingClientRect();f("bottom-end"===l?{top:e.bottom+6,right:window.innerWidth-e.right,left:"auto"}:{top:e.bottom+6,left:e.left,right:"auto"})},[i,n,l]),e.useEffect(()=>{if(!i)return;const e=e=>{m.current?.contains(e.target)||n?.current?.contains(e.target)||o?.()};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[i,o,n]),e.useEffect(()=>{if(!i)return;const e=e=>{"Escape"===e.key&&o?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i,o]),i?r.createPortal(t.jsx(a.Box,{ref:m,"data-theme":s,"data-surface":c,sx:{position:"fixed",top:p.top,left:p.left,right:p.right,zIndex:2e9,width:d,maxHeight:u,overflowY:"auto",backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",boxShadow:lm,...x},children:h}),document.body):null}const Nj={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error","black-white":"BlackWhite"},Rj={small:"var(--Sm-Rail-Width, 72px)",medium:"var(--Rail-Width, 80px)",large:"var(--Lg-Rail-Width, 96px)"},Dj="var(--Icon-Size, 24px)",Wj="var(--Sizing-Half, 4px)",Fj="var(--Button-Height, 32px)";function Pj({items:r=[],sections:i,value:o,defaultValue:n=0,onChange:l,expandable:s=!1,expandedWidth:c="partial",defaultExpanded:d=!1,fabAction:u,labelStyle:h="contained",variant:x="default",size:m="medium",className:p="",sx:f={},...g}){const[b,v]=e.useState(n),[y,j]=e.useState(d),S=void 0!==o,z=S?o:b,B=e.useCallback(e=>{S||v(e),l?.(e)},[S,l]),w=s&&y,k=w?("full"===c?320:240)+"px":Rj[m]||Rj.medium;return t.jsxs(a.Box,{component:"nav",role:"navigation","aria-label":"Navigation rail","data-theme":"Default","data-surface":"Surface-Dim",className:"rail"+(s?" rail-expandable":" rail-fixed")+(w?" rail-expanded":" rail-collapsed")+" rail-label-"+("outside"===h?"outside":"contained")+" rail-"+(Rj[m]?m:"medium")+" "+p,sx:{display:"flex",flexDirection:"column",width:k,minHeight:"100%",gap:w?0:"var(--Sizing-1, 8px)",backgroundColor:"var(--Background)",borderRight:"1px solid var(--Border)",fontFamily:"inherit",transition:"width 0.25s ease",overflow:"hidden",flexShrink:0,...f},...g,children:[s&&t.jsx(a.Box,{sx:{display:"flex",justifyContent:w?"flex-start":"center",px:w?1.5:0,height:56,alignItems:"center"},children:t.jsx(zp,{iconOnly:!0,variant:"ghost",size:"small",onClick:()=>j(e=>!e),"aria-label":w?"Collapse menu":"Expand menu",children:t.jsx(am,{size:"small",sx:{color:"inherit"},children:w?t.jsx(Le,{}):t.jsx(Te,{})})})}),u&&t.jsx(a.Box,{sx:{px:w?2:1,py:1,flexShrink:0},children:t.jsx(zp,{variant:"primary-light",size:"medium",onClick:u.onClick,"aria-label":u.label||"Action",startIcon:u.icon?t.jsx(am,{size:"small",sx:{color:"inherit"},children:u.icon}):void 0,sx:{width:w?"100%":56,borderRadius:w?"28px":"var(--Style-Border-Radius)",justifyContent:w?"flex-start":"center",transition:"all 0.2s ease"},children:w?u.label:null})}),t.jsx(a.Box,{role:"tablist","aria-orientation":"vertical",sx:{flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column",alignItems:"center",gap:w?0:"var(--Sizing-1-and-Half, 12px)",px:w?0:"var(--Sizing-1, 8px)",width:"100%",boxSizing:"border-box"},children:(()=>{if(i&&i.length>0){const e=[];let r=0;return i.forEach((i,o)=>{o>0&&e.push(t.jsx(a.Box,{"aria-hidden":"true",sx:{height:"1px",width:"100%",backgroundColor:"var(--Border-Variant)"}},"divider-"+o)),i.items.forEach(a=>{const i=r;e.push(t.jsx(Hj,{item:a,variant:x,selected:z===i,expanded:w,labelStyle:h,onClick:()=>B(i)},"item-"+i)),r++})}),e}return r.map((e,a)=>t.jsx(Hj,{item:e,variant:x,selected:z===a,expanded:w,labelStyle:h,onClick:()=>B(a)},a))})()})]})}function Hj({item:e,selected:r,expanded:i,labelStyle:o,variant:n="default",onClick:l}){const{icon:s,avatar:c,label:d,badge:u,disabled:h}=e,x=Nj[n]||"Default";const m=r?`var(--Buttons-${x}-Button)`:"transparent",p=r?`var(--Buttons-${x}-Text)`:i?"var(--Text)":"var(--Quiet)",f="outside"!==o,g=f&&!i,b=h?{}:{...r?{}:{"&: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",...r?{}:{"& .rail-item-label":{color:"var(--Text)"}}}};return t.jsxs(a.Box,{component:"button",type:"button",role:"tab","aria-selected":r,"aria-label":d,"aria-disabled":h||void 0,disabled:h||void 0,onClick:h?void 0:l,className:"rail-item"+(r?" rail-item-selected":""),sx:{display:"flex",flexDirection:i?"row":"column",alignItems:"center",justifyContent:i?"flex-start":"center",gap:i?"var(--Sizing-1-and-Half, 12px)":"2px",width:i?"100%":44,minWidth:i?void 0:Dj,minHeight:Dj,px:i?2.5:0,py:g?Wj:0,border:r&&g?"1px solid var(--Border)":"1px solid transparent",borderRadius:i?0:"8px",backgroundColor:g||i?m:"transparent",boxShadow:r&&g?"var(--Shadow-1, none)":"none",color:p,cursor:h?"not-allowed":"pointer",opacity:h?"var(--Disabled, 0.38)":1,fontFamily:"inherit",textAlign:i?"left":"center",transition:"background-color 0.15s ease, color 0.15s ease",outline:"none",...g||i?b:{}},children:[t.jsxs(a.Box,{sx:{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",...i?{flexShrink:0}:{width:f?"100%":Fj,height:f?"auto":Fj,py:f?Wj:0,borderRadius:f?"8px":Fj,backgroundColor:f?"transparent":m,border:!f&&r?"1px solid var(--Border)":void 0,transition:"background-color 0.2s ease",...f?{}:b}},children:[c?t.jsx(a.Box,{sx:{display:"flex",width:Dj,height:Dj},children:c}):t.jsx(am,{size:"small",sx:{color:"inherit"},children:s}),u&&t.jsx(Oj,{value:u})]}),d&&t.jsx(a.Box,{sx:{display:"flex",alignItems:"flex-start",justifyContent:"center",width:"100%"},children:t.jsx(tt,{className:"rail-item-label",color:"inherit",style:{textAlign:"center",whiteSpace:i?"nowrap":"normal",overflow:"hidden",textOverflow:"ellipsis",...i?{flex:1}:{maxWidth:"100%"}},children:d})})]})}function Oj({value:e}){return t.jsx(a.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 Ej=[{icon:t.jsx(v,{}),label:"Home"},{icon:t.jsx(S,{}),label:"Search"},{icon:t.jsx(b,{}),label:"Favorites",badge:3},{icon:t.jsx(B,{}),label:"Profile"},{icon:t.jsx(j,{}),label:"Settings"}];function Vj({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const qj=["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"],Qj="1.618034",Gj={"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":Qj+" / 1","Golden-Vertical":"1 / "+Qj},Uj={none:0,xs:1,sm:2,md:3,lg:4,xl:6};function Xj({ratio:r="1:1",children:i,variant:o="default",color:n="default",padding:l="none",fit:s="width",placeholder:c=!0,elevated:d=!1,clickable:u=!1,onClick:h,maxWidth:x,maxHeight:m,component:p="div",className:f="",sx:g={},...b}){const v=Gj[r]||Gj["1:1"],y=(j="default"===n?"Default":n).charAt(0).toUpperCase()+j.slice(1);var j;const S=c&&0===e.Children.count(i),z="default"===n?void 0:y,B="dark"===o?"Surface-Dimmest":"light"===o?"Surface-Brightest":void 0,w=void 0!==Uj[l]?Uj[l]:Uj.none,k=u||!!h,C="default"===o,T=d?lm:nm,M=d?sm:lm;return t.jsx(a.Box,{component:p,onClick:k?h:void 0,role:k?"button":void 0,tabIndex:k?0:void 0,className:"ratio ratio-"+r.toLowerCase()+" ratio-"+o+(k?" 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!==x&&{maxWidth:x},...void 0!==m&&{maxHeight:m},border:C?"none":"1px solid var(--Border-Variant)",borderRadius:C?0:"var(--Style-Border-Radius)",boxShadow:C?"none":T,overflow:"hidden",transition:"box-shadow 0.2s ease, border-color 0.2s ease",...k&&{cursor:"pointer","&:hover":{borderColor:"var(--Buttons-Default-Border)",boxShadow:M},"&:active":{transform:"scale(0.995)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"3px"}},...!k&&!C&&{"&:hover":{boxShadow:M}},...g},...b,children:t.jsx(a.Box,{"data-theme":z||void 0,"data-surface":B,sx:{width:"100%",height:"100%",padding:w,backgroundColor:S?"var(--Border)":"var(--Background)",color:"var(--Text)",fontFamily:"inherit",borderRadius:C?0:"calc(var(--Style-Border-Radius) - 1px)",...S?{display:"flex",alignItems:"center",justifyContent:"center"}:{"& > *":{width:"100%",height:"100%"}}},children:S?t.jsx(am,{size:"large",sx:{color:"var(--Background)"},children:t.jsx(He,{})}):i})})}const Yj={none:void 0,small:"var(--Sm-Card-Radius, var(--Card-Radius))",medium:"var(--Card-Radius)",large:"var(--Lg-Card-Radius, var(--Card-Radius))"};function Jj({children:e,theme:r,surface:i,radius:o="none",elevation:n=0,component:l="div",className:s="",sx:c={},style:d,...u}){const h=Math.max(0,Math.min(5,0|n)),x=Yj[o];if(!h)return t.jsx(a.Box,{component:l,"data-theme":r||void 0,"data-surface":i||void 0,className:"omni-box"+(s?" "+s:""),sx:{background:"var(--Background)",boxSizing:"border-box",...x?{borderRadius:x}:{},...c},style:d,...u,children:e});const m=d||{},{width:p,height:f,minWidth:g,minHeight:b,maxWidth:v,maxHeight:y,borderRadius:j,margin:S,marginTop:z,marginRight:B,marginBottom:w,marginLeft:k,...C}=m,T={width:p,height:f,minWidth:g,minHeight:b,maxWidth:v,maxHeight:y,borderRadius:j,margin:S,marginTop:z,marginRight:B,marginBottom:w,marginLeft:k},{width:M,height:A,borderRadius:L,...I}=c;return t.jsx(a.Box,{component:l,className:"omni-box-elevation"+(s?" "+s:""),"data-elevation":h,sx:{boxShadow:um[h],boxSizing:"border-box",width:M,height:A,borderRadius:void 0!==L?L:x},style:T,...u,children:t.jsx(a.Box,{"data-theme":r||void 0,"data-surface":i||void 0,className:"omni-box",sx:{width:"100%",height:"100%",background:"var(--Background)",borderRadius:"inherit",boxSizing:"border-box",...I},style:C,children:e})})}const Zj=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",$j=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Kj=["default","solid","light","dark"],_j=["none","xs","sm","md","lg","xl"];function eS({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function aS({color:e,selected:a,onClick:r,variant:i}){const n=Zj(e),l={solid:n,light:n+"-Light",dark:n,default:void 0};return t.jsx(Jj,{component:"button","data-theme":l[i],"data-surface":{solid:"Surface",light:"Surface",dark:"Surface-Dimmest",default:"Surface"}[i],onClick:()=>r(e),"aria-label":"Select "+n,"aria-pressed":a,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Background)",border:a?"2px solid var(--Text)":"2px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:16,color:"var(--Text)",pointerEvents:"none"}})})}const tS=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",rS=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function iS({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function oS({color:e,selected:r,onClick:i}){const n=tS(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const nS=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",lS=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],sS=[{value:"apple",label:"Apple"},{value:"banana",label:"Banana"},{value:"cherry",label:"Cherry"},{value:"date",label:"Date"},{value:"elderberry",label:"Elderberry"}],cS=[{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 dS({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function uS({color:e,selected:r,onClick:i}){const n=nS(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const hS={outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},xS={opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"};function mS(e={}){const{selectedBg:a,selectedText:t,selectedHover:r,selectedPressed:i,muiPrefix:o}=e,n=o?"&.Mui-disabled":"&:disabled",l=o?"&.Mui-focusVisible":"&:focus-visible",s={"&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},[l]:hS,[n]:{...xS,color:"var(--Quiet)"}};return a?{...s,"&.Mui-selected":{backgroundColor:a,...t?{color:t}:{},"&:hover":{backgroundColor:r||"var(--Hover)"},"&:active":{backgroundColor:i||"var(--Pressed)"}}}:s}function pS({open:r,onClose:o,items:n=[],onItemClick:l,width:c=280,variant:d="temporary",header:u,footer:h,sx:x={},...m}){const[p,f]=e.useState(null),[g,b]=e.useState({}),v=(e,a)=>{f(a),l?.(e),"temporary"===d&&o?.()},y="permanent"===d?"permanent":"standard"===d?"standard":"temporary",j=t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"column",height:"100%",backgroundColor:"var(--Container)",color:"var(--Text)"},children:[u&&t.jsx(a.Box,{sx:{p:2,borderBottom:"1px solid var(--Border-Variant)"},children:"string"==typeof u?t.jsx(a.Typography,{variant:"h6",sx:{fontWeight:700},children:u}):u}),t.jsx(a.List,{sx:{flex:1,overflow:"auto",py:1},children:n.map((e,r)=>{const o=p===r,n=e.submenu&&e.submenu.length>0,l=g[r];return t.jsxs(a.Box,{children:[t.jsx(a.Tooltip,{title:e.tooltip||"",placement:"right",children:t.jsx(a.ListItem,{disablePadding:!0,children:t.jsxs(a.ListItemButton,{onClick:()=>{n?(e=>{b(a=>({...a,[e]:!a[e]}))})(r):v(e,r)},selected:o&&!n,sx:{backgroundColor:o&&!n?"var(--Buttons-Primary-Button)":"transparent",color:o&&!n?"var(--Buttons-Primary-Text)":"var(--Text)",...mS({muiPrefix:!0,selectedBg:"var(--Buttons-Primary-Button)",selectedText:"var(--Buttons-Primary-Text)",selectedHover:"var(--Buttons-Primary-Hover)",selectedPressed:"var(--Buttons-Primary-Pressed)"}),transition:"all 0.2s ease-in-out"},children:[e.icon&&t.jsx(a.ListItemIcon,{sx:{color:o&&!n?"var(--Buttons-Primary-Text)":"var(--Icons-Primary)",minWidth:40},children:e.badge?t.jsx(a.Badge,{badgeContent:e.badge,variant:"error",children:e.icon}):e.icon}),t.jsx(a.ListItemText,{primary:e.label,primaryTypographyProps:{variant:"body2",fontWeight:o&&!n?600:500}}),n&&t.jsx(a.Box,{sx:{ml:1},children:l?t.jsx(s,{}):t.jsx(i,{})})]})})}),n&&t.jsx(a.Collapse,{in:l,timeout:"auto",unmountOnExit:!0,children:t.jsx(a.List,{component:"div",disablePadding:!0,children:e.submenu.map((e,r)=>t.jsx(a.ListItem,{disablePadding:!0,children:t.jsxs(a.ListItemButton,{onClick:()=>v(e,r),sx:{pl:4,backgroundColor:"transparent",color:"var(--Text)",...mS({muiPrefix:!0,selectedBg:"var(--Buttons-Primary-Button)",selectedText:"var(--Buttons-Primary-Text)",selectedHover:"var(--Buttons-Primary-Hover)",selectedPressed:"var(--Buttons-Primary-Pressed)"})},children:[e.icon&&t.jsx(a.ListItemIcon,{sx:{color:"var(--Icons-Primary)",minWidth:40},children:e.icon}),t.jsx(a.ListItemText,{primary:e.label})]})},r))})}),e.divider&&t.jsx(a.Divider,{sx:{my:1,borderColor:"var(--Border-Variant)"}})]},r)})}),h&&t.jsx(a.Box,{sx:{borderTop:"1px solid var(--Border-Variant)",p:2},children:"string"==typeof h?t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Quiet)"},children:h}):h})]});return"permanent"===d?t.jsx(a.Box,{sx:{width:c,flexShrink:0,...x},children:j}):t.jsx(a.Drawer,{variant:y,open:r,onClose:o,PaperProps:{sx:{width:c,backgroundColor:"var(--Container)",color:"var(--Text)",...x}},...m,children:j})}const fS={small:{px:"12px",py:"8px",fontSize:"13px",gap:"8px",minWidth:"240px"},medium:{px:"16px",py:"10px",fontSize:"14px",gap:"12px",minWidth:"300px"},large:{px:"20px",py:"14px",fontSize:"16px",gap:"16px",minWidth:"360px"}};let gS=!1;function bS({children:r,open:i=!1,onClose:o,variant:n="light",surface:l,color:s="info",size:c="medium",anchor:d="bottom",autoHideDuration:u,startDecorator:h,endDecorator:x,action:m,className:p="",sx:f={},...g}){const b=e.useRef(null),v=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===s?"Default":s),y=fS[c]||fS.medium,j="small"===c?Xa:Ja,S="default"===s?"Default":v;"production"===process.env.NODE_ENV||"solid"!==n||gS||(gS=!0,console.warn('[Snackbar] variant="solid" is retired and now renders as "light". A solid fill makes the label carry the semantic color as its own background, doubling the contrast combinations to verify. Use the default, or pass `surface` to reach a specific level.'));const z=l||"Surface-Brightest",B="var(--Buttons-"+v+"-Border)";e.useEffect(()=>{if(i&&u&&u>0)return b.current=setTimeout(()=>{o?.({},"timeout")},u),()=>clearTimeout(b.current)},[i,u,o]),e.useEffect(()=>{if(!i)return;const e=e=>{"Escape"===e.key&&o?.(e,"escapeKeyDown")};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i,o]);const w=e.useCallback(()=>{b.current&&clearTimeout(b.current)},[]),k=e.useCallback(()=>{i&&u&&u>0&&(b.current=setTimeout(()=>{o?.({},"timeout")},u))},[i,u,o]),C="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 i?t.jsx(a.Box,{role:"alert","aria-live":"polite","aria-atomic":"true",onMouseEnter:w,onMouseLeave:k,className:"snackbar snackbar-"+n+" snackbar-"+c+" snackbar-"+d+" snackbar-"+s+" "+p,sx:{position:"fixed",left:"50%",transform:"translateX(-50%)",..."top"===d?{top:"var(--SnackBar-Top, 24px)"}:{bottom:"var(--SnackBar-Bottom, 24px)"},zIndex:1400,minWidth:y.minWidth,maxWidth:"min(560px, calc(100vw - 32px))",border:"1px solid "+B,borderRadius:"var(--Style-Border-Radius)",boxShadow:sm,overflow:"hidden",animation:"snackbar-slide-in 0.3s ease forwards","@keyframes snackbar-slide-in":C,...f},...g,children:t.jsxs(a.Box,{"data-theme":S,"data-surface":z,sx:{display:"flex",alignItems:"center",gap:y.gap,padding:y.py+" "+y.px,fontSize:y.fontSize,fontFamily:"inherit",lineHeight:1.4,color:"var(--Text)",backgroundColor:"var(--Background)",borderRadius:"calc(var(--Style-Border-Radius) - 1px)"},children:[h&&t.jsx(a.Box,{sx:{display:"inline-flex",flexShrink:0,lineHeight:1},children:h}),t.jsx(a.Box,{sx:{flex:1,minWidth:0},children:"string"==typeof r?t.jsx(j,{children:r}):r}),m&&t.jsx(a.Box,{sx:{display:"inline-flex",flexShrink:0},children:m}),x&&t.jsx(a.Box,{sx:{display:"inline-flex",flexShrink:0,lineHeight:1},children:x}),o&&t.jsx(zp,{iconOnly:!0,variant:"ghost",size:"small",onClick:e=>o(e,"closeClick"),"aria-label":"Close notification",sx:{flexShrink:0,ml:"4px"},children:t.jsx(am,{size:"small",children:t.jsx(Le,{})})})]})}):null}const vS=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",yS=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],jS={info:t.jsx(x,{}),success:t.jsx(m,{}),warning:t.jsx(p,{}),error:t.jsx(f,{})};function SS({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function zS({color:e,selected:r,onClick:i}){const n=vS(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const BS={empty:{icon:t.jsx(Oe,{}),iconColor:"quiet",titleColor:"header",role:void 0},"no-results":{icon:t.jsx(Ee,{}),iconColor:"quiet",titleColor:"header",role:void 0},error:{icon:t.jsx(Ve,{}),iconColor:"error",titleColor:"error",role:"alert"}},wS={small:{icon:"medium",pad:"24px 16px",gap:"8px",maxWidth:"36ch"},medium:{icon:"large",pad:"48px 24px",gap:"12px",maxWidth:"40ch"},large:{icon:"large",pad:"80px 24px",gap:"16px",maxWidth:"44ch"}};function kS({type:r="empty",icon:i,title:o,body:n,action:l,size:s="medium",className:c="",sx:d={},...u}){const h=BS[r]||BS.empty,x=wS[s]||wS.medium,m="small"===s?Xa:Ja,p=e.useId(),f=o?p+"-title":void 0,g=n?p+"-body":void 0;return"production"===process.env.NODE_ENV||o||console.warn("[StateMessage] needs a `title`. A state message with no words is an empty box, which is the thing it exists to replace."),t.jsxs(a.Box,{className:"state-message state-message-"+r+" state-message-"+s+" "+c,role:h.role||"group","aria-labelledby":f,"aria-describedby":g,sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",gap:x.gap,padding:x.pad,width:"100%",boxSizing:"border-box",...d},...u,children:[t.jsx(am,{size:x.icon,color:h.iconColor,"aria-hidden":"true",children:i||h.icon}),o&&t.jsx(qa,{id:f,color:h.titleColor,children:o}),n&&t.jsx(m,{id:g,color:"quiet",sx:{maxWidth:x.maxWidth},children:n}),l&&t.jsx(a.Box,{sx:{marginTop:"4px"},children:l})]})}const CS={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},TS={small:{indicator:24,fontSize:"var(--Sm-Button-Numbers, 10px)",dot:"var(--Sm-No-Count-Step, 8px)",connectorThickness:"var(--Sm-Step-Bar, 1px)",gap:0},medium:{indicator:32,fontSize:"var(--Button-Numbers, 12px)",dot:"var(--No-Count-Step, 12px)",connectorThickness:"var(--Step-Bar, 2px)",gap:0},large:{indicator:40,fontSize:"var(--Lg-Button-Numbers, 16px)",dot:"var(--Lg-No-Count-Step, 16px)",connectorThickness:"var(--Lg-Step-Bar, 4px)",gap:0}},MS=e.createContext({orientation:"horizontal",size:"medium",color:"primary",activeStep:0,clickable:!1,onStepClick:null,dashedIncomplete:!1,totalSteps:0,variant:"count"}),AS=()=>e.useContext(MS);function LS({theme:r,surface:i,children:o,orientation:n="horizontal",size:l="medium",color:s="primary",activeStep:c=0,clickable:d=!1,onStepClick:u,dashedIncomplete:h=!1,variant:x="count",className:m="",sx:p={},...f}){const g=e.Children.toArray(o).filter(e.isValidElement),b=g.length,v="horizontal"===n;return t.jsx(MS.Provider,{value:{orientation:n,size:l,color:s,activeStep:c,clickable:d,onStepClick:u,dashedIncomplete:h,totalSteps:b,variant:x},children:t.jsx(a.Box,{component:"ol",role:"list","aria-label":"Progress","data-theme":r||void 0,"data-surface":i||void 0,className:"stepper stepper-"+n+" stepper-"+l+" stepper-"+s+" "+m,sx:{display:"flex",flexDirection:v?"row":"column",alignItems:v?"flex-start":"stretch",listStyle:"none",margin:0,padding:0,width:"100%",gap:0,...p},...f,children:g.map((a,t)=>e.cloneElement(a,{_index:t,key:a.key||t}))})})}function IS({children:e,icon:r,label:i,disabled:o=!1,_index:n=0,className:l="",sx:s={},...c}){const{orientation:d,size:u,color:h,activeStep:x,clickable:m,onStepClick:p,dashedIncomplete:f,totalSteps:g,variant:b}=AS(),v=m&&!o,y=TS[u]||TS.medium,j=CS[h]||"Primary",S="horizontal"===d,z=n===x,B=n<x,w=n>x,k=n===g-1,C=r||n+1,T=i||e,M=w?"var(--Quiet)":"var(--Buttons-"+j+"-Border)",A=z?"var(--Buttons-"+j+"-Button)":"transparent",L=z?"var(--Buttons-"+j+"-Text)":w?"var(--Quiet)":"var(--Text)",I=z?"var(--Buttons-"+j+"-Hover)":"var(--Hover)",N=z?"var(--Buttons-"+j+"-Pressed)":"var(--Pressed)",R="noCount"===b,D=t.jsx(a.Box,{component:v?"button":"div",onClick:v?()=>p?.(n):void 0,onKeyDown:v?e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),p?.(n))}:void 0,tabIndex:v?0:void 0,role:v?"button":void 0,"aria-label":v?"Go to step "+(n+1):void 0,"aria-current":z?"step":void 0,"aria-disabled":o||void 0,className:"step-indicator step-indicator-"+u+(z?" step-indicator-active":"")+(B?" step-indicator-completed":"")+(w?" step-indicator-incomplete":"")+(v?" step-indicator-clickable":""),sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:R?y.dot:y.indicator+"px",height:R?y.dot:y.indicator+"px",minWidth:R?y.dot:y.indicator+"px",minHeight:R?y.dot:y.indicator+"px",borderRadius:"50%",border:"var(--Button-Border-Width, 1px) solid "+M,backgroundColor:A,color:L,fontSize:y.fontSize,fontFamily:"inherit",fontWeight:"var(--Button-Small-Font-Weight, 700)",lineHeight:1,flexShrink:0,position:"relative",transition:"background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease",cursor:o?"not-allowed":v?"pointer":"default",outline:"none",padding:0,...o&&{opacity:"var(--Disabled, 0.38)"},..."small"===u&&{"&::after":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"24px",height:"24px",borderRadius:"50%"}},...v&&{"&:hover":{backgroundColor:I},"&:active":{backgroundColor:N},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px"}}},children:R?null:C}),W=n<x,F=k?null:t.jsx(a.Box,{className:"step-connector"+(W?" step-connector-completed":" step-connector-incomplete")+(f&&!W?" step-connector-dashed":""),"aria-hidden":"true",sx:{flex:1,...S?{height:y.connectorThickness,minWidth:"20px",alignSelf:"flex-start",marginTop:`calc(${y.indicator/2}px - ${y.connectorThickness} / 2)`,marginLeft:"8px",marginRight:"8px"}:{width:y.connectorThickness,minHeight:"24px",marginLeft:`calc(${y.indicator/2}px - ${y.connectorThickness} / 2)`,marginTop:"4px",marginBottom:"4px"},backgroundColor:W?"var(--Buttons-"+j+"-Button)":"var(--Border)",...f&&!W&&{backgroundColor:"transparent",backgroundImage:S?"repeating-linear-gradient(90deg, var(--Border) 0px, var(--Border) 6px, transparent 6px, transparent 12px)":"repeating-linear-gradient(180deg, var(--Border) 0px, var(--Border) 6px, transparent 6px, transparent 12px)",backgroundSize:S?"12px 100%":"100% 12px"},transition:"background-color 0.15s ease"}}),P=T?(()=>{const e="small"===u?at:Xa;return t.jsx(e,{style:{fontWeight:z?600:400,color:z||B?"var(--Text)":"var(--Quiet)",textAlign:S?"center":"left",whiteSpace:"nowrap",lineHeight:1.3},children:T})})():null;return S?t.jsxs(a.Box,{component:"li",className:"step step-"+u+" step-horizontal"+(z?" step-active":"")+(B?" step-completed":"")+(w?" step-incomplete":"")+" "+l,sx:{display:"flex",alignItems:"center",flex:k?"none":1,...s},...c,children:[t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",flexShrink:0},children:[D,P&&t.jsx(a.Box,{sx:{mt:"4px"},children:P})]}),F]}):t.jsxs(a.Box,{component:"li",className:"step step-"+u+" step-vertical"+(z?" step-active":"")+(B?" step-completed":"")+(w?" step-incomplete":"")+" "+l,sx:{display:"flex",flexDirection:"column",alignItems:"flex-start",...s},...c,children:[t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:"8px"},children:[D,P]}),F]})}const NS=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",RS=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],DS=["Account","Details","Review","Confirm","Complete","Done"];function WS({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function FS({color:e,selected:r,onClick:i}){const n=NS(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const PS={small:"var(--Small-Button-Height, 24px)",medium:"var(--Button-Height, 32px)",large:"var(--Large-Button-Height, 56px)"},HS={position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"50%",height:"50%",borderRadius:"50%",backgroundColor:"var(--Background)",display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:"none"},OS={content:'""',position:"absolute",inset:"-3px",borderRadius:"var(--Button-Focus-Radius, 5px)",border:"2px solid var(--Focus-Visible)",pointerEvents:"none"};function ES({color:e,label:r,size:i="medium",selected:n=!1,disabled:l=!1,radio:s=!1,onClick:c,className:d="",sx:u={},"aria-label":h,...x}){const m=Boolean(c)&&!l,p=PS[i]||PS.medium,f=h||r||e,g=t.jsx(a.Box,{className:"swatch-chip",sx:{position:"relative",width:p,height:p,flexShrink:0,borderRadius:"var(--Button-Radius, 2px)",backgroundColor:e,border:"var(--Button-Border-Width, 1px) solid var(--Border)",boxSizing:"border-box",boxShadow:"var(--Effect-Level-0)",transition:"box-shadow 120ms ease",display:"flex",alignItems:"center",justifyContent:"center",...m&&{cursor:"pointer","&:hover":{boxShadow:"var(--Effect-Level-1)",backgroundImage:"linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))"},"&:active":{boxShadow:"var(--Effect-Level-0)",backgroundImage:"linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08))"}}},children:n&&!s?t.jsx(a.Box,{className:"swatch-check",sx:HS,children:t.jsx(o,{"aria-hidden":"true",sx:{width:"80%",height:"80%",color:"var(--Icon, var(--Text))"}})}):null}),b=m?"button":"div";return t.jsxs(a.Box,{component:b,type:m?"button":void 0,onClick:m?c:void 0,disabled:!(!m||!l)||void 0,"aria-pressed":m?n:void 0,"aria-label":f,className:`swatch ${n?"swatch-selected":""} ${d}`.trim(),sx:{position:"relative",display:"inline-flex",flexDirection:"column",alignItems:"center",gap:"var(--Sizing-Half, 4px)",width:"var(--Sizing-7, 56px)",padding:0,background:"none",border:"none",font:"inherit",color:"var(--Text)",...l&&{opacity:.38,pointerEvents:"none"},"&:focus":{outline:"none"},...m&&{"&:focus-visible":{outline:"none","& .swatch-chip::before":OS}},...u},...x,children:[g,s&&m?t.jsx($g,{checked:n,disabled:l,tabIndex:-1,"aria-hidden":"true",onChange:()=>{},sx:{pointerEvents:"none"}}):null,r?t.jsx(a.Box,{component:"span",className:"swatch-label",sx:{fontFamily:"var(--Legal-Font-Family, inherit)",fontSize:"var(--Legal-Font-Size, 10px)",fontWeight:"var(--Legal-Font-Weight, 400)",lineHeight:"var(--Legal-Line-Height, 1.4)",letterSpacing:"var(--Legal-Letter-Spacing, 0)",color:"var(--Text)",textAlign:"center",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:r}):null]})}const VS={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},qS={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"}};function QS({children:e,columns:r,rows:i,footerRows:o,variant:n="default",color:l="primary",loading:s=!1,skeletonRows:c=3,empty:d,error:u,size:h="medium",stripe:x="none",stickyHeader:m=!1,stickyFooter:p=!1,className:f="",sx:g={},...b}){const v=qS[h]||qS.medium,y="solid"===n,j="outlined"===n,S="light"===n,z=(e=>e.charAt(0).toUpperCase()+e.slice(1))(l),B=j?"1px solid var(--Buttons-"+z+"-Border)":"none",w={};y&&VS[l]&&(w["data-theme"]=VS[l]);const k=()=>{const e={fontWeight:600,fontSize:v.headerFontSize,textAlign:"left",padding:v.py+" "+v.px,borderBottom:"2px solid var(--Border)",color:"var(--Text)",whiteSpace:"nowrap"};return S?(e.backgroundColor="var(--Buttons-"+z+"-Button)",e.color="var(--Buttons-"+z+"-Text)"):e.backgroundColor=y?"var(--Hover)":"var(--Background)",m&&(e.position="sticky",e.top=0,e.zIndex=2),e},C=()=>{const e={fontWeight:600,fontSize:v.headerFontSize,textAlign:"left",padding:v.py+" "+v.px,borderTop:"2px solid var(--Border)",color:"var(--Text)",whiteSpace:"nowrap"};return S?(e.backgroundColor="var(--Buttons-"+z+"-Button)",e.color="var(--Buttons-"+z+"-Text)"):e.backgroundColor=y?"var(--Hover)":"var(--Background)",p&&(e.position="sticky",e.bottom=0,e.zIndex=2),e},T=e=>"none"===x?"Surface":"odd"===x?e%2==0?"Surface":"Surface-Dim":"even"===x&&e%2==0?"Surface-Dim":"Surface",M=()=>({padding:v.py+" "+v.px,fontSize:v.fontSize,color:"var(--Text)",borderBottom:"1px solid var(--Border)",textAlign:"left"}),A=u?"error":s?"loading":i&&0===i.length&&d?"empty":null,L=Boolean(o&&o.length>0)&&"error"!==A,I=e=>t.jsx(a.Box,{component:"tbody",children:t.jsx(a.Box,{component:"tr",children:t.jsx(a.Box,{component:"td",colSpan:r?r.length:1,sx:{padding:0,border:"none"},children:e})})});return t.jsx(a.Box,{className:"table-wrapper table-"+n+(y||S||j?" table-"+l:"")+" "+f,...w,"aria-busy":"loading"===A?"true":void 0,sx:{width:"100%",overflow:"auto",border:B,borderRadius:j||S?"var(--Style-Border-Radius)":0,...g},children:t.jsx(a.Box,{component:"table",sx:{width:"100%",borderCollapse:"collapse",tableLayout:"fixed",fontFamily:"inherit","& thead th":k(),"& tbody td":M(),"& tfoot td, & tfoot th":C(),...m?{"& thead th":{...k(),position:"sticky",top:0,zIndex:2}}:{},...p?{"& tfoot td, & tfoot th":{...C(),position:"sticky",bottom:0,zIndex:2}}:{}},...b,children:r&&i?r&&(i||A)?t.jsxs(t.Fragment,{children:[t.jsx(a.Box,{component:"thead",children:t.jsx(a.Box,{component:"tr",children:r.map((e,r)=>t.jsx(a.Box,{component:"th",sx:{...k(),...e.width?{width:e.width}:{},...e.align?{textAlign:e.align}:{}},children:e.label||e.header||e},"h-"+r))})}),"loading"===A&&I(t.jsx(ma,{label:"Loading",children:t.jsx(a.Box,{component:"table",sx:{width:"100%",borderCollapse:"collapse",tableLayout:"fixed"},children:t.jsx(a.Box,{component:"tbody",children:Array.from({length:c}).map((e,i)=>t.jsx(a.Box,{component:"tr","data-surface":T(i),children:r.map((e,r)=>t.jsx(a.Box,{component:"td",sx:M(),children:"        "},"skc-"+i+"-"+r))},"sk-"+i))})})})),"error"===A&&I(u),"empty"===A&&I(d),!A&&i&&t.jsx(a.Box,{component:"tbody",children:i.map((e,i)=>t.jsx(a.Box,{component:"tr","data-surface":T(i),sx:{backgroundColor:"var(--"+T(i)+")"},children:(Array.isArray(e)?e:r.map(a=>e[a.field||a.key])).map((e,o)=>t.jsx(a.Box,{component:"td",sx:{...M(),...r[o]&&r[o].align?{textAlign:r[o].align}:{}},children:e},"c-"+i+"-"+o))},"r-"+i))}),L&&t.jsx(a.Box,{component:"tfoot",children:o.map((e,i)=>t.jsx(a.Box,{component:"tr",children:(Array.isArray(e)?e:r.map(a=>e[a.field||a.key])).map((e,o)=>t.jsx(a.Box,{component:"td",sx:{...C(),...r[o]&&r[o].align?{textAlign:r[o].align}:{},..."loading"===A?xa():{}},children:e},"fc-"+i+"-"+o))},"f-"+i))})]}):null:e})})}function GS({label:r,value:i="",onChange:o,placeholder:n,error:l=!1,errorMessage:s="",disabled:c=!1,helperText:d="",variant:u="outlined",size:h="medium",type:x="text",required:m=!1,fullWidth:p=!0,startAdornment:f,endAdornment:g,sx:b={},"aria-label":v,"aria-labelledby":y,onFocus:j,onBlur:S,...z}){const[B,w]=e.useState(!1),k=l?"var(--Buttons-Error-Border)":B?"var(--Buttons-Primary-Border)":"var(--Border)",C=l||B?"var(--Text)":"var(--Text-Quiet)",T="var(--Text)";return t.jsxs(a.Box,{sx:{width:p?"100%":"auto"},children:[t.jsx(a.TextField,{label:r,value:i,onChange:o,placeholder:n,disabled:c,variant:u,size:h,type:x,required:m,onFocus:e=>{w(!0),j?.(e)},onBlur:e=>{w(!1),S?.(e)},error:l,fullWidth:p,slotProps:{htmlInput:{...v?{"aria-label":v}:{},...y?{"aria-labelledby":y}:{}},input:{"data-surface":c?"Container-Low":"Container",style:{color:T},startAdornment:f?t.jsx(a.InputAdornment,{position:"start",children:f}):void 0,endAdornment:g?t.jsx(a.InputAdornment,{position:"end",children:g}):void 0}},sx:{width:p?"100%":"auto","& .MuiOutlinedInput-root":{backgroundColor:"var(--Background)",transition:"all 0.2s ease-in-out",color:T,"& 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:"var(--Disabled, 0.38)"}},"& .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:"var(--Disabled, 0.38)"}},"& .MuiFormHelperText-root":{color:l?"var(--Buttons-Error-Border)":"var(--Text-Secondary)",marginTop:"4px",fontSize:"12px"},...b},...z}),l&&s&&t.jsx(a.FormHelperText,{error:!0,sx:{color:"var(--Buttons-Error-Border)",marginTop:"4px",fontSize:"12px",fontWeight:500},children:s})]})}const US={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 XS({items:r=[],value:i,defaultValue:o,onChange:n,type:l="floating",orientation:s="horizontal",color:c="default",fab:d,className:u="",sx:h={},...x}){const[m,p]=e.useState(o??null),f=void 0!==i,g=f?i:m,b=e.useCallback(e=>{const a=g===e?null:e;f||p(a),n?.(a)},[f,g,n]),v=US[c]||US.default,y=v.theme,j=v.surface,S="vertical"===s,z="floating"===l,B=t.jsx(a.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:z?"56px":"var(--Style-Border-Radius)",padding:z?"8px 16px":"8px",fontFamily:"inherit",flexShrink:0,...z&&{boxShadow:lm},...h},...x,children:r.map((e,a)=>{const r=g===a;return t.jsx(zp,{iconOnly:!0,variant:r?"default":"ghost",size:"small",onClick:()=>b(a),"aria-label":e.label,"aria-checked":r,role:"radio",children:t.jsx(am,{size:"small",sx:{color:"inherit"},children:e.icon})},e.key||a)})});return d&&z?t.jsxs(a.Box,{sx:{display:"inline-flex",flexDirection:S?"column":"row",alignItems:"center",gap:1},children:[B,t.jsx(zp,{iconOnly:!0,variant:"default",size:"large",onClick:d.onClick,"aria-label":d.label||"Action",sx:{borderRadius:"50%",width:56,height:56,minWidth:"unset",minHeight:"unset"},children:t.jsx(am,{size:"medium",sx:{color:"inherit"},children:d.icon})})]}):B}const YS=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",JS=[{icon:t.jsx(qe,{}),label:"Bold"},{icon:t.jsx(Qe,{}),label:"Italic"},{icon:t.jsx(Ge,{}),label:"Underline"},{icon:t.jsx(Ue,{}),label:"Align left"},{icon:t.jsx(Xe,{}),label:"Align center"}];function ZS({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const $S=xm,KS={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},_S={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},ez={small:{fontSize:"12px",py:"var(--Sm-Tooltip-Padding, 4px)",px:"var(--Sm-Tooltip-Padding, 4px)",gap:"var(--Sm-Tooltip-Gap, 2px)",arrowW:"var(--Sm-Tooltip-Arrow-Width, 12px)",arrowH:"var(--Sm-Tooltip-Arrow-Height, 6px)",arrowVisible:"var(--Sm-Tooltip-Visible-Arrow-Height, 4px)",maxWidth:200},medium:{fontSize:"13px",py:"var(--Tooltip-Padding, 8px)",px:"var(--Tooltip-Padding, 8px)",gap:"var(--Tooltip-Gap, 4px)",arrowW:"var(--Tooltip-Arrow-Width, 16px)",arrowH:"var(--Tooltip-Arrow-Height, 8px)",arrowVisible:"var(--Tooltip-Visible-Arrow-Height, 6px)",maxWidth:280},large:{fontSize:"14px",py:"var(--Lg-Tooltip-Padding, 12px)",px:"var(--Lg-Tooltip-Padding, 12px)",gap:"var(--Lg-Tooltip-Gap, 8px)",arrowW:"var(--Lg-Tooltip-Arrow-Width, 20px)",arrowH:"var(--Lg-Tooltip-Arrow-Height, 10px)",arrowVisible:"var(--Lg-Tooltip-Visible-Arrow-Height, 7px)",maxWidth:360}};function az({children:e,title:r,variant:i="solid",color:o="black-white",size:n="medium",placement:l="bottom",arrow:s=!0,open:c,enterDelay:d=100,leaveDelay:u=0,describeChild:h=!1,className:x="",sx:m={},...p}){const f=ez[n]||ez.medium,g="solid"===i,b="light"===i,v="outline"===i,y=$S(o),j=(e=>String(e).startsWith("left")||String(e).startsWith("right"))(l),S=g?KS[o]:b?_S[o]:null,z="var(--Buttons-"+y+"-Button)",B="var(--Buttons-"+y+"-Text)",w=v?"1px solid var(--Buttons-"+y+"-Border)":"none",k=z,C=void 0===c?{}:{open:c};return t.jsx(a.Tooltip,{title:r?t.jsx(a.Box,{"data-theme":S||void 0,"data-surface":b?"Surface-Brightest":g?"Surface":void 0,className:"tooltip-content tooltip-"+i+" tooltip-"+o+" tooltip-"+n+" "+x,sx:{backgroundColor:z,color:B,border:w,borderRadius:"var(--Tooltip-Radius, var(--Style-Border-Radius))",fontSize:f.fontSize,lineHeight:1.5,fontFamily:"inherit",padding:f.py+" "+f.px,maxWidth:f.maxWidth+"px",display:"flex",alignItems:"center",gap:f.gap,boxShadow:"var(--Effect-Level-2)",...m},children:r}):"",placement:l,arrow:s,enterDelay:d,leaveDelay:u,describeChild:h,...C,componentsProps:{tooltip:{sx:{backgroundColor:"transparent",padding:0,maxWidth:"none",boxShadow:"none"}},arrow:{sx:{color:k,width:j?f.arrowVisible:f.arrowW,height:j?f.arrowW:f.arrowVisible,"&::before":{border:v?"1px solid var(--Buttons-"+y+"-Border)":"none",backgroundColor:k,boxSizing:"border-box",width:"100%",height:"100%"}}}},...p,children:e})}const tz={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}},rz={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 iz=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",oz=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],nz=e=>t.jsx(a.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:e,flexShrink:0}}),lz=[{id:"1",label:"Documents",icon:t.jsx(Pe,{}),badge:nz("var(--Warning-Text, orange)"),children:[{id:"1-1",label:"Company",icon:t.jsx(Ye,{}),badge:nz("var(--Warning-Text, orange)"),children:[{id:"1-1-1",label:"Invoice",icon:t.jsx(Ze,{})},{id:"1-1-2",label:"Meeting notes",icon:t.jsx(Je,{})},{id:"1-1-3",label:"Tasks list",icon:t.jsx(Je,{})},{id:"1-1-4",label:"Equipment",icon:t.jsx(Ze,{})},{id:"1-1-5",label:"Video conference",icon:t.jsx($e,{})}]},{id:"1-2",label:"Personal",icon:t.jsx(Pe,{})},{id:"1-3",label:"Group photo",icon:t.jsx(He,{})}]},{id:"2",label:"Bookmarked",icon:t.jsx(We,{}),children:[{id:"2-1",label:"Favourites",icon:t.jsx(Je,{})}]},{id:"3",label:"History",icon:t.jsx(Pe,{})},{id:"4",label:"Trash",icon:t.jsx(y,{}),disabled:!0}],sz=JSON.stringify(Iy,null,2);function cz({ratio:e,threshold:r}){if(!e)return t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"--"});const i=parseFloat(e)>=r;return t.jsxs(a.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[t.jsxs(a.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:i?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:[e,":1"]}),t.jsx(at,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function dz({label:e,ratio:r,threshold:i,note:o}){return t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(a.Box,{sx:{flex:1},children:[t.jsx(Xa,{style:{color:"var(--Text)"},children:e}),o&&t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:o})]}),t.jsx(cz,{ratio:r,threshold:i})]})}function uz({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function hz({color:e,selected:r,onClick:i}){const n=iz(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}function xz({value:r,onChange:i}){const[o,n]=e.useState(r),[l,s]=e.useState(null);return t.jsxs(a.Box,{children:[t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)"},children:"TREE DATA (JSON)"}),t.jsx(zp,{variant:"ghost",size:"small",onClick:()=>{n(sz),s(null),i(Iy)},children:"Reset"})]}),t.jsx(a.Box,{component:"textarea",value:o,onChange:e=>{n(e.target.value);try{const a=JSON.parse(e.target.value);s(null),i(a)}catch(e){s(e.message)}},spellCheck:!1,rows:10,sx:{width:"100%",fontFamily:"monospace",fontSize:"11px",backgroundColor:"#1e1e1e",color:l?"#f87171":"#e5e7eb",border:"1px solid "+(l?"#f87171":"#333"),borderRadius:"6px",padding:"10px",resize:"vertical",outline:"none",boxSizing:"border-box",lineHeight:1.5,"&:focus":{borderColor:"var(--Focus-Visible)"}}}),l&&t.jsxs(at,{style:{color:"#f87171",display:"block",marginTop:4},children:["JSON error: ",l]})]})}const mz=["outlined","light","ghost"];let pz=!1;function fz(e){pz||"production"===process.env.NODE_ENV||(pz=!0,console.warn(`[OmniDesign] ToggleButtonGroup: ${e} This is MUI's shape and still works; it will be removed in the next major. The native form is \`multiple\` (not \`exclusive\`), onChange(value, event), \`color\` for the palette and \`variant\` for the shape.`))}function gz({variant:e,color:a,exclusive:r,multiple:i,onChange:o,allowEmpty:n=!1,separated:l=!1,...s}){const c=void 0===e||mz.includes(e);c||fz(`variant="${e}" names a COLOR.`),void 0!==r&&fz("`exclusive` is `multiple` inverted.");const d=void 0!==i?i:void 0!==r&&!r,u=!c||void 0!==r;return t.jsx(Cb,{__selectionOwner:!0,variant:c&&e||"outlined",color:void 0!==a?a:c?void 0:e,multiple:d,allowEmpty:n,separated:l,onChange:o?u?(e,a)=>o(a,e):o:void 0,...s})}const bz=e=>{const a=a=>t.jsx(gz,{color:e,...a});return a.displayName=`${e}ToggleButtonGroup`,a},vz=bz("default"),yz=bz("primary"),jz=bz("secondary"),Sz=bz("tertiary"),zz=bz("neutral"),Bz=bz("black-white"),wz=bz("info"),kz=bz("success"),Cz=bz("warning"),Tz=bz("error"),Mz=[{icon:t.jsx(v,{}),label:"Home"},{icon:t.jsx(S,{}),label:"Search"},{icon:t.jsx(b,{}),label:"Favorites",badge:3},{icon:t.jsx(B,{}),label:"Profile"},{icon:t.jsx(j,{}),label:"Settings"}],Az=[{label:"Home"},{label:"Inbox"},{label:"Projects"},{label:"Settings"}],Lz=[{label:"Dessert",field:"name",width:"50%"},{label:"Calories",field:"calories",align:"right"},{label:"Fat (g)",field:"fat",align:"right"}],Iz=[{name:"Frozen yoghurt",calories:159,fat:6},{name:"Ice cream sandwich",calories:237,fat:9},{name:"Eclair",calories:262,fat:16}],Nz=[{value:"light",label:"Light"},{value:"dark",label:"Dark"},{value:"system",label:"System"}],Rz=[{icon:t.jsx(qe,{}),label:"Bold"},{icon:t.jsx(Qe,{}),label:"Italic"},{icon:t.jsx(Ge,{}),label:"Underline"}],Dz=[{id:"src",label:"src",children:[{id:"components",label:"components",children:[{id:"button",label:"Button.js"},{id:"card",label:"Card.js"}]},{id:"index",label:"index.js"}]},{id:"readme",label:"README.md"}],Wz=({w:e=320,h:a,children:r})=>t.jsx("div",{style:{width:e,height:a,position:"relative",overflow:"hidden"},children:r}),Fz=()=>{const[a,r]=e.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(zp,{onClick:()=>r(!0),children:"Open modal"}),t.jsx(Aj,{open:a,onClose:()=>r(!1),title:"Rename project",children:t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsx(Ja,{children:"Modals take the whole screen's attention, so they owe the reader a way out."}),t.jsx(zp,{onClick:()=>r(!1),children:"Done"})]})})]})},Pz=()=>{const[a,r]=e.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(zp,{onClick:()=>r(!0),children:"Open dialog"}),t.jsx(zy,{open:a,onClose:()=>r(!1),title:"Discard changes?",actions:t.jsxs(t.Fragment,{children:[t.jsx(zp,{variant:"outline",onClick:()=>r(!1),children:"Keep editing"}),t.jsx(zp,{variant:"error",onClick:()=>r(!1),children:"Discard"})]}),children:t.jsx(Ja,{children:"This cannot be undone."})})]})},Hz=()=>{const[a,r]=e.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(zp,{onClick:()=>r(!0),children:"Open drawer"}),t.jsx(zv,{open:a,onClose:()=>r(!1),children:t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)",minWidth:240},children:[t.jsx(Pa,{children:"Filters"}),t.jsx(Xy,{items:Az,clickable:!0}),t.jsx(zp,{onClick:()=>r(!1),children:"Close"})]})})]})},Oz=()=>{const[a,r]=e.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(zp,{onClick:()=>r(!0),children:"Show snackbar"}),t.jsx(bS,{open:a,onClose:()=>r(!1),color:"success",autoHideDuration:4e3,children:"Project saved."})]})},Ez=()=>{const[a,r]=e.useState(!1),i=e.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsx(zp,{ref:i,onClick:()=>r(e=>!e),children:"Open popover"}),t.jsx(Ij,{open:a,onClose:()=>r(!1),anchorRef:i,width:260,children:t.jsx(Hb,{gap:"var(--Sizing-1)",style:{padding:"var(--Sizing-2)"},children:t.jsx(Ja,{children:"A panel anchored to the thing that opened it, rendered through a portal so no ancestor can clip it."})})})]})};function Vz(){const[a,r]=e.useState("left");return t.jsxs(gz,{value:a,onChange:r,"aria-label":"Alignment",children:[t.jsx(zp,{value:"left",children:"Left"}),t.jsx(zp,{value:"center",children:"Center"}),t.jsx(zp,{value:"right",children:"Right"})]})}function qz(){return t.jsxs(Hb,{gap:"var(--Sizing-3)",style:{alignItems:"flex-start"},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start"},children:[t.jsx(at,{color:"quiet",children:"ButtonGroup — three things you can do"}),t.jsxs(Cb,{"aria-label":"Actions",children:[t.jsx(zp,{onClick:()=>{},children:"Save"}),t.jsx(zp,{onClick:()=>{},children:"Duplicate"}),t.jsx(zp,{onClick:()=>{},children:"Delete"})]})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start"},children:[t.jsx(at,{color:"quiet",children:"ToggleButtonGroup — one answer, and never none"}),t.jsx(Vz,{})]})]})}const Qz={ButtonGroup:()=>t.jsx(qz,{}),ToggleButtonGroup:()=>t.jsx(Vz,{}),AppBar:()=>t.jsx(Wz,{w:"100%",children:t.jsx(Lv,{navLinks:[{label:"Work"},{label:"Studio"},{label:"Contact"}]})}),Autocomplete:()=>t.jsx(Wz,{children:t.jsx(Vv,{label:"Theme",options:["Light","Dark","System","High contrast"],placeholder:"Type to search"})}),BottomNavigation:()=>t.jsx(Wz,{w:360,children:t.jsx(ty,{items:Mz.slice(0,4),defaultValue:0})}),CodeBlock:()=>t.jsx(Wz,{w:"100%",children:t.jsx(Bf,{code:"npm install @omni-design/components",language:"bash"})}),Dialog:()=>t.jsx(Pz,{}),Drawer:()=>t.jsx(Hz,{}),DropZone:()=>t.jsx(Wz,{w:360,children:t.jsx(Fy,{label:"Drop a file here",sublabel:"PNG or SVG, up to 2 MB"})}),IconBadge:()=>t.jsx(Ey,{color:"primary",children:t.jsx(u,{})}),List:()=>t.jsx(Wz,{children:t.jsx(Xy,{items:Az,clickable:!0})}),Loader:()=>t.jsx(cj,{message:"Loading projects…"}),Menu:()=>t.jsxs(fj,{children:[t.jsx(gj,{children:"Actions"}),t.jsxs(bj,{children:[t.jsx(vj,{children:"Rename"}),t.jsx(vj,{children:"Duplicate"}),t.jsx(yj,{}),t.jsx(vj,{disabled:!0,children:"Delete"})]})]}),Modal:()=>t.jsx(Fz,{}),Paper:()=>t.jsx(Lj,{surface:"Container",children:t.jsxs(Hb,{gap:"var(--Sizing-1)",style:{padding:"var(--Sizing-3)",minWidth:220},children:[t.jsx(Pa,{children:"Paper"}),t.jsx(Ja,{children:"A surface at one container level, with the elevation that level implies."})]})}),Popover:()=>t.jsx(Ez,{}),Rail:()=>t.jsx(Wz,{w:88,h:320,children:t.jsx(Pj,{items:Mz,defaultValue:0})}),Ratio:()=>t.jsx(Wz,{w:240,children:t.jsx(Xj,{ratio:"16:9"})}),SearchField:()=>t.jsx(Wz,{children:t.jsx(iv,{placeholder:"Search projects…"})}),Select:()=>t.jsx(Wz,{children:t.jsx(vm,{label:"Appearance",options:Nz,defaultValue:"system"})}),Sidebar:()=>t.jsx(Wz,{w:280,h:320,children:t.jsx(pS,{variant:"permanent",open:!0,items:Az,width:280})}),Snackbar:()=>t.jsx(Oz,{}),StateMessage:()=>t.jsx(Wz,{w:360,children:t.jsx(kS,{type:"empty",title:"No projects yet",body:"Create one to get started.",action:t.jsx(zp,{size:"small",children:"New project"})})}),Stepper:()=>t.jsx(Wz,{w:360,children:t.jsxs(LS,{activeStep:1,children:[t.jsx(IS,{label:"Colors"}),t.jsx(IS,{label:"Type"}),t.jsx(IS,{label:"Export"})]})}),Swatch:()=>t.jsx(ES,{color:"#70947b",label:"Primary"}),Table:()=>t.jsx(Wz,{w:"100%",children:t.jsx(QS,{columns:Lz,rows:Iz})}),Tag:()=>t.jsx(Zy,{color:"primary",children:"Beta"}),TextField:()=>t.jsx(Wz,{children:t.jsx(GS,{label:"Project name",placeholder:"Untitled"})}),Toolbar:()=>t.jsx(XS,{items:Rz,defaultValue:0}),Tooltip:()=>t.jsx(az,{title:"Rename this project",children:t.jsx(zp,{variant:"outline",children:"Hover me"})}),TreeView:()=>t.jsx(Wz,{children:t.jsx(Ly,{items:Dz,defaultExpandedItems:["src","components"]})})},Gz="npm install @omni-design/components",Uz={Button:{selected:()=>t.jsx(_b,{offLabel:"unselected",onLabel:"selected",render:e=>t.jsx(zp,{variant:"outline",selected:e,children:"Bold"})}),avatar:()=>t.jsx(_b,{offLabel:"text button",onLabel:"avatar",render:e=>e?t.jsx(zp,{avatar:!0,"aria-label":"Jane Doe",children:t.jsx(Jm,{})}):t.jsx(zp,{children:"Jane Doe"})}),letterNumber:()=>t.jsx(_b,{offLabel:"text button",onLabel:"letterNumber",render:e=>e?t.jsx(zp,{letterNumber:!0,"aria-label":"3 unread",children:"3"}):t.jsx(zp,{children:"3 unread"})}),swatch:()=>t.jsx(_b,{offLabel:"ordinary button",onLabel:"swatch",render:e=>e?t.jsx(zp,{swatch:!0,"aria-label":"Brand green",style:{background:"#70947b"}}):t.jsx(zp,{children:"Brand green"})})},Chip:{variant:()=>t.jsx($b,{values:Yb,defaultValue:"primary",render:e=>t.jsx(Rp,{variant:e,label:e})}),selected:()=>t.jsx(_b,{render:e=>t.jsx(Rp,{label:"Design",selected:e,clickable:!0}),offLabel:"unselected",onLabel:"selected"}),clickable:()=>t.jsx(_b,{render:e=>t.jsx(Rp,{label:"Design",clickable:e}),offLabel:"static",onLabel:"clickable"}),disabled:()=>t.jsx(_b,{render:e=>t.jsx(Rp,{label:"Design",clickable:!0,disabled:e}),offLabel:"enabled",onLabel:"disabled"})},Badge:{variant:()=>t.jsx($b,{values:Yb,defaultValue:"primary",render:e=>t.jsx(ip,{variant:e,badgeContent:4,children:t.jsx(am,{children:t.jsx(d,{})})})}),dot:()=>t.jsx(_b,{render:e=>t.jsx(ip,{dot:e,badgeContent:4,children:t.jsx(am,{children:t.jsx(d,{})})}),offLabel:"count",onLabel:"dot"}),showZero:()=>t.jsx(_b,{render:e=>t.jsx(ip,{showZero:e,badgeContent:0,children:t.jsx(am,{children:t.jsx(d,{})})}),offLabel:"0 hidden",onLabel:"0 shown"}),invisible:()=>t.jsx(_b,{render:e=>t.jsx(ip,{invisible:e,badgeContent:4,children:t.jsx(am,{children:t.jsx(d,{})})}),offLabel:"visible",onLabel:"invisible"}),overlap:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Zb,{label:"rectangular",emphasis:!0,children:t.jsx(ip,{badgeContent:4,overlap:"rectangular",children:t.jsx(Jm,{initials:"JD"})})}),t.jsx(Zb,{label:"circular",children:t.jsx(ip,{badgeContent:4,overlap:"circular",children:t.jsx(Jm,{initials:"JD"})})})]})},Alert:{color:()=>t.jsx(Kb,{values:["info","success","warning","error"],defaultValue:"info",render:e=>t.jsxs(If,{color:e,children:[e," — something worth saying."]})}),size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>t.jsxs(If,{color:"info",size:e,children:["Size ",e,"."]})})},Avatar:{defaultPhoto:()=>t.jsx(_b,{render:e=>t.jsx(Jm,{defaultPhoto:e}),offLabel:"no photo",onLabel:"default photo"}),size:()=>t.jsx($b,{values:Jb,defaultValue:"medium",render:e=>t.jsx(Jm,{size:e,initials:"JD"})}),clickable:()=>t.jsx(_b,{render:e=>t.jsx(Jm,{initials:"JD",clickable:e,"aria-label":e?"Jane Doe, open menu":void 0}),offLabel:"static",onLabel:"clickable"})},Icon:{color:()=>t.jsx($b,{values:["default",...Yb,"quiet"],defaultValue:"default",render:e=>t.jsx(am,{color:e,children:t.jsx(b,{})})}),size:()=>t.jsx($b,{values:["xxs","xs","small","medium","large","xl","xxl"],defaultValue:"medium",render:e=>t.jsx(am,{size:e,color:"primary",children:t.jsx(b,{})})}),twoTone:()=>t.jsx(_b,{render:e=>t.jsx(am,{color:"primary",twoTone:e,size:"large",children:t.jsx(b,{})}),offLabel:"solid",onLabel:"twoTone"}),disabled:()=>t.jsx(_b,{render:e=>t.jsx(am,{color:"primary",disabled:e,children:t.jsx(b,{})}),offLabel:"enabled",onLabel:"disabled"})},Swatch:{size:()=>t.jsx($b,{values:Jb,defaultValue:"medium",render:e=>t.jsx(ES,{color:"#70947b",size:e,label:e})}),selected:()=>t.jsx(_b,{render:e=>t.jsx(ES,{color:"#70947b",label:"Primary",selected:e}),offLabel:"unselected",onLabel:"selected"}),disabled:()=>t.jsx(_b,{render:e=>t.jsx(ES,{color:"#70947b",label:"Primary",disabled:e}),offLabel:"enabled",onLabel:"disabled"}),radio:()=>t.jsx(_b,{render:e=>t.jsx(ES,{color:"#70947b",label:"Primary",radio:e,selected:!0}),offLabel:"chip carries it",onLabel:"radio carries it"})},Tag:{color:()=>t.jsx($b,{values:["default",...Yb],defaultValue:"primary",render:e=>t.jsx(Zy,{color:e,children:e})}),width:()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{width:200},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"hug"}),t.jsx(Zy,{color:"primary",children:"Beta"})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"fill"}),t.jsx(Zy,{color:"primary",width:"fill",children:"Beta"})]})]}),allCaps:()=>t.jsx(_b,{render:e=>t.jsx(Zy,{color:"primary",allCaps:e,children:"Beta"}),offLabel:"as written",onLabel:"allCaps"})},IconBadge:{color:()=>t.jsx($b,{values:["default",...Yb],defaultValue:"primary",render:e=>t.jsx(Ey,{color:e,children:t.jsx(d,{})})}),size:()=>t.jsxs(Hb,{gap:"var(--Sizing-1)",children:[t.jsx(Ey,{color:"primary",children:t.jsx(d,{})}),t.jsx(Ja,{color:"quiet",children:"One size. `size` was removed and the component warns if you pass it — the prop table above still lists three values, which is a doc bug."})]})},Link:{disabled:()=>t.jsx(_b,{render:e=>t.jsx(It,{href:"#",disabled:e,children:"Read the guide"}),offLabel:"enabled",onLabel:"disabled"})},Divider:{color:()=>t.jsx(Kb,{values:["border","border-variant",...Yb],defaultValue:"border-variant",render:e=>t.jsx(Fg,{color:e})}),orientation:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{alignItems:"flex-start"},children:[t.jsx(Zb,{label:"horizontal",emphasis:!0,width:160,children:t.jsx("div",{style:{width:160},children:t.jsx(Fg,{})})}),t.jsx(Zb,{label:"vertical",width:60,children:t.jsx("div",{style:{height:60,display:"flex"},children:t.jsx(Fg,{orientation:"vertical",style:{alignSelf:"stretch"}})})})]}),size:()=>t.jsx(Kb,{values:Jb,defaultValue:"small",render:e=>t.jsx(Fg,{size:e,color:"primary"})}),indicatorStyle:()=>t.jsx(Kb,{values:["outline","solid"],defaultValue:"outline",render:e=>t.jsx(Fg,{indicatorText:"OR",indicatorStyle:e,color:"primary"})}),textAlign:()=>t.jsx(Kb,{values:["left","center","right"],defaultValue:"center",render:e=>t.jsx(Fg,{indicatorText:"OR",textAlign:e})})},Loader:{color:()=>t.jsx($b,{values:["default",...Yb],defaultValue:"primary",render:e=>t.jsx(cj,{color:e,size:"small",message:""})}),size:()=>t.jsx($b,{values:Jb,defaultValue:"medium",render:e=>t.jsx(cj,{size:e,message:""})})},StateMessage:{type:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:360},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"empty"}),t.jsx(kS,{type:"empty",title:"No projects yet",body:"Create one to get started."})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"error"}),t.jsx(kS,{type:"error",title:"Could not load",body:"Check your connection and try again."})]}),t.jsx(Ja,{color:"quiet",children:"The prop table lists a third, `no-results`. The component defines only these two, so it resolves to `empty` — a doc bug rather than a type."})]}),size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>t.jsx(kS,{type:"empty",size:e,title:"No projects yet",body:"Create one to get started."})})},Fab:{variant:()=>t.jsx($b,{values:["solid","outline","ghost"],defaultValue:"solid",render:e=>t.jsx(kg,{variant:e,icon:t.jsx(am,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add, "+e})})},Rating:{color:()=>t.jsx($b,{values:["default",...Yb],defaultValue:"default",render:e=>t.jsx(lb,{color:e,defaultValue:3,readOnly:!0})}),size:()=>t.jsx($b,{values:Jb,defaultValue:"medium",render:e=>t.jsx(lb,{size:e,defaultValue:3,readOnly:!0})}),readOnly:()=>t.jsx(_b,{render:e=>t.jsx(lb,{defaultValue:3,readOnly:e}),offLabel:"interactive",onLabel:"readOnly"})},CodeBlock:{showCopy:()=>t.jsx(Kb,{values:[!0,!1],defaultValue:!0,render:e=>t.jsx(Bf,{code:Gz,language:"bash",showCopy:e})}),showHeader:()=>t.jsx(Kb,{values:[!0,!1],defaultValue:!0,render:e=>t.jsx(Bf,{code:Gz,language:"bash",showHeader:e})}),wrap:()=>t.jsx(Kb,{values:[!1,!0],defaultValue:!1,render:e=>t.jsx(Bf,{language:"bash",wrap:e,code:"npx @omni-design/cli generate --theme primary --surface Surface-Bright --out ./tokens"})})}},Xz=220,Yz=(e,a=Xz)=>t.jsx("div",{style:{width:a},children:e}),Jz=["default",...Yb,"black-white"],Zz=["default",...Yb],$z={Checkbox:{variant:()=>t.jsx($b,{values:Jz,defaultValue:"primary",render:e=>t.jsx(sg,{variant:e,defaultChecked:!0,label:e})}),size:()=>t.jsx($b,{values:Jb,defaultValue:"medium",render:e=>t.jsx(sg,{size:e,defaultChecked:!0,label:e})}),"checked / defaultChecked":()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Zb,{label:"unchecked",emphasis:!0,children:t.jsx(sg,{label:"Unchecked"})}),t.jsx(Zb,{label:"checked",children:t.jsx(sg,{defaultChecked:!0,label:"Checked"})})]}),indeterminate:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Zb,{label:"false",emphasis:!0,children:t.jsx(sg,{defaultChecked:!0,label:"All"})}),t.jsx(Zb,{label:"indeterminate",children:t.jsx(sg,{indeterminate:!0,label:"Some"})})]}),disabled:()=>t.jsx(_b,{render:e=>t.jsx(sg,{defaultChecked:!0,disabled:e,label:"Email me"}),offLabel:"enabled",onLabel:"disabled"})},Radio:{color:()=>t.jsx($b,{values:Jz,defaultValue:"primary",render:e=>t.jsx($g,{color:e,checked:!0,label:e,name:"c-"+e})}),size:()=>t.jsx($b,{values:Jb,defaultValue:"medium",render:e=>t.jsx($g,{size:e,checked:!0,label:e,name:"s-"+e})}),labelPlacement:()=>t.jsx(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["end","start","top","bottom"].map(e=>t.jsx(Zb,{label:e,emphasis:"end"===e,children:t.jsx($g,{checked:!0,labelPlacement:e,label:"Option",name:"p-"+e})},e))}),checked:()=>t.jsxs(Kg,{defaultValue:"b",name:"demo",children:[t.jsx($g,{value:"a",label:"Light"}),t.jsx($g,{value:"b",label:"Dark"}),t.jsx($g,{value:"c",label:"System"})]}),disabled:()=>t.jsx(_b,{render:e=>t.jsx($g,{checked:!0,disabled:e,label:"Dark",name:"d-"+e}),offLabel:"enabled",onLabel:"disabled"})},SwitchInput:{variant:()=>t.jsx($b,{values:Zz,defaultValue:"default",render:e=>t.jsx(Hf,{variant:e,defaultChecked:!0,label:e})}),size:()=>t.jsx($b,{values:Jb,defaultValue:"medium",render:e=>t.jsx(Hf,{size:e,defaultChecked:!0,label:e})}),"checked / defaultChecked":()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Zb,{label:"off",emphasis:!0,children:t.jsx(Hf,{label:"Notifications"})}),t.jsx(Zb,{label:"on",children:t.jsx(Hf,{defaultChecked:!0,label:"Notifications"})})]}),icon:()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsx($b,{values:["default","primary","secondary","tertiary"],defaultValue:"default",render:e=>t.jsx(Hf,{variant:e,defaultChecked:!0,label:e,iconOn:t.jsx(o,{fontSize:"inherit"}),iconOff:t.jsx(Le,{fontSize:"inherit"})})}),t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Zb,{label:"off",children:t.jsx(Hf,{label:"Sync",iconOn:t.jsx(o,{fontSize:"inherit"}),iconOff:t.jsx(Le,{fontSize:"inherit"})})}),t.jsx(Zb,{label:"on",emphasis:!0,children:t.jsx(Hf,{defaultChecked:!0,label:"Sync",iconOn:t.jsx(o,{fontSize:"inherit"}),iconOff:t.jsx(Le,{fontSize:"inherit"})})}),t.jsx(Zb,{label:"same glyph both ways",children:t.jsx(Hf,{defaultChecked:!0,label:"Sync",icon:t.jsx(o,{fontSize:"inherit"})})})]})]}),labelPlacement:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Zb,{label:"end",emphasis:!0,children:t.jsx(Hf,{defaultChecked:!0,label:"Dark mode"})}),t.jsx(Zb,{label:"start",children:t.jsx(Hf,{defaultChecked:!0,labelPlacement:"start",label:"Dark mode"})})]}),disabled:()=>t.jsx(_b,{render:e=>t.jsx(Hf,{defaultChecked:!0,disabled:e,label:"Dark mode"}),offLabel:"enabled",onLabel:"disabled"})},Input:{variant:()=>t.jsx(Kb,{values:Yb.map(e=>e+"-outline"),defaultValue:"primary-outline",render:e=>Yz(t.jsx(Ug,{variant:e,label:e,placeholder:"Value"}))}),size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>Yz(t.jsx(Ug,{size:e,label:e,placeholder:"Value"}))}),labelPosition:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"standard",emphasis:!0,width:Xz,children:Yz(t.jsx(Ug,{label:"Project name",placeholder:"Untitled"}))}),t.jsx(Zb,{label:"floating",width:Xz,children:Yz(t.jsx(Ug,{labelPosition:"floating",label:"Project name"}))})]}),validation:()=>t.jsx(Kb,{values:["none","error"],defaultValue:"none",render:e=>Yz(t.jsx(Ug,{validation:e,label:"Email",defaultValue:"error"===e?"not-an-email":"jane@example.com",validationMessage:"error"===e?"Enter a valid email address.":void 0}))}),disabled:()=>t.jsx(_b,{width:Xz,offLabel:"enabled",onLabel:"disabled",render:e=>Yz(t.jsx(Ug,{disabled:e,label:"Project name",defaultValue:"Untitled"}))})},TextField:{error:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"false",emphasis:!0,width:Xz,children:Yz(t.jsx(GS,{label:"Email",value:"jane@example.com"}))}),t.jsx(Zb,{label:"true",width:Xz,children:Yz(t.jsx(GS,{label:"Email",value:"not-an-email",error:!0,errorMessage:"Enter a valid email address."}))})]}),size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>Yz(t.jsx(GS,{size:e,label:e,placeholder:"Value"}))})},SearchField:{color:()=>t.jsx(Kb,{values:Zz,defaultValue:"default",render:e=>Yz(t.jsx(iv,{color:e,defaultValue:"dinosaur"}))}),showClearButton:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"true",emphasis:!0,width:Xz,children:Yz(t.jsx(iv,{defaultValue:"dinosaur"}))}),t.jsx(Zb,{label:"false",width:Xz,children:Yz(t.jsx(iv,{defaultValue:"dinosaur",showClearButton:!1}))})]}),size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>Yz(t.jsx(iv,{size:e,placeholder:"Search — "+e}))})},Select:{labelPosition:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"top",emphasis:!0,width:Xz,children:Yz(t.jsx(vm,{label:"Appearance",options:Nz,defaultValue:"system"}))}),t.jsx(Zb,{label:"floating",width:Xz,children:Yz(t.jsx(vm,{labelPosition:"floating",label:"Appearance",options:Nz,defaultValue:"system"}))})]}),size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>Yz(t.jsx(vm,{size:e,label:e,options:Nz,defaultValue:"system"}))}),mode:()=>t.jsx(Kb,{values:["standard","multiselect","searchable"],defaultValue:"standard",render:e=>Yz(t.jsx(vm,{mode:e,label:e,options:Nz,defaultValue:"multiselect"===e?["system"]:"system"}))})},Autocomplete:{labelPosition:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"top",emphasis:!0,width:Xz,children:Yz(t.jsx(Vv,{label:"Theme",options:["Light","Dark","System"]}))}),t.jsx(Zb,{label:"floating",width:Xz,children:Yz(t.jsx(Vv,{labelPosition:"floating",label:"Theme",options:["Light","Dark","System"]}))})]}),size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>Yz(t.jsx(Vv,{size:e,label:e,options:["Light","Dark","System"]}))})},DropZone:{multiple:()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:360},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false — one file"}),t.jsx(Fy,{label:"Drop a file here",sublabel:"PNG or SVG"})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — several"}),t.jsx(Fy,{multiple:!0,label:"Drop files here",sublabel:"PNG or SVG"})]})]}),size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>t.jsx(Fy,{size:e,label:"Drop a file — "+e})}),disabled:()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:360},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"enabled"}),t.jsx(Fy,{label:"Drop a file here"})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"disabled"}),t.jsx(Fy,{disabled:!0,label:"Drop a file here"})]})]})},Avatar:{color:()=>t.jsx($b,{values:["default","primary","secondary","tertiary","neutral"],defaultValue:"default",render:e=>t.jsx(Jm,{color:e,initials:"JD"})})}},Kz=({w:e=320,h:a,children:r})=>t.jsx("div",{style:{width:e,height:a,position:"relative",overflow:"hidden"},children:r}),_z=(e={})=>t.jsxs(cb,{...e,children:[t.jsx(db,{href:"/",children:"Home"}),t.jsx(db,{href:"/projects",children:"Projects"}),t.jsx(db,{href:"/projects/omni",children:"Omni"}),t.jsx(db,{children:"Tokens"})]}),eB=(e={})=>t.jsxs(Up,{defaultValue:0,...e,children:[t.jsxs(Xp,{children:[t.jsx(Yp,{value:0,children:"Overview"}),t.jsx(Yp,{value:1,children:"Details"}),t.jsx(Yp,{value:2,children:"History"})]}),t.jsx(Jp,{value:0,children:t.jsx(Ja,{children:"The first panel."})}),t.jsx(Jp,{value:1,children:t.jsx(Ja,{children:"The second panel."})}),t.jsx(Jp,{value:2,children:t.jsx(Ja,{children:"The third panel."})})]}),aB={Tabs:{orientation:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"horizontal"}),t.jsx(Kz,{w:320,children:eB()})]}),t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"vertical-left",width:260,children:t.jsx(Kz,{w:260,children:eB({orientation:"vertical-left"})})}),t.jsx(Zb,{label:"vertical-right",width:260,children:t.jsx(Kz,{w:260,children:eB({orientation:"vertical-right"})})})]})]}),baseline:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"true"}),t.jsx(Kz,{w:320,children:eB()})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"false"}),t.jsx(Kz,{w:320,children:eB({baseline:!1})})]})]}),variant:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",children:["standard","solid","light","dark"].map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard"===e?"standard":"quiet",children:e}),t.jsx(Kz,{w:320,children:eB({variant:e})})]},e))}),size:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",children:Jb.map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx(Kz,{w:320,children:eB({size:e})})]},e))}),scrollable:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false — the strip wraps or clips"}),t.jsx(Kz,{w:200,children:t.jsx(Up,{defaultValue:0,children:t.jsxs(Xp,{children:[t.jsx(Yp,{value:0,children:"Overview"}),t.jsx(Yp,{value:1,children:"Details"}),t.jsx(Yp,{value:2,children:"History"}),t.jsx(Yp,{value:3,children:"Settings"})]})})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — the strip scrolls"}),t.jsx(Kz,{w:200,children:t.jsx(Up,{defaultValue:0,scrollable:!0,children:t.jsxs(Xp,{children:[t.jsx(Yp,{value:0,children:"Overview"}),t.jsx(Yp,{value:1,children:"Details"}),t.jsx(Yp,{value:2,children:"History"}),t.jsx(Yp,{value:3,children:"Settings"})]})})})]})]})},Breadcrumbs:{size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>_z({size:e})}),condense:()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:360},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false"}),_z()]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — the middle collapses behind an ellipsis"}),_z({condense:!0,maxItems:3})]})]}),backOnlyMobile:()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"wide — the full trail, either way"}),t.jsx(Kz,{w:360,children:_z({backOnlyMobile:!0})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"narrow — collapses to a single back link"}),t.jsx(Kz,{w:180,children:_z({backOnlyMobile:!0})})]})]})},Pagination:{size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>t.jsx(mb,{count:8,defaultPage:3,size:e})}),"showFirstButton / showLastButton":()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false"}),t.jsx(mb,{count:20,defaultPage:9})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — first and last"}),t.jsx(mb,{count:20,defaultPage:9,showFirstButton:!0,showLastButton:!0})]})]})},Stepper:{orientation:()=>t.jsxs(Pb,{gap:"var(--Sizing-4)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"horizontal",emphasis:!0,width:300,children:t.jsx(Kz,{w:300,children:t.jsxs(LS,{activeStep:1,children:[t.jsx(IS,{label:"Colors"}),t.jsx(IS,{label:"Type"}),t.jsx(IS,{label:"Export"})]})})}),t.jsx(Zb,{label:"vertical",width:160,children:t.jsxs(LS,{orientation:"vertical",activeStep:1,children:[t.jsx(IS,{label:"Colors"}),t.jsx(IS,{label:"Type"}),t.jsx(IS,{label:"Export"})]})})]}),size:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",children:Jb.map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx(Kz,{w:320,children:t.jsxs(LS,{size:e,activeStep:1,children:[t.jsx(IS,{label:"Colors"}),t.jsx(IS,{label:"Type"}),t.jsx(IS,{label:"Export"})]})})]},e))}),clickable:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false — display only"}),t.jsx(Kz,{w:320,children:t.jsxs(LS,{activeStep:2,children:[t.jsx(IS,{label:"Colors"}),t.jsx(IS,{label:"Type"}),t.jsx(IS,{label:"Export"})]})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — completed steps go back"}),t.jsx(Kz,{w:320,children:t.jsxs(LS,{activeStep:2,clickable:!0,children:[t.jsx(IS,{label:"Colors"}),t.jsx(IS,{label:"Type"}),t.jsx(IS,{label:"Export"})]})})]})]}),dashedIncomplete:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false — one solid connector"}),t.jsx(Kz,{w:320,children:t.jsxs(LS,{activeStep:1,children:[t.jsx(IS,{label:"Colors"}),t.jsx(IS,{label:"Type"}),t.jsx(IS,{label:"Export"})]})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — remaining steps dashed"}),t.jsx(Kz,{w:320,children:t.jsxs(LS,{activeStep:1,dashedIncomplete:!0,children:[t.jsx(IS,{label:"Colors"}),t.jsx(IS,{label:"Type"}),t.jsx(IS,{label:"Export"})]})})]})]})},List:{orientation:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"vertical"}),t.jsx(Kz,{w:240,children:t.jsx(Xy,{items:Az})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"horizontal"}),t.jsx(Kz,{w:360,children:t.jsx(Xy,{items:Az,orientation:"horizontal"})})]})]}),dividers:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"false",emphasis:!0,width:200,children:t.jsx(Kz,{w:200,children:t.jsx(Xy,{items:Az})})}),t.jsx(Zb,{label:"true",width:200,children:t.jsx(Kz,{w:200,children:t.jsx(Xy,{items:Az,dividers:!0})})})]}),clickable:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"false — static",emphasis:!0,width:200,children:t.jsx(Kz,{w:200,children:t.jsx(Xy,{items:Az})})}),t.jsx(Zb,{label:"true — rows are buttons",width:200,children:t.jsx(Kz,{w:200,children:t.jsx(Xy,{items:Az,clickable:!0})})})]}),selectionMode:()=>t.jsx(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["none","single","multiple"].map(e=>t.jsx(Zb,{label:e,emphasis:"none"===e,width:190,children:t.jsx(Kz,{w:190,children:t.jsx(Xy,{items:Az,selectionMode:e,selectedIndices:"none"===e?[]:[1]})})},e))}),loading:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"false",emphasis:!0,width:200,children:t.jsx(Kz,{w:200,children:t.jsx(Xy,{items:Az})})}),t.jsx(Zb,{label:"true",width:200,children:t.jsx(Kz,{w:200,children:t.jsx(Xy,{loading:!0,skeletonRows:4})})})]})},TreeView:{selectionMode:()=>t.jsx(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["none","single","multiple"].map(e=>t.jsx(Zb,{label:e,emphasis:"none"===e,width:190,children:t.jsx(Kz,{w:190,children:t.jsx(Ly,{items:Dz,selectionMode:e,defaultExpandedItems:["src"]})})},e))})},AppBar:{mode:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"desktop"}),t.jsx(Kz,{w:"100%",children:t.jsx(Lv,{navLinks:[{label:"Work"},{label:"Studio"}]})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"mobile"}),t.jsx(Kz,{w:360,children:t.jsx(Lv,{mode:"mobile",navLinks:[{label:"Work"},{label:"Studio"}]})})]})]}),brandType:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",children:["name","logo","both"].map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"name"===e?"standard":"quiet",children:e}),t.jsx(Kz,{w:"100%",children:t.jsx(Lv,{brandType:e,navLinks:[{label:"Work"}]})})]},e))}),menuType:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",children:["hamburger","none"].map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"hamburger"===e?"standard":"quiet",children:e}),t.jsx(Kz,{w:360,children:t.jsx(Lv,{mode:"mobile",menuType:e,navLinks:[{label:"Work"}]})})]},e))})},Rail:{variant:()=>t.jsx(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["default","primary","secondary","tertiary"].map(e=>t.jsx(Zb,{label:e,emphasis:"default"===e,width:88,children:t.jsx(Kz,{w:88,h:260,children:t.jsx(Pj,{items:Mz.slice(0,4),variant:e,defaultValue:0})})},e))}),expandable:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"false",emphasis:!0,width:88,children:t.jsx(Kz,{w:88,h:260,children:t.jsx(Pj,{items:Mz.slice(0,4),defaultValue:0})})}),t.jsx(Zb,{label:"true — gains a toggle",width:88,children:t.jsx(Kz,{w:88,h:260,children:t.jsx(Pj,{items:Mz.slice(0,4),expandable:!0,defaultValue:0})})})]}),expandedWidth:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"partial",emphasis:!0,width:240,children:t.jsx(Kz,{w:240,h:260,children:t.jsx(Pj,{items:Mz.slice(0,4),expandable:!0,defaultExpanded:!0,defaultValue:0})})}),t.jsx(Zb,{label:"full",width:300,children:t.jsx(Kz,{w:300,h:260,children:t.jsx(Pj,{items:Mz.slice(0,4),expandable:!0,defaultExpanded:!0,expandedWidth:"full",defaultValue:0})})})]}),labelStyle:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"contained",emphasis:!0,width:88,children:t.jsx(Kz,{w:88,h:260,children:t.jsx(Pj,{items:Mz.slice(0,4),defaultValue:0})})}),t.jsx(Zb,{label:"outside",width:88,children:t.jsx(Kz,{w:88,h:260,children:t.jsx(Pj,{items:Mz.slice(0,4),labelStyle:"outside",defaultValue:0})})})]})},BottomNavigation:{showLabels:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"true"}),t.jsx(Kz,{w:360,children:t.jsx(ty,{items:Mz.slice(0,4),defaultValue:0})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"false — icons only, so each needs a name"}),t.jsx(Kz,{w:360,children:t.jsx(ty,{items:Mz.slice(0,4),showLabels:!1,defaultValue:0})})]})]}),variant:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"fixed — edge to edge"}),t.jsx(Kz,{w:360,children:t.jsx(ty,{items:Mz.slice(0,4),defaultValue:0})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"floating — inset, with its own elevation"}),t.jsx(Kz,{w:360,children:t.jsx(ty,{items:Mz.slice(0,4),variant:"floating",defaultValue:0})})]})]})},Sidebar:{variant:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"permanent",width:240,children:t.jsx(Kz,{w:240,h:260,children:t.jsx(pS,{variant:"permanent",open:!0,items:Az,width:240})})}),t.jsx(Zb,{label:"temporary — an overlay, shown open",emphasis:!0,width:240,children:t.jsx(Kz,{w:240,h:260,children:t.jsx(pS,{variant:"permanent",open:!0,items:Az,width:240})})})]})},Toolbar:{type:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"floating — its own surface and elevation"}),t.jsx(XS,{items:Rz,defaultValue:0})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"docked — sits flush in the layout"}),t.jsx(XS,{items:Rz,type:"docked",defaultValue:0})]})]}),orientation:()=>t.jsxs(Pb,{gap:"var(--Sizing-4)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"horizontal",emphasis:!0,children:t.jsx(XS,{items:Rz,defaultValue:0})}),t.jsx(Zb,{label:"vertical",children:t.jsx(XS,{items:Rz,orientation:"vertical",defaultValue:0})})]})},Menu:{size:()=>t.jsx(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:Jb.map(e=>t.jsx(Zb,{label:e,emphasis:"medium"===e,children:t.jsxs(fj,{children:[t.jsx(gj,{children:e}),t.jsxs(bj,{size:e,children:[t.jsx(vj,{children:"Rename"}),t.jsx(vj,{children:"Duplicate"})]})]})},e))})}},tB=({w:e=320,h:a,children:r})=>t.jsx("div",{style:{width:e,height:a,position:"relative",overflow:"hidden"},children:r}),rB=t.jsxs(Hb,{gap:"var(--Sizing-1)",children:[t.jsx(Pa,{children:"Card title"}),t.jsx(Ja,{children:"What a card looks like in this design system."})]});function iB({values:a,defaultValue:r,render:i,label:o=e=>String(e)}){const[n,l]=e.useState(null),s=void 0!==r?[r,...a.filter(e=>e!==r)]:a;return t.jsxs(t.Fragment,{children:[t.jsx(Pb,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:s.map(e=>t.jsx(zp,{size:"small",variant:e===r?"default":"outline",onClick:()=>l(e),children:o(e)},String(e)))}),null!==n?i(n,()=>l(null)):null]})}function oB(){const[a,r]=e.useState(!1),i=e.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsxs(zp,{ref:i,variant:"outline",onClick:()=>r(e=>!e),children:[a?"Close":"Open"," popover"]}),t.jsx(Ij,{open:a,onClose:()=>r(!1),anchorRef:i,width:240,children:t.jsx(Hb,{gap:"var(--Sizing-1)",style:{padding:"var(--Sizing-2)"},children:t.jsx(Ja,{children:"Anchored to the button, portalled to the body so no ancestor can clip it."})})})]})}const nB=360;function lB({labels:e=["Save","Cancel","Delete"],variant:a="default",...r}){return t.jsx(Cb,{"aria-label":"Actions",...r,children:e.map(e=>t.jsx(zp,{variant:a,onClick:()=>{},children:e},e))})}function sB(e){return t.jsxs(Cb,{"aria-label":"Alignment",...e,children:[t.jsx(zp,{iconOnly:!0,"aria-label":"Align left",onClick:()=>{},children:t.jsx(am,{children:t.jsx(Ue,{})})}),t.jsx(zp,{iconOnly:!0,"aria-label":"Align center",onClick:()=>{},children:t.jsx(am,{children:t.jsx(Xe,{})})}),t.jsx(zp,{iconOnly:!0,"aria-label":"Align right",onClick:()=>{},children:t.jsx(am,{children:t.jsx(Ke,{})})})]})}function cB({options:a=["Left","Center","Right"],initial:r="Left",...i}){const[o,n]=e.useState(r);return t.jsx(gz,{value:o,onChange:n,"aria-label":"Align",...i,children:a.map(e=>t.jsx(zp,{value:e,children:e},e))})}function dB({allowEmpty:a,...r}){const[i,o]=e.useState(["Left"]);return t.jsxs(gz,{multiple:!0,allowEmpty:a,value:i,onChange:o,"aria-label":"Align",...r,children:[t.jsx(zp,{value:"Left",children:"Left"}),t.jsx(zp,{value:"Center",children:"Center"}),t.jsx(zp,{value:"Right",children:"Right"})]})}function uB(){const[a,r]=e.useState("left");return t.jsxs(gz,{value:a,onChange:r,"aria-label":"Alignment",children:[t.jsx(zp,{value:"left",children:"Left"}),t.jsx(zp,{value:"center",children:"Center"}),t.jsx(zp,{value:"right",disabled:!0,children:"Right"})]})}function hB(){const[a,r]=e.useState(!0),[i,o]=e.useState(!1);return t.jsxs(Pb,{gap:"var(--Sizing-1)",style:{alignItems:"center"},children:[t.jsx(Rp,{label:"Unselected"}),t.jsx(Rp,{label:"Selected",clickable:!0,selected:a,onClick:()=>r(e=>!e)}),i?t.jsx(at,{color:"quiet",children:"dismissed"}):t.jsx(Rp,{label:"Dismissible",onDelete:()=>o(!0)})]})}const xB={...Qz,Button:()=>t.jsx(zp,{children:"Button"}),BrandIcon:()=>t.jsx(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:["github","linkedin","instagram","dribbble","x-twitter"].map(e=>t.jsx(Kx,{name:e,size:"24px"},e))}),Fab:()=>t.jsx(kg,{icon:t.jsx(am,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add"}),Chip:()=>t.jsx(hB,{}),Badge:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",children:[t.jsx(ip,{badgeContent:3,children:t.jsx(am,{children:t.jsx("span",{children:"✉"})})}),t.jsx(ip,{dot:!0,children:t.jsx(am,{children:t.jsx("span",{children:"🔔"})})})]}),Alert:()=>t.jsxs(Hb,{gap:"var(--Sizing-1)",children:[t.jsx(If,{color:"info",children:"Something worth knowing."}),t.jsx(If,{color:"error",children:"Something went wrong."})]}),Card:()=>t.jsx(Jf,{padding:"medium",children:t.jsxs(Hb,{gap:"var(--Sizing-1)",children:[t.jsx(Pa,{children:"Card title"}),t.jsx(Ja,{children:"What a card looks like in this design system."})]})}),Avatar:()=>t.jsxs(Pb,{gap:"var(--Sizing-1)",children:[t.jsx(Jm,{initials:"LN"}),t.jsx(Jm,{})]}),Icon:()=>t.jsxs(Pb,{gap:"var(--Sizing-1)",children:[t.jsx(am,{color:"primary",children:t.jsx("span",{children:"★"})}),t.jsx(am,{color:"success",children:t.jsx("span",{children:"✓"})}),t.jsx(am,{color:"error",children:t.jsx("span",{children:"✕"})})]}),Link:()=>t.jsx(It,{href:"#example",children:"A link, which thickens rather than recolors on hover"}),Divider:()=>t.jsx(Fg,{indicatorText:"OR"}),Checkbox:()=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(sg,{label:"Unchecked"}),t.jsx(sg,{label:"Checked",defaultChecked:!0}),t.jsx(sg,{label:"Indeterminate",indeterminate:!0})]}),Radio:()=>t.jsxs(Kg,{defaultValue:"a",name:"docs-radio",children:[t.jsx($g,{value:"a",label:"First"}),t.jsx($g,{value:"b",label:"Second"})]}),Input:()=>t.jsx(Ug,{label:"Email",placeholder:"you@example.com"}),SwitchInput:()=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(Hf,{label:"Off"}),t.jsx(Hf,{label:"On",defaultChecked:!0})]}),Slider:()=>t.jsx(tb,{defaultValue:40}),Rating:()=>t.jsx(lb,{defaultValue:3}),Breadcrumbs:()=>t.jsxs(cb,{children:[t.jsx(It,{href:"#a",children:"Home"}),t.jsx(It,{href:"#b",children:"Products"}),t.jsx(Ja,{children:"Current"})]}),Pagination:()=>t.jsx(mb,{count:8,defaultPage:3}),Accordion:()=>t.jsx(Ib,{children:t.jsx(Ja,{children:"An accordion segment, open."})}),Tabs:()=>t.jsxs(Up,{defaultValue:0,children:[t.jsxs(Xp,{children:[t.jsx(Yp,{value:0,children:"Overview"}),t.jsx(Yp,{value:1,children:"Details"})]}),t.jsx(Jp,{value:0,children:t.jsx(Ja,{children:"The first panel."})}),t.jsx(Jp,{value:1,children:t.jsx(Ja,{children:"The second panel."})})]})};function mB(e){return e in xB}const pB={Fab:{size:()=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx(kg,{size:"small",icon:t.jsx(am,{size:"small",children:t.jsx(ye,{})}),ariaLabel:"Add, small"}),t.jsx(kg,{size:"medium",icon:t.jsx(am,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add, medium"}),t.jsx(kg,{size:"large",icon:t.jsx(am,{size:"large",children:t.jsx(ye,{})}),ariaLabel:"Add, large"})]}),color:()=>{const e=(e,a)=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",style:{alignItems:"center"},children:[t.jsx(kg,{color:e,size:"small",icon:t.jsx(am,{size:"small",children:t.jsx(ye,{})}),ariaLabel:"Add, "+e}),t.jsx(at,{color:a?"standard":"quiet",children:e})]},e);return t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[e("default",!0),t.jsx(Fg,{orientation:"vertical",style:{alignSelf:"stretch"}}),["primary","secondary","tertiary","neutral","info","success","warning","error","black-white"].map(a=>e(a,!1))]})},extended:()=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx(kg,{icon:t.jsx(am,{size:"medium",children:t.jsx(je,{})}),ariaLabel:"Edit"}),t.jsx(kg,{icon:t.jsx(am,{size:"medium",children:t.jsx(je,{})}),extended:!0,label:"Edit"})]}),animate:()=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx(kg,{icon:t.jsx(am,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add"}),t.jsx(kg,{icon:t.jsx(am,{size:"medium",children:t.jsx(ye,{})}),animate:!0,ariaLabel:"Add, animated"})]}),disabled:()=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx(kg,{icon:t.jsx(am,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add"}),t.jsx(kg,{icon:t.jsx(am,{size:"medium",children:t.jsx(ye,{})}),disabled:!0,ariaLabel:"Add, disabled"})]})},Button:{variant:()=>t.jsxs(Pb,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap"},children:[t.jsx(zp,{children:"solid"}),t.jsx(zp,{variant:"outline",children:"outline"}),t.jsx(zp,{variant:"ghost",children:"ghost"})]}),size:()=>t.jsxs(Pb,{gap:"var(--Sizing-1)",style:{alignItems:"center",flexWrap:"wrap"},children:[t.jsx(zp,{size:"small",children:"small"}),t.jsx(zp,{size:"medium",children:"medium"}),t.jsx(zp,{size:"large",children:"large"})]}),variantColor:()=>{const e=["primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],a=a=>t.jsxs(Pb,{gap:"var(--Sizing-1)",style:{alignItems:"center",flexWrap:"wrap"},children:[t.jsx(zp,{variant:a?"default"+a:"default",size:"small",children:"default"}),t.jsx(Fg,{orientation:"vertical",style:{alignSelf:"stretch"}}),e.map(e=>t.jsx(zp,{variant:a?e+a:e,size:"small",children:e},e))]});return t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"solid"}),a("")]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"outline"}),a("-outline")]})]})},disabled:()=>t.jsxs(Pb,{gap:"var(--Sizing-1)",children:[t.jsx(zp,{children:"enabled"}),t.jsx(zp,{disabled:!0,children:"disabled"})]}),"startDecorator / endDecorator":()=>t.jsxs(Hb,{gap:"var(--Sizing-1)",children:[t.jsxs(Pb,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(zp,{startDecorator:t.jsx(am,{children:t.jsx(ye,{})}),children:"start icon"}),t.jsx(zp,{endDecorator:t.jsx(am,{children:t.jsx(Se,{})}),children:"end icon"})]}),t.jsxs(Pb,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(zp,{startDecorator:t.jsx(Jm,{}),children:"start avatar"}),t.jsx(zp,{endDecorator:t.jsx(Jm,{}),children:"end avatar"})]})]}),iconOnly:()=>t.jsxs(Pb,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(zp,{children:"text"}),t.jsx(zp,{iconOnly:!0,"aria-label":"Delete item",children:t.jsx(y,{})}),t.jsx(zp,{letterNumber:!0,"aria-label":"3 unread",children:"3"}),t.jsx(zp,{avatar:!0,"aria-label":"Jane Doe",children:t.jsx(Jm,{})})]}),elevated:()=>t.jsxs(Pb,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(zp,{children:"standard"}),t.jsx(zp,{elevated:!0,children:"raised"})]}),fullWidth:()=>t.jsxs(Hb,{gap:"var(--Sizing-1)",style:{width:"100%",maxWidth:320},children:[t.jsx(zp,{children:"default fit"}),t.jsx(zp,{fullWidth:!0,children:"full width"})]})}};const fB=[{Slider:tv},Uz,$z,aB,{Card:{variant:()=>t.jsx(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["solid","outlined","ghost"].map(e=>t.jsx(Zb,{label:e,emphasis:"solid"===e,width:200,children:t.jsx(Jf,{variant:e,padding:"medium",children:rB})},e))}),size:()=>t.jsx(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:Jb.map(e=>t.jsx(Zb,{label:e,emphasis:"medium"===e,width:200,children:t.jsx(Jf,{size:e,padding:"medium",children:rB})},e))}),orientation:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"vertical"}),t.jsx(tB,{w:200,children:t.jsx(Jf,{padding:"medium",children:rB})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"horizontal"}),t.jsx(tB,{w:360,children:t.jsx(Jf,{orientation:"horizontal",padding:"medium",children:rB})})]})]}),clickable:()=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"false — static",emphasis:!0,width:200,children:t.jsx(Jf,{padding:"medium",children:rB})}),t.jsx(Zb,{label:"true — one control",width:200,children:t.jsx(Jf,{padding:"medium",clickable:!0,children:rB})})]}),elevated:()=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"standard — level 1",emphasis:!0,width:200,children:t.jsx(Jf,{padding:"medium",children:rB})}),t.jsx(Zb,{label:"elevated — level 2",width:200,children:t.jsx(Jf,{padding:"medium",elevated:!0,children:rB})})]}),selected:()=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"false",emphasis:!0,width:200,children:t.jsx(Jf,{padding:"medium",clickable:!0,children:rB})}),t.jsx(Zb,{label:"true",width:200,children:t.jsx(Jf,{padding:"medium",clickable:!0,selected:!0,children:rB})})]})},Accordion:{variant:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:380},children:["solid","outlined","ghost"].map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"solid"===e?"standard":"quiet",children:e}),t.jsx(Ib,{variant:e,title:"What is a design system?",defaultExpanded:!0,children:t.jsx(Ja,{children:"A set of decisions, written down once."})})]},e))}),size:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:380},children:Jb.map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx(Ib,{size:e,title:"Size "+e,defaultExpanded:!0,children:t.jsx(Ja,{children:"A set of decisions, written down once."})})]},e))}),defaultExpanded:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:380},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false — starts closed"}),t.jsx(Ib,{title:"What is a design system?",children:t.jsx(Ja,{children:"A set of decisions, written down once."})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — starts open"}),t.jsx(Ib,{title:"What is a design system?",defaultExpanded:!0,children:t.jsx(Ja,{children:"A set of decisions, written down once."})})]})]}),disabled:()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:380},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"enabled"}),t.jsx(Ib,{title:"What is a design system?",children:t.jsx(Ja,{children:"A set of decisions, written down once."})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"disabled"}),t.jsx(Ib,{title:"What is a design system?",disabled:!0,children:t.jsx(Ja,{children:"A set of decisions, written down once."})})]})]})},Paper:{outlined:()=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"false — elevation",emphasis:!0,width:180,children:t.jsx(Lj,{surface:"Container",children:t.jsx("div",{style:{padding:"var(--Sizing-3)"},children:t.jsx(Ja,{children:"Elevated"})})})}),t.jsx(Zb,{label:"true — a border, no shadow",width:180,children:t.jsx(Lj,{surface:"Container",outlined:!0,children:t.jsx("div",{style:{padding:"var(--Sizing-3)"},children:t.jsx(Ja,{children:"Outlined"})})})})]}),variant:()=>t.jsx(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["elevation","outlined"].map(e=>t.jsx(Zb,{label:e,emphasis:"elevation"===e,width:180,children:t.jsx(Lj,{surface:"Container",variant:e,children:t.jsx("div",{style:{padding:"var(--Sizing-3)"},children:t.jsx(Ja,{children:e})})})},e))})},Ratio:{fit:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"width — height follows the column"}),t.jsx("div",{style:{width:240},children:t.jsx(Xj,{ratio:"16:9"})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"height — width follows the row"}),t.jsx("div",{style:{height:120},children:t.jsx(Xj,{ratio:"16:9",fit:"height"})})]})]})},Table:{loading:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",style:{width:"100%"},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false"}),t.jsx(QS,{columns:Lz,rows:Iz})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — the shape is kept"}),t.jsx(QS,{columns:Lz,rows:[],loading:!0,skeletonRows:3})]})]})},Modal:{open:()=>t.jsx(iB,{values:[!0],label:()=>"Open modal",render:(e,a)=>t.jsx(Aj,{open:!0,onClose:a,title:"Rename project",children:t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsx(Ja,{children:"A modal takes the whole screen`s attention, so it owes the reader a way out."}),t.jsx(zp,{onClick:a,children:"Done"})]})})}),size:()=>t.jsx(iB,{values:Jb,defaultValue:"medium",render:(e,a)=>t.jsx(Aj,{open:!0,onClose:a,size:e,title:"Size "+e,children:t.jsx(Ja,{children:"The modal`s width. Its height always follows its content."})})}),layout:()=>t.jsx(iB,{values:["center","top"],defaultValue:"center",render:(e,a)=>t.jsx(Aj,{open:!0,onClose:a,layout:e,title:"Layout "+e,children:t.jsx(Ja,{children:"Where the modal sits in the viewport."})})}),closeOnBackdrop:()=>t.jsx(iB,{values:[!0,!1],defaultValue:!0,label:e=>e?"true — click outside closes":"false — click outside does nothing",render:(e,a)=>t.jsx(Aj,{open:!0,onClose:a,closeOnBackdrop:e,title:"Rename project",children:t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsx(Ja,{children:e?"Click the backdrop to close.":"The backdrop will not close this."}),t.jsx(zp,{onClick:a,children:"Close"})]})})}),showCloseButton:()=>t.jsx(iB,{values:[!0,!1],defaultValue:!0,label:e=>e?"true":"false — needs its own way out",render:(e,a)=>t.jsx(Aj,{open:!0,onClose:a,showCloseButton:e,title:"Rename project",children:t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsx(Ja,{children:"A modal with no close button must give one in its content."}),t.jsx(zp,{onClick:a,children:"Done"})]})})})},Dialog:{open:()=>t.jsx(iB,{values:[!0],label:()=>"Open dialog",render:(e,a)=>t.jsx(zy,{open:!0,onClose:a,title:"Discard changes?",actions:t.jsxs(t.Fragment,{children:[t.jsx(zp,{variant:"outline",onClick:a,children:"Keep editing"}),t.jsx(zp,{variant:"error",onClick:a,children:"Discard"})]}),children:t.jsx(Ja,{children:"This cannot be undone."})})}),maxWidth:()=>t.jsx(iB,{values:["xs","sm","md","lg"],defaultValue:"sm",render:(e,a)=>t.jsx(zy,{open:!0,onClose:a,maxWidth:e,title:"maxWidth "+e,actions:t.jsx(zp,{onClick:a,children:"Close"}),children:t.jsx(Ja,{children:"A ceiling, not a width — a short dialog stays narrow."})})}),fullScreen:()=>t.jsx(iB,{values:[!1,!0],defaultValue:!1,label:e=>e?"true":"false",render:(e,a)=>t.jsx(zy,{open:!0,onClose:a,fullScreen:e,title:"Edit tokens",actions:t.jsx(zp,{onClick:a,children:"Close"}),children:t.jsx(Ja,{children:"Full screen is for a dialog carrying a whole task on a small screen."})})}),alert:()=>t.jsx(iB,{values:[!1,!0],defaultValue:!1,label:e=>e?"true — role=alertdialog":"false — role=dialog",render:(e,a)=>t.jsx(zy,{open:!0,onClose:a,alert:e,title:"Delete project?",actions:t.jsxs(t.Fragment,{children:[t.jsx(zp,{variant:"outline",onClick:a,children:"Cancel"}),t.jsx(zp,{variant:"error",onClick:a,children:"Delete"})]}),children:t.jsx(Ja,{children:"Every file in it goes too. This cannot be undone."})})}),nonModal:()=>t.jsx(iB,{values:[!1,!0],defaultValue:!1,label:e=>e?"true — the page stays usable":"false — modal",render:(e,a)=>t.jsx(zy,{open:!0,onClose:a,nonModal:e,title:"Find in page",actions:t.jsx(zp,{onClick:a,children:"Close"}),children:t.jsx(Ja,{children:e?"The page behind this is still interactive.":"The page behind this is blocked."})})})},Drawer:{open:()=>t.jsx(iB,{values:[!0],label:()=>"Open drawer",render:(e,a)=>t.jsx(zv,{open:!0,onClose:a,children:t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)",minWidth:240},children:[t.jsx(Pa,{children:"Filters"}),t.jsx(Xy,{items:Az,clickable:!0}),t.jsx(zp,{onClick:a,children:"Close"})]})})}),anchor:()=>t.jsx(iB,{values:["left","right","top","bottom"],defaultValue:"left",render:(e,a)=>t.jsx(zv,{open:!0,onClose:a,anchor:e,children:t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)",minWidth:240},children:[t.jsxs(Pa,{children:["anchor=",e]}),t.jsx(zp,{onClick:a,children:"Close"})]})})}),size:()=>t.jsx(iB,{values:Jb,defaultValue:"medium",render:(e,a)=>t.jsx(zv,{open:!0,onClose:a,size:e,children:t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)"},children:[t.jsxs(Pa,{children:["size=",e]}),t.jsx(zp,{onClick:a,children:"Close"})]})})}),hideBackdrop:()=>t.jsx(iB,{values:[!1,!0],defaultValue:!1,label:e=>e?"true — no scrim":"false — scrim",render:(e,a)=>t.jsx(zv,{open:!0,onClose:a,hideBackdrop:e,children:t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)",minWidth:240},children:[t.jsx(Pa,{children:"Filters"}),t.jsx(zp,{onClick:a,children:"Close"})]})})})},Snackbar:{open:()=>t.jsx(iB,{values:[!0],label:()=>"Show snackbar",render:(e,a)=>t.jsx(bS,{open:!0,onClose:a,color:"success",autoHideDuration:4e3,children:"Project saved."})}),color:()=>t.jsx(iB,{values:["info","success","warning","error"],defaultValue:"info",render:(e,a)=>t.jsxs(bS,{open:!0,onClose:a,color:e,autoHideDuration:4e3,children:[e," — something happened."]})}),anchor:()=>t.jsx(iB,{values:["bottom","top"],defaultValue:"bottom",render:(e,a)=>t.jsxs(bS,{open:!0,onClose:a,anchor:e,color:"info",autoHideDuration:4e3,children:["anchor=",e]})})},Tooltip:{placement:()=>t.jsx(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"center"},children:["bottom","top","left","right"].map(e=>t.jsx(Zb,{label:e,emphasis:"bottom"===e,children:t.jsx(az,{title:"placement="+e,placement:e,children:t.jsx(zp,{variant:"outline",size:"small",children:e})})},e))}),arrow:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(Zb,{label:"true",emphasis:!0,children:t.jsx(az,{title:"With an arrow",children:t.jsx(zp,{variant:"outline",size:"small",children:"arrow"})})}),t.jsx(Zb,{label:"false",children:t.jsx(az,{title:"No arrow",arrow:!1,children:t.jsx(zp,{variant:"outline",size:"small",children:"no arrow"})})})]}),describeChild:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(Zb,{label:"false — the tooltip is the name",emphasis:!0,children:t.jsx(az,{title:"Delete item",children:t.jsx(zp,{variant:"outline",size:"small",iconOnly:!0,"aria-label":"Delete item",children:"x"})})}),t.jsx(Zb,{label:"true — the tooltip describes it",children:t.jsx(az,{title:"Removes it permanently",describeChild:!0,children:t.jsx(zp,{variant:"outline",size:"small",children:"Delete"})})})]})},Popover:{open:()=>t.jsx(oB,{})}},{ButtonGroup:{separated:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"true — the default, and what Figma draws"}),t.jsx(lB,{})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"false — joins them, and warns"}),t.jsx(lB,{separated:!1})]}),t.jsx(Ja,{color:"quiet",children:"A joined row of actions looks like a control with nothing selected. If the segments are a choice rather than three things to do, that is ToggleButtonGroup."})]}),fit:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:nB},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"hug — each button sizes to its label"}),t.jsx("div",{style:{width:nB,border:"1px dashed var(--Border-Variant)",padding:4},children:t.jsx(lB,{labels:["S","Medium","Extra large"]})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"fill — the group fills, buttons share it equally"}),t.jsx("div",{style:{width:nB,border:"1px dashed var(--Border-Variant)",padding:4},children:t.jsx(lB,{labels:["S","Medium","Extra large"],fit:"fill"})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"equal — hugs, but every button matches the widest (code only)"}),t.jsx("div",{style:{width:nB,border:"1px dashed var(--Border-Variant)",padding:4},children:t.jsx(lB,{labels:["S","Medium","Extra large"],fit:"equal"})})]})]}),orientation:()=>t.jsxs(Pb,{gap:"var(--Sizing-4)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Zb,{label:"horizontal",emphasis:!0,children:t.jsx(lB,{})}),t.jsx(Zb,{label:"vertical",children:t.jsx(lB,{orientation:"vertical"})})]}),size:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",children:Jb.map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx(lB,{size:e})]},e))}),variant:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[["default","primary","secondary"].map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"default"===e?"standard":"quiet",children:`<Button variant="${e}">`}),t.jsx(lB,{variant:e})]},e)),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"outline, for a row of secondary actions"}),t.jsx(lB,{variant:"default-outline"})]})]}),disabled:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"enabled"}),t.jsx(lB,{})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"disabled — the whole group"}),t.jsx(lB,{disabled:!0})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"a single button takes its own `disabled`"}),t.jsxs(Cb,{"aria-label":"Actions",children:[t.jsx(zp,{onClick:()=>{},children:"Save"}),t.jsx(zp,{disabled:!0,onClick:()=>{},children:"Cancel"}),t.jsx(zp,{onClick:()=>{},children:"Delete"})]})]})]}),"aria-label":()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsx(sB,{}),t.jsx(Ja,{color:"quiet",children:'The group needs a name, and so does each icon-only button — naming the ACTION, not the glyph: "Align left", not "left".'})]})}},{ToggleButtonGroup:{allowEmpty:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false — a toggle group. The last one stays on."}),t.jsx(dB,{allowEmpty:!1})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — clearable, with toggle styling"}),t.jsx(dB,{allowEmpty:!0})]}),t.jsx(Ja,{color:"quiet",children:"The refused click fires no onChange — an unchanged array would make a controlled caller re-render for nothing and read as a bug in their own reducer."})]}),multiple:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false — one answer, and it cannot be cleared"}),t.jsx(cB,{})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — any number, never none"}),t.jsx(dB,{allowEmpty:!1})]})]}),separated:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false — joined (Figma: Style=Default)"}),t.jsx(cB,{})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — separated (Figma: Style=Separated)"}),t.jsx(cB,{separated:!0})]})]}),variant:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",children:["outlined","light","ghost"].map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"outlined"===e?"standard":"quiet",children:e}),t.jsx(cB,{variant:e,color:"primary"})]},e))}),color:()=>t.jsx(Hb,{gap:"var(--Sizing-2)",children:["default",...Yb].map(e=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx("div",{style:{width:84},children:t.jsx(at,{color:"default"===e?"standard":"quiet",children:e})}),t.jsx(cB,{color:e})]},e))}),size:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",children:Jb.map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx(cB,{size:e})]},e))}),fit:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:nB},children:["hug","fill","equal"].map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"hug"===e?"standard":"quiet",children:e}),t.jsx("div",{style:{width:nB,border:"1px dashed var(--Border-Variant)",padding:4},children:t.jsx(cB,{options:["S","Medium","Extra large"],initial:"S",fit:e})})]},e))}),orientation:()=>t.jsxs(Pb,{gap:"var(--Sizing-4)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Zb,{label:"horizontal",emphasis:!0,children:t.jsx(cB,{})}),t.jsx(Zb,{label:"vertical",children:t.jsx(cB,{orientation:"vertical"})})]}),"value / defaultValue":()=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"each child needs a `value`; the group matches against it"}),t.jsx(cB,{})]}),onChange:()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsx(cB,{}),t.jsx(Ja,{color:"quiet",children:"Called (value, event) — the system`s order. A caller signalling MUI`s older API, with `exclusive` or a color in `variant`, still gets (event, value)."})]}),disabled:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"enabled"}),t.jsx(cB,{})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"disabled — the whole group"}),t.jsx(cB,{disabled:!0})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"one choice unavailable"}),t.jsx(uB,{})]})]})}}].reduce(function(e,a){for(const[t,r]of Object.entries(a))e[t]={...e[t]||{},...r};return e},pB);const gB={Fab:{title:"Changing a FAB’s color",after:"color",node:"Theme-Container",collection:"Theme",body:"The FAB’s fill is pinned to Buttons/Default/Button, so the Buttons mode is not the axis — setting it on the frame does nothing. Color comes from the Theme mode on an inner frame called Theme-Container, which changes what Buttons/Default/* resolves to. Select Theme-Container, not the instance.",shot:"The right-hand panel with Theme-Container selected, cropped to the Theme dropdown open on its nine modes.",caveat:"Theme has nine modes and the `color` prop has ten: black-white exists in code only, so a FAB built in Figma cannot be that color."},Button:{title:"Changing a Button’s color",after:"variantColor",node:"Theme-Button-Fill",collection:"Buttons",body:"Fill and border are bound to Buttons::Button and Buttons::Border, so the color is the Buttons mode — all ten of them, and the names match the `variant` values exactly. Set it on Button-Container, not on Theme-Button-Fill.",shot:"The right-hand panel with Button-Container selected, cropped to the Buttons dropdown open on its ten modes.",caveat:"Theme-Button-Fill is a SIBLING of Button-Contents, not its parent, so a mode set there reaches the fill and border and never reaches the label — Buttons::Text resolves from the ancestor instead, and the button changes color while its text does not. Setting the mode on Button-Container, which is above both, is the working route until the layer is reparented."}},bB=e=>gB[e]||null,vB=/\.(mp4|mov|webm)$/i;function yB({src:e,title:r,shows:i,aspect:o="4 / 3",maxWidth:n=560}){const l={width:"100%",maxWidth:n,display:"block",borderRadius:"var(--Card-Radius, var(--Style-Border-Radius))",border:"1px solid var(--Border-Variant)"};return e&&vB.test(e)?t.jsx(a.Box,{component:"video",src:e,controls:!0,preload:"metadata",playsInline:!0,sx:l}):e?t.jsx(a.Box,{component:"img",src:e,alt:r||"",loading:"lazy",sx:l}):t.jsx(a.Box,{"data-surface":"Container",sx:{width:"100%",maxWidth:n,aspectRatio:o,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"var(--Background)",color:"var(--Text)",borderRadius:"var(--Card-Radius, var(--Style-Border-Radius))",border:"2px dashed var(--Border-Variant)",p:3,textAlign:"center"},children:t.jsxs(Hb,{gap:"var(--Sizing-1)",style:{alignItems:"center",maxWidth:440},children:[t.jsx(ot,{children:"Screenshot to capture"}),t.jsx(Xa,{children:r}),i&&t.jsx(at,{color:"quiet",children:i})]})})}const jB="https://omni-design.netlify.app";function SB(e){return e.trim().replace(/\s+/g,"-")}const zB="https://github.com/lwnoble/DinoDesign/issues/new";function BB(e){const a=SB(String(e||"")).toLowerCase();return Vm.find(e=>SB(e.name).toLowerCase()===a)||null}const wB=({component:e,what:r})=>t.jsx(a.Box,{sx:{p:3},children:t.jsxs(Ja,{color:"quiet",children:["No ",r," written for ",e," yet."]})}),kB=({title:e,children:r})=>t.jsxs(a.Box,{sx:{pt:3,mt:3,borderTop:"1px solid var(--Border-Variant)","&:first-of-type":{borderTop:"none",pt:0,mt:0}},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:e.toUpperCase()}),r]}),CB=({items:e})=>t.jsx(a.Stack,{spacing:0,children:e.map((e,r)=>t.jsxs(a.Box,{sx:{py:.75},children:[t.jsx(Xa,{children:e.head}),e.sub?t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:e.sub}):null]},r))}),TB=["variant","style","shape","type","contentType","size","color","variantColor","selected","checked","open","loading","disabled","elevated","label","children","icon","iconOnly","letterNumber","avatar","startDecorator","endDecorator","fullWidth","fit","orientation","placement"],MB=e=>e.sample||e.name,AB=e=>{const a=TB.indexOf(MB(e));return-1===a?TB.length:a},LB=e=>e.map((e,a)=>({pr:e,i:a})).sort((e,a)=>AB(e.pr)-AB(a.pr)||e.i-a.i).map(({pr:e})=>e);function IB({component:e,theme:r=null,surface:i="Surface"}){const o=BB(e);if(!o)return t.jsx(wB,{component:e,what:"reference"});const n=mB(o.name)?xB[o.name]:null,l=bB(o.name);return t.jsx(a.Box,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:3,children:[n?t.jsx(Of,{theme:r,surface:i,minHeight:120,children:t.jsx(a.Box,{sx:{width:"100%",p:3,display:"flex",justifyContent:"center"},children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:420,textAlign:"center"},children:n({theme:r,surface:i})})})}):null,t.jsx(Ja,{children:o.summary}),o.links&&o.links.length?t.jsx(a.Box,{sx:{display:"flex",gap:"var(--Sizing-3)",flexWrap:"wrap"},children:o.links.map((e,a)=>t.jsx(It,{href:e.href,target:"_blank",rel:"noopener noreferrer",children:e.label},a))}):null,o.insteadUse.length>0&&t.jsx(kB,{title:"Reach for something else when",children:t.jsx(CB,{items:o.insteadUse.map(e=>({head:e.when,sub:`Use ${e.use}`}))})}),o.props.length>0&&t.jsx(kB,{title:"Props",children:t.jsx(a.Stack,{spacing:0,children:LB(o.props).map((e,n)=>{const s=MB(e),c=function(e,a){return Boolean(fB[e]&&fB[e][a])}(o.name,s)?fB[o.name][s]:null,d=l&&l.after===s?l:null,u=[e.values&&e.values.length?e.values.join(" | "):null,e.default?`default: ${e.default}`:null,e.note].filter(Boolean).join("  ·  ");return t.jsxs(a.Box,{sx:{py:1},children:[t.jsxs(Xa,{children:[e.label||e.name," — ",e.type]}),u?t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:u}):null,c?t.jsx(a.Box,{sx:{mt:1.5},children:t.jsx(Of,{theme:r,surface:i,minHeight:0,children:t.jsx(a.Box,{sx:{p:2},children:c({theme:r,surface:i})})})}):null,d?t.jsx(a.Box,{sx:{mt:2},children:t.jsxs(a.Stack,{spacing:1.5,children:[t.jsx(ot,{children:d.title}),t.jsx(Xa,{children:d.body}),t.jsx(yB,{title:d.shot}),d.caveat?t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:d.caveat}):null]})}):null]},n)})})}),o.states.length>0&&t.jsx(kB,{title:"States",children:t.jsx(CB,{items:o.states.map(e=>({head:e.state,sub:[`set by ${e.setBy}`,e.note].filter(Boolean).join("  ·  ")}))})}),o.theming.length>0&&t.jsxs(kB,{title:"Theming",children:[t.jsx(CB,{items:o.theming.map(e=>({head:e.collection,sub:`In code: ${e.inCode}\nIn Figma: ${e.inFigma}`}))}),(o.themingNotes||[]).map((e,a)=>t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:8},children:e},a))]}),o.tokens.length>0&&t.jsx(kB,{title:"Tokens",children:t.jsx(CB,{items:o.tokens.map(e=>({head:e.name,sub:[e.sets,e.variesWith?`varies with ${e.variesWith}`:null,e.figma].filter(Boolean).join("  ·  ")}))})}),o.composition.length>0&&t.jsx(kB,{title:"Composition",children:t.jsx(CB,{items:o.composition.map(e=>({head:e}))})}),o.gotchas.length>0&&t.jsx(kB,{title:"Gotchas",children:t.jsx(CB,{items:o.gotchas.map(e=>({head:e}))})})]})})}function NB({component:e}){const r=BB(e),i=r&&r.changes||[],o=encodeURIComponent(`[${e}] `);return t.jsx(a.Box,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:3,children:[0===i.length?t.jsxs(Ja,{color:"quiet",children:["No breaking changes recorded for ",e,". Only changes that break, or that silently change meaning, are listed here — not every fix."]}):t.jsx(a.Stack,{spacing:0,children:i.map((e,r)=>t.jsxs(a.Box,{sx:{py:1},children:[t.jsxs(a.Stack,{direction:"row",spacing:1,useFlexGap:!0,sx:{alignItems:"center",flexWrap:"wrap"},children:[t.jsx(Xa,{style:{fontWeight:700},children:e.version}),e.silent?t.jsx(at,{style:{color:"var(--Text-Warning)",fontWeight:600},children:"SILENT — old code still renders"}):null]}),t.jsx(Ja,{children:e.change}),e.migrate?t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Instead: ",e.migrate]}):null]},r))}),t.jsxs(a.Box,{children:[t.jsx(Oa,{children:"Something wrong or missing?"}),t.jsx(Xa,{color:"quiet",children:"Report it against this component and it arrives with the name already filled in."}),t.jsx(a.Box,{sx:{mt:1},children:t.jsxs(It,{href:`${zB}?title=${o}`,target:"_blank",rel:"noreferrer",children:["Report an issue with ",e]})})]})]})})}const RB="Qv2dqF7mYoAGY77EkdrwTv",DB="Omni-Designs-Aug12",WB={Typography:"2892:1220",Accordion:"3156:824",Alert:"8832:27566",AppBar:"7446:33121",Avatar:"3156:2682",Badge:"3156:4764",Box:"3156:5155",Breadcrumbs:"3156:5265",Button:"3492:3526",ButtonGroup:"9350:37170",ToggleButtonGroup:"6583:12058",Card:"7442:31014",Checkbox:"6729:509",Chip:"8927:14974",CodeBlock:"9150:18202",Dialog:"8122:6767",Divider:"6847:26729",Drawer:"6896:32544",Fab:"6778:14825",Icon:"5669:4784",IconBadge:"9189:26750",Input:"8574:17760",Link:"3156:5445",List:"6875:28869",Loader:"5859:1529",Menu:"9112:17981",Modal:"8117:6603",NumberField:"6850:28494",Pagination:"8379:6689",Radio:"6778:13564",Rail:"8224:2635",Ratio:"6241:11973",Rating:"6780:12084",SearchField:"8574:17760",Select:"8493:14435",Sheet:"8326:2799",Slider:"6791:13099",Snackbar:"8836:28082",Stepper:"8379:13798",SwitchInput:"3503:3820",Table:"8379:11736",Tabs:"8212:9163",Tag:"7442:32013",TextField:"8574:17760",Toolbar:"7446:33121",Tooltip:"8829:25532",TreeView:"6896:32593",BottomNavigation:"7446:33043"};function FB({title:e,component:r}){const i=r?function(e){const a=WB[e];return a?`https://www.figma.com/design/${RB}/${DB}?node-id=${a.replace(":","-")}`:null}(r):null;return t.jsxs(a.Box,{sx:{display:"flex",alignItems:"baseline",gap:2,flexWrap:"nowrap"},children:[t.jsx(a.Box,{sx:{flex:"0 1 auto",minWidth:0},children:t.jsx(Pa,{children:e})}),i&&t.jsxs(It,{href:i,target:"_blank",rel:"noopener noreferrer",sx:{ml:"auto",display:"inline-flex",alignItems:"center",gap:.75,flexShrink:0,whiteSpace:"nowrap"},children:[t.jsx(Kx,{name:"figma"}),"Open in Figma"]})]})}const PB=[{title:"Platforms, not breakpoints",lede:"There are no media queries in this system. Not one.",body:["Responsive behaviour comes from a `data-device` attribute on the root element, not from viewport width. Set it and every metric changes at once — the type ramp, button heights, icon sizes, touch targets, bar heights.","The reason is that these are not width decisions. A 28px Android button and a 44px iOS one are the two vendors' published minimums, not two points on a curve; a media query would have to invent a width at which one becomes the other."],table:{head:["Attribute","Covers"],rows:[['`[data-device="Desktop"]`',"desktop, and the default"],['`[data-device="IOS-Mobile"]`',"iPhone"],['`[data-device="IOS-Tablet"]`',"iPad, both orientations"],['`[data-device="Android-Tablet"]`',"Android tablet, both orientations"],['`[data-device="Android-Mobile"]`',"Android phone"]]},body2:[],trap:"The attribute was `data-platform` until the device modes were split; a system generated before that still selects on the old name, so the library sets BOTH until every system in Storage has been regenerated. Do not write `@media (min-width: …)` against these tokens. A breakpoint cannot change them — they are attribute-scoped — so the rule will appear to do nothing, and adding your own values fights the attribute rather than extending it."},{title:"Surfaces",lede:"Ten levels, and `data-theme` + `data-surface` is how you paint anything.",body:["Setting both attributes exposes a whole matched set — `--Background`, `--Text`, `--Quiet`, `--Header`, `--Border`, `--Border-Variant`, `--Hover`, `--Pressed`, `--Hotlink` — all tuned for that surface's tone.","Writing `background: var(--Surface)` paints the box and leaves the text, borders and states on the PARENT's tone. It looks right until the surface flips dark or moves a level, and then the contrast breaks with nothing to point at.",'Use `<Section theme="Primary" surface="Surface">` where you want the attributes AND the paint; `<ThemedZone>` where you want the attributes only, because something inside paints itself.'],table:{head:["Group","Levels"],rows:[["Surface","`Surface` · `Surface-Dim` · `Surface-Dimmest` · `Surface-Bright` · `Surface-Brightest`"],["Container","`Container` · `Container-Low` · `Container-Lowest` · `Container-High` · `Container-Highest`"]]},trap:"Never `background: var(--Surface)` or `var(--Container)`. Those exist so the system can COMPUTE `--Background`; components read `--Background`, which is what `data-surface` resolves to."},{title:"Static and dynamic typography",lede:"Two type systems, and which one applies depends on the platform.",body:["STATIC type is the brand's own ramp: one set of sizes, generated from the type scale, used on Desktop. Its line heights come out of the generated block and are already a clean ramp — `max(size × 1.15, size + 8)` holds exactly for H1 through H5 without anyone having written that rule down.","DYNAMIC type is the platform's. On iOS the sizes and line heights come from Apple's Dynamic Type table; on Android from Material 3. These are published tables, not curves, so they are transcribed rather than derived — running a brand ratio over them produces numbers neither vendor specifies.","Line height on the mobile platforms is COMPUTED from the platform table rather than read from the stylesheet. The static mobile blocks set every heading solid at 1.0, which clips in Figma — a text box IS its line height and a descender has nowhere to go — and carried two values that could not be right at all.","Desktop is deliberately left alone: its block is generated rather than static and is already correct. Running the platform curve over it would have loosened Legal to 1.80 and Label-ExtraSmall to 1.73, because the `+8` was fitted to the middle of the range where the platforms add 2–5px at the bottom."],trap:'Do not "fix" a mobile line height by editing the static block. On iOS and Android it is derived from the platform table at generate time and your value will be replaced — which is the point, because it is what stops the two impossible numbers recurring.'},{title:"Sizing",lede:"One scale, in 8px steps with two fractions below it. The tokens are --Sizing-*.",body:["There are NEGATIVES, four of them, mirroring the fractions and the first step. They exist for pulling something back over its neighbour — an overlap, a bevel's inward spread, cancelling a gap a parent already added. A negative margin written as a literal is the thing that stops tracking the scale when a brand changes it.","Everything that is a gap or a padding comes from here. A radius does NOT: a corner is a different axis, and binding one to a spacing token welds two independent things together — which is exactly what happened to the list row, whose radius and padding were both `Sizing-1` and could not move apart.","The 24px minimum touch target is `--Sizing-3`, not a control-specific token. It already exists on this scale, and a second name for one number is how two numbers appear."],table:{head:["Token","px","Typical use"],rows:[["`--Sizing-Quarter`","2","hairlines, the tab indicator track"],["`--Sizing-Half`","4","tight internal gaps"],["`--Sizing-1`","8","the default gap and row padding"],["`--Sizing-1-and-Half`","12","a row's internal gap"],["`--Sizing-2`","16","card padding"],["`--Sizing-2-and-Half`","20","between 2 and 3 where 8px is too coarse"],["`--Sizing-3`","24","**the minimum touch target** (WCAG 2.5.8)"],["`--Sizing-4` … `--Sizing-16`","32 … 128","section and layout spacing"],["`--Sizing-20` · `--Sizing-30`","160 · 240","the large end — panel and column widths"],["`--Sizing-Negative-Quarter`","-2","pulling a hairline back over its neighbour"],["`--Sizing-Negative-Half`","-4","overlap, and a bevel's inward spread"],["`--Sizing-Negative-1`","-8","cancelling one step of gap"],["`--Sizing-Negative-1-and-Half`","-12","cancelling a row's internal gap"]]},trap:"If you are reaching for a spacing token to set a radius, stop. Radii have their own tokens per component — `--Card-Radius`, `--Button-Radius`, `--List-Item-Radius` — and they derive from the brand's corner setting, not from the spacing scale."},{title:"Component size",lede:"A third axis: small, medium and large, scaling a component's own internals.",body:["This is NOT the platform and NOT the spacing scale. The platform decides what a device needs — a 44px iOS target against a 48px Android one. The sizing scale is fixed pixels for gaps and padding. Component size is the `size` prop: the same component, asked to be bigger or smaller, with every internal measurement moving together.",'Figma holds it as the Component-Size collection, 154 variables across three modes. One `size="small"` moves the height, the radius, the icon, the gap, the padding, the focus ring and the type at once — which is why a component should take the prop rather than have its parts set individually.',"The three modes are not a simple multiplier. `Button-Padding` is 8 at small AND medium and 16 at large; `Checkbox-Gap` is 4 / 8 / 12; `Tooltip-Radius` is 8 at every size. Each value was chosen, so reading one off and scaling it produces numbers the system does not contain."],table:{head:["Variable","small","medium","large"],rows:[["`Button-Height`","24","32","56"],["`Button-Icon-Only`","16","24","40"],["`Input-Height`","32","40","48"],["`Checkbox-Width`","16","20","24"],["`Radio` · `Dot`","16 · 8","20 · 10","24 · 12"],["`Switch-Width` · `Height`","35 · 20","42 · 24","56 · 32"],["`FAB-Width` · `Icon`","32 · 16","48 · 24","56 · 32"],["`Card-Radius` · `Padding`","14 · 12","18 · 16","23 · 20"],["`Menu-Swatch`","16","24","32"]]},trap:"Do not set a component's parts to hit a size. Passing `size` moves all of them together and keeps the focus ring, the touch target and the type in step; setting a height by hand moves one and silently breaks the other three."},{title:"Elevation",lede:"Five levels, and a component's level is a property of the component.",body:["A shadow's alpha is FLAT per level — `alpha = TOTAL[level] / N` — so raising the resolution of a shadow redistributes its opacity without changing it. A slider cannot make a shadow heavier; elevation lives in the total and the geometry.","A bevel and a drop shadow are different things. A bevel lights the component's OWN surface and follows its theme; a drop shadow falls on the PAGE and must read the page's theme. That is why a themed component puts its theme on an inner `Theme-*` layer and leaves the shadow on an outer node that inherits."],table:{head:["Component","Rest","Hover"],rows:[["Button, outlined Card","0","1"],["Handle, Accordion","1","—"],["Card, Bottom Sheet","1","2"],["AppBar, Toolbar, Menu","2","—"],["FAB","3","4"],["Dialog, Modal","5","—"]]},trap:"A button is flat at rest and earns its shadow by being hovered. A Dialog is already at the top of the stack and cannot be raised — `elevated` on one does nothing."},{title:"The Alt Display",lede:"A decorative display face with a gradient, and every brand gets one.",body:["The gradient comes in two kinds, and the palette decides which — not whether. Denying the treatment to the roughly half of brands whose Primary and Secondary sit far apart on the wheel would make it a lottery.","**duo** — Header-Primary to Header-Secondary, when the two hues are near enough to blend.","**mono** — Header-Primary to a lighter or darker shade of ITSELF, chosen against the background. One hue, so it cannot collide.","A brand whose palette cannot be read at all lands on `mono`, because that is the treatment that needs only one hue to be known. A grey Secondary counts as maximally distant rather than as zero — a grey blended into a colored Primary looks like a rendering fault, and zero would be the one answer that turns the gradient on.","Solid Header-Secondary is the sibling VARIANT, not the failure case: a designer picks between them. Two values are fine when something selects between them, and here the selector is a person.","Its WEIGHT is a contrast with Display's, in whichever direction has room — a drop alone cannot work at both ends, because a Display already at 600 has nowhere light to go without becoming thin at Alt-Display-Small."],trap:"The gradient is not a brand choice to override with two colors of your own. It is derived from the palette, and hand-picking the stops produces a pair nothing guarantees is legible against the background."},{title:"Theming a component",lede:"A theme is a variable mode on ONE layer, and that layer is named `Theme-*`.",body:["It is not a property of the component. A card themed Secondary has a `Theme-Container` frame inside it holding the Secondary mode, and everything under that frame inherits. Changing the card means changing the mode on that frame — not on the card, and not on the layers inside it.","When a component has no `Theme-*` child, the mode belongs on the instance itself. Those are the only two places it is allowed. A mode anywhere else stops that layer following the theme, which is invisible until the day the theme changes and one layer does not move.","Theme and Surface are separate axes. Theme picks the palette; Surface picks the level within it — so a Primary card and a Primary card at `Surface-Dimmest` are the same palette at two tones. Buttons and Icons are their own collections, with one mode per palette, and they are meant to move WITH the theme rather than be set separately.","Never set a mode on a main component. It edits the library: every instance that has not overridden it moves, in every file that has the component, and nobody whose file changed will know why. Place an instance and theme that."],table:{head:["Where the mode goes","When"],rows:[["the outermost `Theme-*` frame","whenever the component has one"],["the selected instance","only when it has no `Theme-*` child"],["a `Theme-Button` frame","buttons — it carries the Buttons palette and nothing else"],["anywhere else","**never** — it is drift, and it will go stale silently"]]},trap:"Setting the mode on the instance when a `Theme-*` child exists appears to do nothing: the child keeps its own value and wins. Both are now set, they drift apart, and the component looks correct until somebody re-themes it. The Omni Design plugin and the Omni Theme widget find the right layer for you, move Buttons and Icons with it, and name any mode sitting where it should not be."},{title:"Static colors",lede:"The raw tone ramp. For graphics and SVGs — never for a background or a component.",body:["Every palette publishes twelve numbered tones, `--Primary-Color-1` through `--Primary-Color-12`, nine palettes deep. They are STATIC: a tone is the same color whatever surface it sits on and whichever mode is active. That is what makes them useful for illustration, and what makes them wrong for anything else.","A background, a border or a component color must follow the cascade — `--Background`, `--Text`, `--Border`, `--Buttons-*` all resolve differently per surface and per mode, and they carry contrast guarantees that were measured. A numbered tone carries none: it is a color, not a role, and nothing checks what sits on it.","Reach for them when you are drawing — an SVG illustration, a chart series, a decorative shape — where there is no text to contrast against and no surface to follow. Everywhere else, name the role."],trap:"This is not theoretical. The Footer painted `background: var(--Primary-Color-2)` with the Copyright strip on `--Primary-Color-1`, a pair chosen to look one step apart. It worked, which is why it survived — and it left --Quiet, --Border, --Hotlink and every button override resolving against the PARENT surface while the box was painted from somewhere else. Both now declare a theme and a surface, which is what makes the rest of the set follow."},{title:"States are generated, not chosen",lede:"Hover, pressed, focus and disabled are computed to stay accessible.",body:["Every clickable thing needs all four. They come from curated per-surface tables tuned to WCAG rather than from a formula applied blindly, so they are accessible by construction — a hover tone is picked to move AWAY from the text sitting on it, not by stepping an index.","Direction is decided by the LABEL, not by the tone number. The index is a proxy that assumes every palette's text flips at tone 6, and the one palette where it does not took a 4.54:1 button to 2.17:1.","A narrow pass is a pass. Do not pad a value that already meets its threshold."],trap:"Never invent a hover or focus color. Links in particular have NO hover tone — the underline thickens instead — and any value you supply would be unverified against a 4.5:1 requirement."}];const HB={"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,a])=>({label:e,options:a.map(e=>({value:e,label:HB[e]}))}));const OB=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",EB=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary"]},{label:"State",colors:["info","success","warning","error"]}],VB=[v,_e,m,z,ea,aa];const qB={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 QB({value:r,defaultValue:i=0,onChange:o,min:n,max:l,step:s=1,variant:c="outlined",style:d="outline",color:u="default",size:h="medium",label:x,labelPosition:m="top",placeholder:p,helperText:f,disabled:b=!1,fullWidth:v=!1,className:y="",sx:j={},...S}){const[z,B]=e.useState(i),[w,k]=e.useState(!1),C=e.useRef(null),T=void 0!==r,M=T?r:z,A=""!==M&&null!=M,L=(I="default"===u?"primary":u).charAt(0).toUpperCase()+I.slice(1);var I;"production"!==process.env.NODE_ENV&&"light"===d&&console.warn('[NumberField] style="light" was removed and had never done anything — it was read by no code path. For a lighter field use data-surface="Surface-Brightest" on its container.');const N="default"===u?"var(--Border)":"var(--Buttons-"+L+"-Border)",R="default"===u?"var(--Text)":"var(--Text-"+L+")",D="outlined"===c,W="floating"===m,F="top"===m,P=qB[h]||qB.medium,H="small"===h?Xa:Ja,O=e.useCallback(e=>{let a="number"==typeof e?e:parseFloat(e);isNaN(a)&&(a=0),void 0!==n&&a<n&&(a=n),void 0!==l&&a>l&&(a=l),T||B(a),o?.(a)},[T,o,n,l]),E=e.useRef(M);E.current=M;const V=e.useCallback(e=>{if(b)return;const a="number"==typeof E.current?E.current:parseFloat(E.current)||0;void 0!==n&&e<0&&a<=n||void 0!==l&&e>0&&a>=l||O(a+e*s)},[b,s,n,l,O]),q=void 0!==n&&M<=n,Q=void 0!==l&&M>=l,G=e.useRef(null),U=e.useRef(null),X=e.useCallback(()=>{G.current&&(clearTimeout(G.current),G.current=null),U.current&&(clearInterval(U.current),U.current=null)},[]),Y=e.useCallback(e=>{b||(X(),V(e),G.current=setTimeout(()=>{let a=120,t=0;const r=()=>{V(e),t+=1,10===t&&a>60?(clearInterval(U.current),a=60,U.current=setInterval(r,a)):30===t&&a>30&&(clearInterval(U.current),a=30,U.current=setInterval(r,a))};U.current=setInterval(r,a)},400))},[b,V,X]);e.useEffect(()=>X,[X]);const J=e.useRef(!1),Z=e=>({onPointerDown:a=>{if(void 0===a.button||0===a.button){a.preventDefault();try{a.currentTarget.setPointerCapture?.(a.pointerId)}catch(e){}J.current=!0,Y(e)}},onClick:()=>{J.current?J.current=!1:V(e)},onPointerUp:e=>{try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch(e){}X()},onPointerCancel:X,onPointerLeave:X,onKeyDown:a=>{"Enter"!==a.key&&" "!==a.key||a.repeat||(a.preventDefault(),Y(e))},onKeyUp:e=>{"Enter"!==e.key&&" "!==e.key||X()},onBlur:X}),$=e=>{const a=e.target.value;if(""===a||"-"===a)return void(T||B(a));const t=parseFloat(a);isNaN(t)||O(t)},K=e=>{"ArrowUp"===e.key&&(e.preventDefault(),V(1)),"ArrowDown"===e.key&&(e.preventDefault(),V(-1))},_={display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"transparent",color:"default"===u?"var(--Text)":"var(--Text-"+L+")",cursor:"pointer",outline:"none",flexShrink:0,border:"none",padding:0,borderRadius:"var(--Button-Icon-Radius, 0)",transition:"background-color 0.15s ease","&:hover:not(:disabled)":{backgroundColor:"var(--Hover)"},"&:active:not(:disabled)":{backgroundColor:"var(--Pressed)"},"&:focus-visible":{outline:"none",boxShadow:"inset 0 0 0 1px var(--Focus-Visible)"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},ee={},ae=()=>F&&x?t.jsx(H,{component:"label",style:{display:"block",marginBottom:"6px",color:b?"var(--Quiet)":"var(--Text)",fontWeight:500,opacity:b?"var(--Disabled, 0.38)":1},children:x}):null;return D?t.jsxs(a.Box,{className:"numberfield numberfield-outlined"+(b?" numberfield-disabled":"")+(y?" "+y:""),sx:{width:v?"100%":"auto",fontFamily:"inherit",...j},...S,children:[ae(),t.jsx(a.Box,{sx:{border:"1px solid "+N,borderRadius:"small"===h?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===h?"var(--Lg-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden",transition:"border-color 0.15s ease",boxShadow:"none",opacity:b?"var(--Disabled, 0.38)":1,"&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:t.jsx(a.Box,{...ee,children:t.jsxs(a.Box,{sx:{position:"relative",display:"flex",alignItems:"stretch",minHeight:"max("+P.height+", calc(var(--Sizing-3, 24px) * 2 + 1px))",backgroundColor:"var(--Background)"},children:[W&&x&&t.jsx(a.Box,{sx:{position:"absolute",top:A||w?"6px":"50%",left:P.padding.split(" ")[1]||"14px",transform:A||w?"none":"translateY(-50%)",transformOrigin:"top left",color:w?R:"var(--Quiet)",fontFamily:"var(--Font-Families-Body, var(--Body-Font-Family))",...A||w?{fontSize:"var(--"+(Vg[h]||Vg.medium).shrunk+"-Font-Size)",fontWeight:"var(--"+(Vg[h]||Vg.medium).shrunk+"-Font-Weight)",letterSpacing:"var(--"+(Vg[h]||Vg.medium).shrunk+"-Letter-Spacing)"}:{fontSize:"var(--"+(Vg[h]||Vg.medium).resting+"-Font-Size)",fontWeight:"var(--"+(Vg[h]||Vg.medium).resting+"-Font-Weight)",letterSpacing:"var(--"+(Vg[h]||Vg.medium).resting+"-Letter-Spacing)"},pointerEvents:"none",transition:"top 0.15s ease, font-size 0.15s ease, color 0.15s ease",zIndex:1},children:x}),t.jsx(a.Box,{component:"input",ref:C,type:"text",inputMode:"numeric",role:"spinbutton","aria-valuenow":"number"==typeof M?M:void 0,"aria-valuemin":n,"aria-valuemax":l,"aria-label":x||"Number",value:M,onChange:$,onKeyDown:K,onFocus:()=>k(!0),onBlur:()=>k(!1),disabled:b,placeholder:W?void 0:p||"",sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:A||w?R:"var(--Quiet)",fontSize:P.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)",padding:W?"22px 14px 6px":P.padding,minWidth:0,"&::placeholder":{color:"var(--Quiet)",opacity:1},"&:disabled":{cursor:"not-allowed"}}}),t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"stretch",borderLeft:"1px solid "+N,flexShrink:0},children:[t.jsx(a.Box,{component:"button",type:"button","aria-label":"Increase",...Z(1),disabled:b||Q,sx:{..._,width:"var(--Sizing-4, 32px)",height:"var(--Sizing-3, 24px)"},children:t.jsx(am,{size:"medium",children:t.jsx(ta,{})})}),t.jsx(a.Box,{"aria-hidden":"true",sx:{height:"1px",backgroundColor:N,flexShrink:0}}),t.jsx(a.Box,{component:"button",type:"button","aria-label":"Decrease",...Z(-1),disabled:b||q,sx:{..._,width:"var(--Sizing-4, 32px)",height:"var(--Sizing-3, 24px)"},children:t.jsx(am,{size:"medium",children:t.jsx(ra,{})})})]})]})})}),f&&t.jsx(Xa,{style:{color:"var(--Quiet)",marginTop:"4px",marginLeft:"2px"},children:f})]}):t.jsxs(a.Box,{className:"numberfield numberfield-spinner"+(b?" numberfield-disabled":"")+(y?" "+y:""),sx:{fontFamily:"inherit",...j},...S,children:[ae(),t.jsxs(a.Box,{sx:{display:"inline-flex",alignItems:"center",gap:"small"===h?.5:1,opacity:b?"var(--Disabled, 0.38)":1},children:[t.jsx(a.Box,{component:"button",type:"button","aria-label":"Decrease",...Z(-1),disabled:b||q,sx:{..._,width:P.btnSize,height:P.btnSize,borderRadius:"small"===h?"var(--Sm-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"large"===h?"var(--Lg-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"var(--Button-Icon-Radius, var(--Style-Border-Radius))",border:"1px solid "+N},children:t.jsx(am,{size:"small",children:t.jsx(g,{})})}),t.jsx(a.Box,{sx:{border:"1px solid "+N,borderRadius:"small"===h?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===h?"var(--Lg-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden","&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:t.jsx(a.Box,{...ee,children:t.jsx(a.Box,{component:"input",ref:C,type:"text",inputMode:"numeric",role:"spinbutton","aria-valuenow":"number"==typeof M?M:void 0,"aria-valuemin":n,"aria-valuemax":l,"aria-label":x||"Number",value:M,onChange:$,onKeyDown:K,onFocus:()=>k(!0),onBlur:()=>k(!1),disabled:b,sx:{width:"small"===h?40:56,minHeight:P.height,textAlign:"center",border:"none",outline:"none",backgroundColor:"var(--Hover)",color:"var(--Text)",fontSize:P.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:600,"&:disabled":{cursor:"not-allowed"}}})})}),t.jsx(a.Box,{component:"button",type:"button","aria-label":"Increase",...Z(1),disabled:b||Q,sx:{..._,width:P.btnSize,height:P.btnSize,borderRadius:"small"===h?"var(--Sm-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"large"===h?"var(--Lg-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"var(--Button-Icon-Radius, var(--Style-Border-Radius))",border:"1px solid "+N},children:t.jsx(am,{size:"small",children:t.jsx(ye,{})})})]}),f&&t.jsx(Xa,{style:{color:"var(--Quiet)",marginTop:"4px",marginLeft:"2px"},children:f})]})}const GB=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",UB=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function XB({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function YB({color:e,selected:r,onClick:i}){const n=GB(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const JB={color:"var(--Text)",backgroundColor:"transparent",textTransform:"none",fontWeight:500,"&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},"&.Mui-focusVisible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px",zIndex:1},"&.Mui-disabled":{color:"var(--Quiet)",opacity:"var(--Disabled, 0.38)"},"&.Mui-selected":{backgroundColor:"var(--Buttons-Primary-Button)",color:"var(--Buttons-Primary-Text)","&:hover":{backgroundColor:"var(--Buttons-Primary-Hover)"},"&:active":{backgroundColor:"var(--Buttons-Primary-Pressed)"}}};const ZB=["Surface","Surface-Dim","Surface-Bright","Container","Container-Low","Container-Lowest","Container-High"],$B=["Default","Primary","Primary","Secondary","Secondary","Tertiary","Tertiary","Neutral","Neutral","Info","Success","Warning","Error"];function KB({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function _B({theme:e,surface:a="Surface",as:r="section",padding:i,className:o,style:n,children:l,...s}){return t.jsx(r,{...e?{"data-theme":e}:{},"data-surface":a,className:o,style:{background:"var(--Background)",color:"var(--Text)",...void 0!==i?{padding:i}:{},...n},...s,children:l})}function ew({actions:r=[],variant:i="solid",color:o="default",direction:n="up",speed:l=50,showTooltips:s=!0,open:c,onOpen:d,onClose:u,icon:h,ariaLabel:x="Speed Dial",className:m="",sx:p={},...f}){const[g,b]=e.useState(!1),v=void 0!==c,y=v?c:g,j=e.useRef(null),S=i,z=e.useCallback(()=>{y?(v||b(!1),u?.()):(v||b(!0),d?.())},[y,v,d,u]),B=e.useCallback((e,a)=>{e.onClick?.(a),v||b(!1),u?.()},[v,u]);e.useEffect(()=>{if(!y)return;const e=e=>{j.current&&!j.current.contains(e.target)&&(v||b(!1),u?.())};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[y,v,u]),e.useEffect(()=>{if(!y)return;const e=e=>{"Escape"===e.key&&(v||b(!1),u?.())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[y,v,u]);const w="up"===n||"down"===n,k="up"===n||"down"===n?"left":"top",C=t.jsx(a.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",transition:"transform 0.3s ease",transform:y?"rotate(45deg)":"rotate(0deg)"},children:h||t.jsx(ye,{})});return t.jsxs(a.Box,{ref:j,className:"speed-dial speed-dial-"+i+" speed-dial-"+o+" speed-dial-"+n+" "+m,sx:{position:"relative",display:"inline-flex",overflow:"visible",width:w?"56px":"auto",height:w?"auto":"56px",...p},...f,children:[t.jsx(kg,{size:"large",variant:S,color:o,onClick:z,"aria-label":x,"aria-expanded":y,"aria-haspopup":"menu",sx:{position:"relative",zIndex:2},children:C}),t.jsx(a.Box,{role:"menu",sx:{position:"absolute",inset:0,pointerEvents:"none",overflow:"visible"},children:r.map((e,r)=>{const i=(e=>{const a=56+44*e;switch(n){case"up":default:return{bottom:a+"px",left:"12px"};case"down":return{top:a+"px",left:"12px"};case"left":return{right:a+"px",top:"12px"};case"right":return{left:a+"px",top:"12px"}}})(r),c=r*l,d=t.jsx(kg,{size:"small",variant:S,color:o,role:"menuitem","aria-label":e.name||"Action "+(r+1),onClick:()=>B(e,r),sx:{position:"absolute",...i,opacity:y?1:0,transform:y?"scale(1)":"scale(0.3)",transition:"opacity 0.2s ease, transform 0.2s ease",transitionDelay:y?c+"ms":"0ms",pointerEvents:y?"auto":"none"},children:e.icon||t.jsx(ye,{})},e.key||r);return s&&e.name?t.jsx(a.Tooltip,{title:e.name,placement:k,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||r):d})})]})}const aw=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",tw=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],rw=[{name:"Edit",icon:t.jsx(am,{size:"small",sx:{color:"inherit"},children:t.jsx(je,{})})},{name:"Share",icon:t.jsx(am,{size:"small",sx:{color:"inherit"},children:t.jsx(ia,{})})},{name:"Delete",icon:t.jsx(am,{size:"small",sx:{color:"inherit"},children:t.jsx(y,{})})},{name:"Favorite",icon:t.jsx(am,{size:"small",sx:{color:"inherit"},children:t.jsx(b,{})})}];function iw({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function ow({color:e,selected:r,onClick:i}){const n=aw(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const nw={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",black:"BW",white:"BW"};function lw(e,a){return"var(--"+(nw[e]||"Primary")+"-Color-"+a+")"}const sw={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 cw(e,a){const t=sw[e]||sw.primary;return(t[a]||t.linear).map(e=>({...e}))}function dw({variant:e="linear",color:r="primary",angle:i=135,stops:o=null,position:n=null,blobs:l=null,cardProps:s={},minHeight:c=300,children:d,className:u="",sx:h={},...x}){const m="meshCard"===e,p="mesh"===e||m,f="radial"===e,g="linear"===e||f,b=o||cw(r,f?"radial":"linear"),v=l||cw(r,m?"meshCard":"mesh"),y=p?function(e){if(!e||0===e.length)return"none";const a=e.map(e=>{const a=lw(e.family,e.tone),t=e.spread||40;return"radial-gradient(circle at "+e.x+"% "+e.y+"%, "+a+" 0%, transparent "+t+"%)"}),t=lw(e[0].family,e[0].tone);return a.push(t),a.join(", ")}(v):f?function(e,a){if(!e||0===e.length)return"none";const t=[...e].sort((e,a)=>e.position-a.position).map(e=>lw(e.family,e.tone)+" "+e.position+"%"),r=a||{x:50,y:50};return"radial-gradient(circle at "+r.x+"% "+r.y+"%, "+t.join(", ")+")"}(b,n||{x:50,y:50}):function(e,a){return e&&0!==e.length?"linear-gradient("+a+"deg, "+[...e].sort((e,a)=>e.position-a.position).map(e=>lw(e.family,e.tone)+" "+e.position+"%").join(", ")+")":"none"}(b,i),j=g?b[0]:v[0];var S,z;const B=function(e){return"dark"===e?"var(--BW-Color-1)":"var(--BW-Color-6)"}((S=j?.tone||8,"black"===(z=j?.family||"primary")||"white"===z?S<=5?"light":"dark":S<=5?"dark":"light"));return m?t.jsx(a.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",...h},...x,children:t.jsx(Jf,{variant:"solid",...s,children:t.jsx(Zf,{children:d})})}):t.jsx(a.Box,{className:"gradient gradient-"+e+" "+u,sx:{background:y,minHeight:c,borderRadius:"var(--Card-Radius)",color:B,display:"flex",alignItems:"center",justifyContent:"center",position:"relative",overflow:"hidden",...h},...x,children:d})}["default","primary","secondary","tertiary","neutral"].map(e=>{return{value:e,label:(a=e,a?a.charAt(0).toUpperCase()+a.slice(1):"")};var a});const uw={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},hw={small:{height:"4px",borderRadius:"2px"},medium:{height:"6px",borderRadius:"3px"},large:{height:"8px",borderRadius:"4px"}};function xw({value:e,color:r="primary",size:i="medium",className:o="",sx:n={},...l}){const s=uw[r]||"Primary",c=hw[i]||hw.medium,d=null!=e,u=d?Math.min(100,Math.max(0,e)):0,h="var(--Buttons-"+s+"-Border)";return t.jsx(a.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-"+i+" linear-progress-"+r+(d?" linear-progress-determinate":" linear-progress-indeterminate")+" "+o,sx:{position:"relative",width:"100%",height:c.height,borderRadius:c.borderRadius,backgroundColor:"var(--Border-Variant)",overflow:"hidden",flexShrink:0,...n},...l,children:t.jsx(a.Box,{className:"linear-progress-bar",sx:{position:"absolute",top:0,left:0,height:"100%",borderRadius:"inherit",backgroundColor:h,...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 mw=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",pw=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function fw({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function gw({color:e,selected:r,onClick:i}){const n=mw(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const bw={default:{theme:"Neutral",surface:"Surface-Dimmest"},primary:{theme:"Primary",surface:"Surface-Dim"},"primary-dark":{theme:"Primary",surface:"Surface-Dimmest"},white:{bg:"var(--Neutral-Color-11)",fg:"var(--Neutral-Color-3)"},black:{bg:"var(--Neutral-Color-1)",fg:"var(--Neutral-Color-12)"}};function vw({color:e="default",companyName:a="",year:r=(new Date).getFullYear(),rights:i="All rights reserved",children:o,className:n,style:l,...s}){const c=o??`© ${r}${a?" "+a:""}.${i?" "+i+".":""}`,d=bw[e]||bw.default,u=d.theme?{"data-theme":d.theme,"data-surface":d.surface||"Surface-Dim"}:{},h=d.theme?{background:"var(--Background)",color:"var(--Text)"}:{background:d.bg,color:d.fg};return t.jsx("div",{...u,className:["dino-copyright",n].filter(Boolean).join(" "),style:{padding:"var(--Sizing-2, 16px) 24px",textAlign:"center",...h,...l},...s,children:t.jsx(Xa,{style:{color:"inherit",opacity:.85},children:c})})}const yw={default:{theme:"Primary",surface:"Surface-Dimmest"},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 jw({color:e="default",brand:a,address:r,columns:i=[],socialLinks:o=[],copyright:n=!0,children:l,subscribe:s,copyrightName:c,copyrightYear:d,className:u,style:h,...x}){const m=i.slice(0,3),p=yw[e]||yw.default,f=p.theme?{"data-theme":p.theme,"data-surface":p.surface||"Surface"}:{},g=p.theme?{background:"var(--Background)",color:"var(--Text)"}:{background:p.bg,color:p.fg};return t.jsxs("footer",{...f,className:["dino-footer",u].filter(Boolean).join(" "),style:{...g,...h},...x,children:[t.jsxs("div",{style:{maxWidth:1200,margin:"0 auto",padding:"40px 24px 56px"},children:[a&&t.jsx("div",{style:{marginBottom:36},children:a}),t.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(280px, 1fr))",gap:40},children:l||t.jsxs(t.Fragment,{children:[t.jsx(Sw,{address:r}),m.map((e,a)=>t.jsx(zw,{...e},a))]})}),(o.length>0||s)&&t.jsxs("div",{style:{marginTop:48,paddingTop:32,borderTop:"1px solid var(--Border-Variant)",display:"flex",flexWrap:"wrap",gap:32,alignItems:"flex-start",justifyContent:"space-between"},children:[o.length>0&&t.jsx(Bw,{links:o}),s&&t.jsx(ww,{...s})]})]}),n&&t.jsx(vw,{color:e,companyName:c,year:d})]})}function Sw({address:e}){if(!e)return t.jsx("div",{});const{company:a,lines:r=[],email:i,phone:o}=e,n=[...a?[a]:[],...r,...o?[o]:[]];return t.jsxs("div",{children:[n.map((e,a)=>t.jsx(Xa,{style:{color:"inherit",opacity:.85,display:"block"},children:e},a)),i&&t.jsx("div",{style:{marginTop:12},children:t.jsx(Xa,{style:{color:"inherit",opacity:.85,display:"block"},children:t.jsx(It,{href:"mailto:"+i,color:"standard",style:{color:"inherit"},children:i})})})]})}function zw({title:e,links:a=[]}){return t.jsxs(Hb,{gap:"var(--Sizing-1)",children:[e&&t.jsx(Ha,{style:{color:"inherit"},children:e}),t.jsx(Hb,{component:"ul",gap:"var(--Sizing-1)",sx:{listStyle:"none",m:0,p:0},children:a.map((e,a)=>t.jsx("li",{children:t.jsx(It,{href:e.href,onClick:e.onClick,color:"standard",style:{color:"inherit",opacity:.85},children:e.label})},a))})]})}function Bw({links:e}){return t.jsx(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:e.map((e,a)=>{const r=e.label||e.name;return"production"===process.env.NODE_ENV||r||console.warn('[Footer] a socialLinks entry has no `label`. Each one needs the service it points at ("GitHub", "LinkedIn") — the icon carries no text, so without it a screen reader announces only "link".'),t.jsx("a",{href:e.url,target:"_blank",rel:"noopener noreferrer","aria-label":r,className:"footer-social-link",style:{color:"inherit",display:"inline-flex",alignItems:"center",justifyContent:"center",padding:6,textDecoration:"none",transition:"opacity var(--Motion-Duration-Fast, 150ms) var(--Motion-Easing-Standard, ease)"},children:e.brand?t.jsx(Kx,{name:e.brand,size:"24px"}):e.icon},a)})})}function ww({title:a="Stay in the loop",description:r,placeholder:i="your@email.com",buttonLabel:o="Subscribe",onSubscribe:n}){const[l,s]=e.useState(""),[c,d]=e.useState(!1);return t.jsxs("form",{onSubmit:async e=>{if(e&&e.preventDefault(),l&&!c){d(!0);try{await(n?.(l)),s("")}finally{d(!1)}}},style:{minWidth:260,maxWidth:360,flex:"1 1 260px"},children:[t.jsx(Ha,{style:{color:"inherit",marginBottom:6},children:a}),r&&t.jsx(Xa,{style:{color:"inherit",opacity:.85,marginBottom:12,display:"block"},children:r}),t.jsxs("div",{style:{display:"flex",gap:8},children:[t.jsx(Ug,{type:"email",value:l,onChange:e=>s(e.target.value),placeholder:i,size:"small",fullWidth:!0,"aria-label":"Email address"}),t.jsx(zp,{type:"submit",size:"small",disabled:c||!l,children:o})]})]})}function kw(e){const a=e.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);return a?[Number(a[1]),Number(a[2]),Number(a[3])]:null}function Cw(e){return e?"#"+e.map(e=>e.toString(16).padStart(2,"0")).join(""):"—"}function Tw([e,a,t]){const r=[e,a,t].map(e=>(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4));return.2126*r[0]+.7152*r[1]+.0722*r[2]}function Mw({targetRef:a,label:r,deps:i=[]}){const[o,n]=e.useState(null),[l,s]=e.useState(null);e.useEffect(()=>{if(!a.current)return;const e=requestAnimationFrame(()=>{if(!a.current)return;const e=getComputedStyle(a.current);n(kw(e.backgroundColor)),s(kw(e.color))});return()=>cancelAnimationFrame(e)},i);const c=function(e,a){if(!e||!a)return null;const t=Tw(e),r=Tw(a);return(Math.max(t,r)+.05)/(Math.min(t,r)+.05)}(o,l),d=null!==c&&c>=4.5,u=null===c?"—":null!==c&&c>=7?"AAA":d?"AA":"Fail",h=null===c?"var(--Text-Quiet)":d?"var(--Text-Success)":"var(--Text-Error)";return t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,padding:"12px 16px",borderRadius:8,background:"var(--Container)",border:"1px solid var(--Border)"},children:[t.jsxs("div",{style:{flex:1,minWidth:0},children:[t.jsx(Xa,{style:{fontWeight:600},children:r}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Background ",Cw(o)," · Text ",Cw(l)]})]}),t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,borderRadius:999,padding:"4px 10px",background:"var(--Background)",border:"1px solid var(--Border)"},children:[t.jsx("span",{style:{fontWeight:700,fontSize:12,color:h},children:u}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:null!==c?c.toFixed(2)+":1":"—"})]})]})}const Aw={company:"DinoDesign",lines:["123 Market Street","San Francisco, CA 94103"],email:"hello@dinodesign.dev",phone:"+1 (555) 010-0000"},Lw=[{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:"#"}]}],Iw=[{icon:t.jsx(oa,{fontSize:"small"}),url:"https://twitter.com",label:"Twitter"},{icon:t.jsx(na,{fontSize:"small"}),url:"https://github.com",label:"GitHub"},{icon:t.jsx(la,{fontSize:"small"}),url:"https://linkedin.com",label:"LinkedIn"}],Nw=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"primary-dark",label:"Primary Dark"},{value:"white",label:"White"},{value:"black",label:"Black"}];function Rw({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const Dw=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"primary-dark",label:"Primary Dark"},{value:"white",label:"White"},{value:"black",label:"Black"}];function Ww({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const Fw=["Default","Primary","Secondary","Tertiary","Neutral"],Pw={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}},Hw=Object.keys(Pw);function Ow(e,a){if("custom"===e)return{...Pw.Classic,name:"Custom",description:"Custom",...a||{}};const t=Pw[e];return t?{...t}:{...Pw.Classic}}function Ew(e,a){const t=e||"Primary";return"base"===a?"var(--Buttons-"+t+"-Button)":"highlight"===a?"rgb(var(--Buttons-"+t+"-Highlight))":"lowlight"===a?"rgb(var(--Buttons-"+t+"-Lowlight))":void 0}function Vw(e){const a=e||"Primary";return"Default"===a?"var(--Text)":"var(--Text-"+a+")"}function qw(e,a){const t=(e-90)*Math.PI/180;return{dx:Math.cos(t)*a,dy:Math.sin(t)*a}}const Qw={"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 Gw({text:a="Your Brand. Perfected.",curves:r,arc:i=160,radius:o=300,direction:n="up",rotation:l=0,autoCrop:s=!0,textStyle:c="display-large",fontSize:d,fontFamily:u,fontWeight:h,letterSpacing:x,color:m="var(--Text, #1a1a1a)",bevel:p=!1,bevelTheme:f="Primary",bevelPreset:g,bevelCustom:b,className:v,style:y,...j}){const S=g?Ow(g,b):null,z=S?!!S.bevel:!!p,B=Qw[c]||Qw["display-large"],w=u??B.fontFamily,k=d??B.fontSize,C=h??B.fontWeight,T=x??B.letterSpacing,M="number"==typeof d?d:B.pxHint,A=r&&r.length>0?r:[{arc:i,radius:o,direction:n}],{d:L,width:I,upMax:N,downMax:R,pathId:D}=function(a){return e.useMemo(()=>{const e="dino-curved-text-"+Math.random().toString(36).slice(2,9);let t=0;const r=0;let i="M "+t+" "+r,o=0,n=0;for(const{arc:e,radius:l,direction:s}of a){const a=Uw(e,1,359),c=Math.max(10,l),d=a*Math.PI/180,u=2*c*Math.sin(d/2),h=c*(1-Math.cos(d/2));t+=u,i+=" A "+c+" "+c+" 0 "+(a>180?1:0)+" "+("up"===s?1:0)+" "+t+" "+r,"up"===s?o=Math.max(o,h):n=Math.max(n,h)}return{d:i,width:t,upMax:o,downMax:n,pathId:e}},[JSON.stringify(a)])}(A),W=Math.ceil(N+M),F=Math.ceil(R+M),P=Math.ceil(M),H=Math.ceil(I+2*P),O=W+F,E=P,V=W,q=l?"rotate("+l+" "+H/2+" "+O/2+")":void 0,Q=e.useRef(null),[G,U]=e.useState(null),[X,Y]=e.useState(M);e.useEffect(()=>{if(!Q.current||"undefined"==typeof ResizeObserver)return;const e=Q.current,a=()=>{const a=e.getBoundingClientRect(),t=G?G.width:H;if(!t||!a.width)return;const r=a.width/t;Y(M*r)};a();const t=new ResizeObserver(a);return t.observe(e),()=>t.disconnect()},[H,M,G]);const J=z&&X>=19;e.useLayoutEffect(()=>{if(!s)return void U(null);const e=Q.current;if(!e)return;const a=e.querySelector("text");if(!a)return;let t;try{t=a.getBBox()}catch(e){return}if(!t||!t.width||!t.height)return;const r=H/2,i=O/2,o=l*Math.PI/180,n=Math.cos(o),c=Math.sin(o),d=(e,a)=>{const t=e-r,o=a-i;return{x:r+t*n-o*c,y:i+t*c+o*n}},u=[d(t.x,t.y),d(t.x+t.width,t.y),d(t.x,t.y+t.height),d(t.x+t.width,t.y+t.height)],h=Math.min(...u.map(e=>e.x)),x=Math.max(...u.map(e=>e.x)),m=Math.min(...u.map(e=>e.y)),p=Math.max(...u.map(e=>e.y)),f=.12*M,g={x:h-f,y:m-f,width:x-h+2*f,height:p-m+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,a,JSON.stringify(A),l,M,T,w,C,z,f,g,JSON.stringify(b)]);const Z=G?G.x+" "+G.y+" "+G.width+" "+G.height:"0 0 "+H+" "+O,$=G?G.width:H,K=G?G.height:O;return t.jsxs("svg",{ref:Q,viewBox:Z,width:$,height:K,preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",style:{display:"block",maxWidth:"100%",height:"auto",overflow:"visible",...y},"aria-label":a,role:"img",className:["dino-curved-text",v].filter(Boolean).join(" "),...j,children:[t.jsx("defs",{children:t.jsx("path",{id:D,d:L,transform:"translate("+E+" "+V+")"})}),t.jsxs("g",{transform:q,children:[J&&(()=>{const e=S?S.depth/96:.045,r=Math.max(2,Math.round(M*e)),i=Math.max(1,Math.round(M*e*.67)),o={fontFamily:w,fontSize:"number"==typeof k?k+"px":k,fontWeight:C,letterSpacing:"number"==typeof T?T+"px":T};return t.jsxs(t.Fragment,{children:[t.jsx("text",{className:"dino-bevel-layer dino-bevel-layer--lowlight",fill:"rgb(var(--Buttons-"+f+"-Lowlight))",transform:"translate(0 "+r+")",style:o,children:t.jsx("textPath",{href:"#"+D,startOffset:"50%",textAnchor:"middle",children:a})}),t.jsx("text",{className:"dino-bevel-layer dino-bevel-layer--highlight",fill:"rgb(var(--Buttons-"+f+"-Highlight))",transform:"translate(0 -"+i+")",style:o,children:t.jsx("textPath",{href:"#"+D,startOffset:"50%",textAnchor:"middle",children:a})})]})})(),t.jsx("text",{className:"dino-curved-text__base",fill:J?"var(--Buttons-"+f+"-Button)":z?Vw(f):m,style:{fontFamily:w,fontSize:"number"==typeof k?k+"px":k,fontWeight:C,letterSpacing:"number"==typeof T?T+"px":T},children:t.jsx("textPath",{href:"#"+D,startOffset:"50%",textAnchor:"middle",children:a})})]})]})}function Uw(e,a,t){return Math.max(a,Math.min(t,e))}const Xw=[{value:"display-large",label:"Display Large"},{value:"display-small",label:"Display Small"}],Yw=[{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)"}],Jw=Fw.map(e=>({value:e,label:e}));function Zw({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const $w={"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 Kw({text:a="DinoDesign",theme:r="Primary",preset:i="Classic",custom:o,textStyle:n="display-large",fontSize:l,fontFamily:s,fontWeight:c,letterSpacing:d,className:u,style:h,...x}){const m=$w[n]||$w["display-large"],p=s??m.fontFamily,f=l??m.fontSize,g=c??m.fontWeight,b=d??m.letterSpacing,v="number"==typeof l?l:m.pxHint,y=Ow(i,o),j="dino-bevel-"+e.useId().replace(/:/g,""),S=j+"-s",z=e.useRef(null),[B,w]=e.useState(v),k=.6*v,C=Math.max(400,a.length*k+80),T=1.9*v,M=C/2,A=.7*T;e.useEffect(()=>{if(!z.current||"undefined"==typeof ResizeObserver)return;const e=z.current,a=()=>{const a=e.getBoundingClientRect();C&&a.width&&w(v*(a.width/C))};a();const t=new ResizeObserver(a);return t.observe(e),()=>t.disconnect()},[C,v]);const L=B>=19,I=y.bevel?qw(y.angle+180,y.depth):{dx:0,dy:0},N=y.bevel?qw(y.angle,y.depth):{dx:0,dy:0},R=y.shadow?qw(y.angle,y.shadowDistance??6):{dx:0,dy:0},D=L?Ew(r,"base"):Vw(r),W=Ew(r,"highlight"),F=Ew(r,"lowlight"),P={fontFamily:p,fontSize:"number"==typeof f?f+"px":f,fontWeight:g,letterSpacing:"number"==typeof b?b+"px":b},H=y.bevel&&L?"url(#"+j+")":void 0,O=y.shadow&&L?"url(#"+S+")":void 0;return t.jsxs("svg",{ref:z,viewBox:"0 0 "+C+" "+T,width:C,height:T,preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",style:{display:"block",maxWidth:"100%",height:"auto",overflow:"visible",...h},"aria-label":a,role:"img",className:["dino-bevel-text",u].filter(Boolean).join(" "),...x,children:[t.jsxs("defs",{children:[y.shadow&&t.jsx("filter",{id:S,x:"-30%",y:"-30%",width:"160%",height:"160%",children:t.jsx("feDropShadow",{dx:R.dx.toFixed(2),dy:R.dy.toFixed(2),stdDeviation:y.shadowBlur??8,style:{floodColor:F,floodOpacity:y.shadowOpacity??.6}})}),y.bevel&&t.jsxs("filter",{id:j,x:"-5%",y:"-5%",width:"110%",height:"110%",colorInterpolationFilters:"sRGB",children:[t.jsx("feGaussianBlur",{in:"SourceAlpha",stdDeviation:(y.softness??1)+.5,result:"blur-alpha"}),t.jsx("feOffset",{in:"blur-alpha",dx:N.dx.toFixed(2),dy:N.dy.toFixed(2),result:"shadow-offset"}),t.jsx("feFlood",{style:{floodColor:F,floodOpacity:.95},result:"shadow-flood"}),t.jsx("feComposite",{in:"shadow-flood",in2:"shadow-offset",operator:"in",result:"shadow-shaped"}),t.jsx("feComposite",{in:"shadow-shaped",in2:"SourceAlpha",operator:"in",result:"shadow-clipped"}),t.jsx("feOffset",{in:"blur-alpha",dx:I.dx.toFixed(2),dy:I.dy.toFixed(2),result:"hi-offset"}),t.jsx("feFlood",{style:{floodColor:W,floodOpacity:.95},result:"hi-flood"}),t.jsx("feComposite",{in:"hi-flood",in2:"hi-offset",operator:"in",result:"hi-shaped"}),t.jsx("feComposite",{in:"hi-shaped",in2:"SourceAlpha",operator:"in",result:"hi-clipped"}),t.jsxs("feMerge",{children:[t.jsx("feMergeNode",{in:"SourceGraphic"}),t.jsx("feMergeNode",{in:"shadow-clipped"}),t.jsx("feMergeNode",{in:"hi-clipped"})]})]})]}),y.shadow&&L&&t.jsx("text",{className:"dino-bevel-layer dino-bevel-layer--shadow",x:M,y:A,textAnchor:"middle",fill:D,filter:O,style:P,"aria-hidden":"true",children:a}),t.jsx("text",{className:y.bevel?"dino-bevel-text__base dino-bevel-layer":"dino-bevel-text__base",x:M,y:A,textAnchor:"middle",fill:D,filter:H,style:P,children:a})]})}const _w=[...Hw.map(e=>({value:e,label:e,description:Pw[e].description})),{value:"custom",label:"Custom",description:"Tune every knob"}],ek=[{value:"light",label:"Light",css:"var(--Surface)"},{value:"warm",label:"Warm",css:"var(--Surface-Dim)"},{value:"dark",label:"Dark",css:"var(--Container-High)"}];function ak({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function tk({option:e,active:r,onClick:i}){return t.jsxs(a.Box,{onClick:i,role:"button",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),i())},sx:{flex:"1 1 140px",minWidth:130,cursor:"pointer",border:"1.5px solid",borderColor:r?"var(--Buttons-Primary-Border)":"var(--Border)",background:r?"rgb(var(--Buttons-Primary-Highlight) / 0.18)":"var(--Background)",borderRadius:"var(--Style-Border-Radius)",p:1.5,transition:"border-color 0.15s, background 0.15s",textAlign:"center","&:hover":{borderColor:"var(--Buttons-Primary-Border)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:2}},children:[t.jsx(at,{style:{fontWeight:600,color:"var(--Text)"},children:e.label}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:2},children:e.description})]})}const rk=[{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)"}],ik={desktop:"Desktop","ios-mobile":"IOS-Mobile","ios-tablet":"IOS-Tablet",android:"Android"};function ok(e){const a=ik[e]||"Desktop";document.documentElement.setAttribute("data-device",a),document.documentElement.setAttribute("data-platform",a)}const nk=e=>(e||[]).map(e=>{const a="number"==typeof e?e:Number(e?.value);return Number.isFinite(a)?a:0}),lk=e=>(e||[]).map((e,a)=>"number"==typeof e?String(a+1):e?.label??String(a+1));function sk(e,{fromZero:a=!0}={}){if(!e.length)return{min:0,max:1};let t=Math.min(...e),r=Math.max(...e);return a&&(t=Math.min(0,t)),r===t&&(r=t+1),{min:t,max:r}}const ck=(e,{min:a,max:t},r,i)=>r+i-(e-a)/(t-a)*i;function dk(e,a,t,{inset:r=0}={}){if(e<=0)return[];if(1===e)return[a+t/2];const i=(t-2*r)/(e-1);return Array.from({length:e},(e,t)=>a+r+t*i)}function uk(e,a,t,{gapRatio:r=.4}={}){if(e<=0)return{centres:[],bandWidth:0};const i=t/e,o=i*(1-r);return{centres:Array.from({length:e},(e,t)=>a+i*t+i/2),bandWidth:o}}const hk=e=>e.length?e.map((e,a)=>`${a?"L":"M"}${e.x} ${e.y}`).join(" "):"";function xk(e,{tension:a=0}={}){if(e.length<2)return hk(e);const t=(1-a)/6;let r=`M${e[0].x} ${e[0].y}`;for(let a=0;a<e.length-1;a++){const i=e[a-1]||e[a],o=e[a],n=e[a+1],l=e[a+2]||n,s={x:o.x+(n.x-i.x)*t,y:o.y+(n.y-i.y)*t},c={x:n.x-(l.x-o.x)*t,y:n.y-(l.y-o.y)*t};r+=` C${s.x} ${s.y} ${c.x} ${c.y} ${n.x} ${n.y}`}return r}const mk=(e,a,t)=>e&&a.length?`${e} L${a[a.length-1].x} ${t} L${a[0].x} ${t} Z`:"";function pk(e,a,t,r,i,o){const n=o-i;if(n>=2*Math.PI-1e-9){const o=i+Math.PI;return pk(e,a,t,r,i,o)+" "+pk(e,a,t,r,o,i+2*Math.PI)}const l=(t,r)=>({x:e+t*Math.sin(r),y:a-t*Math.cos(r)}),s=n>Math.PI?1:0,c=l(r,i),d=l(r,o);if(t<=0)return`M${e} ${a} L${c.x} ${c.y} A${r} ${r} 0 ${s} 1 ${d.x} ${d.y} Z`;const u=l(t,o),h=l(t,i);return`M${c.x} ${c.y} A${r} ${r} 0 ${s} 1 ${d.x} ${d.y} L${u.x} ${u.y} A${t} ${t} 0 ${s} 0 ${h.x} ${h.y} Z`}function fk(e,{startAngle:a=0}={}){const t=e.map(e=>e>0?e:0),r=t.reduce((e,a)=>e+a,0),i=e.filter(e=>e<=0).length;if(r<=0)return{slices:[],total:0,dropped:i};let o=a;return{slices:t.map(e=>{const a=e/r*Math.PI*2,t={start:o,end:o+a,value:e,fraction:e/r};return o+=a,t}),total:r,dropped:i}}function gk({min:e,max:a},t=4){if(t<1)return[];const r=(a-e)/t,i=Math.pow(10,Math.floor(Math.log10(Math.abs(r)||1))),o=[1,2,2.5,5,10].map(e=>e*i).find(e=>e>=r)??10*i,n=[];for(let t=Math.ceil(e/o)*o;t<=a+1e-9;t+=o)n.push(Number(t.toFixed(10)));return n}var bk=Object.freeze({__proto__:null,arcPath:pk,areaPath:mk,bands:dk,extent:sk,linePath:hk,scaleY:ck,sliceAngles:fk,slots:uk,smoothPath:xk,ticks:gk,toLabels:lk,toNumbers:nk});const vk={fill:"var(--Icons-Primary)",track:"var(--Border-Variant)",line:"var(--Border-Variant)",quietLabel:"var(--Quiet)",label:"var(--Text)",gradient:"var(--Icons-Primary-Variant)"},yk=["Primary","Secondary","Tertiary","Neutral","Info","Success","Warning","Error"],jk={fontFamily:"var(--Label-Small-Font-Family)",fontSize:"var(--Label-Small-Font-Size)",fontWeight:"var(--Label-Small-Font-Weight)",letterSpacing:"var(--Label-Small-Letter-Spacing)"},Sk={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 zk({caption:e,labels:r,values:i,valueHeader:o="Value"}){return t.jsxs(a.Box,{component:"table",sx:Sk,children:[t.jsx("caption",{children:e}),t.jsx("thead",{children:t.jsxs("tr",{children:[t.jsx("th",{scope:"col",children:"Category"}),t.jsx("th",{scope:"col",children:o})]})}),t.jsx("tbody",{children:i.map((e,a)=>t.jsxs("tr",{children:[t.jsx("th",{scope:"row",children:r[a]}),t.jsx("td",{children:e})]},a))})]})}const Bk="var(--Motion-Duration-Slow, 300ms) var(--Motion-Easing-Enter, cubic-bezier(0, 0, 0, 1))",wk="var(--Motion-Duration-Fast, 150ms) var(--Motion-Easing-Standard, cubic-bezier(0.2, 0, 0, 1))";function kk(a){const[t,r]=e.useState(-1),i=e.useCallback(e=>({onMouseEnter:()=>r(e),onMouseLeave:()=>r(a=>a===e?-1:a),onFocus:()=>r(e),onBlur:()=>r(a=>a===e?-1:a)}),[]);return e.useEffect(()=>{r(e=>e>=a?-1:e)},[a]),{active:t,setActive:r,handlers:i}}function Ck({count:e,width:r,centres:i,bandWidth:o,labels:n,values:l,handlers:s}){return e?t.jsx(a.Box,{sx:{position:"absolute",inset:0,display:"block",pointerEvents:"none"},children:Array.from({length:e},(e,c)=>t.jsx(a.Box,{component:"button",type:"button","aria-label":`${n[c]}: ${l[c]}`,...s(c),sx:{position:"absolute",top:0,height:"100%",left:(i[c]-o/2)/r*100+"%",width:o/r*100+"%",padding:0,margin:0,border:0,background:"transparent",cursor:"pointer",pointerEvents:"auto","&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"-2px",borderRadius:"4px"}}},c))}):null}function Tk({x:e,y:a,text:r,width:i,tokens:o}){if(null==r)return null;const n=Math.max(28,8*String(r).length+14),l=Math.min(Math.max(e,n/2+2),i-n/2-2),s=a-26>=2?a-26:a+6;return t.jsxs("g",{pointerEvents:"none",children:[t.jsx("rect",{x:l-n/2,y:s,width:n,height:20,rx:6,fill:o.fill}),t.jsx("text",{x:l,y:s+14,textAnchor:"middle",fill:"var(--Icons-On-Primary)",style:{fontFamily:"var(--Label-Small-Font-Family)",fontSize:"var(--Label-Small-Font-Size)",fontWeight:"var(--Label-Small-Font-Weight)"},children:r})]})}const Mk=[{name:"Theme",moves:"the whole surface — background, text, border, quiet, hover, pressed",inCode:"`data-theme` on the element or any ancestor",inFigma:"set the Theme mode on a `Theme-*` layer"},{name:"Buttons",moves:"an accent fill and its border, hover and pressed",inCode:'the `variant` / `color` prop — `variant="success"`',inFigma:"set the Buttons mode on a `Button-Theme-*` layer"},{name:"Icons",moves:"an icon or badge color, plus its variant and on-color",inCode:'the `color` prop on `Icon` — `<Icon color="primary">`',inFigma:"set the Icons mode on an `Icon-Theme-*` layer"}];function Ak(){const e=["## How color works","","Three mode collections carry color, and they are not interchangeable.","Changing the right node in the wrong collection appears to do nothing —","it does not error.",""];e.push("| Collection | What it moves | In code | In Figma |"),e.push("| --- | --- | --- | --- |");for(const a of Mk)e.push(`| **${a.name}** | ${a.moves} | ${a.inCode} | ${a.inFigma} |`);return e.push("","A `Theme-*`, `Button-Theme-*` or `Icon-Theme-*` layer marks **where** a","mode goes. Most are unpinned, which means the component inherits — set the","mode on the frame around it. A pinned one is a deliberate choice: Alert","pins Error and Warning because there the color *is* the message.","","A component with no such layer has nothing of its own to recolor.",""),e.join("\n")}const Lk=e=>e.replace(/\|/g,"\\|"),Ik=(e,a)=>[`| ${e.join(" | ")} |`,`| ${e.map(()=>"---").join(" | ")} |`,...a.map(e=>`| ${e.map(Lk).join(" | ")} |`)],Nk=(e,a)=>a.length?[`### ${e}`,"",...a.map(e=>`- ${e}`),""]:[];exports.Accordion=Ib,exports.AccordionDetails=function({children:r,className:i="",sx:o={},...n}){const{expanded:l,accordionId:s}=e.useContext(Ab),{size:c}=e.useContext(Mb),d=Tb[c]||Tb.medium,u=Rb[c]||Rb.medium;return l?t.jsx(a.Box,{role:"region",id:s+"-content","aria-labelledby":s+"-header",className:"accordion-details "+i,sx:{padding:"0 "+d.detailsPx+" "+d.detailsPy+" "+d.detailsPx,color:"var(--Text)",fontFamily:"inherit",lineHeight:1.6,...o},...n,children:"string"==typeof r||"number"==typeof r?t.jsx(u,{children:r}):r}):null},exports.AccordionGroup=function({children:e,variant:r="solid",surface:i,color:o="default",size:n="medium",spacing:l=0,className:s="",sx:c={},...d}){const u="default"===o?"Default":(h=o).charAt(0).toUpperCase()+h.slice(1);var h;const x="default"===o?"Default":u,m=i||("dark"===r?"Surface-Dimmest":"light"===r?"Surface-Brightest":"Surface");return 0===l?t.jsx(Mb.Provider,{value:{variant:r,color:o,size:n,spacing:l,dataTheme:x,dataSurface:m},children:t.jsx(a.Box,{role:"presentation",className:"accordion-group accordion-group-connected accordion-group-"+r+" "+s,sx:{display:"flex",flexDirection:"column","& > .accordion-segment":{borderRadius:0,marginBottom:"-1px",boxShadow:"none"},"& > .accordion-segment .accordion-summary":{borderRadius:0},"& > .accordion-segment:first-of-type":{borderTopLeftRadius:Lb,borderTopRightRadius:Lb},"& > .accordion-segment:first-of-type .accordion-summary":{borderTopLeftRadius:Lb,borderTopRightRadius:Lb},"& > .accordion-segment:last-of-type":{borderBottomLeftRadius:Lb,borderBottomRightRadius:Lb,marginBottom:0},"& > .accordion-segment:last-of-type .accordion-summary:not(.accordion-summary-expanded)":{borderBottomLeftRadius:Lb,borderBottomRightRadius:Lb},...c},...d,children:e})}):t.jsx(Mb.Provider,{value:{variant:r,color:o,size:n,spacing:l,dataTheme:x,dataSurface:m},children:t.jsx(a.Box,{role:"presentation",className:"accordion-group accordion-group-"+r+" 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:r,startDecorator:o,endDecorator:n,eyebrow:l,overline:s,secondary:c,expandIcon:d,className:u="",sx:h={},...x}){const{expanded:m,toggle:p,disabled:f,accordionId:g}=e.useContext(Ab),{size:b}=e.useContext(Mb),v=Tb[b]||Tb.medium,y=Nb[b]||Nb.medium,j=d||t.jsx(am,{size:v.iconSize,sx:{color:m?"var(--Text)":"var(--Quiet)",transition:"color 0.15s ease"},children:t.jsx(i,{})}),S={overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block"};return t.jsxs(a.Box,{component:"button",role:"button","aria-expanded":m,"aria-controls":g+"-content",id:g+"-header",tabIndex:f?-1:0,onClick:p,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),p())},className:"accordion-summary"+(m?" accordion-summary-expanded":"")+" "+u,sx:{display:"flex",flexDirection:"row",alignItems:"flex-start",justifyContent:"flex-start",width:"100%",gap:v.gap,padding:v.summaryPadding,border:"none",backgroundColor:"transparent",color:m?"var(--Text)":"var(--Quiet)",fontFamily:"inherit",cursor:f?"not-allowed":"pointer",textAlign:"left",transition:"color 0.2s ease, background-color 0.15s ease",borderRadius:m?Lb+" "+Lb+" 0 0":Lb,"&:hover":f?{}:{color:"var(--Text)",backgroundColor:"var(--Hover)","& .omni-icon":{color:"var(--Text)"}},"&:active":f?{}:{color:"var(--Text)",backgroundColor:"var(--Pressed)","& .omni-icon":{color:"var(--Text)"}},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"},...h},...x,children:[o&&t.jsx(a.Box,{className:"accordion-summary-start",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:o}),t.jsxs(a.Box,{sx:{flex:1,minWidth:0,display:"flex",flexDirection:"column",gap:"var(--Sizing-Half)"},children:[(l??s)&&t.jsx(ot,{style:{...S,color:"var(--Text-Quiet)"},children:l??s}),null!=r&&t.jsx(y,{style:{...S,color:"inherit"},children:r}),c&&t.jsx(Xa,{style:{...S,color:"var(--Text-Quiet)"},children:c})]}),n&&t.jsx(a.Box,{className:"accordion-summary-end",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:n}),t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",transform:m?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.25s ease",flexShrink:0},children:j})]})},exports.Alert=If,exports.AlertDialog=function({open:e,onClose:r,title:i,children:o,confirmText:n="Confirm",cancelText:l="Cancel",onConfirm:s,onCancel:c,...d}){return t.jsx(zy,{open:e,onClose:r,title:i,alert:!0,...d,actions:t.jsxs(t.Fragment,{children:[t.jsx(a.Box,{component:"button",type:"button",onClick:c||r,sx:Sy.outline,children:l}),t.jsx(a.Box,{component:"button",type:"button",onClick:s||r,sx:Sy.primary,children:n})]}),children:o})},exports.AlertShowcase=function(){const[r,i]=e.useState("light"),[o,n]=e.useState("info"),[l,s]=e.useState("medium"),[c,d]=e.useState(!0),[u,h]=e.useState("Default"),[x,m]=e.useState("Surface"),p=c&&qf[o]?t.jsx(am,{size:"small",sx:{color:"inherit"},children:qf[o]}):void 0;return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Alert",component:"Alert"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:u,onThemeChange:h,surface:x,onSurfaceChange:m})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Alert",theme:u,surface:x})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:u,surface:x,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:480},children:t.jsx(If,{variant:r,color:o,size:l,startDecorator:p,children:"This is an alert message. Check the details for more information."})})}),t.jsx(Bf,{code:(()=>{const e=['variant="'+r+'"'];return"info"!==o&&e.push('color="'+o+'"'),"medium"!==l&&e.push('size="'+l+'"'),c&&qf[o]&&e.push("startDecorator={<Icon><"+Ef(o)+"Icon /></Icon>}"),"<Alert "+e.join(" ")+">\n  This is an alert message.\n</Alert>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["solid","light"].map(e=>t.jsx(Qf,{label:Ef(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Vf.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(Gf,{color:e,selected:o===e,onClick:n},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(Qf,{label:Ef(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Show Icon"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Start decorator icon"})]}),t.jsx(Pf,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Show icon"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="alert" — live region, announced immediately'},{label:"Border",value:"var(--Buttons-{Color}-Border) on outer shell"},{label:"Shadow",value:"var(--Effect-Level-3)"},{label:"Icons",value:"Decorative — aria-hidden by default via Icon component"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Alert"})})]})]})},exports.AltDisplayLarge=e=>t.jsx(Wa,{textStyle:"alt-display-large",...e}),exports.AltDisplayMedium=e=>t.jsx(Wa,{textStyle:"alt-display-medium",...e}),exports.AltDisplaySmall=e=>t.jsx(Wa,{textStyle:"alt-display-small",...e}),exports.AppBar=Lv,exports.AppBarShowcase=function(){const[r,i]=e.useState("desktop"),[o,n]=e.useState("default"),[l,s]=e.useState("Surface"),[c,d]=e.useState("login"),[u,h]=e.useState("hamburger"),[x,m]=e.useState("name"),[p,f]=e.useState("right"),[g,b]=e.useState("search"),[v,y]=e.useState("Default"),[j,S]=e.useState("Surface"),[z,B]=e.useState({}),w="desktop"===r,k=Dv[o]||Dv.default,C=k.theme,T=k.surface||l;return e.useEffect(()=>{const e={};e.text=zt("--Text"),e.textQuiet=zt("--Text-Quiet"),e.background=zt("--Background"),e.border=zt("--Border"),e.focusVisible=zt("--Focus-Visible"),e.hover=zt("--Hover"),e.active=zt("--Pressed"),B(e)},[o,l,r]),t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"App Bar",component:"AppBar"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"AppBar",theme:v,surface:j})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:v,surface:j,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:w?"100%":420,overflow:"hidden"},children:w?t.jsx(Mv,{barColor:o,surface:l,loginType:c,menuType:u,brandType:x,searchPosition:p,companyName:"My App",navLinks:["Home","Products","About"]}):t.jsx(Av,{barColor:o,surface:l,mobileVariant:g,companyName:"My App",title:"Page Title",subtitle:"Subtitle text"})})}),t.jsx(Bf,{code:(()=>{if(w){const e=[];"default"!==o&&e.push('barColor="'+o+'"'),"Surface"!==l&&e.push('surface="'+l+'"'),"login"!==c&&e.push('loginType="'+c+'"'),"hamburger"!==u&&e.push('menuType="'+u+'"'),"name"!==x&&e.push('brandType="'+x+'"'),"right"!==p&&e.push('searchPosition="'+p+'"');const a=e.length?"\n  "+e.join("\n  ")+"\n":"";return'<AppBar mode="desktop"'+(a||" ")+'companyName="My App" />'}{const e=['mode="mobile"','mobileVariant="'+g+'"'];return"default"!==o&&e.push('barColor="'+o+'"'),"Surface"!==l&&e.push('surface="'+l+'"'),"<AppBar\n  "+e.join("\n  ")+'\n  title="Page Title"\n/>'}})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"MODE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["desktop","mobile"].map(e=>t.jsx(Pv,{label:Iv(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BAR COLOR"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Nv.map(e=>t.jsx(Hv,{color:e,selected:o===e,onClick:n},e))}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:['data-theme="',C,'"']})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SURFACE"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Rv.map(e=>t.jsx(Pv,{label:e.replace("Surface-","").replace("Surface","Default"),selected:l===e,onClick:()=>s(e)},e))}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:['data-surface="',l,'"']})]}),w&&t.jsxs(t.Fragment,{children:[t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"MENU TYPE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["hamburger","expanded"].map(e=>t.jsx(Pv,{label:Iv(e),selected:u===e,onClick:()=>h(e)},e))}),t.jsx(at,{style:{color:"var(--Text-Quiet)",marginTop:4,display:"block"},children:"Expanded auto-falls back to hamburger when nav > 3 links"})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BRAND"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["name","logo"].map(e=>t.jsx(Pv,{label:Iv(e),selected:x===e,onClick:()=>m(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SEARCH POSITION"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["left","right"].map(e=>t.jsx(Pv,{label:Iv(e),selected:p===e,onClick:()=>f(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LOGIN TYPE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["login","avatar"].map(e=>t.jsx(Pv,{label:Iv(e),selected:c===e,onClick:()=>d(e)},e))})]})]}),!w&&t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"MOBILE VARIANT"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["search","small","medium","large"].map(e=>t.jsx(Pv,{label:Iv(e),selected:g===e,onClick:()=>b(e)},e))})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(Xa,{color:"quiet",style:{marginBottom:24},children:[r," / ",o," / ",l,w?"":" / "+g,' — data-theme="',C,'" data-surface="',T,'"']}),t.jsxs(a.Stack,{spacing:3,children:[t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),t.jsx(Xa,{color:"quiet",style:{marginBottom:16},children:"All text and icons must have 4.5:1 contrast against the AppBar background."}),t.jsx(Fv,{label:"Resting: var(--Text) vs. var(--Background)",ratio:St(z.text,z.background),threshold:4.5,note:'data-theme="'+C+'" data-surface="'+T+'"'}),t.jsx(Fv,{label:"On hover: var(--Text) vs. var(--Hover)",ratio:St(z.text,z.hover),threshold:4.5,note:"Icon buttons use var(--Hover) on hover"}),t.jsx(Fv,{label:"On active: var(--Text) vs. var(--Pressed)",ratio:St(z.text,z.active),threshold:4.5,note:"Icon buttons use var(--Pressed) on press"})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Focus Indicator (WCAG 2.4.11 — 3:1)"}),t.jsx(Fv,{label:"var(--Focus-Visible) vs. var(--Background)",ratio:St(z.focusVisible,z.background),threshold:3,note:"outline: 3px solid var(--Focus-Visible); outline-offset: 1px"})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Touch Target Area (WCAG 2.5.5)"}),[{label:"Icon button",size:40,note:"width: 40px, height: 40px"},{label:"AppBar (desktop)",size:64,note:"height: 64px"},{label:"AppBar (mobile)",size:64,note:"height: 64px"}].map(({label:e,size:r,note:i})=>{const o=r>=24,n=r>=44,l=r>=48;return t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(a.Box,{sx:{flex:1},children:[t.jsxs(Xa,{style:{color:"var(--Text)"},children:[e," — ",r,"px"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:i})]}),t.jsxs(a.Box,{sx:{display:"flex",gap:.5,flexWrap:"wrap",justifyContent:"flex-end"},children:[t.jsxs(a.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:o?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:["Desktop ",o?"Y":"N"]}),t.jsxs(a.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:n?"var(--Tags-Success-BG)":"var(--Tags-Warning-BG)",color:n?"var(--Tags-Success-Text)":"var(--Tags-Warning-Text)"},children:["iOS ",n?"Y":"~"]}),t.jsxs(a.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:l?"var(--Tags-Success-BG)":"var(--Tags-Warning-BG)",color:l?"var(--Tags-Success-Text)":"var(--Tags-Warning-Text)"},children:["Android ",l?"Y":"~"]})]})]},e)})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Landmark:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<header role="banner">'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Navigation (expanded menu):"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<nav aria-label="Main navigation">'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Theme + Surface:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'data-theme="'+C+'" data-surface="'+T+'"'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Shadow:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"box-shadow: var(--Effect-Level-1)"})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Icon buttons:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"All icon buttons have aria-label. Focus visible on keyboard navigation."})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(Xa,{children:"Keyboard:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Tab navigates all interactive elements. Enter/Space activates buttons."})]})]})]})]})]})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"AppBar"})})]})]})},exports.Autocomplete=Vv,exports.AutocompleteShowcase=function(){const[r,i]=e.useState("outline"),[o,n]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("top"),[u,h]=e.useState("Fruit"),[x,m]=e.useState(!0),[p,f]=e.useState(!1),[g,b]=e.useState(!0),[v,y]=e.useState("Default"),[j,S]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Autocomplete",component:"Autocomplete"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Autocomplete",theme:v,surface:j})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:v,surface:j,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:360},children:t.jsx(Vv,{variant:r,color:o,size:l,label:u,labelPosition:c,options:Gv,clearable:x,disabled:p,fullWidth:g})})}),t.jsx(Bf,{code:(()=>{const e=[];return"outline"!==r&&e.push('variant="'+r+'"'),"default"!==o&&e.push('color="'+o+'"'),"medium"!==l&&e.push('size="'+l+'"'),u&&e.push('label="'+u+'"'),"top"!==c&&e.push('labelPosition="'+c+'"'),x||e.push("clearable={false}"),p&&e.push("disabled"),g&&e.push("fullWidth"),e.push("options={options}"),e.push("onChange={handleChange}"),"<Autocomplete\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["outline","light"].map(e=>t.jsx(Uv,{label:qv(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Qv.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(Xv,{color:e,selected:o===e,onClick:n},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(Uv,{label:qv(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["top","floating","none"].map(e=>t.jsx(Uv,{label:"none"===e?"None":qv(e),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Clearable"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show clear button when has value"})]}),t.jsx(Pf,{checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Clearable"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Disabled"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Pf,{checked:p,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Full Width"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container width"})]}),t.jsx(Pf,{checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Input",value:'role="combobox" aria-expanded aria-haspopup="listbox" aria-autocomplete="list"'},{label:"Dropdown",value:'role="listbox" aria-label="..."'},{label:"Options",value:'role="option" aria-selected="true|false"'},{label:"Label",value:"aria-label from label prop. Always provide a label."},{label:"Keyboard",value:"Arrow keys navigate, Enter selects, Escape closes."},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px (on outer shell)"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Autocomplete"})})]})]})},exports.Avatar=Jm,exports.AvatarGroup=Zm,exports.AvatarShowcase=function(){const[r,i]=e.useState("default"),[o,n]=e.useState("medium"),[l,s]=e.useState("initials"),[c,d]=e.useState(!1),[u,h]=e.useState(!1),[x,m]=e.useState(!1),[p,f]=e.useState("Default"),[g,b]=e.useState("Surface"),v="photo"===l,y=()=>{const e={size:o,clickable:c,insideButton:u};return v||(e.color=r),"initials"===l&&(e.initials="LN"),"photo"===l&&(e.src="https://i.pravatar.cc/150?img=3",e.alt="User avatar"),e};return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Avatar",component:"Avatar"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:p,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Avatar",theme:p,surface:g})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:p,surface:g,children:x?t.jsxs(Zm,{max:3,size:o,children:[t.jsx(Jm,{...y()}),t.jsx(Jm,{color:r,size:o,initials:"AB"}),t.jsx(Jm,{color:r,size:o,initials:"CD"}),t.jsx(Jm,{color:r,size:o,initials:"EF"})]}):t.jsx(Jm,{...y()})}),t.jsx(Bf,{code:(()=>{const e=[];return v||"default"===r||e.push('color="'+r+'"'),"medium"!==o&&e.push('size="'+o+'"'),"initials"===l&&e.push('initials="LN"'),"photo"===l&&e.push('src="..." alt="User avatar"'),c&&e.push("clickable onClick={handleClick}"),u&&e.push("insideButton"),x?"<AvatarGroup max={3}>\n  <Avatar "+e.join(" ")+' />\n  <Avatar initials="AB" />\n  <Avatar initials="CD" />\n  <Avatar initials="EF" />\n</AvatarGroup>':"<Avatar "+e.join(" ")+" />"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{sx:{opacity:v?.4:1,pointerEvents:v?"none":"auto"},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:cg.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(pg,{color:e,selected:r===e,onClick:i},e))})]},e.label))}),v&&t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:8},children:"Color is ignored when the avatar shows a photo — the image carries the visual."})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:hg.map(e=>t.jsx(mg,{label:xg[e],selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CONTENT"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:dg.map(e=>t.jsx(mg,{label:ug[e],selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Clickable"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Interactive with hover/focus states"})]}),t.jsx(Pf,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Clickable"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Inside Button"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Adds 2px horizontal margin so the avatar sits cleanly in a Button"})]}),t.jsx(Pf,{variant:"default-outline",checked:u,onChange:e=>h(e.target.checked),size:"small","aria-label":"Inside Button"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Group"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show as AvatarGroup with overflow"})]}),t.jsx(Pf,{variant:"default-outline",checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Show group"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="img" (static) or role="button" (clickable)'},{label:"Label",value:'aria-label from alt, initials, or "Avatar"'},{label:"Image",value:"alt text on <img>. Falls back to initials or icon on error."},{label:"Clickable",value:"Rendered as <button>. Focus ring: 3px solid var(--Focus-Visible)."},{label:"Group",value:'role="group" aria-label="Avatar group, N avatars"'}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Avatar"})})]})]})},exports.Badge=ip,exports.BadgeShowcase=function(){const[r,i]=e.useState("Default"),[o,n]=e.useState("Surface"),[l,s]=e.useState("solid"),[c,x]=e.useState("primary"),[m,p]=e.useState("5"),[f,g]=e.useState(!1),[b,v]=e.useState(!1),[y,j]=e.useState({}),S=()=>"solid"===l?c:c+"-"+l,z=()=>{if(f)return;const e=parseInt(m,10);return isNaN(e)||String(e)!==m.trim()?m||void 0:e};return e.useEffect(()=>{const e=wf(c),a={};"solid"===l?(a.badgeBg=zt("--Icons-"+e),a.badgeText=zt("--Icons-On-"+e),a.badgeBorder=null):"outline"===l&&(a.badgeBg=zt("--Background"),a.badgeText=zt("--Text"),a.badgeBorder=zt("--Buttons-"+e+"-Border")),a.background=zt("--Background"),a.focusVisible=zt("--Focus-Visible"),j(a)},[l,c]),t.jsxs(a.Box,{sx:{width:"100%"},children:[t.jsx(FB,{title:"Badge",component:"Badge"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:r,onThemeChange:i,surface:o,onSurfaceChange:n})}),t.jsx(Ja,{color:"quiet",style:{marginBottom:24},children:"Small label attached to an element showing status or count. Solid and outline variants across all 8 colors."}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Badge",theme:r,surface:o})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{minHeight:400},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"calc((100vw - 432px) / 2)"},flexShrink:0},children:[t.jsx(a.Box,{sx:{p:4,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:200,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)"},children:t.jsxs(a.Stack,{direction:"row",spacing:6,alignItems:"center",children:[t.jsx(ip,{variant:S(),badgeContent:z(),dot:f,showZero:b,children:t.jsx(d,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})}),t.jsx(ip,{variant:S(),badgeContent:z(),dot:f,showZero:b,children:t.jsx(u,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})}),t.jsx(ip,{variant:S(),badgeContent:z(),dot:f,showZero:b,children:t.jsx(h,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})})]})}),t.jsx(Bf,{code:(()=>{const e=['variant="'+S()+'"'];if(f)e.push("dot");else{const a=z();"number"==typeof a?e.push("badgeContent={"+a+"}"):a&&e.push('badgeContent="'+a+'"')}return b&&e.push("showZero"),"<Badge "+e.join(" ")+">\n  <MailIcon />\n</Badge>"})(),language:"JSX",sx:{borderRadius:0,borderBottom:"1px solid var(--Border)"}})]}),t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"calc(100vw - 432px)",md:"calc((100vw - 432px) / 2)"},flexShrink:0,p:3,backgroundColor:"var(--Container)",overflowY:"auto"},children:[t.jsx(Ha,{children:"Playground"}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",spacing:1,flexWrap:"wrap",sx:{gap:1},children:["solid","outline"].map(e=>t.jsx(Af,{label:wf(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:kf.map(e=>t.jsx(Mf,{color:e,selected:c===e,onClick:x},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Counter 16px · Dot 8px · Padding 4px · Digits 11px"})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BADGE CONTENT"}),t.jsx(a.TextField,{size:"small",value:m,onChange:e=>p(e.target.value),placeholder:"Number or text",disabled:f,sx:{width:"160px","& .MuiOutlinedInput-root":{fontFamily:"inherit",fontSize:"14px",backgroundColor:"var(--Background)","& fieldset":{borderColor:"var(--Border)"},"&:hover fieldset":{borderColor:"var(--Border)"},"&.Mui-focused fieldset":{borderColor:"var(--Buttons-Primary-Border)"}},"& .MuiOutlinedInput-input":{color:"var(--Text)",padding:"6px 12px"}}})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(a.FormControlLabel,{control:t.jsx(a.Checkbox,{checked:f,onChange:e=>g(e.target.checked),size:"small"}),label:t.jsx(Xa,{children:"Dot (no content)"})}),t.jsx(a.FormControlLabel,{control:t.jsx(a.Checkbox,{checked:b,onChange:e=>v(e.target.checked),size:"small"}),label:t.jsx(Xa,{children:"Show zero"})})]})]})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsxs(a.Box,{sx:{p:4},children:[t.jsx(Ha,{children:"Accessibility Requirements"}),t.jsxs(Xa,{color:"quiet",style:{marginBottom:32},children:["Based on current Playground settings: ",l," · ",c]}),t.jsxs(a.Stack,{spacing:4,children:[t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Badge Text Contrast"}),t.jsx(Xa,{color:"quiet",style:{marginBottom:16},children:"Badge text must have ≥ 4.5:1 contrast against badge background (WCAG 1.4.3 AA)"}),t.jsx(Tf,{label:"Badge Text vs. Badge Background",ratio:St(y.badgeText,y.badgeBg),threshold:4.5,note:"solid"===l?"var(--Buttons-{C}-Text) vs var(--Buttons-{C}-Button)":"outline"===l?"var(--Text) vs var(--Background)":"var(--Buttons-{C}-Text) vs var(--Buttons-{C}-Button)"})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Badge Visibility"}),t.jsx(Xa,{color:"quiet",style:{marginBottom:16},children:"Badge background (or border) must have ≥ 3:1 contrast against page background (WCAG 1.4.11)"}),(()=>{const e=St(y.badgeBg,y.background),a=y.badgeBorder?St(y.badgeBorder,y.background):null;return t.jsx(Tf,{label:"Badge vs. Page Background",ratio:(r=e,i=a,r||i?r?i?parseFloat(r)>=parseFloat(i)?r:i:r:i:null),threshold:3.1,note:"outline"===l?"Border "+(a||"--")+":1 — outline relies on border contrast":"BG "+(e||"--")+":1"});var r,i})()]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Badge Sizing"}),t.jsx(Xa,{color:"quiet",style:{marginBottom:16},children:"One size. A count has to read the same whether it hangs off a 20px icon or a 56px FAB, so it does not scale with its anchor."}),t.jsx(a.Box,{sx:{display:"flex",justifyContent:"space-between",py:1.5,borderBottom:"1px solid var(--Border)"},children:t.jsxs(a.Box,{children:[t.jsx(Xa,{children:"Counter"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"16px height · 4px side padding · 11px digits · pill shape"})]})}),t.jsx(a.Box,{sx:{display:"flex",justifyContent:"space-between",py:1.5,borderBottom:"1px solid var(--Border)"},children:t.jsxs(a.Box,{children:[t.jsx(Xa,{children:"Status dot"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"8px diameter circle"})]})})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA & Semantics"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{style:{display:"block",marginBottom:2},children:"Screenreader support:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:'MUI Badge renders badge content in a visually-hidden span for assistive technology. Numeric content is announced (e.g. "5 notifications").'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{style:{display:"block",marginBottom:2},children:"Dot variant:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Dot badges are purely decorative. Ensure the parent element conveys status to assistive tech via aria-label or similar."})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{style:{display:"block",marginBottom:2},children:"Max overflow:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:'When content exceeds max (default 99), displays "99+" visually but announces the actual number to screenreaders.'})]})]})]})]})]})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Badge"})})]})]})},exports.BarChart=function({data:r=[],showTrack:i=!0,rounded:o=!0,showValues:n=!1,showLabels:l=!0,animate:s=!0,interactive:c=!0,height:d=200,gapRatio:u=.4,label:h,className:x="",sx:m={},...p}){const f=nk(r),g=lk(r),{active:b,handlers:v}=kk(f.length),[y,j]=e.useState(!s);e.useEffect(()=>{if(!s)return;const e=requestAnimationFrame(()=>j(!0));return()=>cancelAnimationFrame(e)},[s]);const S=320,z=n?20:8,B=l?22:8,w=Math.max(0,d-z-B),k=sk(f,{fromZero:!0}),{centres:C,bandWidth:T}=uk(f.length,0,S,{gapRatio:u}),M=z+w,A=o?T/2:0,L=f.length?S/f.length:0;return t.jsxs(a.Box,{component:"figure",className:"bar-chart "+x,sx:{display:"block",width:"100%",m:0,position:"relative",...m},...p,children:[t.jsxs("svg",{viewBox:`0 0 320 ${d}`,width:"100%",height:d,preserveAspectRatio:"none",focusable:"false","aria-hidden":"true",children:[c&&b>=0&&t.jsx("rect",{x:C[b]-L/2,y:0,width:L,height:d,fill:"var(--Hover)",rx:6}),f.map((e,a)=>{const r=C[a]-T/2,o=ck(e,k,z,w),n=Math.max(0,M-o);return t.jsxs("g",{children:[i&&t.jsx("rect",{x:r,y:z,width:T,height:w,rx:A,ry:A,fill:vk.track}),n>0&&t.jsx("rect",{x:r,y:o,width:T,height:n,rx:Math.min(A,n/2),ry:Math.min(A,n/2),fill:vk.fill,style:{transformBox:"fill-box",transformOrigin:"bottom",transform:y?"scaleY(1)":"scaleY(0)",transition:`transform ${Bk}`}})]},a)}),n&&f.map((e,a)=>t.jsx("text",{x:C[a],y:ck(e,k,z,w)-6,textAnchor:"middle",fill:vk.label,...jk,children:e},"v"+a)),l&&g.map((e,a)=>t.jsx("text",{x:C[a],y:d-6,textAnchor:"middle",fill:vk.quietLabel,...jk,children:e},"l"+a)),c&&b>=0&&!n&&t.jsx(Tk,{x:C[b],y:ck(f[b],k,z,w),text:f[b],width:S,tokens:vk})]}),c&&t.jsx(Ck,{count:f.length,width:S,centres:C,bandWidth:L,labels:g,values:f,handlers:v}),t.jsx(zk,{caption:h||`Bar chart, ${f.length} values`,labels:g,values:f})]})},exports.BevelText=Kw,exports.BevelTextShowcase=function(){const[r,i]=e.useState("Default"),[o,n]=e.useState("Surface"),[l,s]=e.useState("DinoDesign"),[c,d]=e.useState("Primary"),[u,h]=e.useState("Classic"),[x,m]=e.useState("light"),[p,f]=e.useState(135),[g,b]=e.useState(5),[v,y]=e.useState(1),[j,S]=e.useState(!0),[z,B]=e.useState(!0),[w,k]=e.useState(6),[C,T]=e.useState(8),[M,A]=e.useState(60),[L,I]=e.useState(96),[N,R]=e.useState(900),[D,W]=e.useState(0),F="custom"===u,P=F?{angle:p,depth:g,softness:v,bevel:j,shadow:z,shadowDistance:w,shadowBlur:C,shadowOpacity:M/100}:void 0,H=ek.find(e=>e.value===x)?.css||ek[0].css;return t.jsxs(a.Box,{children:[t.jsx(FB,{title:"Bevel Display Text",component:"BevelText"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:r,onThemeChange:i,surface:o,onSurfaceChange:n})}),t.jsx(Ja,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:"Straight-line display text with an SVG inset-bevel and optional drop shadow. Colors are locked to the active button-palette tokens (Button / Highlight / Lowlight) so the same preset reads correctly under any theme."}),t.jsxs(a.Box,{sx:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(360px, 1fr))",gap:3,alignItems:"start"},children:[t.jsx(a.Box,{sx:{minWidth:0},children:t.jsx(a.Box,{"data-surface":"Container",sx:{background:H,borderRadius:2,p:4,display:"flex",alignItems:"center",justifyContent:"center",minHeight:240,overflow:"auto",position:"sticky",top:16,transition:"background 0.2s"},children:t.jsx(Kw,{text:l,theme:c,preset:u,custom:P,fontSize:L,fontWeight:N,letterSpacing:D})})}),t.jsx(a.Box,{sx:{minWidth:0,alignSelf:"flex-start"},children:t.jsx(a.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"BevelText",theme:r,surface:o})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Stack,{spacing:3,sx:{p:3,maxWidth:720},children:[t.jsx(Ug,{label:"Text",value:l,onChange:e=>s(e.target.value),placeholder:"Your headline…",size:"medium"}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"THEME"}),t.jsx(a.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Fw.map(e=>t.jsx(ak,{label:e,selected:c===e,onClick:()=>d(e)},e))}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Resolves to ",t.jsxs("code",{children:["--Buttons-","{Theme}","-Button"]})," ","(fill), ",t.jsx("code",{children:"-Highlight"})," (light edge), and"," ",t.jsx("code",{children:"-Lowlight"})," (shadow edge)."]})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PRESETS"}),t.jsx(a.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:_w.map(e=>t.jsx(tk,{option:e,active:u===e.value,onClick:()=>function(e){if(h(e),"custom"!==e){const a=Ow(e);f(a.angle),b(a.depth??5),y(a.softness??1),S(a.bevel),B(a.shadow),k(a.shadowDistance??6),T(a.shadowBlur??8),A(Math.round(100*(a.shadowOpacity??.6)))}}(e.value)},e.value))})]}),F&&t.jsxs(a.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",p:2},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:12},children:"CUSTOM"}),t.jsxs(a.Stack,{spacing:2,children:[t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Light angle",t.jsxs("span",{style:{float:"right"},children:[p,"°"]})]}),t.jsx(tb,{min:0,max:360,step:5,value:p,onChange:(e,a)=>f(a)})]}),t.jsxs(a.Box,{sx:{border:"1px solid var(--Border-Variant)",borderRadius:1,p:1.5},children:[t.jsx(Hf,{label:"Inset bevel",checked:j,onChange:e=>S(e.target.checked)}),j&&t.jsxs(a.Stack,{spacing:1.5,sx:{mt:1.5},children:[t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Depth",t.jsxs("span",{style:{float:"right"},children:[g,"px"]})]}),t.jsx(tb,{min:1,max:16,step:1,value:g,onChange:(e,a)=>b(a)})]}),t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Softness",t.jsxs("span",{style:{float:"right"},children:[v,"px"]})]}),t.jsx(tb,{min:0,max:6,step:.5,value:v,onChange:(e,a)=>y(a)})]})]})]}),t.jsxs(a.Box,{sx:{border:"1px solid var(--Border-Variant)",borderRadius:1,p:1.5},children:[t.jsx(Hf,{label:"Drop shadow",checked:z,onChange:e=>B(e.target.checked)}),z&&t.jsxs(a.Stack,{spacing:1.5,sx:{mt:1.5},children:[t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Distance",t.jsxs("span",{style:{float:"right"},children:[w,"px"]})]}),t.jsx(tb,{min:1,max:24,step:1,value:w,onChange:(e,a)=>k(a)})]}),t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Blur",t.jsxs("span",{style:{float:"right"},children:[C,"px"]})]}),t.jsx(tb,{min:0,max:24,step:1,value:C,onChange:(e,a)=>T(a)})]}),t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Opacity",t.jsxs("span",{style:{float:"right"},children:[M,"%"]})]}),t.jsx(tb,{min:10,max:100,step:5,value:M,onChange:(e,a)=>A(a)})]})]})]})]})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPOGRAPHY"}),t.jsxs(a.Stack,{spacing:2,children:[t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Font size",t.jsxs("span",{style:{float:"right"},children:[L,"px"]})]}),t.jsx(tb,{min:32,max:160,step:4,value:L,onChange:(e,a)=>I(a)})]}),t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Font weight",t.jsx("span",{style:{float:"right"},children:N})]}),t.jsx(tb,{min:400,max:900,step:100,value:N,onChange:(e,a)=>R(a)})]}),t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Letter spacing",t.jsxs("span",{style:{float:"right"},children:[D,"px"]})]}),t.jsx(tb,{min:-2,max:20,step:1,value:D,onChange:(e,a)=>W(a)})]})]})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PREVIEW BACKGROUND"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:ek.map(e=>t.jsx(ak,{label:e.label,selected:x===e.value,onClick:()=>m(e.value)},e.value))}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Showcase-only — doesn't affect the emitted code."})]})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsxs(a.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)"},children:["BevelText uses the same Highlight / Lowlight token pair as button bevels, which target the WCAG 2.1 large-text minimum (3:1). Bevel text is decorative display — the SVG sets"," ",t.jsx("code",{children:'role="img"'})," and ",t.jsx("code",{children:"aria-label"})," to the rendered string so screen readers announce it as a labeled image, not a stream of glyphs."]}),t.jsx(Xa,{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."})]})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"BevelText"})})]})})})]})]})},exports.BlackWhiteToggleButtonGroup=Bz,exports.Body=Ja,exports.Body1=$a,exports.Body2=Ka,exports.BodyBold=e=>t.jsx(Wa,{textStyle:"body-bold",...e}),exports.BodyLarge=_a,exports.BodyLargeBold=e=>t.jsx(Wa,{textStyle:"body-large-bold",...e}),exports.BodyLargeSemibold=et,exports.BodySemibold=Za,exports.BodySmall=Xa,exports.BodySmallBold=e=>t.jsx(Wa,{textStyle:"body-small-bold",...e}),exports.BodySmallSemibold=Ya,exports.BottomNavigation=ty,exports.BottomNavigationShowcase=function(){const[r,i]=e.useState("Default"),[o,n]=e.useState("Surface"),[l,s]=e.useState(0),[c,d]=e.useState(!0),[u,h]=e.useState(!0),[x,m]=e.useState("fixed"),[p,f]=e.useState("horizontal"),[g,b]=e.useState("default"),[v,y]=e.useState(4),[j,S]=e.useState(sy.map(e=>({icon:e.icon,label:e.label})));e.useEffect(()=>{S(e=>{const a=[],t=[{icon:"Favorite",label:"Favorites"},{icon:"Person",label:"Profile"}];for(let r=0;r<v;r++)if(e[r])a.push(e[r]);else{const e=t[r-sy.length]||{icon:ly[r%ly.length],label:ly[r%ly.length]};a.push(e)}return a}),s(e=>Math.min(e,v-1))},[v]);const z=(e,a,t)=>{S(r=>{const i=[...r];return i[e]={...i[e],[a]:t},i})},B=j.slice(0,v).map(e=>({icon:ny[e.icon]||ny.Home,label:e.label}));return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Bottom Navigation",component:"BottomNavigation"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:r,onThemeChange:i,surface:o,onSurfaceChange:n})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"BottomNavigation",theme:r,surface:o})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{minHeight:400},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"calc((100vw - 432px) / 2)"},flexShrink:0},children:[t.jsxs(a.Box,{sx:{p:4,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:300,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",gap:4},children:[t.jsx(a.Box,{sx:{width:"100%",maxWidth:500,overflow:"hidden",boxShadow:"0 2px 12px rgba(0,0,0,0.08)"},children:t.jsx(ty,{items:B,value:l,onChange:s,showLabels:u,variant:x,orientation:p,barColor:g,fixed:!1},"bn-"+v+"-"+x+"-"+p+"-"+u+"-"+g)}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",textAlign:"center"},children:[v," items · ",u?"Labels":"Icons only"," · ","floating"===x?"Floating":"Fixed"," · ","vertical"===p?"Vertical":"Horizontal"," · ",(cy.find(e=>e.value===g)||cy[0]).label]})]}),t.jsx(Bf,{code:(()=>{const e=[];e.push("const items = ["),B.forEach((a,t)=>{const r=j[t];e.push("  { icon: <"+r.icon+"Icon />, label: '"+r.label+"' },")}),e.push("];"),e.push("");const a=[];return a.push("items={items}"),"default"!==g&&a.push('barColor="'+g+'"'),u||a.push("showLabels={false}"),"fixed"!==x&&a.push('variant="'+x+'"'),"horizontal"!==p&&a.push('orientation="'+p+'"'),c||a.push("fixed={false}"),e.push("<BottomNavigation"),a.forEach(a=>e.push("  "+a)),e.push("/>"),e.join("\n")})(),language:"JSX",sx:{borderRadius:0,borderBottom:"1px solid var(--Border)"}})]}),t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"calc(100vw - 432px)",md:"calc((100vw - 432px) / 2)"},flexShrink:0,p:3,backgroundColor:"var(--Container)",overflowY:"auto"},children:[t.jsx(Ha,{children:"Playground"}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BAR COLOR"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:cy.map(e=>t.jsx(dy,{label:e.label,selected:g===e.value,onClick:()=>b(e.value)},e.value))}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:[(cy.find(e=>e.value===g)||cy[0]).desc,' · data-surface="Surface-Dim" · bg: var(--Background)']})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsx(my,{label:"Fixed",checked:c,onChange:d,caption:"Position fixed to bottom of viewport."}),t.jsx(my,{label:"Labels",checked:u,onChange:h,caption:"Show text labels with icons."}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Selected paints a filled circle in var(--Text) with the icon reversed out of it. Not a choice — the design has one selected state, so there is no switch for it."})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsxs(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[t.jsx(dy,{label:"Fixed",selected:"fixed"===x,onClick:()=>m("fixed")}),t.jsx(dy,{label:"Floating",selected:"floating"===x,onClick:()=>m("floating")})]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"floating"===x?"A pill, rounded to its own height so the ends stay semicircular at any length.":"A square band, edge to edge."}),t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",margin:"16px 0 8px"},children:"ORIENTATION"}),t.jsxs(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[t.jsx(dy,{label:"Horizontal",selected:"horizontal"===p,onClick:()=>f("horizontal")}),t.jsx(dy,{label:"Vertical",selected:"vertical"===p,onClick:()=>f("vertical")})]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"The BAR's direction, not the label's — the label is always under the icon. Vertical is a rail of actions down one side."})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"NAVIGATION ITEMS"}),t.jsx(xy,{label:"Count",value:v,onChange:y,min:3,max:6}),t.jsx(a.Stack,{spacing:1.5,sx:{mt:2},children:j.slice(0,v).map((e,r)=>t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"nowrap"},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",flexShrink:0,width:16,textAlign:"right"},children:r+1}),t.jsx(hy,{value:e.icon,onChange:e=>z(r,"icon",e),options:ly,label:"Item "+(r+1)+" icon"}),u&&t.jsx(uy,{value:e.label,onChange:e=>z(r,"label",e),placeholder:"Label"})]},r))})]})]})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsxs(a.Box,{sx:{p:4},children:[t.jsx(Ha,{children:"Accessibility Requirements"}),t.jsxs(Xa,{color:"quiet",style:{marginBottom:32},children:[v," items · ",u?"Labels":"Icons only"," · ","floating"===x?"Floating":"Fixed"," · ","vertical"===p?"Vertical":"Horizontal"," · ",(cy.find(e=>e.value===g)||cy[0]).label]}),t.jsxs(a.Stack,{spacing:4,children:[t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Landmark:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<nav role="navigation" aria-label="Bottom navigation">'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Tab list:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'role="tablist"'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Tab items:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'role="tab", aria-selected, aria-label'})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(Xa,{children:"Focus:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"3px solid var(--Focus-Visible) on :focus-visible."})]})]})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Token Reference"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Bar:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'Always: data-surface="Surface-Dim" · bg: var(--Background). Theme set by data-theme (Nav-Bar, Primary, Primary-Light, etc.).'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Unselected icon/label:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text-Quiet)"})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Selected:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text)"})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Selected pill:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"bg: var(--Buttons-Primary-Button) · border: 1px solid var(--Buttons-Primary-Border) · icon/text: var(--Buttons-Primary-Text)"})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Backfill + horizontal label:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"Label inside pill: var(--Buttons-Primary-Text)"})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(Xa,{children:"Backfill + vertical label:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"Label below pill: var(--Text)"})]})]})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Best Practices"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Item count:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"3–5 recommended. 6 maximum."})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Horizontal layout:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Only available with 4 or fewer items."})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Labels:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Always recommended for clarity."})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(Xa,{children:"Fixed:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Add bottom padding to main content to avoid overlap."})]})]})]})]})]})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"BottomNavigation"})})]})]})},exports.Box=Jj,exports.BoxShowcase=function(){const[r,i]=e.useState(""),[o,n]=e.useState(""),[l,s]=e.useState("Default"),[c,d]=e.useState("Surface");return t.jsxs(Jj,{sx:{pb:8},children:[t.jsx(FB,{title:"Box",component:"Box"}),t.jsx(Jj,{sx:{mt:1},children:t.jsx(Sm,{theme:l,onThemeChange:s,surface:c,onSurfaceChange:d})}),t.jsxs(Ja,{color:"quiet",style:{marginTop:8,marginBottom:24,maxWidth:720},children:["Bare layout primitive — a slot that participates in the design-system cascade (",t.jsx("code",{children:"data-theme"})," / ",t.jsx("code",{children:"data-surface"}),") without carrying any chrome. Reach for ",t.jsx("code",{children:"<Ratio>"})," or",t.jsx("code",{children:" <Card>"})," when you need padding, borders, or shadow."]}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"When to use"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Box",theme:l,surface:c})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:l,surface:c,children:t.jsx(Jj,{sx:{width:"100%",maxWidth:400},children:t.jsx(Jj,{theme:r||void 0,surface:o||void 0,children:t.jsxs(Jj,{sx:{padding:3,backgroundColor:"var(--Background)",color:"var(--Text)",borderRadius:"var(--Style-Border-Radius)",border:"1px dashed var(--Border-Variant)"},children:[t.jsx(Oa,{children:"Box content"}),t.jsx(Ja,{style:{color:"var(--Text-Quiet)",marginTop:6},children:"Anything dropped inside resolves tokens against the Box's theme / surface, if you set them."})]})})})}),t.jsx(Bf,{code:(()=>{const e=[];r&&e.push('theme="'+r+'"'),o&&e.push('surface="'+o+'"');return"<Box"+(e.length?" "+e.join(" "):"")+">\n  {/* anything */}\n</Box>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(Jj,{sx:{p:3},children:[t.jsx(Jj,{sx:{mb:3}}),t.jsxs(Jj,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"THEME (optional)"}),t.jsxs(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[t.jsx(KB,{label:"None",selected:!r,onClick:()=>i("")}),$B.map(e=>t.jsx(KB,{label:e,selected:r===e,onClick:()=>i(e)},e))]})]}),t.jsxs(Jj,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SURFACE (optional)"}),t.jsxs(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[t.jsx(KB,{label:"None",selected:!o,onClick:()=>n("")}),ZB.map(e=>t.jsx(KB,{label:e,selected:o===e,onClick:()=>n(e)},e))]}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Both props are pass-throughs to ",t.jsx("code",{children:"data-theme"})," ","and ",t.jsx("code",{children:"data-surface"}),". Leave empty to inherit from the parent zone."]})]})]})})]})}),t.jsx(Jp,{value:2,children:t.jsx(Jj,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:2,children:[t.jsxs(Jj,{children:[t.jsx(Xa,{style:{fontWeight:700},children:"Reach for Box when…"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:"you need a wrapper to scope a theme / surface zone, or you want a typed JSX root without painting any visual styling."})]}),t.jsxs(Jj,{children:[t.jsx(Xa,{style:{fontWeight:700},children:"Use Ratio when…"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:"the container needs a fixed proportion (image, video, embed, hero tile) — it carries the same theme / color shell Box used to."})]}),t.jsxs(Jj,{children:[t.jsx(Xa,{style:{fontWeight:700},children:"Use Card when…"}),t.jsx(at,{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."})]})]})})}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Box"})})]})]})},exports.BrandIcon=Kx,exports.BreadcrumbItem=db,exports.Breadcrumbs=cb,exports.BreadcrumbsShowcase=function(){const[r,i]=e.useState("medium"),[o,n]=e.useState("/"),[l,s]=e.useState(!1),[c,d]=e.useState("Default"),[u,h]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Breadcrumbs",component:"Breadcrumbs"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:c,onThemeChange:d,surface:u,onSurfaceChange:h})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Breadcrumbs",theme:c,surface:u})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:c,surface:u,children:t.jsxs(cb,{size:r,separator:o,condense:l,maxItems:3,children:[t.jsx(db,{href:"#",children:"Home"}),t.jsx(db,{href:"#",children:"Products"}),t.jsx(db,{href:"#",children:"Shoes"}),t.jsx(db,{children:"Running Shoes"})]})}),t.jsx(Bf,{code:(()=>{const e=[];return"medium"!==r&&e.push('size="'+r+'"'),"/"!==o&&e.push('separator="'+o+'"'),l&&e.push("condense maxItems={3}"),"<Breadcrumbs"+(e.length?" "+e.join(" "):"")+'>\n  <BreadcrumbItem href="/">Home</BreadcrumbItem>\n  <BreadcrumbItem href="/products">Products</BreadcrumbItem>\n  <BreadcrumbItem href="/products/shoes">Shoes</BreadcrumbItem>\n  <BreadcrumbItem>Running Shoes</BreadcrumbItem>\n</Breadcrumbs>'})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(hb,{label:ub(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SEPARATOR"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["/","›","→","·","|"].map(e=>t.jsx(hb,{label:e,selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Condense"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Collapse middle items into ellipsis"})]}),t.jsx(Pf,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Condense"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Nav",value:'<nav aria-label="Breadcrumb">'},{label:"List",value:"<ol> with <li> for each crumb"},{label:"Current",value:'aria-current="page" on the last item'},{label:"Links",value:"BreadcrumbItem renders <a> when href is provided"},{label:"Ellipsis",value:'Expandable button with aria-label="Show full breadcrumb trail"'},{label:"Separator",value:'aria-hidden="true" — decorative only'}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Breadcrumbs"})})]})]})},exports.Button=zp,exports.ButtonGroup=Cb,exports.ButtonSmall=gt,exports.ButtonText=bt,exports.CAP_HEIGHT_TRIM=Fa,exports.CHART_LABEL_TYPE=jk,exports.CHART_TOKENS=vk,exports.COLOR_COLLECTIONS=Mk,exports.COLOUR_COLLECTIONS=Mk,exports.COMPONENT_DOCS=Vm,exports.Caption=at,exports.CaptionBold=e=>t.jsx(Wa,{textStyle:"caption-bold",...e}),exports.Card=Jf,exports.CenteredStack=e=>t.jsx(Fb,{direction:"column",alignItems:"center",justifyContent:"center",...e}),exports.Checkbox=sg,exports.Chip=Rp,exports.CircularProgress=rj,exports.CircularProgressShowcase=function(){const[r,i]=e.useState("default"),[o,n]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(65),[u,h]=e.useState(!1),[x,m]=e.useState("Default"),[p,f]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Circular Progress",component:"CircularProgress"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:x,onThemeChange:m,surface:p,onSurfaceChange:f})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"CircularProgress",theme:x,surface:p})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:x,surface:p,children:t.jsx(rj,{color:r,size:o,value:l?c:void 0,showValue:l&&u})}),t.jsx(Bf,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==o&&e.push('size="'+o+'"'),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}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:oj.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(lj,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(nj,{label:ij(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Determinate"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show a static arc at a specific value"})]}),t.jsx(Pf,{checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Determinate"})]}),l&&t.jsxs(t.Fragment,{children:[t.jsx(a.Box,{sx:{mt:2},children:t.jsx(tb,{label:"Value",min:0,max:100,value:c,onChange:(e,a)=>d(a),size:"small",valueLabelDisplay:"auto"})}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Show Label"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Center percentage text"})]}),t.jsx(Pf,{checked:u,onChange:e=>h(e.target.checked),size:"small","aria-label":"Show label"})]})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:3,children:[t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Role:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'role="progressbar"'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Determinate:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'aria-valuenow, aria-valuemin="0", aria-valuemax="100"'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Indeterminate:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'aria-label="Loading" (no value attributes)'})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(Xa,{children:"Label:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Center percentage label is aria-hidden — screen readers use aria-valuenow."})]})]})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Token Reference"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Track (back circle):"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Border-Variant)"})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Fill (progress arc):"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Buttons-{Color}-Border)"})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(Xa,{children:"Center label:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text)"})]})]})]})]})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"CircularProgress"})})]})]})},exports.CodeBlock=Bf,exports.Colors=function(){const e=({color:e})=>t.jsxs(a.Box,{sx:{textAlign:"center"},children:[t.jsx(a.Box,{sx:{width:"80px",height:"80px",backgroundColor:`var(${e.var})`,borderRadius:"8px",border:"1px solid var(--Border)",mb:1,mx:"auto"}}),t.jsx(a.Typography,{variant:"body2",sx:{fontWeight:600,fontSize:"12px",color:"var(--Text)",mb:.5,wordBreak:"break-word"},children:e.name}),t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block",fontSize:"10px",fontFamily:"monospace",wordBreak:"break-all"},children:e.var})]});return t.jsxs(a.Stack,{spacing:6,children:[t.jsxs(a.Box,{children:[t.jsx(a.Typography,{variant:"h5",sx:{mb:3,fontWeight:700},children:"Brand Colors (Static)"}),t.jsx(a.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(a=>t.jsx(e,{color:a},a.var))})]}),t.jsxs(a.Box,{children:[t.jsx(a.Typography,{variant:"h5",sx:{mb:3,fontWeight:700},children:"Background Colors (Dynamic)"}),t.jsx(a.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Update based on selected Background variant and Mode"}),t.jsx(a.Grid,{container:!0,spacing:2,sx:{justifyContent:"center"},children:[{name:"Default Background",cssVar:"var(--Theme-Default-Surfaces-Surface)"},{name:"Primary Background",cssVar:"var(--Theme-Primary-Surfaces-Surface)"},{name:"Secondary Background",cssVar:"var(--Theme-Secondary-Surfaces-Surface)"},{name:"Tertiary Background",cssVar:"var(--Theme-Tertiary-Surfaces-Surface)"},{name:"Neutral Background",cssVar:"var(--Theme-Neutral-Surfaces-Surface)"},{name:"Neutral-Variant Background",cssVar:"var(--Theme-Neutral-Variant-Surfaces-Surface)"}].map(e=>t.jsx(a.Grid,{item:!0,sx:{display:"flex",justifyContent:"center"},children:t.jsxs(a.Box,{sx:{textAlign:"center"},children:[t.jsx(a.Box,{sx:{minWidth:"max(var(--Button-Height), var(--Min-Button-Width))",minHeight:"var(--Button-Height)",backgroundColor:e.cssVar,borderRadius:"var(--Style-Border-Radius)",border:"2px solid var(--Border)",mb:1}}),t.jsx(a.Typography,{variant:"body2",sx:{fontWeight:600,fontSize:"12px",color:"var(--Text)",wordBreak:"break-word"},children:e.name})]})},e.name))})]}),t.jsxs(a.Box,{children:[t.jsx(a.Typography,{variant:"h5",sx:{mb:3,fontWeight:700},children:"Dynamic Colors (Update with Mode, Background & Surface)"}),t.jsx(a.Alert,{severity:"info",sx:{backgroundColor:"var(--Container-Low)",mb:3,border:"1px solid var(--Border)"},children:t.jsxs(a.Typography,{variant:"body2",children:["Most colors update automatically based on the current"," ",t.jsx("strong",{children:"Mode"})," (Light/Dark), ",t.jsx("strong",{children:"Background"})," ","variant, and ",t.jsx("strong",{children:"Surface"})," theme. Only Primary, Secondary, and Tertiary colors are fixed brand colors."]})}),t.jsx(a.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"These colors automatically adapt based on:"}),t.jsxs(a.Stack,{spacing:1,sx:{mb:4},children:[t.jsxs(a.Box,{sx:{display:"flex",gap:2},children:[t.jsx(a.Typography,{variant:"body2",sx:{fontWeight:600,minWidth:80},children:"Mode:"}),t.jsx(a.Typography,{variant:"body2",children:"Light or Dark theme"})]}),t.jsxs(a.Box,{sx:{display:"flex",gap:2},children:[t.jsx(a.Typography,{variant:"body2",sx:{fontWeight:600,minWidth:80},children:"Background:"}),t.jsx(a.Typography,{variant:"body2",children:"Default, Primary, Secondary, Tertiary, Neutral, or Neutral-Variant"})]}),t.jsxs(a.Box,{sx:{display:"flex",gap:2},children:[t.jsx(a.Typography,{variant:"body2",sx:{fontWeight:600,minWidth:80},children:"Surface:"}),t.jsx(a.Typography,{variant:"body2",children:"Theme surface layer selection"})]})]}),t.jsx(a.Stack,{spacing:4,children:[{name:"Layout & Surfaces",colors:[{name:"Background",var:"--Background"},{name:"Border",var:"--Border"},{name:"Border-Variant",var:"--Border-Variant"}]},{name:"Text & Links",colors:[{name:"Header",var:"--Header"},{name:"Text",var:"--Text"},{name:"Text-Quiet",var:"--Text-Quiet"},{name:"Hotlink",var:"--Hotlink"},{name:"Hotlink-Visited",var:"--Hotlink-Visited"}]},{name:"Buttons - Primary",colors:[{name:"Button BG",var:"--Button-Primary-Button"},{name:"Button Text",var:"--Button-Primary-Text"},{name:"Button Hover",var:"--Button-Primary-Hover"},{name:"Button Active",var:"--Button-Primary-Pressed"},{name:"Focus-Visible",var:"--Focus-Visible"}]},{name:"Buttons - Secondary",colors:[{name:"Button BG",var:"--Button-Secondary-Button"},{name:"Button Text",var:"--Button-Secondary-Text"},{name:"Button Hover",var:"--Button-Secondary-Hover"},{name:"Button Active",var:"--Button-Secondary-Pressed"},{name:"Focus-Visible",var:"--Focus-Visible"}]},{name:"Buttons - State",colors:[{name:"Info Button",var:"--Button-Info-Button"},{name:"Success Button",var:"--Button-Success-Button"},{name:"Warning Button",var:"--Button-Warning-Button"},{name:"Error Button",var:"--Button-Error-Button"}]},{name:"Icons",colors:[{name:"Default",var:"--Icons-Default"},{name:"Primary",var:"--Icons-Primary"},{name:"Secondary",var:"--Icons-Secondary"},{name:"Tertiary",var:"--Icons-Tertiary"},{name:"Neutral",var:"--Icons-Neutral"},{name:"Info",var:"--Icons-Info"},{name:"Success",var:"--Icons-Success"},{name:"Warning",var:"--Icons-Warning"},{name:"Error",var:"--Icons-Error"}]},{name:"Chips & Badges",colors:[{name:"Primary BG",var:"--Tags-Primary-BG"},{name:"Primary Text",var:"--Tags-Primary-Text"},{name:"Secondary BG",var:"--Tags-Secondary-BG"},{name:"Secondary Text",var:"--Tags-Secondary-Text"},{name:"Tertiary BG",var:"--Tags-Tertiary-BG"},{name:"Tertiary Text",var:"--Tags-Tertiary-Text"},{name:"Neutral BG",var:"--Tags-Neutral-BG"},{name:"Neutral Text",var:"--Tags-Neutral-Text"},{name:"Info BG",var:"--Tags-Info-BG"},{name:"Info Text",var:"--Tags-Info-Text"},{name:"Success BG",var:"--Tags-Success-BG"},{name:"Success Text",var:"--Tags-Success-Text"},{name:"Warning BG",var:"--Tags-Warning-BG"},{name:"Warning Text",var:"--Tags-Warning-Text"},{name:"Error BG",var:"--Tags-Error-BG"},{name:"Error Text",var:"--Tags-Error-Text"}]}].map(r=>t.jsxs(a.Box,{children:[t.jsx(a.Typography,{variant:"h6",sx:{mb:2,fontWeight:600},children:r.name}),t.jsx(a.Grid,{container:!0,spacing:2,sx:{justifyContent:"center"},children:r.colors.map(r=>t.jsx(a.Grid,{item:!0,sx:{display:"flex",justifyContent:"center"},children:t.jsx(e,{color:r})},r.var))})]},r.name))})]}),t.jsxs(a.Box,{sx:{pt:4,borderTop:"1px solid var(--Border)"},children:[t.jsx(a.Typography,{variant:"h5",sx:{mb:2,fontWeight:700},children:"How to Use"}),t.jsxs(a.Stack,{spacing:2,children:[t.jsxs(a.Box,{children:[t.jsx(a.Typography,{variant:"h6",sx:{fontWeight:600,mb:1},children:"Static Colors"}),t.jsxs(a.Typography,{variant:"body2",sx:{color:"var(--Text-Secondary)"},children:["Use brand colors (",t.jsx("code",{style:{backgroundColor:"var(--Container)",padding:"2px 4px",borderRadius:"4px"},children:"--Primary-Color-11"}),","," ",t.jsx("code",{style:{backgroundColor:"var(--Container)",padding:"2px 4px",borderRadius:"4px"},children:"--Secondary-Color-11"}),","," ",t.jsx("code",{style:{backgroundColor:"var(--Container)",padding:"2px 4px",borderRadius:"4px"},children:"--Tertiary-Color-11"}),") for brand elements that should never change."]})]}),t.jsxs(a.Box,{children:[t.jsx(a.Typography,{variant:"h6",sx:{fontWeight:600,mb:1},children:"Dynamic Colors"}),t.jsx(a.Typography,{variant:"body2",sx:{color:"var(--Text-Secondary)"},children:"Use dynamic color variables for all UI elements. They will automatically update when users change Mode, Background, or Surface settings."})]}),t.jsxs(a.Box,{children:[t.jsx(a.Typography,{variant:"h6",sx:{fontWeight:600,mb:1},children:"Example Usage"}),t.jsx(a.Box,{component:"pre",sx:{backgroundColor:"var(--Container)",p:2,borderRadius:"8px",overflow:"auto",fontSize:"12px",border:"1px solid var(--Border)",color:"var(--Text)"},children:"/* Dynamic - updates with theme changes */\ncolor: var(--Text);\nbackgroundColor: var(--Background);\nborderColor: var(--Border);\n\n/* Static - brand colors stay the same */\naccentColor: var(--Primary-Color-11);"})]})]})]})]})},exports.Container=function({children:e,maxWidth:r="lg",disableGutters:i=!1,sx:o={},...n}){return t.jsx(a.Container,{maxWidth:r,disableGutters:i,"data-surface":"Surface",sx:{backgroundColor:"var(--Background)",color:"var(--Text)",transition:"all 0.2s ease-in-out",...o},...n,children:e})},exports.CopyButton=zf,exports.Copyright=vw,exports.CopyrightShowcase=function(){const[r,i]=e.useState("Default"),[o,n]=e.useState("Surface"),[l,s]=e.useState("DinoDesign"),[c,d]=e.useState((new Date).getFullYear()),[u,h]=e.useState("All rights reserved"),[x,m]=e.useState(""),[p,f]=e.useState(!1),[g,b]=e.useState("default"),v=e.useRef(null),[y,j]=e.useState(null);return e.useEffect(()=>{v.current&&j({current:v.current.querySelector(".dino-copyright")})},[g,p,l,c,u,x]),t.jsxs(a.Box,{children:[t.jsx(FB,{title:"Copyright",component:"Copyright"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:r,onThemeChange:i,surface:o,onSurfaceChange:n})}),t.jsxs(Ja,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:["Standalone copyright strip used at the bottom of pages. Defaults to"," ",t.jsxs("code",{children:["© ","{year}"," ","{companyName}",". ","{rights}","."]})," Pass"," ",t.jsx("code",{children:"children"})," to override the entire text."]}),t.jsx(a.Box,{ref:v,sx:{borderRadius:1,overflow:"hidden",mb:4},children:p?t.jsx(vw,{color:g,children:x||"Type a custom message →"}):t.jsx(vw,{color:g,companyName:l,year:Number(c)||(new Date).getFullYear(),rights:u})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Copyright",theme:r,surface:o})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Stack,{spacing:3,sx:{p:3,maxWidth:560},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TEXT MODE"}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(Ww,{label:"Auto-generated",selected:!p,onClick:()=>f(!1)}),t.jsx(Ww,{label:"Custom",selected:p,onClick:()=>f(!0)})]})]}),!p&&t.jsxs(t.Fragment,{children:[t.jsx(Ug,{label:"Company name",value:l,onChange:e=>s(e.target.value),placeholder:"DinoDesign",size:"medium"}),t.jsx(QB,{label:"Year",value:Number(c),onChange:e=>d(e),min:1900,max:2100}),t.jsx(Ug,{label:"Rights text",value:u,onChange:e=>h(e.target.value),placeholder:"All rights reserved",size:"medium"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:'Leave Rights blank to omit "All rights reserved." entirely.'})]}),p&&t.jsxs(t.Fragment,{children:[t.jsx(Ug,{label:"Custom text",value:x,onChange:e=>m(e.target.value),placeholder:"© 2026 DinoDesign · MIT License · Built with love",size:"medium",multiline:!0}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Pass any string (or React node) as children to fully override the auto text."})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Dw.map(e=>t.jsx(Ww,{label:e.label,selected:g===e.value,onClick:()=>b(e.value)},e.value))}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Matches the Footer color presets so the two stack cleanly."})]})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsxs(a.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsx(at,{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."}),y&&t.jsx(Mw,{targetRef:y,label:"Copyright strip",deps:[g,p,l,c,u,x]})]})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Copyright"})})]})]})},exports.CurvedText=Gw,exports.CurvedTextShowcase=function(){const[r,i]=e.useState("Default"),[o,n]=e.useState("Surface"),[l,s]=e.useState("Your Brand. Perfected."),[c,d]=e.useState("display-large"),[u,h]=e.useState("primary"),[x,m]=e.useState([(p="up",{arc:140,radius:340,direction:p})]);var p;const[f,g]=e.useState(0),[b,v]=e.useState(8),[y,j]=e.useState(700),[S,z]=e.useState(!1),[B,w]=e.useState("Primary"),[k,C]=e.useState("Classic"),T=e.useRef(null),[M,A]=e.useState(null);e.useEffect(()=>{T.current&&A({current:T.current.querySelector("text")})},[u,c,x,f,b,y,S,B,k]);const L=Yw.find(e=>e.value===u)?.css||Yw[0].css;function I(e,a){m(t=>t.map((t,r)=>r===e?{...t,...a}:t))}return t.jsxs(a.Box,{children:[t.jsx(FB,{title:"Curved Display Text",component:"CurvedText"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:r,onThemeChange:i,surface:o,onSurfaceChange:n})}),t.jsx(Ja,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:"Decorative text laid along an SVG arc. Chain multiple arcs to build a wave — each curve gets its own radius, arc sweep, and direction. Uses your design system's decorative font + text tokens."}),t.jsxs(a.Box,{sx:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(360px, 1fr))",gap:3,alignItems:"start"},children:[t.jsx(a.Box,{sx:{minWidth:0},children:t.jsx(a.Box,{ref:T,"data-surface":"Container",sx:{background:"var(--Background)",borderRadius:2,p:3,display:"flex",alignItems:"center",justifyContent:"center",overflow:"auto",position:"sticky",top:16},children:t.jsx(Gw,{text:l,curves:x,textStyle:c,rotation:f,letterSpacing:b,fontWeight:y,bevel:S,bevelTheme:B,bevelPreset:S?k:void 0,color:L})})}),t.jsx(a.Box,{sx:{minWidth:0,alignSelf:"flex-start"},children:t.jsx(a.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"CurvedText",theme:r,surface:o})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Stack,{spacing:3,sx:{p:3,maxWidth:720},children:[t.jsx(Ug,{label:"Text",value:l,onChange:e=>s(e.target.value),placeholder:"Your headline…",size:"medium"}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CURVES"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:[1,2].map(e=>t.jsx(Zw,{label:String(e),selected:x.length===e,onClick:()=>function(e){m(a=>{if(e===a.length)return a;if(e>a.length){const t=[...a];for(;t.length<e;){const e=t[t.length-1];t.push({arc:e.arc,radius:e.radius,direction:"up"===e.direction?"down":"up"})}return t}return a.slice(0,e)})}(e)},e))}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"One curve is an arch. Two curves chain end-to-end for a wave."})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:12},children:"PER-CURVE SETTINGS"}),t.jsx(a.Stack,{spacing:2,children:x.map((e,r)=>t.jsxs(a.Box,{"data-surface":"Container",style:{background:"var(--Background)",border:"1px solid var(--Border)",borderRadius:8,padding:12},children:[t.jsxs(a.Stack,{direction:"row",alignItems:"center",spacing:2,sx:{mb:1},children:[t.jsxs(at,{style:{fontWeight:700},children:["Curve ",r+1]}),t.jsx("div",{style:{flex:1}}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(Zw,{label:"⌢ Up",selected:"up"===e.direction,onClick:()=>I(r,{direction:"up"})}),t.jsx(Zw,{label:"⌣ Down",selected:"down"===e.direction,onClick:()=>I(r,{direction:"down"})})]})]}),t.jsxs(a.Stack,{spacing:1,children:[t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Radius",t.jsxs("span",{style:{float:"right"},children:[e.radius,"px"]})]}),t.jsx(tb,{min:100,max:600,step:10,value:e.radius,onChange:(e,a)=>I(r,{radius:a})})]}),t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Arc sweep",t.jsxs("span",{style:{float:"right"},children:[e.arc,"°"]})]}),t.jsx(tb,{min:40,max:280,step:5,value:e.arc,onChange:(e,a)=>I(r,{arc:a})})]})]})]},r))})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPOGRAPHY"}),t.jsx(a.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Xw.map(e=>t.jsx(Zw,{label:e.label,selected:c===e.value,onClick:()=>d(e.value)},e.value))}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Uses the lib's DisplayLarge / DisplaySmall tokens (font-family, size, weight, letter-spacing)."})]}),t.jsxs(a.Box,{children:[t.jsxs(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["LETTER SPACING",t.jsxs("span",{style:{float:"right"},children:[b,"px"]})]}),t.jsx(tb,{min:-4,max:40,step:1,value:b,onChange:(e,a)=>v(a)}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Adjusts the gap between characters along the wave."})]}),t.jsxs(a.Box,{children:[t.jsxs(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["FONT WEIGHT",t.jsx("span",{style:{float:"right"},children:y})]}),t.jsx(tb,{min:100,max:900,step:100,value:y,onChange:(e,a)=>j(a)}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Heavier weights read better at decorative sizes. Available weights depend on the loaded display font."})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BEVEL"}),t.jsx(Hf,{label:"3D bevel effect",checked:S,onChange:e=>z(e.target.checked)}),S&&t.jsxs(a.Box,{sx:{mt:1.5},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:6},children:"Preset"}),t.jsx(a.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1,mb:1.5},children:Hw.map(e=>t.jsx(Zw,{label:e,selected:k===e,onClick:()=>C(e)},e))}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:6},children:"Bevel theme"}),t.jsx(a.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Jw.map(e=>t.jsx(Zw,{label:e.label,selected:B===e.value,onClick:()=>w(e.value)},e.value))})]}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Bevel layers use ",t.jsxs("code",{children:["--Buttons-","{Theme}","-Button"]})," for the fill, with ",t.jsx("code",{children:"Highlight"})," + ",t.jsx("code",{children:"Lowlight"}),"tokens for the bright/shadow stripes. CurvedText honors a preset's ",t.jsx("em",{children:"depth"})," only — angle, softness, and drop-shadow fields are stacked-rendering limitations and are ignored here (the full filter pipeline lives in ",t.jsx("code",{children:"<BevelText>"}),"). Shadow-only presets render no effect. Auto-hides below 19px so the 3:1 bevel contrast doesn't compromise small-text legibility."]})]}),t.jsxs(a.Box,{children:[t.jsxs(a.Stack,{direction:"row",alignItems:"center",sx:{mb:1},children:[t.jsxs(ot,{style:{color:"var(--Text-Quiet)",flex:1},children:["ROTATION",t.jsxs("span",{style:{float:"right",marginRight:12},children:[f,"°"]})]}),t.jsx(zp,{variant:"default-outline",size:"small",onClick:function(){const e=T.current?.querySelector("svg");if(!e)return;const a=e.querySelector("path"),t=e.querySelector("text");if(!a||!t)return;const r=a.getTotalLength();if(!r)return;let i=0;try{i=t.getComputedTextLength?.()||0}catch(e){}i||(i=Math.min(r,18*l.length));const o=Math.max(0,(r-i)/2),n=Math.min(r,o+i),s=a.getPointAtLength(o),c=a.getPointAtLength(n),d=180*Math.atan2(c.y-s.y,c.x-s.x)/Math.PI,u=Math.max(-45,Math.min(45,Math.round(-d)));g(u)},children:"Auto-level"})]}),t.jsx(tb,{min:-45,max:45,step:1,value:f,onChange:(e,a)=>g(a)}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:'Tilts the whole text block around its center. "Auto-level" rotates so the text\'s start and end sit on the same horizontal line — useful when a multi-curve wave makes the reading line slant.'})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Yw.map(e=>t.jsx(Zw,{label:e.label,selected:u===e.value,onClick:()=>h(e.value)},e.value))})]})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsxs(a.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsx(at,{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."}),M&&t.jsx(Mw,{targetRef:M,label:"Curved text",deps:[u,c,JSON.stringify(x),f,b]}),t.jsxs(Xa,{color:"quiet",children:["The SVG sets ",t.jsx("code",{children:'role="img"'})," and"," ",t.jsx("code",{children:"aria-label"})," to the rendered text so screen readers announce it as a labeled image, not a stream of individual glyphs."]})]})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"CurvedText"})})]})})})]})]})},exports.DEFAULT_AVATAR_SRC=Qm,exports.DEFAULT_ITEMS=Iy,exports.DOCS_ORIGIN=jB,exports.DefaultToggleButtonGroup=vz,exports.DesktopAppBar=Mv,exports.Dialog=zy,exports.DialogShowcase=function(){const[r,i]=e.useState(!1),[o,n]=e.useState("sm"),[l,s]=e.useState(!1),[c,d]=e.useState("none"),[u,h]=e.useState(!1),[x,m]=e.useState(!1),[p,f]=e.useState("Default"),[g,b]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Dialog",component:"Dialog"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:p,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Dialog",theme:p,surface:g})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:p,surface:g,children:t.jsx(zp,{variant:"default",onClick:()=>i(!0),children:"Open Dialog"})}),t.jsx(Bf,{code:(()=>{const e=["open={open}","onClose={handleClose}"];return"sm"!==o&&e.push('maxWidth="'+o+'"'),l&&e.push("fullScreen"),u&&e.push("alert"),x&&e.push("nonModal"),"none"!==c&&e.push('transition="'+c+'"'),e.push('title="Dialog Title"'),e.push('actions={<><Button variant="default-outline" onClick={handleClose}>Cancel</Button><Button variant="default" onClick={handleClose}>Confirm</Button></>}'),"<Dialog\n  "+e.join("\n  ")+"\n>\n  Dialog content goes here.\n</Dialog>"})(),language:"JSX",wrap:!0,sx:{mt:2}}),t.jsx(zy,{open:r,onClose:(e,a)=>{u&&"backdropClick"===a||i(!1)},maxWidth:o,fullScreen:l,alert:u,nonModal:x,transition:"none"!==c?c:void 0,title:"Dialog Title",actions:t.jsxs(t.Fragment,{children:[t.jsx(zp,{variant:"default-outline",size:"small",onClick:()=>i(!1),children:"Cancel"}),t.jsx(zp,{variant:"default",size:"small",onClick:()=>i(!1),children:"Confirm"})]}),children:t.jsx(Ja,{children:"This is the dialog content. You can put any information here that requires user attention or action."})})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsxs(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[["xs","sm","md","lg","xl"].map(e=>t.jsx(By,{label:e.toUpperCase(),selected:o===e,onClick:()=>{n(e),s(!1)}},e)),t.jsx(By,{label:"Full Screen",selected:l,onClick:()=>s(!l)})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TRANSITION"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["none","slide-up","slide-down","grow","fade","zoom"].map(e=>{return t.jsx(By,{label:(a=e,a?a.charAt(0).toUpperCase()+a.slice(1):""),selected:c===e,onClick:()=>d(e)},e);var a})})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Alert"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"No backdrop dismiss, no Escape"})]}),t.jsx(Pf,{variant:"default-outline",checked:u,onChange:e=>h(e.target.checked),size:"small","aria-label":"Alert mode"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Non-Modal"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"No backdrop, interact with content behind"})]}),t.jsx(Pf,{variant:"default-outline",checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Non-modal"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="dialog" (standard) or role="alertdialog" (alert mode)'},{label:"Label",value:"aria-labelledby links to title, aria-describedby links to content"},{label:"Focus",value:"Focus trapped inside dialog. Returns to trigger on close."},{label:"Keyboard",value:"Escape closes (unless alert). Tab cycles through focusable elements."},{label:"Backdrop",value:"Click closes (unless alert or non-modal)"},{label:"Close",value:'Close button with aria-label="Close dialog"'}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Dialog"})})]})]})},exports.DisplayLarge=e=>t.jsx(Wa,{textStyle:"display-large",...e}),exports.DisplayMedium=e=>t.jsx(Wa,{textStyle:"display-medium",...e}),exports.DisplaySmall=e=>t.jsx(Wa,{textStyle:"display-small",...e}),exports.Divider=Fg,exports.DotsLoader=function({message:e="Loading",sx:r={},...i}){return t.jsxs(a.Stack,{alignItems:"center",justifyContent:"center",spacing:2,sx:{py:4,...r},...i,children:[t.jsx(a.Box,{sx:{display:"flex",gap:1},children:[0,1,2].map(e=>t.jsx(a.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"var(--Primary-Color-11)",animation:"pulse 1.4s infinite",animationDelay:.2*e+"s","@keyframes pulse":{"0%":{opacity:1},"50%":{opacity:.5},"100%":{opacity:1}}}},e))}),e&&t.jsx(a.Typography,{sx:{color:"var(--Text-Secondary)",fontWeight:500},children:e})]})},exports.Drawer=zv,exports.DrawerClose=Bv,exports.DrawerContent=kv,exports.DrawerHeader=wv,exports.DrawerShowcase=function(){const[r,i]=e.useState(!1),[o,n]=e.useState("medium"),[l,s]=e.useState("left"),[c,d]=e.useState("Default"),[u,h]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Drawer",component:"Drawer"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:c,onThemeChange:d,surface:u,onSurfaceChange:h})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Drawer",theme:c,surface:u})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:c,surface:u,children:t.jsx(zp,{variant:"default",onClick:()=>i(!0),children:"Open Drawer"})}),t.jsx(Bf,{code:(()=>{const e=["open={open}","onClose={handleClose}"];return"medium"!==o&&e.push('size="'+o+'"'),"left"!==l&&e.push('anchor="'+l+'"'),"<Drawer "+e.join(" ")+">\n  <DrawerHeader>\n    <H5>Navigation</H5>\n    <DrawerClose onClick={handleClose} />\n  </DrawerHeader>\n  <DrawerContent>\n    <OmniTreeView items={navItems} />\n  </DrawerContent>\n</Drawer>"})(),language:"JSX",wrap:!0,sx:{mt:2}}),t.jsxs(zv,{open:r,onClose:()=>i(!1),size:o,anchor:l,children:[t.jsxs(wv,{children:[t.jsx(Oa,{children:"Navigation"}),t.jsx(Bv,{onClick:()=>i(!1)})]}),t.jsx(kv,{children:t.jsx(Ly,{items:Ry,variant:"solid",color:"default",defaultExpandedItems:["products"],sx:{border:"none",borderRadius:0}})})]})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(Dy,{label:Ny(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ANCHOR"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["left","right","top","bottom"].map(e=>t.jsx(Dy,{label:Ny(e),selected:l===e,onClick:()=>s(e)},e))})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="dialog" aria-modal="true"'},{label:"Focus",value:"Focus trapped inside drawer. Returns to trigger on close."},{label:"Keyboard",value:"Escape closes. Tab cycles focusable elements."},{label:"Backdrop",value:"Click closes. Body scroll locked while open."},{label:"Close",value:'Button with aria-label="Close drawer"'}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Drawer"})})]})]})},exports.DropZone=Fy,exports.Dropdown=fj,exports.DynoStack=Fb,exports.DynoTreeView=Ly,exports.EXAMPLES=xB,exports.EmailTextField=function({label:e="Email",...a}){return t.jsx(GS,{label:e,type:"email",placeholder:"user@example.com",...a})},exports.ErrorTag=e=>t.jsx(Zy,{color:"error",...e}),exports.ErrorToggleButtonGroup=Tz,exports.Eyebrow=nt,exports.EyebrowLarge=st,exports.EyebrowMedium=lt,exports.EyebrowSmall=ot,exports.FOUNDATIONS=PB,exports.Fab=kg,exports.FabShowcase=function(){const[r,i]=e.useState("default"),[o,n]=e.useState("medium"),[l,s]=e.useState("Add"),[c,d]=e.useState(!1),[u,h]=e.useState("Create"),[x,m]=e.useState(!1),[p,f]=e.useState(!1),[g,b]=e.useState("Default"),[v,y]=e.useState("Surface"),j=r,S=e.useRef(null),z={small:32,medium:48,large:56},B=Tt(S,e=>{const a=r.charAt(0).toUpperCase()+r.slice(1).replace(/-([a-z])/g,(e,a)=>a.toUpperCase());return{background:e("--Background"),focusVisible:e("--Focus-Visible"),fabBg:e("--Buttons-"+a+"-Button"),fabIcon:e("--Buttons-"+a+"-Text"),fabBorder:e("--Buttons-"+a+"-Border"),hover:e("--Buttons-"+a+"-Hover"),pressed:e("--Buttons-"+a+"-Pressed")}},[r,g,v]);return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Floating Action Button",component:"Fab"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:g,onThemeChange:b,surface:v,onSurfaceChange:y})}),t.jsx(a.Box,{ref:S,...g?{"data-theme":g}:{},"data-surface":v,sx:{position:"absolute",width:0,height:0,overflow:"hidden"},"aria-hidden":"true"}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Fab",theme:g,surface:v})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:g,surface:v,children:t.jsx(kg,{color:j,size:o,icon:(()=>{const e=da[l]||da.Add;return t.jsx(am,{size:"medium",children:t.jsx(e,{})})})(),extended:c,label:u,animate:x,disabled:p,ariaLabel:c?u:l})}),t.jsx(Bf,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==o&&e.push('size="'+o+'"'),e.push("icon={<"+l+"Icon />}"),c&&(e.push("extended"),e.push('label="'+u+'"')),x&&e.push("animate"),p&&e.push("disabled"),e.push('ariaLabel="'+(c?u:l)+'"'),"<Fab\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsx(a.Box,{sx:{mb:3}}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Tg.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(Lg,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(Ag,{label:Cg(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(Ig,{label:"Icon Name",value:l,onChange:s,placeholder:"Add"}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:[t.jsx("a",{href:"https://mui.com/material-ui/material-icons/",target:"_blank",rel:"noopener noreferrer",style:{color:"var(--Hotlink)"},children:"Material icon"})," name (e.g. Add, Edit, Favorite, Share)"]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Extended"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Pill shape with icon + text label"})]}),t.jsx(Pf,{checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Extended"})]}),c&&t.jsx(a.Box,{sx:{mt:1.5},children:t.jsx(Ig,{label:"Label Text",value:u,onChange:h,placeholder:"Create"})}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Animation"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Pulse ring effect to draw attention"})]}),t.jsx(Pf,{checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Animation"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Disabled"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Pf,{checked:p,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:3,children:[t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsxs(Oa,{children:["Contrast — ",r," on ",v,g?" / "+g:""]}),t.jsxs(a.Stack,{spacing:0,children:[t.jsx(kt,{label:"FAB fill vs. page background",note:"Non-text contrast, 3:1 — the FAB has to be findable against what it floats over.",ratio:St(B.fabBg,B.background),threshold:3}),t.jsx(kt,{label:"Icon vs. FAB fill — resting",note:"The glyph carries the meaning, so it is held to text contrast.",ratio:St(B.fabIcon,B.fabBg),threshold:4.5}),t.jsx(kt,{label:"Icon vs. FAB fill — hover",ratio:St(B.fabIcon,B.hover,B.fabBg),threshold:4.5}),t.jsx(kt,{label:"Icon vs. FAB fill — pressed",ratio:St(B.fabIcon,B.pressed,B.fabBg),threshold:4.5}),t.jsx(kt,{label:"Focus ring vs. page background",note:"3:1. The ring sits outside the FAB, so it is measured against what is behind it, not against the fill.",ratio:St(B.focusVisible,B.background),threshold:3}),t.jsx(Ct,{label:"Target size",note:"WCAG 2.5.8 asks 24x24 CSS px minimum; 44x44 is the AAA / platform figure.",pass:z[o]>=44,detail:z[o]+"px"})]})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Role:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<button role="button" aria-label="...">'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Label:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:c?"Extended: visible label provides accessible name.":"Icon-only: aria-label is required."})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Focus:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"3px solid var(--Focus-Visible) with 2px offset."})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(Xa,{children:"Disabled:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"HTML disabled attribute. 50% opacity, removed from tab order."})]})]})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Best Practices"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"One per screen:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"FABs represent the primary action. Use at most one per view."})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Extended for clarity:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Use extended variant when the icon alone may be ambiguous."})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(Xa,{children:"Animation:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Use sparingly. Respect prefers-reduced-motion."})]})]})]})]})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Fab"})})]})]})},exports.Footer=jw,exports.FooterShowcase=function(){const[r,i]=e.useState("Default"),[o,n]=e.useState("Surface"),[l,s]=e.useState(4),[c,d]=e.useState(!0),[u,h]=e.useState(!0),[x,m]=e.useState("default"),p=e.useRef(null),[f,g]=e.useState(null),[b,v]=e.useState(null);e.useEffect(()=>{p.current&&(g({current:p.current.querySelector(".dino-footer")}),v({current:p.current.querySelector(".dino-copyright")}))},[x,l,c,u]);const y=Lw.slice(0,Math.max(0,l-1)),j=c?Iw:[],S=u?{title:"Stay in the loop",description:"Monthly updates on new components and tips.",onSubscribe:async e=>console.log("subscribed:",e)}:void 0;return t.jsxs(a.Box,{children:[t.jsx(FB,{title:"Footer",component:"Footer"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:r,onThemeChange:i,surface:o,onSurfaceChange:n})}),t.jsxs(Ja,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:["Configurable 1–4 column footer. The first column is always the company address / contact. Optional ",t.jsx("code",{children:"socialLinks"})," and"," ",t.jsx("code",{children:"subscribe"})," sit above the auto-generated copyright strip."]}),t.jsx(a.Box,{ref:p,sx:{borderRadius:1,overflow:"hidden",mb:4},children:t.jsx(jw,{color:x,address:Aw,columns:y,socialLinks:j,subscribe:S,copyrightName:"DinoDesign"})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Footer",theme:r,surface:o})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Stack,{spacing:3,sx:{p:3,maxWidth:560},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLUMNS"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:[1,2,3,4].map(e=>t.jsx(Rw,{label:String(e),selected:l===e,onClick:()=>s(e)},e))}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"First column is always the address / contact. Up to 3 more link columns."})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Nw.map(e=>t.jsx(Rw,{label:e.label,selected:x===e.value,onClick:()=>m(e.value)},e.value))}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:'"Default" hardcodes Primary tone 2 (auto-derived in a future iteration).'})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SOCIAL LINKS"}),t.jsx(Hf,{label:"Show social media row",checked:c,onChange:e=>d(e.target.checked)}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["When on, the Footer renders the ",t.jsx("code",{children:"socialLinks"})," row (icons linking out). In your app, supply the icon + url pairs from your data store."]})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SUBSCRIBE"}),t.jsx(Hf,{label:"Show email subscribe form",checked:u,onChange:e=>h(e.target.checked)}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["When on, the Footer renders an email subscribe form. Hook it up via"," ",t.jsx("code",{children:"subscribe.onSubscribe(email)"}),"."]})]})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsxs(a.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Live WCAG 2.1 contrast against the painted background. AA needs 4.5:1 for normal text; AAA needs 7:1."}),f&&t.jsx(Mw,{targetRef:f,label:"Footer body",deps:[x,l,c,u]}),b&&t.jsx(Mw,{targetRef:b,label:"Copyright strip",deps:[x,l,c,u]})]})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Footer"})})]})]})},exports.FormDialog=function({open:e,onClose:r,title:i,children:o,submitText:n="Submit",cancelText:l="Cancel",onSubmit:s,...c}){return t.jsx(zy,{open:e,onClose:r,title:i,...c,actions:t.jsxs(t.Fragment,{children:[t.jsx(a.Box,{component:"button",type:"button",onClick:r,sx:Sy.outline,children:l}),t.jsx(a.Box,{component:"button",type:"button",onClick:s,sx:Sy.primary,children:n})]}),children:o})},exports.Ghost=ma,exports.Gradient=dw,exports.Grid=function({children:e,container:r=!1,item:i=!1,spacing:o=2,sx:n={},...l}){return t.jsx(a.Grid,{container:r,item:i,spacing:o,sx:{transition:"all 0.2s ease-in-out",...n},...l,children:e})},exports.GridStack=Vb,exports.H1=e=>t.jsx(Wa,{textStyle:"h1",...e}),exports.H2=e=>t.jsx(Wa,{textStyle:"h2",...e}),exports.H3=Pa,exports.H4=Ha,exports.H5=Oa,exports.H6=e=>t.jsx(Wa,{textStyle:"h6",...e}),exports.HStack=Pb,exports.Heading=Ea,exports.Icon=am,exports.IconBadge=Ey,exports.IconBadgeShowcase=function(){const[r,i]=e.useState("Default"),[o,n]=e.useState("Surface"),[l,s]=e.useState("primary"),[c,d]=e.useState("solid"),[u,h]=e.useState("medium"),x=VB[0];return t.jsxs(Hb,{spacing:4,style:{paddingBottom:64},children:[t.jsx(FB,{title:"Icon Badge",component:"IconBadge"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:r,onThemeChange:i,surface:o,onSurfaceChange:n})}),t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:24},children:[t.jsx(Jf,{padding:"medium",children:t.jsxs(Hb,{spacing:4,alignItems:"center",children:[t.jsx("div",{style:{padding:40},children:t.jsx(Ey,{color:l,variant:c,size:u,children:t.jsx(x,{})})}),t.jsx(Pb,{spacing:4,alignItems:"flex-end",children:["small","medium","large"].map(e=>t.jsxs(Hb,{spacing:1,alignItems:"center",children:[t.jsx(Ey,{color:l,variant:c,size:e,children:t.jsx(x,{})}),t.jsx(Xa,{style:{color:"var(--Quiet)"},children:OB(e)})]},e))}),t.jsxs(Hb,{spacing:1,alignItems:"center",children:[t.jsx(Xa,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:"Variants"}),t.jsx(Pb,{spacing:3,children:["solid","light","dark"].map(e=>t.jsxs(Hb,{spacing:1,alignItems:"center",children:[t.jsx(Ey,{color:l,variant:e,size:"medium",children:t.jsx(x,{})}),t.jsx(Xa,{style:{color:"var(--Quiet)",fontSize:"0.65rem"},children:OB(e)})]},e))})]}),t.jsxs(Hb,{spacing:1,alignItems:"center",children:[t.jsx(Xa,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:"All Colors"}),t.jsx(Pb,{spacing:2,style:{flexWrap:"wrap",justifyContent:"center"},children:EB.flatMap(e=>e.colors).map(e=>t.jsxs(Hb,{spacing:0,alignItems:"center",children:[t.jsx(Ey,{color:e,variant:c,size:"small",children:t.jsx(x,{})}),t.jsx(Xa,{style:{color:"var(--Quiet)",fontSize:"0.55rem"},children:OB(e)})]},e))})]})]})}),t.jsx(Jf,{padding:"medium",children:t.jsxs(Hb,{spacing:4,children:[t.jsx(Pa,{style:{fontSize:"1rem"},children:"Playground"}),t.jsxs(Hb,{spacing:2,children:[t.jsx(it,{children:"Color"}),EB.map(e=>t.jsxs(Hb,{spacing:1,children:[t.jsx(Xa,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:e.label}),t.jsx(Pb,{spacing:1,children:e.colors.map(e=>t.jsx(zp,{variant:l===e?"default":"outline",size:"small",onClick:()=>s(e),children:OB(e)},e))})]},e.label))]}),t.jsxs(Hb,{spacing:1,children:[t.jsx(it,{children:"Variant"}),t.jsx(Cb,{size:"small",children:["solid","light","dark"].map(e=>t.jsx(zp,{variant:c===e?"default":"outline",size:"small",onClick:()=>d(e),children:OB(e)},e))})]}),t.jsxs(Hb,{spacing:1,children:[t.jsx(it,{children:"Size"}),t.jsx(Cb,{size:"small",children:["small","medium","large"].map(e=>t.jsx(zp,{variant:u===e?"default":"outline",size:"small",onClick:()=>h(e),children:OB(e)},e))})]}),t.jsxs(Hb,{spacing:0,children:[t.jsxs(Xa,{style:{color:"var(--Quiet)"},children:["data-theme: ",OB(l),"light"===c?"-Light":""]}),t.jsxs(Xa,{style:{color:"var(--Quiet)"},children:["data-surface: ","dark"===c?"Surface-Dimmest":"Surface"]}),t.jsx(Xa,{style:{color:"var(--Quiet)"},children:"bg: var(--Background)"}),t.jsx(Xa,{style:{color:"var(--Quiet)"},children:"icon: var(--Text)"})]})]})})]})]})},exports.IconShowcase=function(){const[r,i]=e.useState("Default"),[n,l]=e.useState("Surface"),[s,c]=e.useState("filled"),[d,u]=e.useState("default"),[h,x]=e.useState("medium"),[m,p]=e.useState("40"),[f,g]=e.useState(!1),[b,y]=e.useState("Home"),[j,S]=e.useState(""),[z,B]=e.useState({}),w=gg[d]||"Default",k="twotone"===s,C="custom"===h?(parseInt(m,10)||40)+"px":{xs:"12px",small:"16px",medium:"24px",large:"36px"}[h]||"24px",T=function(e,a){return jg[e]?.[a]||jg[e]?.filled||v}(b,s),M=function(e){return{outlined:"Outlined",rounded:"Rounded",twotone:"TwoTone",sharp:"Sharp"}[e]||""}(s),A=b+M+"Icon",L=j.trim().length>0,I="<Icon>\n  <"+A+' />\n</Icon>\n{/* aria-hidden="true" by default */}',N='<Icon aria-label="'+(L?j.trim():b+" icon")+'">\n  <'+A+' />\n</Icon>\n{/* role="img" added automatically */}';return e.useEffect(()=>{B({background:zt("--Background"),iconColor:zt("--Icons-"+w),iconVariant:zt("--Icons-Variant-"+w)})},[d,w]),t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Icon",component:"Icon"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:r,onThemeChange:i,surface:n,onSurfaceChange:l})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Icon",theme:r,surface:n})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(a.Box,{sx:{p:4,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:200,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",gap:2},children:t.jsx(am,{color:d,size:h,fontSize:"custom"===h?parseInt(m,10)||40:void 0,disabled:f,twoTone:k,"aria-label":L?j.trim():void 0,children:t.jsx(T,{})})}),t.jsx(Bf,{code:(()=>{const e=[];"default"!==d&&e.push('color="'+d+'"'),"custom"===h?(e.push('size="custom"'),e.push("fontSize={"+(parseInt(m,10)||40)+"}")):"medium"!==h&&e.push('size="'+h+'"'),k&&e.push("twoTone"),f&&e.push("disabled"),L&&e.push('aria-label="'+j.trim()+'"');const a=e.length?" "+e.join(" "):"";return"import "+A+" from '@mui/icons-material/"+b+(M||"")+"';\n\n<Icon"+a+">\n  <"+A+" />\n</Icon>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ICON"}),t.jsx(a.Box,{component:"input",type:"text",value:b,onChange:e=>y(e.target.value),placeholder:"e.g. Home, Favorite, Delete",sx:{width:"100%",padding:"6px 10px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",boxSizing:"border-box","&:focus":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px",borderColor:"var(--Focus-Visible)"}}}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Enter a MUI icon name."," ",t.jsx(a.Box,{component:"a",href:"https://mui.com/material-ui/material-icons/",target:"_blank",rel:"noopener noreferrer",sx:{color:"var(--Text-Primary)",textDecoration:"underline","&:hover":{color:"var(--Header-Primary)"}},children:"Browse MUI Icons ↗"})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:vg.map(e=>t.jsx(Bg,{label:yg[e],selected:s===e,onClick:()=>c(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:bg.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>{const r=gg[e],i=d===e;return t.jsx(a.Box,{component:"button",onClick:()=>u(e),"aria-label":"Select "+fg(e),"aria-pressed":i,title:fg(e),sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Icons-"+r+")",border:i?"2px solid var(--Text)":"1px solid var(--Border)",outline:i?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:i&&t.jsx(o,{sx:{fontSize:16,color:"var(--Background)",pointerEvents:"none"}})},e)})})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["small","medium","large","custom"].map(e=>t.jsx(Bg,{label:fg(e),selected:h===e,onClick:()=>x(e)},e))}),"custom"===h&&t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:1,mt:1.5},children:[t.jsx(a.Box,{component:"input",type:"number",value:m,onChange:e=>p(e.target.value),"aria-label":"Custom font size in pixels",sx:{width:72,padding:"4px 8px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",outline:"none","&:focus":{borderColor:"var(--Focus-Visible)"}}}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"px"})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ARIA LABEL"}),t.jsx(a.Box,{component:"input",type:"text",value:j,onChange:e=>S(e.target.value),placeholder:"Leave empty for decorative (aria-hidden)",sx:{width:"100%",padding:"6px 10px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",boxSizing:"border-box","&:focus":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px",borderColor:"var(--Focus-Visible)"}}}),t.jsx(at,{style:{color:L?"var(--Tags-Success-Text)":"var(--Text-Quiet)",display:"block",marginTop:6},children:L?'✓ Meaningful — role="img" aria-label="'+j.trim()+'"':'Decorative — aria-hidden="true" (invisible to screen readers)'})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Disabled"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Reduces opacity to 0.38"})]}),t.jsx(Pf,{checked:f,onChange:e=>g(e.target.checked),size:"small","aria-label":"Toggle disabled"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(Xa,{color:"quiet",style:{marginBottom:24},children:[yg[s]," / ",fg(d)," / ","custom"===h?m+"px":h,L?" / meaningful":" / decorative"]}),t.jsxs(a.Stack,{spacing:3,children:[t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Icon Contrast (WCAG 1.4.11 — 3:1)"}),t.jsx(Xa,{color:"quiet",style:{marginBottom:16},children:"Non-text elements must contrast 3:1 against the page background."}),t.jsx(zg,{label:"var(--Icons-"+w+") vs. var(--Background)",ratio:St(z.iconColor,z.background),threshold:3,note:A+" at "+C+" in "+fg(d)+" color"}),k&&t.jsx(zg,{label:"var(--Icons-Variant-"+w+") vs. var(--Background)",ratio:St(z.iconVariant,z.background),threshold:3,note:"Two-tone secondary fill — must also meet 3:1"})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)",backgroundColor:L?"var(--Tags-Success-BG, rgba(0,200,0,0.05))":"transparent",px:1,borderRadius:"4px"},children:[t.jsxs(Xa,{style:{fontWeight:600},children:["Current icon — ",L?"meaningful ✓":"decorative"]}),t.jsx(a.Box,{component:"pre",sx:{fontFamily:"monospace",fontSize:"11px",color:"var(--Text-Quiet)",mt:.5,whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0},children:L?N:I})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Decorative (no aria-label):"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:'aria-hidden="true" is applied automatically. The icon is invisible to screen readers. Use this when the icon is purely visual — e.g. a decorative bullet or inline illustration.'}),t.jsx(a.Box,{component:"pre",sx:{fontFamily:"monospace",fontSize:"11px",color:"var(--Text-Quiet)",mt:.5,whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0},children:I})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Meaningful (with aria-label):"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:'role="img" is added automatically. The label is announced by screen readers. Use this when the icon conveys information that is not present in surrounding text.'}),t.jsx(a.Box,{component:"pre",sx:{fontFamily:"monospace",fontSize:"11px",color:"var(--Text-Quiet)",mt:.5,whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0},children:N})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:["Disabled state",f?" ← current":"",":"]}),t.jsx(at,{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."})]}),k&&t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:["Two-tone",k?" ← current":"",":"]}),t.jsxs(at,{style:{color:"var(--Text-Quiet)"},children:["Secondary fill uses var(--Icons-Variant-",w,"). Both the primary and secondary fills must meet 3:1 contrast independently."]})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsxs(Xa,{children:["Touch target — ",C," icon","small"===h?" ⚠":" ✓",":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"small"===h?"Small icons (20px) need a 24px minimum target area around them (WCAG 2.5.5). Wrap in a button with padding.":"Icon is "+C+" — meets 24px minimum. Ensure the wrapping interactive element also meets 24×24px."})]})]})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Size Reference"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Small",s:"small",px:"20px",note:"Inline text, compact UI"},{label:"Medium",s:"medium",px:"24px",note:"Standard UI — default"},{label:"Large",s:"large",px:"36px",note:"Emphasis, empty states, hero areas"},{label:"Custom",s:"custom",px:"any",note:"Ensure 24×24px minimum touch target (WCAG 2.5.5)"}].map(({label:e,s:r,px:i,note:o},n,l)=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:n<l.length-1?"1px solid var(--Border)":"none",display:"flex",justifyContent:"space-between",alignItems:"flex-start"},children:[t.jsxs(a.Box,{children:[t.jsxs(Xa,{children:[e," — ",i]}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:o})]}),h===r&&t.jsx(a.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))})]})]})]})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Icon"})})]})]})},exports.InfoTag=e=>t.jsx(Zy,{color:"info",...e}),exports.InfoToggleButtonGroup=wz,exports.InsetStack=({sx:e,...a})=>t.jsx(Fb,{sx:{px:2,...e},...a}),exports.Label=it,exports.LabelExtraSmall=tt,exports.LabelLarge=e=>t.jsx(Wa,{textStyle:"label-large",...e}),exports.LabelSmall=rt,exports.Legal=e=>t.jsx(Wa,{textStyle:"legal",...e}),exports.LegalSemibold=e=>t.jsx(Wa,{textStyle:"legal-semibold",...e}),exports.LightTreeView=e=>t.jsx(Ly,{variant:"light",...e}),exports.LineChart=function({data:r=[],curve:i="smooth",gradient:o=!0,fromZero:n=!1,showGrid:l=!1,showLabels:s=!1,animate:c=!0,interactive:d=!0,height:u=200,strokeWidth:h=3,tension:x=0,label:m,className:p="",sx:f={},...g}){const b="lc-"+e.useId().replace(/:/g,""),v=nk(r),y=lk(r),{active:j,handlers:S}=kk(v.length),[z,B]=e.useState(!c);e.useEffect(()=>{if(!c)return;const e=requestAnimationFrame(()=>B(!0));return()=>cancelAnimationFrame(e)},[c]);const w=320,k=s?22:8,C=Math.max(0,u-8-k),T=sk(v,{fromZero:n}),M=dk(v.length,0,w,{inset:h}),A=v.map((e,a)=>({x:M[a],y:ck(e,T,8,C)})),L="straight"===i?hk(A):xk(A,{tension:x}),I=8+C;return t.jsxs(a.Box,{component:"figure",className:"line-chart "+p,sx:{display:"block",width:"100%",m:0,position:"relative",...f},...g,children:[t.jsxs("svg",{viewBox:`0 0 320 ${u}`,width:"100%",height:u,preserveAspectRatio:"none",focusable:"false","aria-hidden":"true",children:[o&&t.jsx("defs",{children:t.jsxs("linearGradient",{id:b,x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx("stop",{offset:"0%",stopColor:vk.gradient,stopOpacity:"1"}),t.jsx("stop",{offset:"100%",stopColor:vk.gradient,stopOpacity:"0"})]})}),l&&gk(T,4).map(e=>t.jsx("line",{x1:0,x2:w,y1:ck(e,T,8,C),y2:ck(e,T,8,C),stroke:vk.line,strokeWidth:"1"},e)),o&&A.length>1&&t.jsx("path",{d:mk(L,A,I),fill:`url(#${b})`,style:{opacity:z?1:0,transition:`opacity ${Bk}`}}),A.length>1&&t.jsx("path",{d:L,fill:"none",stroke:vk.fill,strokeWidth:h,strokeLinecap:"round",strokeLinejoin:"round",pathLength:"1",style:{strokeDasharray:1,strokeDashoffset:z?0:1,transition:`stroke-dashoffset ${Bk}`}}),1===A.length&&t.jsx("circle",{cx:A[0].x,cy:A[0].y,r:h,fill:vk.fill}),d&&j>=0&&t.jsxs(t.Fragment,{children:[t.jsx("line",{x1:M[j],x2:M[j],y1:8,y2:I,stroke:vk.line,strokeWidth:"1"}),t.jsx("circle",{cx:A[j].x,cy:A[j].y,r:h+1,fill:vk.fill,stroke:"var(--Background)",strokeWidth:"2"}),t.jsx(Tk,{x:A[j].x,y:A[j].y,text:v[j],width:w,tokens:vk})]}),s&&y.map((e,a)=>t.jsx("text",{x:M[a],y:u-6,textAnchor:"middle",fill:vk.quietLabel,...jk,children:e},a))]}),d&&t.jsx(Ck,{count:v.length,width:w,centres:M,bandWidth:v.length?w/v.length:0,labels:y,values:v,handlers:S}),t.jsx(zk,{caption:m||`Line chart, ${v.length} points`,labels:y,values:v})]})},exports.LinearGradient=e=>t.jsx(dw,{variant:"linear",...e}),exports.LinearLoader=function({value:e,label:r,sx:i={},...o}){return t.jsxs(a.Stack,{spacing:1,sx:{...i},...o,children:[r&&t.jsxs(a.Stack,{direction:"row",justifyContent:"space-between",children:[t.jsx(a.Typography,{variant:"body2",sx:{color:"var(--Text)",fontWeight:500},children:r}),void 0!==e&&t.jsxs(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:[e,"%"]})]}),t.jsx(a.LinearProgress,{variant:void 0!==e?"determinate":"indeterminate",value:e,sx:{backgroundColor:"var(--Border-Variant)","& .MuiLinearProgress-bar":{backgroundColor:"var(--Primary-Color-11)"},height:4,borderRadius:2}})]})},exports.LinearProgress=xw,exports.LinearProgressShowcase=function(){const[r,i]=e.useState("default"),[o,n]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(65),[u,h]=e.useState("Default"),[x,m]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Linear Progress",component:"LinearProgress"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:u,onThemeChange:h,surface:x,onSurfaceChange:m})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"LinearProgress",theme:u,surface:x})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:u,surface:x,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:400},children:t.jsx(xw,{color:r,size:o,value:l?c:void 0})})}),t.jsx(Bf,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==o&&e.push('size="'+o+'"'),l&&e.push("value={"+c+"}"),0===e.length?"<LinearProgress />":"<LinearProgress\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:pw.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(gw,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(fw,{label:mw(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Determinate"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show a static bar at a specific value"})]}),t.jsx(Pf,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Determinate"})]}),l&&t.jsx(a.Box,{sx:{mt:2},children:t.jsx(tb,{label:"Value",min:0,max:100,value:c,onChange:(e,a)=>d(a),size:"small",valueLabelDisplay:"auto"})})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="progressbar"'},{label:"Determinate",value:'aria-valuenow, aria-valuemin="0", aria-valuemax="100"'},{label:"Indeterminate",value:'aria-label="Loading" (no value attributes)'},{label:"Track",value:"var(--Border-Variant)"},{label:"Fill",value:"var(--Buttons-{Color}-Border)"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"LinearProgress"})})]})]})},exports.Link=It,exports.List=Xy,exports.ListItem=Uy,exports.ListItemDecorator=Gy,exports.Loader=cj,exports.MainLayout=function({layout:r="side",navItems:i=[{label:"Home",icon:t.jsx(v,{}),path:"/"},{label:"About",icon:t.jsx(C,{}),path:"/about"},{label:"Settings",icon:t.jsx(j,{}),path:"/settings"},{label:"Help",icon:t.jsx(sa,{}),path:"/help"}],title:o="My App",children:n,onLayoutChange:l,onNavigate:s,sx:c={},...d}){const u=a.useTheme(),h=a.useMediaQuery(u.breakpoints.down("md"));a.useMediaQuery(u.breakpoints.down("lg"));const[x,m]=e.useState(!1),[p,f]=e.useState(!1),g=h?"top":r,b=({compact:e=!1})=>t.jsx(a.List,{sx:{py:1},children:i.map((r,i)=>t.jsx(a.Tooltip,{title:e?r.label:"",placement:"right",children:t.jsxs(a.ListItemButton,{onClick:()=>{s?.(r),m(!1)},sx:{color:"var(--Text)",...mS({muiPrefix:!0}),transition:"all 0.2s ease-in-out",justifyContent:e?"center":"flex-start",px:e?1:2},children:[t.jsx(a.ListItemIcon,{sx:{color:"var(--Icons-Primary)",minWidth:e?"auto":40,mr:e?0:1},children:r.icon}),!e&&t.jsx(a.ListItemText,{primary:r.label})]})},i))});return t.jsxs(a.Box,{sx:{minHeight:"100vh",backgroundColor:"var(--Background)",color:"var(--Text)",display:"flex",flexDirection:"column",...c},...d,children:[t.jsx(a.AppBar,{position:"static",sx:{backgroundColor:"var(--Header)",color:"var(--Text)",boxShadow:"0 1px 3px rgba(0,0,0,0.12)",borderBottom:"1px solid var(--Border-Variant)"},children:t.jsxs(a.Toolbar,{children:[h&&"rail"!==g&&t.jsx(wp,{variant:"ghost",onClick:()=>m(!x),"aria-label":x?"Close navigation":"Open navigation",sx:{mr:2},children:x?t.jsx(Le,{}):t.jsx(Te,{})}),t.jsx(a.Typography,{variant:"h6",sx:{flex:1,fontWeight:700},children:o}),!h&&l&&t.jsxs(a.ToggleButtonGroup,{value:r,exclusive:!0,onChange:(e,a)=>{a&&l(a)},size:"small",sx:{"& .MuiToggleButton-root":{color:"var(--Text)",border:"1px solid var(--Border)","&.Mui-selected":{backgroundColor:"var(--Button-Primary-Button)",color:"#fff",borderColor:"var(--Button-Primary-Button)"}}},children:[t.jsx(a.ToggleButton,{value:"side","aria-label":"side nav",children:"☰ Side"}),t.jsx(a.ToggleButton,{value:"rail","aria-label":"rail nav",children:"⫷ Rail"}),t.jsx(a.ToggleButton,{value:"side-rail","aria-label":"side-rail nav",children:"☰⫷ Both"})]})]})}),t.jsxs(a.Box,{sx:{display:"flex",flex:1},children:[("rail"===g||"side-rail"===g)&&!h&&t.jsx(a.Box,{sx:{width:80,backgroundColor:"var(--Container)",borderRight:"1px solid var(--Border-Variant)",display:"flex",flexDirection:"column",py:2},children:t.jsx(b,{compact:!0})}),("side"===g||"side-rail"===g)&&!h&&t.jsxs(a.Box,{sx:{width:p?80:280,backgroundColor:"var(--Container)",borderRight:"1px solid var(--Border-Variant)",transition:"width 0.3s ease-in-out",display:"flex",flexDirection:"column"},children:[t.jsxs(a.Box,{sx:{p:2,display:"flex",alignItems:"center",justifyContent:"space-between",borderBottom:"1px solid var(--Border-Variant)",minHeight:64},children:[!p&&t.jsx(a.Typography,{variant:"h6",sx:{fontWeight:700,color:"var(--Text)"},children:"Menu"}),t.jsx(wp,{size:"small",variant:"ghost",onClick:()=>f(!p),"aria-label":p?"Expand navigation":"Collapse navigation",sx:{color:"var(--Icons-Primary)"},children:p?"›":"‹"})]}),t.jsx(b,{compact:p})]}),h&&t.jsxs(a.Drawer,{anchor:"left",open:x,onClose:()=>m(!1),sx:{"& .MuiDrawer-paper":{backgroundColor:"var(--Container)",width:280}},children:[t.jsx(a.Box,{sx:{p:2,borderBottom:"1px solid var(--Border-Variant)"},children:t.jsx(a.Typography,{variant:"h6",sx:{fontWeight:700},children:"Menu"})}),t.jsx(b,{compact:!1})]}),t.jsx(a.Box,{sx:{flex:1,overflow:"auto",backgroundColor:"var(--Background)"},children:t.jsx(a.Container,{maxWidth:"lg",sx:{py:4},children:n})})]})]})},exports.Menu=bj,exports.MenuButton=gj,exports.MenuDivider=yj,exports.MenuItem=vj,exports.MenuShowcase=function(){const[r,i]=e.useState("outline"),[o,n]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("Default"),[u,h]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Menu",component:"Menu"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:c,onThemeChange:d,surface:u,onSurfaceChange:h})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Menu",theme:c,surface:u})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:c,surface:u,sx:{minHeight:250,alignItems:"flex-start",pt:6},children:t.jsxs(fj,{variant:r,color:o,size:l,children:[t.jsx(gj,{children:"Actions"}),t.jsxs(bj,{children:[t.jsx(vj,{children:"Edit"}),t.jsx(vj,{children:"Duplicate"}),t.jsx(vj,{selected:!0,children:"Archive"}),t.jsx(yj,{}),t.jsx(vj,{disabled:!0,children:"Delete"})]})]})}),t.jsx(Bf,{code:(()=>{const e=[];return"outline"!==r&&e.push('variant="'+r+'"'),"default"!==o&&e.push('color="'+o+'"'),"medium"!==l&&e.push('size="'+l+'"'),"<Dropdown "+e.join(" ")+">\n  <MenuButton>Actions</MenuButton>\n  <Menu>\n    <MenuItem>Edit</MenuItem>\n    <MenuItem>Duplicate</MenuItem>\n    <MenuDivider />\n    <MenuItem>Delete</MenuItem>\n  </Menu>\n</Dropdown>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["outline","solid","light"].map(e=>t.jsx(zj,{label:jj(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Sj.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(Bj,{color:e,selected:o===e,onClick:n},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(zj,{label:jj(e),selected:l===e,onClick:()=>s(e)},e))})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Button",value:'aria-haspopup="true" aria-expanded aria-controls'},{label:"Menu",value:'role="menu" aria-labelledby={buttonId}'},{label:"Items",value:'role="menuitem" with tabIndex'},{label:"Selected",value:'aria-selected="true" on active item'},{label:"Disabled",value:'aria-disabled="true", not focusable'},{label:"Keyboard",value:"Arrow keys navigate. Enter/Space selects. Escape closes."},{label:"Focus",value:"First item focused on open. Focus returns to button on close."}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Menu"})})]})]})},exports.MeshCardGradient=e=>t.jsx(dw,{variant:"meshCard",...e}),exports.MeshGradient=e=>t.jsx(dw,{variant:"mesh",...e}),exports.MiniSwatch=function({color:e,className:r="",sx:i={},...o}){return t.jsx(a.Box,{className:`mini-swatch ${r}`.trim(),"aria-hidden":"true",sx:{width:"var(--Menu-Swatch, 24px)",height:"var(--Menu-Swatch, 24px)",flexShrink:0,borderRadius:"var(--Sizing-Half, 4px)",backgroundColor:e,...i},...o})},exports.MobileAppBar=Av,exports.Modal=Aj,exports.NeutralTag=e=>t.jsx(Zy,{color:"neutral",...e}),exports.NeutralToggleButtonGroup=zz,exports.NumberField=QB,exports.NumberFieldShowcase=function(){const[r,i]=e.useState("outlined"),[o,n]=e.useState("outline"),[l,s]=e.useState("default"),[c,d]=e.useState("medium"),[u,h]=e.useState("top"),[x,m]=e.useState(!0),[p,f]=e.useState(!1),[g,b]=e.useState(!1),[v,y]=e.useState("Default"),[j,S]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Number Field",component:"NumberField"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"NumberField",theme:v,surface:j})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:v,surface:j,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:"outlined"===r?300:"auto"},children:t.jsx(QB,{variant:r,style:o,color:l,size:c,label:x?"Quantity":void 0,labelPosition:u,min:0,max:100,disabled:p,fullWidth:g&&"outlined"===r})})}),t.jsx(Bf,{code:(()=>{const e=['variant="'+r+'"'];return"outline"!==o&&e.push('style="'+o+'"'),"default"!==l&&e.push('color="'+l+'"'),"medium"!==c&&e.push('size="'+c+'"'),x&&e.push('label="Quantity"'),"top"!==u&&e.push('labelPosition="'+u+'"'),e.push("min={0}"),e.push("max={100}"),p&&e.push("disabled"),g&&"outlined"===r&&e.push("fullWidth"),e.push("value={value}"),e.push("onChange={setValue}"),"<NumberField\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"VARIANT"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["outlined","spinner"].map(e=>t.jsx(XB,{label:GB(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["outline","light"].map(e=>t.jsx(XB,{label:GB(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:UB.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(YB,{color:e,selected:l===e,onClick:s},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(XB,{label:GB(e),selected:c===e,onClick:()=>d(e)},e))})]}),"outlined"===r&&t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["top","floating","none"].map(e=>t.jsx(XB,{label:"none"===e?"None":GB(e),selected:u===e,onClick:()=>h(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Show Label"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Text label above field"})]}),t.jsx(Pf,{variant:"default-outline",checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Show label"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Disabled"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Pf,{variant:"default-outline",checked:p,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]}),"outlined"===r&&t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Full Width"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container"})]}),t.jsx(Pf,{variant:"default-outline",checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="spinbutton" with aria-valuenow, aria-valuemin, aria-valuemax'},{label:"Label",value:"aria-label from label prop. Always provide a label."},{label:"Keyboard",value:"ArrowUp/Down increment/decrement. Direct text entry supported."},{label:"Steppers",value:'aria-label="Increase" / "Decrease" on stepper buttons'},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px"},{label:"Disabled",value:"HTML disabled. Steppers also disabled at min/max bounds."}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"NumberField"})})]})]})},exports.NumberLarge=pt,exports.NumberMedium=mt,exports.NumberSmall=xt,exports.NumberTextField=function({label:e="Number",...a}){return t.jsx(GS,{label:e,type:"number",...a})},exports.OmniDesignProvider=function({themeURL:a,foundationCSS:r,coreCSS:i,typographyCSS:o,lightModeCSS:n,darkModeCSS:l,baseCSS:s,stylesCSS:c,defaultTheme:d="Default",defaultStyle:u="Modern",defaultSurface:h="Surface",surfaceStyle:x,defaultDarkMode:m=!1,darkTheme:p=null,darkMode:f,onDarkModeChange:g,className:b,style:v,fullHeight:y=!0,children:j}){const[S,z]=e.useState(m),B=void 0!==f,w=B?f:S,[k,C]=e.useState({foundation:r??null,core:i??null,typography:o??null,lightMode:n??null,darkMode:l??null,base:s??null,styles:c??null}),[T,M]=e.useState({}),A=e.useRef(!0);e.useEffect(()=>(A.current=!0,()=>{A.current=!1}),[]),e.useEffect(()=>{a&&(q("loading"),async function(e){const a=/\.json(\?|$)/.test(e)?e:`${e.replace(/\/$/,"")}/theme.json`,t=e.replace(/\/$/,"").replace(/\/theme\.json(\?.*)?$/,""),r=await fetch(a);if(!r.ok)throw new Error(`OmniDesignProvider: could not load theme manifest from ${a} (${r.status})`);const i=await r.json(),o=e=>e?/^https?:\/\//i.test(e)?e:`${t}/${e}`:null;return{foundationURL:o(i.foundation),coreURL:o(i.core),typographyURL:o(i.typography),lightModeURL:o(i.lightMode),darkModeURL:o(i.darkMode),baseURL:o(i.base),stylesURL:o(i.styles),defaultTheme:i.defaultTheme??null,defaultStyle:i.defaultStyle??null,defaultSurface:i.defaultSurface??null,darkTheme:i.darkTheme??null,name:i.name??null}}(a).then(e=>{A.current&&(C({foundation:r??e.foundationURL,core:i??e.coreURL,typography:o??e.typographyURL,lightMode:n??e.lightModeURL,darkMode:l??e.darkModeURL,base:s??e.baseURL,styles:c??e.stylesURL}),M({defaultTheme:e.defaultTheme,defaultStyle:e.defaultStyle,defaultSurface:e.defaultSurface,darkTheme:e.darkTheme,name:e.name}))}).catch(e=>{A.current&&(console.error("OmniDesignProvider: manifest error:",e),G(e.message),q("error"))}))},[a]);const L=x?cv[x]?.theme??d:"Default"!==d?d:T.defaultTheme??d,I=x?cv[x]?.rootSurface??h:T.defaultSurface??h,N=T.defaultStyle??u,R=p??T.darkTheme??null,[D,W]=e.useState(L),[F,P]=e.useState(N),[H,O]=e.useState(I),E=!!(a||r||i||o||n||l||s||c),[V,q]=e.useState(E?"loading":"ready"),[Q,G]=e.useState(null);e.useEffect(()=>{const{foundation:e,core:a,typography:t,base:r,styles:i}=k;if(e||a||t||r||i)return q("loading"),G(null),Promise.all([gv(dv,e),gv(uv,a),gv(hv,t).catch(e=>{console.warn("OmniDesignProvider: typography CSS did not load —",e.message)}),gv(mv,r),gv(pv,i)]).then(()=>{A.current&&q("ready")}).catch(e=>{A.current&&(console.error("OmniDesignProvider CSS error:",e),G(e.message),q("error"))}),()=>{fv(dv),fv(uv),fv(hv),fv(mv),fv(pv)};q("ready")},[k.foundation,k.core,k.typography,k.base,k.styles]),e.useEffect(()=>{const e=w?k.darkMode:k.lightMode;e&&gv(xv,e,mv).catch(e=>console.error("OmniDesignProvider mode CSS error:",e))},[w,k.lightMode,k.darkMode]),e.useEffect(()=>()=>fv(xv),[]);const U=w&&R?R:D,X=e.useCallback(()=>{B?g?.(!w):z(e=>!e)},[B,w,g]),Y=e.useCallback(e=>{nv.includes(e)||console.warn(`OmniDesignProvider: unknown theme "${e}"`),W(e)},[]),J=e.useCallback(e=>{lv.includes(e)||console.warn(`OmniDesignProvider: unknown style "${e}"`),P(e)},[]),Z=e.useCallback(e=>{sv.includes(e)||console.warn(`OmniDesignProvider: unknown surface "${e}"`),O(e)},[]),$=e.useMemo(()=>({theme:U,style:F,surface:H,isDark:w,cssStatus:V,cssError:Q,setTheme:Y,setStyle:J,setSurface:Z,toggleDarkMode:X,themes:nv,styles:lv,surfaces:sv,name:T.name??null}),[U,F,H,w,V,Q,Y,J,Z,X,T.name]);return t.jsxs(ov.Provider,{value:$,children:[t.jsx("style",{"data-omni":"hide-during-load",children:'[data-omni-css="loading"]{visibility:hidden}'}),t.jsx("div",{"data-theme":U,"data-style":F,"data-surface":H,"data-omni-css":V,className:b,style:{...y?{minHeight:"100vh"}:{},...v},children:j})]})},exports.OmniStack=Fb,exports.OmniTreeView=Ly,exports.OverlayLoader=function({isLoading:e=!1,message:r="Loading...",children:i,sx:o={},...n}){return t.jsxs(a.Box,{sx:{position:"relative",...o},...n,children:[i,e&&t.jsx(a.Box,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.3)",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"inherit",zIndex:1e3,backdropFilter:"blur(4px)"},children:t.jsx(cj,{size:40,message:r})})]})},exports.Overline=dt,exports.OverlineLarge=ht,exports.OverlineMedium=ut,exports.OverlineSmall=ct,exports.PageLoader=function({message:e="Loading page...",size:r=60,sx:i={},...o}){return t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",minHeight:"100vh",backgroundColor:"var(--Background)",...i},...o,children:t.jsx(cj,{size:r,message:e})})},exports.Pagination=mb,exports.PaginationShowcase=function(){const[r,i]=e.useState("default"),[o,n]=e.useState("medium"),[l,s]=e.useState(10),[c,d]=e.useState(!1),[u,h]=e.useState(!1),[x,m]=e.useState(!1),[p,f]=e.useState("Default"),[g,b]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Pagination",component:"Pagination"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:p,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Pagination",theme:p,surface:g})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:p,surface:g,children:t.jsx(mb,{color:r,size:o,count:l,showFirstButton:c,showLastButton:u,disabled:x})}),t.jsx(Bf,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==o&&e.push('size="'+o+'"'),10!==l&&e.push("count={"+l+"}"),c&&e.push("showFirstButton"),u&&e.push("showLastButton"),x&&e.push("disabled"),e.push("onChange={handlePageChange}"),1===e.length?"<Pagination onChange={handlePageChange} />":"<Pagination\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:fb.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(bb,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(gb,{label:pb(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PAGES"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:[5,10,20,50].map(e=>t.jsx(gb,{label:String(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"First/Last Buttons"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show jump to first/last page"})]}),t.jsx(Pf,{variant:"default-outline",checked:c,onChange:e=>{d(e.target.checked),h(e.target.checked)},size:"small","aria-label":"First/last buttons"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Disabled"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Pf,{variant:"default-outline",checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Disabled"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Nav",value:'<nav aria-label="Pagination">'},{label:"List",value:"<ol> with <li> for each button"},{label:"Current",value:'aria-current="page" on selected page'},{label:"Labels",value:'aria-label="Page N", "Go to previous/next/first/last page"'},{label:"Keyboard",value:"Tab navigates between buttons"},{label:"Focus",value:"Uses Button component focus styles"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Pagination"})})]})]})},exports.Paper=Lj,exports.PasswordTextField=function({label:e="Password",...a}){return t.jsx(GS,{label:e,type:"password",...a})},exports.PhoneTextField=function({label:e="Phone",placeholder:a="(555) 123-4567",...r}){return t.jsx(GS,{label:e,type:"tel",placeholder:a,...r})},exports.PieChart=function({data:r=[],donut:i=!1,donutRatio:o=.6,colors:n=yk,separatorWidth:l=2,size:s=200,showLabels:c=!1,animate:d=!0,interactive:u=!0,label:h,className:x="",sx:m={},...p}){const f=nk(r),g=lk(r),{slices:b,total:v,dropped:y}=fk(f),{active:j,handlers:S}=kk(f.length),[z,B]=e.useState(!d);e.useEffect(()=>{if(!d)return;const e=requestAnimationFrame(()=>B(!0));return()=>cancelAnimationFrame(e)},[d]);const w=s/2,k=s/2,C=s/2-1,T=i?C*o:0,M=e=>{return{fill:`var(--Icons-${a=n[e%n.length]})`,onFill:`var(--Icons-On-${a})`};var a};return t.jsxs(a.Box,{component:"figure",className:"pie-chart "+x,sx:{display:"block",m:0,position:"relative",...m},...p,children:[t.jsxs("svg",{viewBox:`0 0 ${s} ${s}`,width:s,height:s,focusable:"false","aria-hidden":"true",children:[b.map((e,a)=>{const r=(e.start+e.end)/2,i=u&&j===a?4:0;return t.jsx("path",{d:pk(w,k,T,C,e.start,e.end),fill:M(a).fill,stroke:"var(--Background)",strokeWidth:l,strokeLinejoin:"round",...u?S(a):{},style:{transform:`translate(${i*Math.sin(r)}px, ${-i*Math.cos(r)}px) scale(${z?1:0})`,transformOrigin:`${w}px ${k}px`,transformBox:"view-box",transition:`transform ${z?wk:Bk}`}},a)}),c&&b.map((e,a)=>{const r=(e.start+e.end)/2,i=T+.62*(C-T);return e.fraction<.07?null:t.jsx("text",{x:w+i*Math.sin(r),y:k-i*Math.cos(r),textAnchor:"middle",dominantBaseline:"middle",fill:M(a).onFill,...jk,children:g[a]},a)})]}),t.jsx(zk,{caption:(h||`${i?"Donut":"Pie"} chart, ${b.length} segments`)+(y?`, ${y} non-positive values omitted`:""),labels:g,values:f})]})},exports.Popover=Ij,exports.PrimaryTag=e=>t.jsx(Zy,{color:"primary",...e}),exports.PrimaryToggleButtonGroup=yz,exports.RATIO_NAMES=qj,exports.RadialGradient=e=>t.jsx(dw,{variant:"radial",...e}),exports.Radio=$g,exports.RadioGroup=Kg,exports.RadioInput=_g,exports.Rail=Pj,exports.RailShowcase=function(){const[r,i]=e.useState(!0),[o,n]=e.useState("partial"),[l,s]=e.useState(!1),[c,d]=e.useState("Default"),[u,h]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Rail",component:"Rail"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:c,onThemeChange:d,surface:u,onSurfaceChange:h})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Rail",theme:c,surface:u})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsxs(Of,{theme:c,surface:u,sx:{minHeight:400,alignItems:"stretch",p:0},children:[t.jsx(Pj,{items:Ej,expandable:r,expandedWidth:o,fabAction:l?{icon:t.jsx(ye,{}),label:"Create",onClick:()=>{}}:void 0}),t.jsx(a.Box,{sx:{flex:1,p:3},children:t.jsx(Xa,{style:{color:"var(--Quiet)"},children:"Main content area"})})]}),t.jsx(Bf,{code:(()=>{const e=["items={items}"];return r&&(e.push("expandable"),"partial"!==o&&e.push('expandedWidth="full"')),l&&e.push('fabAction={{ icon: <AddIcon />, label: "Create", onClick: handleCreate }}'),e.push("value={activeIndex}"),e.push("onChange={setActiveIndex}"),"<Rail\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"EXPANDED WIDTH"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["partial","full"].map(e=>{return t.jsx(Vj,{label:(a=e,a?a.charAt(0).toUpperCase()+a.slice(1):""),selected:o===e,onClick:()=>n(e)},e);var a})})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Expandable"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Toggle between collapsed and expanded"})]}),t.jsx(Pf,{variant:"default-outline",checked:r,onChange:e=>i(e.target.checked),size:"small","aria-label":"Expandable"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"FAB Action"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show create button at top"})]}),t.jsx(Pf,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"FAB action"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Nav",value:'<nav role="navigation" aria-label="Navigation rail">'},{label:"Items",value:'role="tab" aria-selected on each item'},{label:"TabList",value:'role="tablist" aria-orientation="vertical"'},{label:"Toggle",value:'aria-label="Expand/Collapse menu"'},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: -3px"},{label:"Badge",value:"Visual only — announced via aria-label on parent item"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Rail"})})]})]})},exports.RangeSlider=ib,exports.Rating=lb,exports.RatingInput=lb,exports.Ratio=Xj,exports.RatioShowcase=function(){const[r,i]=e.useState("1:1"),[o,n]=e.useState("solid"),[l,s]=e.useState("primary"),[c,d]=e.useState("none"),[u,h]=e.useState(!1),[x,m]=e.useState(!1),[p,f]=e.useState("Default"),[g,b]=e.useState("Surface");return t.jsxs(Jj,{sx:{pb:8},children:[t.jsx(FB,{title:"Ratio",component:"Ratio"}),t.jsx(Jj,{sx:{mt:1},children:t.jsx(Sm,{theme:p,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Reference"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Ratio",theme:p,surface:g})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:p,surface:g,children:t.jsx(Jj,{sx:{width:"100%",maxWidth:480},children:t.jsx(Xj,{ratio:r,variant:o,color:l,padding:c,elevated:u,clickable:x})})}),t.jsx(Bf,{code:(()=>{const e=['ratio="'+r+'"'];return"default"!==o&&e.push('variant="'+o+'"'),"default"!==l&&e.push('color="'+l+'"'),"none"!==c&&e.push('padding="'+c+'"'),u&&e.push("elevated"),x&&e.push("clickable onClick={handleClick}"),"<Ratio "+e.join(" ")+">\n  {/* your content */}\n</Ratio>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(Jj,{sx:{p:3},children:[t.jsx(Jj,{sx:{mb:3}}),t.jsxs(Jj,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"VARIANT"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Kj.map(e=>t.jsx(eS,{label:Zj(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(Jj,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:$j.map(e=>t.jsxs(Jj,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(aS,{color:e,selected:l===e,onClick:s,variant:"default"===o?"solid":o},e))})]},e.label))})]}),t.jsxs(Jj,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PADDING"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:_j.map(e=>t.jsx(eS,{label:"none"===e?"None":e.toUpperCase(),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(Jj,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"RATIO"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:qj.map(e=>t.jsx(eS,{label:e,selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(Jj,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(Jj,{children:[t.jsx(it,{children:"Elevated"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Bumps the shadow up one level"})]}),t.jsx(Pf,{checked:u,onChange:e=>h(e.target.checked),size:"small","aria-label":"Elevated"})]}),t.jsxs(Jj,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(Jj,{children:[t.jsx(it,{children:"Clickable"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Adds hover, press, and focus-visible"})]}),t.jsx(Pf,{checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Clickable"})]})]})})]})}),t.jsx(Jp,{value:2,children:t.jsx(Jj,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:3,children:[t.jsxs(Jj,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Common use cases"}),t.jsx(a.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:a})=>t.jsxs(Jj,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:e}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:a})]},e))})]}),t.jsxs(Ja,{color:"quiet",children:["Built on native CSS ",t.jsx("code",{children:"aspect-ratio"}),". The themed shell mirrors Box — pick a variant + color to paint the frame, or keep ",t.jsx("code",{children:'variant="default"'}),"for a borderless ratio container."]})]})})}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Ratio"})})]})]})},exports.ResponsiveStack=({breakpoint:e="sm",...a})=>t.jsx(Fb,{direction:{xs:"column",[e]:"row"},...a}),exports.ScrollStack=({sx:e,...a})=>t.jsx(Fb,{sx:{overflowY:"auto",...e},...a}),exports.SearchField=iv,exports.SearchFieldShowcase=function(){const[r,i]=e.useState("default"),[o,n]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(!0),[u,h]=e.useState("Default"),[x,m]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Search Field",component:"SearchField"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:u,onThemeChange:h,surface:x,onSurfaceChange:m})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"SearchField",theme:u,surface:x})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:u,surface:x,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:400},children:t.jsx(iv,{color:r,size:o,disabled:l,showClearButton:c,placeholder:"Search..."})})}),t.jsx(Bf,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==o&&e.push('size="'+o+'"'),c||e.push("showClearButton={false}"),l&&e.push("disabled"),e.push('placeholder="Search..."'),e.push("onChange={handleSearch}"),"<SearchField\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:rS.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(oS,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(iS,{label:tS(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Clear Button"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show clear when has value"})]}),t.jsx(Pf,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Clear button"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Disabled"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Pf,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Disabled"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="searchbox" on the input element'},{label:"Label",value:'aria-label="Search" (configurable via ariaLabel prop)'},{label:"Clear",value:'aria-label="Clear search" on clear button'},{label:"Keyboard",value:"Enter submits, Escape clears"},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"SearchField"})})]})]})},exports.SearchTextField=function({label:e="Search",placeholder:a="Type to search...",...r}){return t.jsx(GS,{label:e,type:"search",placeholder:a,...r})},exports.SecondaryTag=e=>t.jsx(Zy,{color:"secondary",...e}),exports.SecondaryToggleButtonGroup=jz,exports.Section=_B,exports.SectionShowcase=function(){return t.jsxs("div",{children:[t.jsx(Pa,{style:{marginBottom:12},children:"Section"}),t.jsxs(Ja,{color:"quiet",style:{marginBottom:32,maxWidth:720},children:[t.jsx("code",{children:"<Section>"})," bundles ",t.jsx("code",{children:"data-theme"})," +"," ",t.jsx("code",{children:"data-surface"})," + background paint into one component. Use anywhere you'd otherwise reach for"," ",t.jsx("code",{children:"<section data-theme data-surface style={{ background: var(--Background) }}>"}),". For wrapping without painting (e.g. AppBar's themed zone), use"," ",t.jsx("code",{children:"<ThemedZone>"}),"."]}),t.jsx(Pa,{style:{marginTop:24,marginBottom:12},children:"Theme + surface"}),t.jsx(Xa,{color:"quiet",style:{marginBottom:16,display:"block"},children:'Sets data-theme="Primary" + data-surface="Surface", paints --Background.'}),t.jsxs(_B,{theme:"Primary",surface:"Surface",padding:"32px",style:{borderRadius:8},children:[t.jsx(FB,{title:"Primary-Light surface",component:"Section"}),t.jsx(Ja,{children:"Body text picks up --Text automatically."}),t.jsx(Xa,{color:"quiet",children:"Quiet text picks up --Text-Quiet."}),t.jsx("div",{style:{marginTop:12},children:t.jsx(zp,{variant:"primary",children:"Primary button"})})]}),t.jsx(Pa,{style:{marginTop:32,marginBottom:12},children:"Container surface"}),t.jsxs(_B,{surface:"Container",padding:"32px",style:{borderRadius:8},children:[t.jsx(Pa,{children:"Container surface (inherits theme)"}),t.jsx(Ja,{children:"Useful for card-like regions."})]}),t.jsx(Pa,{style:{marginTop:32,marginBottom:12},children:"Different element"}),t.jsxs(Xa,{color:"quiet",style:{marginBottom:16,display:"block"},children:["Pass ",t.jsx("code",{children:'as="article"'}),", ",t.jsx("code",{children:'as="footer"'}),", etc."]}),t.jsxs(_B,{as:"article",theme:"Neutral",surface:"Surface-Dimmest",padding:"32px",style:{borderRadius:8},children:[t.jsx(Pa,{children:"Neutral / Surface-Dimmest article"}),t.jsx(Ja,{children:"Renders as an <article> element."})]})]})},exports.Select=vm,exports.SelectShowcase=function(){const[r,i]=e.useState("outline"),[o,n]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("top"),[u,h]=e.useState("Fruit"),[x,m]=e.useState(!1),[p,f]=e.useState(!1),[g,b]=e.useState(!0),[v,y]=e.useState(!1),[j,S]=e.useState("Search"),[z,B]=e.useState(""),[w,k]=e.useState("Default"),[C,T]=e.useState("Surface"),[M,A]=e.useState(!1),[L,I]=e.useState(!0);return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Select",component:"Select"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:w,onThemeChange:k,surface:C,onSurfaceChange:T})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Select",theme:w,surface:C})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:w,surface:C,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:360},children:t.jsx(vm,{variant:r,color:o,size:l,label:u,labelPosition:c,mode:M?"color":void 0,showColorLabels:M?L:void 0,options:M?cS:sS,value:z,onChange:B,showDividers:x,disabled:p,fullWidth:g,startDecoration:v?(()=>{const e=da[j]||da.Search;return t.jsx(am,{size:"small",children:t.jsx(e,{})})})():void 0})})}),t.jsx(Bf,{code:(()=>{const e=[];return"outline"!==r&&e.push('variant="'+r+'"'),"default"!==o&&e.push('color="'+o+'"'),"medium"!==l&&e.push('size="'+l+'"'),u&&e.push('label="'+u+'"'),"top"!==c&&e.push('labelPosition="'+c+'"'),M&&e.push('mode="color"'),M&&!L&&e.push("showColorLabels={false}"),x&&e.push("showDividers"),p&&e.push("disabled"),g&&e.push("fullWidth"),v&&e.push("startDecoration={<Icon><"+j+"Icon /></Icon>}"),e.push("options={options}"),e.push("value={value}"),e.push("onChange={setValue}"),"<Select\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["outline","light"].map(e=>t.jsx(dS,{label:nS(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:lS.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(uS,{color:e,selected:o===e,onClick:n},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(dS,{label:nS(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["top","floating","none"].map(e=>t.jsx(dS,{label:"none"===e?"None":nS(e),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Start Icon"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Icon rendered before the value"})]}),t.jsx(Pf,{checked:v,onChange:e=>y(e.target.checked),size:"small","aria-label":"Start icon"})]}),v&&t.jsxs(a.Box,{sx:{mt:2},children:[t.jsx(Ug,{label:"Icon Name",value:j,onChange:e=>S(e.target.value),placeholder:"Search",variant:"primary-outline",size:"small",fullWidth:!0}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:[t.jsx("a",{href:"https://mui.com/material-ui/material-icons/",target:"_blank",rel:"noopener noreferrer",style:{color:"var(--Hotlink)"},children:"Material icon"})," name (e.g. Search, Add, Edit, Filter, Sort, Star)"]})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Dividers"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Lines between options"})]}),t.jsx(Pf,{checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Show dividers"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Disabled"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Pf,{checked:p,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Color Mode"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Render swatches alongside each option. Swatch size scales to Select height, radius follows the brand's button radius."})]}),t.jsx(Pf,{checked:M,onChange:e=>A(e.target.checked),size:"small","aria-label":"Color mode"})]}),M&&t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Show Color Labels"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Hide to render a swatch-only trigger (no text). Useful for compact color pickers."})]}),t.jsx(Pf,{checked:L,onChange:e=>I(e.target.checked),size:"small","aria-label":"Show color labels"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Full Width"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container width"})]}),t.jsx(Pf,{checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Trigger",value:'role="combobox" aria-expanded="true|false" aria-haspopup="listbox"'},{label:"Dropdown",value:'role="listbox" aria-label="..."'},{label:"Options",value:'role="option" aria-selected="true|false"'},{label:"Label",value:"aria-label from label prop. Always provide a label."},{label:"Keyboard",value:"Enter/Space opens. Escape closes. Arrow keys when open."},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px (on outer shell)"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Select"})})]})]})},exports.SelectableCard=e=>t.jsx(Jf,{clickable:!0,selected:e.selected,...e}),exports.SettingsPanel=function(){const{isDark:r,toggleDarkMode:i}=bv(),o=r?"dark":"light",n=e=>{"dark"===e!==r&&i();try{localStorage.setItem("themeMode",e)}catch{}},[l,s]=e.useState(!1),[d,u]=e.useState("desktop");e.useEffect(()=>{const e=localStorage.getItem("dino-platform")||"desktop";u(e),ok(e)},[]);const h=e=>{u(e),localStorage.setItem("dino-platform",e),ok(e)};return t.jsxs(t.Fragment,{children:[t.jsx(a.Box,{onClick:()=>s(!0),role:"button","aria-label":"Open settings",sx:{position:"fixed",bottom:24,right:24,width:52,height:52,borderRadius:"50%",backgroundColor:"var(--Buttons-Tertiary-Button)",color:"var(--Buttons-Tertiary-Text)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",boxShadow:"0 4px 12px rgba(0,0,0,0.15)",zIndex:999,transition:"transform 0.15s ease, box-shadow 0.15s ease","&:hover":{transform:"scale(1.08)",boxShadow:"0 6px 16px rgba(0,0,0,0.2)"}},children:t.jsx(c.Settings,{sx:{fontSize:24}})}),t.jsx(zv,{anchor:"right",open:l,onClose:()=>s(!1),hideBackdrop:!0,size:"small",sx:{width:320,zIndex:99999999},children:t.jsxs(a.Box,{sx:{p:3,height:"100%",display:"flex",flexDirection:"column"},children:[t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2},children:[t.jsx(Oa,{children:"Settings"}),t.jsx(zp,{iconOnly:!0,variant:"ghost",size:"small",onClick:()=>s(!1),"aria-label":"Close settings",children:t.jsx(c.Close,{fontSize:"small"})})]}),t.jsx(a.Divider,{sx:{mb:3,borderColor:"var(--Border)"}}),t.jsx(a.Box,{sx:{flex:1,overflowY:"auto"},children:t.jsxs(a.Stack,{spacing:4,children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text)",opacity:.85,display:"block",marginBottom:12,fontWeight:600},children:"MODE"}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(zp,{variant:"light"===o?"primary":"primary-outline",size:"small",onClick:()=>n("light"),sx:{flex:1},children:"Light"}),t.jsx(zp,{variant:"dark"===o?"primary":"primary-outline",size:"small",onClick:()=>n("dark"),sx:{flex:1},children:"Dark"})]})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text)",opacity:.85,display:"block",marginBottom:12,fontWeight:600},children:"PLATFORM"}),t.jsx(a.Stack,{spacing:1,children:rk.map(({value:e,label:r,note:i})=>{const o=d===e;return t.jsxs(a.Box,{onClick:()=>h(e),sx:{p:1.5,borderRadius:"var(--Style-Border-Radius)",cursor:"pointer",border:o?"2px solid var(--Buttons-Primary-Button)":"1px solid var(--Border)",backgroundColor:o?"var(--Background)":"transparent",display:"flex",justifyContent:"space-between",alignItems:"center",transition:"all 0.15s ease","&:hover":{backgroundColor:"var(--Hover)"}},children:[t.jsxs(a.Box,{children:[t.jsx(Xa,{style:{color:o?"var(--Buttons-Primary-Button)":"var(--Text)",fontWeight:o?600:400},children:r}),t.jsx(at,{style:{color:"var(--Text)",opacity:.7},children:i})]}),o&&t.jsx(a.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"var(--Buttons-Primary-Button)",flexShrink:0}})]},e)})})]})]})}),t.jsx(a.Divider,{sx:{my:3,borderColor:"var(--Border)"}}),t.jsx(zp,{variant:"primary-outline",size:"small",onClick:()=>{h("desktop"),n("light")},sx:{width:"100%"},children:"Reset to Defaults"})]})})]})},exports.Sidebar=pS,exports.SkeletonCard=function({lines:e=3,showImage:r=!0,sx:i={},...o}){return t.jsx(a.Paper,{sx:{p:2,backgroundColor:"var(--Container)",...i},...o,children:t.jsxs(a.Stack,{spacing:2,children:[r&&t.jsx(a.Skeleton,{variant:"rectangular",height:200,sx:{backgroundColor:"var(--Container-Low)",borderRadius:1}}),t.jsx(a.Stack,{spacing:1,children:Array.from({length:e}).map((e,r)=>t.jsx(a.Skeleton,{variant:"text",height:0===r?24:16,sx:{backgroundColor:"var(--Container-Low)"}},r))})]})})},exports.SkeletonLoader=function({rows:e=3,height:r=100,spacing:i=2,sx:o={},...n}){return t.jsx(a.Stack,{spacing:i,sx:{...o},...n,children:Array.from({length:e}).map((e,i)=>t.jsx(a.Skeleton,{variant:"rectangular",height:r,sx:{backgroundColor:"var(--Container-Low)",borderRadius:"8px"}},i))})},exports.Slider=rb,exports.SliderInput=rb,exports.Snackbar=bS,exports.SnackbarShowcase=function(){const[r,i]=e.useState("light"),[o,n]=e.useState("info"),[l,s]=e.useState("medium"),[c,d]=e.useState("bottom"),[u,h]=e.useState(!0),[x,m]=e.useState(!0),[p,f]=e.useState(!1),[g,b]=e.useState("Default"),[v,y]=e.useState("Surface"),j=u&&jS[o]?t.jsx(am,{size:"small",sx:{color:"inherit"},children:jS[o]}):void 0;return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Snackbar",component:"Snackbar"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:g,onThemeChange:b,surface:v,onSurfaceChange:y})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Snackbar",theme:g,surface:v})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:g,surface:v,children:t.jsx(zp,{variant:"default",onClick:()=>f(!0),children:"Show Snackbar"})}),t.jsx(Bf,{code:(()=>{const e=["open={open}"];return e.push('variant="'+r+'"'),"info"!==o&&e.push('color="'+o+'"'),"medium"!==l&&e.push('size="'+l+'"'),"bottom"!==c&&e.push('anchor="top"'),x&&e.push("onClose={handleClose}"),u&&jS[o]&&e.push("startDecorator={<Icon><"+vS(o)+"Icon /></Icon>}"),"<Snackbar\n  "+e.join("\n  ")+"\n>\n  Operation completed successfully.\n</Snackbar>"})(),language:"JSX",wrap:!0,sx:{mt:2}}),t.jsx(bS,{open:p,onClose:x?()=>f(!1):void 0,variant:r,color:o,size:l,anchor:c,autoHideDuration:4e3,startDecorator:j,children:"Operation completed successfully."})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["solid","light"].map(e=>t.jsx(SS,{label:vS(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:yS.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(zS,{color:e,selected:o===e,onClick:n},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(SS,{label:vS(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ANCHOR"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["top","bottom"].map(e=>t.jsx(SS,{label:vS(e),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Show Icon"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Start decorator icon"})]}),t.jsx(Pf,{variant:"default-outline",checked:u,onChange:e=>h(e.target.checked),size:"small","aria-label":"Show icon"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Close Button"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show dismiss button"})]}),t.jsx(Pf,{variant:"default-outline",checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Close button"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="alert" aria-live="polite" aria-atomic="true"'},{label:"Close",value:'Button with aria-label="Close notification"'},{label:"Keyboard",value:"Escape closes. Auto-hides after duration."},{label:"Hover",value:"Pauses auto-hide timer on mouse enter"},{label:"Border",value:"var(--Buttons-{Color}-Border) on outer shell"},{label:"Shadow",value:"var(--Effect-Level-3)"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Snackbar"})})]})]})},exports.SolidTreeView=e=>t.jsx(Ly,{variant:"solid",...e}),exports.SpaceBetweenStack=e=>t.jsx(Fb,{direction:"row",alignItems:"center",justifyContent:"space-between",...e}),exports.Spacing=function(){const e=({name:e,varName:r,baseValue:i})=>t.jsx(a.Box,{sx:{mb:2},children:t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:2,mb:1},children:[t.jsx(a.Box,{"aria-hidden":"true",sx:{width:`var(${r})`,minWidth:20,height:24,backgroundColor:"var(--Buttons-Primary-Button)",borderRadius:.5,border:"1px solid var(--Border)"}}),t.jsxs(a.Stack,{spacing:.5,children:[t.jsx(a.Typography,{variant:"subtitle2",sx:{fontWeight:600},children:e}),t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:r}),t.jsxs(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:["Base: ",i," (with cognitive multiplier)"]})]})]})}),r=({name:e,varName:r,value:i})=>t.jsxs(a.Box,{sx:{mb:2},children:[t.jsx(a.Box,{"aria-hidden":"true",sx:{width:100,height:i,backgroundColor:"var(--Buttons-Primary-Button)",borderRadius:1,border:"1px solid var(--Border)",mb:1}}),t.jsx(a.Typography,{variant:"subtitle2",sx:{fontWeight:600},children:e}),t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block"},children:r}),t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:i})]});return t.jsxs(a.Stack,{spacing:3,sx:{p:2},children:[t.jsxs("section",{children:[t.jsx(a.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Spacing Scale"}),t.jsx(a.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Spacing values are multiplied by the cognitive multiplier for accessibility. Each spacing value includes a visual reference and text label for clarity."}),t.jsx(a.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(a=>t.jsx(e,{name:a.name,varName:a.var,baseValue:a.baseValue},a.var))})]}),t.jsxs("section",{children:[t.jsx(a.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Sizing Scale"}),t.jsx(a.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Fixed sizing values for components and layouts. Each size is labeled with its CSS variable and pixel value."}),t.jsx(a.Grid,{container:!0,spacing:3,children:[{name:"Quarter",var:"--Sizing-Quarter",value:"2px"},{name:"Half",var:"--Sizing-Half",value:"4px"},{name:"1-and-Half",var:"--Sizing-1-and-Half",value:"12px"},{name:"1",var:"--Sizing-1",value:"8px"},{name:"2",var:"--Sizing-2",value:"16px"},{name:"3",var:"--Sizing-3",value:"24px"},{name:"4",var:"--Sizing-4",value:"32px"},{name:"5",var:"--Sizing-5",value:"40px"},{name:"6",var:"--Sizing-6",value:"48px"},{name:"7",var:"--Sizing-7",value:"56px"},{name:"8",var:"--Sizing-8",value:"64px"},{name:"9",var:"--Sizing-9",value:"72px"},{name:"10",var:"--Sizing-10",value:"80px"},{name:"11",var:"--Sizing-11",value:"88px"},{name:"12",var:"--Sizing-12",value:"96px"},{name:"13",var:"--Sizing-13",value:"104px"},{name:"14",var:"--Sizing-14",value:"112px"},{name:"15",var:"--Sizing-15",value:"160px"},{name:"16",var:"--Sizing-16",value:"240px"},{name:"17",var:"--Sizing-17",value:"320px"},{name:"18",var:"--Sizing-18",value:"480px"}].map(e=>t.jsx(a.Grid,{item:!0,xs:12,sm:6,md:4,lg:3,children:t.jsx(r,{name:e.name,varName:e.var,value:e.value})},e.var))})]}),t.jsxs("section",{children:[t.jsx(a.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Negative Sizing"}),t.jsx(a.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Negative values for margins and offsets. Use these to reduce or remove default spacing when needed."}),t.jsx(a.Grid,{container:!0,spacing:3,children:[{name:"Negative-Quarter",var:"--Sizing-Negative-Quarter",value:"-2px"},{name:"Negative-Half",var:"--Sizing-Negative-Half",value:"-4px"},{name:"Negative-1-and-Half",var:"--Sizing-Negative-1-and-Half",value:"-12px"},{name:"Negative-1",var:"--Sizing-Negative-1",value:"-8px"}].map(e=>t.jsx(a.Grid,{item:!0,xs:12,sm:6,md:4,lg:3,children:t.jsxs(a.Box,{children:[t.jsx(a.Typography,{variant:"subtitle2",sx:{fontWeight:600},children:e.name}),t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block"},children:e.var}),t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:e.value})]})},e.var))})]}),t.jsxs("section",{style:{paddingTop:24,borderTop:"1px solid var(--Border)"},children:[t.jsx(a.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Container Padding"}),t.jsxs(a.Box,{sx:{p:"var(--Spacing-3)",backgroundColor:"var(--Container-Low)",border:"2px dashed var(--Buttons-Primary-Button)",borderRadius:1},children:[t.jsxs(a.Typography,{variant:"body2",children:["Default container padding: ",t.jsx("strong",{children:"var(--Spacing-3)"})," = 24px"]}),t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block",mt:1},children:"Use this variable for consistent padding around main content areas."})]})]}),t.jsxs("section",{style:{paddingTop:24,borderTop:"1px solid var(--Border)"},children:[t.jsx(a.Typography,{variant:"h5",component:"h2",sx:{mb:3,fontWeight:700},children:"Practical Examples"}),t.jsxs("article",{children:[t.jsx(a.Typography,{variant:"h6",component:"h3",sx:{mb:2,fontWeight:600},children:"Padding Examples"}),t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",mb:2,display:"block"},children:"Different padding values create different visual breathing room."}),t.jsx(a.Grid,{container:!0,spacing:2,sx:{mb:4},children:["var(--Spacing-1)","var(--Spacing-2)","var(--Spacing-3)","var(--Spacing-4)"].map(e=>t.jsx(a.Grid,{item:!0,xs:12,sm:6,children:t.jsxs(a.Box,{sx:{p:e,backgroundColor:"var(--Container)",border:"1px solid var(--Border)",borderRadius:1},children:[t.jsxs(a.Typography,{variant:"subtitle2",children:["Padding: ",e]}),t.jsx(a.Typography,{variant:"caption",sx:{display:"block",mt:1,color:"var(--Text-Secondary)"},children:"Content with spacing applied"})]})},e))})]}),t.jsxs("article",{children:[t.jsx(a.Typography,{variant:"h6",component:"h3",sx:{mb:2,fontWeight:600},children:"Gap Examples"}),t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",mb:2,display:"block"},children:"Gap controls spacing between flex/grid children without adding extra elements."}),t.jsx(a.Stack,{spacing:3,children:["var(--Spacing-1)","var(--Spacing-2)","var(--Spacing-3)"].map(e=>t.jsxs(a.Box,{children:[t.jsx(a.Stack,{direction:"row",spacing:e,sx:{mb:1},children:[1,2,3].map(e=>t.jsx(a.Box,{"aria-hidden":"true",sx:{width:60,height:60,backgroundColor:"var(--Buttons-Primary-Button)",borderRadius:1,flexShrink:0}},e))}),t.jsxs(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:["Gap: ",e]})]},e))})]})]}),t.jsxs(a.Box,{role:"note",sx:{p:2,backgroundColor:"var(--Container-Low)",borderRadius:1,borderLeft:"4px solid var(--Buttons-Primary-Button)",mt:3},children:[t.jsx(a.Typography,{variant:"subtitle2",sx:{fontWeight:600,mb:1},children:"✓ Accessibility Best Practices Used"}),t.jsxs("ul",{style:{margin:"0.5rem 0",paddingLeft:"1.5rem"},children:[t.jsx("li",{children:t.jsxs(a.Typography,{variant:"caption",children:[t.jsx("strong",{children:'aria-hidden="true"'})," on purely decorative visual elements"]})}),t.jsx("li",{children:t.jsx(a.Typography,{variant:"caption",children:"All spacing information conveyed through text labels and values"})}),t.jsx("li",{children:t.jsxs(a.Typography,{variant:"caption",children:["No empty decorative ",t.jsx("code",{children:"<div>"})," elements in DOM"]})}),t.jsx("li",{children:t.jsxs(a.Typography,{variant:"caption",children:["Semantic HTML: ",t.jsx("code",{children:"<section>"})," and ",t.jsx("code",{children:"<article>"})," for structure"]})}),t.jsx("li",{children:t.jsx(a.Typography,{variant:"caption",children:"CSS-based spacing (padding/margin) for actual layout, not decorative divs"})}),t.jsx("li",{children:t.jsx(a.Typography,{variant:"caption",children:"Full keyboard navigation and screen reader support"})})]})]})]})},exports.SpeedDial=ew,exports.SpeedDialShowcase=function(){const[r,i]=e.useState("solid"),[o,n]=e.useState("default"),[l,s]=e.useState("up"),[c,d]=e.useState(!0),[u,h]=e.useState("Default"),[x,m]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Speed Dial",component:"SpeedDial"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:u,onThemeChange:h,surface:x,onSurfaceChange:m})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"SpeedDial",theme:u,surface:x})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:u,surface:x,sx:{minHeight:300,alignItems:"flex-end",justifyContent:"center"},children:t.jsx(ew,{variant:r,color:o,direction:l,showTooltips:c,actions:rw,ariaLabel:"Quick actions"})}),t.jsx(Bf,{code:(()=>{const e=[];return"solid"!==r&&e.push('variant="'+r+'"'),"default"!==o&&e.push('color="'+o+'"'),"up"!==l&&e.push('direction="'+l+'"'),c||e.push("showTooltips={false}"),e.push("actions={actions}"),e.push('ariaLabel="Quick actions"'),"<SpeedDial\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["solid","outline"].map(e=>t.jsx(iw,{label:aw(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:tw.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(ow,{color:e,selected:o===e,onClick:n},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DIRECTION"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["up","down","left","right"].map(e=>t.jsx(iw,{label:aw(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Tooltips"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show labels beside actions"})]}),t.jsx(Pf,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Show tooltips"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"FAB",value:'aria-expanded, aria-haspopup="menu", aria-label'},{label:"Actions",value:'role="menu" container, role="menuitem" on each action'},{label:"Labels",value:"aria-label on each action from name prop"},{label:"Keyboard",value:"Escape closes. Click outside closes."},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: 2px"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"SpeedDial"})})]})]})},exports.Stack=Eb,exports.StackDivider=e=>t.jsx(a.Box,{sx:{borderBottom:"1px solid var(--Border)",width:"100%"},...e}),exports.StackShowcase=function(){const[r,i]=e.useState("Default"),[o,n]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Stack",component:"Stack"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:r,onThemeChange:i,surface:o,onSurfaceChange:n})}),t.jsx(Ja,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:32,maxWidth:640},children:"OmniStack is a layout primitive built on MUI Stack with one intelligent addition: it automatically enforces a minimum gap between children when it detects small (24px) interactive components — protecting WCAG 2.5.8 compliance without any extra developer effort."}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Why it matters"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"API"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Stack",theme:r,surface:o})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Box,{sx:{pt:3,display:"flex",flexDirection:"column",gap:4},children:[t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[t.jsx(Pa,{children:"The problem"}),t.jsx(Ja,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:"WCAG 2.5.8 requires that small interactive targets (24px) have enough surrounding space that they don’t overlap adjacent targets. Every layout library leaves this entirely to the developer — meaning it’s silently violated constantly."}),t.jsx(Ub,{leftLabel:"Plain MUI Stack — gap too small",rightLabel:"OmniStack — gap auto-enforced",leftPasses:!1,rightPasses:!0,leftContent:t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"column",gap:"4px"},children:[t.jsx(It,{href:"#",size:"small",children:"Terms of Service"}),t.jsx(It,{href:"#",size:"small",children:"Privacy Policy"}),t.jsx(It,{href:"#",size:"small",children:"Cookie Settings"})]}),rightContent:t.jsxs(Fb,{gap:.5,children:[t.jsx(It,{href:"#",size:"small",children:"Terms of Service"}),t.jsx(It,{href:"#",size:"small",children:"Privacy Policy"}),t.jsx(It,{href:"#",size:"small",children:"Cookie Settings"})]}),leftCode:'<Stack gap={0.5}>\n  <Link size="small">Terms of Service</Link>\n  <Link size="small">Privacy Policy</Link>\n  <Link size="small">Cookie Settings</Link>\n</Stack>\n// ⚠ gap=4px — targets overlap',rightCode:'<OmniStack gap={0.5}>\n  <Link size="small">Terms of Service</Link>\n  <Link size="small">Privacy Policy</Link>\n  <Link size="small">Cookie Settings</Link>\n</OmniStack>\n// ✓ small child detected → gap enforced'})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[t.jsx(Pa,{children:"Mixed component sizes"}),t.jsx(Ja,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:"One small child is enough to trigger enforcement for the whole stack — the most common case is a normal button paired with a small cancel link."}),t.jsx(Ub,{leftLabel:"Without enforcement",rightLabel:"With enforcement",leftPasses:!1,rightPasses:!0,leftContent:t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"column",gap:"2px"},children:[t.jsx(zp,{variant:"primary",size:"medium",children:"Save changes"}),t.jsx(It,{href:"#",size:"small",children:"Or discard"})]}),rightContent:t.jsxs(Fb,{gap:.25,children:[t.jsx(zp,{variant:"primary",size:"medium",children:"Save changes"}),t.jsx(It,{href:"#",size:"small",children:"Or discard"})]}),leftCode:'<Stack gap={0.25}>\n  <Button size="medium">Save changes</Button>\n  <Link size="small">Or discard</Link>\n</Stack>\n// ⚠ Link is 24px — gap too tight',rightCode:'<OmniStack gap={0.25}>\n  <Button size="medium">Save changes</Button>\n  <Link size="small">Or discard</Link>\n</OmniStack>\n// ✓ Link detected → gap enforced'})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[t.jsx(Pa,{children:"How detection works"}),t.jsx(Ja,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:"OmniStack inspects children at render time using a priority-ordered signal chain. Any one signal is enough to trigger enforcement."}),t.jsx(a.Box,{sx:{display:"flex",flexDirection:"column"},children:[{signal:'size="small" prop',example:'<Link size="small" />'},{signal:'data-size="small"',example:'<div data-size="small" />'},{signal:"height={24}",example:"<Box height={24} />"},{signal:"minHeight={24}",example:"<Box minHeight={24} />"},{signal:"sx.minHeight: 24",example:"<Box sx={{ minHeight: 24 }} />"},{signal:"Known component name",example:"Link, Chip, Badge, Caption…"}].map(({signal:e,example:r},i,o)=>t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:2,py:1.5,borderBottom:i<o.length-1?"1px solid var(--Border)":"none"},children:[t.jsx(a.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"var(--Primary-Color-10)",flexShrink:0}}),t.jsx(Xa,{style:{flex:"0 0 200px"},children:e}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[t.jsx(Pa,{children:"Token-driven minimum"}),t.jsx(Ja,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:"The minimum gap is a CSS custom property, not a hardcoded value — so it respects your brand spacing scale and responds to theme changes without re-rendering."}),t.jsx(Qb,{code:":root {\n  --min-stack-gap: 8px; /* Set in your theme.css */\n}\n\n/* OmniStack substitutes the variable, not the value: */\ngap: var(--min-stack-gap, 8px);\n\n/* Dark mode, brand overrides, and media queries\n   all work automatically — no re-render needed. */"})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[t.jsx(Pa,{children:"Auditable opt-out"}),t.jsxs(Ja,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:["Use ",t.jsx("code",{children:"enforceMinGap={false}"})," to opt out. This creates a searchable pattern accessibility audits can grep for — a conscious waiver, not a silent violation."]}),t.jsx(Qb,{code:'<OmniStack gap={0.5} enforceMinGap={false}>\n  {/* Explicitly waived — auditors can grep:\n      enforceMinGap={false}\n      to find all waivers in the codebase. */}\n  <Link size="small">Terms</Link>\n  <Link size="small">Privacy</Link>\n</OmniStack>'})]})]})}),t.jsx(Jp,{value:2,children:t.jsx(Xb,{})}),t.jsx(Jp,{value:3,children:t.jsxs(a.Box,{sx:{pt:3},children:[t.jsx(Pa,{children:"OmniStack props"}),t.jsx(Ja,{style:{color:"var(--Text-Quiet)",marginTop:4,marginBottom:16},children:"All standard MUI Stack props are supported. These are OmniStack additions:"}),t.jsx(a.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",mb:4},children:[{prop:"enforceMinGap",type:"boolean",default:"true",desc:"Enable/disable smart gap enforcement."},{prop:"minGapToken",type:"string",default:'"--min-stack-gap"',desc:"CSS variable name for the minimum gap value."},{prop:"gap",type:"number|string",default:"undefined",desc:"Desired gap. Enforced against minGapToken when small children detected."},{prop:"direction",type:"string|object",default:'"column"',desc:"Stack direction. Supports responsive breakpoint objects."},{prop:"flexWrap",type:"string",default:"undefined",desc:'"wrap" | "nowrap" | "wrap-reverse"'},{prop:"divider",type:"ReactNode",default:"undefined",desc:"Element rendered between each child."}].map(({prop:e,type:r,default:i,desc:o},n,l)=>t.jsxs(a.Box,{sx:{display:"grid",gridTemplateColumns:"160px 160px 1fr",gap:2,px:2,py:1.5,alignItems:"start",borderBottom:n<l.length-1?"1px solid var(--Border)":"none",backgroundColor:n%2==0?"transparent":"var(--Surface-Dim, var(--Surface))"},children:[t.jsx(at,{style:{fontFamily:"monospace",color:"var(--Primary-Color-10)",fontWeight:600},children:e}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r}),t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text)"},children:o}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:2},children:["Default: ",i]})]})]},e))}),t.jsx(Pa,{children:"Convenience exports"}),t.jsx(a.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",mb:4},children:[{name:"Stack",desc:"Alias for OmniStack — drop-in MUI Stack replacement"},{name:"HStack",desc:'direction="row" alignItems="center"'},{name:"VStack",desc:'direction="column"'},{name:"CenteredStack",desc:'direction="column" alignItems="center" justifyContent="center"'},{name:"SpaceBetweenStack",desc:'direction="row" justifyContent="space-between"'},{name:"WrapStack",desc:'direction="row" flexWrap="wrap"'},{name:"ResponsiveStack",desc:"column on xs, row on sm+ (breakpoint configurable)"},{name:"GridStack",desc:"Alias for WrapStack"},{name:"InsetStack",desc:"OmniStack with px: 2 horizontal padding"},{name:"ScrollStack",desc:"OmniStack with overflowY: auto"}].map(({name:e,desc:r},i,o)=>t.jsxs(a.Box,{sx:{display:"grid",gridTemplateColumns:"200px 1fr",gap:2,px:2,py:1.5,borderBottom:i<o.length-1?"1px solid var(--Border)":"none",backgroundColor:i%2==0?"transparent":"var(--Surface-Dim, var(--Surface))"},children:[t.jsx(at,{style:{fontFamily:"monospace",color:"var(--Primary-Color-10)",fontWeight:600},children:e}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:r})]},e))}),t.jsx(Pa,{children:"Debug attributes"}),t.jsx(Qb,{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"]\')'})]})}),t.jsx(Jp,{value:4,children:t.jsx(NB,{component:"Stack"})})]})]})},exports.StateMessage=kS,exports.Step=IS,exports.Stepper=LS,exports.StepperShowcase=function(){const[r,i]=e.useState("default"),[o,n]=e.useState("medium"),[l,s]=e.useState("horizontal"),[c,d]=e.useState(4),[u,h]=e.useState(1),[x,m]=e.useState(!1),[p,f]=e.useState(!1),[g,b]=e.useState("Default"),[v,y]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Stepper",component:"Stepper"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:g,onThemeChange:b,surface:v,onSurfaceChange:y})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Stepper",theme:g,surface:v})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:g,surface:v,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:"vertical"===l?300:"100%"},children:t.jsx(LS,{color:r,size:o,orientation:l,activeStep:u,clickable:x,onStepClick:x?h:void 0,dashedIncomplete:p,children:DS.slice(0,c).map(e=>t.jsx(IS,{label:e},e))})})}),t.jsx(Bf,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==o&&e.push('size="'+o+'"'),"horizontal"!==l&&e.push('orientation="vertical"'),e.push("activeStep={"+u+"}"),x&&e.push("clickable onStepClick={setActiveStep}"),p&&e.push("dashedIncomplete"),"<Stepper "+e.join(" ")+">\n"+DS.slice(0,c).map(e=>'  <Step label="'+e+'" />').join("\n")+"\n</Stepper>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STEPS"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:[2,3,4,5,6].map(e=>t.jsx(WS,{label:String(e),selected:c===e,onClick:()=>{d(e),u>=e&&h(e-1)}},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ACTIVE STEP"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:DS.slice(0,c).map((e,a)=>t.jsx(WS,{label:String(a+1),selected:u===a,onClick:()=>h(a)},a))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:RS.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(FS,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(WS,{label:NS(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ORIENTATION"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["horizontal","vertical"].map(e=>t.jsx(WS,{label:NS(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Clickable"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Steps are interactive buttons"})]}),t.jsx(Pf,{variant:"default-outline",checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Clickable"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Dashed Incomplete"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Dashed connector for future steps"})]}),t.jsx(Pf,{variant:"default-outline",checked:p,onChange:e=>f(e.target.checked),size:"small","aria-label":"Dashed incomplete"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Container",value:'<ol role="list" aria-label="Progress">'},{label:"Steps",value:"<li> elements with step state classes"},{label:"Active",value:'aria-current="step" on the active indicator'},{label:"Clickable",value:'role="button" aria-label="Go to step N" with tabIndex'},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: 2px"},{label:"Connectors",value:'aria-hidden="true" — decorative only'}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Stepper"})})]})]})},exports.Subtitle=qa,exports.Subtitle1=Ga,exports.Subtitle2=Ua,exports.SubtitleLarge=Va,exports.SubtitleMedium=e=>t.jsx(Wa,{textStyle:"subtitle",...e}),exports.SubtitleSmall=Qa,exports.SuccessTag=e=>t.jsx(Zy,{color:"success",...e}),exports.SuccessToggleButtonGroup=kz,exports.Surfaced=function({surface:e,as:a="div",children:r,className:i,style:o,...n}){return t.jsx(a,{"data-surface":e,className:i,style:o,...n,children:r})},exports.Swatch=ES,exports.Switch=Hf,exports.SwitchInput=Hf,exports.TAG_COLORS=Yy,exports.TAG_COLOR_TOKEN_MAP=Jy,exports.Tab=Yp,exports.TabList=Xp,exports.TabPanel=Jp,exports.Table=QS,exports.Tabs=Up,exports.TabsShowcase=function(){const[r,i]=e.useState("standard"),[o,n]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("horizontal"),[u,h]=e.useState("Default"),[x,m]=e.useState("Surface"),[p,f]=e.useState(!1),g="standard"===r?yb:jb;return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Tabs",component:"Tabs"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:u,onThemeChange:h,surface:x,onSurfaceChange:m})}),t.jsxs(a.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:u,surface:x,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:"vertical"===c?500:"100%",display:"flex",flexDirection:"vertical"===c?"row":"column"},children:t.jsxs(Up,{defaultValue:0,variant:r,color:o,size:l,orientation:c,children:[t.jsxs(Xp,{rounded:p,children:[t.jsx(Yp,{children:"Overview"}),t.jsx(Yp,{children:"Features"}),t.jsx(Yp,{children:"Pricing"})]}),t.jsx(Jp,{value:0,children:t.jsx(a.Box,{sx:{p:2},children:t.jsx(Ja,{style:{color:"var(--Quiet)"},children:"Overview content goes here."})})}),t.jsx(Jp,{value:1,children:t.jsx(a.Box,{sx:{p:2},children:t.jsx(Ja,{style:{color:"var(--Quiet)"},children:"Features content goes here."})})}),t.jsx(Jp,{value:2,children:t.jsx(a.Box,{sx:{p:2},children:t.jsx(Ja,{style:{color:"var(--Quiet)"},children:"Pricing content goes here."})})})]})})}),t.jsx(Bf,{code:(()=>{const e=[];return"standard"!==r&&e.push('variant="'+r+'"'),"default"!==o&&e.push('color="'+o+'"'),"medium"!==l&&e.push('size="'+l+'"'),"horizontal"!==c&&e.push('orientation="vertical"'),"<Tabs defaultValue={0}"+(e.length?" "+e.join(" "):"")+">\n  <TabList"+(p?" rounded":"")+">\n    <Tab>Overview</Tab>\n    <Tab>Features</Tab>\n    <Tab>Pricing</Tab>\n  </TabList>\n  <TabPanel value={0}>Overview content</TabPanel>\n  <TabPanel value={1}>Features content</TabPanel>\n  <TabPanel value={2}>Pricing content</TabPanel>\n</Tabs>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(a.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"})]}),t.jsx(Jp,{value:0,children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsx(a.Box,{sx:{mb:3}}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["standard","solid","light","dark"].map(e=>t.jsx(Sb,{label:vb("standard"===e?"default":e),selected:r===e,onClick:()=>(e=>{i(e),"standard"!==e&&"default"===o&&n("primary")})(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:g.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(zb,{color:e,selected:o===e,onClick:n},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(Sb,{label:vb(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ORIENTATION"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["horizontal","vertical"].map(e=>t.jsx(Sb,{label:vb(e),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SHAPE"}),t.jsx(Pf,{label:"Rounded corners",checked:p,onChange:e=>f(e.target.checked)}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Off by default. When on, the TabList applies"," ",t.jsx("code",{children:"var(--Style-Border-Radius)"})," and clips the active tab's background to fit the rounded shell (",t.jsx("code",{children:"overflow: hidden"})," is always on)."]})]})]})}),t.jsxs(Jp,{value:1,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"TabList",value:'role="tablist" aria-orientation'},{label:"Tab",value:'role="tab" aria-selected aria-controls={panelId}'},{label:"TabPanel",value:'role="tabpanel" aria-labelledby={tabId}'},{label:"Keyboard",value:"Arrow keys navigate tabs. Home/End jump to first/last."},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: -3px"},{label:"Indicator",value:"Standard: var(--Buttons-{C}-Border). Themed: var(--Text)."}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]})]})})})]})]})},exports.Tag=Zy,exports.TagShowcase=function(){const[r,i]=e.useState("primary"),[o,n]=e.useState("New"),[l,s]=e.useState(!1),[c,d]=e.useState("Default"),[u,h]=e.useState("Surface"),[x,m]=e.useState({}),p=Jy[r]||"Primary";return e.useEffect(()=>{m({tagText:zt("--Tag-"+p+"-Text"),tagBg:zt("--Tag-"+p+"-BG"),pageBg:zt("--Background")})},[r,p]),t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Tag",component:"Tag"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:c,onThemeChange:d,surface:u,onSurfaceChange:h})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Tag",theme:c,surface:u})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:c,surface:u,children:t.jsxs(a.Box,{sx:{width:"100%",maxWidth:480},children:[t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",gap:2,mb:3},children:t.jsx(Zy,{color:r,allCaps:l,children:o})}),t.jsx(a.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:Yy.map(e=>t.jsx(Zy,{color:e,allCaps:l,children:Jy[e]},e))})]})}),t.jsx(Bf,{code:(()=>{const e=[];"primary"!==r&&e.push('color="'+r+'"'),l&&e.push("allCaps");return"<Tag"+(e.length?" "+e.join(" "):"")+">"+o+"</Tag>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:$y.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(ej,{color:e,selected:r===e,onClick:i},e))})]},e.label))}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:["bg: var(--Tag-",p,"-BG) · text: var(--Tag-",p,"-Text)"]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL TEXT"}),t.jsx(a.Box,{component:"input",type:"text",value:o,onChange:e=>n(e.target.value),placeholder:"Tag label…",sx:{width:"100%",height:"40px",px:"12px",backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",color:"var(--Text)",fontSize:"14px",fontFamily:"inherit",outline:"none",boxSizing:"border-box","&:focus":{borderColor:"var(--Buttons-Default-Border)"},"&::placeholder":{color:"var(--Text-Quiet)"}}})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(Xa,{children:"All caps"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"text-transform: uppercase"})]}),t.jsx(Pf,{checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"All caps"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(Xa,{color:"quiet",style:{marginBottom:24},children:['color="',r,'" — var(--Tag-',p,"-BG) / var(--Tag-",p,"-Text)"]}),t.jsxs(a.Stack,{spacing:3,children:[t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),t.jsx(Xa,{color:"quiet",style:{marginBottom:16},children:"Tag text must have 4.5:1 contrast against the tag background. Tags are 24px tall — text is considered small text."}),t.jsx(_y,{label:"var(--Tag-"+p+"-Text) vs. var(--Tag-"+p+"-BG)",ratio:St(x.tagText,x.tagBg),threshold:4.5,note:"Tag text on tag background for "+r+" color"}),t.jsx(_y,{label:"var(--Tag-"+p+"-BG) vs. var(--Background)",ratio:St(x.tagBg,x.pageBg),threshold:3,note:"Tag background against page background (non-text contrast, WCAG 1.4.11)"})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Touch Target (WCAG 2.5.8)"}),t.jsx(Xa,{color:"quiet",style:{marginBottom:16},children:"Tags are non-interactive display elements — they do not require a touch target. If used inside a clickable parent (e.g. a card or row), the parent element must meet touch target requirements."}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{style:{color:"var(--Text)"},children:"Tag height — 24px"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive. No touch target requirement on the Tag itself."})]})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Element",value:"<span> — inline, non-interactive"},{label:"Role",value:"None — presentational label"},{label:"Screen reader",value:"Text content is read as inline text"},{label:"Color alone",value:"Never rely on color alone — always include text label"},{label:"All caps",value:"Uses text-transform: uppercase — screen readers read the original casing"},{label:"WCAG 1.4.1",value:"Text content ensures color-blind accessibility"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"All Colors"}),t.jsx(Xa,{color:"quiet",style:{marginBottom:16},children:"Visual overview of all tag colors in the current theme."}),t.jsx(a.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:Yy.map(e=>t.jsx(Zy,{color:e,allCaps:l,children:Jy[e]},e))})]})]})]})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Tag"})})]})]})},exports.TertiaryTag=e=>t.jsx(Zy,{color:"tertiary",...e}),exports.TertiaryToggleButtonGroup=Sz,exports.TextArea=function({error:e=!1,errorMessage:a="",rows:r=4,fullWidth:i=!0,...o}){return t.jsx(Ug,{multiline:!0,rows:r,fullWidth:i,...e&&{validation:"error",validationMessage:a},...o})},exports.TextField=GS,exports.TextFieldGroup=function({fields:e=[],spacing:r=2,sx:i={},...o}){return t.jsx(a.Box,{sx:{display:"flex",flexDirection:"column",gap:`var(--Spacing-${r})`,width:"100%",...i},...o,children:e.map(e=>t.jsx(GS,{...e},e.id))})},exports.TextInput=Ug,exports.ThemedZone=function({theme:e,surface:a,as:r="div",children:i,className:o,style:n,...l}){return t.jsx(r,{"data-theme":e,"data-surface":a,className:o,style:n,...l,children:i})},exports.ToggleButton=function({children:e,selected:r=!1,onChange:i,value:o,sx:n={},...l}){return t.jsx(a.ToggleButton,{value:o,selected:r,onChange:i,sx:{border:"1px solid var(--Border)",...JB,...n},...l,children:e})},exports.ToggleButtonGroup=gz,exports.Toolbar=XS,exports.ToolbarShowcase=function(){const[r,i]=e.useState("floating"),[o,n]=e.useState("default"),[l,s]=e.useState("horizontal"),[c,d]=e.useState(!1),[u,h]=e.useState("Default"),[x,m]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Toolbar",component:"Toolbar"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:u,onThemeChange:h,surface:x,onSurfaceChange:m})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Toolbar",theme:u,surface:x})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:u,surface:x,sx:{minHeight:200},children:t.jsx(XS,{items:JS,type:r,color:o,orientation:l,fab:c&&"floating"===r?{icon:t.jsx(ye,{}),label:"Create",onClick:()=>{}}:void 0})}),t.jsx(Bf,{code:(()=>{const e=["items={items}"];return"floating"!==r&&e.push('type="contextual"'),"default"!==o&&e.push('color="'+o+'"'),"horizontal"!==l&&e.push('orientation="vertical"'),c&&e.push('fab={{ icon: <AddIcon />, label: "Create", onClick: handleCreate }}'),e.push("value={selected}"),e.push("onChange={setSelected}"),"<Toolbar\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["floating","contextual"].map(e=>t.jsx(ZS,{label:YS(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["default","primary","primary-light","white","black"].map(e=>t.jsx(ZS,{label:YS(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ORIENTATION"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["horizontal","vertical"].map(e=>t.jsx(ZS,{label:YS(e),selected:l===e,onClick:()=>s(e)},e))})]}),"floating"===r&&t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"FAB Button"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Add FAB to the right of toolbar"})]}),t.jsx(Pf,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"FAB button"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="toolbar" aria-orientation aria-label'},{label:"Items",value:'role="radio" aria-checked on each icon button'},{label:"Selection",value:"Toggle — click selected again to deselect"},{label:"Focus",value:"Uses Button component focus styles"},{label:"Floating",value:"borderRadius 56px, padding 16px, Effect-Level-2 shadow"},{label:"Contextual",value:"Standard border-radius, padding 8px, no shadow"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Toolbar"})})]})]})},exports.Tooltip=az,exports.TreeBranch=function({label:e,icon:r,level:i=0,toggle:o="none",onToggle:n,disabled:l=!1,size:s="small",className:c="",sx:d={},children:u,...h}){const x=6===i&&"none"!==o?"none":o,m="on"===x,p="none"!==x,f=p?tz[i]||{padLeft:0,togglePadLeft:0}:rz[i]||rz[0],g={paddingTop:"8px",paddingRight:"8px",paddingBottom:"8px",paddingLeft:(f.padLeft??8)+"px"};return t.jsxs(a.Box,{className:"tree-branch tree-branch-"+s+" tree-branch-level-"+i+" tree-branch-toggle-"+x+(l?" tree-branch-disabled":"")+(c?" "+c:""),sx:{width:"100%",...d},...h,children:[t.jsxs(a.Box,{component:"button",type:"button",role:"treeitem","aria-expanded":p?m:void 0,"aria-disabled":l||void 0,tabIndex:l?-1:0,onClick:e=>{l||p&&(e.stopPropagation(),n?.(m?"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?"var(--Disabled, 0.38)":1,outline:"none",transition:"background-color 0.15s ease, color 0.15s ease","&:hover":l?{}:{backgroundColor:"var(--Hover)"},"&:active":l?{}:{backgroundColor:"var(--Pressed)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-2px"}},children:[p&&t.jsx(a.Box,{className:"tree-branch-toggle",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,paddingLeft:(f.togglePadLeft??0)+"px"},children:t.jsx(a.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",transition:"transform 0.2s ease",transform:m?"rotate(-90deg)":"rotate(0deg)"},children:t.jsx(am,{size:"small",children:t.jsx(we,{})})})}),t.jsxs(a.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:[r&&t.jsx(a.Box,{sx:{display:"inline-flex",alignItems:"center",flexShrink:0},children:t.jsx(am,{size:"small",children:r})}),null!=e&&t.jsx(Ya,{style:{color:"inherit",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block",flex:1,minWidth:0},children:e})]})]}),m&&u&&t.jsx(a.Box,{role:"group",sx:{display:"flex",flexDirection:"column"},children:u})]})},exports.TreeViewShowcase=function(){const[r,i]=e.useState("solid"),[o,n]=e.useState("primary"),[l,s]=e.useState("default"),[c,d]=e.useState("slide"),[u,h]=e.useState("single"),[x,m]=e.useState(!1),[p,f]=e.useState(!1),[g,b]=e.useState(!1),[v,y]=e.useState(Iy),[j,S]=e.useState("Default"),[z,B]=e.useState("Surface"),[w,k]=e.useState({}),C=e.useRef(null),T=iz(o),M=g?lz:v,A=e.useCallback((e,a)=>e&&getComputedStyle(e).getPropertyValue(a).trim()||null,[]);return e.useEffect(()=>{const e=setTimeout(()=>{const e=C.current;k({text:A(e,"--Text"),textQuiet:A(e,"--Text-Quiet"),background:A(e,"--Background"),border:A(e,"--Border"),focusVisible:A(e,"--Focus-Visible"),activeBtn:A(e,"--Buttons-"+T+"-Button"),activeBorder:A(e,"--Buttons-"+T+"-Border")})},50);return()=>clearTimeout(e)},[o,j,A,T]),t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Tree View",component:"TreeView"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:j,onThemeChange:S,surface:z,onSurfaceChange:B})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"TreeView",theme:j,surface:z})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{ref:C,theme:j,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:360},children:t.jsx(Ly,{color:o,variant:r,density:l,animation:c,selectionMode:u,checkboxSelection:x,disableSelection:p,items:M,defaultExpandedItems:["1","1-1","2"]})})}),t.jsx(Bf,{code:(()=>{const e=["<OmniTreeView"];return"default"!==o&&e.push('  color="'+o+'"'),"default"!==r&&e.push('  variant="'+r+'"'),"default"!==l&&e.push('  density="'+l+'"'),"slide"!==c&&e.push('  animation="'+c+'"'),"single"!==u&&e.push('  selectionMode="'+u+'"'),x&&e.push("  checkboxSelection"),p&&e.push("  disableSelection"),e.push("  items={treeData}"),e.push("/>"),e.join("\n")})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(uz,{label:"Solid",selected:"solid"===r,onClick:()=>i("solid")}),t.jsx(uz,{label:"Light",selected:"light"===r,onClick:()=>i("light")})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:oz.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(hz,{color:e,selected:o===e,onClick:n},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DENSITY"}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(uz,{label:"Compact",selected:"compact"===l,onClick:()=>s("compact")}),t.jsx(uz,{label:"Default",selected:"default"===l,onClick:()=>s("default")})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ANIMATION"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["none","slide","spring"].map(e=>t.jsx(uz,{label:iz(e),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SELECTION MODE"}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(uz,{label:"Single",selected:"single"===u,onClick:()=>h("single")}),t.jsx(uz,{label:"Multi",selected:"multi"===u,onClick:()=>h("multi")})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Show Icons"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Load sample data with icons and badges"})]}),t.jsx(Pf,{checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Show icons"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Checkbox Selection"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show checkboxes for each item"})]}),t.jsx(Pf,{checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Checkbox selection"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Disable Selection"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Items are not selectable"})]}),t.jsx(Pf,{checked:p,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disable selection"})]})]}),!g&&t.jsx(a.Box,{sx:{mt:3},children:t.jsx(xz,{value:sz,onChange:y})})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:3,children:[t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),t.jsx(dz,{label:"Resting: var(--Text-Quiet) vs. background",ratio:St(w.textQuiet,w.background),threshold:4.5,note:"Unselected items use Text-Quiet"}),t.jsx(dz,{label:"Hover: var(--Text) vs. background",ratio:St(w.text,w.background),threshold:4.5,note:"Hovered items use var(--Text)"}),t.jsx(dz,{label:"Active (solid): var(--Text) vs. var(--Buttons-"+T+"-Button)",ratio:St(w.text,w.activeBtn),threshold:4.5,note:"Selected item with solid fill"})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Focus Indicator (WCAG 2.4.11 — 3:1)"}),t.jsx(dz,{label:"var(--Focus-Visible) vs. background",ratio:St(w.focusVisible,w.background),threshold:3,note:"outline: 2px solid var(--Focus-Visible); outline-offset: -2px"})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="tree" on root, role="treeitem" on each node'},{label:"Expansion",value:'aria-expanded="true/false" on parent items'},{label:"Selection",value:"aria-selected on selected items"},{label:"Disabled",value:'aria-disabled="true" on disabled items'},{label:"Icons",value:"Icon elements are aria-hidden — label carries the accessible name"},{label:"Keyboard",value:"Arrow keys navigate, Enter/Space selects, * expands all siblings"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})]})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"TreeView"})})]})]})},exports.Typography=Wa,exports.URLTextField=function({label:e="Website",placeholder:a="https://example.com",...r}){return t.jsx(GS,{label:e,type:"url",placeholder:a,...r})},exports.VStack=Hb,exports.WarningTag=e=>t.jsx(Zy,{color:"warning",...e}),exports.WarningToggleButtonGroup=Cz,exports.WrapStack=Ob,exports.chartGeometry=bk,exports.componentDocsIndexUrl=function(e,a=jB){return`${a.replace(/\/+$/,"")}/docs/${encodeURIComponent(e)}`},exports.componentDocsUrl=function(e,a,t=jB){return`${t.replace(/\/+$/,"")}/docs/${encodeURIComponent(e)}/${SB(a)}`},exports.default={},exports.docsSlug=SB,exports.ghostBlockSx=xa,exports.hasExample=mB,exports.renderColorSystem=Ak,exports.renderColourSystem=Ak,exports.renderComponentDoc=function(e,a=""){const t=[`## ${e.name}`,"",e.summary,""];if(e.insteadUse.length&&(t.push("### Reach for something else when",""),t.push(...e.insteadUse.map(e=>`- ${e.when} → \`${e.use}\``)),t.push("")),e.props.length){t.push("### Props",""),t.push(...Ik(["Prop","Type","Values","Default"],e.props.map(e=>[`\`${e.name}\``,e.type,e.values?.length?e.values.map(e=>`\`${e}\``).join(" · "):"—",`\`${e.default}\``])));const a=e.props.filter(e=>e.note);a.length&&(t.push(""),t.push(...a.map(e=>`- \`${e.name}\` — ${e.note}`))),t.push("")}if(e.states.length){t.push("### States",""),t.push(...Ik(["State","Set by"],e.states.map(e=>[e.state,"interaction"===e.setBy?"interaction — not a prop":e.setBy])));const a=e.states.filter(e=>e.note);a.length&&(t.push(""),t.push(...a.map(e=>`- ${e.state} — ${e.note}`))),t.push("")}e.theming.length&&(t.push("### Theming",""),t.push(...Ik(["Collection","In code","In Figma"],e.theming.map(e=>["—"===e.collection?"—":`**${e.collection}**`,e.inCode,e.inFigma]))),e.themingNotes?.length&&(t.push(""),t.push(...e.themingNotes.map(e=>`- ${e}`))),t.push("")),e.tokens.length&&(t.push("### Tokens it reads",""),t.push(...Ik(["Token","Sets","Varies with","Figma variable"],e.tokens.map(e=>[`\`${e.name}\``,e.sets,e.variesWith,"—"===e.figma?"—":`\`${e.figma}\``]))),t.push("")),t.push(...Nk("Composition",e.composition)),t.push(...Nk("Accessibility",e.accessibility)),t.push(...Nk("Gotchas",e.gotchas));const r=a;return r.length&&t.push(...r,""),t.join("\n").replace(/\n{3,}/g,"\n\n").trimEnd()+"\n"},exports.renderFoundations=function(){const e=["# Foundations",""];for(const a of PB)e.push(`## ${a.title}`,"",`*${a.lede}*`,""),e.push(...a.body.map(e=>e+"\n")),a.table&&(e.push(`| ${a.table.head.join(" | ")} |`),e.push(`| ${a.table.head.map(()=>"---").join(" | ")} |`),e.push(...a.table.rows.map(e=>`| ${e.join(" | ")} |`)),e.push("")),a.trap&&e.push(`> **Trap.** ${a.trap}`,"");return e.join("\n").replace(/\n{3,}/g,"\n\n").trimEnd()+"\n"},exports.useGhost=ha,exports.useOmniDesign=bv,exports.useStepperContext=AS,exports.useTabsContext=Gp;
+*/function bf(){if(of)return rf;of=1;var e=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;return rf=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 a={},t=0;t<10;t++)a["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(a).map(function(e){return a[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(r,i){for(var o,n,l=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(r),s=1;s<arguments.length;s++){for(var c in o=Object(arguments[s]))a.call(o,c)&&(l[c]=o[c]);if(e){n=e(o);for(var d=0;d<n.length;d++)t.call(o,n[d])&&(l[n[d]]=o[n[d]])}}return l},rf}function vf(){if(lf)return nf;lf=1;return nf="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function yf(){return cf?sf:(cf=1,sf=Function.call.bind(Object.prototype.hasOwnProperty))}if("production"!==process.env.NODE_ENV){var jf=gf();Kp.exports=function(){if(xf)return hf;xf=1;var e=gf(),a=bf(),t=vf(),r=yf(),i=function(){if(uf)return df;uf=1;var e=function(){};if("production"!==process.env.NODE_ENV){var a=vf(),t={},r=yf();e=function(e){var a="Warning: "+e;"undefined"!=typeof console&&console.error(a);try{throw new Error(a)}catch(e){}}}function i(i,o,n,l,s){if("production"!==process.env.NODE_ENV)for(var c in i)if(r(i,c)){var d;try{if("function"!=typeof i[c]){var u=Error((l||"React class")+": "+n+" type `"+c+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof i[c]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw u.name="Invariant Violation",u}d=i[c](o,c,l,n,null,a)}catch(e){d=e}if(!d||d instanceof Error||e((l||"React class")+": type specification of "+n+" `"+c+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof d+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),d instanceof Error&&!(d.message in t)){t[d.message]=!0;var h=s?s():"";e("Failed "+n+" type: "+d.message+(null!=h?h:""))}}}return i.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(t={})},df=i}(),o=function(){};function n(){return null}return"production"!==process.env.NODE_ENV&&(o=function(e){var a="Warning: "+e;"undefined"!=typeof console&&console.error(a);try{throw new Error(a)}catch(e){}}),hf=function(l,s){var c="function"==typeof Symbol&&Symbol.iterator,d="<<anonymous>>",u={array:p("array"),bigint:p("bigint"),bool:p("boolean"),func:p("function"),number:p("number"),object:p("object"),string:p("string"),symbol:p("symbol"),any:m(n),arrayOf:function(e){return m(function(a,r,i,o,n){if("function"!=typeof e)return new x("Property `"+n+"` of component `"+i+"` has invalid PropType notation inside arrayOf.");var l=a[r];if(!Array.isArray(l))return new x("Invalid "+o+" `"+n+"` of type `"+b(l)+"` supplied to `"+i+"`, expected an array.");for(var s=0;s<l.length;s++){var c=e(l,s,i,o,n+"["+s+"]",t);if(c instanceof Error)return c}return null})},element:m(function(e,a,t,r,i){var o=e[a];return l(o)?null:new x("Invalid "+r+" `"+i+"` of type `"+b(o)+"` supplied to `"+t+"`, expected a single ReactElement.")}),elementType:m(function(a,t,r,i,o){var n=a[t];return e.isValidElementType(n)?null:new x("Invalid "+i+" `"+o+"` of type `"+b(n)+"` supplied to `"+r+"`, expected a single ReactElement type.")}),instanceOf:function(e){return m(function(a,t,r,i,o){if(!(a[t]instanceof e)){var n=e.name||d;return new x("Invalid "+i+" `"+o+"` of type `"+((l=a[t]).constructor&&l.constructor.name?l.constructor.name:d)+"` supplied to `"+r+"`, expected instance of `"+n+"`.")}var l;return null})},node:m(function(e,a,t,r,i){return g(e[a])?null:new x("Invalid "+r+" `"+i+"` supplied to `"+t+"`, expected a ReactNode.")}),objectOf:function(e){return m(function(a,i,o,n,l){if("function"!=typeof e)return new x("Property `"+l+"` of component `"+o+"` has invalid PropType notation inside objectOf.");var s=a[i],c=b(s);if("object"!==c)return new x("Invalid "+n+" `"+l+"` of type `"+c+"` supplied to `"+o+"`, expected an object.");for(var d in s)if(r(s,d)){var u=e(s,d,o,n,l+"."+d,t);if(u instanceof Error)return u}return null})},oneOf:function(e){return Array.isArray(e)?m(function(a,t,r,i,o){for(var n=a[t],l=0;l<e.length;l++)if(h(n,e[l]))return null;var s=JSON.stringify(e,function(e,a){return"symbol"===v(a)?String(a):a});return new x("Invalid "+i+" `"+o+"` of value `"+String(n)+"` supplied to `"+r+"`, expected one of "+s+".")}):("production"!==process.env.NODE_ENV&&o(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),n)},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&o("Invalid argument supplied to oneOfType, expected an instance of array."),n;for(var a=0;a<e.length;a++){var i=e[a];if("function"!=typeof i)return o("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+y(i)+" at index "+a+"."),n}return m(function(a,i,o,n,l){for(var s=[],c=0;c<e.length;c++){var d=(0,e[c])(a,i,o,n,l,t);if(null==d)return null;d.data&&r(d.data,"expectedType")&&s.push(d.data.expectedType)}return new x("Invalid "+n+" `"+l+"` supplied to `"+o+"`"+(s.length>0?", expected one of type ["+s.join(", ")+"]":"")+".")})},shape:function(e){return m(function(a,r,i,o,n){var l=a[r],s=b(l);if("object"!==s)return new x("Invalid "+o+" `"+n+"` of type `"+s+"` supplied to `"+i+"`, expected `object`.");for(var c in e){var d=e[c];if("function"!=typeof d)return f(i,o,n,c,v(d));var u=d(l,c,i,o,n+"."+c,t);if(u)return u}return null})},exact:function(e){return m(function(i,o,n,l,s){var c=i[o],d=b(c);if("object"!==d)return new x("Invalid "+l+" `"+s+"` of type `"+d+"` supplied to `"+n+"`, expected `object`.");var u=a({},i[o],e);for(var h in u){var m=e[h];if(r(e,h)&&"function"!=typeof m)return f(n,l,s,h,v(m));if(!m)return new x("Invalid "+l+" `"+s+"` key `"+h+"` supplied to `"+n+"`.\nBad object: "+JSON.stringify(i[o],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var p=m(c,h,n,l,s+"."+h,t);if(p)return p}return null})}};function h(e,a){return e===a?0!==e||1/e==1/a:e!=e&&a!=a}function x(e,a){this.message=e,this.data=a&&"object"==typeof a?a:{},this.stack=""}function m(e){if("production"!==process.env.NODE_ENV)var a={},r=0;function i(i,n,l,c,u,h,m){if(c=c||d,h=h||l,m!==t){if(s){var p=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 p.name="Invariant Violation",p}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var f=c+":"+l;!a[f]&&r<3&&(o("You are manually calling a React.PropTypes validation function for the `"+h+"` 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."),a[f]=!0,r++)}}return null==n[l]?i?null===n[l]?new x("The "+u+" `"+h+"` is marked as required in `"+c+"`, but its value is `null`."):new x("The "+u+" `"+h+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(n,l,c,u,h)}var n=i.bind(null,!1);return n.isRequired=i.bind(null,!0),n}function p(e){return m(function(a,t,r,i,o,n){var l=a[t];return b(l)!==e?new x("Invalid "+i+" `"+o+"` of type `"+v(l)+"` supplied to `"+r+"`, expected `"+e+"`.",{expectedType:e}):null})}function f(e,a,t,r,i){return new x((e||"React class")+": "+a+" type `"+t+"."+r+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+i+"`.")}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 a=function(e){var a=e&&(c&&e[c]||e["@@iterator"]);if("function"==typeof a)return a}(e);if(!a)return!1;var t,r=a.call(e);if(a!==e.entries){for(;!(t=r.next()).done;)if(!g(t.value))return!1}else for(;!(t=r.next()).done;){var i=t.value;if(i&&!g(i[1]))return!1}return!0;default:return!1}}function b(e){var a=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,a){return"symbol"===e||!!a&&("Symbol"===a["@@toStringTag"]||"function"==typeof Symbol&&a instanceof Symbol)}(a,e)?"symbol":a}function v(e){if(null==e)return""+e;var a=b(e);if("object"===a){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return a}function y(e){var a=v(e);switch(a){case"array":case"object":return"an "+a;case"boolean":case"date":case"regexp":return"a "+a;default:return a}}return x.prototype=Error.prototype,u.checkPropTypes=i,u.resetWarningCache=i.resetWarningCache,u.PropTypes=u,u},hf}()(jf.isElement,!0)}else Kp.exports=function(){if(pf)return mf;pf=1;var e=vf();function a(){}function t(){}return t.resetWarningCache=a,mf=function(){function r(a,t,r,i,o,n){if(n!==e){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function i(){return r}r.isRequired=r;var o={array:r,bigint:r,bool:r,func:r,number:r,object:r,string:r,symbol:r,any:r,arrayOf:i,element:r,elementType:r,instanceOf:i,node:r,objectOf:i,oneOf:i,oneOfType:i,shape:i,exact:i,checkPropTypes:t,resetWarningCache:a};return o.PropTypes=o,o}}()();var Sf=Zp(Kp.exports);function zf({code:r,label:i="Copy code"}){const[n,s]=e.useState(!1);return t.jsx(a.Tooltip,{title:n?"Copied!":i,children:t.jsx(wp,{variant:"ghost",size:"small",onClick:async()=>{try{await navigator.clipboard.writeText(r),s(!0),setTimeout(()=>s(!1),2e3)}catch(e){console.error("Copy failed:",e)}},"aria-label":n?"Copied":i,sx:{color:n?"var(--Icons-Success, var(--Text))":"var(--Quiet)"},children:n?t.jsx(o,{fontSize:"small"}):t.jsx(l,{fontSize:"small"})})})}zf.propTypes={code:Sf.string.isRequired,label:Sf.string};function Bf({code:e="",language:r="JSX",showCopy:i=!0,showHeader:o=!0,maxHeight:n,wrap:l=!1,sx:s={},...c}){const d=o&&i&&!!e,u=!o&&i&&!!e;return t.jsxs(a.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:[o&&(r||i)&&t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:1,px:2,py:1,borderBottom:"1px solid var(--Border)",minHeight:40},children:[t.jsx(at,{color:"quiet",children:r}),d?t.jsx(zf,{code:e}):null]}),t.jsxs(a.Box,{sx:{display:"flex",alignItems:"flex-start",gap:1,p:2},children:[t.jsx(a.Box,{component:"pre",sx:{margin:0,fontFamily:"inherit",flex:1,minWidth:0,overflow:"auto",maxHeight:n},children:t.jsx(a.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})}),u?t.jsx(zf,{code:e}):null]})]})}Bf.propTypes={code:Sf.string,language:Sf.string,showCopy:Sf.bool,showHeader:Sf.bool,maxHeight:Sf.oneOfType([Sf.number,Sf.string]),wrap:Sf.bool,sx:Sf.object};const wf=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",kf=["primary","secondary","tertiary","neutral","info","success","warning","error"];function Cf({ratio:e,threshold:r}){if(!e)return t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"--"});const i=parseFloat(e)>=r;return t.jsxs(a.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[t.jsxs(a.Box,{sx:{px:1,py:.25,borderRadius:"4px",backgroundColor:i?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)",fontSize:"11px",fontWeight:700},children:[e,":1"]}),t.jsx(at,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function Tf({label:e,ratio:r,threshold:i,note:o}){return t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(a.Box,{sx:{flex:1},children:[t.jsx(Xa,{style:{color:"var(--Text)"},children:e}),o&&t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:o})]}),t.jsx(Cf,{ratio:r,threshold:i})]})}function Mf({color:e,selected:r,onClick:i}){const n=wf(e);return t.jsx(a.Tooltip,{title:n,arrow:!0,children:t.jsx(a.Box,{onClick:()=>i(e),role:"button","aria-label":"Select "+n+" color","aria-pressed":r,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:24,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})})}function Af({label:e,selected:r,onClick:i}){return t.jsx(a.Box,{component:"button",onClick:i,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:"pointer",border:"2px solid var(--Buttons-Primary-Button)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:r?"var(--Buttons-Primary-Button)":"transparent",color:r?"var(--Buttons-Primary-Text)":"var(--Text)",padding:"4px 12px",fontSize:"14px",fontFamily:"inherit",fontWeight:500,whiteSpace:"nowrap",flexShrink:0,transition:"background-color 0.15s ease, color 0.15s ease","&:hover":{backgroundColor:r?"var(--Buttons-Primary-Hover)":"var(--Surface-Dim)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:e})}const Lf={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 If({children:e,variant:r="light",surface:i,color:o="info",size:n="medium",startDecorator:l,endDecorator:s,className:c="",sx:d={},...u}){const h=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===o?"Default":o),x=Lf[n]||Lf.medium,m="default"===o?"Default":h,p=i||("light"===r?"Surface-Brightest":"Surface"),f="var(--Buttons-"+h+"-Border)",g=t.jsxs(t.Fragment,{children:[l&&t.jsx(a.Box,{className:"alert-start-decorator",sx:{display:"inline-flex",alignItems:"center",fontSize:x.iconSize,lineHeight:1,flexShrink:0,mt:"2px"},children:l}),t.jsx(a.Box,{className:"alert-message",sx:{flex:1,minWidth:0},children:"string"==typeof e?"small"===n?t.jsx(Xa,{children:e}):t.jsx(Ja,{children:e}):e}),s&&t.jsx(a.Box,{className:"alert-end-decorator",sx:{display:"inline-flex",alignItems:"flex-start",flexShrink:0,gap:x.gap,paddingTop:"2px"},children:s})]});return t.jsx(a.Box,{role:"alert",className:"alert alert-"+r+" alert-"+n+" alert-"+o+" "+c,sx:{border:"1px solid "+f,borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",boxShadow:nm,...d},...u,children:t.jsx(a.Box,{"data-theme":m,"data-surface":p,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:g})})}const Nf=["default","primary","secondary","tertiary","neutral","info","success","warning","error"];function Rf(e){const a=(t=e).charAt(0).toUpperCase()+t.slice(1);var t;return{type:"outline",color:a,trackOff:"var(--Background)",trackOffBorder:"var(--Border)",trackOn:"var(--Icons-"+a+")",trackOnBorder:"var(--Icons-"+a+")",dotOff:"var(--Quiet)",dotOn:"var(--Icons-On-"+a+")",iconOff:"var(--Background)",iconOn:"var(--Icons-"+a+")"}}const Df=/-light$/,Wf=new Set;const Ff={small:{trackW:35,trackH:20,handle:15,dotRadius:"var(--Sizing-2, 16px)",icon:12},medium:{trackW:42,trackH:24,handle:20,dotRadius:"var(--Sizing-2-and-Half, 20px)",icon:16},large:{trackW:56,trackH:32,handle:28,dotRadius:"var(--Sizing-2-and-Half, 20px)",icon:24}};function Pf({variant:e="default",size:r="medium",checked:i,defaultChecked:o,onChange:n,disabled:l=!1,label:s,labelPlacement:c="end",name:d,value:u,icon:h,iconOn:x,iconOff:m,className:p="",sx:f={},"aria-label":g,"aria-labelledby":b,...v}){const y=function(){const e={};return Nf.forEach(a=>{e[a+"-outline"]=Rf(a)}),e.default={type:"themed",trackOff:"var(--Background)",trackOffBorder:"var(--Quiet)",trackOn:"var(--Icons-Default)",trackOnBorder:"var(--Icons-Default)",dotOff:"var(--Quiet)",dotOn:"var(--Icons-On-Default)",iconOff:"var(--Background)",iconOn:"var(--Icons-Default)"},e["default-outline"]={type:"themed",trackOff:"var(--Background)",trackOffBorder:"var(--Quiet)",trackOn:"var(--Icons-Default)",trackOnBorder:"var(--Icons-Default)",dotOff:"var(--Quiet)",dotOn:"var(--Icons-On-Default)",iconOff:"var(--Background)",iconOn:"var(--Icons-Default)"},e.outline={type:"themed",trackOff:"var(--Background)",trackOffBorder:"var(--Quiet)",trackOn:"var(--Icons-Default)",trackOnBorder:"var(--Icons-Default)",dotOff:"var(--Quiet)",dotOn:"var(--Icons-On-Default)",iconOff:"var(--Background)",iconOn:"var(--Icons-Default)"},e.primary=Rf("primary"),e}(),j=function(e){const a=String(e||"default");if("light"!==a&&!Df.test(a))return a;const t="light"===a?"primary":a.replace(Df,"");return"production"===process.env.NODE_ENV||Wf.has(a)||(Wf.add(a),console.warn('[Switch] variant="'+a+'" — the -light shape was removed. Rendering variant="'+t+'". The on state takes its color from the Icons collection (--Icons-<Color> / --Icons-On-<Color>).')),t}(e),S=y[j]||y.default,z=Ff[r]||Ff.medium,B="small"===r?Xa:Ja,w=z.handle,k=Math.max(24,z.trackW),C=Math.max(24,z.trackH),T=(C-z.trackH)/2,M={width:w,height:w,borderRadius:z.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:z.icon,height:z.icon,display:"block"}},A={width:z.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:k-z.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":{...M,backgroundColor:S.dotOff,color:S.iconOff},"&.Mui-checked":{justifyContent:"flex-end",transform:"none","& .MuiSwitch-thumb":{...M,backgroundColor:S.dotOn,color:S.iconOn},"& + .MuiSwitch-track":{backgroundColor:S.trackOn,borderColor:S.trackOnBorder,opacity:1}},"&:hover, &.Mui-checked:hover":{backgroundColor:"transparent"},"&:hover + .MuiSwitch-track":{boxShadow:lm},"&:active + .MuiSwitch-track":{boxShadow:nm},"&.Mui-focusVisible + .MuiSwitch-track":{outline:"1px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled + .MuiSwitch-track":{opacity:1}},"& .MuiSwitch-track":{width:z.trackW,height:z.trackH,borderRadius:"var(--Sizing-3, 24px)",backgroundColor:S.trackOff,border:"1px solid "+S.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},L=void 0!==m?m:h,I=void 0!==x?x:h,N=void 0!==L||void 0!==I,R=e=>t.jsx("span",{className:"MuiSwitch-thumb",children:e}),D=t.jsx(a.Switch,{...N?{icon:R(L),checkedIcon:R(I)}:{},checked:i,defaultChecked:o,onChange:n,disabled:l,name:d,value:u,slotProps:{input:{...g?{"aria-label":g}:{},...b?{"aria-labelledby":b}:{}}},className:"switch-"+j+" "+p,sx:A,disableRipple:!0,...v});return s?t.jsx(a.FormControlLabel,{control:D,label:t.jsx(B,{component:"span",sx:{color:l?"var(--Text-Quiet)":"var(--Text)",fontSize:"small"===r?"13px":"15px",fontWeight:500,opacity:l?"var(--Disabled, 0.38)":1},children:s}),labelPlacement:c,sx:{gap:"8px",marginLeft:0,marginRight:0}}):D}const Hf=Pf,Of=e.forwardRef(function({theme:e=null,surface:r="Surface",children:i,minHeight:o=160,sx:n={}},l){return t.jsx(a.Box,{ref:l,"data-theme":e||void 0,"data-surface":r,sx:{p:4,display:"flex",alignItems:"center",justifyContent:"center",minHeight:o,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",...n},children:i})}),Ef=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Vf=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],qf={info:t.jsx(x,{}),success:t.jsx(m,{}),warning:t.jsx(p,{}),error:t.jsx(f,{})};function Qf({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Gf({color:e,selected:r,onClick:i}){const n=Ef(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const Uf={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Xf={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)"}},Yf=e.createContext({variant:"default",color:"primary",size:"medium",orientation:"vertical"});function Jf({children:e,variant:r="solid",color:i="default",surface:o,size:n="medium",orientation:l="vertical",clickable:s=!1,selected:c=!1,elevated:d=!1,draggable:u=!1,onClick:h,disabled:x=!1,href:m,className:p="",sx:f={},...g}){const b="default"===i,v=b?"":Uf[i],y=o||(b?"Container":"dark"===r?"Surface-Dimmest":"light"===r?"Surface-Brightest":"Surface"),j=Xf[n]||Xf.medium,S="horizontal"===l,z=!!u,B=!x&&(s||!!h||!!m||c||z),w=m?"a":"div",k=c?`var(--Buttons-${(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===i?"Default":i)}-Border)`:"var(--Buttons-Default-Border)",C=B?c?`2px solid ${k}`:"1px solid var(--Buttons-Default-Border)":"1px solid var(--Border-Variant)",T=d?lm:nm,M=d?sm:lm,A=d?nm:om;return t.jsx(Yf.Provider,{value:{variant:r,color:i,size:n,orientation:l},children:t.jsx(a.Box,{component:w,href:m||void 0,onClick:B?h:void 0,role:B?"button":void 0,tabIndex:B?0:void 0,"aria-pressed":!!c||void 0,"aria-disabled":x||void 0,draggable:z||void 0,className:"card card-"+r+" card-"+n+" card-"+l+(B?" card-clickable":"")+(c?" card-selected":"")+(d?" card-elevated":"")+(z?" card-draggable":"")+" "+p,sx:{display:"flex",border:C,borderRadius:"var(--Card-Radius)",boxShadow:T,overflow:"hidden",textDecoration:"none",transition:"box-shadow 0.2s ease, border-color 0.2s ease, transform 0.1s ease",...x&&{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none"},...B&&!z&&{cursor:"pointer","&:hover":{borderColor:"var(--Buttons-Default-Border)",boxShadow:M,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)"}},...z&&{cursor:"grab","&:hover":{borderColor:"var(--Buttons-Default-Border)",boxShadow:M},"&:active":{cursor:"grabbing",zIndex:10,boxShadow:sm,transform:"scale(1.02)",borderWidth:"2px",borderColor:"var(--Buttons-Primary-Border)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"3px"}},...f},onKeyDown:B?e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),h?.())}:void 0,...g,children:t.jsx(a.Box,{"data-theme":v||void 0,"data-surface":y,sx:{display:"flex",flexDirection:S?"row":"column",gap:j.gap,padding:j.padding,backgroundColor:"var(--Background)",color:"var(--Text)",fontSize:j.fontSize,fontFamily:"inherit",borderRadius:"inherit",position:"relative",flex:1,minWidth:0,overflow:"hidden"},children:e})})})}function Zf({children:r,className:i="",sx:o={},...n}){const{size:l}=e.useContext(Yf),s=Xf[l]||Xf.medium;return t.jsx(a.Box,{className:"card-content "+i,sx:{display:"flex",flexDirection:"column",gap:s.gap,flex:1,minWidth:0,...o},...n,children:r})}const $f=["default","primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],Kf=e=>"Default"===e?"var(--Quiet)":"var(--Buttons-"+e+"-Border)";function _f(){const e={};return $f.forEach(a=>{e[a]=function(e){const a=xm(e);return{color:a,borderToken:Kf(a),icon:"var(--Buttons-"+a+"-Border)"}}(a)}),e}const eg=/-(outline|light|solid)$/,ag=new Set;function tg(e){const a=_f();return a[function(e){const a=String(e||"default");if(!eg.test(a))return a;const t=a.replace(eg,"");return"production"===process.env.NODE_ENV||ag.has(a)||(ag.add(a),console.warn('[Checkbox] variant="'+a+'" — the -outline/-light/-solid shapes were removed; a Checkbox has one look and `variant` selects color only. Rendering variant="'+t+'". Update the call site.')),t}(e)]||a.default}const rg={small:{box:16,icon:12,gap:4,touchTarget:24,LabelComp:Xa},medium:{box:20,icon:14,gap:8,touchTarget:24,LabelComp:Ja},large:{box:24,icon:18,gap:12,touchTarget:24,LabelComp:_a}};function ig({size:e,variant:r,checked:i,indeterminate:n}){const l=tg(r),s=rg[e]||rg.medium,c=i||n,d=l.borderToken,u="small"===e?"var(--Sm-Checkbox-Radius, 3.2px)":"large"===e?"var(--Lg-Checkbox-Radius, 4.8px)":"var(--Checkbox-Radius, 4px)";return t.jsx(a.Box,{className:"chk-box-icon",sx:{width:s.box,height:s.box,boxSizing:"border-box",borderRadius:u,border:"2px solid "+d,overflow:"hidden",flexShrink:0,transition:"border-color 0.15s ease-in-out"},children:t.jsx(a.Box,{sx:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"var(--Background)",color:"var(--Text)",transition:"background-color 0.15s ease-in-out"},children:c&&(n?t.jsx(g,{sx:{fontSize:s.icon,color:l.icon}}):t.jsx(o,{sx:{fontSize:s.icon,color:l.icon}}))})})}function og({size:e,variant:a}){return t.jsx(ig,{size:e,variant:a,checked:!1,indeterminate:!1})}function ng({size:e,variant:a}){return t.jsx(ig,{size:e,variant:a,checked:!0,indeterminate:!1})}function lg({size:e,variant:a}){return t.jsx(ig,{size:e,variant:a,checked:!1,indeterminate:!0})}function sg({variant:e="primary",size:r="medium",label:i,checked:o,defaultChecked:n,indeterminate:l=!1,disabled:s=!1,onChange:c,name:d,value:u,className:h="",sx:x={},"aria-label":m,"aria-labelledby":p,"aria-describedby":f,inputProps:g={},...b}){tg(e);const v=rg[r]||rg.medium,y=v.LabelComp,j={...g,...m&&{"aria-label":m},...p&&{"aria-labelledby":p},...f&&{"aria-describedby":f}},S=t.jsx(a.Checkbox,{checked:o,defaultChecked:n,indeterminate:l,disabled:s,onChange:c,name:d,value:u,icon:t.jsx(og,{size:r,variant:e}),checkedIcon:t.jsx(ng,{size:r,variant:e}),indeterminateIcon:t.jsx(lg,{size:r,variant:e}),className:"chk-"+e+" "+h,inputProps:j,disableRipple:!0,sx:{padding:(v.touchTarget-v.box)/2+"px",minWidth:24,minHeight:24,borderRadius:"var(--Checkbox-Radius, 4px)",color:"inherit",transition:"background-color 0.15s ease-in-out","&.Mui-checked, &.MuiCheckbox-indeterminate":{color:"inherit"},"&:hover":{backgroundColor:"transparent"},"&:hover .chk-box-icon":{borderColor:"var(--Text)"},"&:active .chk-box-icon":{borderColor:"var(--Text)",backgroundColor:"var(--Pressed)"},"&.Mui-disabled .chk-box-icon":{opacity:"var(--Disabled, 0.38)"},"&.Mui-focusVisible .chk-box-icon":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none"},...x},...b});return i?t.jsx(a.FormControlLabel,{control:S,label:t.jsx(y,{component:"span",sx:{color:s?"var(--Text-Quiet)":"var(--Text)",lineHeight:1.4,userSelect:"none"},children:i}),disabled:s,sx:{marginLeft:0,marginRight:0,gap:v.gap+"px",alignItems:"center","&.Mui-disabled .MuiTypography-root":{color:"var(--Text-Quiet)",opacity:.6}}}):S}const cg=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]}],dg=["photo","icon","initials"],ug={photo:"Photo",icon:"Icon",initials:"Initials"},hg=["xx-small","x-small","small","medium","large","x-large","xx-large"],xg={"xx-small":"XXS","x-small":"XS",small:"Small",medium:"Medium",large:"Large","x-large":"XL","xx-large":"XXL"};function mg({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function pg({color:e,selected:r,onClick:i}){const n=(l=e)?l.charAt(0).toUpperCase()+l.slice(1):"";var l;return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const fg=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",gg={default:"Default",quiet:"Quiet",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},bg=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],vg=["filled","outlined","rounded","twotone","sharp"],yg={filled:"Filled",outlined:"Outlined",rounded:"Rounded",twotone:"Two Tone",sharp:"Sharp"},jg={Home:{filled:v,outlined:T,rounded:P,twotone:Z,sharp:se},Favorite:{filled:b,outlined:M,rounded:H,twotone:$,sharp:ce},Delete:{filled:y,outlined:A,rounded:O,twotone:K,sharp:de},Settings:{filled:j,outlined:L,rounded:E,twotone:_,sharp:ue},Search:{filled:S,outlined:S,rounded:V,twotone:ee,sharp:he},Star:{filled:z,outlined:I,rounded:q,twotone:ae,sharp:xe},Person:{filled:B,outlined:N,rounded:Q,twotone:te,sharp:me},Notifications:{filled:u,outlined:R,rounded:G,twotone:re,sharp:pe},Visibility:{filled:w,outlined:D,rounded:U,twotone:ie,sharp:fe},ShoppingCart:{filled:h,outlined:W,rounded:X,twotone:oe,sharp:ge},Lock:{filled:k,outlined:F,rounded:Y,twotone:ne,sharp:be},Info:{filled:C,outlined:x,rounded:J,twotone:le,sharp:ve}};function Sg({ratio:e,threshold:r}){if(!e)return t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"--"});const i=parseFloat(e)>=r;return t.jsxs(a.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[t.jsxs(a.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:i?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:[e,":1"]}),t.jsx(at,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function zg({label:e,ratio:r,threshold:i,note:o}){return t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(a.Box,{sx:{flex:1},children:[t.jsx(Xa,{style:{color:"var(--Text)"},children:e}),o&&t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:o})]}),t.jsx(Sg,{ratio:r,threshold:i})]})}function Bg({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"primary":"primary-outline",size:"small",onClick:r,children:e})}const wg={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:32,fontSize:"15px",px:20,gap:10}};function kg({children:e,icon:r,label:i,variant:o="solid",color:n="default",size:l="medium",extended:s=!1,animate:c=!1,disabled:d=!1,onClick:u,ariaLabel:h,className:x="",sx:m={},...p}){"production"!==process.env.NODE_ENV&&"solid"!==o&&console.warn('[Fab] variant="'+o+'" is not a Fab variant; rendering solid. The light variant was removed with the -Light button shades — it named tokens no design system publishes, so it rendered as an unstyled box. For a lighter FAB, put it on data-surface="Surface-Brightest".');const f=function(e){const a=xm("default"===e?"tertiary":e);return{bg:"var(--Buttons-"+a+"-Button)",text:"var(--Buttons-"+a+"-Text)",border:"var(--Buttons-"+a+"-Border)",hover:"var(--Buttons-"+a+"-Hover)",active:"var(--Buttons-"+a+"-Pressed)"}}(n),g=wg[l]||wg.medium,b=r||e||t.jsx(ye,{sx:{fontSize:g.iconSize}}),v=h||i||"Action";return t.jsxs(t.Fragment,{children:[c&&t.jsx("style",{children:"\n@keyframes fab-pulse {\n  0% { box-shadow: 0 0 0 0 var(--fab-pulse-color); }\n  50% { box-shadow: 0 0 0 8px var(--fab-pulse-color); }\n  100% { box-shadow: 0 0 0 8px transparent; }\n}\n"}),t.jsxs(a.Box,{component:"button",type:"button",role:"button","aria-label":v,onClick:u,disabled:d,className:"fab fab-solid fab-"+n+" fab-"+l+(s?" fab-extended":"")+(c?" fab-animate":"")+(d?" fab-disabled":"")+(x?" "+x:""),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:`${pm(n)}, ${sm}`,fontSize:g.fontSize,fontFamily:"inherit",fontWeight:600,cursor:d?"not-allowed":"pointer",opacity:d?"var(--Disabled, 0.38)":1,outline:"none",flexShrink:0,transition:"background-color 0.15s ease, box-shadow 0.2s ease, transform 0.1s ease","&:hover":d?{}:{backgroundColor:f.hover,boxShadow:`${pm(n)}, ${cm}`},"&:active":d?{}:{backgroundColor:f.active,transform:"scale(0.96)",boxShadow:pm(n)},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px"},...c&&!d&&{"--fab-pulse-color":`color-mix(in srgb, ${f.bg} 50%, transparent)`,animation:"fab-pulse 2s var(--Motion-Easing-Standard, ease) infinite","@media (prefers-reduced-motion: reduce)":{animation:"none"}},...m},...p,children:[t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",fontSize:g.iconSize+"px",color:"inherit","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"}},children:b}),s&&i&&t.jsx(a.Box,{component:"span",sx:{whiteSpace:"nowrap",lineHeight:1},children:i})]})]})}const Cg=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Tg=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Mg={default:"Tertiary",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"};function Ag({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Lg({color:e,selected:r,onClick:i}){const n=Mg[e]||"Primary";return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+Cg(e),"aria-pressed":r,title:Cg(e),sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}function Ig({value:e,onChange:r,placeholder:i,label:o}){return t.jsxs(a.Box,{children:[o&&t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4},children:o}),t.jsx(a.Box,{component:"input",type:"text",value:e,onChange:e=>r(e.target.value),placeholder:i,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 Ng=e=>e.charAt(0).toUpperCase()+e.slice(1);function Rg(e){return e&&"default"!==e&&"border-variant"!==e?"border"===e?"var(--Border)":"var(--Icons-"+Ng(e)+")":"var(--Border-Variant)"}function Dg(e,a){const t=e&&!["default","border","border-variant"].includes(e)?Ng(e):"Default",r=Rg(e);return"light"===a?{bg:"var(--Tag-"+t+"-BG)",text:"var(--Tag-"+t+"-Text)",border:"1px solid "+r}:{bg:"var(--Background)",text:"var(--Text)",border:"1px solid "+r}}const Wg={small:"var(--Sm-Divider, 0.5px)",medium:"var(--Divider, 1px)",large:"var(--Lg-Divider, 2px)"};function Fg({color:e="default",orientation:r="horizontal",size:i="small",children:o,indicatorText:n,indicatorStyle:l="outline",textAlign:s="center",className:c="",sx:d={},...u}){const h=Rg(e),x=Wg[i]||Wg.small,m=!(!o&&!n),p=o||n,f="vertical"===r;if(f&&!m)return t.jsx(a.Box,{role:"separator","aria-orientation":"vertical",className:"divider-vertical divider-"+e+" "+c,sx:{display:"inline-block",width:x,alignSelf:"stretch",minHeight:24,backgroundColor:h,flexShrink:0,...d},...u});if(f&&m){const r=Dg(e,l),i="top"===s?"0 0 10%":"1 1 auto",o="top"===s?"1 1 auto":"bottom"===s?"0 0 10%":"1 1 auto";return t.jsxs(a.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:[t.jsx(a.Box,{sx:{flex:i,width:x,backgroundColor:h}}),t.jsx(a.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,my:1,px:.75,py:.5,borderRadius:"12px",fontSize:"11px",fontWeight:500,fontFamily:"inherit",lineHeight:1.2,whiteSpace:"nowrap",backgroundColor:r.bg,color:r.text,border:r.border,boxSizing:"border-box"},children:p}),t.jsx(a.Box,{sx:{flex:o,width:x,backgroundColor:h}})]})}if(!m)return t.jsx(a.Box,{role:"separator","aria-orientation":"horizontal",className:"divider-horizontal divider-"+e+" "+c,sx:{width:"100%",height:x,backgroundColor:h,flexShrink:0,...d},...u});const g=Dg(e,l),b="left"===s?"0 0 10%":"1 1 auto",v="left"===s?"1 1 auto":"right"===s?"0 0 10%":"1 1 auto";return t.jsxs(a.Box,{role:"separator","aria-orientation":"horizontal",className:"divider-horizontal divider-"+e+" divider-indicator "+c,sx:{display:"flex",alignItems:"center",width:"100%",...d},...u,children:[t.jsx(a.Box,{sx:{flex:b,height:x,backgroundColor:h}}),t.jsx(a.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:p}),t.jsx(a.Box,{sx:{flex:v,height:x,backgroundColor:h}})]})}const Pg=["primary","secondary","tertiary","neutral","info","success","warning","error"];function Hg(e){const a=(t=e).charAt(0).toUpperCase()+t.slice(1);var t;return{bg:"var(--Hover)",border:"var(--Buttons-"+a+"-Border)",hoverBorder:"var(--Buttons-"+a+"-Hover)",pressedBorder:"var(--Buttons-"+a+"-Pressed)",text:"var(--Text)",focusBg:"var(--Hover)"}}const Og={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}},Eg={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}},Vg={small:{resting:"Body-Small",shrunk:"Label-ExtraSmall"},medium:{resting:"Body-Medium",shrunk:"Label-Small"},large:{resting:"Body-Large",shrunk:"Label-Medium"}},qg=e=>({fontSize:"var(--"+e+"-Font-Size)",fontWeight:"var(--"+e+"-Font-Weight)",letterSpacing:"var(--"+e+"-Letter-Spacing)"});const Qg={info:x,success:m,warning:p,error:f},Gg={info:{border:"var(--Buttons-Info-Border)",hoverBorder:"var(--Buttons-Info-Hover)",pressedBorder:"var(--Buttons-Info-Pressed)",icon:"var(--Icons-Info)",text:"var(--Hotlink)"},success:{border:"var(--Buttons-Success-Border)",hoverBorder:"var(--Buttons-Success-Hover)",pressedBorder:"var(--Buttons-Success-Pressed)",icon:"var(--Icons-Success)",text:"var(--Text-Success)"},warning:{border:"var(--Buttons-Warning-Border)",hoverBorder:"var(--Buttons-Warning-Hover)",pressedBorder:"var(--Buttons-Warning-Pressed)",icon:"var(--Icons-Warning)",text:"var(--Text-Warning)"},error:{border:"var(--Buttons-Error-Border)",hoverBorder:"var(--Buttons-Error-Hover)",pressedBorder:"var(--Buttons-Error-Pressed)",icon:"var(--Icons-Error)",text:"var(--Text-Error)"}};function Ug({variant:r="primary-outline",size:i="medium",label:o,labelPosition:n="standard",placeholder:l,helperText:s,validation:c,validationMessage:d,disabled:u=!1,id:h,value:x,defaultValue:m,onChange:p,name:f,type:g="text",multiline:b=!1,rows:v,maxRows:y,resize:j="vertical",startAdornment:S,endAdornment:z,fullWidth:B=!1,className:w="",sx:k={},"aria-label":C,"aria-labelledby":T,"aria-describedby":M,"aria-required":A,"aria-invalid":L,inputProps:I={},...N}){const R=function(){const e={};return Pg.forEach(a=>{e[a+"-outline"]=Hg(a)}),e.outline=Hg("primary"),e}(),D=R[r]||R["primary-outline"],W="floating"===n;"production"!==process.env.NODE_ENV&&/-light$|^light$/.test(r)&&console.warn('[Input] variant="'+r+'" was removed. It differed from "'+r.replace(/-?light$/,"")+'-outline" only by a token no design system publishes, so the two rendered identically. For a lighter field use data-surface="Surface-Brightest" on its container.');const F=W?Eg[i]||Eg.medium:Og[i]||Og.medium,P=e.useId(),H=h||P,{labelX:O,padX:E,restingY:V,shrunkY:q}=function(e,a){const t=parseInt(e.height,10)||56,r=parseInt(e.fontSize,10)||15,i="var(--Input-Padding, "+(e.leftPad||14)+"px)",o=(e.iconSize||18)+8;return{labelX:a?"calc("+i+" + "+o+"px)":i,padX:i,clearance:a?o:0,restingY:Math.round((t-1.4375*r)/2),shrunkY:6}}(F,!!S),Q=Vg[i]||Vg.medium,G="var(--Text)",U=c?Gg[c]:null,X=c?Qg[c]:null,Y=U||D,J=Y.border,Z={...I,...C&&{"aria-label":C},...T&&{"aria-labelledby":T},...M&&{"aria-describedby":M},...A&&{"aria-required":A},...L&&{"aria-invalid":L}};return t.jsxs(a.Box,{className:"inp-"+r+" "+w,sx:{width:B?"100%":"auto",...k},children:[(()=>{if(!o||W)return null;const e="small"===i?Xa:Ja;return t.jsx(e,{component:"label",htmlFor:H,sx:{display:"block",marginBottom:"6px",color:u?"var(--Quiet)":"var(--Text)",fontSize:F.labelSize,fontWeight:500,opacity:u?"var(--Disabled, 0.38)":1},children:o})})(),t.jsx(a.Box,{sx:{border:"1px solid "+J,borderRadius:"small"===i?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===i?"var(--Lg-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden",transition:"border-color 0.15s ease-in-out",boxShadow:"none",...!u&&{"&:hover":{borderColor:Y.hoverBorder},"&:active":{borderColor:Y.pressedBorder}},"&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:t.jsx(a.Box,{children:t.jsx(a.TextField,{value:x,defaultValue:m,onChange:p,name:f,type:g,disabled:u,placeholder:l,id:H,multiline:b,rows:v,maxRows:y,fullWidth:!0,label:W?o:void 0,variant:"outlined",size:"small"===i?"small":"medium",inputProps:Z,InputProps:{startAdornment:S?t.jsx(a.InputAdornment,{position:"start",children:S}):void 0,endAdornment:(()=>{if(z)return t.jsx(a.InputAdornment,{position:"end",children:z})})()},sx:{"& .MuiOutlinedInput-root":{backgroundColor:"var(--Hover)",color:"var(--Quiet)",fontSize:F.fontSize,minHeight:b?"auto":F.height,padding:0,borderRadius:0,transition:"color 0.15s ease-in-out",...W&&{alignItems:"stretch"},"& fieldset":{border:"none"},"&.Mui-focused":{color:G},"&:not(.Mui-focused) .MuiOutlinedInput-input:not(:placeholder-shown)":{color:G},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"},"& input":{padding:F.padding,color:"inherit","&::placeholder":{color:"var(--Quiet)",opacity:1}},"& textarea":{padding:F.padding,color:"inherit",resize:j,"&::placeholder":{color:"var(--Quiet)",opacity:1}},"& .MuiInputAdornment-root":{color:"var(--Quiet)"},...W&&{"& .MuiInputAdornment-root":{maxHeight:"none",height:"auto",alignSelf:"stretch",alignItems:"center",paddingTop:F.padTop+"px",paddingBottom:F.padBottom+"px",marginTop:0,marginBottom:0},"& .MuiInputAdornment-positionStart":{marginLeft:E,marginRight:"8px",width:F.iconSize+"px",minWidth:F.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))",...qg(Q.resting),transformOrigin:"top left",transition:"transform 0.15s ease, font-size 0.15s ease, color 0.15s ease",transform:"translate("+O+", "+V+"px)","&.MuiInputLabel-shrink":{transform:"translate("+O+", "+q+"px)",...qg(Q.shrunk),color:"var(--Quiet)"},"&.Mui-focused":{color:G},"&.Mui-disabled":{color:"var(--Quiet)",opacity:"var(--Disabled, 0.38)"}},"& .MuiOutlinedInput-notchedOutline legend":{display:"none"},"& .MuiOutlinedInput-notchedOutline":{top:0},"& .MuiOutlinedInput-root.Mui-focused":{outline:"none"},"& .MuiOutlinedInput-root:focus-within":{outline:"none"}},...N})})}),c&&d?t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:"6px",marginTop:"4px",marginLeft:"2px"},children:[X&&t.jsx(X,{sx:{fontSize:F.iconSize,color:U.icon,flexShrink:0}}),t.jsx(a.FormHelperText,{sx:{color:U.text,fontSize:"small"===i?"11px":"12px",margin:0},children:d})]}):s?t.jsx(a.FormHelperText,{sx:{color:"var(--Quiet)",fontSize:"small"===i?"11px":"12px",marginTop:"4px",marginLeft:"2px"},children:s}):null]})}const Xg=["default","primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],Yg=xm,Jg={small:{touchTarget:24,box:16,dot:8,gap:4,LabelComp:Xa},medium:{touchTarget:24,box:20,dot:10,gap:8,LabelComp:Ja},large:{touchTarget:24,box:24,dot:12,gap:12,LabelComp:_a}};function Zg({size:e,color:r,checked:i}){const o=Yg(r),n="Default"===o?"var(--Quiet)":"var(--Buttons-"+o+"-Border)",l="var(--Buttons-"+o+"-Border)",s=Jg[e]||Jg.medium;return t.jsx(a.Box,{className:"radio-circle-icon",sx:{width:s.box,height:s.box,boxSizing:"border-box",borderRadius:"50%",border:"2px solid "+n,overflow:"hidden",flexShrink:0,backgroundColor:"var(--Background)",display:"flex",alignItems:"center",justifyContent:"center",transition:"border-color 0.15s ease-in-out"},children:i&&t.jsx(a.Box,{sx:{width:s.dot,height:s.dot,borderRadius:"50%",backgroundColor:l,transition:"transform 0.15s ease-in-out"}})})}function $g({theme:e,surface:r,color:i="primary",size:o="medium",label:n,labelPlacement:l="end",checked:s,disabled:c=!1,onChange:d,name:u,value:h,className:x="",sx:m={},"aria-label":p,"aria-labelledby":f,"aria-describedby":g,inputProps:b={},...v}){const y=Xg.includes(i)?i:"primary",j=Jg[o]||Jg.medium,S=j.LabelComp,z=(j.touchTarget-j.box)/2,B={...b,...p&&{"aria-label":p},...f&&{"aria-labelledby":f},...g&&{"aria-describedby":g}},w=t.jsx(a.Radio,{checked:s,disabled:c,onChange:d,name:u,value:h,icon:t.jsx(Zg,{size:o,color:y,checked:!1}),checkedIcon:t.jsx(Zg,{size:o,color:y,checked:!0}),"data-theme":e||void 0,"data-surface":r||void 0,className:"radio-"+y+" "+x,inputProps:B,disableRipple:!0,sx:{padding:z+"px",width:j.touchTarget,height:j.touchTarget,minWidth:j.touchTarget,minHeight:j.touchTarget,boxSizing:"border-box",borderRadius:"50%",color:"inherit",transition:"background-color 0.15s ease-in-out","&.Mui-checked":{color:"inherit"},"&:hover":{backgroundColor:"transparent"},"&:hover .radio-circle-icon":{borderColor:"var(--Text)"},"&:active .radio-circle-icon":{borderColor:"var(--Text)",backgroundColor:"var(--Pressed)"},"&.Mui-disabled .radio-circle-icon":{opacity:"var(--Disabled, 0.38)"},"&.Mui-focusVisible .radio-circle-icon":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none"},...m},...v});return n?t.jsx(a.FormControlLabel,{control:w,label:t.jsx(S,{component:"span",sx:{color:c?"var(--Text-Quiet)":"var(--Text)",lineHeight:1.4,userSelect:"none"},children:n}),labelPlacement:l,disabled:c,sx:{marginLeft:0,marginRight:0,gap:j.gap+"px",alignItems:"center","&.Mui-disabled .MuiTypography-root":{color:"var(--Text-Quiet)",opacity:.6}}}):w}function Kg({color:e="primary",size:r="medium",label:i,options:o=[],value:n,onChange:l,orientation:s="vertical",labelPlacement:c="end",disabled:d=!1,spacing:u=1,name:h,className:x="",sx:m={},"aria-label":p,"aria-labelledby":f,...g}){return t.jsxs(a.FormControl,{component:"fieldset",disabled:d,className:"radio-group-"+e+" "+x,sx:m,children:[i&&t.jsx(a.FormLabel,{component:"legend",sx:{color:d?"var(--Text-Quiet)":"var(--Text)",fontSize:"small"===r?"13px":"15px",fontWeight:500,mb:1,"&.Mui-focused":{color:"var(--Text)"},"&.Mui-disabled":{color:"var(--Text-Quiet)",opacity:"var(--Disabled, 0.38)"}},children:i}),t.jsx(a.RadioGroup,{value:n,onChange:l,name:h,"aria-label":p,"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:o.map(a=>t.jsx($g,{color:e,size:r,label:a.label,labelPlacement:c,value:a.value,disabled:a.disabled||d},a.value))})]})}const _g=$g,eb=["default","primary","secondary","tertiary","neutral","info","success","warning","error"];const ab={small:{visual:12,track:2,labelSize:11},medium:{visual:16,track:4,labelSize:12},large:{visual:20,track:6,labelSize:13}};function tb({theme:e,surface:r,variant:i="default",size:o="medium",value:n,defaultValue:l,onChange:s,onChangeCommitted:c,min:d=0,max:u=100,step:h=1,marks:x=!1,valueLabelDisplay:m="off",orientation:p="horizontal",fill:f,track:g="standard",disabled:b=!1,label:v,name:y,className:j="",sx:S={},"aria-label":z,"aria-labelledby":B,...w}){const k=function(){const e={};return eb.forEach(a=>{e[a]=function(e){const a=(t=e).charAt(0).toUpperCase()+t.slice(1);var t;return{thumb:"var(--Buttons-"+a+"-Border)",thumbBorder:"1px solid var(--Background)",track:"var(--Buttons-"+a+"-Button)",trackBorder:"1px solid var(--Buttons-"+a+"-Border)",rail:"var(--Background)",railBorder:"1px solid var(--Buttons-"+a+"-Border)",valueLabel:"var(--Text)",valueLabelText:"var(--Background)"}}(a)}),e}(),C=k[i]||k.default,T=ab[o]||ab.medium,M=null===h,A=(!M||!0!==x)&&x;if("production"!==process.env.NODE_ENV&&M&&!0===x&&console.warn("[OmniDesign] <Slider step={null} marks> — restricted values needs the ARRAY of values to snap to. `marks={true}` names none, and MUI throws on it. Pass marks={[{ value, label }, …]}."),"production"!==process.env.NODE_ENV&&!0===x&&h){const e=Math.floor((u-d)/h)+1;e>20&&console.warn(`[OmniDesign] <Slider marks> with step=${h} over ${d}–${u} draws ${e} ticks, which reads as a hatched band rather than a scale. Pass a marks ARRAY for the values worth showing, or raise \`step\` so the ticks match where the thumb can land. Marks are code-only — the design has no mark element.`)}const L="vertical"===p,I=Array.isArray(n)||Array.isArray(l),N=void 0!==f?f:g,R="inverted"===N,D=!1===N,W="small"===o?Xa:Ja,F=T.track+2,P=R?C.track:C.rail,H=C.railBorder,O=R?C.rail:C.track,E=C.trackBorder,V={color:"transparent"===C.track?C.thumb:C.track,height:L?void 0:F,width:L?F:void 0,"& .MuiSlider-rail":{backgroundColor:P,border:H||"none",boxSizing:H?"content-box":"border-box",opacity:1,height:L?void 0:H?T.track:F,width:L?H?T.track:F:void 0,borderRadius:F/2},"& .MuiSlider-track":{boxSizing:E?"content-box":"border-box",backgroundColor:O,border:E||"none",height:L?void 0:E?T.track:F,width:L?E?T.track:F:void 0,borderRadius:F/2},"& .MuiSlider-thumb":{width:24,height:24,backgroundColor:"transparent",border:"none",boxShadow:"none",transition:"none","--_height":T.visual+"px","--_bevel":"min(calc(var(--Button-Bevel) * var(--_height) / 100), calc(var(--_height) / 5))","&::after":{display:"none"},"&::before":{content:'""',position:"absolute",width:T.visual,height:T.visual,borderRadius:"50%",backgroundColor:C.thumb,border:C.thumbBorder||"none",boxShadow:`${pm(i)}, ${nm}`,transition:"box-shadow 0.15s ease-in-out",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},"&:hover::before":{boxShadow:`${pm(i)}, ${lm}`},"&.Mui-focusVisible::before, &:focus-visible::before":{boxShadow:`${pm(i)}, ${lm}, 0 0 0 1px var(--Focus-Visible)`},"&.Mui-active::before":{boxShadow:pm(i)},"&.Mui-focusVisible":{outline:"none",borderRadius:"50%"},"&.Mui-focusVisible::before":{boxShadow:`${pm(i)}, ${lm}`}},...I?L?{'& .MuiSlider-thumb[data-index="0"]::before':{top:0,left:"50%",transform:"translateX(-50%)"},'& .MuiSlider-thumb[data-index="1"]::before':{top:"auto",bottom:0,left:"50%",transform:"translateX(-50%)"}}:{'& .MuiSlider-thumb[data-index="0"]::before':{left:"auto",right:0,top:"50%",transform:"translateY(-50%)"},'& .MuiSlider-thumb[data-index="1"]::before':{left:0,right:"auto",top:"50%",transform:"translateY(-50%)"}}:{},"& .MuiSlider-valueLabel":{backgroundColor:C.valueLabel,color:C.valueLabelText,fontFamily:"var(--Font-Families-Body, var(--Body-Font-Family))",fontSize:"var(--Label-ExtraSmall-Font-Size)",fontWeight:"var(--Label-ExtraSmall-Font-Weight)",letterSpacing:"var(--Label-ExtraSmall-Letter-Spacing)",lineHeight:"var(--Label-ExtraSmall-Line-Height)",borderRadius:"var(--Sizing-1, 8px)",padding:"var(--Sizing-Half, 4px) var(--Sizing-1, 8px)","&::before":{backgroundColor:C.valueLabel}},"& .MuiSlider-mark":{backgroundColor:"var(--Quiet)",width:2,height:2,borderRadius:"50%"},"& .MuiSlider-markActive":{backgroundColor:"var(--Background)",opacity:1},"& .MuiSlider-markLabel":{color:"var(--Text-Quiet)",fontSize:T.labelSize},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none","& .MuiSlider-thumb::before":{boxShadow:"none"}},...S},q=t.jsx(a.Slider,{value:n,defaultValue:l,onChange:s,onChangeCommitted:c,min:d,max:u,step:h,marks:A,valueLabelDisplay:m,orientation:p,track:R?"inverted":!D&&"normal",disabled:b,name:y,"aria-label":z,"aria-labelledby":B,slotProps:b?{input:{"aria-disabled":"true"}}:void 0,className:"slider-"+i+" "+j,"data-theme":e||void 0,"data-surface":r||void 0,sx:V,...w});return v?t.jsxs(a.Box,{sx:{width:L?"auto":"100%",height:L?"100%":"auto",display:"flex",flexDirection:"column",gap:"4px"},children:[t.jsx(W,{component:"label",sx:{color:b?"var(--Text-Quiet)":"var(--Text)",fontSize:"small"===o?"13px":"15px",fontWeight:500,opacity:b?"var(--Disabled, 0.38)":1},children:v}),q]}):q}const rb=tb,ib=tb,ob={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},nb={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 lb({theme:r,surface:i,value:o,defaultValue:n,onChange:l,max:s=5,precision:c=1,color:d="default",size:u="medium",readOnly:h=!1,disabled:x=!1,emptyLabel:m="No rating",className:p="",sx:f={},...g}){const[b,v]=e.useState(n??null),[y,j]=e.useState(null),S=void 0!==o,B=S?o:b,w=null!==y?y:B,k=.5===c,C=!h&&!x,T=ob[d]||ob.default,M=nb[u]||nb.medium,A="var(--Buttons-"+T+"-Button)",L="var(--Buttons-"+T+"-Border)",I=e=>{if(!C)return;const a=e===B?null:e;S||v(a),l?.(a)},N=(e,a)=>{if(!C||!k)return;j(a?e+.5:e+1)},R=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-"+T+"-Border)",strokeWidth:1}}}:{},D=e=>{const r=e+1,i=e+.5,o=null!==w&&r<=w,n=null!==w&&!o&&k&&i<=w,l=n?ze:z,d=((e,a)=>e||a?{color:A,filter:"drop-shadow(0 1px 2px rgba(var(--Dropshadow-Color), 0.28))",transition:"filter 0.15s ease","& .MuiSvgIcon-root":{stroke:L,strokeWidth:.5}}:{color:"transparent","& .MuiSvgIcon-root":{stroke:"var(--Quiet)",strokeWidth:1}})(o,n);return k&&C?t.jsxs(a.Box,{sx:{position:"relative",display:"inline-flex",cursor:"pointer",...d,...R},onMouseLeave:()=>j(null),children:[t.jsx(a.Box,{sx:{position:"absolute",left:0,top:0,width:"50%",height:"100%",zIndex:1,cursor:"pointer"},onMouseEnter:()=>N(e,!0),onClick:()=>I(i)}),t.jsx(a.Box,{sx:{position:"absolute",right:0,top:0,width:"50%",height:"100%",zIndex:1,cursor:"pointer"},onMouseEnter:()=>N(e,!1),onClick:()=>I(r)}),t.jsx(l,{sx:{fontSize:M.iconSize,transition:"color 0.1s ease, filter 0.1s ease"}})]},e):t.jsx(a.Box,{component:C?"button":"span",type:C?"button":void 0,role:C?"radio":void 0,"aria-checked":o,"aria-label":r+" star"+(1!==r?"s":""),tabIndex:C?0:-1,onClick:()=>I(r),onMouseEnter:()=>C&&j(r),onMouseLeave:()=>C&&j(null),onKeyDown:e=>{if(C&&("ArrowRight"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),I(Math.min((B||0)+c,s))),"ArrowLeft"===e.key||"ArrowDown"===e.key)){e.preventDefault();const a=Math.max((B||0)-c,0);I(a||null)}},sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",border:"none",backgroundColor:"transparent",padding:0,...M.minHit&&{minWidth:M.minHit+"px",minHeight:M.minHit+"px"},cursor:x?"not-allowed":C?"pointer":"default",outline:"none",transition:"transform 0.1s ease",...d,...R,"&:active":C?{transform:"scale(0.95)"}:{},"&:focus-visible":C?{outline:M.focusWidth+"px solid var(--Focus-Visible)",outlineOffset:M.focusInset+"px",borderRadius:"2px"}:{},"&:disabled":{cursor:"not-allowed",opacity:"var(--Disabled, 0.38)"}},children:t.jsx(l,{sx:{fontSize:M.iconSize,transition:"color 0.1s ease, filter 0.1s ease"}})},e)};return t.jsxs(a.Box,{role:C?"radiogroup":"img","aria-label":"Rating"+(null!==B?": "+B+" of "+s+" stars":": "+m),"data-theme":r||void 0,"data-surface":i||void 0,className:"rating rating-"+d+" rating-"+u+(h?" rating-readonly":"")+(x?" rating-disabled":"")+(null===B?" rating-empty":"")+(p?" "+p:""),sx:{display:"inline-flex",alignItems:"center",gap:M.gap+"px",opacity:x?"var(--Disabled, 0.38)":1,fontFamily:"inherit",...f},...g,children:[Array.from({length:s},(e,a)=>D(a)),null===B&&!y&&t.jsx(at,{style:{color:"var(--Quiet)",marginLeft:4},children:m})]})}const sb={small:{fontSize:"var(--Body-Small-Font-Size)",py:"4px"},medium:{fontSize:"var(--Body-Font-Size)",py:"6px"},large:{fontSize:"var(--Body-Large-Font-Size)",py:"8px"}};function cb({children:r,separator:i="/",size:o="medium",condense:n=!1,maxItems:l=4,itemsBeforeCollapse:s=1,itemsAfterCollapse:c=1,backOnlyMobile:d=!1,onExpand:u,className:h="",sx:x={},...m}){const p=sb[o]||sb.medium,f=e.Children.toArray(r).filter(e.isValidElement),g=f.length,b=n&&g>l;let v=f;const[y,j]=e.useState(!1);if(b&&!y){const e=f.slice(0,s),r=f.slice(g-c),i=t.jsx(a.Box,{component:"button",onClick:()=>{j(!0),u?.()},"aria-label":"Show full breadcrumb trail",className:"breadcrumb-ellipsis",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",background:"none",border:"none",padding:"2px 4px",cursor:"pointer",fontFamily:"inherit",fontSize:"inherit",color:"var(--Quiet)",borderRadius:"4px","&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)"},"&:active":{backgroundColor:"var(--Pressed)",color:"var(--Text)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"1px"}},children:"…"},"__breadcrumb-ellipsis");v=[...e,i,...r]}const S=[];v.forEach((e,r)=>{const o=b&&!y?r===v.length-1:r===g-1;var n;S.push(t.jsx(a.Box,{component:"li",className:"breadcrumb-item"+(o?" breadcrumb-current":""),sx:{display:"inline-flex",alignItems:"center",...o&&{color:"var(--Text)",fontWeight:"var(--Body-Medium-Semibold-Font-Weight, 600)"},...!o&&{color:"var(--Link, var(--Hotlink))"},maxWidth:"200px","& > *":{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},...o?{"aria-current":"page"}:{},children:e},"crumb-"+r)),r<v.length-1&&S.push((n=r,t.jsx(a.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:i},"sep-"+n)))});const z=g>=2?f[g-2]:null;return t.jsxs(a.Box,{component:"nav","aria-label":"Breadcrumb",className:"breadcrumbs breadcrumbs-"+o+" "+h,sx:{fontSize:p.fontSize,fontFamily:"var(--Body-Font-Family)",lineHeight:1.5,...x},...m,children:[t.jsx(a.Box,{component:"ol",className:"breadcrumbs-list",sx:{display:"flex",flexWrap:"wrap",alignItems:"center",gap:"var(--Sizing-1)",listStyle:"none",margin:0,padding:0,...d&&{"@media (max-width: 600px)":{display:"none"}}},children:S}),d&&z&&t.jsxs(a.Box,{className:"breadcrumbs-back-mobile",sx:{display:"none","@media (max-width: 600px)":{display:"flex",alignItems:"center",gap:"var(--Sizing-Half)",fontSize:p.fontSize,color:"var(--Link)"}},children:[t.jsx(a.Box,{component:"span","aria-hidden":"true",sx:{fontSize:"1.1em",lineHeight:1},children:"←"}),e.cloneElement(z,{style:{...z.props?.style||{},textDecoration:"underline",textUnderlineOffset:"3px"}})]})]})}function db({children:e,href:r,className:i="",sx:o={},...n}){const l=!!r;return t.jsx(a.Box,{component:l?"a":"span",href:r||void 0,className:"breadcrumb-link "+i,sx:{color:"inherit",textDecoration:l?"underline":"none",textUnderlineOffset:"3px",textDecorationThickness:"1px",cursor:l?"pointer":"default",transition:"color 0.15s ease",...l&&{"&:hover":{textDecorationThickness:"2px"},"&:active":{textDecorationThickness:"3px"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderRadius:"2px"}},...o},...n,children:e})}const ub=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"";function hb({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const xb={small:{btnSize:"small",fontSize:"13px",gap:"2px"},medium:{btnSize:"medium",fontSize:"14px",gap:"4px"},large:{btnSize:"large",fontSize:"16px",gap:"4px"}};function mb({theme:r,surface:i,count:o=10,page:n,defaultPage:l=1,onChange:s,color:c="default",size:d="medium",siblingCount:u=1,boundaryCount:h=1,disabled:x=!1,showFirstButton:m=!1,showLastButton:p=!1,className:f="",sx:g={},...b}){const[v,y]=e.useState(l),j=void 0!==n,S=j?n:v;(e=>{e.charAt(0).toUpperCase(),e.slice(1)})("default"===c?"Default":c);const z=xb[d]||xb.medium,B=e.useCallback(e=>{const a=Math.max(1,Math.min(o,e));j||y(a),s?.(a)},[o,j,s]),w=function({count:e,page:a,siblingCount:t=1,boundaryCount:r=1}){const i=(e,a)=>Array.from({length:a-e+1},(a,t)=>e+t);if(2*t+3+2*r>=e)return i(1,e);const o=Math.max(a-t,r+1),n=Math.min(a+t,e-r),l=o>r+2,s=n<e-r-1;if(!l&&s)return[...i(1,Math.min(3+2*t+r,e)),"ellipsis-right",...i(e-r+1,e)];if(l&&!s){const a=i(Math.max(e-(3+2*t+r)+1,1),e);return[...i(1,r),"ellipsis-left",...a]}return l&&s?[...i(1,r),"ellipsis-left",...i(o,n),"ellipsis-right",...i(e-r+1,e)]:i(1,e)}({count:o,page:S,siblingCount:u,boundaryCount:h}),k="default"===c?"default":c;return t.jsx(a.Box,{component:"nav","aria-label":"Pagination","data-theme":r||void 0,"data-surface":i||void 0,className:"pagination pagination-"+c+" pagination-"+d+" "+f,sx:{display:"inline-flex",...g},...b,children:t.jsxs(a.Box,{component:"ul",sx:{display:"flex",alignItems:"center",gap:z.gap,listStyle:"none",m:0,p:0,flexWrap:"wrap"},children:[m&&t.jsx(a.Box,{component:"li",children:t.jsx(zp,{iconOnly:!0,variant:k+"-outline",size:z.btnSize,disabled:x||1===S,onClick:()=>B(1),"aria-label":"Go to first page",children:t.jsx(am,{size:"small",children:t.jsx(ke,{})})})}),t.jsx(a.Box,{component:"li",children:t.jsx(zp,{iconOnly:!0,variant:k+"-outline",size:z.btnSize,disabled:x||1===S,onClick:()=>B(S-1),"aria-label":"Go to previous page",children:t.jsx(am,{size:"small",children:t.jsx(Be,{})})})}),w.map((e,r)=>{if("string"==typeof e)return t.jsx(a.Box,{component:"li",children:t.jsx(at,{style:{color:"var(--Quiet)",padding:"0 4px"},"aria-hidden":"true",children:"…"})},e+"-"+r);const i=e===S;return t.jsx(a.Box,{component:"li",children:t.jsx(zp,{variant:i?k:k+"-outline",size:z.btnSize,disabled:x,onClick:()=>B(e),"aria-label":"Page "+e,"aria-current":i?"page":void 0,letterNumber:!0,children:e})},e)}),t.jsx(a.Box,{component:"li",children:t.jsx(zp,{iconOnly:!0,variant:k+"-outline",size:z.btnSize,disabled:x||S===o,onClick:()=>B(S+1),"aria-label":"Go to next page",children:t.jsx(am,{size:"small",children:t.jsx(we,{})})})}),p&&t.jsx(a.Box,{component:"li",children:t.jsx(zp,{iconOnly:!0,variant:k+"-outline",size:z.btnSize,disabled:x||S===o,onClick:()=>B(o),"aria-label":"Go to last page",children:t.jsx(am,{size:"small",children:t.jsx(Ce,{})})})})]})})}const pb=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",fb=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function gb({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function bb({color:e,selected:r,onClick:i}){const n=pb(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const vb=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",yb=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],jb=[{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Sb({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function zb({color:e,selected:r,onClick:i}){const n=vb(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}let Bb=!1;let wb=!1;const kb=new Set;function Cb({variant:r="outlined",color:i="default",size:o="medium",disabled:n=!1,orientation:l="horizontal",separated:s=!0,spacing:c,fit:d,fullWidth:u=!1,equalWidth:h=!1,multiple:x=!1,allowEmpty:m=!0,__selectionOwner:p=!1,value:f,defaultValue:g,onChange:b,children:v,className:y="",sx:j={},"aria-label":S,...z}){const B=void 0!==f||void 0!==g||void 0!==b||x;!p&&B&&(wb||"production"===process.env.NODE_ENV||(wb=!0,console.warn("[OmniDesign] ButtonGroup is a group of buttons — selection moved to ToggleButtonGroup, where at least one segment is always on. `value` / `onChange` / `multiple` still work here and will be removed in the next major. Swap <ButtonGroup> for <ToggleButtonGroup>; every other prop is the same.")));const w=p||B;p||!1!==s||Bb||"production"===process.env.NODE_ENV||(Bb=!0,console.warn("[OmniDesign] ButtonGroup is separated — a row of actions, spaced. `separated={false}` joins the segments into one control, which is ToggleButtonGroup's Style=Default and not a shape Figma's ButtonGroup has. It still renders and will be removed in the next major. If the segments are a choice rather than three actions, use <ToggleButtonGroup>."));const[k,C]=e.useState(g??(x?[]:null)),T=void 0!==f,M=T?f:k,A=x?Array.isArray(M)?M:null==M?[]:[M]:null,L="horizontal"===l,I=void 0!==c?c:s?"var(--Platform-Spacer)":0,N=!s&&0===I,R="light"===r,D="ghost"===r,W=d??(u?"fill":h?"equal":"hug"),F="fill"===W,P="equal"===W&&L,H=(O=i).charAt(0).toUpperCase()+O.slice(1);var O;const E="var(--Buttons-"+H+"-Border)",V="var(--Buttons-"+H+"-Button)",q="var(--Buttons-"+H+"-Text)",Q="var(--Buttons-"+H+"-Outline-Quiet)",G="var(--Buttons-"+H+"-Outline-Text)",U="default"===i?void 0:H,X=e.Children.toArray(v).filter(Boolean),Y=X.length,J=(e,a)=>t=>{const r=x?A.includes(e)?A.filter(a=>a!==e):[...A,e]:e;!x||m||0!==r.length?(T||C(r),b?.(r,t),a?.(t)):a?.(t)},Z=X.map((r,l)=>{if(!e.isValidElement(r))return r;const c=0===l,d=l===Y-1,u=r.props.value??l,h=(m=u,x?A.includes(m):M===m);var m;let p,f;if(N&&Y>1){const e=L?"var(--Button-Radius)":"var(--Vertical-Button-Radius)";p=L?c&&d?e:c?e+" 0 0 "+e:d?"0 "+e+" "+e+" 0":"0":c&&d?e:c?e+" "+e+" 0 0":d?"0 0 "+e+" "+e:"0"}if(N&&Y>1){const e=L?"var(--Button-Focus-Radius)":"var(--Vertical-Button-Focus-Radius)";f=L?c&&d?e:c?e+" 0 0 "+e:d?"0 "+e+" "+e+" 0":"0":c&&d?e:c?e+" "+e+" 0 0":d?"0 0 "+e+" "+e:"0"}const g=N&&Y>1?{borderRadius:p,...!c&&(L?{marginLeft:"calc(-1 * var(--Button-Border-Width))"}:{marginTop:"calc(-1 * var(--Button-Border-Width))"}),position:"relative","&:hover, &:focus-visible":{zIndex:1}}:{},b=D?{backgroundColor:"var(--Background) !important",borderColor:E+" !important"}:{backgroundColor:V+" !important",borderColor:E+" !important"},v=D?G:q,y=v,j=h?{...b,color:v+" !important","&:hover, &:active, &.Mui-focusVisible, &:focus-visible":{...b,color:y+" !important"}}:{},S={...F&&L&&{flex:"1 1 0",minWidth:0},...g,transform:"none !important","&:hover, &:active, &:focus-visible":{transform:"none !important"},...j,...h?{}:{color:Q,backgroundColor:"transparent","&:hover":{backgroundColor:"var(--Hover)",color:G,zIndex:1},"&:active":{backgroundColor:"var(--Pressed)",color:G},"&.Mui-focusVisible, &:focus-visible":{color:G}},...D&&!h?{border:"none !important","&:hover":{border:"none !important"}}:{},"&:focus-visible, &.Mui-focusVisible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px",zIndex:2,...f?{borderRadius:f}:{}},...r.props.sx};!function(e={},a=!1){if("production"===process.env.NODE_ENV)return;const t=[];(e.avatar||"avatar"===e.contentType)&&t.push("an Avatar segment — Button-Group-Segments has only text, iconOnly and letterNumber");const r=String(e.variant||"");r&&!/-outline$/.test(r)&&"ghost"!==r&&"text"!==r&&t.push(`a solid segment (variant="${r}") — segments are outline or ghost; the GROUP paints the selected one`),a&&(e.iconOnly||e.letterNumber||e.contentType)&&t.push("a typed SEPARATED segment — Separated-Button-Segments has no Type axis");for(const e of t)kb.has(e)||(kb.add(e),console.warn("[ButtonGroup] "+e+"."))}(r.props,s);const z=e.cloneElement(r,{variant:r.props.variant??(w?D?h?i+"-outline":"ghost":h?i:i+"-outline":D?"ghost":i),size:r.props.size??o,disabled:r.props.disabled??n,onClick:J(u,r.props.onClick),...w?{"aria-pressed":h}:{},sx:S});return R&&!h?t.jsx(a.Box,{"data-theme":U,"data-surface":"Surface-Brightest",sx:{display:"contents"},children:z},l):e.cloneElement(z,{key:l})});return t.jsx(a.Box,{role:"group","aria-label":S,className:"btn-group btn-group-"+r+" btn-group-"+i+" "+y,sx:{...P?{display:F?"grid":"inline-grid",gridAutoFlow:"column",gridAutoColumns:"1fr",justifyItems:"stretch",alignItems:"stretch",width:F?"100%":"fit-content"}:{display:F?"flex":"inline-flex",flexDirection:L?"row":"column",alignItems:"stretch",width:F?"100%":"auto"},gap:N?0:I,border:"none",borderRadius:"var(--Style-Border-Radius)",...j},...z,children:Z})}const Tb={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"}},Mb=e.createContext({variant:"solid",color:"default",size:"medium",spacing:0}),Ab=e.createContext({expanded:!1,toggle:()=>{},disabled:!1,accordionId:""}),Lb="var(--Accordion-Radius, var(--Button-Radius))";function Ib({children:r,expanded:i,defaultExpanded:o=!1,onChange:n,disabled:l=!1,className:s="",sx:c={},...d}){const[u,h]=e.useState(o),x=void 0!==i,m=x?i:u,{dataTheme:p,dataSurface:f}=e.useContext(Mb),[g]=e.useState(()=>"accordion-"+Math.random().toString(36).substring(2,9));return t.jsx(Ab.Provider,{value:{expanded:m,toggle:()=>{if(l)return;const e=!m;x||h(e),n?.(e)},disabled:l,accordionId:g},children:t.jsx(a.Box,{className:"accordion-segment accordion"+(m?" accordion-expanded":"")+(l?" accordion-disabled":"")+" "+s,"data-theme":p,"data-surface":f,sx:{border:"1px solid var(--Border-Variant)",borderRadius:Lb,backgroundColor:"var(--Background)",overflow:"hidden",boxShadow:nm,opacity:l?"var(--Disabled, 0.38)":1,...c},...d,children:r})})}const Nb={small:Ya,medium:Za,large:et},Rb={small:Xa,medium:Ja,large:_a};const Db=["Link","Chip","Badge","Caption","Label","Tag","BodySmall","LegalSemibold","Legal","LabelSmall","LabelExtraSmall","EyebrowSmall","ButtonSmall"];function Wb(a){let t=!1;return e.Children.forEach(a,a=>{(function(a){if(!e.isValidElement(a))return!1;const t=a.props||{};if("small"===t.size)return!0;if("small"===t["data-size"])return!0;if(24===t.height||24===t.minHeight)return!0;if("24px"===t.height||"24px"===t.minHeight)return!0;if(t.sx){const e=t.sx.minHeight||t.sx.height;if(24===e||"24px"===e)return!0}const r=a.type;if(r){const e=r.displayName||r.name||"";if(Db.some(a=>e.includes(a)))return!0}return!1})(a)&&(t=!0)}),t}function Fb({children:r,gap:i,spacing:o,direction:n="column",enforceMinGap:l=!0,minGapToken:s="--min-stack-gap",divider:c,flexWrap:d,useFlexGap:u=!0,alignItems:h,justifyContent:x,sx:m={},className:p="",...f}){const g=void 0!==i?i:o,b=l&&Wb(r),v=e.useMemo(()=>{if(!b)return g;const e=function(e,a=8){return null==e?0:"number"==typeof e?e*a:"string"==typeof e?e.endsWith("px")?parseFloat(e):e.endsWith("rem")?parseFloat(e)*parseFloat(getComputedStyle(document.documentElement).fontSize||"16"):parseFloat(e)*a||0:0}(g),a=function(e,a=8){if("undefined"==typeof window)return a;const t=getComputedStyle(document.documentElement).getPropertyValue(e).trim();return t?t.endsWith("rem")?parseFloat(t)*parseFloat(getComputedStyle(document.documentElement).fontSize):parseFloat(t)||a:a}(s,8);return e>=a?g:"var("+s+", "+a+"px)"},[b,g,s]);return t.jsx(a.Stack,{direction:n,spacing:u?void 0:v,gap:u?v:void 0,divider:c,flexWrap:d,useFlexGap:u,alignItems:h,justifyContent:x,className:"omni-stack"+(b?" omni-stack-min-gap-enforced":"")+(p?" "+p:""),sx:{...f["data-surface"]||f["data-theme"]?{background:"var(--Background)"}:{},boxSizing:"border-box",...b?{"&::before":{display:"none"}}:{},...m},"data-min-gap-enforced":b?"true":void 0,...f,children:r})}const Pb=e=>t.jsx(Fb,{direction:"row",alignItems:"center",...e}),Hb=e=>t.jsx(Fb,{direction:"column",...e}),Ob=e=>t.jsx(Fb,{direction:"row",flexWrap:"wrap",...e}),Eb=Fb,Vb=Ob;function qb({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"primary":"primary-outline",size:"small",onClick:r,children:e})}function Qb({code:e}){return t.jsx(Bf,{code:e,language:"JSX",wrap:!0,sx:{mt:1}})}function Gb({passes:e}){return t.jsxs(a.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5,px:1.5,py:.5,borderRadius:"20px",backgroundColor:e?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:e?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)",fontSize:"12px",fontWeight:600},children:[e?t.jsx(m,{sx:{fontSize:14}}):t.jsx(p,{sx:{fontSize:14}}),e?"WCAG Pass":"WCAG Fail"]})}function Ub({leftLabel:e,rightLabel:r,leftContent:i,rightContent:o,leftCode:n,rightCode:l,leftPasses:s,rightPasses:c}){return t.jsxs(a.Grid,{container:!0,spacing:3,children:[t.jsx(a.Grid,{item:!0,xs:12,md:6,children:t.jsxs(a.Box,{sx:{p:2,border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:"var(--Background)",height:"100%"},children:[t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",mb:2},children:[t.jsx(Xa,{style:{fontWeight:600},children:e}),t.jsx(Gb,{passes:s})]}),t.jsx(a.Box,{sx:{p:2,backgroundColor:"var(--Surface-Dim, var(--Surface))",borderRadius:"var(--Style-Border-Radius)",minHeight:80},children:i}),t.jsx(Qb,{code:n})]})}),t.jsx(a.Grid,{item:!0,xs:12,md:6,children:t.jsxs(a.Box,{sx:{p:2,border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:"var(--Background)",height:"100%"},children:[t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",mb:2},children:[t.jsx(Xa,{style:{fontWeight:600},children:r}),t.jsx(Gb,{passes:c})]}),t.jsx(a.Box,{sx:{p:2,backgroundColor:"var(--Surface-Dim, var(--Surface))",borderRadius:"var(--Style-Border-Radius)",minHeight:80},children:o}),t.jsx(Qb,{code:l})]})})]})}function Xb(){const[r,i]=e.useState("column"),[o,n]=e.useState(.5),[l,s]=e.useState("small"),[c,d]=e.useState(!0),[u,h]=e.useState(!1),[x,m]=e.useState("Default"),[f,g]=e.useState("Surface"),b={small:{label:"Small links ⚡",content:t.jsxs(t.Fragment,{children:[t.jsx(It,{href:"#",size:"small",children:"Terms of Service"}),t.jsx(It,{href:"#",size:"small",children:"Privacy Policy"}),t.jsx(It,{href:"#",size:"small",children:"Cookie Settings"})]})},chips:{label:"Chips ⚡",content:t.jsxs(t.Fragment,{children:[t.jsx(Rp,{label:"React",size:"small"}),t.jsx(Rp,{label:"TypeScript",size:"small"}),t.jsx(Rp,{label:"Design System",size:"small"})]})},normal:{label:"Normal buttons",content:t.jsxs(t.Fragment,{children:[t.jsx(zp,{variant:"primary",size:"medium",children:"Primary"}),t.jsx(zp,{variant:"secondary",size:"medium",children:"Secondary"})]})},mixed:{label:"Mixed ⚡",content:t.jsxs(t.Fragment,{children:[t.jsx(zp,{variant:"primary",size:"medium",children:"Save changes"}),t.jsx(It,{href:"#",size:"small",children:"Or discard"})]})}},v=["small","chips","mixed"].includes(l),y=c&&v;return t.jsxs(a.Grid,{container:!0,spacing:3,sx:{mt:1},children:[t.jsxs(a.Grid,{item:!0,xs:12,md:7,children:[t.jsx(Of,{theme:x,surface:f,children:t.jsxs(a.Box,{sx:{width:"100%"},children:[y&&t.jsxs(a.Box,{sx:{mb:2,px:2,py:1,borderRadius:"var(--Style-Border-Radius)",backgroundColor:"var(--Tags-Warning-BG)",color:"var(--Tags-Warning-Text)",fontSize:"12px",fontWeight:600,display:"flex",alignItems:"center",gap:1},children:[t.jsx(p,{sx:{fontSize:16}}),"Small child detected — gap raised to var(--min-stack-gap)"]}),t.jsx(Fb,{direction:r,gap:o,enforceMinGap:c,flexWrap:u?"wrap":void 0,children:b[l].content})]})}),t.jsx(Qb,{code:(()=>{const e=["<OmniStack"];return"column"!==r&&e.push('  direction="'+r+'"'),e.push("  gap={"+o+"}"),c||e.push("  enforceMinGap={false}"),u&&e.push('  flexWrap="wrap"'),e.push(">"),e.push("  {children}"),e.push("</OmniStack>"),e.join("\n")})()})]}),t.jsx(a.Grid,{item:!0,xs:12,md:5,children:t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"column",gap:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CHILDREN"}),t.jsx(a.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:Object.entries(b).map(([e,{label:a}])=>t.jsx(qb,{label:a,selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DIRECTION"}),t.jsx(a.Box,{sx:{display:"flex",gap:1},children:["row","column"].map(e=>{return t.jsx(qb,{label:(a=e,a?a.charAt(0).toUpperCase()+a.slice(1):""),selected:r===e,onClick:()=>i(e)},e);var a})})]}),t.jsxs(a.Box,{children:[t.jsxs(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["GAP — ",o," unit",y?" → raised to var(--min-stack-gap)":""]}),t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:2},children:[t.jsx(a.Box,{component:"input",type:"range",min:0,max:6,step:.5,value:o,onChange:e=>n(Number(e.target.value)),sx:{flex:1,accentColor:"var(--Primary-Color-10)"}}),t.jsx(at,{style:{color:"var(--Text)",minWidth:24,textAlign:"right"},children:o})]})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"column",gap:1.5},children:[t.jsxs(a.Box,{sx:{display:"flex",alignItems:"flex-start",justifyContent:"space-between"},children:[t.jsxs(a.Box,{children:[t.jsx(Xa,{children:"Enforce min gap"}),t.jsx(at,{style:{color:y?"var(--Tags-Warning-Text)":"var(--Text-Quiet)",display:"block"},children:y?"⚡ Active — small child detected":v?"Off — WCAG 2.5.8 risk":"No small children detected"})]}),t.jsx(Pf,{checked:c,onChange:e=>d(e.target.checked),size:"small"})]}),t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[t.jsx(Xa,{children:"Flex wrap"}),t.jsx(Pf,{checked:u,onChange:e=>h(e.target.checked),size:"small"})]})]})]})]})})]})}const Yb=["primary","secondary","tertiary","neutral","info","success","warning","error"],Jb=["small","medium","large"],Zb=({label:e,emphasis:a=!1,width:r,children:i})=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start",width:r},children:[t.jsx("div",{children:i}),t.jsx(at,{color:a?"standard":"quiet",children:e})]}),$b=({values:e,render:a,defaultValue:r,width:i})=>{const o=e.filter(e=>e!==r),n=e=>t.jsx(Zb,{label:String(e),emphasis:e===r,width:i,children:a(e)},String(e));return t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"flex-end",flexWrap:"wrap"},children:[void 0!==r?n(r):null,void 0!==r&&o.length?t.jsx(Fg,{orientation:"vertical",style:{alignSelf:"stretch"}}):null,o.map(n)]})},Kb=({values:e,render:a,defaultValue:r,width:i="100%"})=>{const o=void 0!==r?[r,...e.filter(e=>e!==r)]:e;return t.jsx(Hb,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:420},children:o.map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",style:{width:i},children:[t.jsx(at,{color:e===r?"standard":"quiet",children:String(e)}),a(e)]},String(e)))})},_b=({render:e,offLabel:a="false",onLabel:r="true",width:i})=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Zb,{label:a,emphasis:!0,width:i,children:e(!1)}),t.jsx(Zb,{label:r,width:i,children:e(!0)})]}),ev=180,av=(e,a=180)=>t.jsx("div",{style:{width:a},children:e}),tv={variant:()=>t.jsx($b,{values:["default",...Yb],defaultValue:"default",width:ev,render:e=>av(t.jsx(tb,{variant:e,defaultValue:60,"aria-label":e}))}),size:()=>t.jsx($b,{values:Jb,defaultValue:"medium",width:ev,render:e=>av(t.jsx(tb,{size:e,defaultValue:60,"aria-label":e}))}),"value / defaultValue":()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"a number — one thumb"}),av(t.jsx(tb,{defaultValue:60,"aria-label":"single"}))]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"an array — two thumbs, a range"}),av(t.jsx(tb,{defaultValue:[25,75],getAriaLabel:()=>"range"}))]})]}),fill:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-1)",children:[t.jsx(at,{color:"standard",children:"one thumb — Figma: single / single-inverted"}),t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap"},children:[t.jsx(Zb,{label:"standard",emphasis:!0,width:ev,children:av(t.jsx(tb,{defaultValue:60,"aria-label":"standard"}))}),t.jsx(Zb,{label:"inverted",width:ev,children:av(t.jsx(tb,{defaultValue:60,fill:"inverted","aria-label":"inverted"}))}),t.jsx(Zb,{label:"false — no fill",width:ev,children:av(t.jsx(tb,{defaultValue:60,fill:!1,"aria-label":"no fill"}))})]})]}),t.jsxs(Hb,{gap:"var(--Sizing-1)",children:[t.jsx(at,{color:"quiet",children:"two thumbs — Figma: double / double-inverted"}),t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap"},children:[t.jsx(Zb,{label:"standard — fills between",width:ev,children:av(t.jsx(tb,{defaultValue:[25,75],getAriaLabel:()=>"between"}))}),t.jsx(Zb,{label:"inverted — fills outside",width:ev,children:av(t.jsx(tb,{defaultValue:[25,75],fill:"inverted",getAriaLabel:()=>"outside"}))})]})]})]}),orientation:()=>t.jsxs(Pb,{gap:"var(--Sizing-4)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Zb,{label:"horizontal",emphasis:!0,width:ev,children:av(t.jsx(tb,{defaultValue:60,"aria-label":"horizontal"}))}),t.jsx(Zb,{label:"vertical",width:60,children:t.jsx("div",{style:{height:160},children:t.jsx(tb,{orientation:"vertical",defaultValue:60,"aria-label":"vertical"})})}),t.jsx(Zb,{label:"vertical range",width:60,children:t.jsx("div",{style:{height:160},children:t.jsx(tb,{orientation:"vertical",defaultValue:[25,75],getAriaLabel:()=>"vertical range"})})}),t.jsx(Zb,{label:"vertical, inverted",width:60,children:t.jsx("div",{style:{height:160},children:t.jsx(tb,{orientation:"vertical",fill:"inverted",defaultValue:60,"aria-label":"vertical inverted"})})})]}),marks:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:420},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false — no marks"}),av(t.jsx(tb,{defaultValue:60,"aria-label":"none"}))]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — a dot at every step"}),av(t.jsx(tb,{defaultValue:60,step:10,marks:!0,"aria-label":"every step"}))]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"an array — dots where you say, with labels"}),av(t.jsx(tb,{defaultValue:60,marks:[{value:0,label:"0"},{value:50,label:"50"},{value:100,label:"100"}],"aria-label":"labelled marks"}),260)]})]}),step:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:420},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"1 — every whole number"}),av(t.jsx(tb,{defaultValue:60,"aria-label":"step 1"}))]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"25 — a fixed increment"}),av(t.jsx(tb,{defaultValue:50,step:25,marks:!0,"aria-label":"step 25"}))]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"null — restricted to the marks, which need not be even"}),av(t.jsx(tb,{defaultValue:40,step:null,marks:[{value:0,label:"0"},{value:10,label:"10"},{value:40,label:"40"},{value:100,label:"100"}],"aria-label":"restricted"}),260)]})]}),valueLabelDisplay:()=>t.jsx($b,{values:["off","auto","on"],defaultValue:"off",width:ev,render:e=>av(t.jsx(tb,{valueLabelDisplay:e,defaultValue:60,"aria-label":e}))}),label:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:420},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"with a visible label"}),av(t.jsx(tb,{label:"Volume",defaultValue:60}))]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"without one it needs aria-label"}),av(t.jsx(tb,{defaultValue:60,"aria-label":"Volume"}))]}),t.jsx(Xa,{color:"quiet",children:"A RANGE slider needs `getAriaLabel` instead of either — one name per thumb. MUI warns in development if it is given `aria-label`."})]}),disabled:()=>t.jsx(_b,{width:ev,offLabel:"enabled",onLabel:"disabled",render:e=>av(t.jsx(tb,{disabled:e,defaultValue:60,"aria-label":"x"}))})},rv={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 iv({value:r,defaultValue:i="",onChange:o,onFocus:n,onBlur:l,onClear:s,onSubmit:c,placeholder:d="Search…",size:u="medium",color:h="default",showClearButton:x=!0,disabled:m=!1,ariaLabel:p="Search",className:f="",sx:g={},...b}){const[v,y]=e.useState(i),[j,z]=e.useState(!1),B=e.useRef(null),w=void 0!==r,k=w?r:v,C=k.length>0,T=j||C,M=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===h?"primary":h),A="var(--Buttons-"+M+"-Border)",L="default"===h?"var(--Text)":"var(--Text-"+M+")",I=rv[u]||rv.medium,N=()=>{w||y(""),o?.(""),s?.(),B.current?.focus()};return t.jsx(a.Box,{className:"search-field search-field-"+u+(j?" search-field-focused":"")+(C?" search-field-filled":"")+(m?" search-field-disabled":"")+(f?" "+f:""),sx:{display:"flex",boxSizing:"border-box",...g},...b,children:t.jsx(a.Box,{sx:{border:"1px solid "+A,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:m?"var(--Disabled, 0.38)":1,transition:"border-color 0.15s ease, box-shadow 0.15s ease",boxShadow:"none",width:"100%",...!m&&{"&:hover":{borderColor:"var(--Buttons-"+M+"-Hover)"},"&:active":{borderColor:"var(--Buttons-"+M+"-Pressed)"}},"&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:1,width:"100%",boxSizing:"border-box",minHeight:I.height,px:I.px+"px",backgroundColor:"var(--Hover)"},children:[t.jsx(am,{size:"small",sx:{color:T?L:"var(--Quiet)",flexShrink:0,transition:"color 0.15s ease"},children:t.jsx(S,{})}),t.jsx(a.Box,{component:"input",ref:B,type:"text",role:"searchbox","aria-label":p,value:k,onChange:e=>{const a=e.target.value;w||y(a),o?.(a,e)},onFocus:e=>{z(!0),n?.(e)},onBlur:e=>{z(!1),l?.(e)},onKeyDown:e=>{"Enter"===e.key&&c?.(k,e),"Escape"===e.key&&C&&N()},placeholder:d,disabled:m,sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:T?L:"var(--Quiet)",fontSize:I.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)",minWidth:0,"&::placeholder":{color:"var(--Quiet)",opacity:1,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)"},"&:disabled":{cursor:"not-allowed"}}}),x&&C&&!m&&t.jsx(a.Box,{component:"button",type:"button","aria-label":"Clear search",onClick:N,sx:{display:"flex",alignItems:"center",justifyContent:"center",width:I.iconSize+4,height:I.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:L},"&:active":{backgroundColor:"var(--Pressed)",color:L},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px"}},children:t.jsx(am,{size:"small",children:t.jsx(Le,{})})})]})})})}const ov=e.createContext(null),nv=["Default","Primary","Secondary","Tertiary","Neutral","Info","Success","Warning","Error","App-Bar","Nav-Bar","Status"],lv=["Professional","Modern","Bold","Playful"],sv=["Surface-Dimmest","Surface-Dim","Surface","Surface-Bright","Surface-Brightest","Container","Container-Low","Container-Lowest","Container-High","Container-Highest"],cv={"light-tonal":{theme:"Primary",rootSurface:"Surface-Brightest"},"grey-professional":{theme:"Neutral",rootSurface:"Surface"},"dark-professional":{theme:"Neutral",rootSurface:"Surface-Dimmest"}},dv="omni-foundation",uv="omni-core",hv="omni-typography",xv="omni-mode",mv="omni-base",pv="omni-styles";function fv(e){document.getElementById(e)?.remove()}function gv(e,a,t){return a?function(e){return!(!e||"string"!=typeof e)&&(e.startsWith("http")||e.startsWith("/")||e.endsWith(".css"))}(a)?function(e,a,t){const r=document.getElementById(e);return r?"LINK"===r.tagName&&r.getAttribute("href")!==a?new Promise((e,t)=>{r.onload=()=>e(r),r.onerror=()=>t(new Error(`OmniDesignProvider: failed to load ${a}`)),r.setAttribute("href",a)}):Promise.resolve(r):new Promise((r,i)=>{const o=document.createElement("link");o.id=e,o.rel="stylesheet",o.setAttribute("data-omni","true"),o.onload=()=>r(o),o.onerror=()=>i(new Error(`OmniDesignProvider: failed to load ${a}`)),o.href=a;const n=t?document.getElementById(t):null;n?document.head.insertBefore(o,n):document.head.appendChild(o)})}(e,a,t):function(e,a,t){if(!a)return Promise.resolve(null);const r=document.getElementById(e);if(r)return r.textContent=a,Promise.resolve(r);const i=document.createElement("style");i.id=e,i.setAttribute("data-omni","true"),i.textContent=a;const o=t?document.getElementById(t):null;return o?document.head.insertBefore(i,o):document.head.appendChild(i),Promise.resolve(i)}(e,a,t):Promise.resolve(null)}function bv(){const a=e.useContext(ov);if(!a)throw new Error("useOmniDesign must be used inside a <OmniDesignProvider>");return a}const vv={small:{width:"240px",height:"200px"},medium:{width:"320px",height:"280px"},large:{width:"420px",height:"380px"}},yv={left:{borderRight:"1px solid var(--Border)"},right:{borderLeft:"1px solid var(--Border)"},top:{borderBottom:"1px solid var(--Border)"},bottom:{borderTop:"1px solid var(--Border)"}},jv={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}},Sv={left:"translateX(-100%)",right:"translateX(100%)",top:"translateY(-100%)",bottom:"translateY(100%)"};function zv({children:r,open:i=!1,onClose:o,size:n="medium",anchor:l="left",hideBackdrop:s=!1,className:c="",sx:d={},...u}){const h=e.useRef(null),x=e.useRef(null),m="left"===l||"right"===l;let p;try{p=bv()}catch{p=null}const f=p?.theme||"Default",g=p?.style||"Modern",b=vv[n]||vv.medium;e.useEffect(()=>{if(!i)return;const e=e=>{"Escape"===e.key&&o?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i,o]),e.useEffect(()=>{i?(x.current=document.activeElement,requestAnimationFrame(()=>{const e=h.current?.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');e?e.focus():h.current?.focus()})):x.current&&(x.current.focus(),x.current=null)},[i]),e.useEffect(()=>{if(i){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[i]);const v=e.useCallback(e=>{if("Tab"!==e.key||!h.current)return;const a=h.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(!a.length)return;const t=a[0],r=a[a.length-1];e.shiftKey?document.activeElement===t&&(e.preventDefault(),r.focus()):document.activeElement===r&&(e.preventDefault(),t.focus())},[]);return i?t.jsxs(t.Fragment,{children:[!s&&t.jsx(a.Box,{onClick:()=>o?.(),"aria-hidden":"true",sx:{position:"fixed",inset:0,zIndex:1e7,backgroundColor:"rgba(0, 0, 0, 0.5)",transition:"opacity 0.3s ease"}}),t.jsx(a.Box,{ref:h,role:"dialog","aria-modal":"true",tabIndex:-1,"data-theme":f,"data-style":g,"data-surface":"Surface-Dim",onKeyDown:v,className:"drawer drawer-"+n+" drawer-"+l+" "+c,sx:{position:"fixed",zIndex:10000001,...jv[l],...m?{width:b.width,height:"100%"}:{height:b.height,width:"100%"},backgroundColor:"var(--Background)",color:"var(--Text)",...yv[l],boxShadow:sm,display:"flex",flexDirection:"column",outline:"none",overflow:"hidden",animation:"drawer-slide-in 0.3s ease forwards","@keyframes drawer-slide-in":{from:{transform:Sv[l]},to:{transform:"translate(0, 0)"}},...d},...u,children:r})]}):null}function Bv({onClick:e,className:r="",sx:i={},...o}){return t.jsx(a.Box,{sx:{position:"absolute",top:"12px",right:"12px",zIndex:1,...i},className:r,...o,children:t.jsx(zp,{iconOnly:!0,variant:"ghost",size:"small",onClick:e,"aria-label":"Close drawer",children:t.jsx(am,{size:"small",children:t.jsx(Le,{})})})})}function wv({children:e,className:r="",sx:i={},...o}){return t.jsx(a.Box,{className:"drawer-header "+r,sx:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px",borderBottom:"1px solid var(--Border)",flexShrink:0,...i},...o,children:e})}function kv({children:e,className:r="",sx:i={},...o}){return t.jsx(a.Box,{className:"drawer-content "+r,sx:{flex:1,overflowY:"auto",padding:"16px",...i},...o,children:e})}const Cv={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 Tv({children:e,onClick:a,ariaLabel:r}){return t.jsx(zp,{iconOnly:!0,variant:"ghost",size:"medium",onClick:a,"aria-label":r,children:e})}function Mv({barColor:r="default",surface:i="Surface",loginType:o="login",menuType:n="hamburger",brandType:l="name",searchPosition:s="right",companyName:c="Company",navLinks:d=["Home","Products","About"],rightButtons:u=[],showRightButtons:h=!1,onMenuClick:x,user:m,onLogin:p,onSignOut:f,brand:g,onBrandClick:b,centerSlot:v,endSlot:y,searchValue:j,onSearchChange:S,searchPlaceholder:z="Search...",children:B,className:w="",sx:k={}}){const[C,T]=e.useState(!1),M=Cv[r]||Cv.default,A=M.theme,L=M.surface||i,I="expanded"===n&&d.length>3?"hamburger":n,N=t.jsx(iv,{placeholder:z,size:"medium",value:j,onChange:S,sx:{flex:"left"===s?"0 1 400px":"0 1 280px",minWidth:0}});return t.jsxs(t.Fragment,{children:[t.jsx(a.Box,{component:"header",role:"banner","data-theme":A,"data-surface":L,className:"appbar appbar-desktop appbar-"+r+(w?" "+w:""),sx:{display:"flex",alignItems:"center",height:64,px:2,gap:2,backgroundColor:"var(--Background)",color:"var(--Text)",boxShadow:lm,fontFamily:"inherit",...k},children:B||t.jsxs(t.Fragment,{children:["hamburger"===I&&t.jsx(Tv,{ariaLabel:"Open navigation menu",onClick:x||(()=>T(!0)),children:t.jsx(Te,{sx:{fontSize:"inherit"}})}),void 0!==g?b?t.jsx(Pa,{component:"button",type:"button",onClick:b,sx:{background:"transparent",border:"none",padding:0,cursor:"pointer",whiteSpace:"nowrap",flexShrink:0},children:g}):t.jsx(Pa,{component:"span",sx:{whiteSpace:"nowrap",flexShrink:0},children:g}):"logo"===l?t.jsx(a.Box,{sx:{width:32,height:32,borderRadius:"6px",backgroundColor:"var(--Text)",opacity:.8,flexShrink:0},"aria-label":"Company logo"}):t.jsx(Pa,{component:"span",sx:{whiteSpace:"nowrap",flexShrink:0},children:c}),void 0!==v?t.jsxs(t.Fragment,{children:[t.jsx(a.Box,{sx:{flex:1}}),t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",flexShrink:0},children:v}),t.jsx(a.Box,{sx:{flex:1}})]}):t.jsxs(t.Fragment,{children:["left"===s&&N,"expanded"===I&&t.jsx(Up,{defaultValue:0,variant:"standard",color:"default",sx:{ml:2,minHeight:0},children:t.jsx(Xp,{"aria-label":"Main navigation",children:d.map(e=>t.jsx(Yp,{children:e},e))})}),t.jsx(a.Box,{sx:{flex:1}}),"right"===s&&N]}),void 0!==y?t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:y}):t.jsxs(t.Fragment,{children:[h&&u.length>0&&t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",gap:.5},children:u.map((a,r)=>a.raw?t.jsx(e.Fragment,{children:a.icon},r):t.jsx(Tv,{ariaLabel:a.label||"Action "+(r+1),children:a.icon},r))}),m?t.jsx(zp,{variant:"ghost",size:"small",onClick:f,"aria-label":"Sign out",startIcon:m.photoURL?t.jsx(a.Box,{component:"img",src:m.photoURL,alt:"",sx:{width:24,height:24,borderRadius:"50%"}}):t.jsx(Ae,{sx:{fontSize:24}}),children:m.displayName?.split(" ")[0]||"Account"}):p?t.jsx(zp,{variant:"default-outline",size:"small",onClick:p,children:"Login"}):"avatar"===o?t.jsx(zp,{iconOnly:!0,variant:"ghost",size:"medium","aria-label":"Account",children:t.jsx(Ae,{sx:{fontSize:28}})}):null]})]})}),t.jsx(zv,{open:C,onClose:()=>T(!1),anchor:"left",size:"small",children:t.jsx(a.Box,{component:"nav","aria-label":"Main navigation",sx:{display:"flex",flexDirection:"column",gap:.5,py:1},children:d.map(e=>t.jsx(zp,{variant:"ghost",size:"medium",onClick:()=>T(!1),sx:{justifyContent:"flex-start",width:"100%"},children:e},e))})})]})}function Av({mobileVariant:r="search",barColor:i="default",surface:o="Surface",title:n="Page Title",subtitle:l="Subtitle text",actionIcon:s,companyName:c="Company",navLinks:d=["Home","Products","About"],className:u="",sx:h={}}){const[x,m]=e.useState(!1),p=Cv[i]||Cv.default,f=p.theme,g=p.surface||o,b={backgroundColor:"var(--Background)",color:"var(--Text)",boxShadow:lm,fontFamily:"inherit",width:"100%",maxWidth:420,...h},v={"data-theme":f,"data-surface":g},y=t.jsx(zv,{open:x,onClose:()=>m(!1),anchor:"left",size:"small",children:t.jsx(a.Box,{component:"nav","aria-label":"Main navigation",sx:{display:"flex",flexDirection:"column",gap:.5,py:1},children:d.map(e=>t.jsx(zp,{variant:"ghost",size:"medium",onClick:()=>m(!1),sx:{justifyContent:"flex-start",width:"100%"},children:e},e))})});return"search"===r?t.jsxs(t.Fragment,{children:[t.jsxs(a.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-search appbar-"+i+" "+u,...v,sx:{...b,display:"flex",alignItems:"center",height:64,px:1.5,gap:1.5},children:[t.jsx(Tv,{ariaLabel:"Open navigation menu",onClick:()=>m(!0),children:t.jsx(Te,{sx:{fontSize:"inherit"}})}),t.jsx(iv,{placeholder:"Search "+c,size:"small",sx:{flex:1,minWidth:0}}),t.jsx(zp,{iconOnly:!0,variant:"ghost",size:"medium","aria-label":"Account",children:t.jsx(Ae,{sx:{fontSize:28}})})]}),y]}):"small"===r?t.jsxs(a.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-small appbar-"+i+" "+u,...v,sx:{...b,display:"flex",alignItems:"center",height:64,px:1.5,gap:1},children:[t.jsx(Tv,{ariaLabel:"Back",children:t.jsx(Me,{sx:{fontSize:"inherit"}})}),t.jsxs(a.Box,{sx:{flex:1,minWidth:0},children:[t.jsx(a.Box,{sx:{fontWeight:600,fontSize:"16px",lineHeight:1.3,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:n}),l&&t.jsx(a.Box,{sx:{fontSize:"12px",opacity:.7,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:l})]}),s&&t.jsx(Tv,{ariaLabel:"Action",children:s})]}):"medium"===r?t.jsxs(a.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-medium appbar-"+i+" "+u,...v,sx:{...b,px:1.5,pb:2},children:[t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",height:56,gap:1},children:[t.jsx(Tv,{ariaLabel:"Back",children:t.jsx(Me,{sx:{fontSize:"inherit"}})}),t.jsx(a.Box,{sx:{flex:1}}),s&&t.jsx(Tv,{ariaLabel:"Action",children:s})]}),t.jsxs(a.Box,{sx:{px:1.5},children:[t.jsx(a.Box,{sx:{fontWeight:600,fontSize:"24px",lineHeight:1.2},children:n}),l&&t.jsx(a.Box,{sx:{fontSize:"14px",opacity:.7,mt:.5},children:l})]})]}):t.jsxs(a.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-large appbar-"+i+" "+u,...v,sx:{...b,px:1.5,pb:3},children:[t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",height:56,gap:1},children:[t.jsx(Tv,{ariaLabel:"Back",children:t.jsx(Me,{sx:{fontSize:"inherit"}})}),t.jsx(a.Box,{sx:{flex:1}}),s&&t.jsx(Tv,{ariaLabel:"Action",children:s})]}),t.jsxs(a.Box,{sx:{px:1.5,mt:1},children:[t.jsx(a.Box,{sx:{fontWeight:600,fontSize:"36px",lineHeight:1.1},children:n}),l&&t.jsx(a.Box,{sx:{fontSize:"14px",opacity:.7,mt:.5},children:l})]})]})}function Lv({mode:e="desktop",...a}){return"mobile"===e?t.jsx(Av,{...a}):t.jsx(Mv,{...a})}const Iv=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Nv=["default","primary","primary-light","white","black"],Rv=["Surface","Surface-Bright","Surface-Dim","Surface-Dimmest"],Dv={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 Wv({ratio:e,threshold:r}){if(!e)return t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"--"});const i=parseFloat(e)>=r;return t.jsxs(a.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[t.jsxs(a.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:i?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:[e,":1"]}),t.jsx(at,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function Fv({label:e,ratio:r,threshold:i,note:o}){return t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(a.Box,{sx:{flex:1},children:[t.jsx(Xa,{style:{color:"var(--Text)"},children:e}),o&&t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:o})]}),t.jsx(Wv,{ratio:r,threshold:i})]})}function Pv({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Hv({color:e,selected:r,onClick:i}){const n=Dv[e]||Dv.default;return t.jsx(a.Box,{component:"button","data-theme":n.theme,"data-surface":n.surface||"Surface",onClick:()=>i(e),"aria-label":"Select "+e,"aria-pressed":r,title:e,sx:{width:"var(--Button-Height, 36px)",height:"var(--Button-Height, 36px)",borderRadius:"4px",backgroundColor:"var(--Background)",border:r?"2px solid var(--Text)":"2px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Text)",pointerEvents:"none"}})})}const Ov={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}},Ev={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 Vv({options:r=[],value:n,defaultValue:l=null,onChange:s,inputValue:c,onInputChange:d,label:u,labelPosition:h="top",placeholder:x="Type to search",helperText:m,size:p="medium",variant:f="outline",color:g="primary",loading:b=!1,loadingText:v="Loading…",noOptionsText:y="No options",freeSolo:j=!1,clearable:S=!0,disabled:z=!1,fullWidth:B=!1,className:w="",sx:k={},...C}){const T=(M="default"===g?"primary":g).charAt(0).toUpperCase()+M.slice(1);var M;"production"!==process.env.NODE_ENV&&"light"===f&&console.warn('[Autocomplete] variant="light" was removed and had never done anything — it was read by no code path. For a lighter Autocomplete use data-surface="Surface-Brightest" on its container.');const A="light"===f?"outline":f,L="var(--Buttons-"+T+"-Border)",I="default"===g?"var(--Text)":"var(--Text-"+T+")",[N,R]=e.useState(l),[D,W]=e.useState(l?"string"==typeof l?l:l.label||"":""),[F,P]=e.useState(!1),[H,O]=e.useState(!1),[E,V]=e.useState(-1),q=e.useRef(null),Q=e.useRef(null),G=void 0!==n,U=void 0!==c,X=G?n:N,Y=U?c:D,J="floating"===h,Z="top"===h,$=""!==Y,K=J?Ev[p]||Ev.medium:Ov[p]||Ov.medium,_=Y?r.filter(e=>("string"==typeof e?e:e.label).toLowerCase().includes(Y.toLowerCase())):r,ee=e.useCallback(e=>{U||W(e),d?.(e)},[U,d]),ae=e.useCallback(e=>{const a="string"==typeof e?e:e.label;G||R(e),ee(a),s?.(e),P(!1),V(-1),Q.current?.focus()},[G,s,ee]);e.useEffect(()=>{if(!F)return;const e=e=>{q.current&&!q.current.contains(e.target)&&P(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[F]);return t.jsxs(a.Box,{ref:q,className:"autocomplete autocomplete-"+p+" autocomplete-variant-"+A+(F?" autocomplete-open":"")+(z?" autocomplete-disabled":"")+(w?" "+w:""),sx:{position:"relative",width:B?"100%":"auto",display:"inline-block",fontFamily:"inherit",...k},...C,children:[Z&&u&&(()=>{const e="small"===p?Xa:Ja;return t.jsx(e,{component:"label",style:{display:"block",marginBottom:"6px",color:z?"var(--Quiet)":"var(--Text)",fontWeight:500,opacity:z?"var(--Disabled, 0.38)":1},children:u})})(),t.jsx(a.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:z?"var(--Disabled, 0.38)":1,"&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:t.jsx(a.Box,{children:t.jsxs(a.Box,{sx:{position:"relative",display:"flex",alignItems:"center",minHeight:K.height,backgroundColor:"var(--Hover)"},children:[J&&u&&t.jsx(a.Box,{sx:{position:"absolute",top:$||H?"6px":"50%",left:(K.leftPad||14)+"px",transform:$||H?"scale(0.75)":"translateY(-50%)",transformOrigin:"top left",color:H?I:"var(--Quiet)",fontSize:K.fontSize,fontWeight:400,pointerEvents:"none",zIndex:1,transition:"top 0.15s ease, transform 0.15s ease, color 0.15s ease"},children:u}),t.jsx(a.Box,{component:"input",ref:Q,type:"text",role:"combobox","aria-expanded":F,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-label":u||x,autoComplete:"off",value:Y,onChange:e=>{ee(e.target.value),F||P(!0),V(-1)},onKeyDown:e=>{if("Escape"!==e.key){if("ArrowDown"===e.key){if(e.preventDefault(),!F)return void P(!0);V(e=>Math.min(e+1,_.length-1))}"ArrowUp"===e.key&&(e.preventDefault(),V(e=>Math.max(e-1,0))),"Enter"===e.key&&F&&E>=0&&_[E]&&(e.preventDefault(),ae(_[E]))}else P(!1)},onFocus:()=>{O(!0),P(!0)},onBlur:()=>O(!1),disabled:z,placeholder:J?void 0:x,sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:$||H?I:"var(--Quiet)",fontSize:K.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)",padding:K.padding,minWidth:0,"&::placeholder":{color:"var(--Quiet)",opacity:1,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)"},"&:disabled":{cursor:"not-allowed"}}}),b&&F&&t.jsx(Ie,{size:16,sx:{mr:1,color:"var(--Quiet)"}}),S&&Y&&!z&&t.jsx(a.Box,{component:"button",type:"button","aria-label":"Clear",onClick:()=>{G||R(null),ee(""),s?.(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:t.jsx(Le,{sx:{fontSize:14}})}),t.jsx(a.Box,{component:"button",type:"button","aria-label":F?"Close":"Open",tabIndex:-1,onClick:()=>{z||P(!F)},sx:{display:"flex",alignItems:"center",justifyContent:"center",width:28,height:"100%",border:"none",backgroundColor:"transparent",color:"var(--Quiet)",cursor:z?"not-allowed":"pointer"},children:t.jsx(i,{sx:{fontSize:(K.iconSize||18)+"px",transform:F?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease"}})})]})})}),m&&t.jsx(a.Box,{sx:{fontSize:"12px",color:"var(--Quiet)",mt:"4px",ml:"2px"},children:m}),F&&t.jsx(a.Box,{role:"listbox","aria-label":u||"Options",sx:{position:"absolute",top:"100%",left:0,right:0,mt:.5,backgroundColor:"var(--Hover)",border:"1px solid var(--Buttons-Default-Border)",borderRadius:"var(--Style-Border-Radius)",boxShadow:"none",zIndex:9999,maxHeight:240,overflowY:"auto",py:.5},children:b?t.jsx(a.Box,{sx:{px:1.5,py:2,textAlign:"center",fontSize:K.fontSize,color:"var(--Quiet)"},children:v}):0===_.length?t.jsx(a.Box,{sx:{px:1.5,py:2,textAlign:"center",fontSize:K.fontSize,color:"var(--Quiet)"},children:y}):_.map((e,r)=>{const i="string"==typeof e?e:e.label,n="string"==typeof e?e:e.value,l=i===(X?"string"==typeof X?X:X.label:null),s=function(e,a){return a?{backgroundColor:"transparent",color:"var(--Text)",fontWeight:600}:e?{backgroundColor:"var(--Hover)",color:"var(--Text)"}:{backgroundColor:"transparent",color:"var(--Text-Quiet)"}}(r===E,l);return t.jsxs(a.Box,{role:"option","aria-selected":l,onClick:()=>ae(e),onMouseEnter:()=>V(r),sx:{display:"flex",alignItems:"center",gap:1,px:1.5,py:0,mx:.5,minHeight:K.height,borderRadius:"4px",cursor:"pointer",fontSize:K.fontSize,fontFamily:"inherit",...s,transition:"background-color 0.1s ease","&:active":{backgroundColor:"var(--Pressed)"}},children:[t.jsx(Xa,{style:{flex:1,color:"inherit",fontWeight:"inherit"},children:i}),l&&t.jsx(am,{size:"small",sx:{opacity:.6,flexShrink:0},children:t.jsx(o,{})})]},n||i)})})]})}const qv=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Qv=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Gv=[{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 Uv({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Xv({color:e,selected:r,onClick:i}){const n=qv(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}let Yv=0;const Jv={default:"Nav-Bar",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Zv="var(--Sizing-1, 8px)",$v="40px",Kv="var(--Icon-Size, 24px)",_v="var(--Sizing-Half, 4px)",ey={horizontal:{px:"var(--Button-Height, 32px)",py:"12px"},vertical:{px:"var(--Sizing-1-and-Half, 12px)",py:"var(--Sizing-2, 16px)"}},ay={px:0,py:0};function ty({items:r=[],value:i,defaultValue:o=0,onChange:n,showLabels:l=!0,variant:s="fixed",orientation:c="horizontal",barColor:d="default",fabAction:u,fabPosition:h="end",fixed:x=!0,"aria-label":m="Bottom navigation",className:p="",sx:f={},...g}){const[b,v]=e.useState(o),y=void 0!==i,j=y?i:b,S=e.useCallback(e=>{y||v(e),n?.(e)},[y,n]),z="vertical"===c,B="floating"===s,w=Jv[d]||Jv.default,k=B?z?ey.vertical:ey.horizontal:ay,C=e.useRef(null);null===C.current&&(C.current="bottom-nav-"+Yv++);const T=e=>C.current+"-tab-"+e,M=!!u;return t.jsxs(a.Box,{component:"nav","data-theme":w,"data-surface":"Surface-Dim","aria-label":m,className:"bottom-nav bottom-nav-"+d+" bottom-nav-style-"+(B?"floating":"fixed")+" bottom-nav-bar-"+c+(l?" bottom-nav-labels":" bottom-nav-no-labels")+(x?" bottom-nav-fixed":"")+(p?" "+p:""),sx:{display:"flex",flexDirection:z?"column":"row",alignItems:"center",justifyContent:"center",backgroundColor:"var(--Background)",borderRadius:B?"83px":0,fontFamily:"inherit",width:z?"fit-content":"100%",px:k.px,py:k.py,...x&&{position:"fixed",zIndex:1100,...z?{top:"50%",left:0,transform:"translateY(-50%)"}:{bottom:0,left:0,right:0}},...f},...g,children:[M&&t.jsx(a.Box,{role:"tablist","aria-orientation":z?"vertical":"horizontal","aria-owns":r.map((e,a)=>T(a)).join(" "),sx:{position:"absolute",width:0,height:0,overflow:"hidden"}}),t.jsxs(a.Box,{role:M?void 0:"tablist","aria-orientation":M?void 0:z?"vertical":"horizontal",sx:{display:"flex",flexDirection:z?"column":"row",alignItems:"center",justifyContent:z?"flex-start":"space-between",gap:z?"10px":0,width:z?"auto":"100%",maxWidth:z?void 0:600},children:[r.map((e,a)=>t.jsx(ry,{id:M?T(a):void 0,icon:e.icon,label:e.label,selected:a===j,showLabel:l,onClick:()=>S(a),ariaLabel:e.label||e.ariaLabel,disabled:e.disabled},e.key||a)).flatMap((e,a,r)=>{if(!u)return[e];return a===("center"===h?Math.ceil(r.length/2):r.length)-1?[e,t.jsx(oy,{...u,showLabel:l,position:h},"fab")]:[e]}),u&&0===r.length&&t.jsx(oy,{...u,showLabel:l,position:h},"fab")]})]})}function ry({id:e,icon:r,label:i,selected:o,showLabel:n,onClick:l,ariaLabel:s,disabled:c}){return t.jsxs(a.Box,{component:"button",type:"button",role:"tab",id:e,"aria-selected":o,"aria-label":s,onClick:l,disabled:c,"aria-disabled":c||void 0,className:"bottom-nav-item"+(o?" bottom-nav-item-selected":""),sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:_v,width:40,flexShrink:0,border:"none",backgroundColor:"transparent",cursor:"pointer",padding:0,fontFamily:"inherit",outline:"none","&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderRadius:"8px"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},children:[t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",minWidth:32,minHeight:32,padding:Zv,borderRadius:$v,backgroundColor:o?"var(--Text)":"transparent",color:o?"var(--Background)":"var(--Quiet)",fontSize:Kv,transition:"background-color 0.2s ease, color 0.15s ease","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"},".bottom-nav-item:hover &":o?{backgroundColor:"var(--Text)"}:{color:"var(--Text)",backgroundColor:"var(--Hover)"},".bottom-nav-item:active &":o?{backgroundColor:"var(--Text)"}:{color:"var(--Text)",backgroundColor:"var(--Pressed)"},".bottom-nav-item:disabled:hover &":{backgroundColor:"transparent"}},children:r}),n&&i&&t.jsx(tt,{className:"bottom-nav-label",style:{color:o?"var(--Text)":"var(--Quiet)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},children:i})]})}const iy=32;function oy({icon:r,label:i,onClick:o,showLabel:n,actions:l,position:s="end"}){const c=Array.isArray(l)&&l.length>0,[d,u]=e.useState(!1),h=e.useRef(null);e.useEffect(()=>{if(!d)return;const e=e=>{h.current&&!h.current.contains(e.target)&&u(!1)},a=e=>{"Escape"===e.key&&u(!1)};return document.addEventListener("mousedown",e),document.addEventListener("keydown",a),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",a)}},[d]);const x=e=>({display:"flex",alignItems:"center",justifyContent:"center",minWidth:e,minHeight:e,boxSizing:"border-box",borderRadius:$v,borderWidth:"var(--Button-Border-Width, 1px)",borderStyle:"solid",borderColor:"var(--Buttons-Default-Border)",color:"var(--Buttons-Default-Border)",backgroundColor:"transparent","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"}}),m="center"!==s;return t.jsxs(a.Box,{ref:h,sx:{position:"relative",display:"flex",flexShrink:0},children:[t.jsxs(a.Box,{component:"button",type:"button","aria-label":i||"Action",onClick:e=>{c&&u(e=>!e),o?.(e)},...c?{"aria-haspopup":"menu","aria-expanded":d}:{},className:"bottom-nav-fab"+(d?" bottom-nav-fab-open":""),sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:_v,width:40,flexShrink:0,border:"none",backgroundColor:"transparent",cursor:"pointer",padding:0,fontFamily:"inherit",outline:"none","&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderRadius:"8px"}},children:[t.jsx(a.Box,{sx:{...x(32),padding:Zv,fontSize:Kv,transition:"background-color 0.15s ease, transform 0.2s ease",transform:d?"rotate(45deg)":"none",".bottom-nav-fab:hover &":{backgroundColor:"var(--Hover)"},".bottom-nav-fab:active &":{backgroundColor:"var(--Pressed)"}},children:r||t.jsx(ye,{})}),n&&i&&t.jsx(tt,{className:"bottom-nav-label",style:{color:"var(--Buttons-Default-Border)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},children:i})]}),c&&d&&t.jsx(a.Box,{role:"menu","aria-label":i||"Actions",className:"bottom-nav-dial","data-surface":"Surface-Brightest",sx:{position:"absolute",bottom:"calc(100% + var(--Sizing-1, 8px))",...m?{right:0}:{left:0},zIndex:1,display:"flex",flexDirection:"column-reverse",padding:"var(--Sizing-1, 8px)",gap:"var(--Sizing-1, 8px)",backgroundColor:"var(--Background)",color:"var(--Text)",border:"1px solid var(--Border)",borderRadius:"var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px)))",boxShadow:"var(--Effect-Level-3, none)",whiteSpace:"nowrap"},children:l.map((e,r)=>t.jsxs(a.Box,{component:"button",type:"button",role:"menuitem","aria-label":e.label,className:"bottom-nav-dial-item",onClick:a=>{u(!1),e.onClick?.(a)},sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-1, 8px)",flexDirection:m?"row-reverse":"row",border:"none",backgroundColor:"transparent",cursor:"pointer",padding:0,fontFamily:"inherit",color:"inherit",outline:"none",borderRadius:$v,"&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},children:[t.jsx(a.Box,{sx:{width:40,display:"flex",justifyContent:"center",flexShrink:0},children:t.jsx(a.Box,{sx:{...x(iy),fontSize:"var(--Icon-Size-Small, 16px)"},children:e.icon||t.jsx(ye,{})})}),t.jsx(rt,{style:{color:"inherit"},children:e.label})]},e.key||r))})]})}const ny={Home:t.jsx(v,{sx:{fontSize:"inherit"}}),Explore:t.jsx(Ne,{sx:{fontSize:"inherit"}}),Radio:t.jsx(Re,{sx:{fontSize:"inherit"}}),Library:t.jsx(De,{sx:{fontSize:"inherit"}}),Favorite:t.jsx(b,{sx:{fontSize:"inherit"}}),Person:t.jsx(B,{sx:{fontSize:"inherit"}}),Search:t.jsx(S,{sx:{fontSize:"inherit"}}),Settings:t.jsx(j,{sx:{fontSize:"inherit"}}),Notifications:t.jsx(u,{sx:{fontSize:"inherit"}}),Cart:t.jsx(h,{sx:{fontSize:"inherit"}}),Star:t.jsx(z,{sx:{fontSize:"inherit"}}),Bookmark:t.jsx(We,{sx:{fontSize:"inherit"}})},ly=Object.keys(ny),sy=[{icon:"Home",label:"Home"},{icon:"Explore",label:"Browse"},{icon:"Radio",label:"Radio"},{icon:"Library",label:"Library"}],cy=[{value:"default",label:"Default",desc:'data-theme="Nav-Bar"'},{value:"primary",label:"Primary",desc:'data-theme="Primary"'},{value:"primary-light",label:"Primary Light",desc:'data-theme="Primary"'},{value:"primary-medium",label:"Primary Medium",desc:'data-theme="Primary"'},{value:"primary-dark",label:"Primary Dark",desc:'data-theme="Primary"'},{value:"white",label:"White",desc:'data-theme="White"'},{value:"black",label:"Black",desc:'data-theme="Black"'}];function dy({label:e,selected:r,onClick:i,disabled:o}){return t.jsx(a.Box,{component:"button",onClick:i,disabled:o,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:o?"not-allowed":"pointer",border:"2px solid var(--Buttons-Primary-Button)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:r?"var(--Buttons-Primary-Button)":"transparent",color:r?"var(--Buttons-Primary-Text)":"var(--Text)",padding:"4px 12px",fontSize:"14px",fontFamily:"inherit",fontWeight:500,whiteSpace:"nowrap",flexShrink:0,opacity:o?.4:1,transition:"background-color 0.15s ease, color 0.15s ease","&:hover":{backgroundColor:o?"transparent":r?"var(--Buttons-Primary-Hover)":"var(--Surface-Dim)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:e})}function uy({value:e,onChange:r,placeholder:i,sx:o}){return t.jsx(a.Box,{component:"input",type:"text",value:e,onChange:e=>r(e.target.value),placeholder:i,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)"},...o}})}function hy({value:e,onChange:r,options:i,label:o}){return t.jsx(a.Box,{component:"select",value:e,onChange:e=>r(e.target.value),"aria-label":o,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:i.map(e=>t.jsx("option",{value:"string"==typeof e?e:e.value,children:"string"==typeof e?e:e.label},"string"==typeof e?e:e.value))})}function xy({value:e,onChange:r,min:i,max:o,label:n}){return t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",flexShrink:0,width:90},children:n}),t.jsx("button",{type:"button",onClick:()=>{e>i&&r(e-1)},disabled:e<=i,style:{width:28,height:28,display:"flex",alignItems:"center",justifyContent:"center",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",cursor:e<=i?"not-allowed":"pointer",fontSize:"14px",opacity:e<=i?.4:1,fontFamily:"inherit"},children:"−"}),t.jsx(a.Box,{sx:{fontWeight:700,fontSize:"14px",minWidth:24,textAlign:"center"},children:e}),t.jsx("button",{type:"button",onClick:()=>{e<o&&r(e+1)},disabled:e>=o,style:{width:28,height:28,display:"flex",alignItems:"center",justifyContent:"center",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",cursor:e>=o?"not-allowed":"pointer",fontSize:"14px",opacity:e>=o?.4:1,fontFamily:"inherit"},children:"+"})]})}function my({label:e,checked:r,onChange:i,caption:o,disabled:n}){return t.jsxs(a.Box,{sx:{py:.5,opacity:n?.4:1},children:[t.jsx(a.FormControlLabel,{control:t.jsx(a.Checkbox,{checked:r,onChange:e=>i(e.target.checked),size:"small",disabled:n,sx:{color:"var(--Text-Quiet)","&.Mui-checked":{color:"var(--Buttons-Primary-Button)"}}}),label:t.jsx(it,{children:e}),sx:{m:0}}),o&&t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginLeft:32},children:o})]})}const py=r=>e.forwardRef(function(e,i){return t.jsx(a.Slide,{direction:r,ref:i,...e})}),fy={fade:e.forwardRef(function(e,r){return t.jsx(a.Fade,{ref:r,...e})}),grow:e.forwardRef(function(e,r){return t.jsx(a.Grow,{ref:r,...e})}),zoom:e.forwardRef(function(e,r){return t.jsx(a.Zoom,{ref:r,...e})}),"slide-up":py("up"),"slide-down":py("down"),"slide-left":py("left"),"slide-right":py("right")},gy={backgroundColor:"var(--Background)",color:"var(--Text)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",boxShadow:dm},by={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},vy={color:"var(--Text)",fontFamily:"inherit",fontSize:"14px",lineHeight:1.6,py:3,px:3},yy={borderTop:"1px solid var(--Border)",px:3,py:1.5,gap:1},jy={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"}},Sy={primary:{...jy,backgroundColor:"var(--Buttons-Primary-Button)",color:"var(--Buttons-Primary-Text)",border:"1px solid var(--Buttons-Primary-Border)","&:hover":{backgroundColor:"var(--Buttons-Primary-Hover)"},"&:active":{backgroundColor:"var(--Buttons-Primary-Pressed)"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},outline:{...jy,backgroundColor:"transparent",color:"var(--Text)",border:"1px solid var(--Border)","&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}}};function zy({open:e=!1,onClose:r,title:i,children:o,actions:n,maxWidth:l="sm",fullScreen:s=!1,scroll:c="body",alert:d=!1,nonModal:u=!1,transition:h,transitionDuration:x=300,titleId:m="dialog-title",contentId:p="dialog-description",className:f="",sx:g={},PaperProps:b={},...v}){const y=h?fy[h]:void 0;let j;try{j=bv()}catch{j=null}const S=j?.theme||"Default",z=j?.style||"Modern",B=j?.surface||"Surface";return t.jsxs(a.Dialog,{open:e,onClose:(e,a)=>{d&&"backdropClick"===a||d&&"escapeKeyDown"===a||r?.(e,a)},maxWidth:!s&&l,fullScreen:s,fullWidth:!s,scroll:c,hideBackdrop:u,disableEnforceFocus:u,disableEscapeKeyDown:d,TransitionComponent:y,transitionDuration:x,"aria-labelledby":m,"aria-describedby":p,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":z,"data-surface":B,sx:{...gy,...s&&{borderRadius:0,border:"none"},...b.sx},role:d?"alertdialog":"dialog"},...v,children:[i&&t.jsxs(a.DialogTitle,{id:m,sx:by,children:[i,!d&&r&&t.jsx(wp,{"aria-label":"Close dialog",onClick:e=>r(e,"closeButton"),size:"small",variant:"ghost",sx:{color:"var(--Text-Quiet)"},children:t.jsx(Le,{fontSize:"small"})})]}),t.jsx(a.DialogContent,{dividers:"paper"===c,sx:{...vy,..."paper"===c&&{maxHeight:s?"none":"400px",overflowY:"auto",borderColor:"var(--Border)"}},children:d?t.jsx(a.DialogContentText,{id:p,sx:{color:"var(--Text)",fontFamily:"inherit",fontSize:"14px",lineHeight:1.6},children:o}):t.jsx(a.Box,{id:p,children:o})}),n&&t.jsx(a.DialogActions,{sx:yy,children:n})]})}function By({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const wy={compact:{minHeight:"24px",fontSize:"13px",iconSize:16,gap:"6px"},default:{minHeight:"32px",fontSize:"14px",iconSize:18,gap:"8px"}},ky={none:void 0,slide:"omni-tree-slide 0.25s ease",spring:"omni-tree-slide 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)"},Cy={"@keyframes omni-tree-slide":{from:{opacity:0,transform:"translateY(-4px)"},to:{opacity:1,transform:"none"}}};function Ty(e,a,t=1,r=[]){return e.forEach((i,o)=>{r.push({item:i,level:t,index:o,siblings:e.length}),i.children?.length&&a.includes(i.id)&&Ty(i.children,a,t+1,r)}),r}function My(e,a,t=null){for(const r of e){if(r.id===a)return t;if(r.children?.length){const e=My(r.children,a,r.id);if(null!=e)return e;if(null===e&&r.children.some(e=>e.id===a))return r.id}}return null}function Ay({node:e,density:r,expanded:i,selected:o,focusedId:n,multiSelect:l,checkboxSelection:s,disableSelection:c,disabledItemsFocusable:d,collapseIcon:u,expandIcon:h,animation:x,onToggle:m,onSelect:p,onFocusItem:f,registerRef:g}){const{item:b,level:v,index:y,siblings:j}=e,S=wy[r]||wy.default,z="compact"===r?at:Xa,B=!!b.children?.length,w=B&&i.includes(b.id),k=o.includes(b.id),C=!!b.disabled,T=!C||d;return t.jsxs(a.Box,{component:"li",role:"treeitem","aria-expanded":B?w:void 0,"aria-selected":c?void 0:k,"aria-disabled":C||void 0,"aria-level":v,"aria-setsize":j,"aria-posinset":y+1,tabIndex:n===b.id&&T?0:-1,ref:e=>g(b.id,e),onFocus:e=>{e.stopPropagation(),f(b.id)},sx:{outline:"none",listStyle:"none",...b.sx||{}},children:[t.jsxs(a.Box,{className:"omni-tree-content",onClick:e=>{C||(e.stopPropagation(),B&&m(e,b.id),c||p(e,b.id))},sx:{display:"flex",alignItems:"center",gap:S.gap,minHeight:S.minHeight,padding:"0 8px",marginLeft:0,borderRadius:"var(--Style-Border-Radius)",border:"1px solid transparent",color:k?"var(--Text)":"var(--Quiet)",fontWeight:k?600:400,backgroundColor:k?"var(--Pressed)":"transparent",cursor:C?"not-allowed":"pointer",opacity:C?"var(--Disabled, 0.38)":1,transition:"color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease",...C?{}:{"&:hover":{color:"var(--Text)",backgroundColor:"var(--Hover)"},"&:active":{color:"var(--Text)",backgroundColor:"var(--Pressed)"}},"li:focus-visible > &":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},children:[t.jsx(a.Box,{"aria-hidden":"true",sx:{width:S.iconSize,height:S.iconSize,flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",color:"inherit"},children:B&&(w?u:h)}),s&&!c&&t.jsx(sg,{checked:k,disabled:C,size:"small","aria-hidden":"true",tabIndex:-1,onChange:()=>{}}),b.icon&&t.jsx(am,{size:"small",sx:{color:"inherit",flexShrink:0},children:b.icon}),t.jsx(z,{style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",color:"inherit",fontWeight:"inherit"},children:b.label}),b.badge&&t.jsx(a.Box,{sx:{flexShrink:0},children:b.badge})]}),B&&w&&t.jsx(a.Box,{component:"ul",role:"group",sx:{margin:0,padding:0,paddingLeft:"9px",marginLeft:"12px",listStyle:"none",animation:ky[x]},children:b.children.map((e,a)=>t.jsx(Ay,{node:{item:e,level:v+1,index:a,siblings:b.children.length},density:r,expanded:i,selected:o,focusedId:n,multiSelect:l,checkboxSelection:s,disableSelection:c,disabledItemsFocusable:d,collapseIcon:u,expandIcon:h,animation:x,onToggle:m,onSelect:p,onFocusItem:f,registerRef:g},e.id))})]})}function Ly({color:r="default",variant:i="solid",surface:o,density:n="default",animation:l="slide",selectionStyle:s,items:c=Iy,selectionMode:d="single",checkboxSelection:u=!1,disableSelection:h=!1,disabledItemsFocusable:x=!1,defaultExpandedItems:m,expandedItems:p,onExpandedItemsChange:f,selectedItems:g,onSelectedItemsChange:b,onItemExpansionToggle:v,onItemSelectionToggle:y,slots:j,"aria-label":S="Tree view",className:z="",sx:B={},...w}){const k=s||i,C="multi"===d,[T,M]=e.useState(m||[]),A=void 0!==p?p:T,[L,I]=e.useState(g||(C?[]:null)),N=void 0!==g?g:L,R=Array.isArray(N)?N:N?[N]:[],D=e.useMemo(()=>Ty(c,A),[c,A]),[W,F]=e.useState(null),P=W??D[0]?.item.id??null,H=e.useRef({}),O=e.useCallback((e,a)=>{a?H.current[e]=a:delete H.current[e]},[]),E=e.useCallback(e=>{F(e),H.current[e]?.focus()},[]),V=e.useCallback((e,a)=>{const t=A.includes(a),r=t?A.filter(e=>e!==a):[...A,a];void 0===p&&M(r),f?.(e,r),v?.(e,a,!t)},[A,p,f,v]),q=e.useCallback((e,a)=>{const t=R.includes(a),r=C?t?R.filter(e=>e!==a):[...R,a]:[a],i=C?r:r[0]??null;void 0===g&&I(i),b?.(e,i),y?.(e,a,!C||!t)},[R,C,g,b,y]),Q=e.useCallback(e=>{const a=D.filter(e=>!e.item.disabled||x),t=a.findIndex(e=>e.item.id===P),r=a[t];if(!r)return;const{item:i}=r,o=!!i.children?.length,n=o&&A.includes(i.id),l=t=>{const r=a[Math.max(0,Math.min(a.length-1,t))];r&&(e.preventDefault(),E(r.item.id))};switch(e.key){case"ArrowDown":l(t+1);break;case"ArrowUp":l(t-1);break;case"Home":l(0);break;case"End":l(a.length-1);break;case"ArrowRight":o&&!n?(e.preventDefault(),V(e,i.id)):n&&l(t+1);break;case"ArrowLeft":if(n)e.preventDefault(),V(e,i.id);else{const a=My(c,i.id);a&&(e.preventDefault(),E(a))}break;case"Enter":case" ":e.preventDefault(),h?o&&V(e,i.id):q(e,i.id)}},[D,P,A,c,x,h,E,V,q]),G=(U=r).charAt(0).toUpperCase()+U.slice(1);var U;const X="default"===k?void 0:G,Y=o||("light"===k?"Surface-Brightest":"Surface-Dim"),J=j?.collapseIcon?t.jsx(j.collapseIcon,{}):t.jsx(am,{size:"small",sx:{color:"inherit",transform:"rotate(90deg)"},children:t.jsx(we,{})}),Z=j?.expandIcon?t.jsx(j.expandIcon,{}):t.jsx(am,{size:"small",sx:{color:"inherit"},children:t.jsx(we,{})});return t.jsx(a.Box,{"data-theme":X,"data-surface":Y,className:"omni-treeview omni-treeview-"+k+" omni-treeview-"+r+" omni-treeview-"+n+(z?" "+z:""),sx:{backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",...Cy,...B},children:t.jsx(a.Box,{component:"ul",role:"tree","aria-label":S,"aria-multiselectable":C||void 0,onKeyDown:Q,sx:{margin:0,padding:"8px",listStyle:"none",fontFamily:"inherit"},...w,children:c.map((e,a)=>t.jsx(Ay,{node:{item:e,level:1,index:a,siblings:c.length},density:n,expanded:A,selected:R,focusedId:P,multiSelect:C,checkboxSelection:u,disableSelection:h,disabledItemsFocusable:x,collapseIcon:J,expandIcon:Z,animation:l,onToggle:V,onSelect:q,onFocusItem:F,registerRef:O},e.id))})})}const Iy=[{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"}],Ny=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Ry=[{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 Dy({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const Wy={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}};function Fy({onFiles:r,accept:i,multiple:o=!1,size:n="medium",disabled:l=!1,icon:s,label:c,sublabel:d,children:u,className:h="",sx:x={},...m}){const[p,f]=e.useState(!1),g=e.useRef(null),b=e.useRef(0),v=Wy[n]||Wy.medium,y=e.useCallback(e=>{!l&&e?.length&&r?.(Array.from(e))},[l,r]),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()},[]),z=e.useCallback(e=>{e.preventDefault(),e.stopPropagation(),b.current++,l||f(!0)},[l]),B=e.useCallback(e=>{e.preventDefault(),e.stopPropagation(),b.current--,0===b.current&&f(!1)},[]),w=e.useCallback(()=>{l||g.current?.click()},[l]),k=e.useCallback(e=>{l||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),g.current?.click())},[l]),C=e.useCallback(e=>{y(e.target.files),e.target.value=""},[y]),T=s||Fe,M=o?"Drag and drop files here":"Drag and drop file here";return t.jsxs(a.Box,{role:"button",tabIndex:l?-1:0,"aria-label":c||M,"aria-disabled":l||void 0,onClick:w,onKeyDown:k,onDrop:j,onDragOver:S,onDragEnter:z,onDragLeave:B,className:"drop-zone drop-zone-"+n+(p?" drop-zone-dragging":"")+(l?" drop-zone-disabled":"")+" "+h,sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:v.gap,minHeight:v.minHeight,padding:v.padding,border:"2px dashed",borderColor:p?"var(--Buttons-Primary-Border)":"var(--Buttons-Default-Border)",borderRadius:"32px",backgroundColor:p?"var(--Hover)":"transparent",color:"var(--Text)",cursor:l?"not-allowed":"pointer",opacity:l?"var(--Disabled, 0.38)":1,outline:"none",transition:"background-color 0.2s ease, border-color 0.2s ease",textAlign:"center",...!l&&{"&:hover":{backgroundColor:"var(--Hover)",borderColor:"var(--Buttons-Primary-Border)"},"&:active":{backgroundColor:"var(--Pressed)",borderColor:"var(--Buttons-Primary-Border)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"2px",borderColor:"var(--Buttons-Primary-Border)"}},...x},...m,children:[t.jsx("input",{ref:g,type:"file",accept:i,multiple:o,onChange:C,style:{display:"none"},"aria-hidden":"true",tabIndex:-1}),u||t.jsxs(t.Fragment,{children:[t.jsx(T,{sx:{fontSize:v.iconSize,color:"var(--Text-Quiet)"}}),t.jsx(Xa,{style:{color:"var(--Text)"},children:c||M}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:d||"or click to browse"})]})]})}const Py={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Hy={size:40,iconSize:"24px",borderRadius:"8px"},Oy=new Set;function Ey({children:e,color:r="primary",variant:i="solid",size:o,className:n="",sx:l={},...s}){!function(e){void 0!==e&&("production"===process.env.NODE_ENV||Oy.has(e)||(Oy.add(e),console.warn('[IconBadge] size="'+e+'" — IconBadge has one size (40px) and the prop was removed. Figma draws exactly one, and component sizing comes from the Component-Size modes rather than a per-component ladder.')))}(o);const c=Hy,d=Py[r]||Py.primary;let u,h;switch(i){case"light":u=d,h="Surface-Brightest";break;case"dark":u=d,h="Surface-Dimmest";break;default:u=d,h="Surface"}return t.jsx(a.Box,{"data-theme":u,"data-surface":h,className:"icon-badge icon-badge-"+i+" icon-badge-"+r+" "+n,sx:{width:c.size,height:c.size,borderRadius:c.borderRadius,backgroundColor:"var(--Background)",color:"var(--Text)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,"& svg":{width:c.iconSize,height:c.iconSize,fontSize:c.iconSize,color:"inherit",stroke:"currentColor"},...l},...s,children:e})}const Vy={eyebrow:ot,title:Ja,secondary:Ya},qy={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Qy={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 Gy({children:e,size:r="medium",isButton:i=!1,onAction:o,ariaLabel:n}){return i?t.jsx(a.Box,{component:"button",role:"button",tabIndex:0,"aria-label":n||"Action",onClick:e=>{e.stopPropagation(),o?.(e)},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),o?.(e))},className:"list-item-decorator-button",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,padding:0,border:"none",backgroundColor:"transparent",borderRadius:"50%",cursor:"pointer",color:"inherit",transition:"background-color 0.15s ease","&:hover":{backgroundColor:"rgba(128,128,128,0.15)"},"&:active":{backgroundColor:"rgba(128,128,128,0.25)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},children:e}):t.jsx(a.Box,{className:"list-item-decorator",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:e})}function Uy({children:e,startDecorator:r,endDecorator:i,startDecoratorIsButton:o=!1,endDecoratorIsButton:n=!1,onStartDecoratorAction:l,onEndDecoratorAction:s,startDecoratorAriaLabel:c,endDecoratorAriaLabel:d,size:u="medium",variant:h="default",color:x,eyebrow:m,overline:p,secondary:f,clickable:g=!1,disabled:b=!1,selected:v=!1,selectionMode:y="none",onSelect:j,onClick:S,bottomBorder:z=!1,rightBorder:B=!1,component:w="li",sx:k={},...C}){const T=Qy[u]||Qy.medium,M=g||!!S,A="checkbox"===y||"radio"===y,L=(M||A)&&!b,I=e=>{b||(A&&j?.(e),S?.(e))};return t.jsxs(a.Box,{component:w,role:A?"option":M?"button":"listitem",tabIndex:L?0:void 0,"aria-disabled":b||void 0,"aria-selected":A?v:v||void 0,"aria-checked":"checkbox"===y?v:void 0,onClick:I,onKeyDown:L?e=>{b||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),I(e))}:void 0,className:"list-item"+(v?" list-item-selected":"")+(b?" list-item-disabled":"")+(M?" 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:L?"pointer":"default",opacity:b?"var(--Disabled, 0.38)":1,position:"relative",transition:"background-color 0.15s ease, box-shadow 0.15s ease",...M?{border:"1px solid var(--Border)",boxShadow:"var(--Effect-Level-1)",padding:"var(--Sizing-1)",borderRadius:"var(--Input-Radius)"}:{},...!M&&z?{borderBottom:"1px solid var(--Border-Variant)"}:{},...!M&&B?{borderRight:"1px solid var(--Border-Variant)"}:{},backgroundColor:"transparent",...v?{"&::before":{content:'""',position:"absolute",inset:"-1px",border:"1px solid var(--Border)",borderRadius:"var(--Menu-Item-Radius, var(--Input-Radius))",pointerEvents:"none"}}:{},"&:hover":L?{backgroundColor:"var(--Hover)",boxShadow:"var(--Effect-Level-2)"}:{},"&:active":L?{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"},...k},...C,children:["checkbox"===y&&t.jsx(a.Checkbox,{checked:v,disabled:b,size:T.checkSize,tabIndex:-1,onClick:e=>e.stopPropagation(),onChange:()=>j?.(),sx:{p:0,mr:0,color:"inherit","&.Mui-checked":{color:"inherit"}},inputProps:{"aria-label":"Select "+("string"==typeof e?e:"item")}}),"radio"===y&&t.jsx(a.Radio,{checked:v,disabled:b,size:T.checkSize,tabIndex:-1,onClick:e=>e.stopPropagation(),onChange:()=>j?.(),sx:{p:0,mr:0,color:"inherit","&.Mui-checked":{color:"inherit"}},inputProps:{"aria-label":"Select "+("string"==typeof e?e:"item")}}),r&&t.jsx(Gy,{size:u,isButton:o,onAction:l,ariaLabel:c,children:r}),(()=>{const r=Vy,i=m??p,o={display:"block",width:"100%",wordBreak:"break-word",overflowWrap:"anywhere"};return t.jsxs(a.Box,{sx:{flex:"1 1 auto",width:"100%",minWidth:0,display:"flex",flexDirection:"column",gap:0},children:[i&&t.jsx(r.eyebrow,{style:{...o,color:"var(--Quiet)"},children:i}),null!=e&&t.jsx(r.title,{style:{...o,color:"var(--Text)"},children:e}),f&&t.jsx(r.secondary,{style:{...o,color:"var(--Quiet)"},children:f})]})})(),i&&t.jsx(Gy,{size:u,isButton:n,onAction:s,ariaLabel:d,children:i})]})}function Xy({children:r,items:i,variant:o="default",color:n="primary",size:l="medium",orientation:s="vertical",dividers:c=!1,selectionMode:d="none",loading:u=!1,skeletonRows:h=3,empty:x,error:m,selectedIndices:p=[],onSelectionChange:f,clickable:g=!1,component:b="ul",className:v="",sx:y={},...j}){const S="horizontal"===s,z="checkbox"===d||"radio"===d,B="light"===o,w="default"===o,k={};("solid"===o||B)&&qy[n]&&(k["data-theme"]=qy[n],B&&(k["data-surface"]="Surface-Brightest"));const C=m?"error":u?"loading":i&&0===i.length&&x?"empty":null;return t.jsx(a.Box,{component:b,role:z?"listbox":"list","aria-busy":"loading"===C?"true":void 0,"aria-multiselectable":"checkbox"===d||void 0,...k,className:"list-container list-"+o+" list-"+n+" "+v,sx:{display:"flex",flexDirection:S?"row":"column",boxSizing:"border-box",alignItems:"stretch",gap:g?"var(--Sizing-1)":0,m:0,p:w?0:1,backgroundColor:w?"transparent":"var(--Background)",color:"var(--Text)",borderRadius:w?0:"var(--Style-Border-Radius)",width:"100%",listStyle:"none",...S?{"& > .list-item":{flex:"1 1 0",width:"auto"}}:{},...y},...j,children:(()=>{if("loading"===C)return t.jsx(a.Box,{component:"li",sx:{listStyle:"none"},children:t.jsx(ma,{label:"Loading",children:Array.from({length:h}).map((e,a)=>t.jsx(Uy,{component:"div",size:l,variant:o,color:n,children:"        "},"sk-"+a))})});if("error"===C)return t.jsx(a.Box,{component:"li",sx:{listStyle:"none"},children:m});if("empty"===C)return t.jsx(a.Box,{component:"li",sx:{listStyle:"none"},children:x});if(i&&i.length>0){const e=[];return i.forEach((r,s)=>{e.push(t.jsx(Uy,{size:l,variant:o,color:n,startDecorator:r.startDecorator,endDecorator:r.endDecorator,startDecoratorIsButton:r.startDecoratorIsButton,endDecoratorIsButton:r.endDecoratorIsButton,onStartDecoratorAction:r.onStartDecoratorAction,onEndDecoratorAction:r.onEndDecoratorAction,startDecoratorAriaLabel:r.startDecoratorAriaLabel,endDecoratorAriaLabel:r.endDecoratorAriaLabel,eyebrow:r.eyebrow??r.overline,secondary:r.secondary,clickable:g||r.clickable,disabled:r.disabled,bottomBorder:r.bottomBorder,rightBorder:r.rightBorder,selected:z?p.includes(s):r.selected,selectionMode:d,onSelect:()=>(e=>{if(f)if("radio"===d)f([e]);else{const a=p.includes(e)?p.filter(a=>a!==e):[...p,e];f(a)}})(s),onClick:r.onClick,children:r.label||r.children},"item-"+s)),c&&s<i.length-1&&e.push(t.jsx(a.Box,{component:"li",role:"separator","aria-hidden":"true",sx:S?{width:"1px",alignSelf:"stretch",backgroundColor:"var(--Border)",flexShrink:0}:{height:"1px",backgroundColor:"var(--Border)"}},"div-"+s))}),e}if(r){const i=e.Children.toArray(r);if(!c)return i;const o=[];return i.forEach((e,r)=>{o.push(e),r<i.length-1&&o.push(t.jsx(a.Box,{component:"li",role:"separator","aria-hidden":"true",sx:S?{width:"1px",alignSelf:"stretch",backgroundColor:"var(--Border)",flexShrink:0}:{height:"1px",backgroundColor:"var(--Border)"}},"div-"+r))}),o}return null})()})}const Yy=["default","primary","secondary","tertiary","neutral","info","success","warning","error"],Jy={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"};function Zy({color:e="primary",width:r="hug",allCaps:i=!1,children:o,className:n="",sx:l={},...s}){const c="fill"===r,d=Jy[e]||"Primary",u="var(--Tag-"+d+"-BG)",h="var(--Tag-"+d+"-Text)";return t.jsx(a.Box,{component:"span",className:"tag tag-"+e+(n?" "+n:""),sx:{display:c?"flex":"inline-flex",alignItems:"center",justifyContent:c?"center":"flex-start",height:"24px",px:"8px",borderRadius:0,backgroundColor:u,color:h,width:c?"100%":"auto",flexShrink:0,userSelect:"none",...l},...s,children:t.jsx(Xa,{component:"span",sx:{color:"inherit",lineHeight:"24px",whiteSpace:"nowrap",fontWeight:600,textTransform:i?"uppercase":"none"},children:o})})}const $y=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Ky({ratio:e,threshold:r}){if(!e)return t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"--"});const i=parseFloat(e)>=r;return t.jsxs(a.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[t.jsxs(a.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:i?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:[e,":1"]}),t.jsx(at,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function _y({label:e,ratio:r,threshold:i,note:o}){return t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(a.Box,{sx:{flex:1},children:[t.jsx(Xa,{style:{color:"var(--Text)"},children:e}),o&&t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:o})]}),t.jsx(Ky,{ratio:r,threshold:i})]})}function ej({color:e,selected:r,onClick:i}){const n=Jy[e]||((l=e)?l.charAt(0).toUpperCase()+l.slice(1):"");var l;return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height, 36px)",height:"var(--Button-Height, 36px)",borderRadius:"4px",backgroundColor:"var(--Tag-"+n+"-BG)",border:r?"2px solid var(--Text)":"2px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Tag-"+n+"-Text)",pointerEvents:"none"}})})}const aj={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",white:"Neutral",black:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},tj={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 rj({value:r,color:i="primary",size:o="medium",thickness:n,showValue:l=!1,children:s,className:c="",sx:d={},...u}){const h=aj[i]||"Primary",x="number"==typeof o?{diameter:o,thickness:Math.max(2,Math.round(o/11)),fontSize:Math.max(8,Math.round(o/3.3))+"px"}:tj[o]||tj.medium,m=n||x.thickness,p=null!=r,f=p?Math.min(100,Math.max(0,r)):0,g=(x.diameter-m)/2,b=2*Math.PI*g,v=p?b-f/100*b:.75*b,y="var(--Buttons-"+h+"-Border)",j="cp-grad-"+e.useId().replace(/:/g,"");return t.jsxs(a.Box,{role:"progressbar","aria-valuenow":p?Math.round(f):void 0,"aria-valuemin":p?0:void 0,"aria-valuemax":p?100:void 0,"aria-label":p?Math.round(f)+"% progress":"Loading",className:"circular-progress circular-progress-"+o+" circular-progress-"+i+(p?" circular-progress-value":" circular-progress-indeterminate")+" "+c,sx:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",width:x.diameter+"px",height:x.diameter+"px",flexShrink:0,...!p&&{animation:"circular-progress-spin 1.2s linear infinite","@keyframes circular-progress-spin":{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}},...d},...u,children:[t.jsxs("svg",{viewBox:"0 0 "+x.diameter+" "+x.diameter,width:x.diameter,height:x.diameter,style:{position:"absolute",top:0,left:0,transform:"rotate(-90deg)"},children:[t.jsx("defs",{children:t.jsxs("linearGradient",{id:j,x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[t.jsx("stop",{offset:"0%",stopColor:y,stopOpacity:"0"}),t.jsx("stop",{offset:"100%",stopColor:y,stopOpacity:"1"})]})}),t.jsx("circle",{cx:x.diameter/2,cy:x.diameter/2,r:g,fill:"none",stroke:"var(--Border-Variant)",strokeWidth:m,className:"circular-progress-track"}),t.jsx("circle",{cx:x.diameter/2,cy:x.diameter/2,r:g,fill:"none",stroke:"url(#"+j+")",strokeWidth:m,strokeDasharray:b,strokeDashoffset:v,strokeLinecap:"round",className:"circular-progress-indicator",style:{transition:p?"stroke-dashoffset 0.4s ease":"none"}})]}),(l||s)&&p&&t.jsx(a.Box,{className:"circular-progress-label","aria-hidden":"true",sx:{position:"relative",zIndex:1,fontSize:x.fontSize,fontWeight:700,fontFamily:"inherit",lineHeight:1,color:"var(--Text)",userSelect:"none"},children:s||Math.round(f)+"%"})]})}const ij=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",oj=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function nj({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function lj({color:e,selected:r,onClick:i}){const n=ij(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const sj={small:16,medium:24,large:32};function cj({theme:e,surface:r,size:i="medium",color:o="primary",message:n="Loading...",sx:l={},"aria-label":s="Loading","aria-labelledby":c,...d}){return t.jsxs(a.Stack,{alignItems:"center",justifyContent:"center",spacing:2,sx:{py:4,...l},...d,"data-theme":e||void 0,"data-surface":r||void 0,children:[t.jsx(rj,{size:"number"==typeof i?i:sj[i]??sj.medium,color:o,"aria-label":c?void 0:s,"aria-labelledby":c}),n&&t.jsx(a.Typography,{sx:{color:"var(--Text-Secondary)",fontWeight:500},children:n})]})}const dj=e=>e.charAt(0).toUpperCase()+e.slice(1),uj={small:Xa,medium:Ja,large:_a},hj={small:Qa,medium:qa,large:Va},xj={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"}},mj=e.createContext({open:!1,setOpen:()=>{},anchorRef:{current:null},menuId:"",buttonId:"",variant:"outline",color:"default",size:"medium"}),pj=()=>e.useContext(mj);function fj({children:r,variant:i="outline",color:o="default",size:n="medium",open:l,onOpenChange:s,...c}){const[d,u]=e.useState(!1),h=void 0!==l,x=h?l:d,m=e.useRef(null),p=e.useId(),f="menu-"+p,g="menubtn-"+p,b=e.useCallback(e=>{const a="function"==typeof e?e(x):e;h?s?.(a):u(a)},[h,x,s]);return t.jsx(mj.Provider,{value:{open:x,setOpen:b,anchorRef:m,menuId:f,buttonId:g,variant:i,color:o,size:n},children:t.jsx(a.Box,{sx:{display:"inline-flex",position:"relative"},...c,children:r})})}function gj({children:r,className:o="",sx:n={},...l}){const{open:s,setOpen:c,anchorRef:d,menuId:u,buttonId:h,size:x,color:m}=pj(),p=xj[x]||xj.medium,f=dj("default"===m?"Default":m);return t.jsxs(a.Box,{component:"button",ref:d,id:h,"aria-haspopup":"true","aria-expanded":s,"aria-controls":s?u:void 0,onClick:()=>c(e=>!e),className:"menu-button "+o,sx:{display:"inline-flex",alignItems:"center",gap:"6px",padding:p.itemPy+" "+p.itemPx,fontSize:p.fontSize,fontFamily:"inherit",fontWeight:600,color:"var(--Text)",backgroundColor:"var(--Background)",border:"1px solid var(--Buttons-"+f+"-Border)",borderRadius:"var(--Style-Border-Radius)",cursor:"pointer",boxShadow:"none",transition:"box-shadow 0.15s ease","&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},...n},onKeyDown:e=>{"ArrowDown"!==e.key&&"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),c(!0))},...l,children:["string"==typeof r?e.createElement(uj[x]||uj.medium,{style:{color:"inherit",fontWeight:600}},r):r,t.jsx(am,{size:"small",sx:{color:"var(--Quiet)",transition:"transform 0.2s ease",transform:s?"rotate(180deg)":"rotate(0deg)"},children:t.jsx(i,{})})]})}function bj({children:r,className:i="",placement:o="bottom-start",sx:n={},...l}){const{open:s,setOpen:c,anchorRef:d,menuId:u,buttonId:h,variant:x,color:m,size:p}=pj(),f=e.useRef(null),g=xj[p]||xj.medium,b=dj("default"===m?"Default":m),v="var(--Buttons-"+b+"-Border)",y="light"===x?"default"===m?"Default":b:"solid"===x?b:void 0,j="light"===x?"Surface-Brightest":"solid"===x?"Surface":void 0;return e.useEffect(()=>{if(s&&f.current){const e=f.current.querySelector('[role="menuitem"]:not([aria-disabled="true"])');e&&e.focus()}},[s]),e.useEffect(()=>{if(!s)return;const e=e=>{f.current&&!f.current.contains(e.target)&&d.current&&!d.current.contains(e.target)&&c(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[s,c,d]),e.useEffect(()=>{if(!s)return;const e=e=>{"Escape"===e.key&&(c(!1),d.current?.focus())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[s,c,d]),s?t.jsx(a.Box,{className:"menu menu-"+x+" "+i,sx:{position:"absolute",top:"100%",left:"bottom-end"===o?"auto":0,right:"bottom-end"===o?0:"auto",zIndex:99999,marginTop:"4px",border:"1px solid "+v,borderRadius:"var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px)))",boxShadow:lm,overflow:"hidden",...n},children:t.jsx(a.Box,{ref:f,id:u,role:"menu","aria-labelledby":h,"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 a=f.current?.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])');if(!a?.length)return;const t=Array.from(a).indexOf(document.activeElement);"ArrowDown"===e.key?(e.preventDefault(),a[(t+1)%a.length].focus()):"ArrowUp"===e.key?(e.preventDefault(),a[(t-1+a.length)%a.length].focus()):"Home"===e.key?(e.preventDefault(),a[0].focus()):"End"===e.key?(e.preventDefault(),a[a.length-1].focus()):"Tab"===e.key&&c(!1)},...l,children:r})}):null}function vj({children:e,onClick:r,selected:i=!1,disabled:o=!1,className:n="",sx:l={},...s}){const{setOpen:c,size:d}=pj(),u=xj[d]||xj.medium,h=i?hj[d]||hj.medium:uj[d]||uj.medium,x=()=>{o||(r?.(),c(!1))};return t.jsx(a.Box,{role:"menuitem",tabIndex:o?-1:0,"aria-disabled":o||void 0,"aria-selected":i||void 0,onClick:x,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),x())},className:"menu-item"+(i?" menu-item-selected":"")+" "+n,sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-Half)",padding:u.itemPy+" "+u.itemPx,fontSize:u.fontSize,color:o?"var(--Quiet)":i?"var(--Text)":"var(--Quiet)",backgroundColor:i?"var(--Hover)":"transparent",cursor:o?"not-allowed":"pointer",opacity:o?"var(--Disabled, 0.38)":1,outline:"none",transition:"background-color 0.1s ease, color 0.1s ease",userSelect:"none",...!o&&{"&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)"},"&:active":{backgroundColor:"var(--Pressed)",color:"var(--Text)"},"&:focus-visible":{backgroundColor:"var(--Hover)",color:"var(--Text)",outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},...l},...s,children:t.jsx(a.Box,{className:"menu-item-slot",sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-Half)",paddingLeft:"var(--Sizing-Half)",paddingRight:"var(--Sizing-Half)",minWidth:0,flex:1},children:t.jsx(h,{color:"standard",style:{color:"inherit"},children:e})})})}function yj({className:e="",sx:r={},...i}){return t.jsx(a.Box,{component:"hr",role:"separator",className:"menu-divider "+e,sx:{border:"none",borderTop:"1px solid var(--Border)",margin:"4px 0",...r},...i})}const jj=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Sj=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function zj({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Bj({color:e,selected:r,onClick:i}){const n=jj(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const wj={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},kj={default:"Container-High",solid:"Container-High",soft:"Surface-Brightest"},Cj={small:{maxWidth:400,padding:"24px"},medium:{maxWidth:560,padding:"32px"},large:{maxWidth:720,padding:"40px"}},Tj={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 Mj(e){const a=Tj[e];if(!a)return"";const{from:t,to:r}=a.enter,i=Object.entries(t).map(([e,a])=>e+":"+a).join(";"),o=Object.entries(r).map(([e,a])=>e+":"+a).join(";");return"@keyframes "+a.name+" { from {"+i+"} to {"+o+"} }@keyframes "+a.name+"-backdrop { from { opacity: 0 } to { opacity: 1 } }"}function Aj({open:r,onClose:i,children:o,title:n,variant:l="default",color:s="primary",size:c="medium",layout:d="center",transition:u="fade",transitionSpeed:h=250,closeOnBackdrop:x=!0,showCloseButton:m=!0,className:p="",sx:f={},...g}){const b=e.useRef(null),v=e.useRef(null),[y,j]=e.useState(!1);let S;try{S=bv()}catch{S=null}const z=S?.style||"Modern",B="soft"===l,w="solid"===l,k="fullscreen"===d,C=w||B?wj[s]:null,T=kj[l]||kj.default,M=Cj[c]||Cj.medium,A=Tj[u],L=A?A.name:void 0,I=h+"ms";return e.useEffect(()=>(r?(v.current=document.activeElement,j(!0),requestAnimationFrame(()=>{b.current?.focus()}),document.body.style.overflow="hidden"):(j(!1),document.body.style.overflow="",v.current?.focus()),()=>{document.body.style.overflow=""}),[r]),e.useEffect(()=>{if(!r)return;const e=e=>{"Escape"===e.key&&i?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[r,i]),r||y?t.jsxs(t.Fragment,{children:["none"!==u&&t.jsx("style",{children:Mj(u)}),t.jsx(a.Box,{"aria-hidden":"true",onClick:x?i:void 0,sx:{position:"fixed",inset:0,zIndex:1e7,backgroundColor:"rgba(0,0,0,0.5)",...L&&{animation:L+"-backdrop "+I+" ease-out forwards"}}}),t.jsxs(a.Box,{role:"dialog","aria-modal":"true","aria-label":n||"Modal",ref:b,tabIndex:-1,"data-surface":T,"data-theme":C||void 0,"data-style":z,className:"modal modal-"+l+" modal-"+c+" modal-"+d+(B||w?" modal-"+s:"")+(p?" "+p:""),sx:{position:"fixed",zIndex:10000001,outline:"none",fontFamily:"inherit",...k?{inset:0,borderRadius:0}:{top:"50%",left:"50%",transform:"translate(-50%, -50%)",maxWidth:M.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:dm,display:"flex",flexDirection:"column",overflow:"hidden",...L&&{animation:L+" "+I+" ease-out forwards"},...f},...g,children:[(n||m)&&t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",px:k?4:M.padding,pt:k?3:M.padding,pb:0,flexShrink:0},children:[n&&t.jsx(a.Box,{sx:{fontSize:"small"===c?"18px":"large"===c?"24px":"20px",fontWeight:700,color:"var(--Text)",flex:1},children:n}),m&&t.jsx(a.Box,{component:"button",type:"button","aria-label":"Close modal",onClick:i,sx:{display:"flex",alignItems:"center",justifyContent:"center",width:32,height:32,borderRadius:"50%",border:"none",backgroundColor:"transparent",color:"var(--Text-Quiet)",cursor:"pointer",flexShrink:0,ml:1,transition:"background-color 0.15s ease, color 0.15s ease","&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)"},"&:active":{backgroundColor:"var(--Pressed)",color:"var(--Text)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},children:t.jsx(Le,{sx:{fontSize:20}})})]}),t.jsx(a.Box,{sx:{flex:1,overflowY:"auto",px:k?4:M.padding,pt:k?3:"16px",pb:k?3:M.padding,color:"var(--Text)",fontSize:"small"===c?"13px":"14px",lineHeight:1.6},children:o})]})]}):null}function Lj({children:e,surface:r="Container",outlined:i=!1,variant:o=(i?"outlined":"elevation"),sx:n={},...l}){const{dataSurface:s,elevation:c}=function(e="Container"){const a={"Container-Lowest":{elevation:0,zIndex:0},"Container-Low":{elevation:1,zIndex:100},Container:{elevation:4,zIndex:200},"Container-High":{elevation:8,zIndex:300},"Container-Highest":{elevation:12,zIndex:400}},t=a[e]||a.Container;return{dataSurface:e,elevation:t.elevation,zIndex:t.zIndex}}(r),d="outlined"===o||i;return t.jsx(a.Paper,{variant:o,elevation:d?0:c,"data-surface":s,sx:{padding:2,borderRadius:"8px",transition:"all 0.2s ease-in-out",...n},...l,children:e})}function Ij({open:i=!1,onClose:o,anchorRef:n,placement:l="bottom-end",theme:s="Default",surface:c="Surface-Bright",width:d=320,maxHeight:u=400,children:h,sx:x={}}){const m=e.useRef(null),[p,f]=e.useState({top:0,left:0,right:"auto"});return e.useEffect(()=>{if(!i||!n?.current)return;const e=n.current.getBoundingClientRect();f("bottom-end"===l?{top:e.bottom+6,right:window.innerWidth-e.right,left:"auto"}:{top:e.bottom+6,left:e.left,right:"auto"})},[i,n,l]),e.useEffect(()=>{if(!i)return;const e=e=>{m.current?.contains(e.target)||n?.current?.contains(e.target)||o?.()};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[i,o,n]),e.useEffect(()=>{if(!i)return;const e=e=>{"Escape"===e.key&&o?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i,o]),i?r.createPortal(t.jsx(a.Box,{ref:m,"data-theme":s,"data-surface":c,sx:{position:"fixed",top:p.top,left:p.left,right:p.right,zIndex:2e9,width:d,maxHeight:u,overflowY:"auto",backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",boxShadow:lm,...x},children:h}),document.body):null}const Nj={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error","black-white":"BlackWhite"},Rj={small:"var(--Sm-Rail-Width, 72px)",medium:"var(--Rail-Width, 80px)",large:"var(--Lg-Rail-Width, 96px)"},Dj="var(--Icon-Size, 24px)",Wj="var(--Sizing-Half, 4px)",Fj="var(--Button-Height, 32px)";function Pj({items:r=[],sections:i,value:o,defaultValue:n=0,onChange:l,expandable:s=!1,expandedWidth:c="partial",defaultExpanded:d=!1,fabAction:u,labelStyle:h="contained",variant:x="default",size:m="medium",className:p="",sx:f={},...g}){const[b,v]=e.useState(n),[y,j]=e.useState(d),S=void 0!==o,z=S?o:b,B=e.useCallback(e=>{S||v(e),l?.(e)},[S,l]),w=s&&y,k=w?("full"===c?320:240)+"px":Rj[m]||Rj.medium;return t.jsxs(a.Box,{component:"nav",role:"navigation","aria-label":"Navigation rail","data-theme":"Default","data-surface":"Surface-Dim",className:"rail"+(s?" rail-expandable":" rail-fixed")+(w?" rail-expanded":" rail-collapsed")+" rail-label-"+("outside"===h?"outside":"contained")+" rail-"+(Rj[m]?m:"medium")+" "+p,sx:{display:"flex",flexDirection:"column",width:k,minHeight:"100%",gap:w?0:"var(--Sizing-1, 8px)",backgroundColor:"var(--Background)",borderRight:"1px solid var(--Border)",fontFamily:"inherit",transition:"width 0.25s ease",overflow:"hidden",flexShrink:0,...f},...g,children:[s&&t.jsx(a.Box,{sx:{display:"flex",justifyContent:w?"flex-start":"center",px:w?1.5:0,height:56,alignItems:"center"},children:t.jsx(zp,{iconOnly:!0,variant:"ghost",size:"small",onClick:()=>j(e=>!e),"aria-label":w?"Collapse menu":"Expand menu",children:t.jsx(am,{size:"small",sx:{color:"inherit"},children:w?t.jsx(Le,{}):t.jsx(Te,{})})})}),u&&t.jsx(a.Box,{sx:{px:w?2:1,py:1,flexShrink:0},children:t.jsx(zp,{variant:"primary-light",size:"medium",onClick:u.onClick,"aria-label":u.label||"Action",startIcon:u.icon?t.jsx(am,{size:"small",sx:{color:"inherit"},children:u.icon}):void 0,sx:{width:w?"100%":56,borderRadius:w?"28px":"var(--Style-Border-Radius)",justifyContent:w?"flex-start":"center",transition:"all 0.2s ease"},children:w?u.label:null})}),t.jsx(a.Box,{role:"tablist","aria-orientation":"vertical",sx:{flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column",alignItems:"center",gap:w?0:"var(--Sizing-1-and-Half, 12px)",px:w?0:"var(--Sizing-1, 8px)",width:"100%",boxSizing:"border-box"},children:(()=>{if(i&&i.length>0){const e=[];let r=0;return i.forEach((i,o)=>{o>0&&e.push(t.jsx(a.Box,{"aria-hidden":"true",sx:{height:"1px",width:"100%",backgroundColor:"var(--Border-Variant)"}},"divider-"+o)),i.items.forEach(a=>{const i=r;e.push(t.jsx(Hj,{item:a,variant:x,selected:z===i,expanded:w,labelStyle:h,onClick:()=>B(i)},"item-"+i)),r++})}),e}return r.map((e,a)=>t.jsx(Hj,{item:e,variant:x,selected:z===a,expanded:w,labelStyle:h,onClick:()=>B(a)},a))})()})]})}function Hj({item:e,selected:r,expanded:i,labelStyle:o,variant:n="default",onClick:l}){const{icon:s,avatar:c,label:d,badge:u,disabled:h}=e,x=Nj[n]||"Default";const m=r?`var(--Buttons-${x}-Button)`:"transparent",p=r?`var(--Buttons-${x}-Text)`:i?"var(--Text)":"var(--Quiet)",f="outside"!==o,g=f&&!i,b=h?{}:{...r?{}:{"&: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",...r?{}:{"& .rail-item-label":{color:"var(--Text)"}}}};return t.jsxs(a.Box,{component:"button",type:"button",role:"tab","aria-selected":r,"aria-label":d,"aria-disabled":h||void 0,disabled:h||void 0,onClick:h?void 0:l,className:"rail-item"+(r?" rail-item-selected":""),sx:{display:"flex",flexDirection:i?"row":"column",alignItems:"center",justifyContent:i?"flex-start":"center",gap:i?"var(--Sizing-1-and-Half, 12px)":"2px",width:i?"100%":44,minWidth:i?void 0:Dj,minHeight:Dj,px:i?2.5:0,py:g?Wj:0,border:r&&g?"1px solid var(--Border)":"1px solid transparent",borderRadius:i?0:"8px",backgroundColor:g||i?m:"transparent",boxShadow:r&&g?"var(--Shadow-1, none)":"none",color:p,cursor:h?"not-allowed":"pointer",opacity:h?"var(--Disabled, 0.38)":1,fontFamily:"inherit",textAlign:i?"left":"center",transition:"background-color 0.15s ease, color 0.15s ease",outline:"none",...g||i?b:{}},children:[t.jsxs(a.Box,{sx:{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",...i?{flexShrink:0}:{width:f?"100%":Fj,height:f?"auto":Fj,py:f?Wj:0,borderRadius:f?"8px":Fj,backgroundColor:f?"transparent":m,border:!f&&r?"1px solid var(--Border)":void 0,transition:"background-color 0.2s ease",...f?{}:b}},children:[c?t.jsx(a.Box,{sx:{display:"flex",width:Dj,height:Dj},children:c}):t.jsx(am,{size:"small",sx:{color:"inherit"},children:s}),u&&t.jsx(Oj,{value:u})]}),d&&t.jsx(a.Box,{sx:{display:"flex",alignItems:"flex-start",justifyContent:"center",width:"100%"},children:t.jsx(tt,{className:"rail-item-label",color:"inherit",style:{textAlign:"center",whiteSpace:i?"nowrap":"normal",overflow:"hidden",textOverflow:"ellipsis",...i?{flex:1}:{maxWidth:"100%"}},children:d})})]})}function Oj({value:e}){return t.jsx(a.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 Ej=[{icon:t.jsx(v,{}),label:"Home"},{icon:t.jsx(S,{}),label:"Search"},{icon:t.jsx(b,{}),label:"Favorites",badge:3},{icon:t.jsx(B,{}),label:"Profile"},{icon:t.jsx(j,{}),label:"Settings"}];function Vj({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const qj=["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"],Qj="1.618034",Gj={"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":Qj+" / 1","Golden-Vertical":"1 / "+Qj},Uj={none:0,xs:1,sm:2,md:3,lg:4,xl:6};function Xj({ratio:r="1:1",children:i,variant:o="default",color:n="default",padding:l="none",fit:s="width",placeholder:c=!0,elevated:d=!1,clickable:u=!1,onClick:h,maxWidth:x,maxHeight:m,component:p="div",className:f="",sx:g={},...b}){const v=Gj[r]||Gj["1:1"],y=(j="default"===n?"Default":n).charAt(0).toUpperCase()+j.slice(1);var j;const S=c&&0===e.Children.count(i),z="default"===n?void 0:y,B="dark"===o?"Surface-Dimmest":"light"===o?"Surface-Brightest":void 0,w=void 0!==Uj[l]?Uj[l]:Uj.none,k=u||!!h,C="default"===o,T=d?lm:nm,M=d?sm:lm;return t.jsx(a.Box,{component:p,onClick:k?h:void 0,role:k?"button":void 0,tabIndex:k?0:void 0,className:"ratio ratio-"+r.toLowerCase()+" ratio-"+o+(k?" 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!==x&&{maxWidth:x},...void 0!==m&&{maxHeight:m},border:C?"none":"1px solid var(--Border-Variant)",borderRadius:C?0:"var(--Style-Border-Radius)",boxShadow:C?"none":T,overflow:"hidden",transition:"box-shadow 0.2s ease, border-color 0.2s ease",...k&&{cursor:"pointer","&:hover":{borderColor:"var(--Buttons-Default-Border)",boxShadow:M},"&:active":{transform:"scale(0.995)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"3px"}},...!k&&!C&&{"&:hover":{boxShadow:M}},...g},...b,children:t.jsx(a.Box,{"data-theme":z||void 0,"data-surface":B,sx:{width:"100%",height:"100%",padding:w,backgroundColor:S?"var(--Border)":"var(--Background)",color:"var(--Text)",fontFamily:"inherit",borderRadius:C?0:"calc(var(--Style-Border-Radius) - 1px)",...S?{display:"flex",alignItems:"center",justifyContent:"center"}:{"& > *":{width:"100%",height:"100%"}}},children:S?t.jsx(am,{size:"large",sx:{color:"var(--Background)"},children:t.jsx(He,{})}):i})})}const Yj={none:void 0,small:"var(--Sm-Card-Radius, var(--Card-Radius))",medium:"var(--Card-Radius)",large:"var(--Lg-Card-Radius, var(--Card-Radius))"};function Jj({children:e,theme:r,surface:i,radius:o="none",elevation:n=0,component:l="div",className:s="",sx:c={},style:d,...u}){const h=Math.max(0,Math.min(5,0|n)),x=Yj[o];if(!h)return t.jsx(a.Box,{component:l,"data-theme":r||void 0,"data-surface":i||void 0,className:"omni-box"+(s?" "+s:""),sx:{background:"var(--Background)",boxSizing:"border-box",...x?{borderRadius:x}:{},...c},style:d,...u,children:e});const m=d||{},{width:p,height:f,minWidth:g,minHeight:b,maxWidth:v,maxHeight:y,borderRadius:j,margin:S,marginTop:z,marginRight:B,marginBottom:w,marginLeft:k,...C}=m,T={width:p,height:f,minWidth:g,minHeight:b,maxWidth:v,maxHeight:y,borderRadius:j,margin:S,marginTop:z,marginRight:B,marginBottom:w,marginLeft:k},{width:M,height:A,borderRadius:L,...I}=c;return t.jsx(a.Box,{component:l,className:"omni-box-elevation"+(s?" "+s:""),"data-elevation":h,sx:{boxShadow:um[h],boxSizing:"border-box",width:M,height:A,borderRadius:void 0!==L?L:x},style:T,...u,children:t.jsx(a.Box,{"data-theme":r||void 0,"data-surface":i||void 0,className:"omni-box",sx:{width:"100%",height:"100%",background:"var(--Background)",borderRadius:"inherit",boxSizing:"border-box",...I},style:C,children:e})})}const Zj=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",$j=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Kj=["default","solid","light","dark"],_j=["none","xs","sm","md","lg","xl"];function eS({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function aS({color:e,selected:a,onClick:r,variant:i}){const n=Zj(e),l={solid:n,light:n+"-Light",dark:n,default:void 0};return t.jsx(Jj,{component:"button","data-theme":l[i],"data-surface":{solid:"Surface",light:"Surface",dark:"Surface-Dimmest",default:"Surface"}[i],onClick:()=>r(e),"aria-label":"Select "+n,"aria-pressed":a,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Background)",border:a?"2px solid var(--Text)":"2px solid var(--Border)",outline:a?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:a&&t.jsx(o,{sx:{fontSize:16,color:"var(--Text)",pointerEvents:"none"}})})}const tS=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",rS=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function iS({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function oS({color:e,selected:r,onClick:i}){const n=tS(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const nS=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",lS=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],sS=[{value:"apple",label:"Apple"},{value:"banana",label:"Banana"},{value:"cherry",label:"Cherry"},{value:"date",label:"Date"},{value:"elderberry",label:"Elderberry"}],cS=[{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 dS({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function uS({color:e,selected:r,onClick:i}){const n=nS(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const hS={outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},xS={opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"};function mS(e={}){const{selectedBg:a,selectedText:t,selectedHover:r,selectedPressed:i,muiPrefix:o}=e,n=o?"&.Mui-disabled":"&:disabled",l=o?"&.Mui-focusVisible":"&:focus-visible",s={"&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},[l]:hS,[n]:{...xS,color:"var(--Quiet)"}};return a?{...s,"&.Mui-selected":{backgroundColor:a,...t?{color:t}:{},"&:hover":{backgroundColor:r||"var(--Hover)"},"&:active":{backgroundColor:i||"var(--Pressed)"}}}:s}function pS({open:r,onClose:o,items:n=[],onItemClick:l,width:c=280,variant:d="temporary",header:u,footer:h,sx:x={},...m}){const[p,f]=e.useState(null),[g,b]=e.useState({}),v=(e,a)=>{f(a),l?.(e),"temporary"===d&&o?.()},y="permanent"===d?"permanent":"standard"===d?"standard":"temporary",j=t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"column",height:"100%",backgroundColor:"var(--Container)",color:"var(--Text)"},children:[u&&t.jsx(a.Box,{sx:{p:2,borderBottom:"1px solid var(--Border-Variant)"},children:"string"==typeof u?t.jsx(a.Typography,{variant:"h6",sx:{fontWeight:700},children:u}):u}),t.jsx(a.List,{sx:{flex:1,overflow:"auto",py:1},children:n.map((e,r)=>{const o=p===r,n=e.submenu&&e.submenu.length>0,l=g[r];return t.jsxs(a.Box,{children:[t.jsx(a.Tooltip,{title:e.tooltip||"",placement:"right",children:t.jsx(a.ListItem,{disablePadding:!0,children:t.jsxs(a.ListItemButton,{onClick:()=>{n?(e=>{b(a=>({...a,[e]:!a[e]}))})(r):v(e,r)},selected:o&&!n,sx:{backgroundColor:o&&!n?"var(--Buttons-Primary-Button)":"transparent",color:o&&!n?"var(--Buttons-Primary-Text)":"var(--Text)",...mS({muiPrefix:!0,selectedBg:"var(--Buttons-Primary-Button)",selectedText:"var(--Buttons-Primary-Text)",selectedHover:"var(--Buttons-Primary-Hover)",selectedPressed:"var(--Buttons-Primary-Pressed)"}),transition:"all 0.2s ease-in-out"},children:[e.icon&&t.jsx(a.ListItemIcon,{sx:{color:o&&!n?"var(--Buttons-Primary-Text)":"var(--Icons-Primary)",minWidth:40},children:e.badge?t.jsx(a.Badge,{badgeContent:e.badge,variant:"error",children:e.icon}):e.icon}),t.jsx(a.ListItemText,{primary:e.label,primaryTypographyProps:{variant:"body2",fontWeight:o&&!n?600:500}}),n&&t.jsx(a.Box,{sx:{ml:1},children:l?t.jsx(s,{}):t.jsx(i,{})})]})})}),n&&t.jsx(a.Collapse,{in:l,timeout:"auto",unmountOnExit:!0,children:t.jsx(a.List,{component:"div",disablePadding:!0,children:e.submenu.map((e,r)=>t.jsx(a.ListItem,{disablePadding:!0,children:t.jsxs(a.ListItemButton,{onClick:()=>v(e,r),sx:{pl:4,backgroundColor:"transparent",color:"var(--Text)",...mS({muiPrefix:!0,selectedBg:"var(--Buttons-Primary-Button)",selectedText:"var(--Buttons-Primary-Text)",selectedHover:"var(--Buttons-Primary-Hover)",selectedPressed:"var(--Buttons-Primary-Pressed)"})},children:[e.icon&&t.jsx(a.ListItemIcon,{sx:{color:"var(--Icons-Primary)",minWidth:40},children:e.icon}),t.jsx(a.ListItemText,{primary:e.label})]})},r))})}),e.divider&&t.jsx(a.Divider,{sx:{my:1,borderColor:"var(--Border-Variant)"}})]},r)})}),h&&t.jsx(a.Box,{sx:{borderTop:"1px solid var(--Border-Variant)",p:2},children:"string"==typeof h?t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Quiet)"},children:h}):h})]});return"permanent"===d?t.jsx(a.Box,{sx:{width:c,flexShrink:0,...x},children:j}):t.jsx(a.Drawer,{variant:y,open:r,onClose:o,PaperProps:{sx:{width:c,backgroundColor:"var(--Container)",color:"var(--Text)",...x}},...m,children:j})}const fS={small:{px:"12px",py:"8px",fontSize:"13px",gap:"8px",minWidth:"240px"},medium:{px:"16px",py:"10px",fontSize:"14px",gap:"12px",minWidth:"300px"},large:{px:"20px",py:"14px",fontSize:"16px",gap:"16px",minWidth:"360px"}};let gS=!1;function bS({children:r,open:i=!1,onClose:o,variant:n="light",surface:l,color:s="info",size:c="medium",anchor:d="bottom",autoHideDuration:u,startDecorator:h,endDecorator:x,action:m,className:p="",sx:f={},...g}){const b=e.useRef(null),v=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===s?"Default":s),y=fS[c]||fS.medium,j="small"===c?Xa:Ja,S="default"===s?"Default":v;"production"===process.env.NODE_ENV||"solid"!==n||gS||(gS=!0,console.warn('[Snackbar] variant="solid" is retired and now renders as "light". A solid fill makes the label carry the semantic color as its own background, doubling the contrast combinations to verify. Use the default, or pass `surface` to reach a specific level.'));const z=l||"Surface-Brightest",B="var(--Buttons-"+v+"-Border)";e.useEffect(()=>{if(i&&u&&u>0)return b.current=setTimeout(()=>{o?.({},"timeout")},u),()=>clearTimeout(b.current)},[i,u,o]),e.useEffect(()=>{if(!i)return;const e=e=>{"Escape"===e.key&&o?.(e,"escapeKeyDown")};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i,o]);const w=e.useCallback(()=>{b.current&&clearTimeout(b.current)},[]),k=e.useCallback(()=>{i&&u&&u>0&&(b.current=setTimeout(()=>{o?.({},"timeout")},u))},[i,u,o]),C="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 i?t.jsx(a.Box,{role:"alert","aria-live":"polite","aria-atomic":"true",onMouseEnter:w,onMouseLeave:k,className:"snackbar snackbar-"+n+" snackbar-"+c+" snackbar-"+d+" snackbar-"+s+" "+p,sx:{position:"fixed",left:"50%",transform:"translateX(-50%)",..."top"===d?{top:"var(--SnackBar-Top, 24px)"}:{bottom:"var(--SnackBar-Bottom, 24px)"},zIndex:1400,minWidth:y.minWidth,maxWidth:"min(560px, calc(100vw - 32px))",border:"1px solid "+B,borderRadius:"var(--Style-Border-Radius)",boxShadow:sm,overflow:"hidden",animation:"snackbar-slide-in 0.3s ease forwards","@keyframes snackbar-slide-in":C,...f},...g,children:t.jsxs(a.Box,{"data-theme":S,"data-surface":z,sx:{display:"flex",alignItems:"center",gap:y.gap,padding:y.py+" "+y.px,fontSize:y.fontSize,fontFamily:"inherit",lineHeight:1.4,color:"var(--Text)",backgroundColor:"var(--Background)",borderRadius:"calc(var(--Style-Border-Radius) - 1px)"},children:[h&&t.jsx(a.Box,{sx:{display:"inline-flex",flexShrink:0,lineHeight:1},children:h}),t.jsx(a.Box,{sx:{flex:1,minWidth:0},children:"string"==typeof r?t.jsx(j,{children:r}):r}),m&&t.jsx(a.Box,{sx:{display:"inline-flex",flexShrink:0},children:m}),x&&t.jsx(a.Box,{sx:{display:"inline-flex",flexShrink:0,lineHeight:1},children:x}),o&&t.jsx(zp,{iconOnly:!0,variant:"ghost",size:"small",onClick:e=>o(e,"closeClick"),"aria-label":"Close notification",sx:{flexShrink:0,ml:"4px"},children:t.jsx(am,{size:"small",children:t.jsx(Le,{})})})]})}):null}const vS=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",yS=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],jS={info:t.jsx(x,{}),success:t.jsx(m,{}),warning:t.jsx(p,{}),error:t.jsx(f,{})};function SS({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function zS({color:e,selected:r,onClick:i}){const n=vS(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const BS={empty:{icon:t.jsx(Oe,{}),iconColor:"quiet",titleColor:"header",role:void 0},"no-results":{icon:t.jsx(Ee,{}),iconColor:"quiet",titleColor:"header",role:void 0},error:{icon:t.jsx(Ve,{}),iconColor:"error",titleColor:"error",role:"alert"}},wS={small:{icon:"medium",pad:"24px 16px",gap:"8px",maxWidth:"36ch"},medium:{icon:"large",pad:"48px 24px",gap:"12px",maxWidth:"40ch"},large:{icon:"large",pad:"80px 24px",gap:"16px",maxWidth:"44ch"}};function kS({type:r="empty",icon:i,title:o,body:n,action:l,size:s="medium",className:c="",sx:d={},...u}){const h=BS[r]||BS.empty,x=wS[s]||wS.medium,m="small"===s?Xa:Ja,p=e.useId(),f=o?p+"-title":void 0,g=n?p+"-body":void 0;return"production"===process.env.NODE_ENV||o||console.warn("[StateMessage] needs a `title`. A state message with no words is an empty box, which is the thing it exists to replace."),t.jsxs(a.Box,{className:"state-message state-message-"+r+" state-message-"+s+" "+c,role:h.role||"group","aria-labelledby":f,"aria-describedby":g,sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",gap:x.gap,padding:x.pad,width:"100%",boxSizing:"border-box",...d},...u,children:[t.jsx(am,{size:x.icon,color:h.iconColor,"aria-hidden":"true",children:i||h.icon}),o&&t.jsx(qa,{id:f,color:h.titleColor,children:o}),n&&t.jsx(m,{id:g,color:"quiet",sx:{maxWidth:x.maxWidth},children:n}),l&&t.jsx(a.Box,{sx:{marginTop:"4px"},children:l})]})}const CS={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},TS={small:{indicator:24,fontSize:"var(--Sm-Button-Numbers, 10px)",dot:"var(--Sm-No-Count-Step, 8px)",connectorThickness:"var(--Sm-Step-Bar, 1px)",gap:0},medium:{indicator:32,fontSize:"var(--Button-Numbers, 12px)",dot:"var(--No-Count-Step, 12px)",connectorThickness:"var(--Step-Bar, 2px)",gap:0},large:{indicator:40,fontSize:"var(--Lg-Button-Numbers, 16px)",dot:"var(--Lg-No-Count-Step, 16px)",connectorThickness:"var(--Lg-Step-Bar, 4px)",gap:0}},MS=e.createContext({orientation:"horizontal",size:"medium",color:"primary",activeStep:0,clickable:!1,onStepClick:null,dashedIncomplete:!1,totalSteps:0,variant:"count"}),AS=()=>e.useContext(MS);function LS({theme:r,surface:i,children:o,orientation:n="horizontal",size:l="medium",color:s="primary",activeStep:c=0,clickable:d=!1,onStepClick:u,dashedIncomplete:h=!1,variant:x="count",className:m="",sx:p={},...f}){const g=e.Children.toArray(o).filter(e.isValidElement),b=g.length,v="horizontal"===n;return t.jsx(MS.Provider,{value:{orientation:n,size:l,color:s,activeStep:c,clickable:d,onStepClick:u,dashedIncomplete:h,totalSteps:b,variant:x},children:t.jsx(a.Box,{component:"ol",role:"list","aria-label":"Progress","data-theme":r||void 0,"data-surface":i||void 0,className:"stepper stepper-"+n+" stepper-"+l+" stepper-"+s+" "+m,sx:{display:"flex",flexDirection:v?"row":"column",alignItems:v?"flex-start":"stretch",listStyle:"none",margin:0,padding:0,width:"100%",gap:0,...p},...f,children:g.map((a,t)=>e.cloneElement(a,{_index:t,key:a.key||t}))})})}function IS({children:e,icon:r,label:i,disabled:o=!1,_index:n=0,className:l="",sx:s={},...c}){const{orientation:d,size:u,color:h,activeStep:x,clickable:m,onStepClick:p,dashedIncomplete:f,totalSteps:g,variant:b}=AS(),v=m&&!o,y=TS[u]||TS.medium,j=CS[h]||"Primary",S="horizontal"===d,z=n===x,B=n<x,w=n>x,k=n===g-1,C=r||n+1,T=i||e,M=w?"var(--Quiet)":"var(--Buttons-"+j+"-Border)",A=z?"var(--Buttons-"+j+"-Button)":"transparent",L=z?"var(--Buttons-"+j+"-Text)":w?"var(--Quiet)":"var(--Text)",I=z?"var(--Buttons-"+j+"-Hover)":"var(--Hover)",N=z?"var(--Buttons-"+j+"-Pressed)":"var(--Pressed)",R="noCount"===b,D=t.jsx(a.Box,{component:v?"button":"div",onClick:v?()=>p?.(n):void 0,onKeyDown:v?e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),p?.(n))}:void 0,tabIndex:v?0:void 0,role:v?"button":void 0,"aria-label":v?"Go to step "+(n+1):void 0,"aria-current":z?"step":void 0,"aria-disabled":o||void 0,className:"step-indicator step-indicator-"+u+(z?" step-indicator-active":"")+(B?" step-indicator-completed":"")+(w?" step-indicator-incomplete":"")+(v?" step-indicator-clickable":""),sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:R?y.dot:y.indicator+"px",height:R?y.dot:y.indicator+"px",minWidth:R?y.dot:y.indicator+"px",minHeight:R?y.dot:y.indicator+"px",borderRadius:"50%",border:"var(--Button-Border-Width, 1px) solid "+M,backgroundColor:A,color:L,fontSize:y.fontSize,fontFamily:"inherit",fontWeight:"var(--Button-Small-Font-Weight, 700)",lineHeight:1,flexShrink:0,position:"relative",transition:"background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease",cursor:o?"not-allowed":v?"pointer":"default",outline:"none",padding:0,...o&&{opacity:"var(--Disabled, 0.38)"},..."small"===u&&{"&::after":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"24px",height:"24px",borderRadius:"50%"}},...v&&{"&:hover":{backgroundColor:I},"&:active":{backgroundColor:N},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px"}}},children:R?null:C}),W=n<x,F=k?null:t.jsx(a.Box,{className:"step-connector"+(W?" step-connector-completed":" step-connector-incomplete")+(f&&!W?" step-connector-dashed":""),"aria-hidden":"true",sx:{flex:1,...S?{height:y.connectorThickness,minWidth:"20px",alignSelf:"flex-start",marginTop:`calc(${y.indicator/2}px - ${y.connectorThickness} / 2)`,marginLeft:"8px",marginRight:"8px"}:{width:y.connectorThickness,minHeight:"24px",marginLeft:`calc(${y.indicator/2}px - ${y.connectorThickness} / 2)`,marginTop:"4px",marginBottom:"4px"},backgroundColor:W?"var(--Buttons-"+j+"-Button)":"var(--Border)",...f&&!W&&{backgroundColor:"transparent",backgroundImage:S?"repeating-linear-gradient(90deg, var(--Border) 0px, var(--Border) 6px, transparent 6px, transparent 12px)":"repeating-linear-gradient(180deg, var(--Border) 0px, var(--Border) 6px, transparent 6px, transparent 12px)",backgroundSize:S?"12px 100%":"100% 12px"},transition:"background-color 0.15s ease"}}),P=T?(()=>{const e="small"===u?at:Xa;return t.jsx(e,{style:{fontWeight:z?600:400,color:z||B?"var(--Text)":"var(--Quiet)",textAlign:S?"center":"left",whiteSpace:"nowrap",lineHeight:1.3},children:T})})():null;return S?t.jsxs(a.Box,{component:"li",className:"step step-"+u+" step-horizontal"+(z?" step-active":"")+(B?" step-completed":"")+(w?" step-incomplete":"")+" "+l,sx:{display:"flex",alignItems:"center",flex:k?"none":1,...s},...c,children:[t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",flexShrink:0},children:[D,P&&t.jsx(a.Box,{sx:{mt:"4px"},children:P})]}),F]}):t.jsxs(a.Box,{component:"li",className:"step step-"+u+" step-vertical"+(z?" step-active":"")+(B?" step-completed":"")+(w?" step-incomplete":"")+" "+l,sx:{display:"flex",flexDirection:"column",alignItems:"flex-start",...s},...c,children:[t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:"8px"},children:[D,P]}),F]})}const NS=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",RS=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],DS=["Account","Details","Review","Confirm","Complete","Done"];function WS({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function FS({color:e,selected:r,onClick:i}){const n=NS(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const PS={small:"var(--Small-Button-Height, 24px)",medium:"var(--Button-Height, 32px)",large:"var(--Large-Button-Height, 56px)"},HS={position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"50%",height:"50%",borderRadius:"50%",backgroundColor:"var(--Background)",display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:"none"},OS={content:'""',position:"absolute",inset:"-3px",borderRadius:"var(--Button-Focus-Radius, 5px)",border:"2px solid var(--Focus-Visible)",pointerEvents:"none"};function ES({color:e,label:r,size:i="medium",selected:n=!1,disabled:l=!1,radio:s=!1,onClick:c,className:d="",sx:u={},"aria-label":h,...x}){const m=Boolean(c)&&!l,p=PS[i]||PS.medium,f=h||r||e,g=t.jsx(a.Box,{className:"swatch-chip",sx:{position:"relative",width:p,height:p,flexShrink:0,borderRadius:"var(--Button-Radius, 2px)",backgroundColor:e,border:"var(--Button-Border-Width, 1px) solid var(--Border)",boxSizing:"border-box",boxShadow:"var(--Effect-Level-0)",transition:"box-shadow 120ms ease",display:"flex",alignItems:"center",justifyContent:"center",...m&&{cursor:"pointer","&:hover":{boxShadow:"var(--Effect-Level-1)",backgroundImage:"linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))"},"&:active":{boxShadow:"var(--Effect-Level-0)",backgroundImage:"linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08))"}}},children:n&&!s?t.jsx(a.Box,{className:"swatch-check",sx:HS,children:t.jsx(o,{"aria-hidden":"true",sx:{width:"80%",height:"80%",color:"var(--Icon, var(--Text))"}})}):null}),b=m?"button":"div";return t.jsxs(a.Box,{component:b,type:m?"button":void 0,onClick:m?c:void 0,disabled:!(!m||!l)||void 0,"aria-pressed":m?n:void 0,"aria-label":f,className:`swatch ${n?"swatch-selected":""} ${d}`.trim(),sx:{position:"relative",display:"inline-flex",flexDirection:"column",alignItems:"center",gap:"var(--Sizing-Half, 4px)",width:"var(--Sizing-7, 56px)",padding:0,background:"none",border:"none",font:"inherit",color:"var(--Text)",...l&&{opacity:.38,pointerEvents:"none"},"&:focus":{outline:"none"},...m&&{"&:focus-visible":{outline:"none","& .swatch-chip::before":OS}},...u},...x,children:[g,s&&m?t.jsx($g,{checked:n,disabled:l,tabIndex:-1,"aria-hidden":"true",onChange:()=>{},sx:{pointerEvents:"none"}}):null,r?t.jsx(a.Box,{component:"span",className:"swatch-label",sx:{fontFamily:"var(--Legal-Font-Family, inherit)",fontSize:"var(--Legal-Font-Size, 10px)",fontWeight:"var(--Legal-Font-Weight, 400)",lineHeight:"var(--Legal-Line-Height, 1.4)",letterSpacing:"var(--Legal-Letter-Spacing, 0)",color:"var(--Text)",textAlign:"center",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:r}):null]})}const VS={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},qS={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"}};function QS({children:e,columns:r,rows:i,footerRows:o,variant:n="default",color:l="primary",loading:s=!1,skeletonRows:c=3,empty:d,error:u,size:h="medium",stripe:x="none",stickyHeader:m=!1,stickyFooter:p=!1,className:f="",sx:g={},...b}){const v=qS[h]||qS.medium,y="solid"===n,j="outlined"===n,S="light"===n,z=(e=>e.charAt(0).toUpperCase()+e.slice(1))(l),B=j?"1px solid var(--Buttons-"+z+"-Border)":"none",w={};y&&VS[l]&&(w["data-theme"]=VS[l]);const k=()=>{const e={fontWeight:600,fontSize:v.headerFontSize,textAlign:"left",padding:v.py+" "+v.px,borderBottom:"2px solid var(--Border)",color:"var(--Text)",whiteSpace:"nowrap"};return S?(e.backgroundColor="var(--Buttons-"+z+"-Button)",e.color="var(--Buttons-"+z+"-Text)"):e.backgroundColor=y?"var(--Hover)":"var(--Background)",m&&(e.position="sticky",e.top=0,e.zIndex=2),e},C=()=>{const e={fontWeight:600,fontSize:v.headerFontSize,textAlign:"left",padding:v.py+" "+v.px,borderTop:"2px solid var(--Border)",color:"var(--Text)",whiteSpace:"nowrap"};return S?(e.backgroundColor="var(--Buttons-"+z+"-Button)",e.color="var(--Buttons-"+z+"-Text)"):e.backgroundColor=y?"var(--Hover)":"var(--Background)",p&&(e.position="sticky",e.bottom=0,e.zIndex=2),e},T=e=>"none"===x?"Surface":"odd"===x?e%2==0?"Surface":"Surface-Dim":"even"===x&&e%2==0?"Surface-Dim":"Surface",M=()=>({padding:v.py+" "+v.px,fontSize:v.fontSize,color:"var(--Text)",borderBottom:"1px solid var(--Border)",textAlign:"left"}),A=u?"error":s?"loading":i&&0===i.length&&d?"empty":null,L=Boolean(o&&o.length>0)&&"error"!==A,I=e=>t.jsx(a.Box,{component:"tbody",children:t.jsx(a.Box,{component:"tr",children:t.jsx(a.Box,{component:"td",colSpan:r?r.length:1,sx:{padding:0,border:"none"},children:e})})});return t.jsx(a.Box,{className:"table-wrapper table-"+n+(y||S||j?" table-"+l:"")+" "+f,...w,"aria-busy":"loading"===A?"true":void 0,sx:{width:"100%",overflow:"auto",border:B,borderRadius:j||S?"var(--Style-Border-Radius)":0,...g},children:t.jsx(a.Box,{component:"table",sx:{width:"100%",borderCollapse:"collapse",tableLayout:"fixed",fontFamily:"inherit","& thead th":k(),"& tbody td":M(),"& tfoot td, & tfoot th":C(),...m?{"& thead th":{...k(),position:"sticky",top:0,zIndex:2}}:{},...p?{"& tfoot td, & tfoot th":{...C(),position:"sticky",bottom:0,zIndex:2}}:{}},...b,children:r&&i?r&&(i||A)?t.jsxs(t.Fragment,{children:[t.jsx(a.Box,{component:"thead",children:t.jsx(a.Box,{component:"tr",children:r.map((e,r)=>t.jsx(a.Box,{component:"th",sx:{...k(),...e.width?{width:e.width}:{},...e.align?{textAlign:e.align}:{}},children:e.label||e.header||e},"h-"+r))})}),"loading"===A&&I(t.jsx(ma,{label:"Loading",children:t.jsx(a.Box,{component:"table",sx:{width:"100%",borderCollapse:"collapse",tableLayout:"fixed"},children:t.jsx(a.Box,{component:"tbody",children:Array.from({length:c}).map((e,i)=>t.jsx(a.Box,{component:"tr","data-surface":T(i),children:r.map((e,r)=>t.jsx(a.Box,{component:"td",sx:M(),children:"        "},"skc-"+i+"-"+r))},"sk-"+i))})})})),"error"===A&&I(u),"empty"===A&&I(d),!A&&i&&t.jsx(a.Box,{component:"tbody",children:i.map((e,i)=>t.jsx(a.Box,{component:"tr","data-surface":T(i),sx:{backgroundColor:"var(--"+T(i)+")"},children:(Array.isArray(e)?e:r.map(a=>e[a.field||a.key])).map((e,o)=>t.jsx(a.Box,{component:"td",sx:{...M(),...r[o]&&r[o].align?{textAlign:r[o].align}:{}},children:e},"c-"+i+"-"+o))},"r-"+i))}),L&&t.jsx(a.Box,{component:"tfoot",children:o.map((e,i)=>t.jsx(a.Box,{component:"tr",children:(Array.isArray(e)?e:r.map(a=>e[a.field||a.key])).map((e,o)=>t.jsx(a.Box,{component:"td",sx:{...C(),...r[o]&&r[o].align?{textAlign:r[o].align}:{},..."loading"===A?xa():{}},children:e},"fc-"+i+"-"+o))},"f-"+i))})]}):null:e})})}function GS({label:r,value:i="",onChange:o,placeholder:n,error:l=!1,errorMessage:s="",disabled:c=!1,helperText:d="",variant:u="outlined",size:h="medium",type:x="text",required:m=!1,fullWidth:p=!0,startAdornment:f,endAdornment:g,sx:b={},"aria-label":v,"aria-labelledby":y,onFocus:j,onBlur:S,...z}){const[B,w]=e.useState(!1),k=l?"var(--Buttons-Error-Border)":B?"var(--Buttons-Primary-Border)":"var(--Border)",C=l||B?"var(--Text)":"var(--Text-Quiet)",T="var(--Text)";return t.jsxs(a.Box,{sx:{width:p?"100%":"auto"},children:[t.jsx(a.TextField,{label:r,value:i,onChange:o,placeholder:n,disabled:c,variant:u,size:h,type:x,required:m,onFocus:e=>{w(!0),j?.(e)},onBlur:e=>{w(!1),S?.(e)},error:l,fullWidth:p,slotProps:{htmlInput:{...v?{"aria-label":v}:{},...y?{"aria-labelledby":y}:{}},input:{"data-surface":c?"Container-Low":"Container",style:{color:T},startAdornment:f?t.jsx(a.InputAdornment,{position:"start",children:f}):void 0,endAdornment:g?t.jsx(a.InputAdornment,{position:"end",children:g}):void 0}},sx:{width:p?"100%":"auto","& .MuiOutlinedInput-root":{backgroundColor:"var(--Background)",transition:"all 0.2s ease-in-out",color:T,"& 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:"var(--Disabled, 0.38)"}},"& .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:"var(--Disabled, 0.38)"}},"& .MuiFormHelperText-root":{color:l?"var(--Buttons-Error-Border)":"var(--Text-Secondary)",marginTop:"4px",fontSize:"12px"},...b},...z}),l&&s&&t.jsx(a.FormHelperText,{error:!0,sx:{color:"var(--Buttons-Error-Border)",marginTop:"4px",fontSize:"12px",fontWeight:500},children:s})]})}const US={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 XS({items:r=[],value:i,defaultValue:o,onChange:n,type:l="floating",orientation:s="horizontal",color:c="default",fab:d,className:u="",sx:h={},...x}){const[m,p]=e.useState(o??null),f=void 0!==i,g=f?i:m,b=e.useCallback(e=>{const a=g===e?null:e;f||p(a),n?.(a)},[f,g,n]),v=US[c]||US.default,y=v.theme,j=v.surface,S="vertical"===s,z="floating"===l,B=t.jsx(a.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:z?"56px":"var(--Style-Border-Radius)",padding:z?"8px 16px":"8px",fontFamily:"inherit",flexShrink:0,...z&&{boxShadow:lm},...h},...x,children:r.map((e,a)=>{const r=g===a;return t.jsx(zp,{iconOnly:!0,variant:r?"default":"ghost",size:"small",onClick:()=>b(a),"aria-label":e.label,"aria-checked":r,role:"radio",children:t.jsx(am,{size:"small",sx:{color:"inherit"},children:e.icon})},e.key||a)})});return d&&z?t.jsxs(a.Box,{sx:{display:"inline-flex",flexDirection:S?"column":"row",alignItems:"center",gap:1},children:[B,t.jsx(zp,{iconOnly:!0,variant:"default",size:"large",onClick:d.onClick,"aria-label":d.label||"Action",sx:{borderRadius:"50%",width:56,height:56,minWidth:"unset",minHeight:"unset"},children:t.jsx(am,{size:"medium",sx:{color:"inherit"},children:d.icon})})]}):B}const YS=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",JS=[{icon:t.jsx(qe,{}),label:"Bold"},{icon:t.jsx(Qe,{}),label:"Italic"},{icon:t.jsx(Ge,{}),label:"Underline"},{icon:t.jsx(Ue,{}),label:"Align left"},{icon:t.jsx(Xe,{}),label:"Align center"}];function ZS({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const $S=xm,KS={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},_S={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},ez={small:{fontSize:"12px",py:"var(--Sm-Tooltip-Padding, 4px)",px:"var(--Sm-Tooltip-Padding, 4px)",gap:"var(--Sm-Tooltip-Gap, 2px)",arrowW:"var(--Sm-Tooltip-Arrow-Width, 12px)",arrowH:"var(--Sm-Tooltip-Arrow-Height, 6px)",arrowVisible:"var(--Sm-Tooltip-Visible-Arrow-Height, 4px)",maxWidth:200},medium:{fontSize:"13px",py:"var(--Tooltip-Padding, 8px)",px:"var(--Tooltip-Padding, 8px)",gap:"var(--Tooltip-Gap, 4px)",arrowW:"var(--Tooltip-Arrow-Width, 16px)",arrowH:"var(--Tooltip-Arrow-Height, 8px)",arrowVisible:"var(--Tooltip-Visible-Arrow-Height, 6px)",maxWidth:280},large:{fontSize:"14px",py:"var(--Lg-Tooltip-Padding, 12px)",px:"var(--Lg-Tooltip-Padding, 12px)",gap:"var(--Lg-Tooltip-Gap, 8px)",arrowW:"var(--Lg-Tooltip-Arrow-Width, 20px)",arrowH:"var(--Lg-Tooltip-Arrow-Height, 10px)",arrowVisible:"var(--Lg-Tooltip-Visible-Arrow-Height, 7px)",maxWidth:360}};function az({children:e,title:r,variant:i="solid",color:o="black-white",size:n="medium",placement:l="bottom",arrow:s=!0,open:c,enterDelay:d=100,leaveDelay:u=0,describeChild:h=!1,className:x="",sx:m={},...p}){const f=ez[n]||ez.medium,g="solid"===i,b="light"===i,v="outline"===i,y=$S(o),j=(e=>String(e).startsWith("left")||String(e).startsWith("right"))(l),S=g?KS[o]:b?_S[o]:null,z="var(--Buttons-"+y+"-Button)",B="var(--Buttons-"+y+"-Text)",w=v?"1px solid var(--Buttons-"+y+"-Border)":"none",k=z,C=void 0===c?{}:{open:c};return t.jsx(a.Tooltip,{title:r?t.jsx(a.Box,{"data-theme":S||void 0,"data-surface":b?"Surface-Brightest":g?"Surface":void 0,className:"tooltip-content tooltip-"+i+" tooltip-"+o+" tooltip-"+n+" "+x,sx:{backgroundColor:z,color:B,border:w,borderRadius:"var(--Tooltip-Radius, var(--Style-Border-Radius))",fontSize:f.fontSize,lineHeight:1.5,fontFamily:"inherit",padding:f.py+" "+f.px,maxWidth:f.maxWidth+"px",display:"flex",alignItems:"center",gap:f.gap,boxShadow:"var(--Effect-Level-2)",...m},children:r}):"",placement:l,arrow:s,enterDelay:d,leaveDelay:u,describeChild:h,...C,componentsProps:{tooltip:{sx:{backgroundColor:"transparent",padding:0,maxWidth:"none",boxShadow:"none"}},arrow:{sx:{color:k,width:j?f.arrowVisible:f.arrowW,height:j?f.arrowW:f.arrowVisible,"&::before":{border:v?"1px solid var(--Buttons-"+y+"-Border)":"none",backgroundColor:k,boxSizing:"border-box",width:"100%",height:"100%"}}}},...p,children:e})}const tz={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}},rz={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 iz=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",oz=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],nz=e=>t.jsx(a.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:e,flexShrink:0}}),lz=[{id:"1",label:"Documents",icon:t.jsx(Pe,{}),badge:nz("var(--Warning-Text, orange)"),children:[{id:"1-1",label:"Company",icon:t.jsx(Ye,{}),badge:nz("var(--Warning-Text, orange)"),children:[{id:"1-1-1",label:"Invoice",icon:t.jsx(Ze,{})},{id:"1-1-2",label:"Meeting notes",icon:t.jsx(Je,{})},{id:"1-1-3",label:"Tasks list",icon:t.jsx(Je,{})},{id:"1-1-4",label:"Equipment",icon:t.jsx(Ze,{})},{id:"1-1-5",label:"Video conference",icon:t.jsx($e,{})}]},{id:"1-2",label:"Personal",icon:t.jsx(Pe,{})},{id:"1-3",label:"Group photo",icon:t.jsx(He,{})}]},{id:"2",label:"Bookmarked",icon:t.jsx(We,{}),children:[{id:"2-1",label:"Favourites",icon:t.jsx(Je,{})}]},{id:"3",label:"History",icon:t.jsx(Pe,{})},{id:"4",label:"Trash",icon:t.jsx(y,{}),disabled:!0}],sz=JSON.stringify(Iy,null,2);function cz({ratio:e,threshold:r}){if(!e)return t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"--"});const i=parseFloat(e)>=r;return t.jsxs(a.Box,{sx:{display:"inline-flex",alignItems:"center",gap:.5},children:[t.jsxs(a.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:i?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:[e,":1"]}),t.jsx(at,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function dz({label:e,ratio:r,threshold:i,note:o}){return t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(a.Box,{sx:{flex:1},children:[t.jsx(Xa,{style:{color:"var(--Text)"},children:e}),o&&t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:o})]}),t.jsx(cz,{ratio:r,threshold:i})]})}function uz({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function hz({color:e,selected:r,onClick:i}){const n=iz(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}function xz({value:r,onChange:i}){const[o,n]=e.useState(r),[l,s]=e.useState(null);return t.jsxs(a.Box,{children:[t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)"},children:"TREE DATA (JSON)"}),t.jsx(zp,{variant:"ghost",size:"small",onClick:()=>{n(sz),s(null),i(Iy)},children:"Reset"})]}),t.jsx(a.Box,{component:"textarea",value:o,onChange:e=>{n(e.target.value);try{const a=JSON.parse(e.target.value);s(null),i(a)}catch(e){s(e.message)}},spellCheck:!1,rows:10,sx:{width:"100%",fontFamily:"monospace",fontSize:"11px",backgroundColor:"#1e1e1e",color:l?"#f87171":"#e5e7eb",border:"1px solid "+(l?"#f87171":"#333"),borderRadius:"6px",padding:"10px",resize:"vertical",outline:"none",boxSizing:"border-box",lineHeight:1.5,"&:focus":{borderColor:"var(--Focus-Visible)"}}}),l&&t.jsxs(at,{style:{color:"#f87171",display:"block",marginTop:4},children:["JSON error: ",l]})]})}const mz=["outlined","light","ghost"];let pz=!1;function fz(e){pz||"production"===process.env.NODE_ENV||(pz=!0,console.warn(`[OmniDesign] ToggleButtonGroup: ${e} This is MUI's shape and still works; it will be removed in the next major. The native form is \`multiple\` (not \`exclusive\`), onChange(value, event), \`color\` for the palette and \`variant\` for the shape.`))}function gz({variant:e,color:a,exclusive:r,multiple:i,onChange:o,allowEmpty:n=!1,separated:l=!1,...s}){const c=void 0===e||mz.includes(e);c||fz(`variant="${e}" names a COLOR.`),void 0!==r&&fz("`exclusive` is `multiple` inverted.");const d=void 0!==i?i:void 0!==r&&!r,u=!c||void 0!==r;return t.jsx(Cb,{__selectionOwner:!0,variant:c&&e||"outlined",color:void 0!==a?a:c?void 0:e,multiple:d,allowEmpty:n,separated:l,onChange:o?u?(e,a)=>o(a,e):o:void 0,...s})}const bz=e=>{const a=a=>t.jsx(gz,{color:e,...a});return a.displayName=`${e}ToggleButtonGroup`,a},vz=bz("default"),yz=bz("primary"),jz=bz("secondary"),Sz=bz("tertiary"),zz=bz("neutral"),Bz=bz("black-white"),wz=bz("info"),kz=bz("success"),Cz=bz("warning"),Tz=bz("error"),Mz=[{icon:t.jsx(v,{}),label:"Home"},{icon:t.jsx(S,{}),label:"Search"},{icon:t.jsx(b,{}),label:"Favorites",badge:3},{icon:t.jsx(B,{}),label:"Profile"},{icon:t.jsx(j,{}),label:"Settings"}],Az=[{label:"Home"},{label:"Inbox"},{label:"Projects"},{label:"Settings"}],Lz=[{label:"Dessert",field:"name",width:"50%"},{label:"Calories",field:"calories",align:"right"},{label:"Fat (g)",field:"fat",align:"right"}],Iz=[{name:"Frozen yoghurt",calories:159,fat:6},{name:"Ice cream sandwich",calories:237,fat:9},{name:"Eclair",calories:262,fat:16}],Nz=[{value:"light",label:"Light"},{value:"dark",label:"Dark"},{value:"system",label:"System"}],Rz=[{icon:t.jsx(qe,{}),label:"Bold"},{icon:t.jsx(Qe,{}),label:"Italic"},{icon:t.jsx(Ge,{}),label:"Underline"}],Dz=[{id:"src",label:"src",children:[{id:"components",label:"components",children:[{id:"button",label:"Button.js"},{id:"card",label:"Card.js"}]},{id:"index",label:"index.js"}]},{id:"readme",label:"README.md"}],Wz=({w:e=320,h:a,children:r})=>t.jsx("div",{style:{width:e,height:a,position:"relative",overflow:"hidden"},children:r}),Fz=()=>{const[a,r]=e.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(zp,{onClick:()=>r(!0),children:"Open modal"}),t.jsx(Aj,{open:a,onClose:()=>r(!1),title:"Rename project",children:t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsx(Ja,{children:"Modals take the whole screen's attention, so they owe the reader a way out."}),t.jsx(zp,{onClick:()=>r(!1),children:"Done"})]})})]})},Pz=()=>{const[a,r]=e.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(zp,{onClick:()=>r(!0),children:"Open dialog"}),t.jsx(zy,{open:a,onClose:()=>r(!1),title:"Discard changes?",actions:t.jsxs(t.Fragment,{children:[t.jsx(zp,{variant:"outline",onClick:()=>r(!1),children:"Keep editing"}),t.jsx(zp,{variant:"error",onClick:()=>r(!1),children:"Discard"})]}),children:t.jsx(Ja,{children:"This cannot be undone."})})]})},Hz=()=>{const[a,r]=e.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(zp,{onClick:()=>r(!0),children:"Open drawer"}),t.jsx(zv,{open:a,onClose:()=>r(!1),children:t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)",minWidth:240},children:[t.jsx(Pa,{children:"Filters"}),t.jsx(Xy,{items:Az,clickable:!0}),t.jsx(zp,{onClick:()=>r(!1),children:"Close"})]})})]})},Oz=()=>{const[a,r]=e.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(zp,{onClick:()=>r(!0),children:"Show snackbar"}),t.jsx(bS,{open:a,onClose:()=>r(!1),color:"success",autoHideDuration:4e3,children:"Project saved."})]})},Ez=()=>{const[a,r]=e.useState(!1),i=e.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsx(zp,{ref:i,onClick:()=>r(e=>!e),children:"Open popover"}),t.jsx(Ij,{open:a,onClose:()=>r(!1),anchorRef:i,width:260,children:t.jsx(Hb,{gap:"var(--Sizing-1)",style:{padding:"var(--Sizing-2)"},children:t.jsx(Ja,{children:"A panel anchored to the thing that opened it, rendered through a portal so no ancestor can clip it."})})})]})};function Vz(){const[a,r]=e.useState("left");return t.jsxs(gz,{value:a,onChange:r,"aria-label":"Alignment",children:[t.jsx(zp,{value:"left",children:"Left"}),t.jsx(zp,{value:"center",children:"Center"}),t.jsx(zp,{value:"right",children:"Right"})]})}function qz(){return t.jsxs(Hb,{gap:"var(--Sizing-3)",style:{alignItems:"flex-start"},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start"},children:[t.jsx(at,{color:"quiet",children:"ButtonGroup — three things you can do"}),t.jsxs(Cb,{"aria-label":"Actions",children:[t.jsx(zp,{onClick:()=>{},children:"Save"}),t.jsx(zp,{onClick:()=>{},children:"Duplicate"}),t.jsx(zp,{onClick:()=>{},children:"Delete"})]})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start"},children:[t.jsx(at,{color:"quiet",children:"ToggleButtonGroup — one answer, and never none"}),t.jsx(Vz,{})]})]})}const Qz={ButtonGroup:()=>t.jsx(qz,{}),ToggleButtonGroup:()=>t.jsx(Vz,{}),AppBar:()=>t.jsx(Wz,{w:"100%",children:t.jsx(Lv,{navLinks:[{label:"Work"},{label:"Studio"},{label:"Contact"}]})}),Autocomplete:()=>t.jsx(Wz,{children:t.jsx(Vv,{label:"Theme",options:["Light","Dark","System","High contrast"],placeholder:"Type to search"})}),BottomNavigation:()=>t.jsx(Wz,{w:360,children:t.jsx(ty,{items:Mz.slice(0,4),defaultValue:0})}),CodeBlock:()=>t.jsx(Wz,{w:"100%",children:t.jsx(Bf,{code:"npm install @omni-design/components",language:"bash"})}),Dialog:()=>t.jsx(Pz,{}),Drawer:()=>t.jsx(Hz,{}),DropZone:()=>t.jsx(Wz,{w:360,children:t.jsx(Fy,{label:"Drop a file here",sublabel:"PNG or SVG, up to 2 MB"})}),IconBadge:()=>t.jsx(Ey,{color:"primary",children:t.jsx(u,{})}),List:()=>t.jsx(Wz,{children:t.jsx(Xy,{items:Az,clickable:!0})}),Loader:()=>t.jsx(cj,{message:"Loading projects…"}),Menu:()=>t.jsxs(fj,{children:[t.jsx(gj,{children:"Actions"}),t.jsxs(bj,{children:[t.jsx(vj,{children:"Rename"}),t.jsx(vj,{children:"Duplicate"}),t.jsx(yj,{}),t.jsx(vj,{disabled:!0,children:"Delete"})]})]}),Modal:()=>t.jsx(Fz,{}),Paper:()=>t.jsx(Lj,{surface:"Container",children:t.jsxs(Hb,{gap:"var(--Sizing-1)",style:{padding:"var(--Sizing-3)",minWidth:220},children:[t.jsx(Pa,{children:"Paper"}),t.jsx(Ja,{children:"A surface at one container level, with the elevation that level implies."})]})}),Popover:()=>t.jsx(Ez,{}),Rail:()=>t.jsx(Wz,{w:88,h:320,children:t.jsx(Pj,{items:Mz,defaultValue:0})}),Ratio:()=>t.jsx(Wz,{w:240,children:t.jsx(Xj,{ratio:"16:9"})}),SearchField:()=>t.jsx(Wz,{children:t.jsx(iv,{placeholder:"Search projects…"})}),Select:()=>t.jsx(Wz,{children:t.jsx(vm,{label:"Appearance",options:Nz,defaultValue:"system"})}),Sidebar:()=>t.jsx(Wz,{w:280,h:320,children:t.jsx(pS,{variant:"permanent",open:!0,items:Az,width:280})}),Snackbar:()=>t.jsx(Oz,{}),StateMessage:()=>t.jsx(Wz,{w:360,children:t.jsx(kS,{type:"empty",title:"No projects yet",body:"Create one to get started.",action:t.jsx(zp,{size:"small",children:"New project"})})}),Stepper:()=>t.jsx(Wz,{w:360,children:t.jsxs(LS,{activeStep:1,children:[t.jsx(IS,{label:"Colors"}),t.jsx(IS,{label:"Type"}),t.jsx(IS,{label:"Export"})]})}),Swatch:()=>t.jsx(ES,{color:"#70947b",label:"Primary"}),Table:()=>t.jsx(Wz,{w:"100%",children:t.jsx(QS,{columns:Lz,rows:Iz})}),Tag:()=>t.jsx(Zy,{color:"primary",children:"Beta"}),TextField:()=>t.jsx(Wz,{children:t.jsx(GS,{label:"Project name",placeholder:"Untitled"})}),Toolbar:()=>t.jsx(XS,{items:Rz,defaultValue:0}),Tooltip:()=>t.jsx(az,{title:"Rename this project",children:t.jsx(zp,{variant:"outline",children:"Hover me"})}),TreeView:()=>t.jsx(Wz,{children:t.jsx(Ly,{items:Dz,defaultExpandedItems:["src","components"]})})},Gz="npm install @omni-design/components",Uz={Button:{selected:()=>t.jsx(_b,{offLabel:"unselected",onLabel:"selected",render:e=>t.jsx(zp,{variant:"outline",selected:e,children:"Bold"})}),avatar:()=>t.jsx(_b,{offLabel:"text button",onLabel:"avatar",render:e=>e?t.jsx(zp,{avatar:!0,"aria-label":"Jane Doe",children:t.jsx(Jm,{})}):t.jsx(zp,{children:"Jane Doe"})}),letterNumber:()=>t.jsx(_b,{offLabel:"text button",onLabel:"letterNumber",render:e=>e?t.jsx(zp,{letterNumber:!0,"aria-label":"3 unread",children:"3"}):t.jsx(zp,{children:"3 unread"})}),swatch:()=>t.jsx(_b,{offLabel:"ordinary button",onLabel:"swatch",render:e=>e?t.jsx(zp,{swatch:!0,"aria-label":"Brand green",style:{background:"#70947b"}}):t.jsx(zp,{children:"Brand green"})})},Chip:{variant:()=>t.jsx($b,{values:Yb,defaultValue:"primary",render:e=>t.jsx(Rp,{variant:e,label:e})}),selected:()=>t.jsx(_b,{render:e=>t.jsx(Rp,{label:"Design",selected:e,clickable:!0}),offLabel:"unselected",onLabel:"selected"}),clickable:()=>t.jsx(_b,{render:e=>t.jsx(Rp,{label:"Design",clickable:e}),offLabel:"static",onLabel:"clickable"}),disabled:()=>t.jsx(_b,{render:e=>t.jsx(Rp,{label:"Design",clickable:!0,disabled:e}),offLabel:"enabled",onLabel:"disabled"})},Badge:{variant:()=>t.jsx($b,{values:Yb,defaultValue:"primary",render:e=>t.jsx(ip,{variant:e,badgeContent:4,children:t.jsx(am,{children:t.jsx(d,{})})})}),dot:()=>t.jsx(_b,{render:e=>t.jsx(ip,{dot:e,badgeContent:4,children:t.jsx(am,{children:t.jsx(d,{})})}),offLabel:"count",onLabel:"dot"}),showZero:()=>t.jsx(_b,{render:e=>t.jsx(ip,{showZero:e,badgeContent:0,children:t.jsx(am,{children:t.jsx(d,{})})}),offLabel:"0 hidden",onLabel:"0 shown"}),invisible:()=>t.jsx(_b,{render:e=>t.jsx(ip,{invisible:e,badgeContent:4,children:t.jsx(am,{children:t.jsx(d,{})})}),offLabel:"visible",onLabel:"invisible"}),overlap:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Zb,{label:"rectangular",emphasis:!0,children:t.jsx(ip,{badgeContent:4,overlap:"rectangular",children:t.jsx(Jm,{initials:"JD"})})}),t.jsx(Zb,{label:"circular",children:t.jsx(ip,{badgeContent:4,overlap:"circular",children:t.jsx(Jm,{initials:"JD"})})})]})},Alert:{color:()=>t.jsx(Kb,{values:["info","success","warning","error"],defaultValue:"info",render:e=>t.jsxs(If,{color:e,children:[e," — something worth saying."]})}),size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>t.jsxs(If,{color:"info",size:e,children:["Size ",e,"."]})})},Avatar:{defaultPhoto:()=>t.jsx(_b,{render:e=>t.jsx(Jm,{defaultPhoto:e}),offLabel:"no photo",onLabel:"default photo"}),size:()=>t.jsx($b,{values:Jb,defaultValue:"medium",render:e=>t.jsx(Jm,{size:e,initials:"JD"})}),clickable:()=>t.jsx(_b,{render:e=>t.jsx(Jm,{initials:"JD",clickable:e,"aria-label":e?"Jane Doe, open menu":void 0}),offLabel:"static",onLabel:"clickable"})},Icon:{color:()=>t.jsx($b,{values:["default",...Yb,"quiet"],defaultValue:"default",render:e=>t.jsx(am,{color:e,children:t.jsx(b,{})})}),size:()=>t.jsx($b,{values:["xxs","xs","small","medium","large","xl","xxl"],defaultValue:"medium",render:e=>t.jsx(am,{size:e,color:"primary",children:t.jsx(b,{})})}),twoTone:()=>t.jsx(_b,{render:e=>t.jsx(am,{color:"primary",twoTone:e,size:"large",children:t.jsx(b,{})}),offLabel:"solid",onLabel:"twoTone"}),disabled:()=>t.jsx(_b,{render:e=>t.jsx(am,{color:"primary",disabled:e,children:t.jsx(b,{})}),offLabel:"enabled",onLabel:"disabled"})},Swatch:{size:()=>t.jsx($b,{values:Jb,defaultValue:"medium",render:e=>t.jsx(ES,{color:"#70947b",size:e,label:e})}),selected:()=>t.jsx(_b,{render:e=>t.jsx(ES,{color:"#70947b",label:"Primary",selected:e}),offLabel:"unselected",onLabel:"selected"}),disabled:()=>t.jsx(_b,{render:e=>t.jsx(ES,{color:"#70947b",label:"Primary",disabled:e}),offLabel:"enabled",onLabel:"disabled"}),radio:()=>t.jsx(_b,{render:e=>t.jsx(ES,{color:"#70947b",label:"Primary",radio:e,selected:!0}),offLabel:"chip carries it",onLabel:"radio carries it"})},Tag:{color:()=>t.jsx($b,{values:["default",...Yb],defaultValue:"primary",render:e=>t.jsx(Zy,{color:e,children:e})}),width:()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{width:200},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"hug"}),t.jsx(Zy,{color:"primary",children:"Beta"})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"fill"}),t.jsx(Zy,{color:"primary",width:"fill",children:"Beta"})]})]}),allCaps:()=>t.jsx(_b,{render:e=>t.jsx(Zy,{color:"primary",allCaps:e,children:"Beta"}),offLabel:"as written",onLabel:"allCaps"})},IconBadge:{color:()=>t.jsx($b,{values:["default",...Yb],defaultValue:"primary",render:e=>t.jsx(Ey,{color:e,children:t.jsx(d,{})})}),size:()=>t.jsxs(Hb,{gap:"var(--Sizing-1)",children:[t.jsx(Ey,{color:"primary",children:t.jsx(d,{})}),t.jsx(Ja,{color:"quiet",children:"One size. `size` was removed and the component warns if you pass it — the prop table above still lists three values, which is a doc bug."})]})},Link:{disabled:()=>t.jsx(_b,{render:e=>t.jsx(It,{href:"#",disabled:e,children:"Read the guide"}),offLabel:"enabled",onLabel:"disabled"})},Divider:{color:()=>t.jsx(Kb,{values:["border","border-variant",...Yb],defaultValue:"border-variant",render:e=>t.jsx(Fg,{color:e})}),orientation:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{alignItems:"flex-start"},children:[t.jsx(Zb,{label:"horizontal",emphasis:!0,width:160,children:t.jsx("div",{style:{width:160},children:t.jsx(Fg,{})})}),t.jsx(Zb,{label:"vertical",width:60,children:t.jsx("div",{style:{height:60,display:"flex"},children:t.jsx(Fg,{orientation:"vertical",style:{alignSelf:"stretch"}})})})]}),size:()=>t.jsx(Kb,{values:Jb,defaultValue:"small",render:e=>t.jsx(Fg,{size:e,color:"primary"})}),indicatorStyle:()=>t.jsx(Kb,{values:["outline","solid"],defaultValue:"outline",render:e=>t.jsx(Fg,{indicatorText:"OR",indicatorStyle:e,color:"primary"})}),textAlign:()=>t.jsx(Kb,{values:["left","center","right"],defaultValue:"center",render:e=>t.jsx(Fg,{indicatorText:"OR",textAlign:e})})},Loader:{color:()=>t.jsx($b,{values:["default",...Yb],defaultValue:"primary",render:e=>t.jsx(cj,{color:e,size:"small",message:""})}),size:()=>t.jsx($b,{values:Jb,defaultValue:"medium",render:e=>t.jsx(cj,{size:e,message:""})})},StateMessage:{type:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:360},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"empty"}),t.jsx(kS,{type:"empty",title:"No projects yet",body:"Create one to get started."})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"error"}),t.jsx(kS,{type:"error",title:"Could not load",body:"Check your connection and try again."})]}),t.jsx(Ja,{color:"quiet",children:"The prop table lists a third, `no-results`. The component defines only these two, so it resolves to `empty` — a doc bug rather than a type."})]}),size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>t.jsx(kS,{type:"empty",size:e,title:"No projects yet",body:"Create one to get started."})})},Fab:{variant:()=>t.jsx($b,{values:["solid","outline","ghost"],defaultValue:"solid",render:e=>t.jsx(kg,{variant:e,icon:t.jsx(am,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add, "+e})})},Rating:{color:()=>t.jsx($b,{values:["default",...Yb],defaultValue:"default",render:e=>t.jsx(lb,{color:e,defaultValue:3,readOnly:!0})}),size:()=>t.jsx($b,{values:Jb,defaultValue:"medium",render:e=>t.jsx(lb,{size:e,defaultValue:3,readOnly:!0})}),readOnly:()=>t.jsx(_b,{render:e=>t.jsx(lb,{defaultValue:3,readOnly:e}),offLabel:"interactive",onLabel:"readOnly"})},CodeBlock:{showCopy:()=>t.jsx(Kb,{values:[!0,!1],defaultValue:!0,render:e=>t.jsx(Bf,{code:Gz,language:"bash",showCopy:e})}),showHeader:()=>t.jsx(Kb,{values:[!0,!1],defaultValue:!0,render:e=>t.jsx(Bf,{code:Gz,language:"bash",showHeader:e})}),wrap:()=>t.jsx(Kb,{values:[!1,!0],defaultValue:!1,render:e=>t.jsx(Bf,{language:"bash",wrap:e,code:"npx @omni-design/cli generate --theme primary --surface Surface-Bright --out ./tokens"})})}},Xz=220,Yz=(e,a=Xz)=>t.jsx("div",{style:{width:a},children:e}),Jz=["default",...Yb,"black-white"],Zz=["default",...Yb],$z={Checkbox:{variant:()=>t.jsx($b,{values:Jz,defaultValue:"primary",render:e=>t.jsx(sg,{variant:e,defaultChecked:!0,label:e})}),size:()=>t.jsx($b,{values:Jb,defaultValue:"medium",render:e=>t.jsx(sg,{size:e,defaultChecked:!0,label:e})}),"checked / defaultChecked":()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Zb,{label:"unchecked",emphasis:!0,children:t.jsx(sg,{label:"Unchecked"})}),t.jsx(Zb,{label:"checked",children:t.jsx(sg,{defaultChecked:!0,label:"Checked"})})]}),indeterminate:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Zb,{label:"false",emphasis:!0,children:t.jsx(sg,{defaultChecked:!0,label:"All"})}),t.jsx(Zb,{label:"indeterminate",children:t.jsx(sg,{indeterminate:!0,label:"Some"})})]}),disabled:()=>t.jsx(_b,{render:e=>t.jsx(sg,{defaultChecked:!0,disabled:e,label:"Email me"}),offLabel:"enabled",onLabel:"disabled"})},Radio:{color:()=>t.jsx($b,{values:Jz,defaultValue:"primary",render:e=>t.jsx($g,{color:e,checked:!0,label:e,name:"c-"+e})}),size:()=>t.jsx($b,{values:Jb,defaultValue:"medium",render:e=>t.jsx($g,{size:e,checked:!0,label:e,name:"s-"+e})}),labelPlacement:()=>t.jsx(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["end","start","top","bottom"].map(e=>t.jsx(Zb,{label:e,emphasis:"end"===e,children:t.jsx($g,{checked:!0,labelPlacement:e,label:"Option",name:"p-"+e})},e))}),checked:()=>t.jsxs(Kg,{defaultValue:"b",name:"demo",children:[t.jsx($g,{value:"a",label:"Light"}),t.jsx($g,{value:"b",label:"Dark"}),t.jsx($g,{value:"c",label:"System"})]}),disabled:()=>t.jsx(_b,{render:e=>t.jsx($g,{checked:!0,disabled:e,label:"Dark",name:"d-"+e}),offLabel:"enabled",onLabel:"disabled"})},SwitchInput:{variant:()=>t.jsx($b,{values:Zz,defaultValue:"default",render:e=>t.jsx(Hf,{variant:e,defaultChecked:!0,label:e})}),size:()=>t.jsx($b,{values:Jb,defaultValue:"medium",render:e=>t.jsx(Hf,{size:e,defaultChecked:!0,label:e})}),"checked / defaultChecked":()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Zb,{label:"off",emphasis:!0,children:t.jsx(Hf,{label:"Notifications"})}),t.jsx(Zb,{label:"on",children:t.jsx(Hf,{defaultChecked:!0,label:"Notifications"})})]}),icon:()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsx($b,{values:["default","primary","secondary","tertiary"],defaultValue:"default",render:e=>t.jsx(Hf,{variant:e,defaultChecked:!0,label:e,iconOn:t.jsx(o,{fontSize:"inherit"}),iconOff:t.jsx(Le,{fontSize:"inherit"})})}),t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Zb,{label:"off",children:t.jsx(Hf,{label:"Sync",iconOn:t.jsx(o,{fontSize:"inherit"}),iconOff:t.jsx(Le,{fontSize:"inherit"})})}),t.jsx(Zb,{label:"on",emphasis:!0,children:t.jsx(Hf,{defaultChecked:!0,label:"Sync",iconOn:t.jsx(o,{fontSize:"inherit"}),iconOff:t.jsx(Le,{fontSize:"inherit"})})}),t.jsx(Zb,{label:"same glyph both ways",children:t.jsx(Hf,{defaultChecked:!0,label:"Sync",icon:t.jsx(o,{fontSize:"inherit"})})})]})]}),labelPlacement:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Zb,{label:"end",emphasis:!0,children:t.jsx(Hf,{defaultChecked:!0,label:"Dark mode"})}),t.jsx(Zb,{label:"start",children:t.jsx(Hf,{defaultChecked:!0,labelPlacement:"start",label:"Dark mode"})})]}),disabled:()=>t.jsx(_b,{render:e=>t.jsx(Hf,{defaultChecked:!0,disabled:e,label:"Dark mode"}),offLabel:"enabled",onLabel:"disabled"})},Input:{variant:()=>t.jsx(Kb,{values:Yb.map(e=>e+"-outline"),defaultValue:"primary-outline",render:e=>Yz(t.jsx(Ug,{variant:e,label:e,placeholder:"Value"}))}),size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>Yz(t.jsx(Ug,{size:e,label:e,placeholder:"Value"}))}),labelPosition:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"standard",emphasis:!0,width:Xz,children:Yz(t.jsx(Ug,{label:"Project name",placeholder:"Untitled"}))}),t.jsx(Zb,{label:"floating",width:Xz,children:Yz(t.jsx(Ug,{labelPosition:"floating",label:"Project name"}))})]}),validation:()=>t.jsx(Kb,{values:["none","error"],defaultValue:"none",render:e=>Yz(t.jsx(Ug,{validation:e,label:"Email",defaultValue:"error"===e?"not-an-email":"jane@example.com",validationMessage:"error"===e?"Enter a valid email address.":void 0}))}),disabled:()=>t.jsx(_b,{width:Xz,offLabel:"enabled",onLabel:"disabled",render:e=>Yz(t.jsx(Ug,{disabled:e,label:"Project name",defaultValue:"Untitled"}))})},TextField:{error:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"false",emphasis:!0,width:Xz,children:Yz(t.jsx(GS,{label:"Email",value:"jane@example.com"}))}),t.jsx(Zb,{label:"true",width:Xz,children:Yz(t.jsx(GS,{label:"Email",value:"not-an-email",error:!0,errorMessage:"Enter a valid email address."}))})]}),size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>Yz(t.jsx(GS,{size:e,label:e,placeholder:"Value"}))})},SearchField:{color:()=>t.jsx(Kb,{values:Zz,defaultValue:"default",render:e=>Yz(t.jsx(iv,{color:e,defaultValue:"dinosaur"}))}),showClearButton:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"true",emphasis:!0,width:Xz,children:Yz(t.jsx(iv,{defaultValue:"dinosaur"}))}),t.jsx(Zb,{label:"false",width:Xz,children:Yz(t.jsx(iv,{defaultValue:"dinosaur",showClearButton:!1}))})]}),size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>Yz(t.jsx(iv,{size:e,placeholder:"Search — "+e}))})},Select:{labelPosition:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"top",emphasis:!0,width:Xz,children:Yz(t.jsx(vm,{label:"Appearance",options:Nz,defaultValue:"system"}))}),t.jsx(Zb,{label:"floating",width:Xz,children:Yz(t.jsx(vm,{labelPosition:"floating",label:"Appearance",options:Nz,defaultValue:"system"}))})]}),size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>Yz(t.jsx(vm,{size:e,label:e,options:Nz,defaultValue:"system"}))}),mode:()=>t.jsx(Kb,{values:["standard","multiselect","searchable"],defaultValue:"standard",render:e=>Yz(t.jsx(vm,{mode:e,label:e,options:Nz,defaultValue:"multiselect"===e?["system"]:"system"}))})},Autocomplete:{labelPosition:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"top",emphasis:!0,width:Xz,children:Yz(t.jsx(Vv,{label:"Theme",options:["Light","Dark","System"]}))}),t.jsx(Zb,{label:"floating",width:Xz,children:Yz(t.jsx(Vv,{labelPosition:"floating",label:"Theme",options:["Light","Dark","System"]}))})]}),size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>Yz(t.jsx(Vv,{size:e,label:e,options:["Light","Dark","System"]}))})},DropZone:{multiple:()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:360},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false — one file"}),t.jsx(Fy,{label:"Drop a file here",sublabel:"PNG or SVG"})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — several"}),t.jsx(Fy,{multiple:!0,label:"Drop files here",sublabel:"PNG or SVG"})]})]}),size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>t.jsx(Fy,{size:e,label:"Drop a file — "+e})}),disabled:()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:360},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"enabled"}),t.jsx(Fy,{label:"Drop a file here"})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"disabled"}),t.jsx(Fy,{disabled:!0,label:"Drop a file here"})]})]})},Avatar:{color:()=>t.jsx($b,{values:["default","primary","secondary","tertiary","neutral"],defaultValue:"default",render:e=>t.jsx(Jm,{color:e,initials:"JD"})})}},Kz=({w:e=320,h:a,children:r})=>t.jsx("div",{style:{width:e,height:a,position:"relative",overflow:"hidden"},children:r}),_z=(e={})=>t.jsxs(cb,{...e,children:[t.jsx(db,{href:"/",children:"Home"}),t.jsx(db,{href:"/projects",children:"Projects"}),t.jsx(db,{href:"/projects/omni",children:"Omni"}),t.jsx(db,{children:"Tokens"})]}),eB=(e={})=>t.jsxs(Up,{defaultValue:0,...e,children:[t.jsxs(Xp,{children:[t.jsx(Yp,{value:0,children:"Overview"}),t.jsx(Yp,{value:1,children:"Details"}),t.jsx(Yp,{value:2,children:"History"})]}),t.jsx(Jp,{value:0,children:t.jsx(Ja,{children:"The first panel."})}),t.jsx(Jp,{value:1,children:t.jsx(Ja,{children:"The second panel."})}),t.jsx(Jp,{value:2,children:t.jsx(Ja,{children:"The third panel."})})]}),aB={Tabs:{orientation:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"horizontal"}),t.jsx(Kz,{w:320,children:eB()})]}),t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"vertical-left",width:260,children:t.jsx(Kz,{w:260,children:eB({orientation:"vertical-left"})})}),t.jsx(Zb,{label:"vertical-right",width:260,children:t.jsx(Kz,{w:260,children:eB({orientation:"vertical-right"})})})]})]}),baseline:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"true"}),t.jsx(Kz,{w:320,children:eB()})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"false"}),t.jsx(Kz,{w:320,children:eB({baseline:!1})})]})]}),variant:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",children:["standard","solid","light","dark"].map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard"===e?"standard":"quiet",children:e}),t.jsx(Kz,{w:320,children:eB({variant:e})})]},e))}),size:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",children:Jb.map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx(Kz,{w:320,children:eB({size:e})})]},e))}),scrollable:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false — the strip wraps or clips"}),t.jsx(Kz,{w:200,children:t.jsx(Up,{defaultValue:0,children:t.jsxs(Xp,{children:[t.jsx(Yp,{value:0,children:"Overview"}),t.jsx(Yp,{value:1,children:"Details"}),t.jsx(Yp,{value:2,children:"History"}),t.jsx(Yp,{value:3,children:"Settings"})]})})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — the strip scrolls"}),t.jsx(Kz,{w:200,children:t.jsx(Up,{defaultValue:0,scrollable:!0,children:t.jsxs(Xp,{children:[t.jsx(Yp,{value:0,children:"Overview"}),t.jsx(Yp,{value:1,children:"Details"}),t.jsx(Yp,{value:2,children:"History"}),t.jsx(Yp,{value:3,children:"Settings"})]})})})]})]})},Breadcrumbs:{size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>_z({size:e})}),condense:()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:360},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false"}),_z()]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — the middle collapses behind an ellipsis"}),_z({condense:!0,maxItems:3})]})]}),backOnlyMobile:()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"wide — the full trail, either way"}),t.jsx(Kz,{w:360,children:_z({backOnlyMobile:!0})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"narrow — collapses to a single back link"}),t.jsx(Kz,{w:180,children:_z({backOnlyMobile:!0})})]})]})},Pagination:{size:()=>t.jsx(Kb,{values:Jb,defaultValue:"medium",render:e=>t.jsx(mb,{count:8,defaultPage:3,size:e})}),"showFirstButton / showLastButton":()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false"}),t.jsx(mb,{count:20,defaultPage:9})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — first and last"}),t.jsx(mb,{count:20,defaultPage:9,showFirstButton:!0,showLastButton:!0})]})]})},Stepper:{orientation:()=>t.jsxs(Pb,{gap:"var(--Sizing-4)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"horizontal",emphasis:!0,width:300,children:t.jsx(Kz,{w:300,children:t.jsxs(LS,{activeStep:1,children:[t.jsx(IS,{label:"Colors"}),t.jsx(IS,{label:"Type"}),t.jsx(IS,{label:"Export"})]})})}),t.jsx(Zb,{label:"vertical",width:160,children:t.jsxs(LS,{orientation:"vertical",activeStep:1,children:[t.jsx(IS,{label:"Colors"}),t.jsx(IS,{label:"Type"}),t.jsx(IS,{label:"Export"})]})})]}),size:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",children:Jb.map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx(Kz,{w:320,children:t.jsxs(LS,{size:e,activeStep:1,children:[t.jsx(IS,{label:"Colors"}),t.jsx(IS,{label:"Type"}),t.jsx(IS,{label:"Export"})]})})]},e))}),clickable:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false — display only"}),t.jsx(Kz,{w:320,children:t.jsxs(LS,{activeStep:2,children:[t.jsx(IS,{label:"Colors"}),t.jsx(IS,{label:"Type"}),t.jsx(IS,{label:"Export"})]})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — completed steps go back"}),t.jsx(Kz,{w:320,children:t.jsxs(LS,{activeStep:2,clickable:!0,children:[t.jsx(IS,{label:"Colors"}),t.jsx(IS,{label:"Type"}),t.jsx(IS,{label:"Export"})]})})]})]}),dashedIncomplete:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false — one solid connector"}),t.jsx(Kz,{w:320,children:t.jsxs(LS,{activeStep:1,children:[t.jsx(IS,{label:"Colors"}),t.jsx(IS,{label:"Type"}),t.jsx(IS,{label:"Export"})]})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — remaining steps dashed"}),t.jsx(Kz,{w:320,children:t.jsxs(LS,{activeStep:1,dashedIncomplete:!0,children:[t.jsx(IS,{label:"Colors"}),t.jsx(IS,{label:"Type"}),t.jsx(IS,{label:"Export"})]})})]})]})},List:{orientation:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"vertical"}),t.jsx(Kz,{w:240,children:t.jsx(Xy,{items:Az})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"horizontal"}),t.jsx(Kz,{w:360,children:t.jsx(Xy,{items:Az,orientation:"horizontal"})})]})]}),dividers:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"false",emphasis:!0,width:200,children:t.jsx(Kz,{w:200,children:t.jsx(Xy,{items:Az})})}),t.jsx(Zb,{label:"true",width:200,children:t.jsx(Kz,{w:200,children:t.jsx(Xy,{items:Az,dividers:!0})})})]}),clickable:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"false — static",emphasis:!0,width:200,children:t.jsx(Kz,{w:200,children:t.jsx(Xy,{items:Az})})}),t.jsx(Zb,{label:"true — rows are buttons",width:200,children:t.jsx(Kz,{w:200,children:t.jsx(Xy,{items:Az,clickable:!0})})})]}),selectionMode:()=>t.jsx(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["none","single","multiple"].map(e=>t.jsx(Zb,{label:e,emphasis:"none"===e,width:190,children:t.jsx(Kz,{w:190,children:t.jsx(Xy,{items:Az,selectionMode:e,selectedIndices:"none"===e?[]:[1]})})},e))}),loading:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"false",emphasis:!0,width:200,children:t.jsx(Kz,{w:200,children:t.jsx(Xy,{items:Az})})}),t.jsx(Zb,{label:"true",width:200,children:t.jsx(Kz,{w:200,children:t.jsx(Xy,{loading:!0,skeletonRows:4})})})]})},TreeView:{selectionMode:()=>t.jsx(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["none","single","multiple"].map(e=>t.jsx(Zb,{label:e,emphasis:"none"===e,width:190,children:t.jsx(Kz,{w:190,children:t.jsx(Ly,{items:Dz,selectionMode:e,defaultExpandedItems:["src"]})})},e))})},AppBar:{mode:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"desktop"}),t.jsx(Kz,{w:"100%",children:t.jsx(Lv,{navLinks:[{label:"Work"},{label:"Studio"}]})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"mobile"}),t.jsx(Kz,{w:360,children:t.jsx(Lv,{mode:"mobile",navLinks:[{label:"Work"},{label:"Studio"}]})})]})]}),brandType:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",children:["name","logo","both"].map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"name"===e?"standard":"quiet",children:e}),t.jsx(Kz,{w:"100%",children:t.jsx(Lv,{brandType:e,navLinks:[{label:"Work"}]})})]},e))}),menuType:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",children:["hamburger","none"].map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"hamburger"===e?"standard":"quiet",children:e}),t.jsx(Kz,{w:360,children:t.jsx(Lv,{mode:"mobile",menuType:e,navLinks:[{label:"Work"}]})})]},e))})},Rail:{variant:()=>t.jsx(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["default","primary","secondary","tertiary"].map(e=>t.jsx(Zb,{label:e,emphasis:"default"===e,width:88,children:t.jsx(Kz,{w:88,h:260,children:t.jsx(Pj,{items:Mz.slice(0,4),variant:e,defaultValue:0})})},e))}),expandable:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"false",emphasis:!0,width:88,children:t.jsx(Kz,{w:88,h:260,children:t.jsx(Pj,{items:Mz.slice(0,4),defaultValue:0})})}),t.jsx(Zb,{label:"true — gains a toggle",width:88,children:t.jsx(Kz,{w:88,h:260,children:t.jsx(Pj,{items:Mz.slice(0,4),expandable:!0,defaultValue:0})})})]}),expandedWidth:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"partial",emphasis:!0,width:240,children:t.jsx(Kz,{w:240,h:260,children:t.jsx(Pj,{items:Mz.slice(0,4),expandable:!0,defaultExpanded:!0,defaultValue:0})})}),t.jsx(Zb,{label:"full",width:300,children:t.jsx(Kz,{w:300,h:260,children:t.jsx(Pj,{items:Mz.slice(0,4),expandable:!0,defaultExpanded:!0,expandedWidth:"full",defaultValue:0})})})]}),labelStyle:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"contained",emphasis:!0,width:88,children:t.jsx(Kz,{w:88,h:260,children:t.jsx(Pj,{items:Mz.slice(0,4),defaultValue:0})})}),t.jsx(Zb,{label:"outside",width:88,children:t.jsx(Kz,{w:88,h:260,children:t.jsx(Pj,{items:Mz.slice(0,4),labelStyle:"outside",defaultValue:0})})})]})},BottomNavigation:{showLabels:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"true"}),t.jsx(Kz,{w:360,children:t.jsx(ty,{items:Mz.slice(0,4),defaultValue:0})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"false — icons only, so each needs a name"}),t.jsx(Kz,{w:360,children:t.jsx(ty,{items:Mz.slice(0,4),showLabels:!1,defaultValue:0})})]})]}),variant:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"fixed — edge to edge"}),t.jsx(Kz,{w:360,children:t.jsx(ty,{items:Mz.slice(0,4),defaultValue:0})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"floating — inset, with its own elevation"}),t.jsx(Kz,{w:360,children:t.jsx(ty,{items:Mz.slice(0,4),variant:"floating",defaultValue:0})})]})]})},Sidebar:{variant:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"permanent",width:240,children:t.jsx(Kz,{w:240,h:260,children:t.jsx(pS,{variant:"permanent",open:!0,items:Az,width:240})})}),t.jsx(Zb,{label:"temporary — an overlay, shown open",emphasis:!0,width:240,children:t.jsx(Kz,{w:240,h:260,children:t.jsx(pS,{variant:"permanent",open:!0,items:Az,width:240})})})]})},Toolbar:{type:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"floating — its own surface and elevation"}),t.jsx(XS,{items:Rz,defaultValue:0})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"docked — sits flush in the layout"}),t.jsx(XS,{items:Rz,type:"docked",defaultValue:0})]})]}),orientation:()=>t.jsxs(Pb,{gap:"var(--Sizing-4)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"horizontal",emphasis:!0,children:t.jsx(XS,{items:Rz,defaultValue:0})}),t.jsx(Zb,{label:"vertical",children:t.jsx(XS,{items:Rz,orientation:"vertical",defaultValue:0})})]})},Menu:{size:()=>t.jsx(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:Jb.map(e=>t.jsx(Zb,{label:e,emphasis:"medium"===e,children:t.jsxs(fj,{children:[t.jsx(gj,{children:e}),t.jsxs(bj,{size:e,children:[t.jsx(vj,{children:"Rename"}),t.jsx(vj,{children:"Duplicate"})]})]})},e))})}},tB=({w:e=320,h:a,children:r})=>t.jsx("div",{style:{width:e,height:a,position:"relative",overflow:"hidden"},children:r}),rB=t.jsxs(Hb,{gap:"var(--Sizing-1)",children:[t.jsx(Pa,{children:"Card title"}),t.jsx(Ja,{children:"What a card looks like in this design system."})]});function iB({values:a,defaultValue:r,render:i,label:o=e=>String(e)}){const[n,l]=e.useState(null),s=void 0!==r?[r,...a.filter(e=>e!==r)]:a;return t.jsxs(t.Fragment,{children:[t.jsx(Pb,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:s.map(e=>t.jsx(zp,{size:"small",variant:e===r?"default":"outline",onClick:()=>l(e),children:o(e)},String(e)))}),null!==n?i(n,()=>l(null)):null]})}function oB(){const[a,r]=e.useState(!1),i=e.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsxs(zp,{ref:i,variant:"outline",onClick:()=>r(e=>!e),children:[a?"Close":"Open"," popover"]}),t.jsx(Ij,{open:a,onClose:()=>r(!1),anchorRef:i,width:240,children:t.jsx(Hb,{gap:"var(--Sizing-1)",style:{padding:"var(--Sizing-2)"},children:t.jsx(Ja,{children:"Anchored to the button, portalled to the body so no ancestor can clip it."})})})]})}const nB=360;function lB({labels:e=["Save","Cancel","Delete"],variant:a="default",...r}){return t.jsx(Cb,{"aria-label":"Actions",...r,children:e.map(e=>t.jsx(zp,{variant:a,onClick:()=>{},children:e},e))})}function sB(e){return t.jsxs(Cb,{"aria-label":"Alignment",...e,children:[t.jsx(zp,{iconOnly:!0,"aria-label":"Align left",onClick:()=>{},children:t.jsx(am,{children:t.jsx(Ue,{})})}),t.jsx(zp,{iconOnly:!0,"aria-label":"Align center",onClick:()=>{},children:t.jsx(am,{children:t.jsx(Xe,{})})}),t.jsx(zp,{iconOnly:!0,"aria-label":"Align right",onClick:()=>{},children:t.jsx(am,{children:t.jsx(Ke,{})})})]})}function cB({options:a=["Left","Center","Right"],initial:r="Left",...i}){const[o,n]=e.useState(r);return t.jsx(gz,{value:o,onChange:n,"aria-label":"Align",...i,children:a.map(e=>t.jsx(zp,{value:e,children:e},e))})}function dB({allowEmpty:a,...r}){const[i,o]=e.useState(["Left"]);return t.jsxs(gz,{multiple:!0,allowEmpty:a,value:i,onChange:o,"aria-label":"Align",...r,children:[t.jsx(zp,{value:"Left",children:"Left"}),t.jsx(zp,{value:"Center",children:"Center"}),t.jsx(zp,{value:"Right",children:"Right"})]})}function uB(){const[a,r]=e.useState("left");return t.jsxs(gz,{value:a,onChange:r,"aria-label":"Alignment",children:[t.jsx(zp,{value:"left",children:"Left"}),t.jsx(zp,{value:"center",children:"Center"}),t.jsx(zp,{value:"right",disabled:!0,children:"Right"})]})}function hB(){const[a,r]=e.useState(!0),[i,o]=e.useState(!1);return t.jsxs(Pb,{gap:"var(--Sizing-1)",style:{alignItems:"center"},children:[t.jsx(Rp,{label:"Unselected"}),t.jsx(Rp,{label:"Selected",clickable:!0,selected:a,onClick:()=>r(e=>!e)}),i?t.jsx(at,{color:"quiet",children:"dismissed"}):t.jsx(Rp,{label:"Dismissible",onDelete:()=>o(!0)})]})}const xB={...Qz,Button:()=>t.jsx(zp,{children:"Button"}),BrandIcon:()=>t.jsx(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:["github","linkedin","instagram","dribbble","x-twitter"].map(e=>t.jsx(Kx,{name:e,size:"24px"},e))}),Fab:()=>t.jsx(kg,{icon:t.jsx(am,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add"}),Chip:()=>t.jsx(hB,{}),Badge:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",children:[t.jsx(ip,{badgeContent:3,children:t.jsx(am,{children:t.jsx("span",{children:"✉"})})}),t.jsx(ip,{dot:!0,children:t.jsx(am,{children:t.jsx("span",{children:"🔔"})})})]}),Alert:()=>t.jsxs(Hb,{gap:"var(--Sizing-1)",children:[t.jsx(If,{color:"info",children:"Something worth knowing."}),t.jsx(If,{color:"error",children:"Something went wrong."})]}),Card:()=>t.jsx(Jf,{padding:"medium",children:t.jsxs(Hb,{gap:"var(--Sizing-1)",children:[t.jsx(Pa,{children:"Card title"}),t.jsx(Ja,{children:"What a card looks like in this design system."})]})}),Avatar:()=>t.jsxs(Pb,{gap:"var(--Sizing-1)",children:[t.jsx(Jm,{initials:"LN"}),t.jsx(Jm,{})]}),Icon:()=>t.jsxs(Pb,{gap:"var(--Sizing-1)",children:[t.jsx(am,{color:"primary",children:t.jsx("span",{children:"★"})}),t.jsx(am,{color:"success",children:t.jsx("span",{children:"✓"})}),t.jsx(am,{color:"error",children:t.jsx("span",{children:"✕"})})]}),Link:()=>t.jsx(It,{href:"#example",children:"A link, which thickens rather than recolors on hover"}),Divider:()=>t.jsx(Fg,{indicatorText:"OR"}),Checkbox:()=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(sg,{label:"Unchecked"}),t.jsx(sg,{label:"Checked",defaultChecked:!0}),t.jsx(sg,{label:"Indeterminate",indeterminate:!0})]}),Radio:()=>t.jsxs(Kg,{defaultValue:"a",name:"docs-radio",children:[t.jsx($g,{value:"a",label:"First"}),t.jsx($g,{value:"b",label:"Second"})]}),Input:()=>t.jsx(Ug,{label:"Email",placeholder:"you@example.com"}),SwitchInput:()=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(Hf,{label:"Off"}),t.jsx(Hf,{label:"On",defaultChecked:!0})]}),Slider:()=>t.jsx(tb,{defaultValue:40}),Rating:()=>t.jsx(lb,{defaultValue:3}),Breadcrumbs:()=>t.jsxs(cb,{children:[t.jsx(It,{href:"#a",children:"Home"}),t.jsx(It,{href:"#b",children:"Products"}),t.jsx(Ja,{children:"Current"})]}),Pagination:()=>t.jsx(mb,{count:8,defaultPage:3}),Accordion:()=>t.jsx(Ib,{children:t.jsx(Ja,{children:"An accordion segment, open."})}),Tabs:()=>t.jsxs(Up,{defaultValue:0,children:[t.jsxs(Xp,{children:[t.jsx(Yp,{value:0,children:"Overview"}),t.jsx(Yp,{value:1,children:"Details"})]}),t.jsx(Jp,{value:0,children:t.jsx(Ja,{children:"The first panel."})}),t.jsx(Jp,{value:1,children:t.jsx(Ja,{children:"The second panel."})})]})};function mB(e){return e in xB}const pB={Fab:{size:()=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx(kg,{size:"small",icon:t.jsx(am,{size:"small",children:t.jsx(ye,{})}),ariaLabel:"Add, small"}),t.jsx(kg,{size:"medium",icon:t.jsx(am,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add, medium"}),t.jsx(kg,{size:"large",icon:t.jsx(am,{size:"large",children:t.jsx(ye,{})}),ariaLabel:"Add, large"})]}),color:()=>{const e=(e,a)=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",style:{alignItems:"center"},children:[t.jsx(kg,{color:e,size:"small",icon:t.jsx(am,{size:"small",children:t.jsx(ye,{})}),ariaLabel:"Add, "+e}),t.jsx(at,{color:a?"standard":"quiet",children:e})]},e);return t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[e("default",!0),t.jsx(Fg,{orientation:"vertical",style:{alignSelf:"stretch"}}),["primary","secondary","tertiary","neutral","info","success","warning","error","black-white"].map(a=>e(a,!1))]})},extended:()=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx(kg,{icon:t.jsx(am,{size:"medium",children:t.jsx(je,{})}),ariaLabel:"Edit"}),t.jsx(kg,{icon:t.jsx(am,{size:"medium",children:t.jsx(je,{})}),extended:!0,label:"Edit"})]}),animate:()=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx(kg,{icon:t.jsx(am,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add"}),t.jsx(kg,{icon:t.jsx(am,{size:"medium",children:t.jsx(ye,{})}),animate:!0,ariaLabel:"Add, animated"})]}),disabled:()=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx(kg,{icon:t.jsx(am,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add"}),t.jsx(kg,{icon:t.jsx(am,{size:"medium",children:t.jsx(ye,{})}),disabled:!0,ariaLabel:"Add, disabled"})]})},Button:{variant:()=>t.jsxs(Pb,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap"},children:[t.jsx(zp,{children:"solid"}),t.jsx(zp,{variant:"outline",children:"outline"}),t.jsx(zp,{variant:"ghost",children:"ghost"})]}),size:()=>t.jsxs(Pb,{gap:"var(--Sizing-1)",style:{alignItems:"center",flexWrap:"wrap"},children:[t.jsx(zp,{size:"small",children:"small"}),t.jsx(zp,{size:"medium",children:"medium"}),t.jsx(zp,{size:"large",children:"large"})]}),variantColor:()=>{const e=["primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],a=a=>t.jsxs(Pb,{gap:"var(--Sizing-1)",style:{alignItems:"center",flexWrap:"wrap"},children:[t.jsx(zp,{variant:a?"default"+a:"default",size:"small",children:"default"}),t.jsx(Fg,{orientation:"vertical",style:{alignSelf:"stretch"}}),e.map(e=>t.jsx(zp,{variant:a?e+a:e,size:"small",children:e},e))]});return t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"solid"}),a("")]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"outline"}),a("-outline")]})]})},disabled:()=>t.jsxs(Pb,{gap:"var(--Sizing-1)",children:[t.jsx(zp,{children:"enabled"}),t.jsx(zp,{disabled:!0,children:"disabled"})]}),"startDecorator / endDecorator":()=>t.jsxs(Hb,{gap:"var(--Sizing-1)",children:[t.jsxs(Pb,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(zp,{startDecorator:t.jsx(am,{children:t.jsx(ye,{})}),children:"start icon"}),t.jsx(zp,{endDecorator:t.jsx(am,{children:t.jsx(Se,{})}),children:"end icon"})]}),t.jsxs(Pb,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(zp,{startDecorator:t.jsx(Jm,{}),children:"start avatar"}),t.jsx(zp,{endDecorator:t.jsx(Jm,{}),children:"end avatar"})]})]}),iconOnly:()=>t.jsxs(Pb,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(zp,{children:"text"}),t.jsx(zp,{iconOnly:!0,"aria-label":"Delete item",children:t.jsx(y,{})}),t.jsx(zp,{letterNumber:!0,"aria-label":"3 unread",children:"3"}),t.jsx(zp,{avatar:!0,"aria-label":"Jane Doe",children:t.jsx(Jm,{})})]}),elevated:()=>t.jsxs(Pb,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(zp,{children:"standard"}),t.jsx(zp,{elevated:!0,children:"raised"})]}),fullWidth:()=>t.jsxs(Hb,{gap:"var(--Sizing-1)",style:{width:"100%",maxWidth:320},children:[t.jsx(zp,{children:"default fit"}),t.jsx(zp,{fullWidth:!0,children:"full width"})]})}};const fB=[{Slider:tv},Uz,$z,aB,{Card:{variant:()=>t.jsx(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["solid","outlined","ghost"].map(e=>t.jsx(Zb,{label:e,emphasis:"solid"===e,width:200,children:t.jsx(Jf,{variant:e,padding:"medium",children:rB})},e))}),size:()=>t.jsx(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:Jb.map(e=>t.jsx(Zb,{label:e,emphasis:"medium"===e,width:200,children:t.jsx(Jf,{size:e,padding:"medium",children:rB})},e))}),orientation:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"vertical"}),t.jsx(tB,{w:200,children:t.jsx(Jf,{padding:"medium",children:rB})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"horizontal"}),t.jsx(tB,{w:360,children:t.jsx(Jf,{orientation:"horizontal",padding:"medium",children:rB})})]})]}),clickable:()=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"false — static",emphasis:!0,width:200,children:t.jsx(Jf,{padding:"medium",children:rB})}),t.jsx(Zb,{label:"true — one control",width:200,children:t.jsx(Jf,{padding:"medium",clickable:!0,children:rB})})]}),elevated:()=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"standard — level 1",emphasis:!0,width:200,children:t.jsx(Jf,{padding:"medium",children:rB})}),t.jsx(Zb,{label:"elevated — level 2",width:200,children:t.jsx(Jf,{padding:"medium",elevated:!0,children:rB})})]}),selected:()=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"false",emphasis:!0,width:200,children:t.jsx(Jf,{padding:"medium",clickable:!0,children:rB})}),t.jsx(Zb,{label:"true",width:200,children:t.jsx(Jf,{padding:"medium",clickable:!0,selected:!0,children:rB})})]})},Accordion:{variant:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:380},children:["solid","outlined","ghost"].map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"solid"===e?"standard":"quiet",children:e}),t.jsx(Ib,{variant:e,title:"What is a design system?",defaultExpanded:!0,children:t.jsx(Ja,{children:"A set of decisions, written down once."})})]},e))}),size:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:380},children:Jb.map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx(Ib,{size:e,title:"Size "+e,defaultExpanded:!0,children:t.jsx(Ja,{children:"A set of decisions, written down once."})})]},e))}),defaultExpanded:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:380},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false — starts closed"}),t.jsx(Ib,{title:"What is a design system?",children:t.jsx(Ja,{children:"A set of decisions, written down once."})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — starts open"}),t.jsx(Ib,{title:"What is a design system?",defaultExpanded:!0,children:t.jsx(Ja,{children:"A set of decisions, written down once."})})]})]}),disabled:()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:380},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"enabled"}),t.jsx(Ib,{title:"What is a design system?",children:t.jsx(Ja,{children:"A set of decisions, written down once."})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"disabled"}),t.jsx(Ib,{title:"What is a design system?",disabled:!0,children:t.jsx(Ja,{children:"A set of decisions, written down once."})})]})]})},Paper:{outlined:()=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Zb,{label:"false — elevation",emphasis:!0,width:180,children:t.jsx(Lj,{surface:"Container",children:t.jsx("div",{style:{padding:"var(--Sizing-3)"},children:t.jsx(Ja,{children:"Elevated"})})})}),t.jsx(Zb,{label:"true — a border, no shadow",width:180,children:t.jsx(Lj,{surface:"Container",outlined:!0,children:t.jsx("div",{style:{padding:"var(--Sizing-3)"},children:t.jsx(Ja,{children:"Outlined"})})})})]}),variant:()=>t.jsx(Pb,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["elevation","outlined"].map(e=>t.jsx(Zb,{label:e,emphasis:"elevation"===e,width:180,children:t.jsx(Lj,{surface:"Container",variant:e,children:t.jsx("div",{style:{padding:"var(--Sizing-3)"},children:t.jsx(Ja,{children:e})})})},e))})},Ratio:{fit:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"width — height follows the column"}),t.jsx("div",{style:{width:240},children:t.jsx(Xj,{ratio:"16:9"})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"height — width follows the row"}),t.jsx("div",{style:{height:120},children:t.jsx(Xj,{ratio:"16:9",fit:"height"})})]})]})},Table:{loading:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",style:{width:"100%"},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false"}),t.jsx(QS,{columns:Lz,rows:Iz})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — the shape is kept"}),t.jsx(QS,{columns:Lz,rows:[],loading:!0,skeletonRows:3})]})]})},Modal:{open:()=>t.jsx(iB,{values:[!0],label:()=>"Open modal",render:(e,a)=>t.jsx(Aj,{open:!0,onClose:a,title:"Rename project",children:t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsx(Ja,{children:"A modal takes the whole screen`s attention, so it owes the reader a way out."}),t.jsx(zp,{onClick:a,children:"Done"})]})})}),size:()=>t.jsx(iB,{values:Jb,defaultValue:"medium",render:(e,a)=>t.jsx(Aj,{open:!0,onClose:a,size:e,title:"Size "+e,children:t.jsx(Ja,{children:"The modal`s width. Its height always follows its content."})})}),layout:()=>t.jsx(iB,{values:["center","top"],defaultValue:"center",render:(e,a)=>t.jsx(Aj,{open:!0,onClose:a,layout:e,title:"Layout "+e,children:t.jsx(Ja,{children:"Where the modal sits in the viewport."})})}),closeOnBackdrop:()=>t.jsx(iB,{values:[!0,!1],defaultValue:!0,label:e=>e?"true — click outside closes":"false — click outside does nothing",render:(e,a)=>t.jsx(Aj,{open:!0,onClose:a,closeOnBackdrop:e,title:"Rename project",children:t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsx(Ja,{children:e?"Click the backdrop to close.":"The backdrop will not close this."}),t.jsx(zp,{onClick:a,children:"Close"})]})})}),showCloseButton:()=>t.jsx(iB,{values:[!0,!1],defaultValue:!0,label:e=>e?"true":"false — needs its own way out",render:(e,a)=>t.jsx(Aj,{open:!0,onClose:a,showCloseButton:e,title:"Rename project",children:t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsx(Ja,{children:"A modal with no close button must give one in its content."}),t.jsx(zp,{onClick:a,children:"Done"})]})})})},Dialog:{open:()=>t.jsx(iB,{values:[!0],label:()=>"Open dialog",render:(e,a)=>t.jsx(zy,{open:!0,onClose:a,title:"Discard changes?",actions:t.jsxs(t.Fragment,{children:[t.jsx(zp,{variant:"outline",onClick:a,children:"Keep editing"}),t.jsx(zp,{variant:"error",onClick:a,children:"Discard"})]}),children:t.jsx(Ja,{children:"This cannot be undone."})})}),maxWidth:()=>t.jsx(iB,{values:["xs","sm","md","lg"],defaultValue:"sm",render:(e,a)=>t.jsx(zy,{open:!0,onClose:a,maxWidth:e,title:"maxWidth "+e,actions:t.jsx(zp,{onClick:a,children:"Close"}),children:t.jsx(Ja,{children:"A ceiling, not a width — a short dialog stays narrow."})})}),fullScreen:()=>t.jsx(iB,{values:[!1,!0],defaultValue:!1,label:e=>e?"true":"false",render:(e,a)=>t.jsx(zy,{open:!0,onClose:a,fullScreen:e,title:"Edit tokens",actions:t.jsx(zp,{onClick:a,children:"Close"}),children:t.jsx(Ja,{children:"Full screen is for a dialog carrying a whole task on a small screen."})})}),alert:()=>t.jsx(iB,{values:[!1,!0],defaultValue:!1,label:e=>e?"true — role=alertdialog":"false — role=dialog",render:(e,a)=>t.jsx(zy,{open:!0,onClose:a,alert:e,title:"Delete project?",actions:t.jsxs(t.Fragment,{children:[t.jsx(zp,{variant:"outline",onClick:a,children:"Cancel"}),t.jsx(zp,{variant:"error",onClick:a,children:"Delete"})]}),children:t.jsx(Ja,{children:"Every file in it goes too. This cannot be undone."})})}),nonModal:()=>t.jsx(iB,{values:[!1,!0],defaultValue:!1,label:e=>e?"true — the page stays usable":"false — modal",render:(e,a)=>t.jsx(zy,{open:!0,onClose:a,nonModal:e,title:"Find in page",actions:t.jsx(zp,{onClick:a,children:"Close"}),children:t.jsx(Ja,{children:e?"The page behind this is still interactive.":"The page behind this is blocked."})})})},Drawer:{open:()=>t.jsx(iB,{values:[!0],label:()=>"Open drawer",render:(e,a)=>t.jsx(zv,{open:!0,onClose:a,children:t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)",minWidth:240},children:[t.jsx(Pa,{children:"Filters"}),t.jsx(Xy,{items:Az,clickable:!0}),t.jsx(zp,{onClick:a,children:"Close"})]})})}),anchor:()=>t.jsx(iB,{values:["left","right","top","bottom"],defaultValue:"left",render:(e,a)=>t.jsx(zv,{open:!0,onClose:a,anchor:e,children:t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)",minWidth:240},children:[t.jsxs(Pa,{children:["anchor=",e]}),t.jsx(zp,{onClick:a,children:"Close"})]})})}),size:()=>t.jsx(iB,{values:Jb,defaultValue:"medium",render:(e,a)=>t.jsx(zv,{open:!0,onClose:a,size:e,children:t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)"},children:[t.jsxs(Pa,{children:["size=",e]}),t.jsx(zp,{onClick:a,children:"Close"})]})})}),hideBackdrop:()=>t.jsx(iB,{values:[!1,!0],defaultValue:!1,label:e=>e?"true — no scrim":"false — scrim",render:(e,a)=>t.jsx(zv,{open:!0,onClose:a,hideBackdrop:e,children:t.jsxs(Hb,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)",minWidth:240},children:[t.jsx(Pa,{children:"Filters"}),t.jsx(zp,{onClick:a,children:"Close"})]})})})},Snackbar:{open:()=>t.jsx(iB,{values:[!0],label:()=>"Show snackbar",render:(e,a)=>t.jsx(bS,{open:!0,onClose:a,color:"success",autoHideDuration:4e3,children:"Project saved."})}),color:()=>t.jsx(iB,{values:["info","success","warning","error"],defaultValue:"info",render:(e,a)=>t.jsxs(bS,{open:!0,onClose:a,color:e,autoHideDuration:4e3,children:[e," — something happened."]})}),anchor:()=>t.jsx(iB,{values:["bottom","top"],defaultValue:"bottom",render:(e,a)=>t.jsxs(bS,{open:!0,onClose:a,anchor:e,color:"info",autoHideDuration:4e3,children:["anchor=",e]})})},Tooltip:{placement:()=>t.jsx(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"center"},children:["bottom","top","left","right"].map(e=>t.jsx(Zb,{label:e,emphasis:"bottom"===e,children:t.jsx(az,{title:"placement="+e,placement:e,children:t.jsx(zp,{variant:"outline",size:"small",children:e})})},e))}),arrow:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(Zb,{label:"true",emphasis:!0,children:t.jsx(az,{title:"With an arrow",children:t.jsx(zp,{variant:"outline",size:"small",children:"arrow"})})}),t.jsx(Zb,{label:"false",children:t.jsx(az,{title:"No arrow",arrow:!1,children:t.jsx(zp,{variant:"outline",size:"small",children:"no arrow"})})})]}),describeChild:()=>t.jsxs(Pb,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(Zb,{label:"false — the tooltip is the name",emphasis:!0,children:t.jsx(az,{title:"Delete item",children:t.jsx(zp,{variant:"outline",size:"small",iconOnly:!0,"aria-label":"Delete item",children:"x"})})}),t.jsx(Zb,{label:"true — the tooltip describes it",children:t.jsx(az,{title:"Removes it permanently",describeChild:!0,children:t.jsx(zp,{variant:"outline",size:"small",children:"Delete"})})})]})},Popover:{open:()=>t.jsx(oB,{})}},{ButtonGroup:{separated:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"true — the default, and what Figma draws"}),t.jsx(lB,{})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"false — joins them, and warns"}),t.jsx(lB,{separated:!1})]}),t.jsx(Ja,{color:"quiet",children:"A joined row of actions looks like a control with nothing selected. If the segments are a choice rather than three things to do, that is ToggleButtonGroup."})]}),fit:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:nB},children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"hug — each button sizes to its label"}),t.jsx("div",{style:{width:nB,border:"1px dashed var(--Border-Variant)",padding:4},children:t.jsx(lB,{labels:["S","Medium","Extra large"]})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"fill — the group fills, buttons share it equally"}),t.jsx("div",{style:{width:nB,border:"1px dashed var(--Border-Variant)",padding:4},children:t.jsx(lB,{labels:["S","Medium","Extra large"],fit:"fill"})})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"equal — hugs, but every button matches the widest (code only)"}),t.jsx("div",{style:{width:nB,border:"1px dashed var(--Border-Variant)",padding:4},children:t.jsx(lB,{labels:["S","Medium","Extra large"],fit:"equal"})})]})]}),orientation:()=>t.jsxs(Pb,{gap:"var(--Sizing-4)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Zb,{label:"horizontal",emphasis:!0,children:t.jsx(lB,{})}),t.jsx(Zb,{label:"vertical",children:t.jsx(lB,{orientation:"vertical"})})]}),size:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",children:Jb.map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx(lB,{size:e})]},e))}),variant:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[["default","primary","secondary"].map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"default"===e?"standard":"quiet",children:`<Button variant="${e}">`}),t.jsx(lB,{variant:e})]},e)),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"outline, for a row of secondary actions"}),t.jsx(lB,{variant:"default-outline"})]})]}),disabled:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"enabled"}),t.jsx(lB,{})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"disabled — the whole group"}),t.jsx(lB,{disabled:!0})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"a single button takes its own `disabled`"}),t.jsxs(Cb,{"aria-label":"Actions",children:[t.jsx(zp,{onClick:()=>{},children:"Save"}),t.jsx(zp,{disabled:!0,onClick:()=>{},children:"Cancel"}),t.jsx(zp,{onClick:()=>{},children:"Delete"})]})]})]}),"aria-label":()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsx(sB,{}),t.jsx(Ja,{color:"quiet",children:'The group needs a name, and so does each icon-only button — naming the ACTION, not the glyph: "Align left", not "left".'})]})}},{ToggleButtonGroup:{allowEmpty:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false — a toggle group. The last one stays on."}),t.jsx(dB,{allowEmpty:!1})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — clearable, with toggle styling"}),t.jsx(dB,{allowEmpty:!0})]}),t.jsx(Ja,{color:"quiet",children:"The refused click fires no onChange — an unchanged array would make a controlled caller re-render for nothing and read as a bug in their own reducer."})]}),multiple:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false — one answer, and it cannot be cleared"}),t.jsx(cB,{})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — any number, never none"}),t.jsx(dB,{allowEmpty:!1})]})]}),separated:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"false — joined (Figma: Style=Default)"}),t.jsx(cB,{})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"true — separated (Figma: Style=Separated)"}),t.jsx(cB,{separated:!0})]})]}),variant:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",children:["outlined","light","ghost"].map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"outlined"===e?"standard":"quiet",children:e}),t.jsx(cB,{variant:e,color:"primary"})]},e))}),color:()=>t.jsx(Hb,{gap:"var(--Sizing-2)",children:["default",...Yb].map(e=>t.jsxs(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx("div",{style:{width:84},children:t.jsx(at,{color:"default"===e?"standard":"quiet",children:e})}),t.jsx(cB,{color:e})]},e))}),size:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",children:Jb.map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx(cB,{size:e})]},e))}),fit:()=>t.jsx(Hb,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:nB},children:["hug","fill","equal"].map(e=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"hug"===e?"standard":"quiet",children:e}),t.jsx("div",{style:{width:nB,border:"1px dashed var(--Border-Variant)",padding:4},children:t.jsx(cB,{options:["S","Medium","Extra large"],initial:"S",fit:e})})]},e))}),orientation:()=>t.jsxs(Pb,{gap:"var(--Sizing-4)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Zb,{label:"horizontal",emphasis:!0,children:t.jsx(cB,{})}),t.jsx(Zb,{label:"vertical",children:t.jsx(cB,{orientation:"vertical"})})]}),"value / defaultValue":()=>t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"each child needs a `value`; the group matches against it"}),t.jsx(cB,{})]}),onChange:()=>t.jsxs(Hb,{gap:"var(--Sizing-2)",children:[t.jsx(cB,{}),t.jsx(Ja,{color:"quiet",children:"Called (value, event) — the system`s order. A caller signalling MUI`s older API, with `exclusive` or a color in `variant`, still gets (event, value)."})]}),disabled:()=>t.jsxs(Hb,{gap:"var(--Sizing-3)",children:[t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"standard",children:"enabled"}),t.jsx(cB,{})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"disabled — the whole group"}),t.jsx(cB,{disabled:!0})]}),t.jsxs(Hb,{gap:"var(--Sizing-Half)",children:[t.jsx(at,{color:"quiet",children:"one choice unavailable"}),t.jsx(uB,{})]})]})}}].reduce(function(e,a){for(const[t,r]of Object.entries(a))e[t]={...e[t]||{},...r};return e},pB);const gB={Fab:{title:"Changing a FAB’s color",after:"color",node:"Theme-Container",collection:"Theme",body:"The FAB’s fill is pinned to Buttons/Default/Button, so the Buttons mode is not the axis — setting it on the frame does nothing. Color comes from the Theme mode on an inner frame called Theme-Container, which changes what Buttons/Default/* resolves to. Select Theme-Container, not the instance.",shot:"The right-hand panel with Theme-Container selected, cropped to the Theme dropdown open on its nine modes.",caveat:"Theme has nine modes and the `color` prop has ten: black-white exists in code only, so a FAB built in Figma cannot be that color."},Button:{title:"Changing a Button’s color",after:"variantColor",node:"Theme-Button-Fill",collection:"Buttons",body:"Fill and border are bound to Buttons::Button and Buttons::Border, so the color is the Buttons mode — all ten of them, and the names match the `variant` values exactly. Set it on Button-Container, not on Theme-Button-Fill.",shot:"The right-hand panel with Button-Container selected, cropped to the Buttons dropdown open on its ten modes.",caveat:"Theme-Button-Fill is a SIBLING of Button-Contents, not its parent, so a mode set there reaches the fill and border and never reaches the label — Buttons::Text resolves from the ancestor instead, and the button changes color while its text does not. Setting the mode on Button-Container, which is above both, is the working route until the layer is reparented."}},bB=e=>gB[e]||null,vB=/\.(mp4|mov|webm)$/i;function yB({src:e,title:r,shows:i,aspect:o="4 / 3",maxWidth:n=560}){const l={width:"100%",maxWidth:n,display:"block",borderRadius:"var(--Card-Radius, var(--Style-Border-Radius))",border:"1px solid var(--Border-Variant)"};return e&&vB.test(e)?t.jsx(a.Box,{component:"video",src:e,controls:!0,preload:"metadata",playsInline:!0,sx:l}):e?t.jsx(a.Box,{component:"img",src:e,alt:r||"",loading:"lazy",sx:l}):t.jsx(a.Box,{"data-surface":"Container",sx:{width:"100%",maxWidth:n,aspectRatio:o,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"var(--Background)",color:"var(--Text)",borderRadius:"var(--Card-Radius, var(--Style-Border-Radius))",border:"2px dashed var(--Border-Variant)",p:3,textAlign:"center"},children:t.jsxs(Hb,{gap:"var(--Sizing-1)",style:{alignItems:"center",maxWidth:440},children:[t.jsx(ot,{children:"Screenshot to capture"}),t.jsx(Xa,{children:r}),i&&t.jsx(at,{color:"quiet",children:i})]})})}const jB="https://omni-design.netlify.app";function SB(e){return e.trim().replace(/\s+/g,"-")}const zB="https://github.com/lwnoble/DinoDesign/issues/new";function BB(e){const a=SB(String(e||"")).toLowerCase();return Vm.find(e=>SB(e.name).toLowerCase()===a)||null}const wB=({component:e,what:r})=>t.jsx(a.Box,{sx:{p:3},children:t.jsxs(Ja,{color:"quiet",children:["No ",r," written for ",e," yet."]})}),kB=({title:e,children:r})=>t.jsxs(a.Box,{sx:{pt:3,mt:3,borderTop:"1px solid var(--Border-Variant)","&:first-of-type":{borderTop:"none",pt:0,mt:0}},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:e.toUpperCase()}),r]}),CB=({items:e})=>t.jsx(a.Stack,{spacing:0,children:e.map((e,r)=>t.jsxs(a.Box,{sx:{py:.75},children:[t.jsx(Xa,{children:e.head}),e.sub?t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:e.sub}):null]},r))}),TB=["variant","style","shape","type","contentType","size","color","variantColor","selected","checked","open","loading","disabled","elevated","label","children","icon","iconOnly","letterNumber","avatar","startDecorator","endDecorator","fullWidth","fit","orientation","placement"],MB=e=>e.sample||e.name,AB=e=>{const a=TB.indexOf(MB(e));return-1===a?TB.length:a},LB=e=>e.map((e,a)=>({pr:e,i:a})).sort((e,a)=>AB(e.pr)-AB(a.pr)||e.i-a.i).map(({pr:e})=>e);function IB({component:e,theme:r=null,surface:i="Surface"}){const o=BB(e);if(!o)return t.jsx(wB,{component:e,what:"reference"});const n=mB(o.name)?xB[o.name]:null,l=bB(o.name);return t.jsx(a.Box,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:3,children:[n?t.jsx(Of,{theme:r,surface:i,minHeight:120,children:t.jsx(a.Box,{sx:{width:"100%",p:3,display:"flex",justifyContent:"center"},children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:420,textAlign:"center"},children:n({theme:r,surface:i})})})}):null,t.jsx(Ja,{children:o.summary}),o.links&&o.links.length?t.jsx(a.Box,{sx:{display:"flex",gap:"var(--Sizing-3)",flexWrap:"wrap"},children:o.links.map((e,a)=>t.jsx(It,{href:e.href,target:"_blank",rel:"noopener noreferrer",children:e.label},a))}):null,o.insteadUse.length>0&&t.jsx(kB,{title:"Reach for something else when",children:t.jsx(CB,{items:o.insteadUse.map(e=>({head:e.when,sub:`Use ${e.use}`}))})}),o.props.length>0&&t.jsx(kB,{title:"Props",children:t.jsx(a.Stack,{spacing:0,children:LB(o.props).map((e,n)=>{const s=MB(e),c=function(e,a){return Boolean(fB[e]&&fB[e][a])}(o.name,s)?fB[o.name][s]:null,d=l&&l.after===s?l:null,u=[e.values&&e.values.length?e.values.join(" | "):null,e.default?`default: ${e.default}`:null,e.note].filter(Boolean).join("  ·  ");return t.jsxs(a.Box,{sx:{py:1},children:[t.jsxs(Xa,{children:[e.label||e.name," — ",e.type]}),u?t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:u}):null,c?t.jsx(a.Box,{sx:{mt:1.5},children:t.jsx(Of,{theme:r,surface:i,minHeight:0,children:t.jsx(a.Box,{sx:{p:2},children:c({theme:r,surface:i})})})}):null,d?t.jsx(a.Box,{sx:{mt:2},children:t.jsxs(a.Stack,{spacing:1.5,children:[t.jsx(ot,{children:d.title}),t.jsx(Xa,{children:d.body}),t.jsx(yB,{title:d.shot}),d.caveat?t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:d.caveat}):null]})}):null]},n)})})}),o.states.length>0&&t.jsx(kB,{title:"States",children:t.jsx(CB,{items:o.states.map(e=>({head:e.state,sub:[`set by ${e.setBy}`,e.note].filter(Boolean).join("  ·  ")}))})}),o.theming.length>0&&t.jsxs(kB,{title:"Theming",children:[t.jsx(CB,{items:o.theming.map(e=>({head:e.collection,sub:`In code: ${e.inCode}\nIn Figma: ${e.inFigma}`}))}),(o.themingNotes||[]).map((e,a)=>t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:8},children:e},a))]}),o.tokens.length>0&&t.jsx(kB,{title:"Tokens",children:t.jsx(CB,{items:o.tokens.map(e=>({head:e.name,sub:[e.sets,e.variesWith?`varies with ${e.variesWith}`:null,e.figma].filter(Boolean).join("  ·  ")}))})}),o.composition.length>0&&t.jsx(kB,{title:"Composition",children:t.jsx(CB,{items:o.composition.map(e=>({head:e}))})}),o.gotchas.length>0&&t.jsx(kB,{title:"Gotchas",children:t.jsx(CB,{items:o.gotchas.map(e=>({head:e}))})})]})})}function NB({component:e}){const r=BB(e),i=r&&r.changes||[],o=encodeURIComponent(`[${e}] `);return t.jsx(a.Box,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:3,children:[0===i.length?t.jsxs(Ja,{color:"quiet",children:["No breaking changes recorded for ",e,". Only changes that break, or that silently change meaning, are listed here — not every fix."]}):t.jsx(a.Stack,{spacing:0,children:i.map((e,r)=>t.jsxs(a.Box,{sx:{py:1},children:[t.jsxs(a.Stack,{direction:"row",spacing:1,useFlexGap:!0,sx:{alignItems:"center",flexWrap:"wrap"},children:[t.jsx(Xa,{style:{fontWeight:700},children:e.version}),e.silent?t.jsx(at,{style:{color:"var(--Text-Warning)",fontWeight:600},children:"SILENT — old code still renders"}):null]}),t.jsx(Ja,{children:e.change}),e.migrate?t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Instead: ",e.migrate]}):null]},r))}),t.jsxs(a.Box,{children:[t.jsx(Oa,{children:"Something wrong or missing?"}),t.jsx(Xa,{color:"quiet",children:"Report it against this component and it arrives with the name already filled in."}),t.jsx(a.Box,{sx:{mt:1},children:t.jsxs(It,{href:`${zB}?title=${o}`,target:"_blank",rel:"noreferrer",children:["Report an issue with ",e]})})]})]})})}const RB="Qv2dqF7mYoAGY77EkdrwTv",DB="Omni-Designs-Aug12",WB={Typography:"2892:1220",Accordion:"3156:824",Alert:"8832:27566",AppBar:"7446:33121",Avatar:"3156:2682",Badge:"3156:4764",Box:"3156:5155",Breadcrumbs:"3156:5265",Button:"3492:3526",ButtonGroup:"9350:37170",ToggleButtonGroup:"6583:12058",Card:"7442:31014",Checkbox:"6729:509",Chip:"8927:14974",CodeBlock:"9150:18202",Dialog:"8122:6767",Divider:"6847:26729",Drawer:"6896:32544",Fab:"6778:14825",Icon:"5669:4784",IconBadge:"9189:26750",Input:"8574:17760",Link:"3156:5445",List:"6875:28869",Loader:"5859:1529",Menu:"9112:17981",Modal:"8117:6603",NumberField:"6850:28494",Pagination:"8379:6689",Radio:"6778:13564",Rail:"8224:2635",Ratio:"6241:11973",Rating:"6780:12084",SearchField:"8574:17760",Select:"8493:14435",Sheet:"8326:2799",Slider:"6791:13099",Snackbar:"8836:28082",Stepper:"8379:13798",SwitchInput:"3503:3820",Table:"8379:11736",Tabs:"8212:9163",Tag:"7442:32013",TextField:"8574:17760",Toolbar:"7446:33121",Tooltip:"8829:25532",TreeView:"6896:32593",BottomNavigation:"7446:33043"};function FB({title:e,component:r}){const i=r?function(e){const a=WB[e];return a?`https://www.figma.com/design/${RB}/${DB}?node-id=${a.replace(":","-")}`:null}(r):null;return t.jsxs(a.Box,{sx:{display:"flex",alignItems:"baseline",gap:2,flexWrap:"nowrap"},children:[t.jsx(a.Box,{sx:{flex:"0 1 auto",minWidth:0},children:t.jsx(Pa,{children:e})}),i&&t.jsxs(It,{href:i,target:"_blank",rel:"noopener noreferrer",sx:{ml:"auto",display:"inline-flex",alignItems:"center",gap:.75,flexShrink:0,whiteSpace:"nowrap"},children:[t.jsx(Kx,{name:"figma"}),"Open in Figma"]})]})}const PB=[{title:"Platforms, not breakpoints",lede:"There are no media queries in this system. Not one.",body:["Responsive behaviour comes from a `data-device` attribute on the root element, not from viewport width. Set it and every metric changes at once — the type ramp, button heights, icon sizes, touch targets, bar heights.","The reason is that these are not width decisions. A 28px Android button and a 44px iOS one are the two vendors' published minimums, not two points on a curve; a media query would have to invent a width at which one becomes the other."],table:{head:["Attribute","Covers"],rows:[['`[data-device="Desktop"]`',"desktop, and the default"],['`[data-device="IOS-Mobile"]`',"iPhone"],['`[data-device="IOS-Tablet"]`',"iPad, both orientations"],['`[data-device="Android-Tablet"]`',"Android tablet, both orientations"],['`[data-device="Android-Mobile"]`',"Android phone"]]},body2:[],trap:"The attribute was `data-platform` until the device modes were split; a system generated before that still selects on the old name, so the library sets BOTH until every system in Storage has been regenerated. Do not write `@media (min-width: …)` against these tokens. A breakpoint cannot change them — they are attribute-scoped — so the rule will appear to do nothing, and adding your own values fights the attribute rather than extending it."},{title:"Surfaces",lede:"Ten levels, and `data-theme` + `data-surface` is how you paint anything.",body:["Setting both attributes exposes a whole matched set — `--Background`, `--Text`, `--Quiet`, `--Header`, `--Border`, `--Border-Variant`, `--Hover`, `--Pressed`, `--Hotlink` — all tuned for that surface's tone.","Writing `background: var(--Surface)` paints the box and leaves the text, borders and states on the PARENT's tone. It looks right until the surface flips dark or moves a level, and then the contrast breaks with nothing to point at.",'Use `<Section theme="Primary" surface="Surface">` where you want the attributes AND the paint; `<ThemedZone>` where you want the attributes only, because something inside paints itself.'],table:{head:["Group","Levels"],rows:[["Surface","`Surface` · `Surface-Dim` · `Surface-Dimmest` · `Surface-Bright` · `Surface-Brightest`"],["Container","`Container` · `Container-Low` · `Container-Lowest` · `Container-High` · `Container-Highest`"]]},trap:"Never `background: var(--Surface)` or `var(--Container)`. Those exist so the system can COMPUTE `--Background`; components read `--Background`, which is what `data-surface` resolves to."},{title:"Static and dynamic typography",lede:"Two type systems, and which one applies depends on the platform.",body:["STATIC type is the brand's own ramp: one set of sizes, generated from the type scale, used on Desktop. Its line heights come out of the generated block and are already a clean ramp — `max(size × 1.15, size + 8)` holds exactly for H1 through H5 without anyone having written that rule down.","DYNAMIC type is the platform's. On iOS the sizes and line heights come from Apple's Dynamic Type table; on Android from Material 3. These are published tables, not curves, so they are transcribed rather than derived — running a brand ratio over them produces numbers neither vendor specifies.","Line height on the mobile platforms is COMPUTED from the platform table rather than read from the stylesheet. The static mobile blocks set every heading solid at 1.0, which clips in Figma — a text box IS its line height and a descender has nowhere to go — and carried two values that could not be right at all.","Desktop is deliberately left alone: its block is generated rather than static and is already correct. Running the platform curve over it would have loosened Legal to 1.80 and Label-ExtraSmall to 1.73, because the `+8` was fitted to the middle of the range where the platforms add 2–5px at the bottom."],trap:'Do not "fix" a mobile line height by editing the static block. On iOS and Android it is derived from the platform table at generate time and your value will be replaced — which is the point, because it is what stops the two impossible numbers recurring.'},{title:"Sizing",lede:"One scale, in 8px steps with two fractions below it. The tokens are --Sizing-*.",body:["There are NEGATIVES, four of them, mirroring the fractions and the first step. They exist for pulling something back over its neighbour — an overlap, a bevel's inward spread, cancelling a gap a parent already added. A negative margin written as a literal is the thing that stops tracking the scale when a brand changes it.","Everything that is a gap or a padding comes from here. A radius does NOT: a corner is a different axis, and binding one to a spacing token welds two independent things together — which is exactly what happened to the list row, whose radius and padding were both `Sizing-1` and could not move apart.","The 24px minimum touch target is `--Sizing-3`, not a control-specific token. It already exists on this scale, and a second name for one number is how two numbers appear."],table:{head:["Token","px","Typical use"],rows:[["`--Sizing-Quarter`","2","hairlines, the tab indicator track"],["`--Sizing-Half`","4","tight internal gaps"],["`--Sizing-1`","8","the default gap and row padding"],["`--Sizing-1-and-Half`","12","a row's internal gap"],["`--Sizing-2`","16","card padding"],["`--Sizing-2-and-Half`","20","between 2 and 3 where 8px is too coarse"],["`--Sizing-3`","24","**the minimum touch target** (WCAG 2.5.8)"],["`--Sizing-4` … `--Sizing-16`","32 … 128","section and layout spacing"],["`--Sizing-20` · `--Sizing-30`","160 · 240","the large end — panel and column widths"],["`--Sizing-Negative-Quarter`","-2","pulling a hairline back over its neighbour"],["`--Sizing-Negative-Half`","-4","overlap, and a bevel's inward spread"],["`--Sizing-Negative-1`","-8","cancelling one step of gap"],["`--Sizing-Negative-1-and-Half`","-12","cancelling a row's internal gap"]]},trap:"If you are reaching for a spacing token to set a radius, stop. Radii have their own tokens per component — `--Card-Radius`, `--Button-Radius`, `--List-Item-Radius` — and they derive from the brand's corner setting, not from the spacing scale."},{title:"Component size",lede:"A third axis: small, medium and large, scaling a component's own internals.",body:["This is NOT the platform and NOT the spacing scale. The platform decides what a device needs — a 44px iOS target against a 48px Android one. The sizing scale is fixed pixels for gaps and padding. Component size is the `size` prop: the same component, asked to be bigger or smaller, with every internal measurement moving together.",'Figma holds it as the Component-Size collection, 154 variables across three modes. One `size="small"` moves the height, the radius, the icon, the gap, the padding, the focus ring and the type at once — which is why a component should take the prop rather than have its parts set individually.',"The three modes are not a simple multiplier. `Button-Padding` is 8 at small AND medium and 16 at large; `Checkbox-Gap` is 4 / 8 / 12; `Tooltip-Radius` is 8 at every size. Each value was chosen, so reading one off and scaling it produces numbers the system does not contain."],table:{head:["Variable","small","medium","large"],rows:[["`Button-Height`","24","32","56"],["`Button-Icon-Only`","16","24","40"],["`Input-Height`","32","40","48"],["`Checkbox-Width`","16","20","24"],["`Radio` · `Dot`","16 · 8","20 · 10","24 · 12"],["`Switch-Width` · `Height`","35 · 20","42 · 24","56 · 32"],["`Switch-Handle` · `Icon`","15 · 12","20 · 16","28 · 24"],["`FAB-Width` · `Icon`","32 · 16","48 · 24","56 · 32"],["`Card-Radius` · `Padding`","14 · 12","18 · 16","23 · 20"],["`Menu-Swatch`","16","24","32"]]},trap:"Do not set a component's parts to hit a size. Passing `size` moves all of them together and keeps the focus ring, the touch target and the type in step; setting a height by hand moves one and silently breaks the other three."},{title:"Elevation",lede:"Five levels, and a component's level is a property of the component.",body:["A shadow's alpha is FLAT per level — `alpha = TOTAL[level] / N` — so raising the resolution of a shadow redistributes its opacity without changing it. A slider cannot make a shadow heavier; elevation lives in the total and the geometry.","A bevel and a drop shadow are different things. A bevel lights the component's OWN surface and follows its theme; a drop shadow falls on the PAGE and must read the page's theme. That is why a themed component puts its theme on an inner `Theme-*` layer and leaves the shadow on an outer node that inherits."],table:{head:["Component","Rest","Hover"],rows:[["Button, outlined Card","0","1"],["Handle, Accordion","1","—"],["Card, Bottom Sheet","1","2"],["AppBar, Toolbar, Menu","2","—"],["FAB","3","4"],["Dialog, Modal","5","—"]]},trap:"A button is flat at rest and earns its shadow by being hovered. A Dialog is already at the top of the stack and cannot be raised — `elevated` on one does nothing."},{title:"The Alt Display",lede:"A decorative display face with a gradient, and every brand gets one.",body:["The gradient comes in two kinds, and the palette decides which — not whether. Denying the treatment to the roughly half of brands whose Primary and Secondary sit far apart on the wheel would make it a lottery.","**duo** — Header-Primary to Header-Secondary, when the two hues are near enough to blend.","**mono** — Header-Primary to a lighter or darker shade of ITSELF, chosen against the background. One hue, so it cannot collide.","A brand whose palette cannot be read at all lands on `mono`, because that is the treatment that needs only one hue to be known. A grey Secondary counts as maximally distant rather than as zero — a grey blended into a colored Primary looks like a rendering fault, and zero would be the one answer that turns the gradient on.","Solid Header-Secondary is the sibling VARIANT, not the failure case: a designer picks between them. Two values are fine when something selects between them, and here the selector is a person.","Its WEIGHT is a contrast with Display's, in whichever direction has room — a drop alone cannot work at both ends, because a Display already at 600 has nowhere light to go without becoming thin at Alt-Display-Small."],trap:"The gradient is not a brand choice to override with two colors of your own. It is derived from the palette, and hand-picking the stops produces a pair nothing guarantees is legible against the background."},{title:"Theming a component",lede:"A theme is a variable mode on ONE layer, and that layer is named `Theme-*`.",body:["It is not a property of the component. A card themed Secondary has a `Theme-Container` frame inside it holding the Secondary mode, and everything under that frame inherits. Changing the card means changing the mode on that frame — not on the card, and not on the layers inside it.","When a component has no `Theme-*` child, the mode belongs on the instance itself. Those are the only two places it is allowed. A mode anywhere else stops that layer following the theme, which is invisible until the day the theme changes and one layer does not move.","Theme and Surface are separate axes. Theme picks the palette; Surface picks the level within it — so a Primary card and a Primary card at `Surface-Dimmest` are the same palette at two tones. Buttons and Icons are their own collections, with one mode per palette, and they are meant to move WITH the theme rather than be set separately.","Never set a mode on a main component. It edits the library: every instance that has not overridden it moves, in every file that has the component, and nobody whose file changed will know why. Place an instance and theme that."],table:{head:["Where the mode goes","When"],rows:[["the outermost `Theme-*` frame","whenever the component has one"],["the selected instance","only when it has no `Theme-*` child"],["a `Theme-Button` frame","buttons — it carries the Buttons palette and nothing else"],["anywhere else","**never** — it is drift, and it will go stale silently"]]},trap:"Setting the mode on the instance when a `Theme-*` child exists appears to do nothing: the child keeps its own value and wins. Both are now set, they drift apart, and the component looks correct until somebody re-themes it. The Omni Design plugin and the Omni Theme widget find the right layer for you, move Buttons and Icons with it, and name any mode sitting where it should not be."},{title:"Static colors",lede:"The raw tone ramp. For graphics and SVGs — never for a background or a component.",body:["Every palette publishes twelve numbered tones, `--Primary-Color-1` through `--Primary-Color-12`, nine palettes deep. They are STATIC: a tone is the same color whatever surface it sits on and whichever mode is active. That is what makes them useful for illustration, and what makes them wrong for anything else.","A background, a border or a component color must follow the cascade — `--Background`, `--Text`, `--Border`, `--Buttons-*` all resolve differently per surface and per mode, and they carry contrast guarantees that were measured. A numbered tone carries none: it is a color, not a role, and nothing checks what sits on it.","Reach for them when you are drawing — an SVG illustration, a chart series, a decorative shape — where there is no text to contrast against and no surface to follow. Everywhere else, name the role."],trap:"This is not theoretical. The Footer painted `background: var(--Primary-Color-2)` with the Copyright strip on `--Primary-Color-1`, a pair chosen to look one step apart. It worked, which is why it survived — and it left --Quiet, --Border, --Hotlink and every button override resolving against the PARENT surface while the box was painted from somewhere else. Both now declare a theme and a surface, which is what makes the rest of the set follow."},{title:"States are generated, not chosen",lede:"Hover, pressed, focus and disabled are computed to stay accessible.",body:["Every clickable thing needs all four. They come from curated per-surface tables tuned to WCAG rather than from a formula applied blindly, so they are accessible by construction — a hover tone is picked to move AWAY from the text sitting on it, not by stepping an index.","Direction is decided by the LABEL, not by the tone number. The index is a proxy that assumes every palette's text flips at tone 6, and the one palette where it does not took a 4.54:1 button to 2.17:1.","A narrow pass is a pass. Do not pad a value that already meets its threshold."],trap:"Never invent a hover or focus color. Links in particular have NO hover tone — the underline thickens instead — and any value you supply would be unverified against a 4.5:1 requirement."}];const HB={"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,a])=>({label:e,options:a.map(e=>({value:e,label:HB[e]}))}));const OB=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",EB=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary"]},{label:"State",colors:["info","success","warning","error"]}],VB=[v,_e,m,z,ea,aa];const qB={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 QB({value:r,defaultValue:i=0,onChange:o,min:n,max:l,step:s=1,variant:c="outlined",style:d="outline",color:u="default",size:h="medium",label:x,labelPosition:m="top",placeholder:p,helperText:f,disabled:b=!1,fullWidth:v=!1,className:y="",sx:j={},...S}){const[z,B]=e.useState(i),[w,k]=e.useState(!1),C=e.useRef(null),T=void 0!==r,M=T?r:z,A=""!==M&&null!=M,L=(I="default"===u?"primary":u).charAt(0).toUpperCase()+I.slice(1);var I;"production"!==process.env.NODE_ENV&&"light"===d&&console.warn('[NumberField] style="light" was removed and had never done anything — it was read by no code path. For a lighter field use data-surface="Surface-Brightest" on its container.');const N="default"===u?"var(--Border)":"var(--Buttons-"+L+"-Border)",R="default"===u?"var(--Text)":"var(--Text-"+L+")",D="outlined"===c,W="floating"===m,F="top"===m,P=qB[h]||qB.medium,H="small"===h?Xa:Ja,O=e.useCallback(e=>{let a="number"==typeof e?e:parseFloat(e);isNaN(a)&&(a=0),void 0!==n&&a<n&&(a=n),void 0!==l&&a>l&&(a=l),T||B(a),o?.(a)},[T,o,n,l]),E=e.useRef(M);E.current=M;const V=e.useCallback(e=>{if(b)return;const a="number"==typeof E.current?E.current:parseFloat(E.current)||0;void 0!==n&&e<0&&a<=n||void 0!==l&&e>0&&a>=l||O(a+e*s)},[b,s,n,l,O]),q=void 0!==n&&M<=n,Q=void 0!==l&&M>=l,G=e.useRef(null),U=e.useRef(null),X=e.useCallback(()=>{G.current&&(clearTimeout(G.current),G.current=null),U.current&&(clearInterval(U.current),U.current=null)},[]),Y=e.useCallback(e=>{b||(X(),V(e),G.current=setTimeout(()=>{let a=120,t=0;const r=()=>{V(e),t+=1,10===t&&a>60?(clearInterval(U.current),a=60,U.current=setInterval(r,a)):30===t&&a>30&&(clearInterval(U.current),a=30,U.current=setInterval(r,a))};U.current=setInterval(r,a)},400))},[b,V,X]);e.useEffect(()=>X,[X]);const J=e.useRef(!1),Z=e=>({onPointerDown:a=>{if(void 0===a.button||0===a.button){a.preventDefault();try{a.currentTarget.setPointerCapture?.(a.pointerId)}catch(e){}J.current=!0,Y(e)}},onClick:()=>{J.current?J.current=!1:V(e)},onPointerUp:e=>{try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch(e){}X()},onPointerCancel:X,onPointerLeave:X,onKeyDown:a=>{"Enter"!==a.key&&" "!==a.key||a.repeat||(a.preventDefault(),Y(e))},onKeyUp:e=>{"Enter"!==e.key&&" "!==e.key||X()},onBlur:X}),$=e=>{const a=e.target.value;if(""===a||"-"===a)return void(T||B(a));const t=parseFloat(a);isNaN(t)||O(t)},K=e=>{"ArrowUp"===e.key&&(e.preventDefault(),V(1)),"ArrowDown"===e.key&&(e.preventDefault(),V(-1))},_={display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"transparent",color:"default"===u?"var(--Text)":"var(--Text-"+L+")",cursor:"pointer",outline:"none",flexShrink:0,border:"none",padding:0,borderRadius:"var(--Button-Icon-Radius, 0)",transition:"background-color 0.15s ease","&:hover:not(:disabled)":{backgroundColor:"var(--Hover)"},"&:active:not(:disabled)":{backgroundColor:"var(--Pressed)"},"&:focus-visible":{outline:"none",boxShadow:"inset 0 0 0 1px var(--Focus-Visible)"},"&:disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"}},ee={},ae=()=>F&&x?t.jsx(H,{component:"label",style:{display:"block",marginBottom:"6px",color:b?"var(--Quiet)":"var(--Text)",fontWeight:500,opacity:b?"var(--Disabled, 0.38)":1},children:x}):null;return D?t.jsxs(a.Box,{className:"numberfield numberfield-outlined"+(b?" numberfield-disabled":"")+(y?" "+y:""),sx:{width:v?"100%":"auto",fontFamily:"inherit",...j},...S,children:[ae(),t.jsx(a.Box,{sx:{border:"1px solid "+N,borderRadius:"small"===h?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===h?"var(--Lg-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden",transition:"border-color 0.15s ease",boxShadow:"none",opacity:b?"var(--Disabled, 0.38)":1,"&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:t.jsx(a.Box,{...ee,children:t.jsxs(a.Box,{sx:{position:"relative",display:"flex",alignItems:"stretch",minHeight:"max("+P.height+", calc(var(--Sizing-3, 24px) * 2 + 1px))",backgroundColor:"var(--Background)"},children:[W&&x&&t.jsx(a.Box,{sx:{position:"absolute",top:A||w?"6px":"50%",left:P.padding.split(" ")[1]||"14px",transform:A||w?"none":"translateY(-50%)",transformOrigin:"top left",color:w?R:"var(--Quiet)",fontFamily:"var(--Font-Families-Body, var(--Body-Font-Family))",...A||w?{fontSize:"var(--"+(Vg[h]||Vg.medium).shrunk+"-Font-Size)",fontWeight:"var(--"+(Vg[h]||Vg.medium).shrunk+"-Font-Weight)",letterSpacing:"var(--"+(Vg[h]||Vg.medium).shrunk+"-Letter-Spacing)"}:{fontSize:"var(--"+(Vg[h]||Vg.medium).resting+"-Font-Size)",fontWeight:"var(--"+(Vg[h]||Vg.medium).resting+"-Font-Weight)",letterSpacing:"var(--"+(Vg[h]||Vg.medium).resting+"-Letter-Spacing)"},pointerEvents:"none",transition:"top 0.15s ease, font-size 0.15s ease, color 0.15s ease",zIndex:1},children:x}),t.jsx(a.Box,{component:"input",ref:C,type:"text",inputMode:"numeric",role:"spinbutton","aria-valuenow":"number"==typeof M?M:void 0,"aria-valuemin":n,"aria-valuemax":l,"aria-label":x||"Number",value:M,onChange:$,onKeyDown:K,onFocus:()=>k(!0),onBlur:()=>k(!1),disabled:b,placeholder:W?void 0:p||"",sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:A||w?R:"var(--Quiet)",fontSize:P.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)",padding:W?"22px 14px 6px":P.padding,minWidth:0,"&::placeholder":{color:"var(--Quiet)",opacity:1},"&:disabled":{cursor:"not-allowed"}}}),t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"stretch",borderLeft:"1px solid "+N,flexShrink:0},children:[t.jsx(a.Box,{component:"button",type:"button","aria-label":"Increase",...Z(1),disabled:b||Q,sx:{..._,width:"var(--Sizing-4, 32px)",height:"var(--Sizing-3, 24px)"},children:t.jsx(am,{size:"medium",children:t.jsx(ta,{})})}),t.jsx(a.Box,{"aria-hidden":"true",sx:{height:"1px",backgroundColor:N,flexShrink:0}}),t.jsx(a.Box,{component:"button",type:"button","aria-label":"Decrease",...Z(-1),disabled:b||q,sx:{..._,width:"var(--Sizing-4, 32px)",height:"var(--Sizing-3, 24px)"},children:t.jsx(am,{size:"medium",children:t.jsx(ra,{})})})]})]})})}),f&&t.jsx(Xa,{style:{color:"var(--Quiet)",marginTop:"4px",marginLeft:"2px"},children:f})]}):t.jsxs(a.Box,{className:"numberfield numberfield-spinner"+(b?" numberfield-disabled":"")+(y?" "+y:""),sx:{fontFamily:"inherit",...j},...S,children:[ae(),t.jsxs(a.Box,{sx:{display:"inline-flex",alignItems:"center",gap:"small"===h?.5:1,opacity:b?"var(--Disabled, 0.38)":1},children:[t.jsx(a.Box,{component:"button",type:"button","aria-label":"Decrease",...Z(-1),disabled:b||q,sx:{..._,width:P.btnSize,height:P.btnSize,borderRadius:"small"===h?"var(--Sm-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"large"===h?"var(--Lg-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"var(--Button-Icon-Radius, var(--Style-Border-Radius))",border:"1px solid "+N},children:t.jsx(am,{size:"small",children:t.jsx(g,{})})}),t.jsx(a.Box,{sx:{border:"1px solid "+N,borderRadius:"small"===h?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===h?"var(--Lg-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden","&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:t.jsx(a.Box,{...ee,children:t.jsx(a.Box,{component:"input",ref:C,type:"text",inputMode:"numeric",role:"spinbutton","aria-valuenow":"number"==typeof M?M:void 0,"aria-valuemin":n,"aria-valuemax":l,"aria-label":x||"Number",value:M,onChange:$,onKeyDown:K,onFocus:()=>k(!0),onBlur:()=>k(!1),disabled:b,sx:{width:"small"===h?40:56,minHeight:P.height,textAlign:"center",border:"none",outline:"none",backgroundColor:"var(--Hover)",color:"var(--Text)",fontSize:P.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:600,"&:disabled":{cursor:"not-allowed"}}})})}),t.jsx(a.Box,{component:"button",type:"button","aria-label":"Increase",...Z(1),disabled:b||Q,sx:{..._,width:P.btnSize,height:P.btnSize,borderRadius:"small"===h?"var(--Sm-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"large"===h?"var(--Lg-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"var(--Button-Icon-Radius, var(--Style-Border-Radius))",border:"1px solid "+N},children:t.jsx(am,{size:"small",children:t.jsx(ye,{})})})]}),f&&t.jsx(Xa,{style:{color:"var(--Quiet)",marginTop:"4px",marginLeft:"2px"},children:f})]})}const GB=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",UB=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function XB({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function YB({color:e,selected:r,onClick:i}){const n=GB(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const JB={color:"var(--Text)",backgroundColor:"transparent",textTransform:"none",fontWeight:500,"&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},"&.Mui-focusVisible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px",zIndex:1},"&.Mui-disabled":{color:"var(--Quiet)",opacity:"var(--Disabled, 0.38)"},"&.Mui-selected":{backgroundColor:"var(--Buttons-Primary-Button)",color:"var(--Buttons-Primary-Text)","&:hover":{backgroundColor:"var(--Buttons-Primary-Hover)"},"&:active":{backgroundColor:"var(--Buttons-Primary-Pressed)"}}};const ZB=["Surface","Surface-Dim","Surface-Bright","Container","Container-Low","Container-Lowest","Container-High"],$B=["Default","Primary","Primary","Secondary","Secondary","Tertiary","Tertiary","Neutral","Neutral","Info","Success","Warning","Error"];function KB({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function _B({theme:e,surface:a="Surface",as:r="section",padding:i,className:o,style:n,children:l,...s}){return t.jsx(r,{...e?{"data-theme":e}:{},"data-surface":a,className:o,style:{background:"var(--Background)",color:"var(--Text)",...void 0!==i?{padding:i}:{},...n},...s,children:l})}function ew({actions:r=[],variant:i="solid",color:o="default",direction:n="up",speed:l=50,showTooltips:s=!0,open:c,onOpen:d,onClose:u,icon:h,ariaLabel:x="Speed Dial",className:m="",sx:p={},...f}){const[g,b]=e.useState(!1),v=void 0!==c,y=v?c:g,j=e.useRef(null),S=i,z=e.useCallback(()=>{y?(v||b(!1),u?.()):(v||b(!0),d?.())},[y,v,d,u]),B=e.useCallback((e,a)=>{e.onClick?.(a),v||b(!1),u?.()},[v,u]);e.useEffect(()=>{if(!y)return;const e=e=>{j.current&&!j.current.contains(e.target)&&(v||b(!1),u?.())};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[y,v,u]),e.useEffect(()=>{if(!y)return;const e=e=>{"Escape"===e.key&&(v||b(!1),u?.())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[y,v,u]);const w="up"===n||"down"===n,k="up"===n||"down"===n?"left":"top",C=t.jsx(a.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",transition:"transform 0.3s ease",transform:y?"rotate(45deg)":"rotate(0deg)"},children:h||t.jsx(ye,{})});return t.jsxs(a.Box,{ref:j,className:"speed-dial speed-dial-"+i+" speed-dial-"+o+" speed-dial-"+n+" "+m,sx:{position:"relative",display:"inline-flex",overflow:"visible",width:w?"56px":"auto",height:w?"auto":"56px",...p},...f,children:[t.jsx(kg,{size:"large",variant:S,color:o,onClick:z,"aria-label":x,"aria-expanded":y,"aria-haspopup":"menu",sx:{position:"relative",zIndex:2},children:C}),t.jsx(a.Box,{role:"menu",sx:{position:"absolute",inset:0,pointerEvents:"none",overflow:"visible"},children:r.map((e,r)=>{const i=(e=>{const a=56+44*e;switch(n){case"up":default:return{bottom:a+"px",left:"12px"};case"down":return{top:a+"px",left:"12px"};case"left":return{right:a+"px",top:"12px"};case"right":return{left:a+"px",top:"12px"}}})(r),c=r*l,d=t.jsx(kg,{size:"small",variant:S,color:o,role:"menuitem","aria-label":e.name||"Action "+(r+1),onClick:()=>B(e,r),sx:{position:"absolute",...i,opacity:y?1:0,transform:y?"scale(1)":"scale(0.3)",transition:"opacity 0.2s ease, transform 0.2s ease",transitionDelay:y?c+"ms":"0ms",pointerEvents:y?"auto":"none"},children:e.icon||t.jsx(ye,{})},e.key||r);return s&&e.name?t.jsx(a.Tooltip,{title:e.name,placement:k,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||r):d})})]})}const aw=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",tw=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],rw=[{name:"Edit",icon:t.jsx(am,{size:"small",sx:{color:"inherit"},children:t.jsx(je,{})})},{name:"Share",icon:t.jsx(am,{size:"small",sx:{color:"inherit"},children:t.jsx(ia,{})})},{name:"Delete",icon:t.jsx(am,{size:"small",sx:{color:"inherit"},children:t.jsx(y,{})})},{name:"Favorite",icon:t.jsx(am,{size:"small",sx:{color:"inherit"},children:t.jsx(b,{})})}];function iw({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function ow({color:e,selected:r,onClick:i}){const n=aw(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const nw={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",black:"BW",white:"BW"};function lw(e,a){return"var(--"+(nw[e]||"Primary")+"-Color-"+a+")"}const sw={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 cw(e,a){const t=sw[e]||sw.primary;return(t[a]||t.linear).map(e=>({...e}))}function dw({variant:e="linear",color:r="primary",angle:i=135,stops:o=null,position:n=null,blobs:l=null,cardProps:s={},minHeight:c=300,children:d,className:u="",sx:h={},...x}){const m="meshCard"===e,p="mesh"===e||m,f="radial"===e,g="linear"===e||f,b=o||cw(r,f?"radial":"linear"),v=l||cw(r,m?"meshCard":"mesh"),y=p?function(e){if(!e||0===e.length)return"none";const a=e.map(e=>{const a=lw(e.family,e.tone),t=e.spread||40;return"radial-gradient(circle at "+e.x+"% "+e.y+"%, "+a+" 0%, transparent "+t+"%)"}),t=lw(e[0].family,e[0].tone);return a.push(t),a.join(", ")}(v):f?function(e,a){if(!e||0===e.length)return"none";const t=[...e].sort((e,a)=>e.position-a.position).map(e=>lw(e.family,e.tone)+" "+e.position+"%"),r=a||{x:50,y:50};return"radial-gradient(circle at "+r.x+"% "+r.y+"%, "+t.join(", ")+")"}(b,n||{x:50,y:50}):function(e,a){return e&&0!==e.length?"linear-gradient("+a+"deg, "+[...e].sort((e,a)=>e.position-a.position).map(e=>lw(e.family,e.tone)+" "+e.position+"%").join(", ")+")":"none"}(b,i),j=g?b[0]:v[0];var S,z;const B=function(e){return"dark"===e?"var(--BW-Color-1)":"var(--BW-Color-6)"}((S=j?.tone||8,"black"===(z=j?.family||"primary")||"white"===z?S<=5?"light":"dark":S<=5?"dark":"light"));return m?t.jsx(a.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",...h},...x,children:t.jsx(Jf,{variant:"solid",...s,children:t.jsx(Zf,{children:d})})}):t.jsx(a.Box,{className:"gradient gradient-"+e+" "+u,sx:{background:y,minHeight:c,borderRadius:"var(--Card-Radius)",color:B,display:"flex",alignItems:"center",justifyContent:"center",position:"relative",overflow:"hidden",...h},...x,children:d})}["default","primary","secondary","tertiary","neutral"].map(e=>{return{value:e,label:(a=e,a?a.charAt(0).toUpperCase()+a.slice(1):"")};var a});const uw={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},hw={small:{height:"4px",borderRadius:"2px"},medium:{height:"6px",borderRadius:"3px"},large:{height:"8px",borderRadius:"4px"}};function xw({value:e,color:r="primary",size:i="medium",className:o="",sx:n={},...l}){const s=uw[r]||"Primary",c=hw[i]||hw.medium,d=null!=e,u=d?Math.min(100,Math.max(0,e)):0,h="var(--Buttons-"+s+"-Border)";return t.jsx(a.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-"+i+" linear-progress-"+r+(d?" linear-progress-determinate":" linear-progress-indeterminate")+" "+o,sx:{position:"relative",width:"100%",height:c.height,borderRadius:c.borderRadius,backgroundColor:"var(--Border-Variant)",overflow:"hidden",flexShrink:0,...n},...l,children:t.jsx(a.Box,{className:"linear-progress-bar",sx:{position:"absolute",top:0,left:0,height:"100%",borderRadius:"inherit",backgroundColor:h,...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 mw=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",pw=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function fw({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function gw({color:e,selected:r,onClick:i}){const n=mw(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+n,"aria-pressed":r,title:n,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+n+"-Button)",border:r?"2px solid var(--Text)":"1px solid var(--Border)",outline:r?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:r&&t.jsx(o,{sx:{fontSize:16,color:"var(--Buttons-"+n+"-Text)",pointerEvents:"none"}})})}const bw={default:{theme:"Neutral",surface:"Surface-Dimmest"},primary:{theme:"Primary",surface:"Surface-Dim"},"primary-dark":{theme:"Primary",surface:"Surface-Dimmest"},white:{bg:"var(--Neutral-Color-11)",fg:"var(--Neutral-Color-3)"},black:{bg:"var(--Neutral-Color-1)",fg:"var(--Neutral-Color-12)"}};function vw({color:e="default",companyName:a="",year:r=(new Date).getFullYear(),rights:i="All rights reserved",children:o,className:n,style:l,...s}){const c=o??`© ${r}${a?" "+a:""}.${i?" "+i+".":""}`,d=bw[e]||bw.default,u=d.theme?{"data-theme":d.theme,"data-surface":d.surface||"Surface-Dim"}:{},h=d.theme?{background:"var(--Background)",color:"var(--Text)"}:{background:d.bg,color:d.fg};return t.jsx("div",{...u,className:["dino-copyright",n].filter(Boolean).join(" "),style:{padding:"var(--Sizing-2, 16px) 24px",textAlign:"center",...h,...l},...s,children:t.jsx(Xa,{style:{color:"inherit",opacity:.85},children:c})})}const yw={default:{theme:"Primary",surface:"Surface-Dimmest"},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 jw({color:e="default",brand:a,address:r,columns:i=[],socialLinks:o=[],copyright:n=!0,children:l,subscribe:s,copyrightName:c,copyrightYear:d,className:u,style:h,...x}){const m=i.slice(0,3),p=yw[e]||yw.default,f=p.theme?{"data-theme":p.theme,"data-surface":p.surface||"Surface"}:{},g=p.theme?{background:"var(--Background)",color:"var(--Text)"}:{background:p.bg,color:p.fg};return t.jsxs("footer",{...f,className:["dino-footer",u].filter(Boolean).join(" "),style:{...g,...h},...x,children:[t.jsxs("div",{style:{maxWidth:1200,margin:"0 auto",padding:"40px 24px 56px"},children:[a&&t.jsx("div",{style:{marginBottom:36},children:a}),t.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(280px, 1fr))",gap:40},children:l||t.jsxs(t.Fragment,{children:[t.jsx(Sw,{address:r}),m.map((e,a)=>t.jsx(zw,{...e},a))]})}),(o.length>0||s)&&t.jsxs("div",{style:{marginTop:48,paddingTop:32,borderTop:"1px solid var(--Border-Variant)",display:"flex",flexWrap:"wrap",gap:32,alignItems:"flex-start",justifyContent:"space-between"},children:[o.length>0&&t.jsx(Bw,{links:o}),s&&t.jsx(ww,{...s})]})]}),n&&t.jsx(vw,{color:e,companyName:c,year:d})]})}function Sw({address:e}){if(!e)return t.jsx("div",{});const{company:a,lines:r=[],email:i,phone:o}=e,n=[...a?[a]:[],...r,...o?[o]:[]];return t.jsxs("div",{children:[n.map((e,a)=>t.jsx(Xa,{style:{color:"inherit",opacity:.85,display:"block"},children:e},a)),i&&t.jsx("div",{style:{marginTop:12},children:t.jsx(Xa,{style:{color:"inherit",opacity:.85,display:"block"},children:t.jsx(It,{href:"mailto:"+i,color:"standard",style:{color:"inherit"},children:i})})})]})}function zw({title:e,links:a=[]}){return t.jsxs(Hb,{gap:"var(--Sizing-1)",children:[e&&t.jsx(Ha,{style:{color:"inherit"},children:e}),t.jsx(Hb,{component:"ul",gap:"var(--Sizing-1)",sx:{listStyle:"none",m:0,p:0},children:a.map((e,a)=>t.jsx("li",{children:t.jsx(It,{href:e.href,onClick:e.onClick,color:"standard",style:{color:"inherit",opacity:.85},children:e.label})},a))})]})}function Bw({links:e}){return t.jsx(Pb,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:e.map((e,a)=>{const r=e.label||e.name;return"production"===process.env.NODE_ENV||r||console.warn('[Footer] a socialLinks entry has no `label`. Each one needs the service it points at ("GitHub", "LinkedIn") — the icon carries no text, so without it a screen reader announces only "link".'),t.jsx("a",{href:e.url,target:"_blank",rel:"noopener noreferrer","aria-label":r,className:"footer-social-link",style:{color:"inherit",display:"inline-flex",alignItems:"center",justifyContent:"center",padding:6,textDecoration:"none",transition:"opacity var(--Motion-Duration-Fast, 150ms) var(--Motion-Easing-Standard, ease)"},children:e.brand?t.jsx(Kx,{name:e.brand,size:"24px"}):e.icon},a)})})}function ww({title:a="Stay in the loop",description:r,placeholder:i="your@email.com",buttonLabel:o="Subscribe",onSubscribe:n}){const[l,s]=e.useState(""),[c,d]=e.useState(!1);return t.jsxs("form",{onSubmit:async e=>{if(e&&e.preventDefault(),l&&!c){d(!0);try{await(n?.(l)),s("")}finally{d(!1)}}},style:{minWidth:260,maxWidth:360,flex:"1 1 260px"},children:[t.jsx(Ha,{style:{color:"inherit",marginBottom:6},children:a}),r&&t.jsx(Xa,{style:{color:"inherit",opacity:.85,marginBottom:12,display:"block"},children:r}),t.jsxs("div",{style:{display:"flex",gap:8},children:[t.jsx(Ug,{type:"email",value:l,onChange:e=>s(e.target.value),placeholder:i,size:"small",fullWidth:!0,"aria-label":"Email address"}),t.jsx(zp,{type:"submit",size:"small",disabled:c||!l,children:o})]})]})}function kw(e){const a=e.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);return a?[Number(a[1]),Number(a[2]),Number(a[3])]:null}function Cw(e){return e?"#"+e.map(e=>e.toString(16).padStart(2,"0")).join(""):"—"}function Tw([e,a,t]){const r=[e,a,t].map(e=>(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4));return.2126*r[0]+.7152*r[1]+.0722*r[2]}function Mw({targetRef:a,label:r,deps:i=[]}){const[o,n]=e.useState(null),[l,s]=e.useState(null);e.useEffect(()=>{if(!a.current)return;const e=requestAnimationFrame(()=>{if(!a.current)return;const e=getComputedStyle(a.current);n(kw(e.backgroundColor)),s(kw(e.color))});return()=>cancelAnimationFrame(e)},i);const c=function(e,a){if(!e||!a)return null;const t=Tw(e),r=Tw(a);return(Math.max(t,r)+.05)/(Math.min(t,r)+.05)}(o,l),d=null!==c&&c>=4.5,u=null===c?"—":null!==c&&c>=7?"AAA":d?"AA":"Fail",h=null===c?"var(--Text-Quiet)":d?"var(--Text-Success)":"var(--Text-Error)";return t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,padding:"12px 16px",borderRadius:8,background:"var(--Container)",border:"1px solid var(--Border)"},children:[t.jsxs("div",{style:{flex:1,minWidth:0},children:[t.jsx(Xa,{style:{fontWeight:600},children:r}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Background ",Cw(o)," · Text ",Cw(l)]})]}),t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,borderRadius:999,padding:"4px 10px",background:"var(--Background)",border:"1px solid var(--Border)"},children:[t.jsx("span",{style:{fontWeight:700,fontSize:12,color:h},children:u}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:null!==c?c.toFixed(2)+":1":"—"})]})]})}const Aw={company:"DinoDesign",lines:["123 Market Street","San Francisco, CA 94103"],email:"hello@dinodesign.dev",phone:"+1 (555) 010-0000"},Lw=[{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:"#"}]}],Iw=[{icon:t.jsx(oa,{fontSize:"small"}),url:"https://twitter.com",label:"Twitter"},{icon:t.jsx(na,{fontSize:"small"}),url:"https://github.com",label:"GitHub"},{icon:t.jsx(la,{fontSize:"small"}),url:"https://linkedin.com",label:"LinkedIn"}],Nw=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"primary-dark",label:"Primary Dark"},{value:"white",label:"White"},{value:"black",label:"Black"}];function Rw({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const Dw=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"primary-dark",label:"Primary Dark"},{value:"white",label:"White"},{value:"black",label:"Black"}];function Ww({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const Fw=["Default","Primary","Secondary","Tertiary","Neutral"],Pw={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}},Hw=Object.keys(Pw);function Ow(e,a){if("custom"===e)return{...Pw.Classic,name:"Custom",description:"Custom",...a||{}};const t=Pw[e];return t?{...t}:{...Pw.Classic}}function Ew(e,a){const t=e||"Primary";return"base"===a?"var(--Buttons-"+t+"-Button)":"highlight"===a?"rgb(var(--Buttons-"+t+"-Highlight))":"lowlight"===a?"rgb(var(--Buttons-"+t+"-Lowlight))":void 0}function Vw(e){const a=e||"Primary";return"Default"===a?"var(--Text)":"var(--Text-"+a+")"}function qw(e,a){const t=(e-90)*Math.PI/180;return{dx:Math.cos(t)*a,dy:Math.sin(t)*a}}const Qw={"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 Gw({text:a="Your Brand. Perfected.",curves:r,arc:i=160,radius:o=300,direction:n="up",rotation:l=0,autoCrop:s=!0,textStyle:c="display-large",fontSize:d,fontFamily:u,fontWeight:h,letterSpacing:x,color:m="var(--Text, #1a1a1a)",bevel:p=!1,bevelTheme:f="Primary",bevelPreset:g,bevelCustom:b,className:v,style:y,...j}){const S=g?Ow(g,b):null,z=S?!!S.bevel:!!p,B=Qw[c]||Qw["display-large"],w=u??B.fontFamily,k=d??B.fontSize,C=h??B.fontWeight,T=x??B.letterSpacing,M="number"==typeof d?d:B.pxHint,A=r&&r.length>0?r:[{arc:i,radius:o,direction:n}],{d:L,width:I,upMax:N,downMax:R,pathId:D}=function(a){return e.useMemo(()=>{const e="dino-curved-text-"+Math.random().toString(36).slice(2,9);let t=0;const r=0;let i="M "+t+" "+r,o=0,n=0;for(const{arc:e,radius:l,direction:s}of a){const a=Uw(e,1,359),c=Math.max(10,l),d=a*Math.PI/180,u=2*c*Math.sin(d/2),h=c*(1-Math.cos(d/2));t+=u,i+=" A "+c+" "+c+" 0 "+(a>180?1:0)+" "+("up"===s?1:0)+" "+t+" "+r,"up"===s?o=Math.max(o,h):n=Math.max(n,h)}return{d:i,width:t,upMax:o,downMax:n,pathId:e}},[JSON.stringify(a)])}(A),W=Math.ceil(N+M),F=Math.ceil(R+M),P=Math.ceil(M),H=Math.ceil(I+2*P),O=W+F,E=P,V=W,q=l?"rotate("+l+" "+H/2+" "+O/2+")":void 0,Q=e.useRef(null),[G,U]=e.useState(null),[X,Y]=e.useState(M);e.useEffect(()=>{if(!Q.current||"undefined"==typeof ResizeObserver)return;const e=Q.current,a=()=>{const a=e.getBoundingClientRect(),t=G?G.width:H;if(!t||!a.width)return;const r=a.width/t;Y(M*r)};a();const t=new ResizeObserver(a);return t.observe(e),()=>t.disconnect()},[H,M,G]);const J=z&&X>=19;e.useLayoutEffect(()=>{if(!s)return void U(null);const e=Q.current;if(!e)return;const a=e.querySelector("text");if(!a)return;let t;try{t=a.getBBox()}catch(e){return}if(!t||!t.width||!t.height)return;const r=H/2,i=O/2,o=l*Math.PI/180,n=Math.cos(o),c=Math.sin(o),d=(e,a)=>{const t=e-r,o=a-i;return{x:r+t*n-o*c,y:i+t*c+o*n}},u=[d(t.x,t.y),d(t.x+t.width,t.y),d(t.x,t.y+t.height),d(t.x+t.width,t.y+t.height)],h=Math.min(...u.map(e=>e.x)),x=Math.max(...u.map(e=>e.x)),m=Math.min(...u.map(e=>e.y)),p=Math.max(...u.map(e=>e.y)),f=.12*M,g={x:h-f,y:m-f,width:x-h+2*f,height:p-m+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,a,JSON.stringify(A),l,M,T,w,C,z,f,g,JSON.stringify(b)]);const Z=G?G.x+" "+G.y+" "+G.width+" "+G.height:"0 0 "+H+" "+O,$=G?G.width:H,K=G?G.height:O;return t.jsxs("svg",{ref:Q,viewBox:Z,width:$,height:K,preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",style:{display:"block",maxWidth:"100%",height:"auto",overflow:"visible",...y},"aria-label":a,role:"img",className:["dino-curved-text",v].filter(Boolean).join(" "),...j,children:[t.jsx("defs",{children:t.jsx("path",{id:D,d:L,transform:"translate("+E+" "+V+")"})}),t.jsxs("g",{transform:q,children:[J&&(()=>{const e=S?S.depth/96:.045,r=Math.max(2,Math.round(M*e)),i=Math.max(1,Math.round(M*e*.67)),o={fontFamily:w,fontSize:"number"==typeof k?k+"px":k,fontWeight:C,letterSpacing:"number"==typeof T?T+"px":T};return t.jsxs(t.Fragment,{children:[t.jsx("text",{className:"dino-bevel-layer dino-bevel-layer--lowlight",fill:"rgb(var(--Buttons-"+f+"-Lowlight))",transform:"translate(0 "+r+")",style:o,children:t.jsx("textPath",{href:"#"+D,startOffset:"50%",textAnchor:"middle",children:a})}),t.jsx("text",{className:"dino-bevel-layer dino-bevel-layer--highlight",fill:"rgb(var(--Buttons-"+f+"-Highlight))",transform:"translate(0 -"+i+")",style:o,children:t.jsx("textPath",{href:"#"+D,startOffset:"50%",textAnchor:"middle",children:a})})]})})(),t.jsx("text",{className:"dino-curved-text__base",fill:J?"var(--Buttons-"+f+"-Button)":z?Vw(f):m,style:{fontFamily:w,fontSize:"number"==typeof k?k+"px":k,fontWeight:C,letterSpacing:"number"==typeof T?T+"px":T},children:t.jsx("textPath",{href:"#"+D,startOffset:"50%",textAnchor:"middle",children:a})})]})]})}function Uw(e,a,t){return Math.max(a,Math.min(t,e))}const Xw=[{value:"display-large",label:"Display Large"},{value:"display-small",label:"Display Small"}],Yw=[{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)"}],Jw=Fw.map(e=>({value:e,label:e}));function Zw({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const $w={"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 Kw({text:a="DinoDesign",theme:r="Primary",preset:i="Classic",custom:o,textStyle:n="display-large",fontSize:l,fontFamily:s,fontWeight:c,letterSpacing:d,className:u,style:h,...x}){const m=$w[n]||$w["display-large"],p=s??m.fontFamily,f=l??m.fontSize,g=c??m.fontWeight,b=d??m.letterSpacing,v="number"==typeof l?l:m.pxHint,y=Ow(i,o),j="dino-bevel-"+e.useId().replace(/:/g,""),S=j+"-s",z=e.useRef(null),[B,w]=e.useState(v),k=.6*v,C=Math.max(400,a.length*k+80),T=1.9*v,M=C/2,A=.7*T;e.useEffect(()=>{if(!z.current||"undefined"==typeof ResizeObserver)return;const e=z.current,a=()=>{const a=e.getBoundingClientRect();C&&a.width&&w(v*(a.width/C))};a();const t=new ResizeObserver(a);return t.observe(e),()=>t.disconnect()},[C,v]);const L=B>=19,I=y.bevel?qw(y.angle+180,y.depth):{dx:0,dy:0},N=y.bevel?qw(y.angle,y.depth):{dx:0,dy:0},R=y.shadow?qw(y.angle,y.shadowDistance??6):{dx:0,dy:0},D=L?Ew(r,"base"):Vw(r),W=Ew(r,"highlight"),F=Ew(r,"lowlight"),P={fontFamily:p,fontSize:"number"==typeof f?f+"px":f,fontWeight:g,letterSpacing:"number"==typeof b?b+"px":b},H=y.bevel&&L?"url(#"+j+")":void 0,O=y.shadow&&L?"url(#"+S+")":void 0;return t.jsxs("svg",{ref:z,viewBox:"0 0 "+C+" "+T,width:C,height:T,preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",style:{display:"block",maxWidth:"100%",height:"auto",overflow:"visible",...h},"aria-label":a,role:"img",className:["dino-bevel-text",u].filter(Boolean).join(" "),...x,children:[t.jsxs("defs",{children:[y.shadow&&t.jsx("filter",{id:S,x:"-30%",y:"-30%",width:"160%",height:"160%",children:t.jsx("feDropShadow",{dx:R.dx.toFixed(2),dy:R.dy.toFixed(2),stdDeviation:y.shadowBlur??8,style:{floodColor:F,floodOpacity:y.shadowOpacity??.6}})}),y.bevel&&t.jsxs("filter",{id:j,x:"-5%",y:"-5%",width:"110%",height:"110%",colorInterpolationFilters:"sRGB",children:[t.jsx("feGaussianBlur",{in:"SourceAlpha",stdDeviation:(y.softness??1)+.5,result:"blur-alpha"}),t.jsx("feOffset",{in:"blur-alpha",dx:N.dx.toFixed(2),dy:N.dy.toFixed(2),result:"shadow-offset"}),t.jsx("feFlood",{style:{floodColor:F,floodOpacity:.95},result:"shadow-flood"}),t.jsx("feComposite",{in:"shadow-flood",in2:"shadow-offset",operator:"in",result:"shadow-shaped"}),t.jsx("feComposite",{in:"shadow-shaped",in2:"SourceAlpha",operator:"in",result:"shadow-clipped"}),t.jsx("feOffset",{in:"blur-alpha",dx:I.dx.toFixed(2),dy:I.dy.toFixed(2),result:"hi-offset"}),t.jsx("feFlood",{style:{floodColor:W,floodOpacity:.95},result:"hi-flood"}),t.jsx("feComposite",{in:"hi-flood",in2:"hi-offset",operator:"in",result:"hi-shaped"}),t.jsx("feComposite",{in:"hi-shaped",in2:"SourceAlpha",operator:"in",result:"hi-clipped"}),t.jsxs("feMerge",{children:[t.jsx("feMergeNode",{in:"SourceGraphic"}),t.jsx("feMergeNode",{in:"shadow-clipped"}),t.jsx("feMergeNode",{in:"hi-clipped"})]})]})]}),y.shadow&&L&&t.jsx("text",{className:"dino-bevel-layer dino-bevel-layer--shadow",x:M,y:A,textAnchor:"middle",fill:D,filter:O,style:P,"aria-hidden":"true",children:a}),t.jsx("text",{className:y.bevel?"dino-bevel-text__base dino-bevel-layer":"dino-bevel-text__base",x:M,y:A,textAnchor:"middle",fill:D,filter:H,style:P,children:a})]})}const _w=[...Hw.map(e=>({value:e,label:e,description:Pw[e].description})),{value:"custom",label:"Custom",description:"Tune every knob"}],ek=[{value:"light",label:"Light",css:"var(--Surface)"},{value:"warm",label:"Warm",css:"var(--Surface-Dim)"},{value:"dark",label:"Dark",css:"var(--Container-High)"}];function ak({label:e,selected:a,onClick:r}){return t.jsx(zp,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function tk({option:e,active:r,onClick:i}){return t.jsxs(a.Box,{onClick:i,role:"button",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),i())},sx:{flex:"1 1 140px",minWidth:130,cursor:"pointer",border:"1.5px solid",borderColor:r?"var(--Buttons-Primary-Border)":"var(--Border)",background:r?"rgb(var(--Buttons-Primary-Highlight) / 0.18)":"var(--Background)",borderRadius:"var(--Style-Border-Radius)",p:1.5,transition:"border-color 0.15s, background 0.15s",textAlign:"center","&:hover":{borderColor:"var(--Buttons-Primary-Border)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:2}},children:[t.jsx(at,{style:{fontWeight:600,color:"var(--Text)"},children:e.label}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:2},children:e.description})]})}const rk=[{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)"}],ik={desktop:"Desktop","ios-mobile":"IOS-Mobile","ios-tablet":"IOS-Tablet",android:"Android"};function ok(e){const a=ik[e]||"Desktop";document.documentElement.setAttribute("data-device",a),document.documentElement.setAttribute("data-platform",a)}const nk=e=>(e||[]).map(e=>{const a="number"==typeof e?e:Number(e?.value);return Number.isFinite(a)?a:0}),lk=e=>(e||[]).map((e,a)=>"number"==typeof e?String(a+1):e?.label??String(a+1));function sk(e,{fromZero:a=!0}={}){if(!e.length)return{min:0,max:1};let t=Math.min(...e),r=Math.max(...e);return a&&(t=Math.min(0,t)),r===t&&(r=t+1),{min:t,max:r}}const ck=(e,{min:a,max:t},r,i)=>r+i-(e-a)/(t-a)*i;function dk(e,a,t,{inset:r=0}={}){if(e<=0)return[];if(1===e)return[a+t/2];const i=(t-2*r)/(e-1);return Array.from({length:e},(e,t)=>a+r+t*i)}function uk(e,a,t,{gapRatio:r=.4}={}){if(e<=0)return{centres:[],bandWidth:0};const i=t/e,o=i*(1-r);return{centres:Array.from({length:e},(e,t)=>a+i*t+i/2),bandWidth:o}}const hk=e=>e.length?e.map((e,a)=>`${a?"L":"M"}${e.x} ${e.y}`).join(" "):"";function xk(e,{tension:a=0}={}){if(e.length<2)return hk(e);const t=(1-a)/6;let r=`M${e[0].x} ${e[0].y}`;for(let a=0;a<e.length-1;a++){const i=e[a-1]||e[a],o=e[a],n=e[a+1],l=e[a+2]||n,s={x:o.x+(n.x-i.x)*t,y:o.y+(n.y-i.y)*t},c={x:n.x-(l.x-o.x)*t,y:n.y-(l.y-o.y)*t};r+=` C${s.x} ${s.y} ${c.x} ${c.y} ${n.x} ${n.y}`}return r}const mk=(e,a,t)=>e&&a.length?`${e} L${a[a.length-1].x} ${t} L${a[0].x} ${t} Z`:"";function pk(e,a,t,r,i,o){const n=o-i;if(n>=2*Math.PI-1e-9){const o=i+Math.PI;return pk(e,a,t,r,i,o)+" "+pk(e,a,t,r,o,i+2*Math.PI)}const l=(t,r)=>({x:e+t*Math.sin(r),y:a-t*Math.cos(r)}),s=n>Math.PI?1:0,c=l(r,i),d=l(r,o);if(t<=0)return`M${e} ${a} L${c.x} ${c.y} A${r} ${r} 0 ${s} 1 ${d.x} ${d.y} Z`;const u=l(t,o),h=l(t,i);return`M${c.x} ${c.y} A${r} ${r} 0 ${s} 1 ${d.x} ${d.y} L${u.x} ${u.y} A${t} ${t} 0 ${s} 0 ${h.x} ${h.y} Z`}function fk(e,{startAngle:a=0}={}){const t=e.map(e=>e>0?e:0),r=t.reduce((e,a)=>e+a,0),i=e.filter(e=>e<=0).length;if(r<=0)return{slices:[],total:0,dropped:i};let o=a;return{slices:t.map(e=>{const a=e/r*Math.PI*2,t={start:o,end:o+a,value:e,fraction:e/r};return o+=a,t}),total:r,dropped:i}}function gk({min:e,max:a},t=4){if(t<1)return[];const r=(a-e)/t,i=Math.pow(10,Math.floor(Math.log10(Math.abs(r)||1))),o=[1,2,2.5,5,10].map(e=>e*i).find(e=>e>=r)??10*i,n=[];for(let t=Math.ceil(e/o)*o;t<=a+1e-9;t+=o)n.push(Number(t.toFixed(10)));return n}var bk=Object.freeze({__proto__:null,arcPath:pk,areaPath:mk,bands:dk,extent:sk,linePath:hk,scaleY:ck,sliceAngles:fk,slots:uk,smoothPath:xk,ticks:gk,toLabels:lk,toNumbers:nk});const vk={fill:"var(--Icons-Primary)",track:"var(--Border-Variant)",line:"var(--Border-Variant)",quietLabel:"var(--Quiet)",label:"var(--Text)",gradient:"var(--Icons-Primary-Variant)"},yk=["Primary","Secondary","Tertiary","Neutral","Info","Success","Warning","Error"],jk={fontFamily:"var(--Label-Small-Font-Family)",fontSize:"var(--Label-Small-Font-Size)",fontWeight:"var(--Label-Small-Font-Weight)",letterSpacing:"var(--Label-Small-Letter-Spacing)"},Sk={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 zk({caption:e,labels:r,values:i,valueHeader:o="Value"}){return t.jsxs(a.Box,{component:"table",sx:Sk,children:[t.jsx("caption",{children:e}),t.jsx("thead",{children:t.jsxs("tr",{children:[t.jsx("th",{scope:"col",children:"Category"}),t.jsx("th",{scope:"col",children:o})]})}),t.jsx("tbody",{children:i.map((e,a)=>t.jsxs("tr",{children:[t.jsx("th",{scope:"row",children:r[a]}),t.jsx("td",{children:e})]},a))})]})}const Bk="var(--Motion-Duration-Slow, 300ms) var(--Motion-Easing-Enter, cubic-bezier(0, 0, 0, 1))",wk="var(--Motion-Duration-Fast, 150ms) var(--Motion-Easing-Standard, cubic-bezier(0.2, 0, 0, 1))";function kk(a){const[t,r]=e.useState(-1),i=e.useCallback(e=>({onMouseEnter:()=>r(e),onMouseLeave:()=>r(a=>a===e?-1:a),onFocus:()=>r(e),onBlur:()=>r(a=>a===e?-1:a)}),[]);return e.useEffect(()=>{r(e=>e>=a?-1:e)},[a]),{active:t,setActive:r,handlers:i}}function Ck({count:e,width:r,centres:i,bandWidth:o,labels:n,values:l,handlers:s}){return e?t.jsx(a.Box,{sx:{position:"absolute",inset:0,display:"block",pointerEvents:"none"},children:Array.from({length:e},(e,c)=>t.jsx(a.Box,{component:"button",type:"button","aria-label":`${n[c]}: ${l[c]}`,...s(c),sx:{position:"absolute",top:0,height:"100%",left:(i[c]-o/2)/r*100+"%",width:o/r*100+"%",padding:0,margin:0,border:0,background:"transparent",cursor:"pointer",pointerEvents:"auto","&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"-2px",borderRadius:"4px"}}},c))}):null}function Tk({x:e,y:a,text:r,width:i,tokens:o}){if(null==r)return null;const n=Math.max(28,8*String(r).length+14),l=Math.min(Math.max(e,n/2+2),i-n/2-2),s=a-26>=2?a-26:a+6;return t.jsxs("g",{pointerEvents:"none",children:[t.jsx("rect",{x:l-n/2,y:s,width:n,height:20,rx:6,fill:o.fill}),t.jsx("text",{x:l,y:s+14,textAnchor:"middle",fill:"var(--Icons-On-Primary)",style:{fontFamily:"var(--Label-Small-Font-Family)",fontSize:"var(--Label-Small-Font-Size)",fontWeight:"var(--Label-Small-Font-Weight)"},children:r})]})}const Mk=[{name:"Theme",moves:"the whole surface — background, text, border, quiet, hover, pressed",inCode:"`data-theme` on the element or any ancestor",inFigma:"set the Theme mode on a `Theme-*` layer"},{name:"Buttons",moves:"an accent fill and its border, hover and pressed",inCode:'the `variant` / `color` prop — `variant="success"`',inFigma:"set the Buttons mode on a `Button-Theme-*` layer"},{name:"Icons",moves:"an icon or badge color, plus its variant and on-color",inCode:'the `color` prop on `Icon` — `<Icon color="primary">`',inFigma:"set the Icons mode on an `Icon-Theme-*` layer"}];function Ak(){const e=["## How color works","","Three mode collections carry color, and they are not interchangeable.","Changing the right node in the wrong collection appears to do nothing —","it does not error.",""];e.push("| Collection | What it moves | In code | In Figma |"),e.push("| --- | --- | --- | --- |");for(const a of Mk)e.push(`| **${a.name}** | ${a.moves} | ${a.inCode} | ${a.inFigma} |`);return e.push("","A `Theme-*`, `Button-Theme-*` or `Icon-Theme-*` layer marks **where** a","mode goes. Most are unpinned, which means the component inherits — set the","mode on the frame around it. A pinned one is a deliberate choice: Alert","pins Error and Warning because there the color *is* the message.","","A component with no such layer has nothing of its own to recolor.",""),e.join("\n")}const Lk=e=>e.replace(/\|/g,"\\|"),Ik=(e,a)=>[`| ${e.join(" | ")} |`,`| ${e.map(()=>"---").join(" | ")} |`,...a.map(e=>`| ${e.map(Lk).join(" | ")} |`)],Nk=(e,a)=>a.length?[`### ${e}`,"",...a.map(e=>`- ${e}`),""]:[];exports.Accordion=Ib,exports.AccordionDetails=function({children:r,className:i="",sx:o={},...n}){const{expanded:l,accordionId:s}=e.useContext(Ab),{size:c}=e.useContext(Mb),d=Tb[c]||Tb.medium,u=Rb[c]||Rb.medium;return l?t.jsx(a.Box,{role:"region",id:s+"-content","aria-labelledby":s+"-header",className:"accordion-details "+i,sx:{padding:"0 "+d.detailsPx+" "+d.detailsPy+" "+d.detailsPx,color:"var(--Text)",fontFamily:"inherit",lineHeight:1.6,...o},...n,children:"string"==typeof r||"number"==typeof r?t.jsx(u,{children:r}):r}):null},exports.AccordionGroup=function({children:e,variant:r="solid",surface:i,color:o="default",size:n="medium",spacing:l=0,className:s="",sx:c={},...d}){const u="default"===o?"Default":(h=o).charAt(0).toUpperCase()+h.slice(1);var h;const x="default"===o?"Default":u,m=i||("dark"===r?"Surface-Dimmest":"light"===r?"Surface-Brightest":"Surface");return 0===l?t.jsx(Mb.Provider,{value:{variant:r,color:o,size:n,spacing:l,dataTheme:x,dataSurface:m},children:t.jsx(a.Box,{role:"presentation",className:"accordion-group accordion-group-connected accordion-group-"+r+" "+s,sx:{display:"flex",flexDirection:"column","& > .accordion-segment":{borderRadius:0,marginBottom:"-1px",boxShadow:"none"},"& > .accordion-segment .accordion-summary":{borderRadius:0},"& > .accordion-segment:first-of-type":{borderTopLeftRadius:Lb,borderTopRightRadius:Lb},"& > .accordion-segment:first-of-type .accordion-summary":{borderTopLeftRadius:Lb,borderTopRightRadius:Lb},"& > .accordion-segment:last-of-type":{borderBottomLeftRadius:Lb,borderBottomRightRadius:Lb,marginBottom:0},"& > .accordion-segment:last-of-type .accordion-summary:not(.accordion-summary-expanded)":{borderBottomLeftRadius:Lb,borderBottomRightRadius:Lb},...c},...d,children:e})}):t.jsx(Mb.Provider,{value:{variant:r,color:o,size:n,spacing:l,dataTheme:x,dataSurface:m},children:t.jsx(a.Box,{role:"presentation",className:"accordion-group accordion-group-"+r+" 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:r,startDecorator:o,endDecorator:n,eyebrow:l,overline:s,secondary:c,expandIcon:d,className:u="",sx:h={},...x}){const{expanded:m,toggle:p,disabled:f,accordionId:g}=e.useContext(Ab),{size:b}=e.useContext(Mb),v=Tb[b]||Tb.medium,y=Nb[b]||Nb.medium,j=d||t.jsx(am,{size:v.iconSize,sx:{color:m?"var(--Text)":"var(--Quiet)",transition:"color 0.15s ease"},children:t.jsx(i,{})}),S={overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block"};return t.jsxs(a.Box,{component:"button",role:"button","aria-expanded":m,"aria-controls":g+"-content",id:g+"-header",tabIndex:f?-1:0,onClick:p,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),p())},className:"accordion-summary"+(m?" accordion-summary-expanded":"")+" "+u,sx:{display:"flex",flexDirection:"row",alignItems:"flex-start",justifyContent:"flex-start",width:"100%",gap:v.gap,padding:v.summaryPadding,border:"none",backgroundColor:"transparent",color:m?"var(--Text)":"var(--Quiet)",fontFamily:"inherit",cursor:f?"not-allowed":"pointer",textAlign:"left",transition:"color 0.2s ease, background-color 0.15s ease",borderRadius:m?Lb+" "+Lb+" 0 0":Lb,"&:hover":f?{}:{color:"var(--Text)",backgroundColor:"var(--Hover)","& .omni-icon":{color:"var(--Text)"}},"&:active":f?{}:{color:"var(--Text)",backgroundColor:"var(--Pressed)","& .omni-icon":{color:"var(--Text)"}},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"},...h},...x,children:[o&&t.jsx(a.Box,{className:"accordion-summary-start",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:o}),t.jsxs(a.Box,{sx:{flex:1,minWidth:0,display:"flex",flexDirection:"column",gap:"var(--Sizing-Half)"},children:[(l??s)&&t.jsx(ot,{style:{...S,color:"var(--Text-Quiet)"},children:l??s}),null!=r&&t.jsx(y,{style:{...S,color:"inherit"},children:r}),c&&t.jsx(Xa,{style:{...S,color:"var(--Text-Quiet)"},children:c})]}),n&&t.jsx(a.Box,{className:"accordion-summary-end",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:n}),t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",transform:m?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.25s ease",flexShrink:0},children:j})]})},exports.Alert=If,exports.AlertDialog=function({open:e,onClose:r,title:i,children:o,confirmText:n="Confirm",cancelText:l="Cancel",onConfirm:s,onCancel:c,...d}){return t.jsx(zy,{open:e,onClose:r,title:i,alert:!0,...d,actions:t.jsxs(t.Fragment,{children:[t.jsx(a.Box,{component:"button",type:"button",onClick:c||r,sx:Sy.outline,children:l}),t.jsx(a.Box,{component:"button",type:"button",onClick:s||r,sx:Sy.primary,children:n})]}),children:o})},exports.AlertShowcase=function(){const[r,i]=e.useState("light"),[o,n]=e.useState("info"),[l,s]=e.useState("medium"),[c,d]=e.useState(!0),[u,h]=e.useState("Default"),[x,m]=e.useState("Surface"),p=c&&qf[o]?t.jsx(am,{size:"small",sx:{color:"inherit"},children:qf[o]}):void 0;return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Alert",component:"Alert"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:u,onThemeChange:h,surface:x,onSurfaceChange:m})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Alert",theme:u,surface:x})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:u,surface:x,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:480},children:t.jsx(If,{variant:r,color:o,size:l,startDecorator:p,children:"This is an alert message. Check the details for more information."})})}),t.jsx(Bf,{code:(()=>{const e=['variant="'+r+'"'];return"info"!==o&&e.push('color="'+o+'"'),"medium"!==l&&e.push('size="'+l+'"'),c&&qf[o]&&e.push("startDecorator={<Icon><"+Ef(o)+"Icon /></Icon>}"),"<Alert "+e.join(" ")+">\n  This is an alert message.\n</Alert>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["solid","light"].map(e=>t.jsx(Qf,{label:Ef(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Vf.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(Gf,{color:e,selected:o===e,onClick:n},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(Qf,{label:Ef(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Show Icon"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Start decorator icon"})]}),t.jsx(Pf,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Show icon"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="alert" — live region, announced immediately'},{label:"Border",value:"var(--Buttons-{Color}-Border) on outer shell"},{label:"Shadow",value:"var(--Effect-Level-3)"},{label:"Icons",value:"Decorative — aria-hidden by default via Icon component"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Alert"})})]})]})},exports.AltDisplayLarge=e=>t.jsx(Wa,{textStyle:"alt-display-large",...e}),exports.AltDisplayMedium=e=>t.jsx(Wa,{textStyle:"alt-display-medium",...e}),exports.AltDisplaySmall=e=>t.jsx(Wa,{textStyle:"alt-display-small",...e}),exports.AppBar=Lv,exports.AppBarShowcase=function(){const[r,i]=e.useState("desktop"),[o,n]=e.useState("default"),[l,s]=e.useState("Surface"),[c,d]=e.useState("login"),[u,h]=e.useState("hamburger"),[x,m]=e.useState("name"),[p,f]=e.useState("right"),[g,b]=e.useState("search"),[v,y]=e.useState("Default"),[j,S]=e.useState("Surface"),[z,B]=e.useState({}),w="desktop"===r,k=Dv[o]||Dv.default,C=k.theme,T=k.surface||l;return e.useEffect(()=>{const e={};e.text=zt("--Text"),e.textQuiet=zt("--Text-Quiet"),e.background=zt("--Background"),e.border=zt("--Border"),e.focusVisible=zt("--Focus-Visible"),e.hover=zt("--Hover"),e.active=zt("--Pressed"),B(e)},[o,l,r]),t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"App Bar",component:"AppBar"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"AppBar",theme:v,surface:j})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:v,surface:j,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:w?"100%":420,overflow:"hidden"},children:w?t.jsx(Mv,{barColor:o,surface:l,loginType:c,menuType:u,brandType:x,searchPosition:p,companyName:"My App",navLinks:["Home","Products","About"]}):t.jsx(Av,{barColor:o,surface:l,mobileVariant:g,companyName:"My App",title:"Page Title",subtitle:"Subtitle text"})})}),t.jsx(Bf,{code:(()=>{if(w){const e=[];"default"!==o&&e.push('barColor="'+o+'"'),"Surface"!==l&&e.push('surface="'+l+'"'),"login"!==c&&e.push('loginType="'+c+'"'),"hamburger"!==u&&e.push('menuType="'+u+'"'),"name"!==x&&e.push('brandType="'+x+'"'),"right"!==p&&e.push('searchPosition="'+p+'"');const a=e.length?"\n  "+e.join("\n  ")+"\n":"";return'<AppBar mode="desktop"'+(a||" ")+'companyName="My App" />'}{const e=['mode="mobile"','mobileVariant="'+g+'"'];return"default"!==o&&e.push('barColor="'+o+'"'),"Surface"!==l&&e.push('surface="'+l+'"'),"<AppBar\n  "+e.join("\n  ")+'\n  title="Page Title"\n/>'}})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"MODE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["desktop","mobile"].map(e=>t.jsx(Pv,{label:Iv(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BAR COLOR"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Nv.map(e=>t.jsx(Hv,{color:e,selected:o===e,onClick:n},e))}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:['data-theme="',C,'"']})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SURFACE"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Rv.map(e=>t.jsx(Pv,{label:e.replace("Surface-","").replace("Surface","Default"),selected:l===e,onClick:()=>s(e)},e))}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:['data-surface="',l,'"']})]}),w&&t.jsxs(t.Fragment,{children:[t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"MENU TYPE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["hamburger","expanded"].map(e=>t.jsx(Pv,{label:Iv(e),selected:u===e,onClick:()=>h(e)},e))}),t.jsx(at,{style:{color:"var(--Text-Quiet)",marginTop:4,display:"block"},children:"Expanded auto-falls back to hamburger when nav > 3 links"})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BRAND"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["name","logo"].map(e=>t.jsx(Pv,{label:Iv(e),selected:x===e,onClick:()=>m(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SEARCH POSITION"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["left","right"].map(e=>t.jsx(Pv,{label:Iv(e),selected:p===e,onClick:()=>f(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LOGIN TYPE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["login","avatar"].map(e=>t.jsx(Pv,{label:Iv(e),selected:c===e,onClick:()=>d(e)},e))})]})]}),!w&&t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"MOBILE VARIANT"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["search","small","medium","large"].map(e=>t.jsx(Pv,{label:Iv(e),selected:g===e,onClick:()=>b(e)},e))})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(Xa,{color:"quiet",style:{marginBottom:24},children:[r," / ",o," / ",l,w?"":" / "+g,' — data-theme="',C,'" data-surface="',T,'"']}),t.jsxs(a.Stack,{spacing:3,children:[t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),t.jsx(Xa,{color:"quiet",style:{marginBottom:16},children:"All text and icons must have 4.5:1 contrast against the AppBar background."}),t.jsx(Fv,{label:"Resting: var(--Text) vs. var(--Background)",ratio:St(z.text,z.background),threshold:4.5,note:'data-theme="'+C+'" data-surface="'+T+'"'}),t.jsx(Fv,{label:"On hover: var(--Text) vs. var(--Hover)",ratio:St(z.text,z.hover),threshold:4.5,note:"Icon buttons use var(--Hover) on hover"}),t.jsx(Fv,{label:"On active: var(--Text) vs. var(--Pressed)",ratio:St(z.text,z.active),threshold:4.5,note:"Icon buttons use var(--Pressed) on press"})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Focus Indicator (WCAG 2.4.11 — 3:1)"}),t.jsx(Fv,{label:"var(--Focus-Visible) vs. var(--Background)",ratio:St(z.focusVisible,z.background),threshold:3,note:"outline: 3px solid var(--Focus-Visible); outline-offset: 1px"})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Touch Target Area (WCAG 2.5.5)"}),[{label:"Icon button",size:40,note:"width: 40px, height: 40px"},{label:"AppBar (desktop)",size:64,note:"height: 64px"},{label:"AppBar (mobile)",size:64,note:"height: 64px"}].map(({label:e,size:r,note:i})=>{const o=r>=24,n=r>=44,l=r>=48;return t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(a.Box,{sx:{flex:1},children:[t.jsxs(Xa,{style:{color:"var(--Text)"},children:[e," — ",r,"px"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:i})]}),t.jsxs(a.Box,{sx:{display:"flex",gap:.5,flexWrap:"wrap",justifyContent:"flex-end"},children:[t.jsxs(a.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:o?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:o?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:["Desktop ",o?"Y":"N"]}),t.jsxs(a.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:n?"var(--Tags-Success-BG)":"var(--Tags-Warning-BG)",color:n?"var(--Tags-Success-Text)":"var(--Tags-Warning-Text)"},children:["iOS ",n?"Y":"~"]}),t.jsxs(a.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:l?"var(--Tags-Success-BG)":"var(--Tags-Warning-BG)",color:l?"var(--Tags-Success-Text)":"var(--Tags-Warning-Text)"},children:["Android ",l?"Y":"~"]})]})]},e)})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Landmark:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<header role="banner">'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Navigation (expanded menu):"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<nav aria-label="Main navigation">'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Theme + Surface:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'data-theme="'+C+'" data-surface="'+T+'"'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Shadow:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"box-shadow: var(--Effect-Level-1)"})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Icon buttons:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"All icon buttons have aria-label. Focus visible on keyboard navigation."})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(Xa,{children:"Keyboard:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Tab navigates all interactive elements. Enter/Space activates buttons."})]})]})]})]})]})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"AppBar"})})]})]})},exports.Autocomplete=Vv,exports.AutocompleteShowcase=function(){const[r,i]=e.useState("outline"),[o,n]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("top"),[u,h]=e.useState("Fruit"),[x,m]=e.useState(!0),[p,f]=e.useState(!1),[g,b]=e.useState(!0),[v,y]=e.useState("Default"),[j,S]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Autocomplete",component:"Autocomplete"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Autocomplete",theme:v,surface:j})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:v,surface:j,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:360},children:t.jsx(Vv,{variant:r,color:o,size:l,label:u,labelPosition:c,options:Gv,clearable:x,disabled:p,fullWidth:g})})}),t.jsx(Bf,{code:(()=>{const e=[];return"outline"!==r&&e.push('variant="'+r+'"'),"default"!==o&&e.push('color="'+o+'"'),"medium"!==l&&e.push('size="'+l+'"'),u&&e.push('label="'+u+'"'),"top"!==c&&e.push('labelPosition="'+c+'"'),x||e.push("clearable={false}"),p&&e.push("disabled"),g&&e.push("fullWidth"),e.push("options={options}"),e.push("onChange={handleChange}"),"<Autocomplete\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["outline","light"].map(e=>t.jsx(Uv,{label:qv(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Qv.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(Xv,{color:e,selected:o===e,onClick:n},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(Uv,{label:qv(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["top","floating","none"].map(e=>t.jsx(Uv,{label:"none"===e?"None":qv(e),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Clearable"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show clear button when has value"})]}),t.jsx(Pf,{checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Clearable"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Disabled"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Pf,{checked:p,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Full Width"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container width"})]}),t.jsx(Pf,{checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Input",value:'role="combobox" aria-expanded aria-haspopup="listbox" aria-autocomplete="list"'},{label:"Dropdown",value:'role="listbox" aria-label="..."'},{label:"Options",value:'role="option" aria-selected="true|false"'},{label:"Label",value:"aria-label from label prop. Always provide a label."},{label:"Keyboard",value:"Arrow keys navigate, Enter selects, Escape closes."},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px (on outer shell)"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Autocomplete"})})]})]})},exports.Avatar=Jm,exports.AvatarGroup=Zm,exports.AvatarShowcase=function(){const[r,i]=e.useState("default"),[o,n]=e.useState("medium"),[l,s]=e.useState("initials"),[c,d]=e.useState(!1),[u,h]=e.useState(!1),[x,m]=e.useState(!1),[p,f]=e.useState("Default"),[g,b]=e.useState("Surface"),v="photo"===l,y=()=>{const e={size:o,clickable:c,insideButton:u};return v||(e.color=r),"initials"===l&&(e.initials="LN"),"photo"===l&&(e.src="https://i.pravatar.cc/150?img=3",e.alt="User avatar"),e};return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Avatar",component:"Avatar"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:p,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Avatar",theme:p,surface:g})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:p,surface:g,children:x?t.jsxs(Zm,{max:3,size:o,children:[t.jsx(Jm,{...y()}),t.jsx(Jm,{color:r,size:o,initials:"AB"}),t.jsx(Jm,{color:r,size:o,initials:"CD"}),t.jsx(Jm,{color:r,size:o,initials:"EF"})]}):t.jsx(Jm,{...y()})}),t.jsx(Bf,{code:(()=>{const e=[];return v||"default"===r||e.push('color="'+r+'"'),"medium"!==o&&e.push('size="'+o+'"'),"initials"===l&&e.push('initials="LN"'),"photo"===l&&e.push('src="..." alt="User avatar"'),c&&e.push("clickable onClick={handleClick}"),u&&e.push("insideButton"),x?"<AvatarGroup max={3}>\n  <Avatar "+e.join(" ")+' />\n  <Avatar initials="AB" />\n  <Avatar initials="CD" />\n  <Avatar initials="EF" />\n</AvatarGroup>':"<Avatar "+e.join(" ")+" />"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{sx:{opacity:v?.4:1,pointerEvents:v?"none":"auto"},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:cg.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(pg,{color:e,selected:r===e,onClick:i},e))})]},e.label))}),v&&t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:8},children:"Color is ignored when the avatar shows a photo — the image carries the visual."})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:hg.map(e=>t.jsx(mg,{label:xg[e],selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CONTENT"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:dg.map(e=>t.jsx(mg,{label:ug[e],selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Clickable"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Interactive with hover/focus states"})]}),t.jsx(Pf,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Clickable"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Inside Button"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Adds 2px horizontal margin so the avatar sits cleanly in a Button"})]}),t.jsx(Pf,{variant:"default-outline",checked:u,onChange:e=>h(e.target.checked),size:"small","aria-label":"Inside Button"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Group"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show as AvatarGroup with overflow"})]}),t.jsx(Pf,{variant:"default-outline",checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Show group"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="img" (static) or role="button" (clickable)'},{label:"Label",value:'aria-label from alt, initials, or "Avatar"'},{label:"Image",value:"alt text on <img>. Falls back to initials or icon on error."},{label:"Clickable",value:"Rendered as <button>. Focus ring: 3px solid var(--Focus-Visible)."},{label:"Group",value:'role="group" aria-label="Avatar group, N avatars"'}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Avatar"})})]})]})},exports.Badge=ip,exports.BadgeShowcase=function(){const[r,i]=e.useState("Default"),[o,n]=e.useState("Surface"),[l,s]=e.useState("solid"),[c,x]=e.useState("primary"),[m,p]=e.useState("5"),[f,g]=e.useState(!1),[b,v]=e.useState(!1),[y,j]=e.useState({}),S=()=>"solid"===l?c:c+"-"+l,z=()=>{if(f)return;const e=parseInt(m,10);return isNaN(e)||String(e)!==m.trim()?m||void 0:e};return e.useEffect(()=>{const e=wf(c),a={};"solid"===l?(a.badgeBg=zt("--Icons-"+e),a.badgeText=zt("--Icons-On-"+e),a.badgeBorder=null):"outline"===l&&(a.badgeBg=zt("--Background"),a.badgeText=zt("--Text"),a.badgeBorder=zt("--Buttons-"+e+"-Border")),a.background=zt("--Background"),a.focusVisible=zt("--Focus-Visible"),j(a)},[l,c]),t.jsxs(a.Box,{sx:{width:"100%"},children:[t.jsx(FB,{title:"Badge",component:"Badge"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:r,onThemeChange:i,surface:o,onSurfaceChange:n})}),t.jsx(Ja,{color:"quiet",style:{marginBottom:24},children:"Small label attached to an element showing status or count. Solid and outline variants across all 8 colors."}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Badge",theme:r,surface:o})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{minHeight:400},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"calc((100vw - 432px) / 2)"},flexShrink:0},children:[t.jsx(a.Box,{sx:{p:4,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:200,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)"},children:t.jsxs(a.Stack,{direction:"row",spacing:6,alignItems:"center",children:[t.jsx(ip,{variant:S(),badgeContent:z(),dot:f,showZero:b,children:t.jsx(d,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})}),t.jsx(ip,{variant:S(),badgeContent:z(),dot:f,showZero:b,children:t.jsx(u,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})}),t.jsx(ip,{variant:S(),badgeContent:z(),dot:f,showZero:b,children:t.jsx(h,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})})]})}),t.jsx(Bf,{code:(()=>{const e=['variant="'+S()+'"'];if(f)e.push("dot");else{const a=z();"number"==typeof a?e.push("badgeContent={"+a+"}"):a&&e.push('badgeContent="'+a+'"')}return b&&e.push("showZero"),"<Badge "+e.join(" ")+">\n  <MailIcon />\n</Badge>"})(),language:"JSX",sx:{borderRadius:0,borderBottom:"1px solid var(--Border)"}})]}),t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"calc(100vw - 432px)",md:"calc((100vw - 432px) / 2)"},flexShrink:0,p:3,backgroundColor:"var(--Container)",overflowY:"auto"},children:[t.jsx(Ha,{children:"Playground"}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",spacing:1,flexWrap:"wrap",sx:{gap:1},children:["solid","outline"].map(e=>t.jsx(Af,{label:wf(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:kf.map(e=>t.jsx(Mf,{color:e,selected:c===e,onClick:x},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Counter 16px · Dot 8px · Padding 4px · Digits 11px"})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BADGE CONTENT"}),t.jsx(a.TextField,{size:"small",value:m,onChange:e=>p(e.target.value),placeholder:"Number or text",disabled:f,sx:{width:"160px","& .MuiOutlinedInput-root":{fontFamily:"inherit",fontSize:"14px",backgroundColor:"var(--Background)","& fieldset":{borderColor:"var(--Border)"},"&:hover fieldset":{borderColor:"var(--Border)"},"&.Mui-focused fieldset":{borderColor:"var(--Buttons-Primary-Border)"}},"& .MuiOutlinedInput-input":{color:"var(--Text)",padding:"6px 12px"}}})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(a.FormControlLabel,{control:t.jsx(a.Checkbox,{checked:f,onChange:e=>g(e.target.checked),size:"small"}),label:t.jsx(Xa,{children:"Dot (no content)"})}),t.jsx(a.FormControlLabel,{control:t.jsx(a.Checkbox,{checked:b,onChange:e=>v(e.target.checked),size:"small"}),label:t.jsx(Xa,{children:"Show zero"})})]})]})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsxs(a.Box,{sx:{p:4},children:[t.jsx(Ha,{children:"Accessibility Requirements"}),t.jsxs(Xa,{color:"quiet",style:{marginBottom:32},children:["Based on current Playground settings: ",l," · ",c]}),t.jsxs(a.Stack,{spacing:4,children:[t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Badge Text Contrast"}),t.jsx(Xa,{color:"quiet",style:{marginBottom:16},children:"Badge text must have ≥ 4.5:1 contrast against badge background (WCAG 1.4.3 AA)"}),t.jsx(Tf,{label:"Badge Text vs. Badge Background",ratio:St(y.badgeText,y.badgeBg),threshold:4.5,note:"solid"===l?"var(--Buttons-{C}-Text) vs var(--Buttons-{C}-Button)":"outline"===l?"var(--Text) vs var(--Background)":"var(--Buttons-{C}-Text) vs var(--Buttons-{C}-Button)"})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Badge Visibility"}),t.jsx(Xa,{color:"quiet",style:{marginBottom:16},children:"Badge background (or border) must have ≥ 3:1 contrast against page background (WCAG 1.4.11)"}),(()=>{const e=St(y.badgeBg,y.background),a=y.badgeBorder?St(y.badgeBorder,y.background):null;return t.jsx(Tf,{label:"Badge vs. Page Background",ratio:(r=e,i=a,r||i?r?i?parseFloat(r)>=parseFloat(i)?r:i:r:i:null),threshold:3.1,note:"outline"===l?"Border "+(a||"--")+":1 — outline relies on border contrast":"BG "+(e||"--")+":1"});var r,i})()]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Badge Sizing"}),t.jsx(Xa,{color:"quiet",style:{marginBottom:16},children:"One size. A count has to read the same whether it hangs off a 20px icon or a 56px FAB, so it does not scale with its anchor."}),t.jsx(a.Box,{sx:{display:"flex",justifyContent:"space-between",py:1.5,borderBottom:"1px solid var(--Border)"},children:t.jsxs(a.Box,{children:[t.jsx(Xa,{children:"Counter"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"16px height · 4px side padding · 11px digits · pill shape"})]})}),t.jsx(a.Box,{sx:{display:"flex",justifyContent:"space-between",py:1.5,borderBottom:"1px solid var(--Border)"},children:t.jsxs(a.Box,{children:[t.jsx(Xa,{children:"Status dot"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"8px diameter circle"})]})})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA & Semantics"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{style:{display:"block",marginBottom:2},children:"Screenreader support:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:'MUI Badge renders badge content in a visually-hidden span for assistive technology. Numeric content is announced (e.g. "5 notifications").'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{style:{display:"block",marginBottom:2},children:"Dot variant:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Dot badges are purely decorative. Ensure the parent element conveys status to assistive tech via aria-label or similar."})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{style:{display:"block",marginBottom:2},children:"Max overflow:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:'When content exceeds max (default 99), displays "99+" visually but announces the actual number to screenreaders.'})]})]})]})]})]})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Badge"})})]})]})},exports.BarChart=function({data:r=[],showTrack:i=!0,rounded:o=!0,showValues:n=!1,showLabels:l=!0,animate:s=!0,interactive:c=!0,height:d=200,gapRatio:u=.4,label:h,className:x="",sx:m={},...p}){const f=nk(r),g=lk(r),{active:b,handlers:v}=kk(f.length),[y,j]=e.useState(!s);e.useEffect(()=>{if(!s)return;const e=requestAnimationFrame(()=>j(!0));return()=>cancelAnimationFrame(e)},[s]);const S=320,z=n?20:8,B=l?22:8,w=Math.max(0,d-z-B),k=sk(f,{fromZero:!0}),{centres:C,bandWidth:T}=uk(f.length,0,S,{gapRatio:u}),M=z+w,A=o?T/2:0,L=f.length?S/f.length:0;return t.jsxs(a.Box,{component:"figure",className:"bar-chart "+x,sx:{display:"block",width:"100%",m:0,position:"relative",...m},...p,children:[t.jsxs("svg",{viewBox:`0 0 320 ${d}`,width:"100%",height:d,preserveAspectRatio:"none",focusable:"false","aria-hidden":"true",children:[c&&b>=0&&t.jsx("rect",{x:C[b]-L/2,y:0,width:L,height:d,fill:"var(--Hover)",rx:6}),f.map((e,a)=>{const r=C[a]-T/2,o=ck(e,k,z,w),n=Math.max(0,M-o);return t.jsxs("g",{children:[i&&t.jsx("rect",{x:r,y:z,width:T,height:w,rx:A,ry:A,fill:vk.track}),n>0&&t.jsx("rect",{x:r,y:o,width:T,height:n,rx:Math.min(A,n/2),ry:Math.min(A,n/2),fill:vk.fill,style:{transformBox:"fill-box",transformOrigin:"bottom",transform:y?"scaleY(1)":"scaleY(0)",transition:`transform ${Bk}`}})]},a)}),n&&f.map((e,a)=>t.jsx("text",{x:C[a],y:ck(e,k,z,w)-6,textAnchor:"middle",fill:vk.label,...jk,children:e},"v"+a)),l&&g.map((e,a)=>t.jsx("text",{x:C[a],y:d-6,textAnchor:"middle",fill:vk.quietLabel,...jk,children:e},"l"+a)),c&&b>=0&&!n&&t.jsx(Tk,{x:C[b],y:ck(f[b],k,z,w),text:f[b],width:S,tokens:vk})]}),c&&t.jsx(Ck,{count:f.length,width:S,centres:C,bandWidth:L,labels:g,values:f,handlers:v}),t.jsx(zk,{caption:h||`Bar chart, ${f.length} values`,labels:g,values:f})]})},exports.BevelText=Kw,exports.BevelTextShowcase=function(){const[r,i]=e.useState("Default"),[o,n]=e.useState("Surface"),[l,s]=e.useState("DinoDesign"),[c,d]=e.useState("Primary"),[u,h]=e.useState("Classic"),[x,m]=e.useState("light"),[p,f]=e.useState(135),[g,b]=e.useState(5),[v,y]=e.useState(1),[j,S]=e.useState(!0),[z,B]=e.useState(!0),[w,k]=e.useState(6),[C,T]=e.useState(8),[M,A]=e.useState(60),[L,I]=e.useState(96),[N,R]=e.useState(900),[D,W]=e.useState(0),F="custom"===u,P=F?{angle:p,depth:g,softness:v,bevel:j,shadow:z,shadowDistance:w,shadowBlur:C,shadowOpacity:M/100}:void 0,H=ek.find(e=>e.value===x)?.css||ek[0].css;return t.jsxs(a.Box,{children:[t.jsx(FB,{title:"Bevel Display Text",component:"BevelText"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:r,onThemeChange:i,surface:o,onSurfaceChange:n})}),t.jsx(Ja,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:"Straight-line display text with an SVG inset-bevel and optional drop shadow. Colors are locked to the active button-palette tokens (Button / Highlight / Lowlight) so the same preset reads correctly under any theme."}),t.jsxs(a.Box,{sx:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(360px, 1fr))",gap:3,alignItems:"start"},children:[t.jsx(a.Box,{sx:{minWidth:0},children:t.jsx(a.Box,{"data-surface":"Container",sx:{background:H,borderRadius:2,p:4,display:"flex",alignItems:"center",justifyContent:"center",minHeight:240,overflow:"auto",position:"sticky",top:16,transition:"background 0.2s"},children:t.jsx(Kw,{text:l,theme:c,preset:u,custom:P,fontSize:L,fontWeight:N,letterSpacing:D})})}),t.jsx(a.Box,{sx:{minWidth:0,alignSelf:"flex-start"},children:t.jsx(a.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"BevelText",theme:r,surface:o})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Stack,{spacing:3,sx:{p:3,maxWidth:720},children:[t.jsx(Ug,{label:"Text",value:l,onChange:e=>s(e.target.value),placeholder:"Your headline…",size:"medium"}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"THEME"}),t.jsx(a.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Fw.map(e=>t.jsx(ak,{label:e,selected:c===e,onClick:()=>d(e)},e))}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Resolves to ",t.jsxs("code",{children:["--Buttons-","{Theme}","-Button"]})," ","(fill), ",t.jsx("code",{children:"-Highlight"})," (light edge), and"," ",t.jsx("code",{children:"-Lowlight"})," (shadow edge)."]})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PRESETS"}),t.jsx(a.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:_w.map(e=>t.jsx(tk,{option:e,active:u===e.value,onClick:()=>function(e){if(h(e),"custom"!==e){const a=Ow(e);f(a.angle),b(a.depth??5),y(a.softness??1),S(a.bevel),B(a.shadow),k(a.shadowDistance??6),T(a.shadowBlur??8),A(Math.round(100*(a.shadowOpacity??.6)))}}(e.value)},e.value))})]}),F&&t.jsxs(a.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",p:2},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:12},children:"CUSTOM"}),t.jsxs(a.Stack,{spacing:2,children:[t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Light angle",t.jsxs("span",{style:{float:"right"},children:[p,"°"]})]}),t.jsx(tb,{min:0,max:360,step:5,value:p,onChange:(e,a)=>f(a)})]}),t.jsxs(a.Box,{sx:{border:"1px solid var(--Border-Variant)",borderRadius:1,p:1.5},children:[t.jsx(Hf,{label:"Inset bevel",checked:j,onChange:e=>S(e.target.checked)}),j&&t.jsxs(a.Stack,{spacing:1.5,sx:{mt:1.5},children:[t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Depth",t.jsxs("span",{style:{float:"right"},children:[g,"px"]})]}),t.jsx(tb,{min:1,max:16,step:1,value:g,onChange:(e,a)=>b(a)})]}),t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Softness",t.jsxs("span",{style:{float:"right"},children:[v,"px"]})]}),t.jsx(tb,{min:0,max:6,step:.5,value:v,onChange:(e,a)=>y(a)})]})]})]}),t.jsxs(a.Box,{sx:{border:"1px solid var(--Border-Variant)",borderRadius:1,p:1.5},children:[t.jsx(Hf,{label:"Drop shadow",checked:z,onChange:e=>B(e.target.checked)}),z&&t.jsxs(a.Stack,{spacing:1.5,sx:{mt:1.5},children:[t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Distance",t.jsxs("span",{style:{float:"right"},children:[w,"px"]})]}),t.jsx(tb,{min:1,max:24,step:1,value:w,onChange:(e,a)=>k(a)})]}),t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Blur",t.jsxs("span",{style:{float:"right"},children:[C,"px"]})]}),t.jsx(tb,{min:0,max:24,step:1,value:C,onChange:(e,a)=>T(a)})]}),t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Opacity",t.jsxs("span",{style:{float:"right"},children:[M,"%"]})]}),t.jsx(tb,{min:10,max:100,step:5,value:M,onChange:(e,a)=>A(a)})]})]})]})]})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPOGRAPHY"}),t.jsxs(a.Stack,{spacing:2,children:[t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Font size",t.jsxs("span",{style:{float:"right"},children:[L,"px"]})]}),t.jsx(tb,{min:32,max:160,step:4,value:L,onChange:(e,a)=>I(a)})]}),t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Font weight",t.jsx("span",{style:{float:"right"},children:N})]}),t.jsx(tb,{min:400,max:900,step:100,value:N,onChange:(e,a)=>R(a)})]}),t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Letter spacing",t.jsxs("span",{style:{float:"right"},children:[D,"px"]})]}),t.jsx(tb,{min:-2,max:20,step:1,value:D,onChange:(e,a)=>W(a)})]})]})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PREVIEW BACKGROUND"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:ek.map(e=>t.jsx(ak,{label:e.label,selected:x===e.value,onClick:()=>m(e.value)},e.value))}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Showcase-only — doesn't affect the emitted code."})]})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsxs(a.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)"},children:["BevelText uses the same Highlight / Lowlight token pair as button bevels, which target the WCAG 2.1 large-text minimum (3:1). Bevel text is decorative display — the SVG sets"," ",t.jsx("code",{children:'role="img"'})," and ",t.jsx("code",{children:"aria-label"})," to the rendered string so screen readers announce it as a labeled image, not a stream of glyphs."]}),t.jsx(Xa,{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."})]})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"BevelText"})})]})})})]})]})},exports.BlackWhiteToggleButtonGroup=Bz,exports.Body=Ja,exports.Body1=$a,exports.Body2=Ka,exports.BodyBold=e=>t.jsx(Wa,{textStyle:"body-bold",...e}),exports.BodyLarge=_a,exports.BodyLargeBold=e=>t.jsx(Wa,{textStyle:"body-large-bold",...e}),exports.BodyLargeSemibold=et,exports.BodySemibold=Za,exports.BodySmall=Xa,exports.BodySmallBold=e=>t.jsx(Wa,{textStyle:"body-small-bold",...e}),exports.BodySmallSemibold=Ya,exports.BottomNavigation=ty,exports.BottomNavigationShowcase=function(){const[r,i]=e.useState("Default"),[o,n]=e.useState("Surface"),[l,s]=e.useState(0),[c,d]=e.useState(!0),[u,h]=e.useState(!0),[x,m]=e.useState("fixed"),[p,f]=e.useState("horizontal"),[g,b]=e.useState("default"),[v,y]=e.useState(4),[j,S]=e.useState(sy.map(e=>({icon:e.icon,label:e.label})));e.useEffect(()=>{S(e=>{const a=[],t=[{icon:"Favorite",label:"Favorites"},{icon:"Person",label:"Profile"}];for(let r=0;r<v;r++)if(e[r])a.push(e[r]);else{const e=t[r-sy.length]||{icon:ly[r%ly.length],label:ly[r%ly.length]};a.push(e)}return a}),s(e=>Math.min(e,v-1))},[v]);const z=(e,a,t)=>{S(r=>{const i=[...r];return i[e]={...i[e],[a]:t},i})},B=j.slice(0,v).map(e=>({icon:ny[e.icon]||ny.Home,label:e.label}));return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Bottom Navigation",component:"BottomNavigation"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:r,onThemeChange:i,surface:o,onSurfaceChange:n})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"BottomNavigation",theme:r,surface:o})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{minHeight:400},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"calc((100vw - 432px) / 2)"},flexShrink:0},children:[t.jsxs(a.Box,{sx:{p:4,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:300,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",gap:4},children:[t.jsx(a.Box,{sx:{width:"100%",maxWidth:500,overflow:"hidden",boxShadow:"0 2px 12px rgba(0,0,0,0.08)"},children:t.jsx(ty,{items:B,value:l,onChange:s,showLabels:u,variant:x,orientation:p,barColor:g,fixed:!1},"bn-"+v+"-"+x+"-"+p+"-"+u+"-"+g)}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",textAlign:"center"},children:[v," items · ",u?"Labels":"Icons only"," · ","floating"===x?"Floating":"Fixed"," · ","vertical"===p?"Vertical":"Horizontal"," · ",(cy.find(e=>e.value===g)||cy[0]).label]})]}),t.jsx(Bf,{code:(()=>{const e=[];e.push("const items = ["),B.forEach((a,t)=>{const r=j[t];e.push("  { icon: <"+r.icon+"Icon />, label: '"+r.label+"' },")}),e.push("];"),e.push("");const a=[];return a.push("items={items}"),"default"!==g&&a.push('barColor="'+g+'"'),u||a.push("showLabels={false}"),"fixed"!==x&&a.push('variant="'+x+'"'),"horizontal"!==p&&a.push('orientation="'+p+'"'),c||a.push("fixed={false}"),e.push("<BottomNavigation"),a.forEach(a=>e.push("  "+a)),e.push("/>"),e.join("\n")})(),language:"JSX",sx:{borderRadius:0,borderBottom:"1px solid var(--Border)"}})]}),t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"calc(100vw - 432px)",md:"calc((100vw - 432px) / 2)"},flexShrink:0,p:3,backgroundColor:"var(--Container)",overflowY:"auto"},children:[t.jsx(Ha,{children:"Playground"}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BAR COLOR"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:cy.map(e=>t.jsx(dy,{label:e.label,selected:g===e.value,onClick:()=>b(e.value)},e.value))}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:[(cy.find(e=>e.value===g)||cy[0]).desc,' · data-surface="Surface-Dim" · bg: var(--Background)']})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsx(my,{label:"Fixed",checked:c,onChange:d,caption:"Position fixed to bottom of viewport."}),t.jsx(my,{label:"Labels",checked:u,onChange:h,caption:"Show text labels with icons."}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Selected paints a filled circle in var(--Text) with the icon reversed out of it. Not a choice — the design has one selected state, so there is no switch for it."})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsxs(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[t.jsx(dy,{label:"Fixed",selected:"fixed"===x,onClick:()=>m("fixed")}),t.jsx(dy,{label:"Floating",selected:"floating"===x,onClick:()=>m("floating")})]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"floating"===x?"A pill, rounded to its own height so the ends stay semicircular at any length.":"A square band, edge to edge."}),t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",margin:"16px 0 8px"},children:"ORIENTATION"}),t.jsxs(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[t.jsx(dy,{label:"Horizontal",selected:"horizontal"===p,onClick:()=>f("horizontal")}),t.jsx(dy,{label:"Vertical",selected:"vertical"===p,onClick:()=>f("vertical")})]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"The BAR's direction, not the label's — the label is always under the icon. Vertical is a rail of actions down one side."})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"NAVIGATION ITEMS"}),t.jsx(xy,{label:"Count",value:v,onChange:y,min:3,max:6}),t.jsx(a.Stack,{spacing:1.5,sx:{mt:2},children:j.slice(0,v).map((e,r)=>t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"nowrap"},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",flexShrink:0,width:16,textAlign:"right"},children:r+1}),t.jsx(hy,{value:e.icon,onChange:e=>z(r,"icon",e),options:ly,label:"Item "+(r+1)+" icon"}),u&&t.jsx(uy,{value:e.label,onChange:e=>z(r,"label",e),placeholder:"Label"})]},r))})]})]})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsxs(a.Box,{sx:{p:4},children:[t.jsx(Ha,{children:"Accessibility Requirements"}),t.jsxs(Xa,{color:"quiet",style:{marginBottom:32},children:[v," items · ",u?"Labels":"Icons only"," · ","floating"===x?"Floating":"Fixed"," · ","vertical"===p?"Vertical":"Horizontal"," · ",(cy.find(e=>e.value===g)||cy[0]).label]}),t.jsxs(a.Stack,{spacing:4,children:[t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Landmark:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<nav role="navigation" aria-label="Bottom navigation">'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Tab list:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'role="tablist"'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Tab items:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'role="tab", aria-selected, aria-label'})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(Xa,{children:"Focus:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"3px solid var(--Focus-Visible) on :focus-visible."})]})]})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Token Reference"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Bar:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'Always: data-surface="Surface-Dim" · bg: var(--Background). Theme set by data-theme (Nav-Bar, Primary, Primary-Light, etc.).'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Unselected icon/label:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text-Quiet)"})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Selected:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text)"})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Selected pill:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"bg: var(--Buttons-Primary-Button) · border: 1px solid var(--Buttons-Primary-Border) · icon/text: var(--Buttons-Primary-Text)"})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Backfill + horizontal label:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"Label inside pill: var(--Buttons-Primary-Text)"})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(Xa,{children:"Backfill + vertical label:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"Label below pill: var(--Text)"})]})]})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Container)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Best Practices"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Item count:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"3–5 recommended. 6 maximum."})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Horizontal layout:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Only available with 4 or fewer items."})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Labels:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Always recommended for clarity."})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(Xa,{children:"Fixed:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Add bottom padding to main content to avoid overlap."})]})]})]})]})]})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"BottomNavigation"})})]})]})},exports.Box=Jj,exports.BoxShowcase=function(){const[r,i]=e.useState(""),[o,n]=e.useState(""),[l,s]=e.useState("Default"),[c,d]=e.useState("Surface");return t.jsxs(Jj,{sx:{pb:8},children:[t.jsx(FB,{title:"Box",component:"Box"}),t.jsx(Jj,{sx:{mt:1},children:t.jsx(Sm,{theme:l,onThemeChange:s,surface:c,onSurfaceChange:d})}),t.jsxs(Ja,{color:"quiet",style:{marginTop:8,marginBottom:24,maxWidth:720},children:["Bare layout primitive — a slot that participates in the design-system cascade (",t.jsx("code",{children:"data-theme"})," / ",t.jsx("code",{children:"data-surface"}),") without carrying any chrome. Reach for ",t.jsx("code",{children:"<Ratio>"})," or",t.jsx("code",{children:" <Card>"})," when you need padding, borders, or shadow."]}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"When to use"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Box",theme:l,surface:c})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:l,surface:c,children:t.jsx(Jj,{sx:{width:"100%",maxWidth:400},children:t.jsx(Jj,{theme:r||void 0,surface:o||void 0,children:t.jsxs(Jj,{sx:{padding:3,backgroundColor:"var(--Background)",color:"var(--Text)",borderRadius:"var(--Style-Border-Radius)",border:"1px dashed var(--Border-Variant)"},children:[t.jsx(Oa,{children:"Box content"}),t.jsx(Ja,{style:{color:"var(--Text-Quiet)",marginTop:6},children:"Anything dropped inside resolves tokens against the Box's theme / surface, if you set them."})]})})})}),t.jsx(Bf,{code:(()=>{const e=[];r&&e.push('theme="'+r+'"'),o&&e.push('surface="'+o+'"');return"<Box"+(e.length?" "+e.join(" "):"")+">\n  {/* anything */}\n</Box>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(Jj,{sx:{p:3},children:[t.jsx(Jj,{sx:{mb:3}}),t.jsxs(Jj,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"THEME (optional)"}),t.jsxs(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[t.jsx(KB,{label:"None",selected:!r,onClick:()=>i("")}),$B.map(e=>t.jsx(KB,{label:e,selected:r===e,onClick:()=>i(e)},e))]})]}),t.jsxs(Jj,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SURFACE (optional)"}),t.jsxs(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[t.jsx(KB,{label:"None",selected:!o,onClick:()=>n("")}),ZB.map(e=>t.jsx(KB,{label:e,selected:o===e,onClick:()=>n(e)},e))]}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Both props are pass-throughs to ",t.jsx("code",{children:"data-theme"})," ","and ",t.jsx("code",{children:"data-surface"}),". Leave empty to inherit from the parent zone."]})]})]})})]})}),t.jsx(Jp,{value:2,children:t.jsx(Jj,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:2,children:[t.jsxs(Jj,{children:[t.jsx(Xa,{style:{fontWeight:700},children:"Reach for Box when…"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:"you need a wrapper to scope a theme / surface zone, or you want a typed JSX root without painting any visual styling."})]}),t.jsxs(Jj,{children:[t.jsx(Xa,{style:{fontWeight:700},children:"Use Ratio when…"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:"the container needs a fixed proportion (image, video, embed, hero tile) — it carries the same theme / color shell Box used to."})]}),t.jsxs(Jj,{children:[t.jsx(Xa,{style:{fontWeight:700},children:"Use Card when…"}),t.jsx(at,{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."})]})]})})}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Box"})})]})]})},exports.BrandIcon=Kx,exports.BreadcrumbItem=db,exports.Breadcrumbs=cb,exports.BreadcrumbsShowcase=function(){const[r,i]=e.useState("medium"),[o,n]=e.useState("/"),[l,s]=e.useState(!1),[c,d]=e.useState("Default"),[u,h]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Breadcrumbs",component:"Breadcrumbs"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:c,onThemeChange:d,surface:u,onSurfaceChange:h})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Breadcrumbs",theme:c,surface:u})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:c,surface:u,children:t.jsxs(cb,{size:r,separator:o,condense:l,maxItems:3,children:[t.jsx(db,{href:"#",children:"Home"}),t.jsx(db,{href:"#",children:"Products"}),t.jsx(db,{href:"#",children:"Shoes"}),t.jsx(db,{children:"Running Shoes"})]})}),t.jsx(Bf,{code:(()=>{const e=[];return"medium"!==r&&e.push('size="'+r+'"'),"/"!==o&&e.push('separator="'+o+'"'),l&&e.push("condense maxItems={3}"),"<Breadcrumbs"+(e.length?" "+e.join(" "):"")+'>\n  <BreadcrumbItem href="/">Home</BreadcrumbItem>\n  <BreadcrumbItem href="/products">Products</BreadcrumbItem>\n  <BreadcrumbItem href="/products/shoes">Shoes</BreadcrumbItem>\n  <BreadcrumbItem>Running Shoes</BreadcrumbItem>\n</Breadcrumbs>'})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(hb,{label:ub(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SEPARATOR"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["/","›","→","·","|"].map(e=>t.jsx(hb,{label:e,selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Condense"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Collapse middle items into ellipsis"})]}),t.jsx(Pf,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Condense"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Nav",value:'<nav aria-label="Breadcrumb">'},{label:"List",value:"<ol> with <li> for each crumb"},{label:"Current",value:'aria-current="page" on the last item'},{label:"Links",value:"BreadcrumbItem renders <a> when href is provided"},{label:"Ellipsis",value:'Expandable button with aria-label="Show full breadcrumb trail"'},{label:"Separator",value:'aria-hidden="true" — decorative only'}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Breadcrumbs"})})]})]})},exports.Button=zp,exports.ButtonGroup=Cb,exports.ButtonSmall=gt,exports.ButtonText=bt,exports.CAP_HEIGHT_TRIM=Fa,exports.CHART_LABEL_TYPE=jk,exports.CHART_TOKENS=vk,exports.COLOR_COLLECTIONS=Mk,exports.COLOUR_COLLECTIONS=Mk,exports.COMPONENT_DOCS=Vm,exports.Caption=at,exports.CaptionBold=e=>t.jsx(Wa,{textStyle:"caption-bold",...e}),exports.Card=Jf,exports.CenteredStack=e=>t.jsx(Fb,{direction:"column",alignItems:"center",justifyContent:"center",...e}),exports.Checkbox=sg,exports.Chip=Rp,exports.CircularProgress=rj,exports.CircularProgressShowcase=function(){const[r,i]=e.useState("default"),[o,n]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(65),[u,h]=e.useState(!1),[x,m]=e.useState("Default"),[p,f]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Circular Progress",component:"CircularProgress"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:x,onThemeChange:m,surface:p,onSurfaceChange:f})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"CircularProgress",theme:x,surface:p})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:x,surface:p,children:t.jsx(rj,{color:r,size:o,value:l?c:void 0,showValue:l&&u})}),t.jsx(Bf,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==o&&e.push('size="'+o+'"'),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}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:oj.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(lj,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(nj,{label:ij(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Determinate"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show a static arc at a specific value"})]}),t.jsx(Pf,{checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Determinate"})]}),l&&t.jsxs(t.Fragment,{children:[t.jsx(a.Box,{sx:{mt:2},children:t.jsx(tb,{label:"Value",min:0,max:100,value:c,onChange:(e,a)=>d(a),size:"small",valueLabelDisplay:"auto"})}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Show Label"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Center percentage text"})]}),t.jsx(Pf,{checked:u,onChange:e=>h(e.target.checked),size:"small","aria-label":"Show label"})]})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:3,children:[t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Role:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'role="progressbar"'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Determinate:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'aria-valuenow, aria-valuemin="0", aria-valuemax="100"'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Indeterminate:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'aria-label="Loading" (no value attributes)'})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(Xa,{children:"Label:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Center percentage label is aria-hidden — screen readers use aria-valuenow."})]})]})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Token Reference"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Track (back circle):"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Border-Variant)"})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Fill (progress arc):"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Buttons-{Color}-Border)"})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(Xa,{children:"Center label:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text)"})]})]})]})]})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"CircularProgress"})})]})]})},exports.CodeBlock=Bf,exports.Colors=function(){const e=({color:e})=>t.jsxs(a.Box,{sx:{textAlign:"center"},children:[t.jsx(a.Box,{sx:{width:"80px",height:"80px",backgroundColor:`var(${e.var})`,borderRadius:"8px",border:"1px solid var(--Border)",mb:1,mx:"auto"}}),t.jsx(a.Typography,{variant:"body2",sx:{fontWeight:600,fontSize:"12px",color:"var(--Text)",mb:.5,wordBreak:"break-word"},children:e.name}),t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block",fontSize:"10px",fontFamily:"monospace",wordBreak:"break-all"},children:e.var})]});return t.jsxs(a.Stack,{spacing:6,children:[t.jsxs(a.Box,{children:[t.jsx(a.Typography,{variant:"h5",sx:{mb:3,fontWeight:700},children:"Brand Colors (Static)"}),t.jsx(a.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(a=>t.jsx(e,{color:a},a.var))})]}),t.jsxs(a.Box,{children:[t.jsx(a.Typography,{variant:"h5",sx:{mb:3,fontWeight:700},children:"Background Colors (Dynamic)"}),t.jsx(a.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Update based on selected Background variant and Mode"}),t.jsx(a.Grid,{container:!0,spacing:2,sx:{justifyContent:"center"},children:[{name:"Default Background",cssVar:"var(--Theme-Default-Surfaces-Surface)"},{name:"Primary Background",cssVar:"var(--Theme-Primary-Surfaces-Surface)"},{name:"Secondary Background",cssVar:"var(--Theme-Secondary-Surfaces-Surface)"},{name:"Tertiary Background",cssVar:"var(--Theme-Tertiary-Surfaces-Surface)"},{name:"Neutral Background",cssVar:"var(--Theme-Neutral-Surfaces-Surface)"},{name:"Neutral-Variant Background",cssVar:"var(--Theme-Neutral-Variant-Surfaces-Surface)"}].map(e=>t.jsx(a.Grid,{item:!0,sx:{display:"flex",justifyContent:"center"},children:t.jsxs(a.Box,{sx:{textAlign:"center"},children:[t.jsx(a.Box,{sx:{minWidth:"max(var(--Button-Height), var(--Min-Button-Width))",minHeight:"var(--Button-Height)",backgroundColor:e.cssVar,borderRadius:"var(--Style-Border-Radius)",border:"2px solid var(--Border)",mb:1}}),t.jsx(a.Typography,{variant:"body2",sx:{fontWeight:600,fontSize:"12px",color:"var(--Text)",wordBreak:"break-word"},children:e.name})]})},e.name))})]}),t.jsxs(a.Box,{children:[t.jsx(a.Typography,{variant:"h5",sx:{mb:3,fontWeight:700},children:"Dynamic Colors (Update with Mode, Background & Surface)"}),t.jsx(a.Alert,{severity:"info",sx:{backgroundColor:"var(--Container-Low)",mb:3,border:"1px solid var(--Border)"},children:t.jsxs(a.Typography,{variant:"body2",children:["Most colors update automatically based on the current"," ",t.jsx("strong",{children:"Mode"})," (Light/Dark), ",t.jsx("strong",{children:"Background"})," ","variant, and ",t.jsx("strong",{children:"Surface"})," theme. Only Primary, Secondary, and Tertiary colors are fixed brand colors."]})}),t.jsx(a.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"These colors automatically adapt based on:"}),t.jsxs(a.Stack,{spacing:1,sx:{mb:4},children:[t.jsxs(a.Box,{sx:{display:"flex",gap:2},children:[t.jsx(a.Typography,{variant:"body2",sx:{fontWeight:600,minWidth:80},children:"Mode:"}),t.jsx(a.Typography,{variant:"body2",children:"Light or Dark theme"})]}),t.jsxs(a.Box,{sx:{display:"flex",gap:2},children:[t.jsx(a.Typography,{variant:"body2",sx:{fontWeight:600,minWidth:80},children:"Background:"}),t.jsx(a.Typography,{variant:"body2",children:"Default, Primary, Secondary, Tertiary, Neutral, or Neutral-Variant"})]}),t.jsxs(a.Box,{sx:{display:"flex",gap:2},children:[t.jsx(a.Typography,{variant:"body2",sx:{fontWeight:600,minWidth:80},children:"Surface:"}),t.jsx(a.Typography,{variant:"body2",children:"Theme surface layer selection"})]})]}),t.jsx(a.Stack,{spacing:4,children:[{name:"Layout & Surfaces",colors:[{name:"Background",var:"--Background"},{name:"Border",var:"--Border"},{name:"Border-Variant",var:"--Border-Variant"}]},{name:"Text & Links",colors:[{name:"Header",var:"--Header"},{name:"Text",var:"--Text"},{name:"Text-Quiet",var:"--Text-Quiet"},{name:"Hotlink",var:"--Hotlink"},{name:"Hotlink-Visited",var:"--Hotlink-Visited"}]},{name:"Buttons - Primary",colors:[{name:"Button BG",var:"--Button-Primary-Button"},{name:"Button Text",var:"--Button-Primary-Text"},{name:"Button Hover",var:"--Button-Primary-Hover"},{name:"Button Active",var:"--Button-Primary-Pressed"},{name:"Focus-Visible",var:"--Focus-Visible"}]},{name:"Buttons - Secondary",colors:[{name:"Button BG",var:"--Button-Secondary-Button"},{name:"Button Text",var:"--Button-Secondary-Text"},{name:"Button Hover",var:"--Button-Secondary-Hover"},{name:"Button Active",var:"--Button-Secondary-Pressed"},{name:"Focus-Visible",var:"--Focus-Visible"}]},{name:"Buttons - State",colors:[{name:"Info Button",var:"--Button-Info-Button"},{name:"Success Button",var:"--Button-Success-Button"},{name:"Warning Button",var:"--Button-Warning-Button"},{name:"Error Button",var:"--Button-Error-Button"}]},{name:"Icons",colors:[{name:"Default",var:"--Icons-Default"},{name:"Primary",var:"--Icons-Primary"},{name:"Secondary",var:"--Icons-Secondary"},{name:"Tertiary",var:"--Icons-Tertiary"},{name:"Neutral",var:"--Icons-Neutral"},{name:"Info",var:"--Icons-Info"},{name:"Success",var:"--Icons-Success"},{name:"Warning",var:"--Icons-Warning"},{name:"Error",var:"--Icons-Error"}]},{name:"Chips & Badges",colors:[{name:"Primary BG",var:"--Tags-Primary-BG"},{name:"Primary Text",var:"--Tags-Primary-Text"},{name:"Secondary BG",var:"--Tags-Secondary-BG"},{name:"Secondary Text",var:"--Tags-Secondary-Text"},{name:"Tertiary BG",var:"--Tags-Tertiary-BG"},{name:"Tertiary Text",var:"--Tags-Tertiary-Text"},{name:"Neutral BG",var:"--Tags-Neutral-BG"},{name:"Neutral Text",var:"--Tags-Neutral-Text"},{name:"Info BG",var:"--Tags-Info-BG"},{name:"Info Text",var:"--Tags-Info-Text"},{name:"Success BG",var:"--Tags-Success-BG"},{name:"Success Text",var:"--Tags-Success-Text"},{name:"Warning BG",var:"--Tags-Warning-BG"},{name:"Warning Text",var:"--Tags-Warning-Text"},{name:"Error BG",var:"--Tags-Error-BG"},{name:"Error Text",var:"--Tags-Error-Text"}]}].map(r=>t.jsxs(a.Box,{children:[t.jsx(a.Typography,{variant:"h6",sx:{mb:2,fontWeight:600},children:r.name}),t.jsx(a.Grid,{container:!0,spacing:2,sx:{justifyContent:"center"},children:r.colors.map(r=>t.jsx(a.Grid,{item:!0,sx:{display:"flex",justifyContent:"center"},children:t.jsx(e,{color:r})},r.var))})]},r.name))})]}),t.jsxs(a.Box,{sx:{pt:4,borderTop:"1px solid var(--Border)"},children:[t.jsx(a.Typography,{variant:"h5",sx:{mb:2,fontWeight:700},children:"How to Use"}),t.jsxs(a.Stack,{spacing:2,children:[t.jsxs(a.Box,{children:[t.jsx(a.Typography,{variant:"h6",sx:{fontWeight:600,mb:1},children:"Static Colors"}),t.jsxs(a.Typography,{variant:"body2",sx:{color:"var(--Text-Secondary)"},children:["Use brand colors (",t.jsx("code",{style:{backgroundColor:"var(--Container)",padding:"2px 4px",borderRadius:"4px"},children:"--Primary-Color-11"}),","," ",t.jsx("code",{style:{backgroundColor:"var(--Container)",padding:"2px 4px",borderRadius:"4px"},children:"--Secondary-Color-11"}),","," ",t.jsx("code",{style:{backgroundColor:"var(--Container)",padding:"2px 4px",borderRadius:"4px"},children:"--Tertiary-Color-11"}),") for brand elements that should never change."]})]}),t.jsxs(a.Box,{children:[t.jsx(a.Typography,{variant:"h6",sx:{fontWeight:600,mb:1},children:"Dynamic Colors"}),t.jsx(a.Typography,{variant:"body2",sx:{color:"var(--Text-Secondary)"},children:"Use dynamic color variables for all UI elements. They will automatically update when users change Mode, Background, or Surface settings."})]}),t.jsxs(a.Box,{children:[t.jsx(a.Typography,{variant:"h6",sx:{fontWeight:600,mb:1},children:"Example Usage"}),t.jsx(a.Box,{component:"pre",sx:{backgroundColor:"var(--Container)",p:2,borderRadius:"8px",overflow:"auto",fontSize:"12px",border:"1px solid var(--Border)",color:"var(--Text)"},children:"/* Dynamic - updates with theme changes */\ncolor: var(--Text);\nbackgroundColor: var(--Background);\nborderColor: var(--Border);\n\n/* Static - brand colors stay the same */\naccentColor: var(--Primary-Color-11);"})]})]})]})]})},exports.Container=function({children:e,maxWidth:r="lg",disableGutters:i=!1,sx:o={},...n}){return t.jsx(a.Container,{maxWidth:r,disableGutters:i,"data-surface":"Surface",sx:{backgroundColor:"var(--Background)",color:"var(--Text)",transition:"all 0.2s ease-in-out",...o},...n,children:e})},exports.CopyButton=zf,exports.Copyright=vw,exports.CopyrightShowcase=function(){const[r,i]=e.useState("Default"),[o,n]=e.useState("Surface"),[l,s]=e.useState("DinoDesign"),[c,d]=e.useState((new Date).getFullYear()),[u,h]=e.useState("All rights reserved"),[x,m]=e.useState(""),[p,f]=e.useState(!1),[g,b]=e.useState("default"),v=e.useRef(null),[y,j]=e.useState(null);return e.useEffect(()=>{v.current&&j({current:v.current.querySelector(".dino-copyright")})},[g,p,l,c,u,x]),t.jsxs(a.Box,{children:[t.jsx(FB,{title:"Copyright",component:"Copyright"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:r,onThemeChange:i,surface:o,onSurfaceChange:n})}),t.jsxs(Ja,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:["Standalone copyright strip used at the bottom of pages. Defaults to"," ",t.jsxs("code",{children:["© ","{year}"," ","{companyName}",". ","{rights}","."]})," Pass"," ",t.jsx("code",{children:"children"})," to override the entire text."]}),t.jsx(a.Box,{ref:v,sx:{borderRadius:1,overflow:"hidden",mb:4},children:p?t.jsx(vw,{color:g,children:x||"Type a custom message →"}):t.jsx(vw,{color:g,companyName:l,year:Number(c)||(new Date).getFullYear(),rights:u})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Copyright",theme:r,surface:o})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Stack,{spacing:3,sx:{p:3,maxWidth:560},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TEXT MODE"}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(Ww,{label:"Auto-generated",selected:!p,onClick:()=>f(!1)}),t.jsx(Ww,{label:"Custom",selected:p,onClick:()=>f(!0)})]})]}),!p&&t.jsxs(t.Fragment,{children:[t.jsx(Ug,{label:"Company name",value:l,onChange:e=>s(e.target.value),placeholder:"DinoDesign",size:"medium"}),t.jsx(QB,{label:"Year",value:Number(c),onChange:e=>d(e),min:1900,max:2100}),t.jsx(Ug,{label:"Rights text",value:u,onChange:e=>h(e.target.value),placeholder:"All rights reserved",size:"medium"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:'Leave Rights blank to omit "All rights reserved." entirely.'})]}),p&&t.jsxs(t.Fragment,{children:[t.jsx(Ug,{label:"Custom text",value:x,onChange:e=>m(e.target.value),placeholder:"© 2026 DinoDesign · MIT License · Built with love",size:"medium",multiline:!0}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Pass any string (or React node) as children to fully override the auto text."})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Dw.map(e=>t.jsx(Ww,{label:e.label,selected:g===e.value,onClick:()=>b(e.value)},e.value))}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Matches the Footer color presets so the two stack cleanly."})]})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsxs(a.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsx(at,{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."}),y&&t.jsx(Mw,{targetRef:y,label:"Copyright strip",deps:[g,p,l,c,u,x]})]})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Copyright"})})]})]})},exports.CurvedText=Gw,exports.CurvedTextShowcase=function(){const[r,i]=e.useState("Default"),[o,n]=e.useState("Surface"),[l,s]=e.useState("Your Brand. Perfected."),[c,d]=e.useState("display-large"),[u,h]=e.useState("primary"),[x,m]=e.useState([(p="up",{arc:140,radius:340,direction:p})]);var p;const[f,g]=e.useState(0),[b,v]=e.useState(8),[y,j]=e.useState(700),[S,z]=e.useState(!1),[B,w]=e.useState("Primary"),[k,C]=e.useState("Classic"),T=e.useRef(null),[M,A]=e.useState(null);e.useEffect(()=>{T.current&&A({current:T.current.querySelector("text")})},[u,c,x,f,b,y,S,B,k]);const L=Yw.find(e=>e.value===u)?.css||Yw[0].css;function I(e,a){m(t=>t.map((t,r)=>r===e?{...t,...a}:t))}return t.jsxs(a.Box,{children:[t.jsx(FB,{title:"Curved Display Text",component:"CurvedText"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:r,onThemeChange:i,surface:o,onSurfaceChange:n})}),t.jsx(Ja,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:"Decorative text laid along an SVG arc. Chain multiple arcs to build a wave — each curve gets its own radius, arc sweep, and direction. Uses your design system's decorative font + text tokens."}),t.jsxs(a.Box,{sx:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(360px, 1fr))",gap:3,alignItems:"start"},children:[t.jsx(a.Box,{sx:{minWidth:0},children:t.jsx(a.Box,{ref:T,"data-surface":"Container",sx:{background:"var(--Background)",borderRadius:2,p:3,display:"flex",alignItems:"center",justifyContent:"center",overflow:"auto",position:"sticky",top:16},children:t.jsx(Gw,{text:l,curves:x,textStyle:c,rotation:f,letterSpacing:b,fontWeight:y,bevel:S,bevelTheme:B,bevelPreset:S?k:void 0,color:L})})}),t.jsx(a.Box,{sx:{minWidth:0,alignSelf:"flex-start"},children:t.jsx(a.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"CurvedText",theme:r,surface:o})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Stack,{spacing:3,sx:{p:3,maxWidth:720},children:[t.jsx(Ug,{label:"Text",value:l,onChange:e=>s(e.target.value),placeholder:"Your headline…",size:"medium"}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CURVES"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:[1,2].map(e=>t.jsx(Zw,{label:String(e),selected:x.length===e,onClick:()=>function(e){m(a=>{if(e===a.length)return a;if(e>a.length){const t=[...a];for(;t.length<e;){const e=t[t.length-1];t.push({arc:e.arc,radius:e.radius,direction:"up"===e.direction?"down":"up"})}return t}return a.slice(0,e)})}(e)},e))}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"One curve is an arch. Two curves chain end-to-end for a wave."})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:12},children:"PER-CURVE SETTINGS"}),t.jsx(a.Stack,{spacing:2,children:x.map((e,r)=>t.jsxs(a.Box,{"data-surface":"Container",style:{background:"var(--Background)",border:"1px solid var(--Border)",borderRadius:8,padding:12},children:[t.jsxs(a.Stack,{direction:"row",alignItems:"center",spacing:2,sx:{mb:1},children:[t.jsxs(at,{style:{fontWeight:700},children:["Curve ",r+1]}),t.jsx("div",{style:{flex:1}}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(Zw,{label:"⌢ Up",selected:"up"===e.direction,onClick:()=>I(r,{direction:"up"})}),t.jsx(Zw,{label:"⌣ Down",selected:"down"===e.direction,onClick:()=>I(r,{direction:"down"})})]})]}),t.jsxs(a.Stack,{spacing:1,children:[t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Radius",t.jsxs("span",{style:{float:"right"},children:[e.radius,"px"]})]}),t.jsx(tb,{min:100,max:600,step:10,value:e.radius,onChange:(e,a)=>I(r,{radius:a})})]}),t.jsxs("div",{children:[t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Arc sweep",t.jsxs("span",{style:{float:"right"},children:[e.arc,"°"]})]}),t.jsx(tb,{min:40,max:280,step:5,value:e.arc,onChange:(e,a)=>I(r,{arc:a})})]})]})]},r))})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPOGRAPHY"}),t.jsx(a.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Xw.map(e=>t.jsx(Zw,{label:e.label,selected:c===e.value,onClick:()=>d(e.value)},e.value))}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Uses the lib's DisplayLarge / DisplaySmall tokens (font-family, size, weight, letter-spacing)."})]}),t.jsxs(a.Box,{children:[t.jsxs(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["LETTER SPACING",t.jsxs("span",{style:{float:"right"},children:[b,"px"]})]}),t.jsx(tb,{min:-4,max:40,step:1,value:b,onChange:(e,a)=>v(a)}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Adjusts the gap between characters along the wave."})]}),t.jsxs(a.Box,{children:[t.jsxs(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["FONT WEIGHT",t.jsx("span",{style:{float:"right"},children:y})]}),t.jsx(tb,{min:100,max:900,step:100,value:y,onChange:(e,a)=>j(a)}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Heavier weights read better at decorative sizes. Available weights depend on the loaded display font."})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BEVEL"}),t.jsx(Hf,{label:"3D bevel effect",checked:S,onChange:e=>z(e.target.checked)}),S&&t.jsxs(a.Box,{sx:{mt:1.5},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:6},children:"Preset"}),t.jsx(a.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1,mb:1.5},children:Hw.map(e=>t.jsx(Zw,{label:e,selected:k===e,onClick:()=>C(e)},e))}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:6},children:"Bevel theme"}),t.jsx(a.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Jw.map(e=>t.jsx(Zw,{label:e.label,selected:B===e.value,onClick:()=>w(e.value)},e.value))})]}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Bevel layers use ",t.jsxs("code",{children:["--Buttons-","{Theme}","-Button"]})," for the fill, with ",t.jsx("code",{children:"Highlight"})," + ",t.jsx("code",{children:"Lowlight"}),"tokens for the bright/shadow stripes. CurvedText honors a preset's ",t.jsx("em",{children:"depth"})," only — angle, softness, and drop-shadow fields are stacked-rendering limitations and are ignored here (the full filter pipeline lives in ",t.jsx("code",{children:"<BevelText>"}),"). Shadow-only presets render no effect. Auto-hides below 19px so the 3:1 bevel contrast doesn't compromise small-text legibility."]})]}),t.jsxs(a.Box,{children:[t.jsxs(a.Stack,{direction:"row",alignItems:"center",sx:{mb:1},children:[t.jsxs(ot,{style:{color:"var(--Text-Quiet)",flex:1},children:["ROTATION",t.jsxs("span",{style:{float:"right",marginRight:12},children:[f,"°"]})]}),t.jsx(zp,{variant:"default-outline",size:"small",onClick:function(){const e=T.current?.querySelector("svg");if(!e)return;const a=e.querySelector("path"),t=e.querySelector("text");if(!a||!t)return;const r=a.getTotalLength();if(!r)return;let i=0;try{i=t.getComputedTextLength?.()||0}catch(e){}i||(i=Math.min(r,18*l.length));const o=Math.max(0,(r-i)/2),n=Math.min(r,o+i),s=a.getPointAtLength(o),c=a.getPointAtLength(n),d=180*Math.atan2(c.y-s.y,c.x-s.x)/Math.PI,u=Math.max(-45,Math.min(45,Math.round(-d)));g(u)},children:"Auto-level"})]}),t.jsx(tb,{min:-45,max:45,step:1,value:f,onChange:(e,a)=>g(a)}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:'Tilts the whole text block around its center. "Auto-level" rotates so the text\'s start and end sit on the same horizontal line — useful when a multi-curve wave makes the reading line slant.'})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Yw.map(e=>t.jsx(Zw,{label:e.label,selected:u===e.value,onClick:()=>h(e.value)},e.value))})]})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsxs(a.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsx(at,{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."}),M&&t.jsx(Mw,{targetRef:M,label:"Curved text",deps:[u,c,JSON.stringify(x),f,b]}),t.jsxs(Xa,{color:"quiet",children:["The SVG sets ",t.jsx("code",{children:'role="img"'})," and"," ",t.jsx("code",{children:"aria-label"})," to the rendered text so screen readers announce it as a labeled image, not a stream of individual glyphs."]})]})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"CurvedText"})})]})})})]})]})},exports.DEFAULT_AVATAR_SRC=Qm,exports.DEFAULT_ITEMS=Iy,exports.DOCS_ORIGIN=jB,exports.DefaultToggleButtonGroup=vz,exports.DesktopAppBar=Mv,exports.Dialog=zy,exports.DialogShowcase=function(){const[r,i]=e.useState(!1),[o,n]=e.useState("sm"),[l,s]=e.useState(!1),[c,d]=e.useState("none"),[u,h]=e.useState(!1),[x,m]=e.useState(!1),[p,f]=e.useState("Default"),[g,b]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Dialog",component:"Dialog"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:p,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Dialog",theme:p,surface:g})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:p,surface:g,children:t.jsx(zp,{variant:"default",onClick:()=>i(!0),children:"Open Dialog"})}),t.jsx(Bf,{code:(()=>{const e=["open={open}","onClose={handleClose}"];return"sm"!==o&&e.push('maxWidth="'+o+'"'),l&&e.push("fullScreen"),u&&e.push("alert"),x&&e.push("nonModal"),"none"!==c&&e.push('transition="'+c+'"'),e.push('title="Dialog Title"'),e.push('actions={<><Button variant="default-outline" onClick={handleClose}>Cancel</Button><Button variant="default" onClick={handleClose}>Confirm</Button></>}'),"<Dialog\n  "+e.join("\n  ")+"\n>\n  Dialog content goes here.\n</Dialog>"})(),language:"JSX",wrap:!0,sx:{mt:2}}),t.jsx(zy,{open:r,onClose:(e,a)=>{u&&"backdropClick"===a||i(!1)},maxWidth:o,fullScreen:l,alert:u,nonModal:x,transition:"none"!==c?c:void 0,title:"Dialog Title",actions:t.jsxs(t.Fragment,{children:[t.jsx(zp,{variant:"default-outline",size:"small",onClick:()=>i(!1),children:"Cancel"}),t.jsx(zp,{variant:"default",size:"small",onClick:()=>i(!1),children:"Confirm"})]}),children:t.jsx(Ja,{children:"This is the dialog content. You can put any information here that requires user attention or action."})})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsxs(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:[["xs","sm","md","lg","xl"].map(e=>t.jsx(By,{label:e.toUpperCase(),selected:o===e,onClick:()=>{n(e),s(!1)}},e)),t.jsx(By,{label:"Full Screen",selected:l,onClick:()=>s(!l)})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TRANSITION"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["none","slide-up","slide-down","grow","fade","zoom"].map(e=>{return t.jsx(By,{label:(a=e,a?a.charAt(0).toUpperCase()+a.slice(1):""),selected:c===e,onClick:()=>d(e)},e);var a})})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Alert"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"No backdrop dismiss, no Escape"})]}),t.jsx(Pf,{variant:"default-outline",checked:u,onChange:e=>h(e.target.checked),size:"small","aria-label":"Alert mode"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Non-Modal"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"No backdrop, interact with content behind"})]}),t.jsx(Pf,{variant:"default-outline",checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Non-modal"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="dialog" (standard) or role="alertdialog" (alert mode)'},{label:"Label",value:"aria-labelledby links to title, aria-describedby links to content"},{label:"Focus",value:"Focus trapped inside dialog. Returns to trigger on close."},{label:"Keyboard",value:"Escape closes (unless alert). Tab cycles through focusable elements."},{label:"Backdrop",value:"Click closes (unless alert or non-modal)"},{label:"Close",value:'Close button with aria-label="Close dialog"'}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Dialog"})})]})]})},exports.DisplayLarge=e=>t.jsx(Wa,{textStyle:"display-large",...e}),exports.DisplayMedium=e=>t.jsx(Wa,{textStyle:"display-medium",...e}),exports.DisplaySmall=e=>t.jsx(Wa,{textStyle:"display-small",...e}),exports.Divider=Fg,exports.DotsLoader=function({message:e="Loading",sx:r={},...i}){return t.jsxs(a.Stack,{alignItems:"center",justifyContent:"center",spacing:2,sx:{py:4,...r},...i,children:[t.jsx(a.Box,{sx:{display:"flex",gap:1},children:[0,1,2].map(e=>t.jsx(a.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"var(--Primary-Color-11)",animation:"pulse 1.4s infinite",animationDelay:.2*e+"s","@keyframes pulse":{"0%":{opacity:1},"50%":{opacity:.5},"100%":{opacity:1}}}},e))}),e&&t.jsx(a.Typography,{sx:{color:"var(--Text-Secondary)",fontWeight:500},children:e})]})},exports.Drawer=zv,exports.DrawerClose=Bv,exports.DrawerContent=kv,exports.DrawerHeader=wv,exports.DrawerShowcase=function(){const[r,i]=e.useState(!1),[o,n]=e.useState("medium"),[l,s]=e.useState("left"),[c,d]=e.useState("Default"),[u,h]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Drawer",component:"Drawer"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:c,onThemeChange:d,surface:u,onSurfaceChange:h})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Drawer",theme:c,surface:u})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:c,surface:u,children:t.jsx(zp,{variant:"default",onClick:()=>i(!0),children:"Open Drawer"})}),t.jsx(Bf,{code:(()=>{const e=["open={open}","onClose={handleClose}"];return"medium"!==o&&e.push('size="'+o+'"'),"left"!==l&&e.push('anchor="'+l+'"'),"<Drawer "+e.join(" ")+">\n  <DrawerHeader>\n    <H5>Navigation</H5>\n    <DrawerClose onClick={handleClose} />\n  </DrawerHeader>\n  <DrawerContent>\n    <OmniTreeView items={navItems} />\n  </DrawerContent>\n</Drawer>"})(),language:"JSX",wrap:!0,sx:{mt:2}}),t.jsxs(zv,{open:r,onClose:()=>i(!1),size:o,anchor:l,children:[t.jsxs(wv,{children:[t.jsx(Oa,{children:"Navigation"}),t.jsx(Bv,{onClick:()=>i(!1)})]}),t.jsx(kv,{children:t.jsx(Ly,{items:Ry,variant:"solid",color:"default",defaultExpandedItems:["products"],sx:{border:"none",borderRadius:0}})})]})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(Dy,{label:Ny(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ANCHOR"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["left","right","top","bottom"].map(e=>t.jsx(Dy,{label:Ny(e),selected:l===e,onClick:()=>s(e)},e))})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="dialog" aria-modal="true"'},{label:"Focus",value:"Focus trapped inside drawer. Returns to trigger on close."},{label:"Keyboard",value:"Escape closes. Tab cycles focusable elements."},{label:"Backdrop",value:"Click closes. Body scroll locked while open."},{label:"Close",value:'Button with aria-label="Close drawer"'}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Drawer"})})]})]})},exports.DropZone=Fy,exports.Dropdown=fj,exports.DynoStack=Fb,exports.DynoTreeView=Ly,exports.EXAMPLES=xB,exports.EmailTextField=function({label:e="Email",...a}){return t.jsx(GS,{label:e,type:"email",placeholder:"user@example.com",...a})},exports.ErrorTag=e=>t.jsx(Zy,{color:"error",...e}),exports.ErrorToggleButtonGroup=Tz,exports.Eyebrow=nt,exports.EyebrowLarge=st,exports.EyebrowMedium=lt,exports.EyebrowSmall=ot,exports.FOUNDATIONS=PB,exports.Fab=kg,exports.FabShowcase=function(){const[r,i]=e.useState("default"),[o,n]=e.useState("medium"),[l,s]=e.useState("Add"),[c,d]=e.useState(!1),[u,h]=e.useState("Create"),[x,m]=e.useState(!1),[p,f]=e.useState(!1),[g,b]=e.useState("Default"),[v,y]=e.useState("Surface"),j=r,S=e.useRef(null),z={small:32,medium:48,large:56},B=Tt(S,e=>{const a=r.charAt(0).toUpperCase()+r.slice(1).replace(/-([a-z])/g,(e,a)=>a.toUpperCase());return{background:e("--Background"),focusVisible:e("--Focus-Visible"),fabBg:e("--Buttons-"+a+"-Button"),fabIcon:e("--Buttons-"+a+"-Text"),fabBorder:e("--Buttons-"+a+"-Border"),hover:e("--Buttons-"+a+"-Hover"),pressed:e("--Buttons-"+a+"-Pressed")}},[r,g,v]);return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Floating Action Button",component:"Fab"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:g,onThemeChange:b,surface:v,onSurfaceChange:y})}),t.jsx(a.Box,{ref:S,...g?{"data-theme":g}:{},"data-surface":v,sx:{position:"absolute",width:0,height:0,overflow:"hidden"},"aria-hidden":"true"}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Fab",theme:g,surface:v})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:g,surface:v,children:t.jsx(kg,{color:j,size:o,icon:(()=>{const e=da[l]||da.Add;return t.jsx(am,{size:"medium",children:t.jsx(e,{})})})(),extended:c,label:u,animate:x,disabled:p,ariaLabel:c?u:l})}),t.jsx(Bf,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==o&&e.push('size="'+o+'"'),e.push("icon={<"+l+"Icon />}"),c&&(e.push("extended"),e.push('label="'+u+'"')),x&&e.push("animate"),p&&e.push("disabled"),e.push('ariaLabel="'+(c?u:l)+'"'),"<Fab\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsx(a.Box,{sx:{mb:3}}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Tg.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(Lg,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(Ag,{label:Cg(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(Ig,{label:"Icon Name",value:l,onChange:s,placeholder:"Add"}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:[t.jsx("a",{href:"https://mui.com/material-ui/material-icons/",target:"_blank",rel:"noopener noreferrer",style:{color:"var(--Hotlink)"},children:"Material icon"})," name (e.g. Add, Edit, Favorite, Share)"]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Extended"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Pill shape with icon + text label"})]}),t.jsx(Pf,{checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Extended"})]}),c&&t.jsx(a.Box,{sx:{mt:1.5},children:t.jsx(Ig,{label:"Label Text",value:u,onChange:h,placeholder:"Create"})}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Animation"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Pulse ring effect to draw attention"})]}),t.jsx(Pf,{checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Animation"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Disabled"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Pf,{checked:p,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:3,children:[t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsxs(Oa,{children:["Contrast — ",r," on ",v,g?" / "+g:""]}),t.jsxs(a.Stack,{spacing:0,children:[t.jsx(kt,{label:"FAB fill vs. page background",note:"Non-text contrast, 3:1 — the FAB has to be findable against what it floats over.",ratio:St(B.fabBg,B.background),threshold:3}),t.jsx(kt,{label:"Icon vs. FAB fill — resting",note:"The glyph carries the meaning, so it is held to text contrast.",ratio:St(B.fabIcon,B.fabBg),threshold:4.5}),t.jsx(kt,{label:"Icon vs. FAB fill — hover",ratio:St(B.fabIcon,B.hover,B.fabBg),threshold:4.5}),t.jsx(kt,{label:"Icon vs. FAB fill — pressed",ratio:St(B.fabIcon,B.pressed,B.fabBg),threshold:4.5}),t.jsx(kt,{label:"Focus ring vs. page background",note:"3:1. The ring sits outside the FAB, so it is measured against what is behind it, not against the fill.",ratio:St(B.focusVisible,B.background),threshold:3}),t.jsx(Ct,{label:"Target size",note:"WCAG 2.5.8 asks 24x24 CSS px minimum; 44x44 is the AAA / platform figure.",pass:z[o]>=44,detail:z[o]+"px"})]})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Role:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:'<button role="button" aria-label="...">'})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Label:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:c?"Extended: visible label provides accessible name.":"Icon-only: aria-label is required."})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Focus:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"3px solid var(--Focus-Visible) with 2px offset."})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(Xa,{children:"Disabled:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"HTML disabled attribute. 50% opacity, removed from tab order."})]})]})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Best Practices"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"One per screen:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"FABs represent the primary action. Use at most one per view."})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Extended for clarity:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Use extended variant when the icon alone may be ambiguous."})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(Xa,{children:"Animation:"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Use sparingly. Respect prefers-reduced-motion."})]})]})]})]})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Fab"})})]})]})},exports.Footer=jw,exports.FooterShowcase=function(){const[r,i]=e.useState("Default"),[o,n]=e.useState("Surface"),[l,s]=e.useState(4),[c,d]=e.useState(!0),[u,h]=e.useState(!0),[x,m]=e.useState("default"),p=e.useRef(null),[f,g]=e.useState(null),[b,v]=e.useState(null);e.useEffect(()=>{p.current&&(g({current:p.current.querySelector(".dino-footer")}),v({current:p.current.querySelector(".dino-copyright")}))},[x,l,c,u]);const y=Lw.slice(0,Math.max(0,l-1)),j=c?Iw:[],S=u?{title:"Stay in the loop",description:"Monthly updates on new components and tips.",onSubscribe:async e=>console.log("subscribed:",e)}:void 0;return t.jsxs(a.Box,{children:[t.jsx(FB,{title:"Footer",component:"Footer"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:r,onThemeChange:i,surface:o,onSurfaceChange:n})}),t.jsxs(Ja,{color:"quiet",style:{marginBottom:24,maxWidth:720},children:["Configurable 1–4 column footer. The first column is always the company address / contact. Optional ",t.jsx("code",{children:"socialLinks"})," and"," ",t.jsx("code",{children:"subscribe"})," sit above the auto-generated copyright strip."]}),t.jsx(a.Box,{ref:p,sx:{borderRadius:1,overflow:"hidden",mb:4},children:t.jsx(jw,{color:x,address:Aw,columns:y,socialLinks:j,subscribe:S,copyrightName:"DinoDesign"})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Footer",theme:r,surface:o})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Stack,{spacing:3,sx:{p:3,maxWidth:560},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLUMNS"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:[1,2,3,4].map(e=>t.jsx(Rw,{label:String(e),selected:l===e,onClick:()=>s(e)},e))}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"First column is always the address / contact. Up to 3 more link columns."})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{direction:"row",spacing:1,sx:{flexWrap:"wrap",rowGap:1},children:Nw.map(e=>t.jsx(Rw,{label:e.label,selected:x===e.value,onClick:()=>m(e.value)},e.value))}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:'"Default" hardcodes Primary tone 2 (auto-derived in a future iteration).'})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SOCIAL LINKS"}),t.jsx(Hf,{label:"Show social media row",checked:c,onChange:e=>d(e.target.checked)}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["When on, the Footer renders the ",t.jsx("code",{children:"socialLinks"})," row (icons linking out). In your app, supply the icon + url pairs from your data store."]})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SUBSCRIBE"}),t.jsx(Hf,{label:"Show email subscribe form",checked:u,onChange:e=>h(e.target.checked)}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["When on, the Footer renders an email subscribe form. Hook it up via"," ",t.jsx("code",{children:"subscribe.onSubscribe(email)"}),"."]})]})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsxs(a.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"Live WCAG 2.1 contrast against the painted background. AA needs 4.5:1 for normal text; AAA needs 7:1."}),f&&t.jsx(Mw,{targetRef:f,label:"Footer body",deps:[x,l,c,u]}),b&&t.jsx(Mw,{targetRef:b,label:"Copyright strip",deps:[x,l,c,u]})]})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Footer"})})]})]})},exports.FormDialog=function({open:e,onClose:r,title:i,children:o,submitText:n="Submit",cancelText:l="Cancel",onSubmit:s,...c}){return t.jsx(zy,{open:e,onClose:r,title:i,...c,actions:t.jsxs(t.Fragment,{children:[t.jsx(a.Box,{component:"button",type:"button",onClick:r,sx:Sy.outline,children:l}),t.jsx(a.Box,{component:"button",type:"button",onClick:s,sx:Sy.primary,children:n})]}),children:o})},exports.Ghost=ma,exports.Gradient=dw,exports.Grid=function({children:e,container:r=!1,item:i=!1,spacing:o=2,sx:n={},...l}){return t.jsx(a.Grid,{container:r,item:i,spacing:o,sx:{transition:"all 0.2s ease-in-out",...n},...l,children:e})},exports.GridStack=Vb,exports.H1=e=>t.jsx(Wa,{textStyle:"h1",...e}),exports.H2=e=>t.jsx(Wa,{textStyle:"h2",...e}),exports.H3=Pa,exports.H4=Ha,exports.H5=Oa,exports.H6=e=>t.jsx(Wa,{textStyle:"h6",...e}),exports.HStack=Pb,exports.Heading=Ea,exports.Icon=am,exports.IconBadge=Ey,exports.IconBadgeShowcase=function(){const[r,i]=e.useState("Default"),[o,n]=e.useState("Surface"),[l,s]=e.useState("primary"),[c,d]=e.useState("solid"),[u,h]=e.useState("medium"),x=VB[0];return t.jsxs(Hb,{spacing:4,style:{paddingBottom:64},children:[t.jsx(FB,{title:"Icon Badge",component:"IconBadge"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:r,onThemeChange:i,surface:o,onSurfaceChange:n})}),t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:24},children:[t.jsx(Jf,{padding:"medium",children:t.jsxs(Hb,{spacing:4,alignItems:"center",children:[t.jsx("div",{style:{padding:40},children:t.jsx(Ey,{color:l,variant:c,size:u,children:t.jsx(x,{})})}),t.jsx(Pb,{spacing:4,alignItems:"flex-end",children:["small","medium","large"].map(e=>t.jsxs(Hb,{spacing:1,alignItems:"center",children:[t.jsx(Ey,{color:l,variant:c,size:e,children:t.jsx(x,{})}),t.jsx(Xa,{style:{color:"var(--Quiet)"},children:OB(e)})]},e))}),t.jsxs(Hb,{spacing:1,alignItems:"center",children:[t.jsx(Xa,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:"Variants"}),t.jsx(Pb,{spacing:3,children:["solid","light","dark"].map(e=>t.jsxs(Hb,{spacing:1,alignItems:"center",children:[t.jsx(Ey,{color:l,variant:e,size:"medium",children:t.jsx(x,{})}),t.jsx(Xa,{style:{color:"var(--Quiet)",fontSize:"0.65rem"},children:OB(e)})]},e))})]}),t.jsxs(Hb,{spacing:1,alignItems:"center",children:[t.jsx(Xa,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:"All Colors"}),t.jsx(Pb,{spacing:2,style:{flexWrap:"wrap",justifyContent:"center"},children:EB.flatMap(e=>e.colors).map(e=>t.jsxs(Hb,{spacing:0,alignItems:"center",children:[t.jsx(Ey,{color:e,variant:c,size:"small",children:t.jsx(x,{})}),t.jsx(Xa,{style:{color:"var(--Quiet)",fontSize:"0.55rem"},children:OB(e)})]},e))})]})]})}),t.jsx(Jf,{padding:"medium",children:t.jsxs(Hb,{spacing:4,children:[t.jsx(Pa,{style:{fontSize:"1rem"},children:"Playground"}),t.jsxs(Hb,{spacing:2,children:[t.jsx(it,{children:"Color"}),EB.map(e=>t.jsxs(Hb,{spacing:1,children:[t.jsx(Xa,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:e.label}),t.jsx(Pb,{spacing:1,children:e.colors.map(e=>t.jsx(zp,{variant:l===e?"default":"outline",size:"small",onClick:()=>s(e),children:OB(e)},e))})]},e.label))]}),t.jsxs(Hb,{spacing:1,children:[t.jsx(it,{children:"Variant"}),t.jsx(Cb,{size:"small",children:["solid","light","dark"].map(e=>t.jsx(zp,{variant:c===e?"default":"outline",size:"small",onClick:()=>d(e),children:OB(e)},e))})]}),t.jsxs(Hb,{spacing:1,children:[t.jsx(it,{children:"Size"}),t.jsx(Cb,{size:"small",children:["small","medium","large"].map(e=>t.jsx(zp,{variant:u===e?"default":"outline",size:"small",onClick:()=>h(e),children:OB(e)},e))})]}),t.jsxs(Hb,{spacing:0,children:[t.jsxs(Xa,{style:{color:"var(--Quiet)"},children:["data-theme: ",OB(l),"light"===c?"-Light":""]}),t.jsxs(Xa,{style:{color:"var(--Quiet)"},children:["data-surface: ","dark"===c?"Surface-Dimmest":"Surface"]}),t.jsx(Xa,{style:{color:"var(--Quiet)"},children:"bg: var(--Background)"}),t.jsx(Xa,{style:{color:"var(--Quiet)"},children:"icon: var(--Text)"})]})]})})]})]})},exports.IconShowcase=function(){const[r,i]=e.useState("Default"),[n,l]=e.useState("Surface"),[s,c]=e.useState("filled"),[d,u]=e.useState("default"),[h,x]=e.useState("medium"),[m,p]=e.useState("40"),[f,g]=e.useState(!1),[b,y]=e.useState("Home"),[j,S]=e.useState(""),[z,B]=e.useState({}),w=gg[d]||"Default",k="twotone"===s,C="custom"===h?(parseInt(m,10)||40)+"px":{xs:"12px",small:"16px",medium:"24px",large:"36px"}[h]||"24px",T=function(e,a){return jg[e]?.[a]||jg[e]?.filled||v}(b,s),M=function(e){return{outlined:"Outlined",rounded:"Rounded",twotone:"TwoTone",sharp:"Sharp"}[e]||""}(s),A=b+M+"Icon",L=j.trim().length>0,I="<Icon>\n  <"+A+' />\n</Icon>\n{/* aria-hidden="true" by default */}',N='<Icon aria-label="'+(L?j.trim():b+" icon")+'">\n  <'+A+' />\n</Icon>\n{/* role="img" added automatically */}';return e.useEffect(()=>{B({background:zt("--Background"),iconColor:zt("--Icons-"+w),iconVariant:zt("--Icons-Variant-"+w)})},[d,w]),t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Icon",component:"Icon"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:r,onThemeChange:i,surface:n,onSurfaceChange:l})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Icon",theme:r,surface:n})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(a.Box,{sx:{p:4,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:200,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",gap:2},children:t.jsx(am,{color:d,size:h,fontSize:"custom"===h?parseInt(m,10)||40:void 0,disabled:f,twoTone:k,"aria-label":L?j.trim():void 0,children:t.jsx(T,{})})}),t.jsx(Bf,{code:(()=>{const e=[];"default"!==d&&e.push('color="'+d+'"'),"custom"===h?(e.push('size="custom"'),e.push("fontSize={"+(parseInt(m,10)||40)+"}")):"medium"!==h&&e.push('size="'+h+'"'),k&&e.push("twoTone"),f&&e.push("disabled"),L&&e.push('aria-label="'+j.trim()+'"');const a=e.length?" "+e.join(" "):"";return"import "+A+" from '@mui/icons-material/"+b+(M||"")+"';\n\n<Icon"+a+">\n  <"+A+" />\n</Icon>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ICON"}),t.jsx(a.Box,{component:"input",type:"text",value:b,onChange:e=>y(e.target.value),placeholder:"e.g. Home, Favorite, Delete",sx:{width:"100%",padding:"6px 10px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",boxSizing:"border-box","&:focus":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px",borderColor:"var(--Focus-Visible)"}}}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Enter a MUI icon name."," ",t.jsx(a.Box,{component:"a",href:"https://mui.com/material-ui/material-icons/",target:"_blank",rel:"noopener noreferrer",sx:{color:"var(--Text-Primary)",textDecoration:"underline","&:hover":{color:"var(--Header-Primary)"}},children:"Browse MUI Icons ↗"})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:vg.map(e=>t.jsx(Bg,{label:yg[e],selected:s===e,onClick:()=>c(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:bg.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>{const r=gg[e],i=d===e;return t.jsx(a.Box,{component:"button",onClick:()=>u(e),"aria-label":"Select "+fg(e),"aria-pressed":i,title:fg(e),sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Icons-"+r+")",border:i?"2px solid var(--Text)":"1px solid var(--Border)",outline:i?"2px solid var(--Focus-Visible)":"2px solid transparent",outlineOffset:"1px",cursor:"pointer",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.1s ease","&:hover":{transform:"scale(1.1)"}},children:i&&t.jsx(o,{sx:{fontSize:16,color:"var(--Background)",pointerEvents:"none"}})},e)})})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["small","medium","large","custom"].map(e=>t.jsx(Bg,{label:fg(e),selected:h===e,onClick:()=>x(e)},e))}),"custom"===h&&t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:1,mt:1.5},children:[t.jsx(a.Box,{component:"input",type:"number",value:m,onChange:e=>p(e.target.value),"aria-label":"Custom font size in pixels",sx:{width:72,padding:"4px 8px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",outline:"none","&:focus":{borderColor:"var(--Focus-Visible)"}}}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"px"})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ARIA LABEL"}),t.jsx(a.Box,{component:"input",type:"text",value:j,onChange:e=>S(e.target.value),placeholder:"Leave empty for decorative (aria-hidden)",sx:{width:"100%",padding:"6px 10px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",boxSizing:"border-box","&:focus":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px",borderColor:"var(--Focus-Visible)"}}}),t.jsx(at,{style:{color:L?"var(--Tags-Success-Text)":"var(--Text-Quiet)",display:"block",marginTop:6},children:L?'✓ Meaningful — role="img" aria-label="'+j.trim()+'"':'Decorative — aria-hidden="true" (invisible to screen readers)'})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Disabled"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Reduces opacity to 0.38"})]}),t.jsx(Pf,{checked:f,onChange:e=>g(e.target.checked),size:"small","aria-label":"Toggle disabled"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(Xa,{color:"quiet",style:{marginBottom:24},children:[yg[s]," / ",fg(d)," / ","custom"===h?m+"px":h,L?" / meaningful":" / decorative"]}),t.jsxs(a.Stack,{spacing:3,children:[t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Icon Contrast (WCAG 1.4.11 — 3:1)"}),t.jsx(Xa,{color:"quiet",style:{marginBottom:16},children:"Non-text elements must contrast 3:1 against the page background."}),t.jsx(zg,{label:"var(--Icons-"+w+") vs. var(--Background)",ratio:St(z.iconColor,z.background),threshold:3,note:A+" at "+C+" in "+fg(d)+" color"}),k&&t.jsx(zg,{label:"var(--Icons-Variant-"+w+") vs. var(--Background)",ratio:St(z.iconVariant,z.background),threshold:3,note:"Two-tone secondary fill — must also meet 3:1"})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)",backgroundColor:L?"var(--Tags-Success-BG, rgba(0,200,0,0.05))":"transparent",px:1,borderRadius:"4px"},children:[t.jsxs(Xa,{style:{fontWeight:600},children:["Current icon — ",L?"meaningful ✓":"decorative"]}),t.jsx(a.Box,{component:"pre",sx:{fontFamily:"monospace",fontSize:"11px",color:"var(--Text-Quiet)",mt:.5,whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0},children:L?N:I})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Decorative (no aria-label):"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:'aria-hidden="true" is applied automatically. The icon is invisible to screen readers. Use this when the icon is purely visual — e.g. a decorative bullet or inline illustration.'}),t.jsx(a.Box,{component:"pre",sx:{fontFamily:"monospace",fontSize:"11px",color:"var(--Text-Quiet)",mt:.5,whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0},children:I})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:"Meaningful (with aria-label):"}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:'role="img" is added automatically. The label is announced by screen readers. Use this when the icon conveys information that is not present in surrounding text.'}),t.jsx(a.Box,{component:"pre",sx:{fontFamily:"monospace",fontSize:"11px",color:"var(--Text-Quiet)",mt:.5,whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0},children:N})]}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:["Disabled state",f?" ← current":"",":"]}),t.jsx(at,{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."})]}),k&&t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:["Two-tone",k?" ← current":"",":"]}),t.jsxs(at,{style:{color:"var(--Text-Quiet)"},children:["Secondary fill uses var(--Icons-Variant-",w,"). Both the primary and secondary fills must meet 3:1 contrast independently."]})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsxs(Xa,{children:["Touch target — ",C," icon","small"===h?" ⚠":" ✓",":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:"small"===h?"Small icons (20px) need a 24px minimum target area around them (WCAG 2.5.5). Wrap in a button with padding.":"Icon is "+C+" — meets 24px minimum. Ensure the wrapping interactive element also meets 24×24px."})]})]})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Size Reference"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Small",s:"small",px:"20px",note:"Inline text, compact UI"},{label:"Medium",s:"medium",px:"24px",note:"Standard UI — default"},{label:"Large",s:"large",px:"36px",note:"Emphasis, empty states, hero areas"},{label:"Custom",s:"custom",px:"any",note:"Ensure 24×24px minimum touch target (WCAG 2.5.5)"}].map(({label:e,s:r,px:i,note:o},n,l)=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:n<l.length-1?"1px solid var(--Border)":"none",display:"flex",justifyContent:"space-between",alignItems:"flex-start"},children:[t.jsxs(a.Box,{children:[t.jsxs(Xa,{children:[e," — ",i]}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:o})]}),h===r&&t.jsx(a.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))})]})]})]})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Icon"})})]})]})},exports.InfoTag=e=>t.jsx(Zy,{color:"info",...e}),exports.InfoToggleButtonGroup=wz,exports.InsetStack=({sx:e,...a})=>t.jsx(Fb,{sx:{px:2,...e},...a}),exports.Label=it,exports.LabelExtraSmall=tt,exports.LabelLarge=e=>t.jsx(Wa,{textStyle:"label-large",...e}),exports.LabelSmall=rt,exports.Legal=e=>t.jsx(Wa,{textStyle:"legal",...e}),exports.LegalSemibold=e=>t.jsx(Wa,{textStyle:"legal-semibold",...e}),exports.LightTreeView=e=>t.jsx(Ly,{variant:"light",...e}),exports.LineChart=function({data:r=[],curve:i="smooth",gradient:o=!0,fromZero:n=!1,showGrid:l=!1,showLabels:s=!1,animate:c=!0,interactive:d=!0,height:u=200,strokeWidth:h=3,tension:x=0,label:m,className:p="",sx:f={},...g}){const b="lc-"+e.useId().replace(/:/g,""),v=nk(r),y=lk(r),{active:j,handlers:S}=kk(v.length),[z,B]=e.useState(!c);e.useEffect(()=>{if(!c)return;const e=requestAnimationFrame(()=>B(!0));return()=>cancelAnimationFrame(e)},[c]);const w=320,k=s?22:8,C=Math.max(0,u-8-k),T=sk(v,{fromZero:n}),M=dk(v.length,0,w,{inset:h}),A=v.map((e,a)=>({x:M[a],y:ck(e,T,8,C)})),L="straight"===i?hk(A):xk(A,{tension:x}),I=8+C;return t.jsxs(a.Box,{component:"figure",className:"line-chart "+p,sx:{display:"block",width:"100%",m:0,position:"relative",...f},...g,children:[t.jsxs("svg",{viewBox:`0 0 320 ${u}`,width:"100%",height:u,preserveAspectRatio:"none",focusable:"false","aria-hidden":"true",children:[o&&t.jsx("defs",{children:t.jsxs("linearGradient",{id:b,x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx("stop",{offset:"0%",stopColor:vk.gradient,stopOpacity:"1"}),t.jsx("stop",{offset:"100%",stopColor:vk.gradient,stopOpacity:"0"})]})}),l&&gk(T,4).map(e=>t.jsx("line",{x1:0,x2:w,y1:ck(e,T,8,C),y2:ck(e,T,8,C),stroke:vk.line,strokeWidth:"1"},e)),o&&A.length>1&&t.jsx("path",{d:mk(L,A,I),fill:`url(#${b})`,style:{opacity:z?1:0,transition:`opacity ${Bk}`}}),A.length>1&&t.jsx("path",{d:L,fill:"none",stroke:vk.fill,strokeWidth:h,strokeLinecap:"round",strokeLinejoin:"round",pathLength:"1",style:{strokeDasharray:1,strokeDashoffset:z?0:1,transition:`stroke-dashoffset ${Bk}`}}),1===A.length&&t.jsx("circle",{cx:A[0].x,cy:A[0].y,r:h,fill:vk.fill}),d&&j>=0&&t.jsxs(t.Fragment,{children:[t.jsx("line",{x1:M[j],x2:M[j],y1:8,y2:I,stroke:vk.line,strokeWidth:"1"}),t.jsx("circle",{cx:A[j].x,cy:A[j].y,r:h+1,fill:vk.fill,stroke:"var(--Background)",strokeWidth:"2"}),t.jsx(Tk,{x:A[j].x,y:A[j].y,text:v[j],width:w,tokens:vk})]}),s&&y.map((e,a)=>t.jsx("text",{x:M[a],y:u-6,textAnchor:"middle",fill:vk.quietLabel,...jk,children:e},a))]}),d&&t.jsx(Ck,{count:v.length,width:w,centres:M,bandWidth:v.length?w/v.length:0,labels:y,values:v,handlers:S}),t.jsx(zk,{caption:m||`Line chart, ${v.length} points`,labels:y,values:v})]})},exports.LinearGradient=e=>t.jsx(dw,{variant:"linear",...e}),exports.LinearLoader=function({value:e,label:r,sx:i={},...o}){return t.jsxs(a.Stack,{spacing:1,sx:{...i},...o,children:[r&&t.jsxs(a.Stack,{direction:"row",justifyContent:"space-between",children:[t.jsx(a.Typography,{variant:"body2",sx:{color:"var(--Text)",fontWeight:500},children:r}),void 0!==e&&t.jsxs(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:[e,"%"]})]}),t.jsx(a.LinearProgress,{variant:void 0!==e?"determinate":"indeterminate",value:e,sx:{backgroundColor:"var(--Border-Variant)","& .MuiLinearProgress-bar":{backgroundColor:"var(--Primary-Color-11)"},height:4,borderRadius:2}})]})},exports.LinearProgress=xw,exports.LinearProgressShowcase=function(){const[r,i]=e.useState("default"),[o,n]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(65),[u,h]=e.useState("Default"),[x,m]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Linear Progress",component:"LinearProgress"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:u,onThemeChange:h,surface:x,onSurfaceChange:m})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"LinearProgress",theme:u,surface:x})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:u,surface:x,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:400},children:t.jsx(xw,{color:r,size:o,value:l?c:void 0})})}),t.jsx(Bf,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==o&&e.push('size="'+o+'"'),l&&e.push("value={"+c+"}"),0===e.length?"<LinearProgress />":"<LinearProgress\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:pw.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(gw,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(fw,{label:mw(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Determinate"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show a static bar at a specific value"})]}),t.jsx(Pf,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Determinate"})]}),l&&t.jsx(a.Box,{sx:{mt:2},children:t.jsx(tb,{label:"Value",min:0,max:100,value:c,onChange:(e,a)=>d(a),size:"small",valueLabelDisplay:"auto"})})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="progressbar"'},{label:"Determinate",value:'aria-valuenow, aria-valuemin="0", aria-valuemax="100"'},{label:"Indeterminate",value:'aria-label="Loading" (no value attributes)'},{label:"Track",value:"var(--Border-Variant)"},{label:"Fill",value:"var(--Buttons-{Color}-Border)"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"LinearProgress"})})]})]})},exports.Link=It,exports.List=Xy,exports.ListItem=Uy,exports.ListItemDecorator=Gy,exports.Loader=cj,exports.MainLayout=function({layout:r="side",navItems:i=[{label:"Home",icon:t.jsx(v,{}),path:"/"},{label:"About",icon:t.jsx(C,{}),path:"/about"},{label:"Settings",icon:t.jsx(j,{}),path:"/settings"},{label:"Help",icon:t.jsx(sa,{}),path:"/help"}],title:o="My App",children:n,onLayoutChange:l,onNavigate:s,sx:c={},...d}){const u=a.useTheme(),h=a.useMediaQuery(u.breakpoints.down("md"));a.useMediaQuery(u.breakpoints.down("lg"));const[x,m]=e.useState(!1),[p,f]=e.useState(!1),g=h?"top":r,b=({compact:e=!1})=>t.jsx(a.List,{sx:{py:1},children:i.map((r,i)=>t.jsx(a.Tooltip,{title:e?r.label:"",placement:"right",children:t.jsxs(a.ListItemButton,{onClick:()=>{s?.(r),m(!1)},sx:{color:"var(--Text)",...mS({muiPrefix:!0}),transition:"all 0.2s ease-in-out",justifyContent:e?"center":"flex-start",px:e?1:2},children:[t.jsx(a.ListItemIcon,{sx:{color:"var(--Icons-Primary)",minWidth:e?"auto":40,mr:e?0:1},children:r.icon}),!e&&t.jsx(a.ListItemText,{primary:r.label})]})},i))});return t.jsxs(a.Box,{sx:{minHeight:"100vh",backgroundColor:"var(--Background)",color:"var(--Text)",display:"flex",flexDirection:"column",...c},...d,children:[t.jsx(a.AppBar,{position:"static",sx:{backgroundColor:"var(--Header)",color:"var(--Text)",boxShadow:"0 1px 3px rgba(0,0,0,0.12)",borderBottom:"1px solid var(--Border-Variant)"},children:t.jsxs(a.Toolbar,{children:[h&&"rail"!==g&&t.jsx(wp,{variant:"ghost",onClick:()=>m(!x),"aria-label":x?"Close navigation":"Open navigation",sx:{mr:2},children:x?t.jsx(Le,{}):t.jsx(Te,{})}),t.jsx(a.Typography,{variant:"h6",sx:{flex:1,fontWeight:700},children:o}),!h&&l&&t.jsxs(a.ToggleButtonGroup,{value:r,exclusive:!0,onChange:(e,a)=>{a&&l(a)},size:"small",sx:{"& .MuiToggleButton-root":{color:"var(--Text)",border:"1px solid var(--Border)","&.Mui-selected":{backgroundColor:"var(--Button-Primary-Button)",color:"#fff",borderColor:"var(--Button-Primary-Button)"}}},children:[t.jsx(a.ToggleButton,{value:"side","aria-label":"side nav",children:"☰ Side"}),t.jsx(a.ToggleButton,{value:"rail","aria-label":"rail nav",children:"⫷ Rail"}),t.jsx(a.ToggleButton,{value:"side-rail","aria-label":"side-rail nav",children:"☰⫷ Both"})]})]})}),t.jsxs(a.Box,{sx:{display:"flex",flex:1},children:[("rail"===g||"side-rail"===g)&&!h&&t.jsx(a.Box,{sx:{width:80,backgroundColor:"var(--Container)",borderRight:"1px solid var(--Border-Variant)",display:"flex",flexDirection:"column",py:2},children:t.jsx(b,{compact:!0})}),("side"===g||"side-rail"===g)&&!h&&t.jsxs(a.Box,{sx:{width:p?80:280,backgroundColor:"var(--Container)",borderRight:"1px solid var(--Border-Variant)",transition:"width 0.3s ease-in-out",display:"flex",flexDirection:"column"},children:[t.jsxs(a.Box,{sx:{p:2,display:"flex",alignItems:"center",justifyContent:"space-between",borderBottom:"1px solid var(--Border-Variant)",minHeight:64},children:[!p&&t.jsx(a.Typography,{variant:"h6",sx:{fontWeight:700,color:"var(--Text)"},children:"Menu"}),t.jsx(wp,{size:"small",variant:"ghost",onClick:()=>f(!p),"aria-label":p?"Expand navigation":"Collapse navigation",sx:{color:"var(--Icons-Primary)"},children:p?"›":"‹"})]}),t.jsx(b,{compact:p})]}),h&&t.jsxs(a.Drawer,{anchor:"left",open:x,onClose:()=>m(!1),sx:{"& .MuiDrawer-paper":{backgroundColor:"var(--Container)",width:280}},children:[t.jsx(a.Box,{sx:{p:2,borderBottom:"1px solid var(--Border-Variant)"},children:t.jsx(a.Typography,{variant:"h6",sx:{fontWeight:700},children:"Menu"})}),t.jsx(b,{compact:!1})]}),t.jsx(a.Box,{sx:{flex:1,overflow:"auto",backgroundColor:"var(--Background)"},children:t.jsx(a.Container,{maxWidth:"lg",sx:{py:4},children:n})})]})]})},exports.Menu=bj,exports.MenuButton=gj,exports.MenuDivider=yj,exports.MenuItem=vj,exports.MenuShowcase=function(){const[r,i]=e.useState("outline"),[o,n]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("Default"),[u,h]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Menu",component:"Menu"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:c,onThemeChange:d,surface:u,onSurfaceChange:h})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Menu",theme:c,surface:u})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:c,surface:u,sx:{minHeight:250,alignItems:"flex-start",pt:6},children:t.jsxs(fj,{variant:r,color:o,size:l,children:[t.jsx(gj,{children:"Actions"}),t.jsxs(bj,{children:[t.jsx(vj,{children:"Edit"}),t.jsx(vj,{children:"Duplicate"}),t.jsx(vj,{selected:!0,children:"Archive"}),t.jsx(yj,{}),t.jsx(vj,{disabled:!0,children:"Delete"})]})]})}),t.jsx(Bf,{code:(()=>{const e=[];return"outline"!==r&&e.push('variant="'+r+'"'),"default"!==o&&e.push('color="'+o+'"'),"medium"!==l&&e.push('size="'+l+'"'),"<Dropdown "+e.join(" ")+">\n  <MenuButton>Actions</MenuButton>\n  <Menu>\n    <MenuItem>Edit</MenuItem>\n    <MenuItem>Duplicate</MenuItem>\n    <MenuDivider />\n    <MenuItem>Delete</MenuItem>\n  </Menu>\n</Dropdown>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["outline","solid","light"].map(e=>t.jsx(zj,{label:jj(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Sj.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(Bj,{color:e,selected:o===e,onClick:n},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(zj,{label:jj(e),selected:l===e,onClick:()=>s(e)},e))})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Button",value:'aria-haspopup="true" aria-expanded aria-controls'},{label:"Menu",value:'role="menu" aria-labelledby={buttonId}'},{label:"Items",value:'role="menuitem" with tabIndex'},{label:"Selected",value:'aria-selected="true" on active item'},{label:"Disabled",value:'aria-disabled="true", not focusable'},{label:"Keyboard",value:"Arrow keys navigate. Enter/Space selects. Escape closes."},{label:"Focus",value:"First item focused on open. Focus returns to button on close."}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Menu"})})]})]})},exports.MeshCardGradient=e=>t.jsx(dw,{variant:"meshCard",...e}),exports.MeshGradient=e=>t.jsx(dw,{variant:"mesh",...e}),exports.MiniSwatch=function({color:e,className:r="",sx:i={},...o}){return t.jsx(a.Box,{className:`mini-swatch ${r}`.trim(),"aria-hidden":"true",sx:{width:"var(--Menu-Swatch, 24px)",height:"var(--Menu-Swatch, 24px)",flexShrink:0,borderRadius:"var(--Sizing-Half, 4px)",backgroundColor:e,...i},...o})},exports.MobileAppBar=Av,exports.Modal=Aj,exports.NeutralTag=e=>t.jsx(Zy,{color:"neutral",...e}),exports.NeutralToggleButtonGroup=zz,exports.NumberField=QB,exports.NumberFieldShowcase=function(){const[r,i]=e.useState("outlined"),[o,n]=e.useState("outline"),[l,s]=e.useState("default"),[c,d]=e.useState("medium"),[u,h]=e.useState("top"),[x,m]=e.useState(!0),[p,f]=e.useState(!1),[g,b]=e.useState(!1),[v,y]=e.useState("Default"),[j,S]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Number Field",component:"NumberField"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"NumberField",theme:v,surface:j})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:v,surface:j,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:"outlined"===r?300:"auto"},children:t.jsx(QB,{variant:r,style:o,color:l,size:c,label:x?"Quantity":void 0,labelPosition:u,min:0,max:100,disabled:p,fullWidth:g&&"outlined"===r})})}),t.jsx(Bf,{code:(()=>{const e=['variant="'+r+'"'];return"outline"!==o&&e.push('style="'+o+'"'),"default"!==l&&e.push('color="'+l+'"'),"medium"!==c&&e.push('size="'+c+'"'),x&&e.push('label="Quantity"'),"top"!==u&&e.push('labelPosition="'+u+'"'),e.push("min={0}"),e.push("max={100}"),p&&e.push("disabled"),g&&"outlined"===r&&e.push("fullWidth"),e.push("value={value}"),e.push("onChange={setValue}"),"<NumberField\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"VARIANT"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["outlined","spinner"].map(e=>t.jsx(XB,{label:GB(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["outline","light"].map(e=>t.jsx(XB,{label:GB(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:UB.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(YB,{color:e,selected:l===e,onClick:s},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(XB,{label:GB(e),selected:c===e,onClick:()=>d(e)},e))})]}),"outlined"===r&&t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["top","floating","none"].map(e=>t.jsx(XB,{label:"none"===e?"None":GB(e),selected:u===e,onClick:()=>h(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Show Label"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Text label above field"})]}),t.jsx(Pf,{variant:"default-outline",checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Show label"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Disabled"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Pf,{variant:"default-outline",checked:p,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]}),"outlined"===r&&t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Full Width"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container"})]}),t.jsx(Pf,{variant:"default-outline",checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="spinbutton" with aria-valuenow, aria-valuemin, aria-valuemax'},{label:"Label",value:"aria-label from label prop. Always provide a label."},{label:"Keyboard",value:"ArrowUp/Down increment/decrement. Direct text entry supported."},{label:"Steppers",value:'aria-label="Increase" / "Decrease" on stepper buttons'},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px"},{label:"Disabled",value:"HTML disabled. Steppers also disabled at min/max bounds."}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"NumberField"})})]})]})},exports.NumberLarge=pt,exports.NumberMedium=mt,exports.NumberSmall=xt,exports.NumberTextField=function({label:e="Number",...a}){return t.jsx(GS,{label:e,type:"number",...a})},exports.OmniDesignProvider=function({themeURL:a,foundationCSS:r,coreCSS:i,typographyCSS:o,lightModeCSS:n,darkModeCSS:l,baseCSS:s,stylesCSS:c,defaultTheme:d="Default",defaultStyle:u="Modern",defaultSurface:h="Surface",surfaceStyle:x,defaultDarkMode:m=!1,darkTheme:p=null,darkMode:f,onDarkModeChange:g,className:b,style:v,fullHeight:y=!0,children:j}){const[S,z]=e.useState(m),B=void 0!==f,w=B?f:S,[k,C]=e.useState({foundation:r??null,core:i??null,typography:o??null,lightMode:n??null,darkMode:l??null,base:s??null,styles:c??null}),[T,M]=e.useState({}),A=e.useRef(!0);e.useEffect(()=>(A.current=!0,()=>{A.current=!1}),[]),e.useEffect(()=>{a&&(q("loading"),async function(e){const a=/\.json(\?|$)/.test(e)?e:`${e.replace(/\/$/,"")}/theme.json`,t=e.replace(/\/$/,"").replace(/\/theme\.json(\?.*)?$/,""),r=await fetch(a);if(!r.ok)throw new Error(`OmniDesignProvider: could not load theme manifest from ${a} (${r.status})`);const i=await r.json(),o=e=>e?/^https?:\/\//i.test(e)?e:`${t}/${e}`:null;return{foundationURL:o(i.foundation),coreURL:o(i.core),typographyURL:o(i.typography),lightModeURL:o(i.lightMode),darkModeURL:o(i.darkMode),baseURL:o(i.base),stylesURL:o(i.styles),defaultTheme:i.defaultTheme??null,defaultStyle:i.defaultStyle??null,defaultSurface:i.defaultSurface??null,darkTheme:i.darkTheme??null,name:i.name??null}}(a).then(e=>{A.current&&(C({foundation:r??e.foundationURL,core:i??e.coreURL,typography:o??e.typographyURL,lightMode:n??e.lightModeURL,darkMode:l??e.darkModeURL,base:s??e.baseURL,styles:c??e.stylesURL}),M({defaultTheme:e.defaultTheme,defaultStyle:e.defaultStyle,defaultSurface:e.defaultSurface,darkTheme:e.darkTheme,name:e.name}))}).catch(e=>{A.current&&(console.error("OmniDesignProvider: manifest error:",e),G(e.message),q("error"))}))},[a]);const L=x?cv[x]?.theme??d:"Default"!==d?d:T.defaultTheme??d,I=x?cv[x]?.rootSurface??h:T.defaultSurface??h,N=T.defaultStyle??u,R=p??T.darkTheme??null,[D,W]=e.useState(L),[F,P]=e.useState(N),[H,O]=e.useState(I),E=!!(a||r||i||o||n||l||s||c),[V,q]=e.useState(E?"loading":"ready"),[Q,G]=e.useState(null);e.useEffect(()=>{const{foundation:e,core:a,typography:t,base:r,styles:i}=k;if(e||a||t||r||i)return q("loading"),G(null),Promise.all([gv(dv,e),gv(uv,a),gv(hv,t).catch(e=>{console.warn("OmniDesignProvider: typography CSS did not load —",e.message)}),gv(mv,r),gv(pv,i)]).then(()=>{A.current&&q("ready")}).catch(e=>{A.current&&(console.error("OmniDesignProvider CSS error:",e),G(e.message),q("error"))}),()=>{fv(dv),fv(uv),fv(hv),fv(mv),fv(pv)};q("ready")},[k.foundation,k.core,k.typography,k.base,k.styles]),e.useEffect(()=>{const e=w?k.darkMode:k.lightMode;e&&gv(xv,e,mv).catch(e=>console.error("OmniDesignProvider mode CSS error:",e))},[w,k.lightMode,k.darkMode]),e.useEffect(()=>()=>fv(xv),[]);const U=w&&R?R:D,X=e.useCallback(()=>{B?g?.(!w):z(e=>!e)},[B,w,g]),Y=e.useCallback(e=>{nv.includes(e)||console.warn(`OmniDesignProvider: unknown theme "${e}"`),W(e)},[]),J=e.useCallback(e=>{lv.includes(e)||console.warn(`OmniDesignProvider: unknown style "${e}"`),P(e)},[]),Z=e.useCallback(e=>{sv.includes(e)||console.warn(`OmniDesignProvider: unknown surface "${e}"`),O(e)},[]),$=e.useMemo(()=>({theme:U,style:F,surface:H,isDark:w,cssStatus:V,cssError:Q,setTheme:Y,setStyle:J,setSurface:Z,toggleDarkMode:X,themes:nv,styles:lv,surfaces:sv,name:T.name??null}),[U,F,H,w,V,Q,Y,J,Z,X,T.name]);return t.jsxs(ov.Provider,{value:$,children:[t.jsx("style",{"data-omni":"hide-during-load",children:'[data-omni-css="loading"]{visibility:hidden}'}),t.jsx("div",{"data-theme":U,"data-style":F,"data-surface":H,"data-omni-css":V,className:b,style:{...y?{minHeight:"100vh"}:{},...v},children:j})]})},exports.OmniStack=Fb,exports.OmniTreeView=Ly,exports.OverlayLoader=function({isLoading:e=!1,message:r="Loading...",children:i,sx:o={},...n}){return t.jsxs(a.Box,{sx:{position:"relative",...o},...n,children:[i,e&&t.jsx(a.Box,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.3)",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"inherit",zIndex:1e3,backdropFilter:"blur(4px)"},children:t.jsx(cj,{size:40,message:r})})]})},exports.Overline=dt,exports.OverlineLarge=ht,exports.OverlineMedium=ut,exports.OverlineSmall=ct,exports.PageLoader=function({message:e="Loading page...",size:r=60,sx:i={},...o}){return t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",minHeight:"100vh",backgroundColor:"var(--Background)",...i},...o,children:t.jsx(cj,{size:r,message:e})})},exports.Pagination=mb,exports.PaginationShowcase=function(){const[r,i]=e.useState("default"),[o,n]=e.useState("medium"),[l,s]=e.useState(10),[c,d]=e.useState(!1),[u,h]=e.useState(!1),[x,m]=e.useState(!1),[p,f]=e.useState("Default"),[g,b]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Pagination",component:"Pagination"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:p,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Pagination",theme:p,surface:g})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:p,surface:g,children:t.jsx(mb,{color:r,size:o,count:l,showFirstButton:c,showLastButton:u,disabled:x})}),t.jsx(Bf,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==o&&e.push('size="'+o+'"'),10!==l&&e.push("count={"+l+"}"),c&&e.push("showFirstButton"),u&&e.push("showLastButton"),x&&e.push("disabled"),e.push("onChange={handlePageChange}"),1===e.length?"<Pagination onChange={handlePageChange} />":"<Pagination\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:fb.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(bb,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(gb,{label:pb(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PAGES"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:[5,10,20,50].map(e=>t.jsx(gb,{label:String(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"First/Last Buttons"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show jump to first/last page"})]}),t.jsx(Pf,{variant:"default-outline",checked:c,onChange:e=>{d(e.target.checked),h(e.target.checked)},size:"small","aria-label":"First/last buttons"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Disabled"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Pf,{variant:"default-outline",checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Disabled"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Nav",value:'<nav aria-label="Pagination">'},{label:"List",value:"<ol> with <li> for each button"},{label:"Current",value:'aria-current="page" on selected page'},{label:"Labels",value:'aria-label="Page N", "Go to previous/next/first/last page"'},{label:"Keyboard",value:"Tab navigates between buttons"},{label:"Focus",value:"Uses Button component focus styles"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Pagination"})})]})]})},exports.Paper=Lj,exports.PasswordTextField=function({label:e="Password",...a}){return t.jsx(GS,{label:e,type:"password",...a})},exports.PhoneTextField=function({label:e="Phone",placeholder:a="(555) 123-4567",...r}){return t.jsx(GS,{label:e,type:"tel",placeholder:a,...r})},exports.PieChart=function({data:r=[],donut:i=!1,donutRatio:o=.6,colors:n=yk,separatorWidth:l=2,size:s=200,showLabels:c=!1,animate:d=!0,interactive:u=!0,label:h,className:x="",sx:m={},...p}){const f=nk(r),g=lk(r),{slices:b,total:v,dropped:y}=fk(f),{active:j,handlers:S}=kk(f.length),[z,B]=e.useState(!d);e.useEffect(()=>{if(!d)return;const e=requestAnimationFrame(()=>B(!0));return()=>cancelAnimationFrame(e)},[d]);const w=s/2,k=s/2,C=s/2-1,T=i?C*o:0,M=e=>{return{fill:`var(--Icons-${a=n[e%n.length]})`,onFill:`var(--Icons-On-${a})`};var a};return t.jsxs(a.Box,{component:"figure",className:"pie-chart "+x,sx:{display:"block",m:0,position:"relative",...m},...p,children:[t.jsxs("svg",{viewBox:`0 0 ${s} ${s}`,width:s,height:s,focusable:"false","aria-hidden":"true",children:[b.map((e,a)=>{const r=(e.start+e.end)/2,i=u&&j===a?4:0;return t.jsx("path",{d:pk(w,k,T,C,e.start,e.end),fill:M(a).fill,stroke:"var(--Background)",strokeWidth:l,strokeLinejoin:"round",...u?S(a):{},style:{transform:`translate(${i*Math.sin(r)}px, ${-i*Math.cos(r)}px) scale(${z?1:0})`,transformOrigin:`${w}px ${k}px`,transformBox:"view-box",transition:`transform ${z?wk:Bk}`}},a)}),c&&b.map((e,a)=>{const r=(e.start+e.end)/2,i=T+.62*(C-T);return e.fraction<.07?null:t.jsx("text",{x:w+i*Math.sin(r),y:k-i*Math.cos(r),textAnchor:"middle",dominantBaseline:"middle",fill:M(a).onFill,...jk,children:g[a]},a)})]}),t.jsx(zk,{caption:(h||`${i?"Donut":"Pie"} chart, ${b.length} segments`)+(y?`, ${y} non-positive values omitted`:""),labels:g,values:f})]})},exports.Popover=Ij,exports.PrimaryTag=e=>t.jsx(Zy,{color:"primary",...e}),exports.PrimaryToggleButtonGroup=yz,exports.RATIO_NAMES=qj,exports.RadialGradient=e=>t.jsx(dw,{variant:"radial",...e}),exports.Radio=$g,exports.RadioGroup=Kg,exports.RadioInput=_g,exports.Rail=Pj,exports.RailShowcase=function(){const[r,i]=e.useState(!0),[o,n]=e.useState("partial"),[l,s]=e.useState(!1),[c,d]=e.useState("Default"),[u,h]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Rail",component:"Rail"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:c,onThemeChange:d,surface:u,onSurfaceChange:h})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Rail",theme:c,surface:u})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsxs(Of,{theme:c,surface:u,sx:{minHeight:400,alignItems:"stretch",p:0},children:[t.jsx(Pj,{items:Ej,expandable:r,expandedWidth:o,fabAction:l?{icon:t.jsx(ye,{}),label:"Create",onClick:()=>{}}:void 0}),t.jsx(a.Box,{sx:{flex:1,p:3},children:t.jsx(Xa,{style:{color:"var(--Quiet)"},children:"Main content area"})})]}),t.jsx(Bf,{code:(()=>{const e=["items={items}"];return r&&(e.push("expandable"),"partial"!==o&&e.push('expandedWidth="full"')),l&&e.push('fabAction={{ icon: <AddIcon />, label: "Create", onClick: handleCreate }}'),e.push("value={activeIndex}"),e.push("onChange={setActiveIndex}"),"<Rail\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"EXPANDED WIDTH"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["partial","full"].map(e=>{return t.jsx(Vj,{label:(a=e,a?a.charAt(0).toUpperCase()+a.slice(1):""),selected:o===e,onClick:()=>n(e)},e);var a})})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Expandable"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Toggle between collapsed and expanded"})]}),t.jsx(Pf,{variant:"default-outline",checked:r,onChange:e=>i(e.target.checked),size:"small","aria-label":"Expandable"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"FAB Action"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show create button at top"})]}),t.jsx(Pf,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"FAB action"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Nav",value:'<nav role="navigation" aria-label="Navigation rail">'},{label:"Items",value:'role="tab" aria-selected on each item'},{label:"TabList",value:'role="tablist" aria-orientation="vertical"'},{label:"Toggle",value:'aria-label="Expand/Collapse menu"'},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: -3px"},{label:"Badge",value:"Visual only — announced via aria-label on parent item"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Rail"})})]})]})},exports.RangeSlider=ib,exports.Rating=lb,exports.RatingInput=lb,exports.Ratio=Xj,exports.RatioShowcase=function(){const[r,i]=e.useState("1:1"),[o,n]=e.useState("solid"),[l,s]=e.useState("primary"),[c,d]=e.useState("none"),[u,h]=e.useState(!1),[x,m]=e.useState(!1),[p,f]=e.useState("Default"),[g,b]=e.useState("Surface");return t.jsxs(Jj,{sx:{pb:8},children:[t.jsx(FB,{title:"Ratio",component:"Ratio"}),t.jsx(Jj,{sx:{mt:1},children:t.jsx(Sm,{theme:p,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Reference"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Ratio",theme:p,surface:g})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:p,surface:g,children:t.jsx(Jj,{sx:{width:"100%",maxWidth:480},children:t.jsx(Xj,{ratio:r,variant:o,color:l,padding:c,elevated:u,clickable:x})})}),t.jsx(Bf,{code:(()=>{const e=['ratio="'+r+'"'];return"default"!==o&&e.push('variant="'+o+'"'),"default"!==l&&e.push('color="'+l+'"'),"none"!==c&&e.push('padding="'+c+'"'),u&&e.push("elevated"),x&&e.push("clickable onClick={handleClick}"),"<Ratio "+e.join(" ")+">\n  {/* your content */}\n</Ratio>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(Jj,{sx:{p:3},children:[t.jsx(Jj,{sx:{mb:3}}),t.jsxs(Jj,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"VARIANT"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Kj.map(e=>t.jsx(eS,{label:Zj(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(Jj,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:$j.map(e=>t.jsxs(Jj,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(aS,{color:e,selected:l===e,onClick:s,variant:"default"===o?"solid":o},e))})]},e.label))})]}),t.jsxs(Jj,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PADDING"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:_j.map(e=>t.jsx(eS,{label:"none"===e?"None":e.toUpperCase(),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(Jj,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"RATIO"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:qj.map(e=>t.jsx(eS,{label:e,selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(Jj,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(Jj,{children:[t.jsx(it,{children:"Elevated"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Bumps the shadow up one level"})]}),t.jsx(Pf,{checked:u,onChange:e=>h(e.target.checked),size:"small","aria-label":"Elevated"})]}),t.jsxs(Jj,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(Jj,{children:[t.jsx(it,{children:"Clickable"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Adds hover, press, and focus-visible"})]}),t.jsx(Pf,{checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Clickable"})]})]})})]})}),t.jsx(Jp,{value:2,children:t.jsx(Jj,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:3,children:[t.jsxs(Jj,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Common use cases"}),t.jsx(a.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:a})=>t.jsxs(Jj,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{children:e}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:a})]},e))})]}),t.jsxs(Ja,{color:"quiet",children:["Built on native CSS ",t.jsx("code",{children:"aspect-ratio"}),". The themed shell mirrors Box — pick a variant + color to paint the frame, or keep ",t.jsx("code",{children:'variant="default"'}),"for a borderless ratio container."]})]})})}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Ratio"})})]})]})},exports.ResponsiveStack=({breakpoint:e="sm",...a})=>t.jsx(Fb,{direction:{xs:"column",[e]:"row"},...a}),exports.ScrollStack=({sx:e,...a})=>t.jsx(Fb,{sx:{overflowY:"auto",...e},...a}),exports.SearchField=iv,exports.SearchFieldShowcase=function(){const[r,i]=e.useState("default"),[o,n]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(!0),[u,h]=e.useState("Default"),[x,m]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Search Field",component:"SearchField"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:u,onThemeChange:h,surface:x,onSurfaceChange:m})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"SearchField",theme:u,surface:x})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:u,surface:x,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:400},children:t.jsx(iv,{color:r,size:o,disabled:l,showClearButton:c,placeholder:"Search..."})})}),t.jsx(Bf,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==o&&e.push('size="'+o+'"'),c||e.push("showClearButton={false}"),l&&e.push("disabled"),e.push('placeholder="Search..."'),e.push("onChange={handleSearch}"),"<SearchField\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:rS.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(oS,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(iS,{label:tS(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Clear Button"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show clear when has value"})]}),t.jsx(Pf,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Clear button"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Disabled"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Pf,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Disabled"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="searchbox" on the input element'},{label:"Label",value:'aria-label="Search" (configurable via ariaLabel prop)'},{label:"Clear",value:'aria-label="Clear search" on clear button'},{label:"Keyboard",value:"Enter submits, Escape clears"},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"SearchField"})})]})]})},exports.SearchTextField=function({label:e="Search",placeholder:a="Type to search...",...r}){return t.jsx(GS,{label:e,type:"search",placeholder:a,...r})},exports.SecondaryTag=e=>t.jsx(Zy,{color:"secondary",...e}),exports.SecondaryToggleButtonGroup=jz,exports.Section=_B,exports.SectionShowcase=function(){return t.jsxs("div",{children:[t.jsx(Pa,{style:{marginBottom:12},children:"Section"}),t.jsxs(Ja,{color:"quiet",style:{marginBottom:32,maxWidth:720},children:[t.jsx("code",{children:"<Section>"})," bundles ",t.jsx("code",{children:"data-theme"})," +"," ",t.jsx("code",{children:"data-surface"})," + background paint into one component. Use anywhere you'd otherwise reach for"," ",t.jsx("code",{children:"<section data-theme data-surface style={{ background: var(--Background) }}>"}),". For wrapping without painting (e.g. AppBar's themed zone), use"," ",t.jsx("code",{children:"<ThemedZone>"}),"."]}),t.jsx(Pa,{style:{marginTop:24,marginBottom:12},children:"Theme + surface"}),t.jsx(Xa,{color:"quiet",style:{marginBottom:16,display:"block"},children:'Sets data-theme="Primary" + data-surface="Surface", paints --Background.'}),t.jsxs(_B,{theme:"Primary",surface:"Surface",padding:"32px",style:{borderRadius:8},children:[t.jsx(FB,{title:"Primary-Light surface",component:"Section"}),t.jsx(Ja,{children:"Body text picks up --Text automatically."}),t.jsx(Xa,{color:"quiet",children:"Quiet text picks up --Text-Quiet."}),t.jsx("div",{style:{marginTop:12},children:t.jsx(zp,{variant:"primary",children:"Primary button"})})]}),t.jsx(Pa,{style:{marginTop:32,marginBottom:12},children:"Container surface"}),t.jsxs(_B,{surface:"Container",padding:"32px",style:{borderRadius:8},children:[t.jsx(Pa,{children:"Container surface (inherits theme)"}),t.jsx(Ja,{children:"Useful for card-like regions."})]}),t.jsx(Pa,{style:{marginTop:32,marginBottom:12},children:"Different element"}),t.jsxs(Xa,{color:"quiet",style:{marginBottom:16,display:"block"},children:["Pass ",t.jsx("code",{children:'as="article"'}),", ",t.jsx("code",{children:'as="footer"'}),", etc."]}),t.jsxs(_B,{as:"article",theme:"Neutral",surface:"Surface-Dimmest",padding:"32px",style:{borderRadius:8},children:[t.jsx(Pa,{children:"Neutral / Surface-Dimmest article"}),t.jsx(Ja,{children:"Renders as an <article> element."})]})]})},exports.Select=vm,exports.SelectShowcase=function(){const[r,i]=e.useState("outline"),[o,n]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("top"),[u,h]=e.useState("Fruit"),[x,m]=e.useState(!1),[p,f]=e.useState(!1),[g,b]=e.useState(!0),[v,y]=e.useState(!1),[j,S]=e.useState("Search"),[z,B]=e.useState(""),[w,k]=e.useState("Default"),[C,T]=e.useState("Surface"),[M,A]=e.useState(!1),[L,I]=e.useState(!0);return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Select",component:"Select"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:w,onThemeChange:k,surface:C,onSurfaceChange:T})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Select",theme:w,surface:C})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:w,surface:C,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:360},children:t.jsx(vm,{variant:r,color:o,size:l,label:u,labelPosition:c,mode:M?"color":void 0,showColorLabels:M?L:void 0,options:M?cS:sS,value:z,onChange:B,showDividers:x,disabled:p,fullWidth:g,startDecoration:v?(()=>{const e=da[j]||da.Search;return t.jsx(am,{size:"small",children:t.jsx(e,{})})})():void 0})})}),t.jsx(Bf,{code:(()=>{const e=[];return"outline"!==r&&e.push('variant="'+r+'"'),"default"!==o&&e.push('color="'+o+'"'),"medium"!==l&&e.push('size="'+l+'"'),u&&e.push('label="'+u+'"'),"top"!==c&&e.push('labelPosition="'+c+'"'),M&&e.push('mode="color"'),M&&!L&&e.push("showColorLabels={false}"),x&&e.push("showDividers"),p&&e.push("disabled"),g&&e.push("fullWidth"),v&&e.push("startDecoration={<Icon><"+j+"Icon /></Icon>}"),e.push("options={options}"),e.push("value={value}"),e.push("onChange={setValue}"),"<Select\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["outline","light"].map(e=>t.jsx(dS,{label:nS(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:lS.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(uS,{color:e,selected:o===e,onClick:n},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(dS,{label:nS(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["top","floating","none"].map(e=>t.jsx(dS,{label:"none"===e?"None":nS(e),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Start Icon"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Icon rendered before the value"})]}),t.jsx(Pf,{checked:v,onChange:e=>y(e.target.checked),size:"small","aria-label":"Start icon"})]}),v&&t.jsxs(a.Box,{sx:{mt:2},children:[t.jsx(Ug,{label:"Icon Name",value:j,onChange:e=>S(e.target.value),placeholder:"Search",variant:"primary-outline",size:"small",fullWidth:!0}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:4},children:[t.jsx("a",{href:"https://mui.com/material-ui/material-icons/",target:"_blank",rel:"noopener noreferrer",style:{color:"var(--Hotlink)"},children:"Material icon"})," name (e.g. Search, Add, Edit, Filter, Sort, Star)"]})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Dividers"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Lines between options"})]}),t.jsx(Pf,{checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Show dividers"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Disabled"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Pf,{checked:p,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Color Mode"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Render swatches alongside each option. Swatch size scales to Select height, radius follows the brand's button radius."})]}),t.jsx(Pf,{checked:M,onChange:e=>A(e.target.checked),size:"small","aria-label":"Color mode"})]}),M&&t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Show Color Labels"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Hide to render a swatch-only trigger (no text). Useful for compact color pickers."})]}),t.jsx(Pf,{checked:L,onChange:e=>I(e.target.checked),size:"small","aria-label":"Show color labels"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Full Width"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container width"})]}),t.jsx(Pf,{checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Trigger",value:'role="combobox" aria-expanded="true|false" aria-haspopup="listbox"'},{label:"Dropdown",value:'role="listbox" aria-label="..."'},{label:"Options",value:'role="option" aria-selected="true|false"'},{label:"Label",value:"aria-label from label prop. Always provide a label."},{label:"Keyboard",value:"Enter/Space opens. Escape closes. Arrow keys when open."},{label:"Focus",value:"outline: 2px solid var(--Focus-Visible); outline-offset: 2px (on outer shell)"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Select"})})]})]})},exports.SelectableCard=e=>t.jsx(Jf,{clickable:!0,selected:e.selected,...e}),exports.SettingsPanel=function(){const{isDark:r,toggleDarkMode:i}=bv(),o=r?"dark":"light",n=e=>{"dark"===e!==r&&i();try{localStorage.setItem("themeMode",e)}catch{}},[l,s]=e.useState(!1),[d,u]=e.useState("desktop");e.useEffect(()=>{const e=localStorage.getItem("dino-platform")||"desktop";u(e),ok(e)},[]);const h=e=>{u(e),localStorage.setItem("dino-platform",e),ok(e)};return t.jsxs(t.Fragment,{children:[t.jsx(a.Box,{onClick:()=>s(!0),role:"button","aria-label":"Open settings",sx:{position:"fixed",bottom:24,right:24,width:52,height:52,borderRadius:"50%",backgroundColor:"var(--Buttons-Tertiary-Button)",color:"var(--Buttons-Tertiary-Text)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",boxShadow:"0 4px 12px rgba(0,0,0,0.15)",zIndex:999,transition:"transform 0.15s ease, box-shadow 0.15s ease","&:hover":{transform:"scale(1.08)",boxShadow:"0 6px 16px rgba(0,0,0,0.2)"}},children:t.jsx(c.Settings,{sx:{fontSize:24}})}),t.jsx(zv,{anchor:"right",open:l,onClose:()=>s(!1),hideBackdrop:!0,size:"small",sx:{width:320,zIndex:99999999},children:t.jsxs(a.Box,{sx:{p:3,height:"100%",display:"flex",flexDirection:"column"},children:[t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2},children:[t.jsx(Oa,{children:"Settings"}),t.jsx(zp,{iconOnly:!0,variant:"ghost",size:"small",onClick:()=>s(!1),"aria-label":"Close settings",children:t.jsx(c.Close,{fontSize:"small"})})]}),t.jsx(a.Divider,{sx:{mb:3,borderColor:"var(--Border)"}}),t.jsx(a.Box,{sx:{flex:1,overflowY:"auto"},children:t.jsxs(a.Stack,{spacing:4,children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text)",opacity:.85,display:"block",marginBottom:12,fontWeight:600},children:"MODE"}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(zp,{variant:"light"===o?"primary":"primary-outline",size:"small",onClick:()=>n("light"),sx:{flex:1},children:"Light"}),t.jsx(zp,{variant:"dark"===o?"primary":"primary-outline",size:"small",onClick:()=>n("dark"),sx:{flex:1},children:"Dark"})]})]}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text)",opacity:.85,display:"block",marginBottom:12,fontWeight:600},children:"PLATFORM"}),t.jsx(a.Stack,{spacing:1,children:rk.map(({value:e,label:r,note:i})=>{const o=d===e;return t.jsxs(a.Box,{onClick:()=>h(e),sx:{p:1.5,borderRadius:"var(--Style-Border-Radius)",cursor:"pointer",border:o?"2px solid var(--Buttons-Primary-Button)":"1px solid var(--Border)",backgroundColor:o?"var(--Background)":"transparent",display:"flex",justifyContent:"space-between",alignItems:"center",transition:"all 0.15s ease","&:hover":{backgroundColor:"var(--Hover)"}},children:[t.jsxs(a.Box,{children:[t.jsx(Xa,{style:{color:o?"var(--Buttons-Primary-Button)":"var(--Text)",fontWeight:o?600:400},children:r}),t.jsx(at,{style:{color:"var(--Text)",opacity:.7},children:i})]}),o&&t.jsx(a.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"var(--Buttons-Primary-Button)",flexShrink:0}})]},e)})})]})]})}),t.jsx(a.Divider,{sx:{my:3,borderColor:"var(--Border)"}}),t.jsx(zp,{variant:"primary-outline",size:"small",onClick:()=>{h("desktop"),n("light")},sx:{width:"100%"},children:"Reset to Defaults"})]})})]})},exports.Sidebar=pS,exports.SkeletonCard=function({lines:e=3,showImage:r=!0,sx:i={},...o}){return t.jsx(a.Paper,{sx:{p:2,backgroundColor:"var(--Container)",...i},...o,children:t.jsxs(a.Stack,{spacing:2,children:[r&&t.jsx(a.Skeleton,{variant:"rectangular",height:200,sx:{backgroundColor:"var(--Container-Low)",borderRadius:1}}),t.jsx(a.Stack,{spacing:1,children:Array.from({length:e}).map((e,r)=>t.jsx(a.Skeleton,{variant:"text",height:0===r?24:16,sx:{backgroundColor:"var(--Container-Low)"}},r))})]})})},exports.SkeletonLoader=function({rows:e=3,height:r=100,spacing:i=2,sx:o={},...n}){return t.jsx(a.Stack,{spacing:i,sx:{...o},...n,children:Array.from({length:e}).map((e,i)=>t.jsx(a.Skeleton,{variant:"rectangular",height:r,sx:{backgroundColor:"var(--Container-Low)",borderRadius:"8px"}},i))})},exports.Slider=rb,exports.SliderInput=rb,exports.Snackbar=bS,exports.SnackbarShowcase=function(){const[r,i]=e.useState("light"),[o,n]=e.useState("info"),[l,s]=e.useState("medium"),[c,d]=e.useState("bottom"),[u,h]=e.useState(!0),[x,m]=e.useState(!0),[p,f]=e.useState(!1),[g,b]=e.useState("Default"),[v,y]=e.useState("Surface"),j=u&&jS[o]?t.jsx(am,{size:"small",sx:{color:"inherit"},children:jS[o]}):void 0;return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Snackbar",component:"Snackbar"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:g,onThemeChange:b,surface:v,onSurfaceChange:y})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Snackbar",theme:g,surface:v})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:g,surface:v,children:t.jsx(zp,{variant:"default",onClick:()=>f(!0),children:"Show Snackbar"})}),t.jsx(Bf,{code:(()=>{const e=["open={open}"];return e.push('variant="'+r+'"'),"info"!==o&&e.push('color="'+o+'"'),"medium"!==l&&e.push('size="'+l+'"'),"bottom"!==c&&e.push('anchor="top"'),x&&e.push("onClose={handleClose}"),u&&jS[o]&&e.push("startDecorator={<Icon><"+vS(o)+"Icon /></Icon>}"),"<Snackbar\n  "+e.join("\n  ")+"\n>\n  Operation completed successfully.\n</Snackbar>"})(),language:"JSX",wrap:!0,sx:{mt:2}}),t.jsx(bS,{open:p,onClose:x?()=>f(!1):void 0,variant:r,color:o,size:l,anchor:c,autoHideDuration:4e3,startDecorator:j,children:"Operation completed successfully."})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["solid","light"].map(e=>t.jsx(SS,{label:vS(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:yS.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(zS,{color:e,selected:o===e,onClick:n},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(SS,{label:vS(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ANCHOR"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["top","bottom"].map(e=>t.jsx(SS,{label:vS(e),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Show Icon"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Start decorator icon"})]}),t.jsx(Pf,{variant:"default-outline",checked:u,onChange:e=>h(e.target.checked),size:"small","aria-label":"Show icon"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Close Button"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show dismiss button"})]}),t.jsx(Pf,{variant:"default-outline",checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Close button"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="alert" aria-live="polite" aria-atomic="true"'},{label:"Close",value:'Button with aria-label="Close notification"'},{label:"Keyboard",value:"Escape closes. Auto-hides after duration."},{label:"Hover",value:"Pauses auto-hide timer on mouse enter"},{label:"Border",value:"var(--Buttons-{Color}-Border) on outer shell"},{label:"Shadow",value:"var(--Effect-Level-3)"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Snackbar"})})]})]})},exports.SolidTreeView=e=>t.jsx(Ly,{variant:"solid",...e}),exports.SpaceBetweenStack=e=>t.jsx(Fb,{direction:"row",alignItems:"center",justifyContent:"space-between",...e}),exports.Spacing=function(){const e=({name:e,varName:r,baseValue:i})=>t.jsx(a.Box,{sx:{mb:2},children:t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:2,mb:1},children:[t.jsx(a.Box,{"aria-hidden":"true",sx:{width:`var(${r})`,minWidth:20,height:24,backgroundColor:"var(--Buttons-Primary-Button)",borderRadius:.5,border:"1px solid var(--Border)"}}),t.jsxs(a.Stack,{spacing:.5,children:[t.jsx(a.Typography,{variant:"subtitle2",sx:{fontWeight:600},children:e}),t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:r}),t.jsxs(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:["Base: ",i," (with cognitive multiplier)"]})]})]})}),r=({name:e,varName:r,value:i})=>t.jsxs(a.Box,{sx:{mb:2},children:[t.jsx(a.Box,{"aria-hidden":"true",sx:{width:100,height:i,backgroundColor:"var(--Buttons-Primary-Button)",borderRadius:1,border:"1px solid var(--Border)",mb:1}}),t.jsx(a.Typography,{variant:"subtitle2",sx:{fontWeight:600},children:e}),t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block"},children:r}),t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:i})]});return t.jsxs(a.Stack,{spacing:3,sx:{p:2},children:[t.jsxs("section",{children:[t.jsx(a.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Spacing Scale"}),t.jsx(a.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Spacing values are multiplied by the cognitive multiplier for accessibility. Each spacing value includes a visual reference and text label for clarity."}),t.jsx(a.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(a=>t.jsx(e,{name:a.name,varName:a.var,baseValue:a.baseValue},a.var))})]}),t.jsxs("section",{children:[t.jsx(a.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Sizing Scale"}),t.jsx(a.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Fixed sizing values for components and layouts. Each size is labeled with its CSS variable and pixel value."}),t.jsx(a.Grid,{container:!0,spacing:3,children:[{name:"Quarter",var:"--Sizing-Quarter",value:"2px"},{name:"Half",var:"--Sizing-Half",value:"4px"},{name:"1-and-Half",var:"--Sizing-1-and-Half",value:"12px"},{name:"1",var:"--Sizing-1",value:"8px"},{name:"2",var:"--Sizing-2",value:"16px"},{name:"3",var:"--Sizing-3",value:"24px"},{name:"4",var:"--Sizing-4",value:"32px"},{name:"5",var:"--Sizing-5",value:"40px"},{name:"6",var:"--Sizing-6",value:"48px"},{name:"7",var:"--Sizing-7",value:"56px"},{name:"8",var:"--Sizing-8",value:"64px"},{name:"9",var:"--Sizing-9",value:"72px"},{name:"10",var:"--Sizing-10",value:"80px"},{name:"11",var:"--Sizing-11",value:"88px"},{name:"12",var:"--Sizing-12",value:"96px"},{name:"13",var:"--Sizing-13",value:"104px"},{name:"14",var:"--Sizing-14",value:"112px"},{name:"15",var:"--Sizing-15",value:"160px"},{name:"16",var:"--Sizing-16",value:"240px"},{name:"17",var:"--Sizing-17",value:"320px"},{name:"18",var:"--Sizing-18",value:"480px"}].map(e=>t.jsx(a.Grid,{item:!0,xs:12,sm:6,md:4,lg:3,children:t.jsx(r,{name:e.name,varName:e.var,value:e.value})},e.var))})]}),t.jsxs("section",{children:[t.jsx(a.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Negative Sizing"}),t.jsx(a.Typography,{variant:"body2",sx:{mb:3,color:"var(--Text-Secondary)"},children:"Negative values for margins and offsets. Use these to reduce or remove default spacing when needed."}),t.jsx(a.Grid,{container:!0,spacing:3,children:[{name:"Negative-Quarter",var:"--Sizing-Negative-Quarter",value:"-2px"},{name:"Negative-Half",var:"--Sizing-Negative-Half",value:"-4px"},{name:"Negative-1-and-Half",var:"--Sizing-Negative-1-and-Half",value:"-12px"},{name:"Negative-1",var:"--Sizing-Negative-1",value:"-8px"}].map(e=>t.jsx(a.Grid,{item:!0,xs:12,sm:6,md:4,lg:3,children:t.jsxs(a.Box,{children:[t.jsx(a.Typography,{variant:"subtitle2",sx:{fontWeight:600},children:e.name}),t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block"},children:e.var}),t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:e.value})]})},e.var))})]}),t.jsxs("section",{style:{paddingTop:24,borderTop:"1px solid var(--Border)"},children:[t.jsx(a.Typography,{variant:"h5",component:"h2",sx:{mb:2,fontWeight:700},children:"Container Padding"}),t.jsxs(a.Box,{sx:{p:"var(--Spacing-3)",backgroundColor:"var(--Container-Low)",border:"2px dashed var(--Buttons-Primary-Button)",borderRadius:1},children:[t.jsxs(a.Typography,{variant:"body2",children:["Default container padding: ",t.jsx("strong",{children:"var(--Spacing-3)"})," = 24px"]}),t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",display:"block",mt:1},children:"Use this variable for consistent padding around main content areas."})]})]}),t.jsxs("section",{style:{paddingTop:24,borderTop:"1px solid var(--Border)"},children:[t.jsx(a.Typography,{variant:"h5",component:"h2",sx:{mb:3,fontWeight:700},children:"Practical Examples"}),t.jsxs("article",{children:[t.jsx(a.Typography,{variant:"h6",component:"h3",sx:{mb:2,fontWeight:600},children:"Padding Examples"}),t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",mb:2,display:"block"},children:"Different padding values create different visual breathing room."}),t.jsx(a.Grid,{container:!0,spacing:2,sx:{mb:4},children:["var(--Spacing-1)","var(--Spacing-2)","var(--Spacing-3)","var(--Spacing-4)"].map(e=>t.jsx(a.Grid,{item:!0,xs:12,sm:6,children:t.jsxs(a.Box,{sx:{p:e,backgroundColor:"var(--Container)",border:"1px solid var(--Border)",borderRadius:1},children:[t.jsxs(a.Typography,{variant:"subtitle2",children:["Padding: ",e]}),t.jsx(a.Typography,{variant:"caption",sx:{display:"block",mt:1,color:"var(--Text-Secondary)"},children:"Content with spacing applied"})]})},e))})]}),t.jsxs("article",{children:[t.jsx(a.Typography,{variant:"h6",component:"h3",sx:{mb:2,fontWeight:600},children:"Gap Examples"}),t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)",mb:2,display:"block"},children:"Gap controls spacing between flex/grid children without adding extra elements."}),t.jsx(a.Stack,{spacing:3,children:["var(--Spacing-1)","var(--Spacing-2)","var(--Spacing-3)"].map(e=>t.jsxs(a.Box,{children:[t.jsx(a.Stack,{direction:"row",spacing:e,sx:{mb:1},children:[1,2,3].map(e=>t.jsx(a.Box,{"aria-hidden":"true",sx:{width:60,height:60,backgroundColor:"var(--Buttons-Primary-Button)",borderRadius:1,flexShrink:0}},e))}),t.jsxs(a.Typography,{variant:"caption",sx:{color:"var(--Text-Secondary)"},children:["Gap: ",e]})]},e))})]})]}),t.jsxs(a.Box,{role:"note",sx:{p:2,backgroundColor:"var(--Container-Low)",borderRadius:1,borderLeft:"4px solid var(--Buttons-Primary-Button)",mt:3},children:[t.jsx(a.Typography,{variant:"subtitle2",sx:{fontWeight:600,mb:1},children:"✓ Accessibility Best Practices Used"}),t.jsxs("ul",{style:{margin:"0.5rem 0",paddingLeft:"1.5rem"},children:[t.jsx("li",{children:t.jsxs(a.Typography,{variant:"caption",children:[t.jsx("strong",{children:'aria-hidden="true"'})," on purely decorative visual elements"]})}),t.jsx("li",{children:t.jsx(a.Typography,{variant:"caption",children:"All spacing information conveyed through text labels and values"})}),t.jsx("li",{children:t.jsxs(a.Typography,{variant:"caption",children:["No empty decorative ",t.jsx("code",{children:"<div>"})," elements in DOM"]})}),t.jsx("li",{children:t.jsxs(a.Typography,{variant:"caption",children:["Semantic HTML: ",t.jsx("code",{children:"<section>"})," and ",t.jsx("code",{children:"<article>"})," for structure"]})}),t.jsx("li",{children:t.jsx(a.Typography,{variant:"caption",children:"CSS-based spacing (padding/margin) for actual layout, not decorative divs"})}),t.jsx("li",{children:t.jsx(a.Typography,{variant:"caption",children:"Full keyboard navigation and screen reader support"})})]})]})]})},exports.SpeedDial=ew,exports.SpeedDialShowcase=function(){const[r,i]=e.useState("solid"),[o,n]=e.useState("default"),[l,s]=e.useState("up"),[c,d]=e.useState(!0),[u,h]=e.useState("Default"),[x,m]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Speed Dial",component:"SpeedDial"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:u,onThemeChange:h,surface:x,onSurfaceChange:m})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"SpeedDial",theme:u,surface:x})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:u,surface:x,sx:{minHeight:300,alignItems:"flex-end",justifyContent:"center"},children:t.jsx(ew,{variant:r,color:o,direction:l,showTooltips:c,actions:rw,ariaLabel:"Quick actions"})}),t.jsx(Bf,{code:(()=>{const e=[];return"solid"!==r&&e.push('variant="'+r+'"'),"default"!==o&&e.push('color="'+o+'"'),"up"!==l&&e.push('direction="'+l+'"'),c||e.push("showTooltips={false}"),e.push("actions={actions}"),e.push('ariaLabel="Quick actions"'),"<SpeedDial\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["solid","outline"].map(e=>t.jsx(iw,{label:aw(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:tw.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(ow,{color:e,selected:o===e,onClick:n},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DIRECTION"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["up","down","left","right"].map(e=>t.jsx(iw,{label:aw(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Tooltips"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show labels beside actions"})]}),t.jsx(Pf,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Show tooltips"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"FAB",value:'aria-expanded, aria-haspopup="menu", aria-label'},{label:"Actions",value:'role="menu" container, role="menuitem" on each action'},{label:"Labels",value:"aria-label on each action from name prop"},{label:"Keyboard",value:"Escape closes. Click outside closes."},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: 2px"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"SpeedDial"})})]})]})},exports.Stack=Eb,exports.StackDivider=e=>t.jsx(a.Box,{sx:{borderBottom:"1px solid var(--Border)",width:"100%"},...e}),exports.StackShowcase=function(){const[r,i]=e.useState("Default"),[o,n]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Stack",component:"Stack"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:r,onThemeChange:i,surface:o,onSurfaceChange:n})}),t.jsx(Ja,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:32,maxWidth:640},children:"OmniStack is a layout primitive built on MUI Stack with one intelligent addition: it automatically enforces a minimum gap between children when it detects small (24px) interactive components — protecting WCAG 2.5.8 compliance without any extra developer effort."}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Why it matters"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"API"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Stack",theme:r,surface:o})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Box,{sx:{pt:3,display:"flex",flexDirection:"column",gap:4},children:[t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[t.jsx(Pa,{children:"The problem"}),t.jsx(Ja,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:"WCAG 2.5.8 requires that small interactive targets (24px) have enough surrounding space that they don’t overlap adjacent targets. Every layout library leaves this entirely to the developer — meaning it’s silently violated constantly."}),t.jsx(Ub,{leftLabel:"Plain MUI Stack — gap too small",rightLabel:"OmniStack — gap auto-enforced",leftPasses:!1,rightPasses:!0,leftContent:t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"column",gap:"4px"},children:[t.jsx(It,{href:"#",size:"small",children:"Terms of Service"}),t.jsx(It,{href:"#",size:"small",children:"Privacy Policy"}),t.jsx(It,{href:"#",size:"small",children:"Cookie Settings"})]}),rightContent:t.jsxs(Fb,{gap:.5,children:[t.jsx(It,{href:"#",size:"small",children:"Terms of Service"}),t.jsx(It,{href:"#",size:"small",children:"Privacy Policy"}),t.jsx(It,{href:"#",size:"small",children:"Cookie Settings"})]}),leftCode:'<Stack gap={0.5}>\n  <Link size="small">Terms of Service</Link>\n  <Link size="small">Privacy Policy</Link>\n  <Link size="small">Cookie Settings</Link>\n</Stack>\n// ⚠ gap=4px — targets overlap',rightCode:'<OmniStack gap={0.5}>\n  <Link size="small">Terms of Service</Link>\n  <Link size="small">Privacy Policy</Link>\n  <Link size="small">Cookie Settings</Link>\n</OmniStack>\n// ✓ small child detected → gap enforced'})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[t.jsx(Pa,{children:"Mixed component sizes"}),t.jsx(Ja,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:"One small child is enough to trigger enforcement for the whole stack — the most common case is a normal button paired with a small cancel link."}),t.jsx(Ub,{leftLabel:"Without enforcement",rightLabel:"With enforcement",leftPasses:!1,rightPasses:!0,leftContent:t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"column",gap:"2px"},children:[t.jsx(zp,{variant:"primary",size:"medium",children:"Save changes"}),t.jsx(It,{href:"#",size:"small",children:"Or discard"})]}),rightContent:t.jsxs(Fb,{gap:.25,children:[t.jsx(zp,{variant:"primary",size:"medium",children:"Save changes"}),t.jsx(It,{href:"#",size:"small",children:"Or discard"})]}),leftCode:'<Stack gap={0.25}>\n  <Button size="medium">Save changes</Button>\n  <Link size="small">Or discard</Link>\n</Stack>\n// ⚠ Link is 24px — gap too tight',rightCode:'<OmniStack gap={0.25}>\n  <Button size="medium">Save changes</Button>\n  <Link size="small">Or discard</Link>\n</OmniStack>\n// ✓ Link detected → gap enforced'})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[t.jsx(Pa,{children:"How detection works"}),t.jsx(Ja,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:"OmniStack inspects children at render time using a priority-ordered signal chain. Any one signal is enough to trigger enforcement."}),t.jsx(a.Box,{sx:{display:"flex",flexDirection:"column"},children:[{signal:'size="small" prop',example:'<Link size="small" />'},{signal:'data-size="small"',example:'<div data-size="small" />'},{signal:"height={24}",example:"<Box height={24} />"},{signal:"minHeight={24}",example:"<Box minHeight={24} />"},{signal:"sx.minHeight: 24",example:"<Box sx={{ minHeight: 24 }} />"},{signal:"Known component name",example:"Link, Chip, Badge, Caption…"}].map(({signal:e,example:r},i,o)=>t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:2,py:1.5,borderBottom:i<o.length-1?"1px solid var(--Border)":"none"},children:[t.jsx(a.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"var(--Primary-Color-10)",flexShrink:0}}),t.jsx(Xa,{style:{flex:"0 0 200px"},children:e}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[t.jsx(Pa,{children:"Token-driven minimum"}),t.jsx(Ja,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:"The minimum gap is a CSS custom property, not a hardcoded value — so it respects your brand spacing scale and responds to theme changes without re-rendering."}),t.jsx(Qb,{code:":root {\n  --min-stack-gap: 8px; /* Set in your theme.css */\n}\n\n/* OmniStack substitutes the variable, not the value: */\ngap: var(--min-stack-gap, 8px);\n\n/* Dark mode, brand overrides, and media queries\n   all work automatically — no re-render needed. */"})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)"},children:[t.jsx(Pa,{children:"Auditable opt-out"}),t.jsxs(Ja,{style:{color:"var(--Text-Quiet)",marginTop:8,marginBottom:16},children:["Use ",t.jsx("code",{children:"enforceMinGap={false}"})," to opt out. This creates a searchable pattern accessibility audits can grep for — a conscious waiver, not a silent violation."]}),t.jsx(Qb,{code:'<OmniStack gap={0.5} enforceMinGap={false}>\n  {/* Explicitly waived — auditors can grep:\n      enforceMinGap={false}\n      to find all waivers in the codebase. */}\n  <Link size="small">Terms</Link>\n  <Link size="small">Privacy</Link>\n</OmniStack>'})]})]})}),t.jsx(Jp,{value:2,children:t.jsx(Xb,{})}),t.jsx(Jp,{value:3,children:t.jsxs(a.Box,{sx:{pt:3},children:[t.jsx(Pa,{children:"OmniStack props"}),t.jsx(Ja,{style:{color:"var(--Text-Quiet)",marginTop:4,marginBottom:16},children:"All standard MUI Stack props are supported. These are OmniStack additions:"}),t.jsx(a.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",mb:4},children:[{prop:"enforceMinGap",type:"boolean",default:"true",desc:"Enable/disable smart gap enforcement."},{prop:"minGapToken",type:"string",default:'"--min-stack-gap"',desc:"CSS variable name for the minimum gap value."},{prop:"gap",type:"number|string",default:"undefined",desc:"Desired gap. Enforced against minGapToken when small children detected."},{prop:"direction",type:"string|object",default:'"column"',desc:"Stack direction. Supports responsive breakpoint objects."},{prop:"flexWrap",type:"string",default:"undefined",desc:'"wrap" | "nowrap" | "wrap-reverse"'},{prop:"divider",type:"ReactNode",default:"undefined",desc:"Element rendered between each child."}].map(({prop:e,type:r,default:i,desc:o},n,l)=>t.jsxs(a.Box,{sx:{display:"grid",gridTemplateColumns:"160px 160px 1fr",gap:2,px:2,py:1.5,alignItems:"start",borderBottom:n<l.length-1?"1px solid var(--Border)":"none",backgroundColor:n%2==0?"transparent":"var(--Surface-Dim, var(--Surface))"},children:[t.jsx(at,{style:{fontFamily:"monospace",color:"var(--Primary-Color-10)",fontWeight:600},children:e}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r}),t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text)"},children:o}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:2},children:["Default: ",i]})]})]},e))}),t.jsx(Pa,{children:"Convenience exports"}),t.jsx(a.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",mb:4},children:[{name:"Stack",desc:"Alias for OmniStack — drop-in MUI Stack replacement"},{name:"HStack",desc:'direction="row" alignItems="center"'},{name:"VStack",desc:'direction="column"'},{name:"CenteredStack",desc:'direction="column" alignItems="center" justifyContent="center"'},{name:"SpaceBetweenStack",desc:'direction="row" justifyContent="space-between"'},{name:"WrapStack",desc:'direction="row" flexWrap="wrap"'},{name:"ResponsiveStack",desc:"column on xs, row on sm+ (breakpoint configurable)"},{name:"GridStack",desc:"Alias for WrapStack"},{name:"InsetStack",desc:"OmniStack with px: 2 horizontal padding"},{name:"ScrollStack",desc:"OmniStack with overflowY: auto"}].map(({name:e,desc:r},i,o)=>t.jsxs(a.Box,{sx:{display:"grid",gridTemplateColumns:"200px 1fr",gap:2,px:2,py:1.5,borderBottom:i<o.length-1?"1px solid var(--Border)":"none",backgroundColor:i%2==0?"transparent":"var(--Surface-Dim, var(--Surface))"},children:[t.jsx(at,{style:{fontFamily:"monospace",color:"var(--Primary-Color-10)",fontWeight:600},children:e}),t.jsx(at,{style:{color:"var(--Text-Quiet)"},children:r})]},e))}),t.jsx(Pa,{children:"Debug attributes"}),t.jsx(Qb,{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"]\')'})]})}),t.jsx(Jp,{value:4,children:t.jsx(NB,{component:"Stack"})})]})]})},exports.StateMessage=kS,exports.Step=IS,exports.Stepper=LS,exports.StepperShowcase=function(){const[r,i]=e.useState("default"),[o,n]=e.useState("medium"),[l,s]=e.useState("horizontal"),[c,d]=e.useState(4),[u,h]=e.useState(1),[x,m]=e.useState(!1),[p,f]=e.useState(!1),[g,b]=e.useState("Default"),[v,y]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Stepper",component:"Stepper"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:g,onThemeChange:b,surface:v,onSurfaceChange:y})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Stepper",theme:g,surface:v})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:g,surface:v,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:"vertical"===l?300:"100%"},children:t.jsx(LS,{color:r,size:o,orientation:l,activeStep:u,clickable:x,onStepClick:x?h:void 0,dashedIncomplete:p,children:DS.slice(0,c).map(e=>t.jsx(IS,{label:e},e))})})}),t.jsx(Bf,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==o&&e.push('size="'+o+'"'),"horizontal"!==l&&e.push('orientation="vertical"'),e.push("activeStep={"+u+"}"),x&&e.push("clickable onStepClick={setActiveStep}"),p&&e.push("dashedIncomplete"),"<Stepper "+e.join(" ")+">\n"+DS.slice(0,c).map(e=>'  <Step label="'+e+'" />').join("\n")+"\n</Stepper>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STEPS"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:[2,3,4,5,6].map(e=>t.jsx(WS,{label:String(e),selected:c===e,onClick:()=>{d(e),u>=e&&h(e-1)}},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ACTIVE STEP"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:DS.slice(0,c).map((e,a)=>t.jsx(WS,{label:String(a+1),selected:u===a,onClick:()=>h(a)},a))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:RS.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(FS,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(WS,{label:NS(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ORIENTATION"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["horizontal","vertical"].map(e=>t.jsx(WS,{label:NS(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Clickable"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Steps are interactive buttons"})]}),t.jsx(Pf,{variant:"default-outline",checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Clickable"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Dashed Incomplete"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Dashed connector for future steps"})]}),t.jsx(Pf,{variant:"default-outline",checked:p,onChange:e=>f(e.target.checked),size:"small","aria-label":"Dashed incomplete"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Container",value:'<ol role="list" aria-label="Progress">'},{label:"Steps",value:"<li> elements with step state classes"},{label:"Active",value:'aria-current="step" on the active indicator'},{label:"Clickable",value:'role="button" aria-label="Go to step N" with tabIndex'},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: 2px"},{label:"Connectors",value:'aria-hidden="true" — decorative only'}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Stepper"})})]})]})},exports.Subtitle=qa,exports.Subtitle1=Ga,exports.Subtitle2=Ua,exports.SubtitleLarge=Va,exports.SubtitleMedium=e=>t.jsx(Wa,{textStyle:"subtitle",...e}),exports.SubtitleSmall=Qa,exports.SuccessTag=e=>t.jsx(Zy,{color:"success",...e}),exports.SuccessToggleButtonGroup=kz,exports.Surfaced=function({surface:e,as:a="div",children:r,className:i,style:o,...n}){return t.jsx(a,{"data-surface":e,className:i,style:o,...n,children:r})},exports.Swatch=ES,exports.Switch=Hf,exports.SwitchInput=Hf,exports.TAG_COLORS=Yy,exports.TAG_COLOR_TOKEN_MAP=Jy,exports.Tab=Yp,exports.TabList=Xp,exports.TabPanel=Jp,exports.Table=QS,exports.Tabs=Up,exports.TabsShowcase=function(){const[r,i]=e.useState("standard"),[o,n]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("horizontal"),[u,h]=e.useState("Default"),[x,m]=e.useState("Surface"),[p,f]=e.useState(!1),g="standard"===r?yb:jb;return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Tabs",component:"Tabs"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:u,onThemeChange:h,surface:x,onSurfaceChange:m})}),t.jsxs(a.Grid,{container:!0,sx:{mt:2,alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:u,surface:x,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:"vertical"===c?500:"100%",display:"flex",flexDirection:"vertical"===c?"row":"column"},children:t.jsxs(Up,{defaultValue:0,variant:r,color:o,size:l,orientation:c,children:[t.jsxs(Xp,{rounded:p,children:[t.jsx(Yp,{children:"Overview"}),t.jsx(Yp,{children:"Features"}),t.jsx(Yp,{children:"Pricing"})]}),t.jsx(Jp,{value:0,children:t.jsx(a.Box,{sx:{p:2},children:t.jsx(Ja,{style:{color:"var(--Quiet)"},children:"Overview content goes here."})})}),t.jsx(Jp,{value:1,children:t.jsx(a.Box,{sx:{p:2},children:t.jsx(Ja,{style:{color:"var(--Quiet)"},children:"Features content goes here."})})}),t.jsx(Jp,{value:2,children:t.jsx(a.Box,{sx:{p:2},children:t.jsx(Ja,{style:{color:"var(--Quiet)"},children:"Pricing content goes here."})})})]})})}),t.jsx(Bf,{code:(()=>{const e=[];return"standard"!==r&&e.push('variant="'+r+'"'),"default"!==o&&e.push('color="'+o+'"'),"medium"!==l&&e.push('size="'+l+'"'),"horizontal"!==c&&e.push('orientation="vertical"'),"<Tabs defaultValue={0}"+(e.length?" "+e.join(" "):"")+">\n  <TabList"+(p?" rounded":"")+">\n    <Tab>Overview</Tab>\n    <Tab>Features</Tab>\n    <Tab>Pricing</Tab>\n  </TabList>\n  <TabPanel value={0}>Overview content</TabPanel>\n  <TabPanel value={1}>Features content</TabPanel>\n  <TabPanel value={2}>Pricing content</TabPanel>\n</Tabs>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,alignSelf:"flex-start",minWidth:0,overflow:"hidden"},children:t.jsx(a.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"})]}),t.jsx(Jp,{value:0,children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsx(a.Box,{sx:{mb:3}}),t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["standard","solid","light","dark"].map(e=>t.jsx(Sb,{label:vb("standard"===e?"default":e),selected:r===e,onClick:()=>(e=>{i(e),"standard"!==e&&"default"===o&&n("primary")})(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:g.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(zb,{color:e,selected:o===e,onClick:n},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["small","medium","large"].map(e=>t.jsx(Sb,{label:vb(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ORIENTATION"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["horizontal","vertical"].map(e=>t.jsx(Sb,{label:vb(e),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SHAPE"}),t.jsx(Pf,{label:"Rounded corners",checked:p,onChange:e=>f(e.target.checked)}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:["Off by default. When on, the TabList applies"," ",t.jsx("code",{children:"var(--Style-Border-Radius)"})," and clips the active tab's background to fit the rounded shell (",t.jsx("code",{children:"overflow: hidden"})," is always on)."]})]})]})}),t.jsxs(Jp,{value:1,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"TabList",value:'role="tablist" aria-orientation'},{label:"Tab",value:'role="tab" aria-selected aria-controls={panelId}'},{label:"TabPanel",value:'role="tabpanel" aria-labelledby={tabId}'},{label:"Keyboard",value:"Arrow keys navigate tabs. Home/End jump to first/last."},{label:"Focus",value:"outline: 3px solid var(--Focus-Visible); outline-offset: -3px"},{label:"Indicator",value:"Standard: var(--Buttons-{C}-Border). Themed: var(--Text)."}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]})]})})})]})]})},exports.Tag=Zy,exports.TagShowcase=function(){const[r,i]=e.useState("primary"),[o,n]=e.useState("New"),[l,s]=e.useState(!1),[c,d]=e.useState("Default"),[u,h]=e.useState("Surface"),[x,m]=e.useState({}),p=Jy[r]||"Primary";return e.useEffect(()=>{m({tagText:zt("--Tag-"+p+"-Text"),tagBg:zt("--Tag-"+p+"-BG"),pageBg:zt("--Background")})},[r,p]),t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Tag",component:"Tag"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:c,onThemeChange:d,surface:u,onSurfaceChange:h})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Tag",theme:c,surface:u})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:c,surface:u,children:t.jsxs(a.Box,{sx:{width:"100%",maxWidth:480},children:[t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",gap:2,mb:3},children:t.jsx(Zy,{color:r,allCaps:l,children:o})}),t.jsx(a.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:Yy.map(e=>t.jsx(Zy,{color:e,allCaps:l,children:Jy[e]},e))})]})}),t.jsx(Bf,{code:(()=>{const e=[];"primary"!==r&&e.push('color="'+r+'"'),l&&e.push("allCaps");return"<Tag"+(e.length?" "+e.join(" "):"")+">"+o+"</Tag>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:$y.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(ej,{color:e,selected:r===e,onClick:i},e))})]},e.label))}),t.jsxs(at,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:["bg: var(--Tag-",p,"-BG) · text: var(--Tag-",p,"-Text)"]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL TEXT"}),t.jsx(a.Box,{component:"input",type:"text",value:o,onChange:e=>n(e.target.value),placeholder:"Tag label…",sx:{width:"100%",height:"40px",px:"12px",backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",color:"var(--Text)",fontSize:"14px",fontFamily:"inherit",outline:"none",boxSizing:"border-box","&:focus":{borderColor:"var(--Buttons-Default-Border)"},"&::placeholder":{color:"var(--Text-Quiet)"}}})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(Xa,{children:"All caps"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"text-transform: uppercase"})]}),t.jsx(Pf,{checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"All caps"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(Xa,{color:"quiet",style:{marginBottom:24},children:['color="',r,'" — var(--Tag-',p,"-BG) / var(--Tag-",p,"-Text)"]}),t.jsxs(a.Stack,{spacing:3,children:[t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),t.jsx(Xa,{color:"quiet",style:{marginBottom:16},children:"Tag text must have 4.5:1 contrast against the tag background. Tags are 24px tall — text is considered small text."}),t.jsx(_y,{label:"var(--Tag-"+p+"-Text) vs. var(--Tag-"+p+"-BG)",ratio:St(x.tagText,x.tagBg),threshold:4.5,note:"Tag text on tag background for "+r+" color"}),t.jsx(_y,{label:"var(--Tag-"+p+"-BG) vs. var(--Background)",ratio:St(x.tagBg,x.pageBg),threshold:3,note:"Tag background against page background (non-text contrast, WCAG 1.4.11)"})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Touch Target (WCAG 2.5.8)"}),t.jsx(Xa,{color:"quiet",style:{marginBottom:16},children:"Tags are non-interactive display elements — they do not require a touch target. If used inside a clickable parent (e.g. a card or row), the parent element must meet touch target requirements."}),t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(Xa,{style:{color:"var(--Text)"},children:"Tag height — 24px"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive. No touch target requirement on the Tag itself."})]})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Element",value:"<span> — inline, non-interactive"},{label:"Role",value:"None — presentational label"},{label:"Screen reader",value:"Text content is read as inline text"},{label:"Color alone",value:"Never rely on color alone — always include text label"},{label:"All caps",value:"Uses text-transform: uppercase — screen readers read the original casing"},{label:"WCAG 1.4.1",value:"Text content ensures color-blind accessibility"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"All Colors"}),t.jsx(Xa,{color:"quiet",style:{marginBottom:16},children:"Visual overview of all tag colors in the current theme."}),t.jsx(a.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:Yy.map(e=>t.jsx(Zy,{color:e,allCaps:l,children:Jy[e]},e))})]})]})]})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Tag"})})]})]})},exports.TertiaryTag=e=>t.jsx(Zy,{color:"tertiary",...e}),exports.TertiaryToggleButtonGroup=Sz,exports.TextArea=function({error:e=!1,errorMessage:a="",rows:r=4,fullWidth:i=!0,...o}){return t.jsx(Ug,{multiline:!0,rows:r,fullWidth:i,...e&&{validation:"error",validationMessage:a},...o})},exports.TextField=GS,exports.TextFieldGroup=function({fields:e=[],spacing:r=2,sx:i={},...o}){return t.jsx(a.Box,{sx:{display:"flex",flexDirection:"column",gap:`var(--Spacing-${r})`,width:"100%",...i},...o,children:e.map(e=>t.jsx(GS,{...e},e.id))})},exports.TextInput=Ug,exports.ThemedZone=function({theme:e,surface:a,as:r="div",children:i,className:o,style:n,...l}){return t.jsx(r,{"data-theme":e,"data-surface":a,className:o,style:n,...l,children:i})},exports.ToggleButton=function({children:e,selected:r=!1,onChange:i,value:o,sx:n={},...l}){return t.jsx(a.ToggleButton,{value:o,selected:r,onChange:i,sx:{border:"1px solid var(--Border)",...JB,...n},...l,children:e})},exports.ToggleButtonGroup=gz,exports.Toolbar=XS,exports.ToolbarShowcase=function(){const[r,i]=e.useState("floating"),[o,n]=e.useState("default"),[l,s]=e.useState("horizontal"),[c,d]=e.useState(!1),[u,h]=e.useState("Default"),[x,m]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Toolbar",component:"Toolbar"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:u,onThemeChange:h,surface:x,onSurfaceChange:m})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"Toolbar",theme:u,surface:x})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{theme:u,surface:x,sx:{minHeight:200},children:t.jsx(XS,{items:JS,type:r,color:o,orientation:l,fab:c&&"floating"===r?{icon:t.jsx(ye,{}),label:"Create",onClick:()=>{}}:void 0})}),t.jsx(Bf,{code:(()=>{const e=["items={items}"];return"floating"!==r&&e.push('type="contextual"'),"default"!==o&&e.push('color="'+o+'"'),"horizontal"!==l&&e.push('orientation="vertical"'),c&&e.push('fab={{ icon: <AddIcon />, label: "Create", onClick: handleCreate }}'),e.push("value={selected}"),e.push("onChange={setSelected}"),"<Toolbar\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["floating","contextual"].map(e=>t.jsx(ZS,{label:YS(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:["default","primary","primary-light","white","black"].map(e=>t.jsx(ZS,{label:YS(e),selected:o===e,onClick:()=>n(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ORIENTATION"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["horizontal","vertical"].map(e=>t.jsx(ZS,{label:YS(e),selected:l===e,onClick:()=>s(e)},e))})]}),"floating"===r&&t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"FAB Button"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Add FAB to the right of toolbar"})]}),t.jsx(Pf,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"FAB button"})]})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsx(a.Stack,{spacing:3,children:t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="toolbar" aria-orientation aria-label'},{label:"Items",value:'role="radio" aria-checked on each icon button'},{label:"Selection",value:"Toggle — click selected again to deselect"},{label:"Focus",value:"Uses Button component focus styles"},{label:"Floating",value:"borderRadius 56px, padding 16px, Effect-Level-2 shadow"},{label:"Contextual",value:"Standard border-radius, padding 8px, no shadow"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"Toolbar"})})]})]})},exports.Tooltip=az,exports.TreeBranch=function({label:e,icon:r,level:i=0,toggle:o="none",onToggle:n,disabled:l=!1,size:s="small",className:c="",sx:d={},children:u,...h}){const x=6===i&&"none"!==o?"none":o,m="on"===x,p="none"!==x,f=p?tz[i]||{padLeft:0,togglePadLeft:0}:rz[i]||rz[0],g={paddingTop:"8px",paddingRight:"8px",paddingBottom:"8px",paddingLeft:(f.padLeft??8)+"px"};return t.jsxs(a.Box,{className:"tree-branch tree-branch-"+s+" tree-branch-level-"+i+" tree-branch-toggle-"+x+(l?" tree-branch-disabled":"")+(c?" "+c:""),sx:{width:"100%",...d},...h,children:[t.jsxs(a.Box,{component:"button",type:"button",role:"treeitem","aria-expanded":p?m:void 0,"aria-disabled":l||void 0,tabIndex:l?-1:0,onClick:e=>{l||p&&(e.stopPropagation(),n?.(m?"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?"var(--Disabled, 0.38)":1,outline:"none",transition:"background-color 0.15s ease, color 0.15s ease","&:hover":l?{}:{backgroundColor:"var(--Hover)"},"&:active":l?{}:{backgroundColor:"var(--Pressed)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-2px"}},children:[p&&t.jsx(a.Box,{className:"tree-branch-toggle",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,paddingLeft:(f.togglePadLeft??0)+"px"},children:t.jsx(a.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",transition:"transform 0.2s ease",transform:m?"rotate(-90deg)":"rotate(0deg)"},children:t.jsx(am,{size:"small",children:t.jsx(we,{})})})}),t.jsxs(a.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:[r&&t.jsx(a.Box,{sx:{display:"inline-flex",alignItems:"center",flexShrink:0},children:t.jsx(am,{size:"small",children:r})}),null!=e&&t.jsx(Ya,{style:{color:"inherit",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block",flex:1,minWidth:0},children:e})]})]}),m&&u&&t.jsx(a.Box,{role:"group",sx:{display:"flex",flexDirection:"column"},children:u})]})},exports.TreeViewShowcase=function(){const[r,i]=e.useState("solid"),[o,n]=e.useState("primary"),[l,s]=e.useState("default"),[c,d]=e.useState("slide"),[u,h]=e.useState("single"),[x,m]=e.useState(!1),[p,f]=e.useState(!1),[g,b]=e.useState(!1),[v,y]=e.useState(Iy),[j,S]=e.useState("Default"),[z,B]=e.useState("Surface"),[w,k]=e.useState({}),C=e.useRef(null),T=iz(o),M=g?lz:v,A=e.useCallback((e,a)=>e&&getComputedStyle(e).getPropertyValue(a).trim()||null,[]);return e.useEffect(()=>{const e=setTimeout(()=>{const e=C.current;k({text:A(e,"--Text"),textQuiet:A(e,"--Text-Quiet"),background:A(e,"--Background"),border:A(e,"--Border"),focusVisible:A(e,"--Focus-Visible"),activeBtn:A(e,"--Buttons-"+T+"-Button"),activeBorder:A(e,"--Buttons-"+T+"-Border")})},50);return()=>clearTimeout(e)},[o,j,A,T]),t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(FB,{title:"Tree View",component:"TreeView"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Sm,{theme:j,onThemeChange:S,surface:z,onSurfaceChange:B})}),t.jsxs(Up,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(Xp,{children:[t.jsx(Yp,{children:"Summary"}),t.jsx(Yp,{children:"Playground"}),t.jsx(Yp,{children:"Accessibility"}),t.jsx(Yp,{children:"Change Log"})]}),t.jsx(Jp,{value:0,children:t.jsx(IB,{component:"TreeView",theme:j,surface:z})}),t.jsx(Jp,{value:1,children:t.jsxs(a.Grid,{container:!0,sx:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsxs(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"55%"},flexShrink:0,pr:{md:3}},children:[t.jsx(Of,{ref:C,theme:j,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:360},children:t.jsx(Ly,{color:o,variant:r,density:l,animation:c,selectionMode:u,checkboxSelection:x,disableSelection:p,items:M,defaultExpandedItems:["1","1-1","2"]})})}),t.jsx(Bf,{code:(()=>{const e=["<OmniTreeView"];return"default"!==o&&e.push('  color="'+o+'"'),"default"!==r&&e.push('  variant="'+r+'"'),"default"!==l&&e.push('  density="'+l+'"'),"slide"!==c&&e.push('  animation="'+c+'"'),"single"!==u&&e.push('  selectionMode="'+u+'"'),x&&e.push("  checkboxSelection"),p&&e.push("  disableSelection"),e.push("  items={treeData}"),e.push("/>"),e.join("\n")})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(a.Box,{children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(uz,{label:"Solid",selected:"solid"===r,onClick:()=>i("solid")}),t.jsx(uz,{label:"Light",selected:"light"===r,onClick:()=>i("light")})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:oz.map(e=>t.jsxs(a.Box,{children:[t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4,fontWeight:600},children:e.label}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:e.colors.map(e=>t.jsx(hz,{color:e,selected:o===e,onClick:n},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DENSITY"}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(uz,{label:"Compact",selected:"compact"===l,onClick:()=>s("compact")}),t.jsx(uz,{label:"Default",selected:"default"===l,onClick:()=>s("default")})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ANIMATION"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["none","slide","spring"].map(e=>t.jsx(uz,{label:iz(e),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SELECTION MODE"}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(uz,{label:"Single",selected:"single"===u,onClick:()=>h("single")}),t.jsx(uz,{label:"Multi",selected:"multi"===u,onClick:()=>h("multi")})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ot,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),t.jsxs(a.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Show Icons"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Load sample data with icons and badges"})]}),t.jsx(Pf,{checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Show icons"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Checkbox Selection"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show checkboxes for each item"})]}),t.jsx(Pf,{checked:x,onChange:e=>m(e.target.checked),size:"small","aria-label":"Checkbox selection"})]}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(it,{children:"Disable Selection"}),t.jsx(at,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Items are not selectable"})]}),t.jsx(Pf,{checked:p,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disable selection"})]})]}),!g&&t.jsx(a.Box,{sx:{mt:3},children:t.jsx(xz,{value:sz,onChange:y})})]})})]})}),t.jsxs(Jp,{value:2,children:[t.jsx(wt,{}),t.jsx(a.Box,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:3,children:[t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),t.jsx(dz,{label:"Resting: var(--Text-Quiet) vs. background",ratio:St(w.textQuiet,w.background),threshold:4.5,note:"Unselected items use Text-Quiet"}),t.jsx(dz,{label:"Hover: var(--Text) vs. background",ratio:St(w.text,w.background),threshold:4.5,note:"Hovered items use var(--Text)"}),t.jsx(dz,{label:"Active (solid): var(--Text) vs. var(--Buttons-"+T+"-Button)",ratio:St(w.text,w.activeBtn),threshold:4.5,note:"Selected item with solid fill"})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"Focus Indicator (WCAG 2.4.11 — 3:1)"}),t.jsx(dz,{label:"var(--Focus-Visible) vs. background",ratio:St(w.focusVisible,w.background),threshold:3,note:"outline: 2px solid var(--Focus-Visible); outline-offset: -2px"})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Oa,{children:"ARIA and Semantics"}),t.jsx(a.Stack,{spacing:0,children:[{label:"Role",value:'role="tree" on root, role="treeitem" on each node'},{label:"Expansion",value:'aria-expanded="true/false" on parent items'},{label:"Selection",value:"aria-selected on selected items"},{label:"Disabled",value:'aria-disabled="true" on disabled items'},{label:"Icons",value:"Icon elements are aria-hidden — label carries the accessible name"},{label:"Keyboard",value:"Arrow keys navigate, Enter/Space selects, * expands all siblings"}].map(({label:e,value:r})=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsxs(Xa,{children:[e,":"]}),t.jsx(at,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})]})})]}),t.jsx(Jp,{value:3,children:t.jsx(NB,{component:"TreeView"})})]})]})},exports.Typography=Wa,exports.URLTextField=function({label:e="Website",placeholder:a="https://example.com",...r}){return t.jsx(GS,{label:e,type:"url",placeholder:a,...r})},exports.VStack=Hb,exports.WarningTag=e=>t.jsx(Zy,{color:"warning",...e}),exports.WarningToggleButtonGroup=Cz,exports.WrapStack=Ob,exports.chartGeometry=bk,exports.componentDocsIndexUrl=function(e,a=jB){return`${a.replace(/\/+$/,"")}/docs/${encodeURIComponent(e)}`},exports.componentDocsUrl=function(e,a,t=jB){return`${t.replace(/\/+$/,"")}/docs/${encodeURIComponent(e)}/${SB(a)}`},exports.default={},exports.docsSlug=SB,exports.ghostBlockSx=xa,exports.hasExample=mB,exports.renderColorSystem=Ak,exports.renderColourSystem=Ak,exports.renderComponentDoc=function(e,a=""){const t=[`## ${e.name}`,"",e.summary,""];if(e.insteadUse.length&&(t.push("### Reach for something else when",""),t.push(...e.insteadUse.map(e=>`- ${e.when} → \`${e.use}\``)),t.push("")),e.props.length){t.push("### Props",""),t.push(...Ik(["Prop","Type","Values","Default"],e.props.map(e=>[`\`${e.name}\``,e.type,e.values?.length?e.values.map(e=>`\`${e}\``).join(" · "):"—",`\`${e.default}\``])));const a=e.props.filter(e=>e.note);a.length&&(t.push(""),t.push(...a.map(e=>`- \`${e.name}\` — ${e.note}`))),t.push("")}if(e.states.length){t.push("### States",""),t.push(...Ik(["State","Set by"],e.states.map(e=>[e.state,"interaction"===e.setBy?"interaction — not a prop":e.setBy])));const a=e.states.filter(e=>e.note);a.length&&(t.push(""),t.push(...a.map(e=>`- ${e.state} — ${e.note}`))),t.push("")}e.theming.length&&(t.push("### Theming",""),t.push(...Ik(["Collection","In code","In Figma"],e.theming.map(e=>["—"===e.collection?"—":`**${e.collection}**`,e.inCode,e.inFigma]))),e.themingNotes?.length&&(t.push(""),t.push(...e.themingNotes.map(e=>`- ${e}`))),t.push("")),e.tokens.length&&(t.push("### Tokens it reads",""),t.push(...Ik(["Token","Sets","Varies with","Figma variable"],e.tokens.map(e=>[`\`${e.name}\``,e.sets,e.variesWith,"—"===e.figma?"—":`\`${e.figma}\``]))),t.push("")),t.push(...Nk("Composition",e.composition)),t.push(...Nk("Accessibility",e.accessibility)),t.push(...Nk("Gotchas",e.gotchas));const r=a;return r.length&&t.push(...r,""),t.join("\n").replace(/\n{3,}/g,"\n\n").trimEnd()+"\n"},exports.renderFoundations=function(){const e=["# Foundations",""];for(const a of PB)e.push(`## ${a.title}`,"",`*${a.lede}*`,""),e.push(...a.body.map(e=>e+"\n")),a.table&&(e.push(`| ${a.table.head.join(" | ")} |`),e.push(`| ${a.table.head.map(()=>"---").join(" | ")} |`),e.push(...a.table.rows.map(e=>`| ${e.join(" | ")} |`)),e.push("")),a.trap&&e.push(`> **Trap.** ${a.trap}`,"");return e.join("\n").replace(/\n{3,}/g,"\n\n").trimEnd()+"\n"},exports.useGhost=ha,exports.useOmniDesign=bv,exports.useStepperContext=AS,exports.useTabsContext=Gp;
 //# sourceMappingURL=index.js.map