@omni-design/components 0.14.11 → 0.14.13

package/dist/index.js

@@ -16,5 +16,5 @@
 object-assign
 (c) Sindre Sorhus
 @license MIT
-*/function Mf(){if(ff)return xf;ff=1;var e=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;return xf=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 n,o,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 n=Object(arguments[s]))a.call(n,c)&&(l[c]=n[c]);if(e){o=e(n);for(var d=0;d<o.length;d++)t.call(n,o[d])&&(l[o[d]]=n[o[d]])}}return l},xf}function Af(){if(bf)return gf;bf=1;return gf="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function Lf(){return yf?vf:(yf=1,vf=Function.call.bind(Object.prototype.hasOwnProperty))}if("production"!==process.env.NODE_ENV){var If=Tf();df.exports=function(){if(wf)return zf;wf=1;var e=Tf(),a=Mf(),t=Af(),r=Lf(),i=function(){if(Sf)return jf;Sf=1;var e=function(){};if("production"!==process.env.NODE_ENV){var a=Af(),t={},r=Lf();e=function(e){var a="Warning: "+e;"undefined"!=typeof console&&console.error(a);try{throw new Error(a)}catch(e){}}}function i(i,n,o,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 h=Error((l||"React class")+": "+o+" 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 h.name="Invariant Violation",h}d=i[c](n,c,l,o,null,a)}catch(e){d=e}if(!d||d instanceof Error||e((l||"React class")+": type specification of "+o+" `"+c+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof d+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),d instanceof Error&&!(d.message in t)){t[d.message]=!0;var u=s?s():"";e("Failed "+o+" type: "+d.message+(null!=u?u:""))}}}return i.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(t={})},jf=i}(),n=function(){};function o(){return null}return"production"!==process.env.NODE_ENV&&(n=function(e){var a="Warning: "+e;"undefined"!=typeof console&&console.error(a);try{throw new Error(a)}catch(e){}}),zf=function(l,s){var c="function"==typeof Symbol&&Symbol.iterator,d="<<anonymous>>",h={array:x("array"),bigint:x("bigint"),bool:x("boolean"),func:x("function"),number:x("number"),object:x("object"),string:x("string"),symbol:x("symbol"),any:p(o),arrayOf:function(e){return p(function(a,r,i,n,o){if("function"!=typeof e)return new m("Property `"+o+"` of component `"+i+"` has invalid PropType notation inside arrayOf.");var l=a[r];if(!Array.isArray(l))return new m("Invalid "+n+" `"+o+"` of type `"+b(l)+"` supplied to `"+i+"`, expected an array.");for(var s=0;s<l.length;s++){var c=e(l,s,i,n,o+"["+s+"]",t);if(c instanceof Error)return c}return null})},element:p(function(e,a,t,r,i){var n=e[a];return l(n)?null:new m("Invalid "+r+" `"+i+"` of type `"+b(n)+"` supplied to `"+t+"`, expected a single ReactElement.")}),elementType:p(function(a,t,r,i,n){var o=a[t];return e.isValidElementType(o)?null:new m("Invalid "+i+" `"+n+"` of type `"+b(o)+"` supplied to `"+r+"`, expected a single ReactElement type.")}),instanceOf:function(e){return p(function(a,t,r,i,n){if(!(a[t]instanceof e)){var o=e.name||d;return new m("Invalid "+i+" `"+n+"` of type `"+((l=a[t]).constructor&&l.constructor.name?l.constructor.name:d)+"` supplied to `"+r+"`, expected instance of `"+o+"`.")}var l;return null})},node:p(function(e,a,t,r,i){return g(e[a])?null:new m("Invalid "+r+" `"+i+"` supplied to `"+t+"`, expected a ReactNode.")}),objectOf:function(e){return p(function(a,i,n,o,l){if("function"!=typeof e)return new m("Property `"+l+"` of component `"+n+"` has invalid PropType notation inside objectOf.");var s=a[i],c=b(s);if("object"!==c)return new m("Invalid "+o+" `"+l+"` of type `"+c+"` supplied to `"+n+"`, expected an object.");for(var d in s)if(r(s,d)){var h=e(s,d,n,o,l+"."+d,t);if(h instanceof Error)return h}return null})},oneOf:function(e){return Array.isArray(e)?p(function(a,t,r,i,n){for(var o=a[t],l=0;l<e.length;l++)if(u(o,e[l]))return null;var s=JSON.stringify(e,function(e,a){return"symbol"===v(a)?String(a):a});return new m("Invalid "+i+" `"+n+"` of value `"+String(o)+"` supplied to `"+r+"`, expected one of "+s+".")}):("production"!==process.env.NODE_ENV&&n(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),o)},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&n("Invalid argument supplied to oneOfType, expected an instance of array."),o;for(var a=0;a<e.length;a++){var i=e[a];if("function"!=typeof i)return n("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+y(i)+" at index "+a+"."),o}return p(function(a,i,n,o,l){for(var s=[],c=0;c<e.length;c++){var d=(0,e[c])(a,i,n,o,l,t);if(null==d)return null;d.data&&r(d.data,"expectedType")&&s.push(d.data.expectedType)}return new m("Invalid "+o+" `"+l+"` supplied to `"+n+"`"+(s.length>0?", expected one of type ["+s.join(", ")+"]":"")+".")})},shape:function(e){return p(function(a,r,i,n,o){var l=a[r],s=b(l);if("object"!==s)return new m("Invalid "+n+" `"+o+"` of type `"+s+"` supplied to `"+i+"`, expected `object`.");for(var c in e){var d=e[c];if("function"!=typeof d)return f(i,n,o,c,v(d));var h=d(l,c,i,n,o+"."+c,t);if(h)return h}return null})},exact:function(e){return p(function(i,n,o,l,s){var c=i[n],d=b(c);if("object"!==d)return new m("Invalid "+l+" `"+s+"` of type `"+d+"` supplied to `"+o+"`, expected `object`.");var h=a({},i[n],e);for(var u in h){var p=e[u];if(r(e,u)&&"function"!=typeof p)return f(o,l,s,u,v(p));if(!p)return new m("Invalid "+l+" `"+s+"` key `"+u+"` supplied to `"+o+"`.\nBad object: "+JSON.stringify(i[n],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var x=p(c,u,o,l,s+"."+u,t);if(x)return x}return null})}};function u(e,a){return e===a?0!==e||1/e==1/a:e!=e&&a!=a}function m(e,a){this.message=e,this.data=a&&"object"==typeof a?a:{},this.stack=""}function p(e){if("production"!==process.env.NODE_ENV)var a={},r=0;function i(i,o,l,c,h,u,p){if(c=c||d,u=u||l,p!==t){if(s){var x=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 x.name="Invariant Violation",x}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var f=c+":"+l;!a[f]&&r<3&&(n("You are manually calling a React.PropTypes validation function for the `"+u+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),a[f]=!0,r++)}}return null==o[l]?i?null===o[l]?new m("The "+h+" `"+u+"` is marked as required in `"+c+"`, but its value is `null`."):new m("The "+h+" `"+u+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(o,l,c,h,u)}var o=i.bind(null,!1);return o.isRequired=i.bind(null,!0),o}function x(e){return p(function(a,t,r,i,n,o){var l=a[t];return b(l)!==e?new m("Invalid "+i+" `"+n+"` of type `"+v(l)+"` supplied to `"+r+"`, expected `"+e+"`.",{expectedType:e}):null})}function f(e,a,t,r,i){return new m((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 m.prototype=Error.prototype,h.checkPropTypes=i,h.resetWarningCache=i.resetWarningCache,h.PropTypes=h,h},zf}()(If.isElement,!0)}else df.exports=function(){if(kf)return Bf;kf=1;var e=Af();function a(){}function t(){}return t.resetWarningCache=a,Bf=function(){function r(a,t,r,i,n,o){if(o!==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 n={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 n.PropTypes=n,n}}()();var Nf=sf(df.exports);function Rf({code:r,label:i="Copy code"}){const[o,s]=e.useState(!1);return t.jsx(a.Tooltip,{title:o?"Copied!":i,children:t.jsx(Dx,{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":o?"Copied":i,sx:{color:o?"var(--Icons-Success, var(--Text))":"var(--Quiet)"},children:o?t.jsx(n,{fontSize:"small"}):t.jsx(l,{fontSize:"small"})})})}Rf.propTypes={code:Nf.string.isRequired,label:Nf.string};function Ff({code:e="",language:r="JSX",showCopy:i=!0,showHeader:n=!0,maxHeight:o,wrap:l=!1,sx:s={},...c}){const d=n&&i&&!!e,h=!n&&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:[n&&(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(ht,{color:"quiet",children:r}),d?t.jsx(Rf,{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:o},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})}),h?t.jsx(Rf,{code:e}):null]})]})}Ff.propTypes={code:Nf.string,language:Nf.string,showCopy:Nf.bool,showHeader:Nf.bool,maxHeight:Nf.oneOfType([Nf.number,Nf.string]),wrap:Nf.bool,sx:Nf.object};const Df=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Wf=["primary","secondary","tertiary","neutral","info","success","warning","error"];function Pf({ratio:e,threshold:r}){if(!e)return t.jsx(ht,{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(ht,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function Hf({label:e,ratio:r,threshold:i,note:n}){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(rt,{style:{color:"var(--Text)"},children:e}),n&&t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),t.jsx(Pf,{ratio:r,threshold:i})]})}function Of({color:e,selected:r,onClick:i}){const o=Df(e);return t.jsx(a.Tooltip,{title:o,arrow:!0,children:t.jsx(a.Box,{onClick:()=>i(e),role:"button","aria-label":"Select "+o+" color","aria-pressed":r,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:24,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})})}function Ef({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 Vf={small:{pad:"12px",fontSize:"13px",iconSize:"18px",gap:"8px",text:"body-small",title:"body-small-semibold"},medium:{pad:"var(--Sizing-2, 16px)",fontSize:"14px",iconSize:"20px",gap:"10px",text:"body",title:"body-semibold"},large:{pad:"20px",fontSize:"16px",iconSize:"22px",gap:"12px",text:"body-large",title:"body-large-semibold"}},qf="var(--Sizing-1, 8px)";function Gf({children:e,title:r,variant:i="light",surface:n,color:o="info",size:l="medium",startDecorator:s,endDecorator:c,className:d="",sx:h={},...u}){const m=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===o?"Default":o),p=Vf[l]||Vf.medium,x="default"===o?"Default":m,f=n||("light"===i?"Surface-Brightest":"Surface"),g="var(--Buttons-"+m+"-Border)",b=(e,a)=>"string"==typeof e?t.jsx(Qa,{textStyle:p.text,color:"inherit",className:a,children:e}):e,v=s&&t.jsx(a.Box,{className:"alert-start-decorator",sx:{display:"inline-flex",alignItems:"center",fontSize:p.iconSize,lineHeight:1,flexShrink:0,...r?{}:{mt:"2px"}},children:s}),y=c&&t.jsx(a.Box,{className:"alert-end-decorator",sx:{display:"inline-flex",alignItems:r?"center":"flex-start",flexShrink:0,gap:p.gap,...r?{}:{paddingTop:"2px"}},children:c}),j=r?t.jsxs(t.Fragment,{children:[t.jsxs(a.Box,{className:"alert-header",sx:{display:"flex",alignItems:"center",gap:p.gap},children:[v,t.jsx(a.Box,{className:"alert-title",sx:{flex:1,minWidth:0},children:"string"==typeof r?t.jsx(Qa,{textStyle:p.title,color:"inherit",children:r}):r}),y]}),null!=e&&t.jsx(a.Box,{className:"alert-message",children:b(e)})]}):t.jsxs(t.Fragment,{children:[v,t.jsx(a.Box,{className:"alert-message",sx:{flex:1,minWidth:0},children:b(e)}),y]});return t.jsx(a.Box,{role:"alert",className:"alert alert-"+i+" alert-"+l+" alert-"+o+" "+d,sx:{border:"1px solid "+g,borderRadius:qf,overflow:"hidden",boxShadow:gp,...h},...u,children:t.jsx(a.Box,{"data-theme":x,"data-surface":f,className:"alert-inner",sx:{display:"flex",flexDirection:r?"column":"row",alignItems:r?"stretch":"flex-start",gap:p.gap,padding:p.pad,fontSize:p.fontSize,fontFamily:"inherit",lineHeight:1.5,borderRadius:"calc("+qf+" - 1px)","&[data-theme][data-surface]":{color:"var(--Text-Match, var(--Text))",backgroundColor:"color-mix(in srgb, var(--Background) 75.3%, transparent)"}},children:j})})}const Qf=["default","primary","secondary","tertiary","neutral","info","success","warning","error"];function Uf(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 Yf=/-light$/,Xf=new Set;const Jf={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 Zf({variant:e="default",size:r="medium",checked:i,defaultChecked:n,onChange:o,disabled:l=!1,label:s,labelPlacement:c="end",name:d,value:h,icon:u,iconOn:m,iconOff:p,className:x="",sx:f={},"aria-label":g,"aria-labelledby":b,...v}){const y=function(){const e={};return Qf.forEach(a=>{e[a]=Uf(a),e[a+"-outline"]=Uf(a)}),e.default={type:"themed",trackOff:"var(--Background)",trackOffBorder:"var(--Quiet)",trackOn:"var(--Icons-Primary)",trackOnBorder:"var(--Icons-Primary)",dotOff:"var(--Quiet)",dotOn:"var(--Icons-On-Primary)",iconOff:"var(--Background)",iconOn:"var(--Icons-Primary)"},e["default-outline"]={type:"themed",trackOff:"var(--Background)",trackOffBorder:"var(--Quiet)",trackOn:"var(--Icons-Primary)",trackOnBorder:"var(--Icons-Primary)",dotOff:"var(--Quiet)",dotOn:"var(--Icons-On-Primary)",iconOff:"var(--Background)",iconOn:"var(--Icons-Primary)"},e.outline={type:"themed",trackOff:"var(--Background)",trackOffBorder:"var(--Quiet)",trackOn:"var(--Icons-Primary)",trackOnBorder:"var(--Icons-Primary)",dotOff:"var(--Quiet)",dotOn:"var(--Icons-On-Primary)",iconOff:"var(--Background)",iconOn:"var(--Icons-Primary)"},e}(),j=function(e){const a=String(e||"default");if("light"!==a&&!Yf.test(a))return a;const t="light"===a?"primary":a.replace(Yf,"");return"production"===process.env.NODE_ENV||Xf.has(a)||(Xf.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=Jf[r]||Jf.medium,w="small"===r?rt:nt,B=z.handle,k=Math.max(24,z.trackW),C=Math.max(24,z.trackH),T=(C-z.trackH)/2,M={width:B,height:B,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:bp},"&:active + .MuiSwitch-track":{boxShadow:gp},"&.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!==p?p:u,I=void 0!==m?m:u,N=void 0!==L||void 0!==I,R=e=>t.jsx("span",{className:"MuiSwitch-thumb",children:e}),F=t.jsx(a.Switch,{...N?{icon:R(L),checkedIcon:R(I)}:{},checked:i,defaultChecked:n,onChange:o,disabled:l,name:d,value:h,slotProps:{input:{...g?{"aria-label":g}:{},...b?{"aria-labelledby":b}:{}}},className:"switch-"+j+" "+x,sx:A,disableRipple:!0,...v});return s?t.jsx(a.FormControlLabel,{control:F,label:t.jsx(w,{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}}):F}const $f=Zf,Kf=e.forwardRef(function({theme:e=null,surface:r="Surface",children:i,minHeight:n=160,sx:o={}},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:n,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",...o},children:i})}),_f=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",eg=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],ag={info:t.jsx(m,{}),success:t.jsx(p,{}),warning:t.jsx(x,{}),error:t.jsx(f,{})};function tg({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function rg({color:e,selected:r,onClick:i}){const o=_f(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const ig={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},ng={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)"}},og=e.createContext({variant:"default",color:"primary",size:"medium",orientation:"vertical"});function lg({children:e,variant:r="solid",color:i="default",surface:n,size:o="medium",orientation:l="vertical",clickable:s=!1,selected:c=!1,elevated:d=!1,draggable:h=!1,onClick:u,disabled:m=!1,href:p,className:x="",sx:f={},...g}){const b="default"===i,v=b?"":ig[i],y=n||(b?"Container":"dark"===r?"Surface-Dimmest":"light"===r?"Surface-Brightest":"Surface"),j=ng[o]||ng.medium,S="horizontal"===l,z=!!h,w=!m&&(s||!!u||!!p||c||z),B=p?"a":"div",k=c?`var(--Buttons-${(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===i?"Default":i)}-Border)`:"var(--Buttons-Default-Border)",C=w?c?`2px solid ${k}`:"1px solid var(--Buttons-Default-Border)":"1px solid var(--Border-Variant)",T=d?bp:gp,M=d?vp:bp,A=d?gp:fp;return t.jsx(og.Provider,{value:{variant:r,color:i,size:o,orientation:l},children:t.jsx(a.Box,{component:B,href:p||void 0,onClick:w?u:void 0,role:w?"button":void 0,tabIndex:w?0:void 0,"aria-pressed":!!c||void 0,"aria-disabled":m||void 0,draggable:z||void 0,className:"card card-"+r+" card-"+o+" card-"+l+(w?" card-clickable":"")+(c?" card-selected":"")+(d?" card-elevated":"")+(z?" card-draggable":"")+" "+x,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",...m&&{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none"},...w&&!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:vp,transform:"scale(1.02)",borderWidth:"2px",borderColor:"var(--Buttons-Primary-Border)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"3px"}},...f},onKeyDown:w?e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),u?.())}: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 sg({children:r,className:i="",sx:n={},...o}){const{size:l}=e.useContext(og),s=ng[l]||ng.medium;return t.jsx(a.Box,{className:"card-content "+i,sx:{display:"flex",flexDirection:"column",gap:s.gap,flex:1,minWidth:0,...n},...o,children:r})}const cg=["default","primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],dg=e=>"Default"===e?"var(--Quiet)":"var(--Buttons-"+e+"-Border)";function hg(){const e={};return cg.forEach(a=>{e[a]=function(e){const a=wp(e);return{color:a,borderToken:dg(a),icon:"var(--Buttons-"+a+"-Border)"}}(a)}),e}const ug=/-(outline|light|solid)$/,mg=new Set;function pg(e){const a=hg();return a[function(e){const a=String(e||"default");if(!ug.test(a))return a;const t=a.replace(ug,"");return"production"===process.env.NODE_ENV||mg.has(a)||(mg.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 xg={small:{box:16,icon:12,gap:4,touchTarget:24,LabelComp:rt},medium:{box:20,icon:14,gap:8,touchTarget:24,LabelComp:nt},large:{box:24,icon:18,gap:12,touchTarget:24,LabelComp:ct}};function fg({size:e,variant:r,checked:i,indeterminate:o}){const l=pg(r),s=xg[e]||xg.medium,c=i||o,d=l.borderToken,h="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:h,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&&(o?t.jsx(g,{sx:{fontSize:s.icon,color:l.icon}}):t.jsx(n,{sx:{fontSize:s.icon,color:l.icon}}))})})}function gg({size:e,variant:a}){return t.jsx(fg,{size:e,variant:a,checked:!1,indeterminate:!1})}function bg({size:e,variant:a}){return t.jsx(fg,{size:e,variant:a,checked:!0,indeterminate:!1})}function vg({size:e,variant:a}){return t.jsx(fg,{size:e,variant:a,checked:!1,indeterminate:!0})}function yg({variant:e="primary",size:r="medium",label:i,checked:n,defaultChecked:o,indeterminate:l=!1,disabled:s=!1,onChange:c,name:d,value:h,className:u="",sx:m={},"aria-label":p,"aria-labelledby":x,"aria-describedby":f,inputProps:g={},...b}){pg(e);const v=xg[r]||xg.medium,y=v.LabelComp,j={...g,...p&&{"aria-label":p},...x&&{"aria-labelledby":x},...f&&{"aria-describedby":f}},S=t.jsx(a.Checkbox,{checked:n,defaultChecked:o,indeterminate:l,disabled:s,onChange:c,name:d,value:h,icon:t.jsx(gg,{size:r,variant:e}),checkedIcon:t.jsx(bg,{size:r,variant:e}),indeterminateIcon:t.jsx(vg,{size:r,variant:e}),className:"chk-"+e+" "+u,inputProps:j,disableRipple:!0,sx:{padding:(v.touchTarget-v.box)/2+"px",minWidth:24,minHeight:24,borderRadius:"var(--Checkbox-Radius, 4px)",color:"inherit",transition:"background-color 0.15s ease-in-out","&.Mui-checked, &.MuiCheckbox-indeterminate":{color:"inherit"},"&:hover":{backgroundColor:"transparent"},"&: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"},...m},...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 jg=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]}],Sg=["photo","icon","initials"],zg={photo:"Photo",icon:"Icon",initials:"Initials"},wg=["xx-small","x-small","small","medium","large","x-large","xx-large"],Bg={"xx-small":"XXS","x-small":"XS",small:"Small",medium:"Medium",large:"Large","x-large":"XL","xx-large":"XXL"};function kg({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Cg({color:e,selected:r,onClick:i}){const o=(l=e)?l.charAt(0).toUpperCase()+l.slice(1):"";var l;return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const Tg=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Mg={default:"Default",quiet:"Quiet",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Ag=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Lg=["filled","outlined","rounded","twotone","sharp"],Ig={filled:"Filled",outlined:"Outlined",rounded:"Rounded",twotone:"Two Tone",sharp:"Sharp"},Ng={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:he},Search:{filled:S,outlined:S,rounded:V,twotone:ee,sharp:ue},Star:{filled:z,outlined:I,rounded:q,twotone:ae,sharp:me},Person:{filled:w,outlined:N,rounded:G,twotone:te,sharp:pe},Notifications:{filled:h,outlined:R,rounded:Q,twotone:re,sharp:xe},Visibility:{filled:B,outlined:F,rounded:U,twotone:ie,sharp:fe},ShoppingCart:{filled:u,outlined:D,rounded:Y,twotone:ne,sharp:ge},Lock:{filled:k,outlined:W,rounded:X,twotone:oe,sharp:be},Info:{filled:C,outlined:m,rounded:J,twotone:le,sharp:ve}};function Rg({ratio:e,threshold:r}){if(!e)return t.jsx(ht,{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(ht,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function Fg({label:e,ratio:r,threshold:i,note:n}){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(rt,{style:{color:"var(--Text)"},children:e}),n&&t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),t.jsx(Rg,{ratio:r,threshold:i})]})}function Dg({label:e,selected:a,onClick:r}){return t.jsx(Rx,{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 Pg({children:e,icon:r,label:i,variant:n="solid",color:o="default",size:l="medium",extended:s=!1,animate:c=!1,disabled:d=!1,onClick:h,ariaLabel:u,className:m="",sx:p={},...x}){"production"!==process.env.NODE_ENV&&"solid"!==n&&console.warn('[Fab] variant="'+n+'" is not a Fab variant; rendering solid. The light variant was removed with the -Light button shades — it named tokens no design system publishes, so it rendered as an unstyled box. For a lighter FAB, put it on data-surface="Surface-Brightest".');const f=function(e){const a=wp("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)"}}(o),g=Wg[l]||Wg.medium,b=r||e||t.jsx(ye,{sx:{fontSize:g.iconSize}}),v=u||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:h,disabled:d,className:"fab fab-solid fab-"+o+" fab-"+l+(s?" fab-extended":"")+(c?" fab-animate":"")+(d?" fab-disabled":"")+(m?" "+m:""),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:`${kp(o)}, ${vp}`,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:`${kp(o)}, ${yp}`},"&:active":d?{}:{backgroundColor:f.active,transform:"scale(0.96)",boxShadow:kp(o)},"&: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"}},...p},...x,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 Hg=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Og=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Eg={default:"Tertiary",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"};function Vg({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function qg({color:e,selected:r,onClick:i}){const o=Eg[e]||"Primary";return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+Hg(e),"aria-pressed":r,title:Hg(e),sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}function Gg({value:e,onChange:r,placeholder:i,label:n}){return t.jsxs(a.Box,{children:[n&&t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4},children:n}),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 Qg=e=>e.charAt(0).toUpperCase()+e.slice(1);function Ug(e){return e&&"default"!==e&&"border-variant"!==e?"border"===e?"var(--Border)":"var(--Icons-"+Qg(e)+")":"var(--Border-Variant)"}function Yg(e,a){const t=e&&!["default","border","border-variant"].includes(e)?Qg(e):"Default",r=Ug(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 Xg={small:"var(--Sm-Divider, 0.5px)",medium:"var(--Divider, 1px)",large:"var(--Lg-Divider, 2px)"};function Jg({color:e="default",orientation:r="horizontal",size:i="small",children:n,indicatorText:o,indicatorStyle:l="outline",textAlign:s="center",className:c="",sx:d={},...h}){const u=Ug(e),m=Xg[i]||Xg.small,p=!(!n&&!o),x=n||o,f="vertical"===r;if(f&&!p)return t.jsx(a.Box,{role:"separator","aria-orientation":"vertical",className:"divider-vertical divider-"+e+" "+c,sx:{display:"inline-block",width:m,alignSelf:"stretch",minHeight:24,backgroundColor:u,flexShrink:0,...d},...h});if(f&&p){const r=Yg(e,l),i="top"===s?"0 0 10%":"1 1 auto",n="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},...h,children:[t.jsx(a.Box,{sx:{flex:i,width:m,backgroundColor:u}}),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:x}),t.jsx(a.Box,{sx:{flex:n,width:m,backgroundColor:u}})]})}if(!p)return t.jsx(a.Box,{role:"separator","aria-orientation":"horizontal",className:"divider-horizontal divider-"+e+" "+c,sx:{width:"100%",height:m,backgroundColor:u,flexShrink:0,...d},...h});const g=Yg(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},...h,children:[t.jsx(a.Box,{sx:{flex:b,height:m,backgroundColor:u}}),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:x}),t.jsx(a.Box,{sx:{flex:v,height:m,backgroundColor:u}})]})}const Zg=["primary","secondary","tertiary","neutral","info","success","warning","error"];function $g(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 Kg={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}},_g={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}},eb={small:{resting:"Body-Small",shrunk:"Label-ExtraSmall"},medium:{resting:"Body-Medium",shrunk:"Label-Small"},large:{resting:"Body-Large",shrunk:"Label-Medium"}},ab=e=>({fontSize:"var(--"+e+"-Font-Size)",fontWeight:"var(--"+e+"-Font-Weight)",letterSpacing:"var(--"+e+"-Letter-Spacing)"});const tb={info:m,success:p,warning:x,error:f},rb={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 ib({variant:r="primary-outline",size:i="medium",label:n,labelPosition:o="standard",placeholder:l,helperText:s,validation:c,validationMessage:d,disabled:h=!1,id:u,value:m,defaultValue:p,onChange:x,name:f,type:g="text",multiline:b=!1,rows:v,maxRows:y,resize:j="vertical",startAdornment:S,endAdornment:z,fullWidth:w=!1,className:B="",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 Zg.forEach(a=>{e[a+"-outline"]=$g(a)}),e.outline=$g("primary"),e}(),F=R[r]||R["primary-outline"],D="floating"===o;"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 W=D?_g[i]||_g.medium:Kg[i]||Kg.medium,P=e.useId(),H=u||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)",n=(e.iconSize||18)+8;return{labelX:a?"calc("+i+" + "+n+"px)":i,padX:i,clearance:a?n:0,restingY:Math.round((t-1.4375*r)/2),shrunkY:6}}(W,!!S),G=eb[i]||eb.medium,Q="var(--Text)",U=c?rb[c]:null,Y=c?tb[c]:null,X=U||F,J=X.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+" "+B,sx:{width:w?"100%":"auto",...k},children:[(()=>{if(!n||D)return null;const e="small"===i?rt:nt;return t.jsx(e,{component:"label",htmlFor:H,sx:{display:"block",marginBottom:"6px",color:h?"var(--Quiet)":"var(--Text)",fontSize:W.labelSize,fontWeight:500,opacity:h?"var(--Disabled, 0.38)":1},children:n})})(),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",...!h&&{"&:hover":{borderColor:X.hoverBorder},"&:active":{borderColor:X.pressedBorder}},"&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:t.jsx(a.Box,{children:t.jsx(a.TextField,{value:m,defaultValue:p,onChange:x,name:f,type:g,disabled:h,placeholder:l,id:H,multiline:b,rows:v,maxRows:y,fullWidth:!0,label:D?n: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:W.fontSize,minHeight:b?"auto":W.height,padding:0,borderRadius:0,transition:"color 0.15s ease-in-out",...D&&{alignItems:"stretch"},"& fieldset":{border:"none"},"&.Mui-focused":{color:Q},"&:not(.Mui-focused) .MuiOutlinedInput-input:not(:placeholder-shown)":{color:Q},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"},"& input":{padding:W.padding,color:"inherit","&::placeholder":{color:"var(--Quiet)",opacity:1}},"& textarea":{padding:W.padding,color:"inherit",resize:j,"&::placeholder":{color:"var(--Quiet)",opacity:1}},"& .MuiInputAdornment-root":{color:"var(--Quiet)"},...D&&{"& .MuiInputAdornment-root":{maxHeight:"none",height:"auto",alignSelf:"stretch",alignItems:"center",paddingTop:W.padTop+"px",paddingBottom:W.padBottom+"px",marginTop:0,marginBottom:0},"& .MuiInputAdornment-positionStart":{marginLeft:E,marginRight:"8px",width:W.iconSize+"px",minWidth:W.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))",...ab(G.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)",...ab(G.shrunk),color:"var(--Quiet)"},"&.Mui-focused":{color:Q},"&.Mui-disabled":{color:"var(--Quiet)",opacity:"var(--Disabled, 0.38)"}},"& .MuiOutlinedInput-notchedOutline legend":{display:"none"},"& .MuiOutlinedInput-notchedOutline":{top:0},"& .MuiOutlinedInput-root.Mui-focused":{outline:"none"},"& .MuiOutlinedInput-root:focus-within":{outline:"none"}},...N})})}),c&&d?t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:"6px",marginTop:"4px",marginLeft:"2px"},children:[Y&&t.jsx(Y,{sx:{fontSize:W.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 nb=["default","primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],ob=wp,lb={small:{box:16,dot:8,gap:4,LabelComp:rt},medium:{box:20,dot:10,gap:8,LabelComp:nt},large:{box:24,dot:12,gap:12,LabelComp:ct}};function sb({size:e,color:r,checked:i}){const n=ob(r),o=i?"var(--Buttons-"+n+"-Border)":"var(--Border)",l="var(--Buttons-"+n+"-Border)",s=lb[e]||lb.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 "+o,flexShrink:0,backgroundColor:"transparent",position:"relative",transition:"border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out"},children:i&&t.jsx(a.Box,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:s.dot,height:s.dot,borderRadius:"50%",backgroundColor:l}})})}function cb({theme:e,surface:r,color:i="default",size:n="medium",label:o,labelPlacement:l="end",checked:s,disabled:c=!1,onChange:d,name:h,value:u,className:m="",sx:p={},"aria-label":x,"aria-labelledby":f,"aria-describedby":g,inputProps:b={},...v}){const y=nb.includes(i)?i:"default",j=lb[n]||lb.medium,S=j.LabelComp,z="var(--Sizing-3, 24px)",w={...b,...x&&{"aria-label":x},...f&&{"aria-labelledby":f},...g&&{"aria-describedby":g}},B=t.jsx(a.Radio,{checked:s,disabled:c,onChange:d,name:h,value:u,icon:t.jsx(sb,{size:n,color:y,checked:!1}),checkedIcon:t.jsx(sb,{size:n,color:y,checked:!0}),"data-theme":e||void 0,"data-surface":r||void 0,className:"radio-"+y+" "+m,inputProps:w,disableRipple:!0,sx:{padding:"2px",display:"inline-flex",alignItems:"center",justifyContent:"center",minWidth:z,minHeight:z,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":{boxShadow:"0 0 0 1px var(--Background), 0 0 0 calc(1px + var(--Sizing-Half, 4px)) color-mix(in srgb, var(--Buttons-"+ob(y)+"-Border) 10%, transparent)"},"&:not(.Mui-checked):hover .radio-circle-icon":{borderColor:"var(--Buttons-"+ob(y)+"-Border)"},"&:active .radio-circle-icon":{boxShadow:"0 0 0 1px var(--Background), 0 0 0 calc(1px + var(--Sizing-1, 8px)) color-mix(in srgb, var(--Buttons-"+ob(y)+"-Border) 10%, transparent)"},"&:not(.Mui-checked):active .radio-circle-icon":{borderColor:"var(--Border)"},"&.Mui-focusVisible .radio-circle-icon":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px"},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none"},...p},...v});return o?t.jsx(a.FormControlLabel,{control:B,label:t.jsx(S,{component:"span",sx:{color:c?"var(--Text-Quiet)":"var(--Text)",lineHeight:1.4,userSelect:"none"},children:o}),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}}}):B}function db({color:r="default",size:i="medium",label:n,options:o=[],value:l,defaultValue:s,onChange:c,orientation:d="vertical",labelPlacement:h="end",disabled:u=!1,spacing:m=1,name:p,className:x="",sx:f={},"aria-label":g,"aria-labelledby":b,...v}){const y=void 0!==l,[j,S]=e.useState(s),z=y?l:j;return t.jsxs(a.FormControl,{component:"fieldset",disabled:u,className:"radio-group-"+r+" "+x,sx:f,children:[n&&t.jsx(a.FormLabel,{component:"legend",sx:{color:u?"var(--Text-Quiet)":"var(--Text)",fontSize:"small"===i?"13px":"15px",fontWeight:500,mb:1,"&.Mui-focused":{color:"var(--Text)"},"&.Mui-disabled":{color:"var(--Text-Quiet)",opacity:"var(--Disabled, 0.38)"}},children:n}),t.jsx(a.RadioGroup,{value:z??"",onChange:(e,a)=>{y||S(e?.target?.value??a),c?.(e,a)},name:p,"aria-label":g,"aria-labelledby":b,row:"horizontal"===d,sx:{display:"flex",flexDirection:"horizontal"===d?"row":"column",flexWrap:"horizontal"===d?"wrap":"nowrap",alignItems:"horizontal"===d?"center":"flex-start",gap:m},...v,children:o.map(e=>t.jsx(cb,{color:r,size:i,label:e.label,labelPlacement:h,value:e.value,disabled:e.disabled||u},e.value))})]})}const hb=cb,ub=["default","primary","secondary","tertiary","neutral","info","success","warning","error"];const mb={small:{visual:12,track:2,labelSize:11},medium:{visual:16,track:4,labelSize:12},large:{visual:20,track:6,labelSize:13}};function pb({theme:e,surface:r,variant:i="default",size:n="medium",value:o,defaultValue:l,onChange:s,onChangeCommitted:c,min:d=0,max:h=100,step:u=1,marks:m=!1,valueLabelDisplay:p="off",orientation:x="horizontal",fill:f,track:g="standard",disabled:b=!1,label:v,name:y,className:j="",sx:S={},"aria-label":z,"aria-labelledby":w,...B}){const k=function(){const e={};return ub.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=mb[n]||mb.medium,M=null===u,A=(!M||!0!==m)&&m;if("production"!==process.env.NODE_ENV&&M&&!0===m&&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===m&&u){const e=Math.floor((h-d)/u)+1;e>20&&console.warn(`[OmniDesign] <Slider marks> with step=${u} over ${d}–${h} 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"===x,I=Array.isArray(o)||Array.isArray(l),N=void 0!==f?f:g,R="inverted"===N,F=!1===N,D="small"===n?rt:nt,W=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:W,width:L?W:void 0,"& .MuiSlider-rail":{backgroundColor:P,border:H||"none",boxSizing:H?"content-box":"border-box",opacity:1,height:L?void 0:H?T.track:W,width:L?H?T.track:W:void 0,borderRadius:W/2},"& .MuiSlider-track":{boxSizing:E?"content-box":"border-box",backgroundColor:O,border:E||"none",height:L?void 0:E?T.track:W,width:L?E?T.track:W:void 0,borderRadius:W/2},"& .MuiSlider-thumb":{width:24,height:24,backgroundColor:"transparent",border:"none",boxShadow:"none",transition:"none","--_height":T.visual+"px","--_bevel":"min(calc(var(--Button-Bevel) * var(--_height) / 100), calc(var(--_height) / 5))","&::after":{display:"none"},"&::before":{content:'""',position:"absolute",width:T.visual,height:T.visual,borderRadius:"50%",backgroundColor:C.thumb,border:C.thumbBorder||"none",boxShadow:`${kp(i)}, ${gp}`,transition:"box-shadow 0.15s ease-in-out",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},"&:hover::before":{boxShadow:`${kp(i)}, ${bp}`},"&.Mui-focusVisible::before, &:focus-visible::before":{boxShadow:`${kp(i)}, ${bp}, 0 0 0 1px var(--Focus-Visible)`},"&.Mui-active::before":{boxShadow:kp(i)},"&.Mui-focusVisible":{outline:"none",borderRadius:"50%"},"&.Mui-focusVisible::before":{boxShadow:`${kp(i)}, ${bp}`}},...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:o,defaultValue:l,onChange:s,onChangeCommitted:c,min:d,max:h,step:u,marks:A,valueLabelDisplay:p,orientation:x,track:R?"inverted":!F&&"normal",disabled:b,name:y,"aria-label":z,"aria-labelledby":w,slotProps:b?{input:{"aria-disabled":"true"}}:void 0,className:"slider-"+i+" "+j,"data-theme":e||void 0,"data-surface":r||void 0,sx:V,...B});return v?t.jsxs(a.Box,{sx:{width:L?"auto":"100%",height:L?"100%":"auto",display:"flex",flexDirection:"column",gap:"4px"},children:[t.jsx(D,{component:"label",sx:{color:b?"var(--Text-Quiet)":"var(--Text)",fontSize:"small"===n?"13px":"15px",fontWeight:500,opacity:b?"var(--Disabled, 0.38)":1},children:v}),q]}):q}const xb=pb,fb=pb,gb=["Default","Primary","Secondary","Tertiary","Neutral"],bb={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}},vb=Object.keys(bb);function yb(e,a){if("custom"===e)return{...bb.Classic,name:"Custom",description:"Custom",...a||{}};const t=bb[e];return t?{...t}:{...bb.Classic}}function jb(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 Sb(e){const a=e||"Primary";return"Default"===a?"var(--Text)":"var(--Text-"+a+")"}function zb(e,a){const t=(e-90)*Math.PI/180;return{dx:Math.cos(t)*a,dy:Math.sin(t)*a}}const wb={"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 Bb({text:a="Your Brand. Perfected.",curves:r,arc:i=160,radius:n=300,direction:o="up",rotation:l=0,autoCrop:s=!0,textStyle:c="display-large",fontSize:d,fontFamily:h,fontWeight:u,letterSpacing:m,color:p="var(--Text, #1a1a1a)",bevel:x=!1,bevelTheme:f="Primary",bevelPreset:g,bevelCustom:b,className:v,style:y,...j}){const S=g?yb(g,b):null,z=S?!!S.bevel:!!x,w=wb[c]||wb["display-large"],B=h??w.fontFamily,k=d??w.fontSize,C=u??w.fontWeight,T=m??w.letterSpacing,M="number"==typeof d?d:w.pxHint,A=r&&r.length>0?r:[{arc:i,radius:n,direction:o}],{d:L,width:I,upMax:N,downMax:R,pathId:F}=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,n=0,o=0;for(const{arc:e,radius:l,direction:s}of a){const a=kb(e,1,359),c=Math.max(10,l),d=a*Math.PI/180,h=2*c*Math.sin(d/2),u=c*(1-Math.cos(d/2));t+=h,i+=" A "+c+" "+c+" 0 "+(a>180?1:0)+" "+("up"===s?1:0)+" "+t+" "+r,"up"===s?n=Math.max(n,u):o=Math.max(o,u)}return{d:i,width:t,upMax:n,downMax:o,pathId:e}},[JSON.stringify(a)])}(A),D=Math.ceil(N+M),W=Math.ceil(R+M),P=Math.ceil(M),H=Math.ceil(I+2*P),O=D+W,E=P,V=D,q=l?"rotate("+l+" "+H/2+" "+O/2+")":void 0,G=e.useRef(null),[Q,U]=e.useState(null),[Y,X]=e.useState(M);e.useEffect(()=>{if(!G.current||"undefined"==typeof ResizeObserver)return;const e=G.current,a=()=>{const a=e.getBoundingClientRect(),t=Q?Q.width:H;if(!t||!a.width)return;const r=a.width/t;X(M*r)};a();const t=new ResizeObserver(a);return t.observe(e),()=>t.disconnect()},[H,M,Q]);const J=z&&Y>=19;e.useLayoutEffect(()=>{if(!s)return void U(null);const e=G.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,n=l*Math.PI/180,o=Math.cos(n),c=Math.sin(n),d=(e,a)=>{const t=e-r,n=a-i;return{x:r+t*o-n*c,y:i+t*c+n*o}},h=[d(t.x,t.y),d(t.x+t.width,t.y),d(t.x,t.y+t.height),d(t.x+t.width,t.y+t.height)],u=Math.min(...h.map(e=>e.x)),m=Math.max(...h.map(e=>e.x)),p=Math.min(...h.map(e=>e.y)),x=Math.max(...h.map(e=>e.y)),f=.12*M,g={x:u-f,y:p-f,width:m-u+2*f,height:x-p+2*f};U(e=>e&&Math.abs(e.x-g.x)<.5&&Math.abs(e.y-g.y)<.5&&Math.abs(e.width-g.width)<.5&&Math.abs(e.height-g.height)<.5?e:g)},[s,a,JSON.stringify(A),l,M,T,B,C,z,f,g,JSON.stringify(b)]);const Z=Q?Q.x+" "+Q.y+" "+Q.width+" "+Q.height:"0 0 "+H+" "+O,$=Q?Q.width:H,K=Q?Q.height:O;return t.jsxs("svg",{ref:G,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:F,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)),n={fontFamily:B,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:n,children:t.jsx("textPath",{href:"#"+F,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:n,children:t.jsx("textPath",{href:"#"+F,startOffset:"50%",textAnchor:"middle",children:a})})]})})(),t.jsx("text",{className:"dino-curved-text__base",fill:J?"var(--Buttons-"+f+"-Button)":z?Sb(f):p,style:{fontFamily:B,fontSize:"number"==typeof k?k+"px":k,fontWeight:C,letterSpacing:"number"==typeof T?T+"px":T},children:t.jsx("textPath",{href:"#"+F,startOffset:"50%",textAnchor:"middle",children:a})})]})]})}function kb(e,a,t){return Math.max(a,Math.min(t,e))}function Cb(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 Tb(e){return e?"#"+e.map(e=>e.toString(16).padStart(2,"0")).join(""):"—"}function Mb([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 Ab({targetRef:a,label:r,deps:i=[]}){const[n,o]=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);o(Cb(e.backgroundColor)),s(Cb(e.color))});return()=>cancelAnimationFrame(e)},i);const c=function(e,a){if(!e||!a)return null;const t=Mb(e),r=Mb(a);return(Math.max(t,r)+.05)/(Math.min(t,r)+.05)}(n,l),d=null!==c&&c>=4.5,h=null===c?"—":null!==c&&c>=7?"AAA":d?"AA":"Fail",u=null===c?"var(--Text-Quiet)":d?"var(--Text-Success)":"var(--Text-Error)";return t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,padding:"12px 16px",borderRadius:8,background:"var(--Container)",border:"1px solid var(--Border)"},children:[t.jsxs("div",{style:{flex:1,minWidth:0},children:[t.jsx(rt,{style:{fontWeight:600},children:r}),t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Background ",Tb(n)," · Text ",Tb(l)]})]}),t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,borderRadius:999,padding:"4px 10px",background:"var(--Background)",border:"1px solid var(--Border)"},children:[t.jsx("span",{style:{fontWeight:700,fontSize:12,color:u},children:h}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:null!==c?c.toFixed(2)+":1":"—"})]})]})}const Lb=[{value:"display-large",label:"Display Large"},{value:"display-small",label:"Display Small"}],Ib=[{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)"}],Nb=gb.map(e=>({value:e,label:e}));function Rb({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const Fb={"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 Db({text:a="DinoDesign",theme:r="Primary",preset:i="Classic",custom:n,textStyle:o="display-large",fontSize:l,fontFamily:s,fontWeight:c,letterSpacing:d,className:h,style:u,...m}){const p=Fb[o]||Fb["display-large"],x=s??p.fontFamily,f=l??p.fontSize,g=c??p.fontWeight,b=d??p.letterSpacing,v="number"==typeof l?l:p.pxHint,y=yb(i,n),j="dino-bevel-"+e.useId().replace(/:/g,""),S=j+"-s",z=e.useRef(null),[w,B]=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&&B(v*(a.width/C))};a();const t=new ResizeObserver(a);return t.observe(e),()=>t.disconnect()},[C,v]);const L=w>=19,I=y.bevel?zb(y.angle+180,y.depth):{dx:0,dy:0},N=y.bevel?zb(y.angle,y.depth):{dx:0,dy:0},R=y.shadow?zb(y.angle,y.shadowDistance??6):{dx:0,dy:0},F=L?jb(r,"base"):Sb(r),D=jb(r,"highlight"),W=jb(r,"lowlight"),P={fontFamily:x,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",...u},"aria-label":a,role:"img",className:["dino-bevel-text",h].filter(Boolean).join(" "),...m,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:W,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:W,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:D,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:F,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:F,filter:H,style:P,children:a})]})}const Wb=[...vb.map(e=>({value:e,label:e,description:bb[e].description})),{value:"custom",label:"Custom",description:"Tune every knob"}],Pb=[{value:"light",label:"Light",css:"var(--Surface)"},{value:"warm",label:"Warm",css:"var(--Surface-Dim)"},{value:"dark",label:"Dark",css:"var(--Container-High)"}];function Hb({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Ob({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(ht,{style:{fontWeight:600,color:"var(--Text)"},children:e.label}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:2},children:e.description})]})}const Eb={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",black:"BW",white:"BW"};function Vb(e,a){return"var(--"+(Eb[e]||"Primary")+"-Color-"+a+")"}const qb={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 Gb(e,a){const t=qb[e]||qb.primary;return(t[a]||t.linear).map(e=>({...e}))}function Qb({variant:e="linear",color:r="primary",angle:i=135,stops:n=null,position:o=null,blobs:l=null,cardProps:s={},minHeight:c=300,children:d,className:h="",sx:u={},...m}){const p="meshCard"===e,x="mesh"===e||p,f="radial"===e,g="linear"===e||f,b=n||Gb(r,f?"radial":"linear"),v=l||Gb(r,p?"meshCard":"mesh"),y=x?function(e){if(!e||0===e.length)return"none";const a=e.map(e=>{const a=Vb(e.family,e.tone),t=e.spread||40;return"radial-gradient(circle at "+e.x+"% "+e.y+"%, "+a+" 0%, transparent "+t+"%)"}),t=Vb(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=>Vb(e.family,e.tone)+" "+e.position+"%"),r=a||{x:50,y:50};return"radial-gradient(circle at "+r.x+"% "+r.y+"%, "+t.join(", ")+")"}(b,o||{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=>Vb(e.family,e.tone)+" "+e.position+"%").join(", ")+")":"none"}(b,i),j=g?b[0]:v[0];var S,z;const w=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 p?t.jsx(a.Box,{className:"gradient gradient-mesh-card "+h,sx:{background:y,minHeight:c,borderRadius:"var(--Card-Radius)",display:"flex",alignItems:"center",justifyContent:"center",padding:"var(--Card-Padding)",position:"relative",overflow:"hidden",...u},...m,children:t.jsx(lg,{variant:"solid",...s,children:t.jsx(sg,{children:d})})}):t.jsx(a.Box,{className:"gradient gradient-"+e+" "+h,sx:{background:y,minHeight:c,borderRadius:"var(--Card-Radius)",color:w,display:"flex",alignItems:"center",justifyContent:"center",position:"relative",overflow:"hidden",...u},...m,children:d})}function Ub({color:e,className:r="",sx:i={},...n}){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},...n})}function Yb({children:e,container:r=!1,item:i=!1,spacing:n=2,sx:o={},...l}){return t.jsx(a.Grid,{container:r,item:i,spacing:n,sx:{transition:"all 0.2s ease-in-out",...o},...l,children:e})}["default","primary","secondary","tertiary","neutral"].map(e=>{return{value:e,label:(a=e,a?a.charAt(0).toUpperCase()+a.slice(1):"")};var a});const Xb=["default","primary","secondary","tertiary","neutral","info","success","warning","error"],Jb={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"};function Zb({color:e="primary",width:r="hug",allCaps:i=!1,children:n,className:o="",sx:l={},...s}){const c="fill"===r,d=Jb[e]||"Primary",h="var(--Tag-"+d+"-BG)",u="var(--Tag-"+d+"-Text)";return t.jsx(a.Box,{component:"span",className:"tag tag-"+e+(o?" "+o:""),sx:{display:c?"flex":"inline-flex",alignItems:"center",justifyContent:c?"center":"flex-start",height:"24px",px:"8px",borderRadius:0,backgroundColor:h,color:u,width:c?"100%":"auto",flexShrink:0,userSelect:"none",...l},...s,children:t.jsx(rt,{component:"span",sx:{color:"inherit",lineHeight:"24px",whiteSpace:"nowrap",fontWeight:600,textTransform:i?"uppercase":"none"},children:n})})}const $b=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Kb({ratio:e,threshold:r}){if(!e)return t.jsx(ht,{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(ht,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function _b({label:e,ratio:r,threshold:i,note:n}){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(rt,{style:{color:"var(--Text)"},children:e}),n&&t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),t.jsx(Kb,{ratio:r,threshold:i})]})}function ev({color:e,selected:r,onClick:i}){const o=Jb[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 "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height, 36px)",height:"var(--Button-Height, 36px)",borderRadius:"4px",backgroundColor:"var(--Tag-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Tag-"+o+"-Text)",pointerEvents:"none"}})})}function av({children:e,maxWidth:r="lg",disableGutters:i=!1,sx:n={},...o}){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",...n},...o,children:e})}function tv({theme:e,surface:a="Surface",as:r="section",padding:i,className:n,style:o,children:l,...s}){return t.jsx(r,{...e?{"data-theme":e}:{},"data-surface":a,className:n,style:{background:"var(--Background)",color:"var(--Text)",...void 0!==i?{padding:i}:{},...o},...s,children:l})}const rv={small:{fab:32,fabSize:"small",action:32,actionSize:"small",gap:8},medium:{fab:48,fabSize:"medium",action:48,actionSize:"medium",gap:12},large:{fab:56,fabSize:"large",action:56,actionSize:"large",gap:16}};function iv({actions:r=[],variant:i="solid",color:n="default",direction:o="up",size:l="medium",speed:s=50,openOnHover:c=!0,showTooltips:d=!0,open:h,onOpen:u,onClose:m,icon:p,ariaLabel:x="Speed Dial",className:f="",sx:g={},...b}){"production"!==process.env.NODE_ENV&&"solid"!==i&&console.warn('[SpeedDial] variant="'+i+"\" is not a SpeedDial variant; rendering solid. The design's FAB set has no shape axis — only State, Extended and Animate — so an outline FAB is not in the system.");const v=rv[l]||rv.medium,y=v.fab,j=v.action,S=v.gap,[z,w]=e.useState(!1),B=void 0!==h,k=B?h:z,C=e.useRef(null),T="solid",M=v.actionSize,A=e.useCallback(()=>{k?(B||w(!1),m?.()):(B||w(!0),u?.())},[k,B,u,m]),L=e.useRef(null),I=()=>"undefined"!=typeof window&&"function"==typeof window.matchMedia&&window.matchMedia("(hover: hover) and (pointer: fine)").matches,N=e.useCallback(()=>{L.current&&(clearTimeout(L.current),L.current=null)},[]),R=e.useCallback(()=>{c&&I()&&(N(),k||(B||w(!0),u?.()))},[c,k,B,u,N]),F=e.useCallback(()=>{c&&I()&&(N(),L.current=setTimeout(()=>{B||w(!1),m?.()},120))},[c,B,m,N]);e.useEffect(()=>N,[N]);const D=e.useCallback((e,a)=>{e.onClick?.(a),B||w(!1),m?.()},[B,m]);e.useEffect(()=>{if(!k)return;const e=e=>{C.current&&!C.current.contains(e.target)&&(B||w(!1),m?.())};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[k,B,m]),e.useEffect(()=>{if(!k)return;const e=e=>{"Escape"===e.key&&(B||w(!1),m?.())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[k,B,m]);const W="up"===o||"down"===o,P="up"===o||"down"===o?"left":"top",H=t.jsx(a.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",lineHeight:0,transformOrigin:"50% 50%",transition:"transform 0.3s ease",transform:k?"rotate(45deg)":"rotate(0deg)"},children:p||t.jsx(ye,{})});return t.jsxs(a.Box,{ref:C,onMouseEnter:R,onMouseLeave:F,className:"speed-dial speed-dial-"+i+" speed-dial-"+n+" speed-dial-"+o+" "+f,sx:{position:"relative",display:"inline-flex",overflow:"visible",width:W?y+"px":"auto",height:W?"auto":y+"px",...g},...b,children:[t.jsx(Pg,{size:v.fabSize,variant:T,color:n,onClick:A,"aria-label":x,"aria-expanded":k,"aria-haspopup":"menu",sx:{position:"relative",zIndex:2},children:H}),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=y/2+S+j/2+e*(j+S);switch(o){case"up":default:return{bottom:a+"px",left:(y-j)/2+"px"};case"down":return{top:a+"px",left:(y-j)/2+"px"};case"left":return{right:a+"px",top:(y-j)/2+"px"};case"right":return{left:a+"px",top:(y-j)/2+"px"}}})(r),l=r*s,c=t.jsx(Pg,{size:M,variant:T,color:n,role:"menuitem","aria-label":e.name||"Action "+(r+1),onClick:()=>D(e,r),sx:{position:"absolute",...i,opacity:k?1:0,transform:k?"scale(1)":"scale(0.3)",transition:"opacity 0.2s ease, transform 0.2s ease",transitionDelay:k?l+"ms":"0ms",pointerEvents:k?"auto":"none"},children:e.icon||t.jsx(ye,{})},e.key||r);return d&&e.name?t.jsx(a.Tooltip,{title:e.name,placement:P,arrow:!0,open:!!k&&void 0,slotProps:{tooltip:{sx:{backgroundColor:"var(--Container)",color:"var(--Text)",fontSize:"12px",fontWeight:500,border:"1px solid var(--Border)",boxShadow:"0 2px 8px rgba(0,0,0,0.12)"}},arrow:{sx:{color:"var(--Container)"}}},children:c},e.key||r):c})})]})}const nv=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",ov=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],lv=[{name:"Edit",icon:t.jsx(up,{size:"small",sx:{color:"inherit"},children:t.jsx(je,{})})},{name:"Share",icon:t.jsx(up,{size:"small",sx:{color:"inherit"},children:t.jsx(ze,{})})},{name:"Delete",icon:t.jsx(up,{size:"small",sx:{color:"inherit"},children:t.jsx(y,{})})},{name:"Favorite",icon:t.jsx(up,{size:"small",sx:{color:"inherit"},children:t.jsx(b,{})})}];function sv({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function cv({color:e,selected:r,onClick:i}){const o=nv(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const dv={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 hv({color:e="default",companyName:a="",year:r=(new Date).getFullYear(),rights:i="All rights reserved",children:n,className:o,style:l,...s}){const c=n??`© ${r}${a?" "+a:""}.${i?" "+i+".":""}`,d=dv[e]||dv.default,h=d.theme?{"data-theme":d.theme,"data-surface":d.surface||"Surface-Dim"}:{},u=d.theme?{background:"var(--Background)",color:"var(--Text)"}:{background:d.bg,color:d.fg};return t.jsx("div",{...h,className:["dino-copyright",o].filter(Boolean).join(" "),style:{padding:"var(--Sizing-2, 16px) 24px",textAlign:"center",...u,...l},...s,children:t.jsx(rt,{style:{color:"inherit",opacity:.85},children:c})})}const uv={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}};function mv({value:r,defaultValue:i=0,onChange:n,min:o,max:l,step:s=1,variant:c="outlined",style:d="outline",color:h="default",size:u="medium",label:m,labelPosition:p="top",placeholder:x,helperText:f,disabled:b=!1,fullWidth:v=!1,className:y="",sx:j={},...S}){const[z,w]=e.useState(i),[B,k]=e.useState(!1),C=e.useRef(null),T=void 0!==r,M=T?r:z,A=""!==M&&null!=M,L=(I="default"===h?"primary":h).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"===h?"var(--Border)":"var(--Buttons-"+L+"-Border)",R="default"===h?"var(--Text)":"var(--Text-"+L+")",F="outlined"===c,D="floating"===p,W="top"===p,P=uv[u]||uv.medium,H="small"===u?rt:nt,O=e.useCallback(e=>{let a="number"==typeof e?e:parseFloat(e);isNaN(a)&&(a=0),void 0!==o&&a<o&&(a=o),void 0!==l&&a>l&&(a=l),T||w(a),n?.(a)},[T,n,o,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!==o&&e<0&&a<=o||void 0!==l&&e>0&&a>=l||O(a+e*s)},[b,s,o,l,O]),q=void 0!==o&&M<=o,G=void 0!==l&&M>=l,Q=e.useRef(null),U=e.useRef(null),Y=e.useCallback(()=>{Q.current&&(clearTimeout(Q.current),Q.current=null),U.current&&(clearInterval(U.current),U.current=null)},[]),X=e.useCallback(e=>{b||(Y(),V(e),Q.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,Y]);e.useEffect(()=>Y,[Y]);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,X(e)}},onClick:()=>{J.current?J.current=!1:V(e)},onPointerUp:e=>{try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch(e){}Y()},onPointerCancel:Y,onPointerLeave:Y,onKeyDown:a=>{"Enter"!==a.key&&" "!==a.key||a.repeat||(a.preventDefault(),X(e))},onKeyUp:e=>{"Enter"!==e.key&&" "!==e.key||Y()},onBlur:Y}),$=e=>{const a=e.target.value;if(""===a||"-"===a)return void(T||w(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"===h?"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=()=>W&&m?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:m}):null;return F?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"===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",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:[D&&m&&t.jsx(a.Box,{sx:{position:"absolute",top:A||B?"6px":"50%",left:P.padding.split(" ")[1]||"14px",transform:A||B?"none":"translateY(-50%)",transformOrigin:"top left",color:B?R:"var(--Quiet)",fontFamily:"var(--Font-Families-Body, var(--Body-Font-Family))",...A||B?{fontSize:"var(--"+(eb[u]||eb.medium).shrunk+"-Font-Size)",fontWeight:"var(--"+(eb[u]||eb.medium).shrunk+"-Font-Weight)",letterSpacing:"var(--"+(eb[u]||eb.medium).shrunk+"-Letter-Spacing)"}:{fontSize:"var(--"+(eb[u]||eb.medium).resting+"-Font-Size)",fontWeight:"var(--"+(eb[u]||eb.medium).resting+"-Font-Weight)",letterSpacing:"var(--"+(eb[u]||eb.medium).resting+"-Letter-Spacing)"},pointerEvents:"none",transition:"top 0.15s ease, font-size 0.15s ease, color 0.15s ease",zIndex:1},children:m}),t.jsx(a.Box,{component:"input",ref:C,type:"text",inputMode:"numeric",role:"spinbutton","aria-valuenow":"number"==typeof M?M:void 0,"aria-valuemin":o,"aria-valuemax":l,"aria-label":m||"Number",value:M,onChange:$,onKeyDown:K,onFocus:()=>k(!0),onBlur:()=>k(!1),disabled:b,placeholder:D?void 0:x||"",sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:A||B?R:"var(--Quiet)",fontSize:P.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)",padding:D?"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||G,sx:{..._,width:"var(--Sizing-4, 32px)",height:"var(--Sizing-3, 24px)"},children:t.jsx(up,{size:"medium",children:t.jsx(we,{})})}),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(up,{size:"medium",children:t.jsx(Be,{})})})]})]})})}),f&&t.jsx(rt,{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"===u?.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:48,height:"100%",borderRadius:"small"===u?"var(--Sm-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"large"===u?"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(up,{size:"small",children:t.jsx(g,{})})}),t.jsx(a.Box,{sx:{border:"1px solid "+N,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","&: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":o,"aria-valuemax":l,"aria-label":m||"Number",value:M,onChange:$,onKeyDown:K,onFocus:()=>k(!0),onBlur:()=>k(!1),disabled:b,sx:{width:"small"===u?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||G,sx:{..._,width:48,height:"100%",borderRadius:"small"===u?"var(--Sm-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"large"===u?"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(up,{size:"small",children:t.jsx(ye,{})})})]}),f&&t.jsx(rt,{style:{color:"var(--Quiet)",marginTop:"4px",marginLeft:"2px"},children:f})]})}const pv=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"primary-dark",label:"Primary Dark"},{value:"white",label:"White"},{value:"black",label:"Black"}];function xv({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const fv=["Link","Chip","Badge","Caption","Label","Tag","BodySmall","LegalSemibold","Legal","LabelSmall","LabelExtraSmall","EyebrowSmall","ButtonSmall"];function gv(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(fv.some(a=>e.includes(a)))return!0}return!1})(a)&&(t=!0)}),t}function bv({children:r,gap:i,spacing:n,direction:o="column",enforceMinGap:l=!0,minGapToken:s="--min-stack-gap",divider:c,flexWrap:d,useFlexGap:h=!0,alignItems:u,justifyContent:m,sx:p={},className:x="",...f}){const g=void 0!==i?i:n,b=l&&gv(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:o,spacing:h?void 0:v,gap:h?v:void 0,divider:c,flexWrap:d,useFlexGap:h,alignItems:u,justifyContent:m,className:"omni-stack"+(b?" omni-stack-min-gap-enforced":"")+(x?" "+x:""),sx:{...f["data-surface"]||f["data-theme"]?{background:"var(--Background)"}:{},boxSizing:"border-box",...b?{"&::before":{display:"none"}}:{},...p},"data-min-gap-enforced":b?"true":void 0,...f,children:r})}const vv=e=>t.jsx(bv,{direction:"row",alignItems:"center",...e}),yv=e=>t.jsx(bv,{direction:"column",...e}),jv=e=>t.jsx(bv,{direction:"row",flexWrap:"wrap",...e}),Sv=bv,zv=jv,wv={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 Bv({color:e="default",brand:a,address:r,columns:i=[],socialLinks:n=[],copyright:o=!0,children:l,subscribe:s,copyrightName:c,copyrightYear:d,className:h,style:u,...m}){const p=i.slice(0,3),x=wv[e]||wv.default,f=x.theme?{"data-theme":x.theme,"data-surface":x.surface||"Surface"}:{},g=x.theme?{background:"var(--Background)",color:"var(--Text)"}:{background:x.bg,color:x.fg};return t.jsxs("footer",{...f,className:["dino-footer",h].filter(Boolean).join(" "),style:{...g,...u},...m,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(kv,{address:r}),p.map((e,a)=>t.jsx(Cv,{...e},a))]})}),(n.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:[n.length>0&&t.jsx(Tv,{links:n}),s&&t.jsx(Mv,{...s})]})]}),o&&t.jsx(hv,{color:e,companyName:c,year:d})]})}function kv({address:e}){if(!e)return t.jsx("div",{});const{company:a,lines:r=[],email:i,phone:n}=e,o=[...a?[a]:[],...r,...n?[n]:[]];return t.jsxs("div",{children:[o.map((e,a)=>t.jsx(rt,{style:{color:"inherit",opacity:.85,display:"block"},children:e},a)),i&&t.jsx("div",{style:{marginTop:12},children:t.jsx(rt,{style:{color:"inherit",opacity:.85,display:"block"},children:t.jsx(qt,{href:"mailto:"+i,color:"standard",style:{color:"inherit"},children:i})})})]})}function Cv({title:e,links:a=[]}){return t.jsxs(yv,{gap:"var(--Sizing-1)",children:[e&&t.jsx(Ja,{style:{color:"inherit"},children:e}),t.jsx(yv,{component:"ul",gap:"var(--Sizing-1)",sx:{listStyle:"none",m:0,p:0},children:a.map((e,a)=>t.jsx("li",{children:t.jsx(qt,{href:e.href,onClick:e.onClick,color:"standard",style:{color:"inherit",opacity:.85},children:e.label})},a))})]})}function Tv({links:e}){return t.jsx(vv,{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(cp,{name:e.brand,size:"24px"}):e.icon},a)})})}function Mv({title:a="Stay in the loop",description:r,placeholder:i="your@email.com",buttonLabel:n="Subscribe",onSubscribe:o}){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(o?.(l)),s("")}finally{d(!1)}}},style:{minWidth:260,maxWidth:360,flex:"1 1 260px"},children:[t.jsx(Ja,{style:{color:"inherit",marginBottom:6},children:a}),r&&t.jsx(rt,{style:{color:"inherit",opacity:.85,marginBottom:12,display:"block"},children:r}),t.jsxs("div",{style:{display:"flex",gap:8},children:[t.jsx(ib,{type:"email",value:l,onChange:e=>s(e.target.value),placeholder:i,size:"small",fullWidth:!0,"aria-label":"Email address"}),t.jsx(Rx,{type:"submit",size:"small",disabled:c||!l,children:n})]})]})}const Av={company:"DinoDesign",lines:["123 Market Street","San Francisco, CA 94103"],email:"hello@dinodesign.dev",phone:"+1 (555) 010-0000"},Lv=[{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:"#"}]}],Iv=[{icon:t.jsx(ke,{fontSize:"small"}),url:"https://twitter.com",label:"Twitter"},{icon:t.jsx(Ce,{fontSize:"small"}),url:"https://github.com",label:"GitHub"},{icon:t.jsx(Te,{fontSize:"small"}),url:"https://linkedin.com",label:"LinkedIn"}],Nv=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"primary-dark",label:"Primary Dark"},{value:"white",label:"White"},{value:"black",label:"Black"}];function Rv({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const Fv={none:void 0,small:"var(--Sm-Card-Radius, var(--Card-Radius))",medium:"var(--Card-Radius)",large:"var(--Lg-Card-Radius, var(--Card-Radius))"};function Dv({children:e,theme:r,surface:i,radius:n="none",elevation:o=0,component:l="div",className:s="",sx:c={},style:d,...h}){const u=Math.max(0,Math.min(5,0|o)),m=Fv[n];if(!u)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",...m?{borderRadius:m}:{},...c},style:d,...h,children:e});const p=d||{},{width:x,height:f,minWidth:g,minHeight:b,maxWidth:v,maxHeight:y,borderRadius:j,margin:S,marginTop:z,marginRight:w,marginBottom:B,marginLeft:k,...C}=p,T={width:x,height:f,minWidth:g,minHeight:b,maxWidth:v,maxHeight:y,borderRadius:j,margin:S,marginTop:z,marginRight:w,marginBottom:B,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":u,sx:{boxShadow:Sp[u],boxSizing:"border-box",width:M,height:A,borderRadius:void 0!==L?L:m},style:T,...h,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 Wv=["Surface","Surface-Dim","Surface-Bright","Container","Container-Low","Container-Lowest","Container-High"],Pv=["Default","Primary","Primary","Secondary","Secondary","Tertiary","Tertiary","Neutral","Neutral","Info","Success","Warning","Error"];function Hv({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const Ov={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Ev={small:{height:"4px",borderRadius:"2px"},medium:{height:"6px",borderRadius:"3px"},large:{height:"8px",borderRadius:"4px"}};function Vv({value:e,color:r="primary",size:i="medium",className:n="",sx:o={},...l}){const s=Ov[r]||"Primary",c=Ev[i]||Ev.medium,d=null!=e,h=d?Math.min(100,Math.max(0,e)):0,u="var(--Buttons-"+s+"-Border)";return t.jsx(a.Box,{role:"progressbar","aria-valuenow":d?Math.round(h):void 0,"aria-valuemin":d?0:void 0,"aria-valuemax":d?100:void 0,"aria-label":d?Math.round(h)+"% progress":"Loading",className:"linear-progress linear-progress-"+i+" linear-progress-"+r+(d?" linear-progress-determinate":" linear-progress-indeterminate")+" "+n,sx:{position:"relative",width:"100%",height:c.height,borderRadius:c.borderRadius,backgroundColor:"var(--Border-Variant)",overflow:"hidden",flexShrink:0,...o},...l,children:t.jsx(a.Box,{className:"linear-progress-bar",sx:{position:"absolute",top:0,left:0,height:"100%",borderRadius:"inherit",backgroundColor:u,...d?{width:h+"%",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 qv=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Gv=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Qv({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Uv({color:e,selected:r,onClick:i}){const o=qv(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const Yv={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",white:"Neutral",black:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Xv={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 Jv({value:r,color:i="primary",size:n="medium",thickness:o,showValue:l=!1,children:s,className:c="",sx:d={},...h}){const u=Yv[i]||"Primary",m="number"==typeof n?{diameter:n,thickness:Math.max(2,Math.round(n/11)),fontSize:Math.max(8,Math.round(n/3.3))+"px"}:Xv[n]||Xv.medium,p=o||m.thickness,x=null!=r,f=x?Math.min(100,Math.max(0,r)):0,g=(m.diameter-p)/2,b=2*Math.PI*g,v=x?b-f/100*b:.75*b,y="var(--Buttons-"+u+"-Border)",j="cp-grad-"+e.useId().replace(/:/g,"");return t.jsxs(a.Box,{role:"progressbar","aria-valuenow":x?Math.round(f):void 0,"aria-valuemin":x?0:void 0,"aria-valuemax":x?100:void 0,"aria-label":x?Math.round(f)+"% progress":"Loading",className:"circular-progress circular-progress-"+n+" circular-progress-"+i+(x?" circular-progress-value":" circular-progress-indeterminate")+" "+c,sx:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",width:m.diameter+"px",height:m.diameter+"px",flexShrink:0,...!x&&{animation:"circular-progress-spin 1.2s linear infinite","@keyframes circular-progress-spin":{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}},...d},...h,children:[t.jsxs("svg",{viewBox:"0 0 "+m.diameter+" "+m.diameter,width:m.diameter,height:m.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:m.diameter/2,cy:m.diameter/2,r:g,fill:"none",stroke:"var(--Border-Variant)",strokeWidth:p,className:"circular-progress-track"}),t.jsx("circle",{cx:m.diameter/2,cy:m.diameter/2,r:g,fill:"none",stroke:"url(#"+j+")",strokeWidth:p,strokeDasharray:b,strokeDashoffset:v,strokeLinecap:"round",className:"circular-progress-indicator",style:{transition:x?"stroke-dashoffset 0.4s ease":"none"}})]}),(l||s)&&x&&t.jsx(a.Box,{className:"circular-progress-label","aria-hidden":"true",sx:{position:"relative",zIndex:1,fontSize:m.fontSize,fontWeight:700,fontFamily:"inherit",lineHeight:1,color:"var(--Text)",userSelect:"none"},children:s||Math.round(f)+"%"})]})}const Zv=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",$v=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Kv({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function _v({color:e,selected:r,onClick:i}){const o=Zv(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const ey=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",ay=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function ty({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function ry({color:e,selected:r,onClick:i}){const o=ey(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const iy={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},ny={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 oy({theme:r,surface:i,value:n,defaultValue:o,onChange:l,max:s=5,precision:c=1,color:d="default",size:h="medium",readOnly:u=!1,disabled:m=!1,emptyLabel:p="No rating",className:x="",sx:f={},...g}){const[b,v]=e.useState(o??null),[y,j]=e.useState(null),S=void 0!==n,w=S?n:b,B=null!==y?y:w,k=.5===c,C=!u&&!m,T=iy[d]||iy.default,M=ny[h]||ny.medium,A="var(--Buttons-"+T+"-Button)",L="var(--Buttons-"+T+"-Border)",I=e=>{if(!C)return;const a=e===w?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}}}:{},F=e=>{const r=e+1,i=e+.5,n=null!==B&&r<=B,o=null!==B&&!n&&k&&i<=B,l=o?Me: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}})(n,o);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":n,"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((w||0)+c,s))),"ArrowLeft"===e.key||"ArrowDown"===e.key)){e.preventDefault();const a=Math.max((w||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:m?"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!==w?": "+w+" of "+s+" stars":": "+p),"data-theme":r||void 0,"data-surface":i||void 0,className:"rating rating-"+d+" rating-"+h+(u?" rating-readonly":"")+(m?" rating-disabled":"")+(null===w?" rating-empty":"")+(x?" "+x:""),sx:{display:"inline-flex",alignItems:"center",gap:M.gap+"px",opacity:m?"var(--Disabled, 0.38)":1,fontFamily:"inherit",...f},...g,children:[Array.from({length:s},(e,a)=>F(a)),null===w&&!y&&t.jsx(ht,{style:{color:"var(--Quiet)",marginLeft:4},children:p})]})}const ly={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 sy({children:r,separator:i="/",size:n="medium",condense:o=!1,maxItems:l=4,itemsBeforeCollapse:s=1,itemsAfterCollapse:c=1,backOnlyMobile:d=!1,onExpand:h,className:u="",sx:m={},...p}){const x=ly[n]||ly.medium,f=e.Children.toArray(r).filter(e.isValidElement),g=f.length,b=o&&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),h?.()},"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 n=b&&!y?r===v.length-1:r===g-1;var o;S.push(t.jsx(a.Box,{component:"li",className:"breadcrumb-item"+(n?" breadcrumb-current":""),sx:{display:"inline-flex",alignItems:"center",...n&&{color:"var(--Text)",fontWeight:"var(--Body-Medium-Semibold-Font-Weight, 600)"},...!n&&{color:"var(--Link, var(--Hotlink))"},maxWidth:"200px","& > *":{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},...n?{"aria-current":"page"}:{},children:e},"crumb-"+r)),r<v.length-1&&S.push((o=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-"+o)))});const z=g>=2?f[g-2]:null;return t.jsxs(a.Box,{component:"nav","aria-label":"Breadcrumb",className:"breadcrumbs breadcrumbs-"+n+" "+u,sx:{fontSize:x.fontSize,fontFamily:"var(--Body-Font-Family)",lineHeight:1.5,...m},...p,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:x.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 cy({children:e,href:r,className:i="",sx:n={},...o}){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"}},...n},...o,children:e})}const dy=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"";function hy({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const uy={small:{btnSize:"small",fontSize:"13px",gap:"2px"},medium:{btnSize:"medium",fontSize:"14px",gap:"4px"},large:{btnSize:"large",fontSize:"16px",gap:"4px"}};function my({theme:r,surface:i,count:n=10,page:o,defaultPage:l=1,onChange:s,color:c="default",size:d="medium",siblingCount:h=1,boundaryCount:u=1,disabled:m=!1,showFirstButton:p=!1,showLastButton:x=!1,className:f="",sx:g={},...b}){const[v,y]=e.useState(l),j=void 0!==o,S=j?o:v;(e=>{e.charAt(0).toUpperCase(),e.slice(1)})("default"===c?"Default":c);const z=uy[d]||uy.medium,w=e.useCallback(e=>{const a=Math.max(1,Math.min(n,e));j||y(a),s?.(a)},[n,j,s]),B=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 n=Math.max(a-t,r+1),o=Math.min(a+t,e-r),l=n>r+2,s=o<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(n,o),"ellipsis-right",...i(e-r+1,e)]:i(1,e)}({count:n,page:S,siblingCount:h,boundaryCount:u}),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:[p&&t.jsx(a.Box,{component:"li",children:t.jsx(Rx,{iconOnly:!0,variant:k+"-outline",size:z.btnSize,disabled:m||1===S,onClick:()=>w(1),"aria-label":"Go to first page",children:t.jsx(up,{size:"small",children:t.jsx(Ie,{})})})}),t.jsx(a.Box,{component:"li",children:t.jsx(Rx,{iconOnly:!0,variant:k+"-outline",size:z.btnSize,disabled:m||1===S,onClick:()=>w(S-1),"aria-label":"Go to previous page",children:t.jsx(up,{size:"small",children:t.jsx(Ae,{})})})}),B.map((e,r)=>{if("string"==typeof e)return t.jsx(a.Box,{component:"li",children:t.jsx(ht,{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(Rx,{variant:k+"-outline",selected:i,size:z.btnSize,disabled:m,onClick:()=>w(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(Rx,{iconOnly:!0,variant:k+"-outline",size:z.btnSize,disabled:m||S===n,onClick:()=>w(S+1),"aria-label":"Go to next page",children:t.jsx(up,{size:"small",children:t.jsx(Le,{})})})}),x&&t.jsx(a.Box,{component:"li",children:t.jsx(Rx,{iconOnly:!0,variant:k+"-outline",size:z.btnSize,disabled:m||S===n,onClick:()=>w(n),"aria-label":"Go to last page",children:t.jsx(up,{size:"small",children:t.jsx(Ne,{})})})})]})})}const py=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",xy=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]},{label:"Buttons only",colors:["black-white"]}];function fy({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function gy({color:e,selected:r,onClick:i}){const o=py(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const by=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",vy=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],yy=[{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function jy({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Sy({color:e,selected:r,onClick:i}){const o=by(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}let zy=!1;let wy=!1;const By=new Set;function ky({variant:r="outlined",color:i="default",size:n="medium",disabled:o=!1,orientation:l="horizontal",separated:s=!0,spacing:c,fit:d,fullWidth:h=!1,equalWidth:u=!1,multiple:m=!1,allowEmpty:p=!0,__selectionOwner:x=!1,value:f,defaultValue:g,onChange:b,children:v,className:y="",sx:j={},"aria-label":S,...z}){const w=void 0!==f||void 0!==g||void 0!==b||m;!x&&w&&(wy||"production"===process.env.NODE_ENV||(wy=!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 B=x||w;x||!1!==s||(zy||"production"===process.env.NODE_ENV||(zy=!0,console.warn("[OmniDesign] ButtonGroup is separated — a row of actions, spaced — and cannot be joined, so `separated={false}` is ignored. Joining makes the row read as one control with one segment chosen, 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>.")),s=!0);const[k,C]=e.useState(g??(m?[]:null)),T=void 0!==f,M=T?f:k,A=m?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,F="ghost"===r,D=d??(h?"fill":u?"equal":"hug"),W="fill"===D,P="equal"===D&&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)",G="var(--Buttons-"+H+"-Outline-Quiet)",Q="var(--Buttons-"+H+"-Outline-Text)",U="default"===i?void 0:H,Y=e.Children.toArray(v).filter(Boolean),X=Y.length,J=(e,a)=>t=>{const r=m?A.includes(e)?A.filter(a=>a!==e):[...A,e]:e;!m||p||0!==r.length?(T||C(r),b?.(r,t),a?.(t)):a?.(t)},Z=Y.map((r,l)=>{if(!e.isValidElement(r))return r;const c=0===l,d=l===X-1,h=r.props.value??l,u=(p=h,m?A.includes(p):M===p);var p;let x,f;if(N&&X>1){const e=L?"var(--Button-Radius)":"var(--Vertical-Button-Radius)";x=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&&X>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&&X>1?{borderRadius:x,...!c&&(L?{marginLeft:"calc(-1 * var(--Button-Border-Width))"}:{marginTop:"calc(-1 * var(--Button-Border-Width))"}),position:"relative","&:hover, &:focus-visible":{zIndex:1}}:{},b=F?{backgroundColor:"var(--Background) !important",borderColor:E+" !important"}:{backgroundColor:V+" !important",borderColor:E+" !important"},v=F?Q:q,y=v,j=u?{...b,color:v+" !important","&:hover, &:active, &.Mui-focusVisible, &:focus-visible":{...b,color:y+" !important"}}:{},S={...W&&L&&{flex:"1 1 0",minWidth:0},...g,transform:"none !important","&:hover, &:active, &:focus-visible":{transform:"none !important"},...j,...u?{}:{color:G,backgroundColor:"transparent","&:hover":{backgroundColor:"var(--Hover)",color:Q,zIndex:1},"&:active":{backgroundColor:"var(--Pressed)",color:Q},"&.Mui-focusVisible, &:focus-visible":{color:Q}},...F&&!u?{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)By.has(e)||(By.add(e),console.warn("[ButtonGroup] "+e+"."))}(r.props,s);const z=e.cloneElement(r,{variant:r.props.variant??(B?F?u?i+"-outline":"ghost":u?i:i+"-outline":F?"ghost":i),size:r.props.size??n,disabled:r.props.disabled??o,onClick:J(h,r.props.onClick),...B?{"aria-pressed":u}:{},sx:S});return R&&!u?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:S?"group":void 0,"aria-label":S,className:"btn-group btn-group-"+r+" btn-group-"+i+" "+y,sx:{...P?{display:W?"grid":"inline-grid",gridAutoFlow:"column",gridAutoColumns:"1fr",justifyItems:"stretch",alignItems:"stretch",width:W?"100%":"fit-content"}:{display:W?"flex":"inline-flex",flexDirection:L?"row":"column",alignItems:"stretch",width:W?"100%":"auto"},gap:N?0:I,border:"none",borderRadius:"var(--Style-Border-Radius)",...j},...z,children:Z})}const Cy={small:{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:"xs"},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:"xs"},large:{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:"xs"}},Ty=e.createContext({variant:"solid",color:"default",size:"medium",spacing:0}),My=e.createContext({expanded:!1,toggle:()=>{},disabled:!1,accordionId:""}),Ay="var(--Accordion-Radius, var(--Button-Radius))";function Ly({children:r,expanded:i,defaultExpanded:n=!1,onChange:o,disabled:l=!1,className:s="",sx:c={},...d}){const[h,u]=e.useState(n),m=void 0!==i,p=m?i:h,{dataTheme:x,dataSurface:f}=e.useContext(Ty),[g]=e.useState(()=>"accordion-"+Math.random().toString(36).substring(2,9));return t.jsx(My.Provider,{value:{expanded:p,toggle:()=>{if(l)return;const e=!p;m||u(e),o?.(e)},disabled:l,accordionId:g},children:t.jsx(a.Box,{className:"accordion-segment accordion"+(p?" accordion-expanded":"")+(l?" accordion-disabled":"")+" "+s,"data-theme":x,"data-surface":f,sx:{position:"relative",borderRadius:Ay,"&::after":{content:'""',position:"absolute",inset:0,border:"1px solid var(--Border)",borderRadius:"inherit",pointerEvents:"none",zIndex:1},"&:has(> .accordion-summary:focus-visible)":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px",zIndex:2},backgroundColor:"var(--Background)",overflow:"hidden",boxShadow:gp,opacity:l?"var(--Disabled, 0.38)":1,...c},...d,children:r})})}const Iy={small:it,medium:ot,large:dt},Ny={small:rt,medium:nt,large:ct};function Ry({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"primary":"primary-outline",size:"small",onClick:r,children:e})}function Fy({code:e}){return t.jsx(Ff,{code:e,language:"JSX",wrap:!0,sx:{mt:1}})}function Dy({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(p,{sx:{fontSize:14}}):t.jsx(x,{sx:{fontSize:14}}),e?"WCAG Pass":"WCAG Fail"]})}function Wy({leftLabel:e,rightLabel:r,leftContent:i,rightContent:n,leftCode:o,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(rt,{style:{fontWeight:600},children:e}),t.jsx(Dy,{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(Fy,{code:o})]})}),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(rt,{style:{fontWeight:600},children:r}),t.jsx(Dy,{passes:c})]}),t.jsx(a.Box,{sx:{p:2,backgroundColor:"var(--Surface-Dim, var(--Surface))",borderRadius:"var(--Style-Border-Radius)",minHeight:80},children:n}),t.jsx(Fy,{code:l})]})})]})}function Py(){const[r,i]=e.useState("column"),[n,o]=e.useState(.5),[l,s]=e.useState("small"),[c,d]=e.useState(!0),[h,u]=e.useState(!1),[m,p]=e.useState("Default"),[f,g]=e.useState("Surface"),b={small:{label:"Small links ⚡",content:t.jsxs(t.Fragment,{children:[t.jsx(qt,{href:"#",size:"small",children:"Terms of Service"}),t.jsx(qt,{href:"#",size:"small",children:"Privacy Policy"}),t.jsx(qt,{href:"#",size:"small",children:"Cookie Settings"})]})},chips:{label:"Chips ⚡",content:t.jsxs(t.Fragment,{children:[t.jsx(Qx,{label:"React",size:"small"}),t.jsx(Qx,{label:"TypeScript",size:"small"}),t.jsx(Qx,{label:"Design System",size:"small"})]})},normal:{label:"Normal buttons",content:t.jsxs(t.Fragment,{children:[t.jsx(Rx,{variant:"primary",size:"medium",children:"Primary"}),t.jsx(Rx,{variant:"secondary",size:"medium",children:"Secondary"})]})},mixed:{label:"Mixed ⚡",content:t.jsxs(t.Fragment,{children:[t.jsx(Rx,{variant:"primary",size:"medium",children:"Save changes"}),t.jsx(qt,{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(Kf,{theme:m,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(x,{sx:{fontSize:16}}),"Small child detected — gap raised to var(--min-stack-gap)"]}),t.jsx(bv,{direction:r,gap:n,enforceMinGap:c,flexWrap:h?"wrap":void 0,children:b[l].content})]})}),t.jsx(Fy,{code:(()=>{const e=["<OmniStack"];return"column"!==r&&e.push('  direction="'+r+'"'),e.push("  gap={"+n+"}"),c||e.push("  enforceMinGap={false}"),h&&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(ft,{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(Ry,{label:a,selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{children:[t.jsx(ft,{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(Ry,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["GAP — ",n," 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:n,onChange:e=>o(Number(e.target.value)),sx:{flex:1,accentColor:"var(--Primary-Color-10)"}}),t.jsx(ht,{style:{color:"var(--Text)",minWidth:24,textAlign:"right"},children:n})]})]}),t.jsxs(a.Box,{children:[t.jsx(ft,{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(rt,{children:"Enforce min gap"}),t.jsx(ht,{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(Zf,{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(rt,{children:"Flex wrap"}),t.jsx(Zf,{checked:h,onChange:e=>u(e.target.checked),size:"small"})]})]})]})]})})]})}const Hy=["primary","secondary","tertiary","neutral","info","success","warning","error"],Oy=["small","medium","large"],Ey=({label:e,emphasis:a=!1,width:r,children:i})=>t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{alignItems:"center",width:r,textAlign:"center"},children:[t.jsx("div",{children:i}),t.jsx(ht,{color:a?"standard":"quiet",children:e})]}),Vy=({values:e,render:a,defaultValue:r,width:i})=>{const n=e.filter(e=>e!==r),o=e=>t.jsx(Ey,{label:String(e),emphasis:e===r,width:i,children:a(e)},String(e));return t.jsxs(vv,{gap:"var(--Sizing-2)",style:{alignItems:"flex-end",flexWrap:"wrap"},children:[void 0!==r?o(r):null,void 0!==r&&n.length?t.jsx(Jg,{orientation:"vertical",style:{alignSelf:"stretch"}}):null,n.map(o)]})},qy=({values:e,render:a,defaultValue:r,width:i="100%"})=>{const n=void 0!==r?[r,...e.filter(e=>e!==r)]:e;return t.jsx(yv,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:420},children:n.map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{width:i},children:[t.jsx(ht,{color:e===r?"standard":"quiet",children:String(e)}),a(e)]},String(e)))})},Gy=({render:e,offLabel:a="false",onLabel:r="true",width:i})=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Ey,{label:a,emphasis:!0,width:i,children:e(!1)}),t.jsx(Ey,{label:r,width:i,children:e(!0)})]}),Qy=180,Uy=(e,a=180)=>t.jsx("div",{style:{width:a},children:e}),Yy={variant:()=>t.jsx(Vy,{values:["default",...Hy],defaultValue:"default",width:Qy,render:e=>Uy(t.jsx(pb,{variant:e,defaultValue:60,"aria-label":e}))}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",width:Qy,render:e=>Uy(t.jsx(pb,{size:e,defaultValue:60,"aria-label":e}))}),"value / defaultValue":()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"a number — one thumb"}),Uy(t.jsx(pb,{defaultValue:60,"aria-label":"single"}))]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"an array — two thumbs, a range"}),Uy(t.jsx(pb,{defaultValue:[25,75],getAriaLabel:()=>"range"}))]})]}),fill:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsx(ht,{color:"standard",children:"one thumb — Figma: single / single-inverted"}),t.jsxs(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"standard",emphasis:!0,width:Qy,children:Uy(t.jsx(pb,{defaultValue:60,"aria-label":"standard"}))}),t.jsx(Ey,{label:"inverted",width:Qy,children:Uy(t.jsx(pb,{defaultValue:60,fill:"inverted","aria-label":"inverted"}))}),t.jsx(Ey,{label:"false — no fill",width:Qy,children:Uy(t.jsx(pb,{defaultValue:60,fill:!1,"aria-label":"no fill"}))})]})]}),t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsx(ht,{color:"quiet",children:"two thumbs — Figma: double / double-inverted"}),t.jsxs(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"standard — fills between",width:Qy,children:Uy(t.jsx(pb,{defaultValue:[25,75],getAriaLabel:()=>"between"}))}),t.jsx(Ey,{label:"inverted — fills outside",width:Qy,children:Uy(t.jsx(pb,{defaultValue:[25,75],fill:"inverted",getAriaLabel:()=>"outside"}))})]})]})]}),orientation:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Ey,{label:"horizontal",emphasis:!0,width:Qy,children:Uy(t.jsx(pb,{defaultValue:60,"aria-label":"horizontal"}))}),t.jsx(Ey,{label:"vertical",width:60,children:t.jsx("div",{style:{height:160},children:t.jsx(pb,{orientation:"vertical",defaultValue:60,"aria-label":"vertical"})})}),t.jsx(Ey,{label:"vertical range",width:60,children:t.jsx("div",{style:{height:160},children:t.jsx(pb,{orientation:"vertical",defaultValue:[25,75],getAriaLabel:()=>"vertical range"})})}),t.jsx(Ey,{label:"vertical, inverted",width:60,children:t.jsx("div",{style:{height:160},children:t.jsx(pb,{orientation:"vertical",fill:"inverted",defaultValue:60,"aria-label":"vertical inverted"})})})]}),marks:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:420},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false — no marks"}),Uy(t.jsx(pb,{defaultValue:60,"aria-label":"none"}))]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — a dot at every step"}),Uy(t.jsx(pb,{defaultValue:60,step:10,marks:!0,"aria-label":"every step"}))]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"an array — dots where you say, with labels"}),Uy(t.jsx(pb,{defaultValue:60,marks:[{value:0,label:"0"},{value:50,label:"50"},{value:100,label:"100"}],"aria-label":"labelled marks"}),260)]})]}),step:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:420},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"1 — every whole number"}),Uy(t.jsx(pb,{defaultValue:60,"aria-label":"step 1"}))]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"25 — a fixed increment"}),Uy(t.jsx(pb,{defaultValue:50,step:25,marks:!0,"aria-label":"step 25"}))]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"null — restricted to the marks, which need not be even"}),Uy(t.jsx(pb,{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(Vy,{values:["off","auto","on"],defaultValue:"off",width:Qy,render:e=>Uy(t.jsx(pb,{valueLabelDisplay:e,defaultValue:60,"aria-label":e}))}),label:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:420},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"with a visible label"}),Uy(t.jsx(pb,{label:"Volume",defaultValue:60}))]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"without one it needs aria-label"}),Uy(t.jsx(pb,{defaultValue:60,"aria-label":"Volume"}))]}),t.jsx(rt,{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(Gy,{width:Qy,offLabel:"enabled",onLabel:"disabled",render:e=>Uy(t.jsx(pb,{disabled:e,defaultValue:60,"aria-label":"x"}))})},Xy={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 Jy({value:r,defaultValue:i="",onChange:n,onFocus:o,onBlur:l,onClear:s,onSubmit:c,placeholder:d="Search…",size:h="medium",color:u="default",showClearButton:m=!0,disabled:p=!1,ariaLabel:x="Search",className:f="",sx:g={},...b}){const[v,y]=e.useState(i),[j,z]=e.useState(!1),w=e.useRef(null),B=void 0!==r,k=B?r:v,C=k.length>0,T=j||C,M=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===u?"primary":u),A="var(--Buttons-"+M+"-Border)",L="default"===u?"var(--Text)":"var(--Text-"+M+")",I=Xy[h]||Xy.medium,N=()=>{B||y(""),n?.(""),s?.(),w.current?.focus()};return t.jsx(a.Box,{className:"search-field search-field-"+h+(j?" search-field-focused":"")+(C?" search-field-filled":"")+(p?" 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"===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",opacity:p?"var(--Disabled, 0.38)":1,transition:"border-color 0.15s ease, box-shadow 0.15s ease",boxShadow:"none",width:"100%",...!p&&{"&:hover":{borderColor:"var(--Buttons-"+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(up,{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:w,type:"text",role:"searchbox","aria-label":x,value:k,onChange:e=>{const a=e.target.value;B||y(a),n?.(a,e)},onFocus:e=>{z(!0),o?.(e)},onBlur:e=>{z(!1),l?.(e)},onKeyDown:e=>{"Enter"===e.key&&c?.(k,e),"Escape"===e.key&&C&&N()},placeholder:d,disabled:p,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"}}}),m&&C&&!p&&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(up,{size:"small",children:t.jsx(We,{})})})]})})})}const Zy=e.createContext(null),$y=["Default","Primary","Secondary","Tertiary","Neutral","Info","Success","Warning","Error","App-Bar","Nav-Bar","Status"],Ky=["Professional","Modern","Bold","Playful"],_y=["Surface-Dimmest","Surface-Dim","Surface","Surface-Bright","Surface-Brightest","Container","Container-Low","Container-Lowest","Container-High","Container-Highest"],ej={"light-tonal":{theme:"Primary",rootSurface:"Surface-Brightest"},"grey-professional":{theme:"Neutral",rootSurface:"Surface"},"dark-professional":{theme:"Neutral",rootSurface:"Surface-Dimmest"}},aj="omni-foundation",tj="omni-core",rj="omni-typography",ij="omni-mode",nj="omni-base",oj="omni-styles";function lj(e){document.getElementById(e)?.remove()}function sj(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 n=document.createElement("link");n.id=e,n.rel="stylesheet",n.setAttribute("data-omni","true"),n.onload=()=>r(n),n.onerror=()=>i(new Error(`OmniDesignProvider: failed to load ${a}`)),n.href=a;const o=t?document.getElementById(t):null;o?document.head.insertBefore(n,o):document.head.appendChild(n)})}(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 n=t?document.getElementById(t):null;return n?document.head.insertBefore(i,n):document.head.appendChild(i),Promise.resolve(i)}(e,a,t):Promise.resolve(null)}function cj(){const a=e.useContext(Zy);if(!a)throw new Error("useOmniDesign must be used inside a <OmniDesignProvider>");return a}const dj={small:{width:"240px",height:"200px"},medium:{width:"320px",height:"280px"},large:{width:"420px",height:"380px"}},hj={left:{borderRight:"1px solid var(--Border)"},right:{borderLeft:"1px solid var(--Border)"},top:{borderBottom:"1px solid var(--Border)"},bottom:{borderTop:"1px solid var(--Border)"}},uj={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}},mj={left:"translateX(-100%)",right:"translateX(100%)",top:"translateY(-100%)",bottom:"translateY(100%)"};function pj({children:r,open:i=!1,onClose:n,size:o="medium",anchor:l="left",hideBackdrop:s=!1,className:c="",sx:d={},...h}){const u=e.useRef(null),m=e.useRef(null),p="left"===l||"right"===l;let x;try{x=cj()}catch{x=null}const f=x?.theme||"Default",g=x?.style||"Modern",b=dj[o]||dj.medium;e.useEffect(()=>{if(!i)return;const e=e=>{"Escape"===e.key&&n?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i,n]),e.useEffect(()=>{i?(m.current=document.activeElement,requestAnimationFrame(()=>{const e=u.current?.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');e?e.focus():u.current?.focus()})):m.current&&(m.current.focus(),m.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||!u.current)return;const a=u.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:()=>n?.(),"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:u,role:"dialog","aria-modal":"true",tabIndex:-1,"data-theme":f,"data-style":g,"data-surface":"Surface-Dim",onKeyDown:v,className:"drawer drawer-"+o+" drawer-"+l+" "+c,sx:{position:"fixed",zIndex:10000001,...uj[l],...p?{width:b.width,height:"100%"}:{height:b.height,width:"100%"},backgroundColor:"var(--Background)",color:"var(--Text)",...hj[l],boxShadow:vp,display:"flex",flexDirection:"column",outline:"none",overflow:"hidden",animation:"drawer-slide-in 0.3s ease forwards","@keyframes drawer-slide-in":{from:{transform:mj[l]},to:{transform:"translate(0, 0)"}},...d},...h,children:r})]}):null}function xj({onClick:e,className:r="",sx:i={},...n}){return t.jsx(a.Box,{sx:{position:"absolute",top:"12px",right:"12px",zIndex:1,...i},className:r,...n,children:t.jsx(Rx,{iconOnly:!0,variant:"ghost",size:"small",onClick:e,"aria-label":"Close drawer",children:t.jsx(up,{size:"small",children:t.jsx(We,{})})})})}function fj({children:e,className:r="",sx:i={},...n}){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},...n,children:e})}function gj({children:e,className:r="",sx:i={},...n}){return t.jsx(a.Box,{className:"drawer-content "+r,sx:{flex:1,overflowY:"auto",padding:"16px",...i},...n,children:e})}const bj={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 vj({children:e,onClick:a,ariaLabel:r}){return t.jsx(Rx,{iconOnly:!0,variant:"ghost",size:"medium",onClick:a,"aria-label":r,children:e})}function yj({barColor:r="default",surface:i="Surface",loginType:n="login",menuType:o="hamburger",brandType:l="name",searchPosition:s="right",companyName:c="Company",navLinks:d=["Home","Products","About"],rightButtons:h=[],showRightButtons:u=!1,onMenuClick:m,user:p,onLogin:x,onSignOut:f,brand:g,onBrandClick:b,centerSlot:v,endSlot:y,searchValue:j,onSearchChange:S,searchPlaceholder:z="Search...",children:w,className:B="",sx:k={}}){const[C,T]=e.useState(!1),M=bj[r]||bj.default,A=M.theme,L=M.surface||i,I="expanded"===o&&d.length>3?"hamburger":o,N=t.jsx(Jy,{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+(B?" "+B:""),sx:{display:"flex",alignItems:"center",height:64,px:2,gap:2,backgroundColor:"var(--Background)",color:"var(--Text)",boxShadow:bp,fontFamily:"inherit",...k},children:w||t.jsxs(t.Fragment,{children:["hamburger"===I&&t.jsx(vj,{ariaLabel:"Open navigation menu",onClick:m||(()=>T(!0)),children:t.jsx(Re,{sx:{fontSize:"inherit"}})}),void 0!==g?b?t.jsx(Xa,{component:"button",type:"button",width:"hug",onClick:b,sx:{background:"transparent",border:"none",padding:0,cursor:"pointer",whiteSpace:"nowrap",flexShrink:0},children:g}):t.jsx(Xa,{component:"span",width:"hug",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(Xa,{component:"span",width:"hug",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(rf,{defaultValue:0,variant:"standard",color:"default",sx:{ml:2,minHeight:0},children:t.jsx(nf,{"aria-label":"Main navigation",children:d.map(e=>t.jsx(of,{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:[u&&h.length>0&&t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",gap:.5},children:h.map((a,r)=>a.raw?t.jsx(e.Fragment,{children:a.icon},r):t.jsx(vj,{ariaLabel:a.label||"Action "+(r+1),children:a.icon},r))}),p?t.jsx(Rx,{variant:"ghost",size:"small",onClick:f,"aria-label":"Sign out",startIcon:p.photoURL?t.jsx(a.Box,{component:"img",src:p.photoURL,alt:"",sx:{width:24,height:24,borderRadius:"50%"}}):t.jsx(De,{sx:{fontSize:24}}),children:p.displayName?.split(" ")[0]||"Account"}):x?t.jsx(Rx,{variant:"default-outline",size:"small",onClick:x,children:"Login"}):"avatar"===n?t.jsx(Rx,{iconOnly:!0,variant:"ghost",size:"medium","aria-label":"Account",children:t.jsx(De,{sx:{fontSize:28}})}):null]})]})}),t.jsx(pj,{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(Rx,{variant:"ghost",size:"medium",onClick:()=>T(!1),sx:{justifyContent:"flex-start",width:"100%"},children:e},e))})})]})}function jj({mobileVariant:r="search",barColor:i="default",surface:n="Surface",title:o="Page Title",subtitle:l="Subtitle text",actionIcon:s,companyName:c="Company",navLinks:d=["Home","Products","About"],className:h="",sx:u={}}){const[m,p]=e.useState(!1),x=bj[i]||bj.default,f=x.theme,g=x.surface||n,b={backgroundColor:"var(--Background)",color:"var(--Text)",boxShadow:bp,fontFamily:"inherit",width:"100%",maxWidth:420,...u},v={"data-theme":f,"data-surface":g},y=t.jsx(pj,{open:m,onClose:()=>p(!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(Rx,{variant:"ghost",size:"medium",onClick:()=>p(!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+" "+h,...v,sx:{...b,display:"flex",alignItems:"center",height:64,px:1.5,gap:1.5},children:[t.jsx(vj,{ariaLabel:"Open navigation menu",onClick:()=>p(!0),children:t.jsx(Re,{sx:{fontSize:"inherit"}})}),t.jsx(Jy,{placeholder:"Search "+c,size:"small",sx:{flex:1,minWidth:0}}),t.jsx(Rx,{iconOnly:!0,variant:"ghost",size:"medium","aria-label":"Account",children:t.jsx(De,{sx:{fontSize:28}})})]}),y]}):"small"===r?t.jsxs(a.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-small appbar-"+i+" "+h,...v,sx:{...b,display:"flex",alignItems:"center",height:64,px:1.5,gap:1},children:[t.jsx(vj,{ariaLabel:"Back",children:t.jsx(Fe,{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:o}),l&&t.jsx(a.Box,{sx:{fontSize:"12px",opacity:.7,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:l})]}),s&&t.jsx(vj,{ariaLabel:"Action",children:s})]}):"medium"===r?t.jsxs(a.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-medium appbar-"+i+" "+h,...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(vj,{ariaLabel:"Back",children:t.jsx(Fe,{sx:{fontSize:"inherit"}})}),t.jsx(a.Box,{sx:{flex:1}}),s&&t.jsx(vj,{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:o}),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+" "+h,...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(vj,{ariaLabel:"Back",children:t.jsx(Fe,{sx:{fontSize:"inherit"}})}),t.jsx(a.Box,{sx:{flex:1}}),s&&t.jsx(vj,{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:o}),l&&t.jsx(a.Box,{sx:{fontSize:"14px",opacity:.7,mt:.5},children:l})]})]})}function Sj({mode:e="desktop",...a}){return"mobile"===e?t.jsx(jj,{...a}):t.jsx(yj,{...a})}const zj=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",wj=["default","primary","primary-light","white","black"],Bj=["Surface","Surface-Bright","Surface-Dim","Surface-Dimmest"],kj={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 Cj({ratio:e,threshold:r}){if(!e)return t.jsx(ht,{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(ht,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function Tj({label:e,ratio:r,threshold:i,note:n}){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(rt,{style:{color:"var(--Text)"},children:e}),n&&t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),t.jsx(Cj,{ratio:r,threshold:i})]})}function Mj({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Aj({color:e,selected:r,onClick:i}){const o=kj[e]||kj.default;return t.jsx(a.Box,{component:"button","data-theme":o.theme,"data-surface":o.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(n,{sx:{fontSize:16,color:"var(--Text)",pointerEvents:"none"}})})}const Lj={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}},Ij={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 Nj({options:r=[],value:o,defaultValue:l=null,onChange:s,inputValue:c,onInputChange:d,label:h,labelPosition:u="top",placeholder:m="Type to search",helperText:p,size:x="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:w=!1,className:B="",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),[F,D]=e.useState(l?"string"==typeof l?l:l.label||"":""),[W,P]=e.useState(!1),[H,O]=e.useState(!1),[E,V]=e.useState(-1),q=e.useRef(null),G=e.useRef(null),Q=void 0!==o,U=void 0!==c,Y=Q?o:N,X=U?c:F,J="floating"===u,Z="top"===u,$=""!==X,K=J?Ij[x]||Ij.medium:Lj[x]||Lj.medium,_=X?r.filter(e=>("string"==typeof e?e:e.label).toLowerCase().includes(X.toLowerCase())):r,ee=e.useCallback(e=>{U||D(e),d?.(e)},[U,d]),ae=e.useCallback(e=>{const a="string"==typeof e?e:e.label;Q||R(e),ee(a),s?.(e),P(!1),V(-1),G.current?.focus()},[Q,s,ee]);e.useEffect(()=>{if(!W)return;const e=e=>{q.current&&!q.current.contains(e.target)&&P(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[W]);return t.jsxs(a.Box,{ref:q,className:"autocomplete autocomplete-"+x+" autocomplete-variant-"+A+(W?" autocomplete-open":"")+(z?" autocomplete-disabled":"")+(B?" "+B:""),sx:{position:"relative",width:w?"100%":"auto",display:"inline-block",fontFamily:"inherit",...k},...C,children:[Z&&h&&(()=>{const e="small"===x?rt:nt;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:h})})(),t.jsx(a.Box,{sx:{border:"1px solid "+L,borderRadius:"small"===x?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===x?"var(--Lg-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden",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&&h&&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:h}),t.jsx(a.Box,{component:"input",ref:G,type:"text",role:"combobox","aria-expanded":W,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-label":h||m,autoComplete:"off",value:X,onChange:e=>{ee(e.target.value),W||P(!0),V(-1)},onKeyDown:e=>{if("Escape"!==e.key){if("ArrowDown"===e.key){if(e.preventDefault(),!W)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&&W&&E>=0&&_[E]&&(e.preventDefault(),ae(_[E]))}else P(!1)},onFocus:()=>{O(!0),P(!0)},onBlur:()=>O(!1),disabled:z,placeholder:J?void 0:m,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&&W&&t.jsx(Pe,{size:16,sx:{mr:1,color:"var(--Quiet)"}}),S&&X&&!z&&t.jsx(a.Box,{component:"button",type:"button","aria-label":"Clear",onClick:()=>{Q||R(null),ee(""),s?.(null),G.current?.focus()},sx:{display:"flex",alignItems:"center",justifyContent:"center",width:20,height:20,borderRadius:"50%",mr:.5,border:"none",backgroundColor:"transparent",color:"var(--Quiet)",cursor:"pointer","&:hover":{color:"var(--Text)",backgroundColor:"var(--Hover)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)"}},children:t.jsx(We,{sx:{fontSize:14}})}),t.jsx(a.Box,{component:"button",type:"button","aria-label":W?"Close":"Open",tabIndex:-1,onClick:()=>{z||P(!W)},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:W?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease"}})})]})})}),p&&t.jsx(a.Box,{sx:{fontSize:"12px",color:"var(--Quiet)",mt:"4px",ml:"2px"},children:p}),W&&t.jsx(a.Box,{role:"listbox","aria-label":h||"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,o="string"==typeof e?e:e.value,l=i===(Y?"string"==typeof Y?Y:Y.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(rt,{style:{flex:1,color:"inherit",fontWeight:"inherit"},children:i}),l&&t.jsx(up,{size:"small",sx:{opacity:.6,flexShrink:0},children:t.jsx(n,{})})]},o||i)})})]})}const Rj=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Fj=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Dj=[{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 Wj({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Pj({color:e,selected:r,onClick:i}){const o=Rj(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}let Hj=0;const Oj={default:"Nav-Bar",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Ej="var(--Sizing-1, 8px)",Vj="40px",qj="var(--Icon-Size, 24px)",Gj="var(--Sizing-Half, 4px)",Qj={horizontal:{px:"var(--Sizing-2, 16px)",py:0},vertical:{px:"var(--Sizing-2, 16px)",py:"var(--Sizing-2, 16px)"}},Uj={px:0,py:0};function Yj({items:r=[],value:i,defaultValue:n=0,onChange:o,showLabels:l=!0,variant:s="fixed",orientation:c="horizontal",barColor:d="default",fabAction:h,fabPosition:u="end",fixed:m=!0,"aria-label":p="Bottom navigation",className:x="",sx:f={},...g}){const[b,v]=e.useState(n),y=void 0!==i,j=y?i:b,S=e.useCallback(e=>{y||v(e),o?.(e)},[y,o]),z="vertical"===c,w="floating"===s,B=Oj[d]||Oj.default,k=w?z?Qj.vertical:Qj.horizontal:Uj,C=e.useRef(null);null===C.current&&(C.current="bottom-nav-"+Hj++);const T=e=>C.current+"-tab-"+e,M=!!h;return t.jsxs(a.Box,{component:"nav","data-theme":B,"data-surface":"Surface-Dim","aria-label":p,className:"bottom-nav bottom-nav-"+d+" bottom-nav-style-"+(w?"floating":"fixed")+" bottom-nav-bar-"+c+(l?" bottom-nav-labels":" bottom-nav-no-labels")+(m?" bottom-nav-fixed":"")+(x?" "+x:""),sx:{display:"flex",flexDirection:z?"column":"row",alignItems:"center",justifyContent:"center",backgroundColor:"var(--Background)",borderRadius:w?"var(--ToolBar, var(--Nav-Bar-Height, 80px))":0,fontFamily:"inherit",width:z?"fit-content":"100%",px:k.px,py:k.py,...m&&{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(Xj,{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(!h)return[e];return a===("center"===u?Math.ceil(r.length/2):r.length)-1?[e,t.jsx(Zj,{...h,showLabel:l,position:u},"fab")]:[e]}),h&&0===r.length&&t.jsx(Zj,{...h,showLabel:l,position:u},"fab")]})]})}function Xj({id:e,icon:r,label:i,selected:n,showLabel:o,onClick:l,ariaLabel:s,disabled:c}){return t.jsxs(a.Box,{component:"button",type:"button",role:"tab",id:e,"aria-selected":n,"aria-label":s,onClick:l,disabled:c,"aria-disabled":c||void 0,className:"bottom-nav-item"+(n?" bottom-nav-item-selected":""),sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:Gj,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:Ej,borderRadius:Vj,backgroundColor:n?"var(--Text)":"transparent",color:n?"var(--Background)":"var(--Quiet)",fontSize:qj,transition:"background-color 0.2s ease, color 0.15s ease","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"},".bottom-nav-item:hover &":n?{backgroundColor:"var(--Text)"}:{color:"var(--Text)",backgroundColor:"var(--Hover)"},".bottom-nav-item:active &":n?{backgroundColor:"var(--Text)"}:{color:"var(--Text)",backgroundColor:"var(--Pressed)"},".bottom-nav-item:disabled:hover &":{backgroundColor:"transparent"}},children:r}),o&&i&&t.jsx(ut,{className:"bottom-nav-label",style:{color:n?"var(--Text)":"var(--Quiet)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},children:i})]})}const Jj=32;function Zj({icon:r,label:i,onClick:n,showLabel:o,actions:l,position:s="end"}){const c=Array.isArray(l)&&l.length>0,[d,h]=e.useState(!1),u=e.useRef(null);e.useEffect(()=>{if(!d)return;const e=e=>{u.current&&!u.current.contains(e.target)&&h(!1)},a=e=>{"Escape"===e.key&&h(!1)};return document.addEventListener("mousedown",e),document.addEventListener("keydown",a),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",a)}},[d]);const m=e=>({display:"flex",alignItems:"center",justifyContent:"center",minWidth:e,minHeight:e,boxSizing:"border-box",borderRadius:Vj,borderWidth:"var(--Button-Border-Width, 1px)",borderStyle:"solid",borderColor:"var(--Buttons-Default-Border)",color:"var(--Buttons-Default-Border)",backgroundColor:"transparent","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"}}),p="center"!==s;return t.jsxs(a.Box,{ref:u,sx:{position:"relative",display:"flex",flexShrink:0},children:[t.jsxs(a.Box,{component:"button",type:"button","aria-label":i||"Action",onClick:e=>{c&&h(e=>!e),n?.(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:Gj,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:{...m(32),padding:Ej,fontSize:qj,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,{})}),o&&i&&t.jsx(ut,{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))",...p?{right:0}:{left:0},zIndex:1,display:"flex",flexDirection:"column-reverse",padding:"var(--Sizing-1, 8px)",gap:"var(--Sizing-1, 8px)",backgroundColor:"var(--Background)",color:"var(--Text)",border:"1px solid var(--Border)",borderRadius:"var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px)))",boxShadow:"var(--Effect-Level-3, none)",whiteSpace:"nowrap"},children:l.map((e,r)=>t.jsxs(a.Box,{component:"button",type:"button",role:"menuitem","aria-label":e.label,className:"bottom-nav-dial-item",onClick:a=>{h(!1),e.onClick?.(a)},sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-1, 8px)",flexDirection:p?"row-reverse":"row",border:"none",backgroundColor:"transparent",cursor:"pointer",padding:0,fontFamily:"inherit",color:"inherit",outline:"none",borderRadius:Vj,"&: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:{...m(Jj),fontSize:"var(--Icon-Size-Small, 16px)"},children:e.icon||t.jsx(ye,{})})}),t.jsx(mt,{style:{color:"inherit"},children:e.label})]},e.key||r))})]})}const $j={Home:t.jsx(v,{sx:{fontSize:"inherit"}}),Explore:t.jsx(He,{sx:{fontSize:"inherit"}}),Radio:t.jsx(Oe,{sx:{fontSize:"inherit"}}),Library:t.jsx(Ee,{sx:{fontSize:"inherit"}}),Favorite:t.jsx(b,{sx:{fontSize:"inherit"}}),Person:t.jsx(w,{sx:{fontSize:"inherit"}}),Search:t.jsx(S,{sx:{fontSize:"inherit"}}),Settings:t.jsx(j,{sx:{fontSize:"inherit"}}),Notifications:t.jsx(h,{sx:{fontSize:"inherit"}}),Cart:t.jsx(u,{sx:{fontSize:"inherit"}}),Star:t.jsx(z,{sx:{fontSize:"inherit"}}),Bookmark:t.jsx(Ve,{sx:{fontSize:"inherit"}})},Kj=Object.keys($j),_j=[{icon:"Home",label:"Home"},{icon:"Explore",label:"Browse"},{icon:"Radio",label:"Radio"},{icon:"Library",label:"Library"}],eS=[{value:"default",label:"Default",desc:'data-theme="Nav-Bar"'},{value:"primary",label:"Primary",desc:'data-theme="Primary"'},{value:"primary-light",label:"Primary Light",desc:'data-theme="Primary"'},{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 aS({label:e,selected:r,onClick:i,disabled:n}){return t.jsx(a.Box,{component:"button",onClick:i,disabled:n,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:n?"not-allowed":"pointer",border:"2px solid var(--Buttons-Primary-Button)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:r?"var(--Buttons-Primary-Button)":"transparent",color:r?"var(--Buttons-Primary-Text)":"var(--Text)",padding:"4px 12px",fontSize:"14px",fontFamily:"inherit",fontWeight:500,whiteSpace:"nowrap",flexShrink:0,opacity:n?.4:1,transition:"background-color 0.15s ease, color 0.15s ease","&:hover":{backgroundColor:n?"transparent":r?"var(--Buttons-Primary-Hover)":"var(--Surface-Dim)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:e})}function tS({value:e,onChange:r,placeholder:i,sx:n}){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)"},...n}})}function rS({value:e,onChange:r,options:i,label:n}){return t.jsx(a.Box,{component:"select",value:e,onChange:e=>r(e.target.value),"aria-label":n,sx:{padding:"4px 6px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",outline:"none",cursor:"pointer","&:focus":{borderColor:"var(--Focus-Visible)"}},children: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 iS({value:e,onChange:r,min:i,max:n,label:o}){return t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:[t.jsx(ht,{style:{color:"var(--Text-Quiet)",flexShrink:0,width:90},children:o}),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<n&&r(e+1)},disabled:e>=n,style:{width:28,height:28,display:"flex",alignItems:"center",justifyContent:"center",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",cursor:e>=n?"not-allowed":"pointer",fontSize:"14px",opacity:e>=n?.4:1,fontFamily:"inherit"},children:"+"})]})}function nS({label:e,checked:r,onChange:i,caption:n,disabled:o}){return t.jsxs(a.Box,{sx:{py:.5,opacity:o?.4:1},children:[t.jsx(a.FormControlLabel,{control:t.jsx(a.Checkbox,{checked:r,onChange:e=>i(e.target.checked),size:"small",disabled:o,sx:{color:"var(--Text-Quiet)","&.Mui-checked":{color:"var(--Buttons-Primary-Button)"}}}),label:t.jsx(pt,{children:e}),sx:{m:0}}),n&&t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block",marginLeft:32},children:n})]})}const oS=r=>e.forwardRef(function(e,i){return t.jsx(a.Slide,{direction:r,ref:i,...e})}),lS={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":oS("up"),"slide-down":oS("down"),"slide-left":oS("left"),"slide-right":oS("right")},sS={backgroundColor:"var(--Background)",color:"var(--Text)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",boxShadow:jp},cS={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},dS={color:"var(--Text)",fontFamily:"inherit",fontSize:"14px",lineHeight:1.6,py:3,px:3},hS={borderTop:"1px solid var(--Border)",px:3,py:1.5,gap:1},uS={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"}},mS={primary:{...uS,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:{...uS,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 pS({open:e=!1,onClose:r,title:i,children:n,actions:o,maxWidth:l="sm",fullScreen:s=!1,scroll:c="body",alert:d=!1,nonModal:h=!1,transition:u,transitionDuration:m=300,titleId:p="dialog-title",contentId:x="dialog-description",className:f="",sx:g={},PaperProps:b={},...v}){const y=u?lS[u]:void 0;let j;try{j=cj()}catch{j=null}const S=j?.theme||"Default",z=j?.style||"Modern",w=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:h,disableEnforceFocus:h,disableEscapeKeyDown:d,TransitionComponent:y,transitionDuration:m,"aria-labelledby":p,"aria-describedby":x,className:"dialog dialog-"+l+(s?" dialog-fullscreen":"")+(d?" dialog-alert":"")+(f?" "+f:""),style:{zIndex:1e7},slotProps:{backdrop:{sx:{backgroundColor:h?"transparent":"rgba(0,0,0,0.5)"}}},PaperProps:{...b,"data-theme":S,"data-style":z,"data-surface":w,sx:{...sS,...s&&{borderRadius:0,border:"none"},...b.sx},role:d?"alertdialog":"dialog"},...v,children:[i&&t.jsxs(a.DialogTitle,{id:p,sx:cS,children:[i,!d&&r&&t.jsx(Dx,{"aria-label":"Close dialog",onClick:e=>r(e,"closeButton"),size:"small",variant:"ghost",sx:{color:"var(--Text-Quiet)"},children:t.jsx(We,{fontSize:"small"})})]}),t.jsx(a.DialogContent,{dividers:"paper"===c,sx:{...dS,..."paper"===c&&{maxHeight:s?"none":"400px",overflowY:"auto",borderColor:"var(--Border)"}},children:d?t.jsx(a.DialogContentText,{id:x,sx:{color:"var(--Text)",fontFamily:"inherit",fontSize:"14px",lineHeight:1.6},children:n}):t.jsx(a.Box,{id:x,children:n})}),o&&t.jsx(a.DialogActions,{sx:hS,children:o})]})}function xS({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const fS={compact:{minHeight:"24px",fontSize:"13px",iconSize:16,gap:"6px"},default:{minHeight:"32px",fontSize:"14px",iconSize:18,gap:"8px"}},gS={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)"},bS={"@keyframes omni-tree-slide":{from:{opacity:0,transform:"translateY(-4px)"},to:{opacity:1,transform:"none"}}};function vS(e,a,t=1,r=[]){return e.forEach((i,n)=>{r.push({item:i,level:t,index:n,siblings:e.length}),i.children?.length&&a.includes(i.id)&&vS(i.children,a,t+1,r)}),r}function yS(e,a,t=null){for(const r of e){if(r.id===a)return t;if(r.children?.length){const e=yS(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 jS({node:e,density:r,expanded:i,selected:n,focusedId:o,multiSelect:l,checkboxSelection:s,disableSelection:c,disabledItemsFocusable:d,collapseIcon:h,expandIcon:u,animation:m,onToggle:p,onSelect:x,onFocusItem:f,registerRef:g}){const{item:b,level:v,index:y,siblings:j}=e,S=fS[r]||fS.default,z="compact"===r?ht:rt,w=!!b.children?.length,B=w&&i.includes(b.id),k=n.includes(b.id),C=!!b.disabled,T=!C||d;return t.jsxs(a.Box,{component:"li",role:"treeitem","aria-expanded":w?B:void 0,"aria-selected":c?void 0:k,"aria-disabled":C||void 0,"aria-level":v,"aria-setsize":j,"aria-posinset":y+1,tabIndex:o===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(),w&&p(e,b.id),c||x(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:w&&(B?h:u)}),s&&!c&&t.jsx(yg,{checked:k,disabled:C,size:"small","aria-hidden":"true",tabIndex:-1,onChange:()=>{}}),b.icon&&t.jsx(up,{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})]}),w&&B&&t.jsx(a.Box,{component:"ul",role:"group",sx:{margin:0,padding:0,paddingLeft:"9px",marginLeft:"12px",listStyle:"none",animation:gS[m]},children:b.children.map((e,a)=>t.jsx(jS,{node:{item:e,level:v+1,index:a,siblings:b.children.length},density:r,expanded:i,selected:n,focusedId:o,multiSelect:l,checkboxSelection:s,disableSelection:c,disabledItemsFocusable:d,collapseIcon:h,expandIcon:u,animation:m,onToggle:p,onSelect:x,onFocusItem:f,registerRef:g},e.id))})]})}function SS({color:r="default",variant:i="solid",surface:n,density:o="default",animation:l="slide",selectionStyle:s,items:c=zS,selectionMode:d="single",checkboxSelection:h=!1,disableSelection:u=!1,disabledItemsFocusable:m=!1,defaultExpandedItems:p,expandedItems:x,onExpandedItemsChange:f,selectedItems:g,onSelectedItemsChange:b,onItemExpansionToggle:v,onItemSelectionToggle:y,slots:j,"aria-label":S="Tree view",className:z="",sx:w={},...B}){const k=s||i,C="multi"===d,[T,M]=e.useState(p||[]),A=void 0!==x?x:T,[L,I]=e.useState(g||(C?[]:null)),N=void 0!==g?g:L,R=Array.isArray(N)?N:N?[N]:[],F=e.useMemo(()=>vS(c,A),[c,A]),[D,W]=e.useState(null),P=D??F[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=>{W(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===x&&M(r),f?.(e,r),v?.(e,a,!t)},[A,x,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]),G=e.useCallback(e=>{const a=F.filter(e=>!e.item.disabled||m),t=a.findIndex(e=>e.item.id===P),r=a[t];if(!r)return;const{item:i}=r,n=!!i.children?.length,o=n&&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":n&&!o?(e.preventDefault(),V(e,i.id)):o&&l(t+1);break;case"ArrowLeft":if(o)e.preventDefault(),V(e,i.id);else{const a=yS(c,i.id);a&&(e.preventDefault(),E(a))}break;case"Enter":case" ":e.preventDefault(),u?n&&V(e,i.id):q(e,i.id)}},[F,P,A,c,m,u,E,V,q]),Q=(U=r).charAt(0).toUpperCase()+U.slice(1);var U;const Y="default"===k?void 0:Q,X=n||("light"===k?"Surface-Brightest":"Surface-Dim"),J=j?.collapseIcon?t.jsx(j.collapseIcon,{}):t.jsx(up,{size:"small",sx:{color:"inherit",transform:"rotate(90deg)"},children:t.jsx(Le,{})}),Z=j?.expandIcon?t.jsx(j.expandIcon,{}):t.jsx(up,{size:"small",sx:{color:"inherit"},children:t.jsx(Le,{})});return t.jsx(a.Box,{"data-theme":Y,"data-surface":X,className:"omni-treeview omni-treeview-"+k+" omni-treeview-"+r+" omni-treeview-"+o+(z?" "+z:""),sx:{backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",...bS,...w},children:t.jsx(a.Box,{component:"ul",role:"tree","aria-label":S,"aria-multiselectable":C||void 0,onKeyDown:G,sx:{margin:0,padding:"8px",listStyle:"none",fontFamily:"inherit"},...B,children:c.map((e,a)=>t.jsx(jS,{node:{item:e,level:1,index:a,siblings:c.length},density:o,expanded:A,selected:R,focusedId:P,multiSelect:C,checkboxSelection:h,disableSelection:u,disabledItemsFocusable:m,collapseIcon:J,expandIcon:Z,animation:l,onToggle:V,onSelect:q,onFocusItem:W,registerRef:O},e.id))})})}const zS=[{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"}],wS=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",BS=[{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 kS({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const CS={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 TS({onFiles:r,accept:i,multiple:n=!1,size:o="medium",disabled:l=!1,icon:s,label:c,sublabel:d,children:h,className:u="",sx:m={},...p}){const[x,f]=e.useState(!1),g=e.useRef(null),b=e.useRef(0),v=CS[o]||CS.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]),w=e.useCallback(e=>{e.preventDefault(),e.stopPropagation(),b.current--,0===b.current&&f(!1)},[]),B=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||qe,M=n?"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:B,onKeyDown:k,onDrop:j,onDragOver:S,onDragEnter:z,onDragLeave:w,className:"drop-zone drop-zone-"+o+(x?" drop-zone-dragging":"")+(l?" drop-zone-disabled":"")+" "+u,sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:v.gap,minHeight:v.minHeight,padding:v.padding,border:"2px dashed",borderColor:x?"var(--Buttons-Primary-Border)":"var(--Buttons-Default-Border)",borderRadius:"32px",backgroundColor:x?"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)"}},...m},...p,children:[t.jsx("input",{ref:g,type:"file",accept:i,multiple:n,onChange:C,style:{display:"none"},"aria-hidden":"true",tabIndex:-1}),h||t.jsxs(t.Fragment,{children:[t.jsx(T,{sx:{fontSize:v.iconSize,color:"var(--Text-Quiet)"}}),t.jsx(rt,{style:{color:"var(--Text)"},children:c||M}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:d||"or click to browse"})]})]})}const MS={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},AS={size:40,iconSize:"24px",borderRadius:"8px"},LS=new Set;function IS({children:e,color:r="primary",variant:i="solid",size:n,className:o="",sx:l={},...s}){!function(e){void 0!==e&&("production"===process.env.NODE_ENV||LS.has(e)||(LS.add(e),console.warn('[IconBadge] size="'+e+'" — IconBadge has one size (40px) and the prop was removed. Figma draws exactly one, and component sizing comes from the Component-Size modes rather than a per-component ladder.')))}(n);const c=AS,d=MS[r]||MS.primary;let h,u;switch(i){case"light":h=d,u="Surface-Brightest";break;case"dark":h=d,u="Surface-Dimmest";break;default:h=d,u="Surface"}return t.jsx(a.Box,{"data-theme":h,"data-surface":u,className:"icon-badge icon-badge-"+i+" icon-badge-"+r+" "+o,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 NS={eyebrow:ft,title:nt,secondary:it},RS={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},FS={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 DS({children:e,size:r="medium",isButton:i=!1,onAction:n,ariaLabel:o}){return i?t.jsx(a.Box,{component:"button",role:"button",tabIndex:0,"aria-label":o||"Action",onClick:e=>{e.stopPropagation(),n?.(e)},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),n?.(e))},className:"list-item-decorator-button",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,padding:0,border:"none",backgroundColor:"transparent",borderRadius:"50%",cursor:"pointer",color:"inherit",transition:"background-color 0.15s ease","&:hover":{backgroundColor:"rgba(128,128,128,0.15)"},"&:active":{backgroundColor:"rgba(128,128,128,0.25)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},children:e}):t.jsx(a.Box,{className:"list-item-decorator",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:e})}function WS({children:e,startDecorator:r,endDecorator:i,startDecoratorIsButton:n=!1,endDecoratorIsButton:o=!1,onStartDecoratorAction:l,onEndDecoratorAction:s,startDecoratorAriaLabel:c,endDecoratorAriaLabel:d,size:h="medium",variant:u="default",color:m,eyebrow:p,overline:x,secondary:f,clickable:g=!1,disabled:b=!1,selected:v=!1,selectionMode:y="none",onSelect:j,onClick:S,bottomBorder:z=!1,rightBorder:w=!1,component:B="li",sx:k={},...C}){const T=FS[h]||FS.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:B,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&&w?{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(DS,{size:h,isButton:n,onAction:l,ariaLabel:c,children:r}),(()=>{const r=NS,i=p??x,n={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:{...n,color:"var(--Quiet)"},children:i}),null!=e&&t.jsx(r.title,{style:{...n,color:"var(--Text)"},children:e}),f&&t.jsx(r.secondary,{style:{...n,color:"var(--Quiet)"},children:f})]})})(),i&&t.jsx(DS,{size:h,isButton:o,onAction:s,ariaLabel:d,children:i})]})}function PS({children:r,items:i,variant:n="default",color:o="primary",size:l="medium",orientation:s="vertical",dividers:c=!1,selectionMode:d="none",loading:h=!1,skeletonRows:u=3,empty:m,error:p,selectedIndices:x=[],onSelectionChange:f,clickable:g=!1,component:b="ul",className:v="",sx:y={},...j}){const S="horizontal"===s,z="checkbox"===d||"radio"===d,w="light"===n,B="default"===n,k={};("solid"===n||w)&&RS[o]&&(k["data-theme"]=RS[o],w&&(k["data-surface"]="Surface-Brightest"));const C=p?"error":h?"loading":i&&0===i.length&&m?"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-"+n+" list-"+o+" "+v,sx:{display:"flex",flexDirection:S?"row":"column",boxSizing:"border-box",alignItems:"stretch",gap:g?"var(--Sizing-1)":0,m:0,p:B?0:1,backgroundColor:B?"transparent":"var(--Background)",color:"var(--Text)",borderRadius:B?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(za,{label:"Loading",children:Array.from({length:u}).map((e,a)=>t.jsx(WS,{component:"div",size:l,variant:n,color:o,children:"        "},"sk-"+a))})});if("error"===C)return t.jsx(a.Box,{component:"li",sx:{listStyle:"none"},children:p});if("empty"===C)return t.jsx(a.Box,{component:"li",sx:{listStyle:"none"},children:m});if(i&&i.length>0){const e=[];return i.forEach((r,s)=>{e.push(t.jsx(WS,{size:l,variant:n,color:o,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?x.includes(s):r.selected,selectionMode:d,onSelect:()=>(e=>{if(f)if("radio"===d)f([e]);else{const a=x.includes(e)?x.filter(a=>a!==e):[...x,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 n=[];return i.forEach((e,r)=>{n.push(e),r<i.length-1&&n.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))}),n}return null})()})}const HS={small:16,medium:24,large:32};function OS({theme:e,surface:r,size:i="medium",color:n="primary",message:o="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(Jv,{size:"number"==typeof i?i:HS[i]??HS.medium,color:n,"aria-label":c?void 0:s,"aria-labelledby":c}),o&&t.jsx(a.Typography,{sx:{color:"var(--Text-Secondary)",fontWeight:500},children:o})]})}const ES=e=>e.charAt(0).toUpperCase()+e.slice(1),VS={small:rt,medium:nt,large:ct},qS={small:et,medium:_a,large:Ka},GS={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"}},QS=e.createContext({open:!1,setOpen:()=>{},anchorRef:{current:null},menuId:"",buttonId:"",variant:"outline",color:"default",size:"medium"}),US=()=>e.useContext(QS);function YS({children:r,variant:i="outline",color:n="default",size:o="medium",open:l,onOpenChange:s,...c}){const[d,h]=e.useState(!1),u=void 0!==l,m=u?l:d,p=e.useRef(null),x=e.useId(),f="menu-"+x,g="menubtn-"+x,b=e.useCallback(e=>{const a="function"==typeof e?e(m):e;u?s?.(a):h(a)},[u,m,s]);return t.jsx(QS.Provider,{value:{open:m,setOpen:b,anchorRef:p,menuId:f,buttonId:g,variant:i,color:n,size:o},children:t.jsx(a.Box,{sx:{display:"inline-flex",position:"relative"},...c,children:r})})}function XS({children:r,className:n="",sx:o={},...l}){const{open:s,setOpen:c,anchorRef:d,menuId:h,buttonId:u,size:m,color:p}=US(),x=GS[m]||GS.medium,f=ES("default"===p?"Default":p);return t.jsxs(a.Box,{component:"button",ref:d,id:u,"aria-haspopup":"true","aria-expanded":s,"aria-controls":s?h:void 0,onClick:()=>c(e=>!e),className:"menu-button "+n,sx:{display:"inline-flex",alignItems:"center",gap:"6px",padding:x.itemPy+" "+x.itemPx,fontSize:x.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"},...o},onKeyDown:e=>{"ArrowDown"!==e.key&&"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),c(!0))},...l,children:["string"==typeof r?e.createElement(VS[m]||VS.medium,{style:{color:"inherit",fontWeight:600}},r):r,t.jsx(up,{size:"small",sx:{color:"var(--Quiet)",transition:"transform 0.2s ease",transform:s?"rotate(180deg)":"rotate(0deg)"},children:t.jsx(i,{})})]})}function JS({children:r,className:i="",placement:n="bottom-start",sx:o={},...l}){const{open:s,setOpen:c,anchorRef:d,menuId:h,buttonId:u,variant:m,color:p,size:x}=US(),f=e.useRef(null),g=GS[x]||GS.medium,b=ES("default"===p?"Default":p),v="var(--Buttons-"+b+"-Border)",y="light"===m?"default"===p?"Default":b:"solid"===m?b:void 0,j="light"===m?"Surface-Brightest":"solid"===m?"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-"+m+" "+i,sx:{position:"absolute",top:"100%",left:"bottom-end"===n?"auto":0,right:"bottom-end"===n?0:"auto",zIndex:99999,marginTop:"4px",border:"1px solid "+v,borderRadius:"var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px)))",boxShadow:bp,overflow:"hidden",...o},children:t.jsx(a.Box,{ref:f,id:h,role:"menu","aria-labelledby":u,"data-theme":y,"data-surface":j,sx:{minWidth:g.minWidth,backgroundColor:"var(--Background)",color:"var(--Text)",fontSize:g.fontSize,fontFamily:"inherit",padding:g.py+" 0",outline:"none",borderRadius:"calc(var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px))) - 1px)"},onKeyDown:e=>{const 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 ZS({children:e,onClick:r,selected:i=!1,disabled:n=!1,className:o="",sx:l={},...s}){const{setOpen:c,size:d}=US(),h=GS[d]||GS.medium,u=i?qS[d]||qS.medium:VS[d]||VS.medium,m=()=>{n||(r?.(),c(!1))};return t.jsx(a.Box,{role:"menuitem",tabIndex:n?-1:0,"aria-disabled":n||void 0,"aria-selected":i||void 0,onClick:m,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),m())},className:"menu-item"+(i?" menu-item-selected":"")+" "+o,sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-Half)",padding:h.itemPy+" "+h.itemPx,fontSize:h.fontSize,color:n?"var(--Quiet)":i?"var(--Text)":"var(--Quiet)",backgroundColor:i?"var(--Hover)":"transparent",cursor:n?"not-allowed":"pointer",opacity:n?"var(--Disabled, 0.38)":1,outline:"none",transition:"background-color 0.1s ease, color 0.1s ease",userSelect:"none",...!n&&{"&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)"},"&:active":{backgroundColor:"var(--Pressed)",color:"var(--Text)"},"&:focus-visible":{backgroundColor:"var(--Hover)",color:"var(--Text)",outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},...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(u,{color:"standard",style:{color:"inherit"},children:e})})})}function $S({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 KS=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",_S=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function ez({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function az({color:e,selected:r,onClick:i}){const o=KS(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const tz={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},rz={default:"Container-High",solid:"Container-High",soft:"Surface-Brightest"},iz={small:{maxWidth:400,padding:"24px"},medium:{maxWidth:560,padding:"32px"},large:{maxWidth:720,padding:"40px"}},nz={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 oz(e){const a=nz[e];if(!a)return"";const{from:t,to:r}=a.enter,i=Object.entries(t).map(([e,a])=>e+":"+a).join(";"),n=Object.entries(r).map(([e,a])=>e+":"+a).join(";");return"@keyframes "+a.name+" { from {"+i+"} to {"+n+"} }@keyframes "+a.name+"-backdrop { from { opacity: 0 } to { opacity: 1 } }"}function lz({open:r,onClose:i,children:n,title:o,variant:l="default",color:s="primary",size:c="medium",layout:d="center",transition:h="fade",transitionSpeed:u=250,closeOnBackdrop:m=!0,showCloseButton:p=!0,className:x="",sx:f={},...g}){const b=e.useRef(null),v=e.useRef(null),[y,j]=e.useState(!1);let S;try{S=cj()}catch{S=null}const z=S?.style||"Modern",w="soft"===l,B="solid"===l,k="fullscreen"===d,C=B||w?tz[s]:null,T=rz[l]||rz.default,M=iz[c]||iz.medium,A=nz[h],L=A?A.name:void 0,I=u+"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"!==h&&t.jsx("style",{children:oz(h)}),t.jsx(a.Box,{"aria-hidden":"true",onClick:m?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":o||"Modal",ref:b,tabIndex:-1,"data-surface":T,"data-theme":C||void 0,"data-style":z,className:"modal modal-"+l+" modal-"+c+" modal-"+d+(w||B?" modal-"+s:"")+(x?" "+x:""),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:jp,display:"flex",flexDirection:"column",overflow:"hidden",...L&&{animation:L+" "+I+" ease-out forwards"},...f},...g,children:[(o||p)&&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:[o&&t.jsx(a.Box,{className:"modal-title",sx:{fontSize:"small"===c?"18px":"large"===c?"24px":"20px",fontWeight:"var(--H4-Font-Weight, 700)",fontFamily:"var(--H4-Font-Family, var(--Font-Family-Header, var(--Header-Font-Family, inherit)))",color:"var(--Header, var(--Text))",flex:1},children:o}),p&&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(We,{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:n})]})]}):null}function sz({children:e,surface:r="Container",outlined:i=!1,variant:n=(i?"outlined":"elevation"),sx:o={},...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"===n||i;return t.jsx(a.Paper,{variant:n,elevation:d?0:c,"data-surface":s,sx:{padding:2,borderRadius:"8px",transition:"all 0.2s ease-in-out",...o},...l,children:e})}function cz({open:i=!1,onClose:n,anchorRef:o,placement:l="bottom-end",theme:s="Default",surface:c="Surface-Bright",width:d=320,maxHeight:h=400,children:u,sx:m={}}){const p=e.useRef(null),[x,f]=e.useState({top:0,left:0,right:"auto"});return e.useEffect(()=>{if(!i||!o?.current)return;const e=o.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,o,l]),e.useEffect(()=>{if(!i)return;const e=e=>{p.current?.contains(e.target)||o?.current?.contains(e.target)||n?.()};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[i,n,o]),e.useEffect(()=>{if(!i)return;const e=e=>{"Escape"===e.key&&n?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i,n]),i?r.createPortal(t.jsx(a.Box,{ref:p,"data-theme":s,"data-surface":c,sx:{position:"fixed",top:x.top,left:x.left,right:x.right,zIndex:2e9,width:d,maxHeight:h,overflowY:"auto",backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",boxShadow:bp,...m},children:u}),document.body):null}const dz={small:"var(--Sm-Rail-Width, 72px)",medium:"var(--Rail-Width, 80px)",large:"var(--Lg-Rail-Width, 96px)"},hz="var(--Icon-Size, 24px)",uz="var(--Sizing-Half, 4px)",mz="var(--Button-Height, 32px)";function pz({items:r=[],sections:i,value:n,defaultValue:o=0,onChange:l,expandable:s=!1,expandedWidth:c="partial",defaultExpanded:d=!1,fabAction:h,labelStyle:u="contained",variant:m="default",size:p="medium",className:x="",sx:f={},...g}){const[b,v]=e.useState(o),[y,j]=e.useState(d),S=void 0!==n,z=S?n:b,w=e.useCallback(e=>{S||v(e),l?.(e)},[S,l]),B=s&&y,k=B?("full"===c?320:240)+"px":dz[p]||dz.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")+(B?" rail-expanded":" rail-collapsed")+" rail-label-"+("outside"===u?"outside":"contained")+" rail-"+(dz[p]?p:"medium")+" "+x,sx:{display:"flex",flexDirection:"column",width:k,minHeight:"100%",gap:B?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:B?"flex-start":"center",px:B?1.5:0,height:56,alignItems:"center"},children:t.jsx(Rx,{iconOnly:!0,variant:"ghost",size:"small",onClick:()=>j(e=>!e),"aria-label":B?"Collapse menu":"Expand menu",children:t.jsx(up,{size:"small",sx:{color:"inherit"},children:B?t.jsx(We,{}):t.jsx(Re,{})})})}),h&&t.jsx(a.Box,{sx:{px:B?2:1,py:1,flexShrink:0},children:t.jsx(Rx,{variant:"primary-light",size:"medium",onClick:h.onClick,"aria-label":h.label||"Action",startIcon:h.icon?t.jsx(up,{size:"small",sx:{color:"inherit"},children:h.icon}):void 0,sx:{width:B?"100%":56,borderRadius:B?"28px":"var(--Style-Border-Radius)",justifyContent:B?"flex-start":"center",transition:"all 0.2s ease"},children:B?h.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:B?0:"var(--Sizing-1-and-Half, 12px)",px:B?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,n)=>{n>0&&e.push(t.jsx(a.Box,{"aria-hidden":"true",sx:{height:"1px",width:"100%",backgroundColor:"var(--Border-Variant)"}},"divider-"+n)),i.items.forEach(a=>{const i=r;e.push(t.jsx(xz,{item:a,variant:m,selected:z===i,expanded:B,labelStyle:u,onClick:()=>w(i)},"item-"+i)),r++})}),e}return r.map((e,a)=>t.jsx(xz,{item:e,variant:m,selected:z===a,expanded:B,labelStyle:u,onClick:()=>w(a)},a))})()})]})}function xz({item:e,selected:r,expanded:i,labelStyle:n,variant:o="default",onClick:l}){const{icon:s,avatar:c,label:d,badge:h,disabled:u}=e,m=r?"var(--Text)":"transparent",p="outside"!==n,x=p&&!i,f=r?x?"var(--Background)":"var(--Text)":i?"var(--Text)":"var(--Quiet)",g=u?{}:{...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":u||void 0,disabled:u||void 0,onClick:u?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:hz,minHeight:hz,px:i?2.5:0,py:x?uz:0,border:r&&x?"1px solid var(--Border)":"1px solid transparent",borderRadius:i?0:"8px",backgroundColor:x||i?m:"transparent",boxShadow:r&&x?"var(--Shadow-1, none)":"none",color:f,cursor:u?"not-allowed":"pointer",opacity:u?"var(--Disabled, 0.38)":1,fontFamily:"inherit",textAlign:i?"left":"center",transition:"background-color 0.15s ease, color 0.15s ease",outline:"none",...x||i?g:{}},children:[t.jsxs(a.Box,{sx:{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",...i?{flexShrink:0}:{width:p?"100%":mz,height:p?"auto":mz,py:p?uz:0,borderRadius:p?"8px":mz,backgroundColor:p?"transparent":m,border:!p&&r?"1px solid var(--Border)":void 0,transition:"background-color 0.2s ease",...p?{}:g}},children:[c?t.jsx(a.Box,{sx:{display:"flex",width:hz,height:hz},children:c}):t.jsx(up,{size:"small",sx:{color:"inherit"},children:s}),h&&t.jsx(fz,{value:h})]}),d&&t.jsx(a.Box,{sx:{display:"flex",alignItems:"flex-start",justifyContent:"center",width:"100%"},children:t.jsx(ut,{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 fz({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 gz=[{icon:t.jsx(v,{}),label:"Home"},{icon:t.jsx(S,{}),label:"Search"},{icon:t.jsx(b,{}),label:"Favorites",badge:3},{icon:t.jsx(w,{}),label:"Profile"},{icon:t.jsx(j,{}),label:"Settings"}];function bz({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function vz(e){const a=Math.max(0,Math.floor(Number(e)||0)),t=Math.floor(a/3600),r=Math.floor(a%3600/60),i=a%60,n=e=>String(e).padStart(2,"0");return t>0?`${t}:${n(r)}:${n(i)}`:`${r}:${n(i)}`}function yz({title:r,subtitle:i,avatarSrc:n,avatarInitials:o,position:l,defaultPosition:s=0,duration:c=0,onSeek:d,playing:h,defaultPlaying:u=!1,onPlayPause:m,onPrevious:p,onNext:x,variant:f="default",size:g="medium",disabled:b=!1,showTime:v=!0,className:y="",sx:j={},"aria-label":S="Audio player",...z}){const[w,B]=e.useState(s),[k,C]=e.useState(u),T=void 0!==l,M=void 0!==h,A=T?l:w,L=M?h:k,I=Boolean(r||i||n||o);return t.jsxs(vv,{className:"player "+y,gap:"var(--Sizing-2)",role:"group","aria-label":S,style:{alignItems:"center",width:"100%"},sx:j,...z,children:[I&&t.jsxs(vv,{gap:"var(--Sizing-1)",style:{alignItems:"center",minWidth:0},children:[(n||o)&&t.jsx(ox,{src:n,initials:o,size:g,alt:r?`Artwork for ${r}`:void 0}),t.jsxs(yv,{gap:"0",style:{minWidth:0},children:[r&&t.jsx(nt,{style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:r}),i&&t.jsx(ht,{color:"quiet",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:i})]})]}),t.jsxs(vv,{gap:"var(--Sizing-Half)",style:{alignItems:"center",flexShrink:0},children:[p&&t.jsx(Rx,{variant:f,size:g,iconOnly:!0,disabled:b,onClick:p,"aria-label":"Previous track",children:t.jsx(Ye,{})}),t.jsx(Rx,{variant:f,size:g,iconOnly:!0,disabled:b,onClick:()=>{M||C(!L),m?.(!L)},"aria-label":L?"Pause":"Play",children:L?t.jsx(Ue,{}):t.jsx(Qe,{})}),x&&t.jsx(Rx,{variant:f,size:g,iconOnly:!0,disabled:b,onClick:x,"aria-label":"Next track",children:t.jsx(Xe,{})})]}),t.jsxs(vv,{gap:"var(--Sizing-1)",style:{alignItems:"center",flex:1,minWidth:0},children:[v&&t.jsx(ht,{color:"quiet",style:{fontVariantNumeric:"tabular-nums",flexShrink:0},children:vz(A)}),t.jsx(a.Box,{sx:{flex:1,minWidth:0},children:t.jsx(pb,{variant:f,size:g,disabled:b||!d,min:0,max:Math.max(c,1),value:A,onChange:(e,a)=>{const t=Array.isArray(a)?a[0]:a;T||B(t),d?.(t)},"aria-label":"Seek",getAriaValueText:e=>vz(e)+" of "+vz(c)})}),v&&t.jsx(ht,{color:"quiet",style:{fontVariantNumeric:"tabular-nums",flexShrink:0},children:vz(c)})]})]})}const jz=["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"],Sz="1.618034",zz={"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":Sz+" / 1","Golden-Vertical":"1 / "+Sz},wz={none:0,xs:1,sm:2,md:3,lg:4,xl:6};function Bz({ratio:r="1:1",children:i,variant:n="default",color:o="default",padding:l="none",fit:s="width",placeholder:c=!0,elevated:d=!1,clickable:h=!1,onClick:u,maxWidth:m,maxHeight:p,component:x="div",className:f="",sx:g={},...b}){const v=zz[r]||zz["1:1"],y=(j="default"===o?"Default":o).charAt(0).toUpperCase()+j.slice(1);var j;const S=c&&0===e.Children.count(i),z="default"===o?void 0:y,w="dark"===n?"Surface-Dimmest":"light"===n?"Surface-Brightest":void 0,B=void 0!==wz[l]?wz[l]:wz.none,k=h||!!u,C="default"===n,T=d?bp:gp,M=d?vp:bp;return t.jsx(a.Box,{component:x,onClick:k?u:void 0,role:k?"button":void 0,tabIndex:k?0:void 0,className:"ratio ratio-"+r.toLowerCase()+" ratio-"+n+(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!==m&&{maxWidth:m},...void 0!==p&&{maxHeight:p},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":w,sx:{width:"100%",height:"100%",padding:B,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(up,{size:"large",sx:{color:"var(--Background)"},children:t.jsx(Je,{})}):i})})}const kz=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Cz=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Tz=["default","solid","light","dark"],Mz=["none","xs","sm","md","lg","xl"];function Az({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Lz({color:e,selected:a,onClick:r,variant:i}){const o=kz(e),l={solid:o,light:o+"-Light",dark:o,default:void 0};return t.jsx(Dv,{component:"button","data-theme":l[i],"data-surface":{solid:"Surface",light:"Surface",dark:"Surface-Dimmest",default:"Surface"}[i],onClick:()=>r(e),"aria-label":"Select "+o,"aria-pressed":a,title:o,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(n,{sx:{fontSize:16,color:"var(--Text)",pointerEvents:"none"}})})}const Iz=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Nz=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Rz({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Fz({color:e,selected:r,onClick:i}){const o=Iz(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const Dz=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Wz=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Pz=[{value:"apple",label:"Apple"},{value:"banana",label:"Banana"},{value:"cherry",label:"Cherry"},{value:"date",label:"Date"},{value:"elderberry",label:"Elderberry"}],Hz=[{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 Oz({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Ez({color:e,selected:r,onClick:i}){const o=Dz(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const Vz={outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},qz={opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"};function Gz(e={}){const{selectedBg:a,selectedText:t,selectedHover:r,selectedPressed:i,muiPrefix:n}=e,o=n?"&.Mui-disabled":"&:disabled",l=n?"&.Mui-focusVisible":"&:focus-visible",s={"&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},[l]:Vz,[o]:{...qz,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 Qz({open:r,onClose:n,items:o=[],onItemClick:l,width:c=280,variant:d="temporary",header:h,footer:u,sx:m={},...p}){const[x,f]=e.useState(null),[g,b]=e.useState({}),v=(e,a)=>{f(a),l?.(e),"temporary"===d&&n?.()},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:[h&&t.jsx(a.Box,{sx:{p:2,borderBottom:"1px solid var(--Border-Variant)"},children:"string"==typeof h?t.jsx(a.Typography,{variant:"h6",sx:{fontWeight:700},children:h}):h}),t.jsx(a.List,{sx:{flex:1,overflow:"auto",py:1},children:o.map((e,r)=>{const n=x===r,o=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:()=>{o?(e=>{b(a=>({...a,[e]:!a[e]}))})(r):v(e,r)},selected:n&&!o,sx:{backgroundColor:n&&!o?"var(--Buttons-Primary-Button)":"transparent",color:n&&!o?"var(--Buttons-Primary-Text)":"var(--Text)",...Gz({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:n&&!o?"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:n&&!o?600:500}}),o&&t.jsx(a.Box,{sx:{ml:1},children:l?t.jsx(s,{}):t.jsx(i,{})})]})})}),o&&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)",...Gz({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)})}),u&&t.jsx(a.Box,{sx:{borderTop:"1px solid var(--Border-Variant)",p:2},children:"string"==typeof u?t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Quiet)"},children:u}):u})]});return"permanent"===d?t.jsx(a.Box,{sx:{width:c,flexShrink:0,...m},children:j}):t.jsx(a.Drawer,{variant:y,open:r,onClose:n,PaperProps:{sx:{width:c,backgroundColor:"var(--Container)",color:"var(--Text)",...m}},...p,children:j})}const Uz={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 Yz=!1;function Xz({children:r,open:i=!1,onClose:n,variant:o="light",surface:l,color:s="info",size:c="medium",anchor:d="bottom",autoHideDuration:h,startDecorator:u,endDecorator:m,action:p,className:x="",sx:f={},...g}){const b=e.useRef(null),v=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===s?"Default":s),y=Uz[c]||Uz.medium,j="small"===c?rt:nt,S="default"===s?"Default":v;"production"===process.env.NODE_ENV||"solid"!==o||Yz||(Yz=!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",w="var(--Buttons-"+v+"-Border)";e.useEffect(()=>{if(i&&h&&h>0)return b.current=setTimeout(()=>{n?.({},"timeout")},h),()=>clearTimeout(b.current)},[i,h,n]),e.useEffect(()=>{if(!i)return;const e=e=>{"Escape"===e.key&&n?.(e,"escapeKeyDown")};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i,n]);const B=e.useCallback(()=>{b.current&&clearTimeout(b.current)},[]),k=e.useCallback(()=>{i&&h&&h>0&&(b.current=setTimeout(()=>{n?.({},"timeout")},h))},[i,h,n]),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:B,onMouseLeave:k,className:"snackbar snackbar-"+o+" snackbar-"+c+" snackbar-"+d+" snackbar-"+s+" "+x,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 "+w,borderRadius:"var(--Style-Border-Radius)",boxShadow:vp,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:[u&&t.jsx(a.Box,{sx:{display:"inline-flex",flexShrink:0,lineHeight:1},children:u}),t.jsx(a.Box,{sx:{flex:1,minWidth:0},children:"string"==typeof r?t.jsx(j,{children:r}):r}),p&&t.jsx(a.Box,{sx:{display:"inline-flex",flexShrink:0},children:p}),m&&t.jsx(a.Box,{sx:{display:"inline-flex",flexShrink:0,lineHeight:1},children:m}),n&&t.jsx(Rx,{iconOnly:!0,variant:"ghost",size:"small",onClick:e=>n(e,"closeClick"),"aria-label":"Close notification",sx:{flexShrink:0,ml:"4px"},children:t.jsx(up,{size:"small",children:t.jsx(We,{})})})]})}):null}const Jz=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Zz=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],$z={info:t.jsx(m,{}),success:t.jsx(p,{}),warning:t.jsx(x,{}),error:t.jsx(f,{})};function Kz({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function _z({color:e,selected:r,onClick:i}){const o=Jz(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const ew={empty:{icon:t.jsx(Ze,{}),iconColor:"quiet",titleColor:"header",role:void 0},"no-results":{icon:t.jsx($e,{}),iconColor:"quiet",titleColor:"header",role:void 0},error:{icon:t.jsx(Ke,{}),iconColor:"error",titleColor:"error",role:"alert"}},aw={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 tw({type:r="empty",icon:i,title:n,body:o,action:l,size:s="medium",className:c="",sx:d={},...h}){const u=ew[r]||ew.empty,m=aw[s]||aw.medium,p="small"===s?rt:nt,x=e.useId(),f=n?x+"-title":void 0,g=o?x+"-body":void 0;return"production"===process.env.NODE_ENV||n||console.warn("[StateMessage] needs a `title`. A state message with no words is an empty box, which is the thing it exists to replace."),t.jsxs(a.Box,{className:"state-message state-message-"+r+" state-message-"+s+" "+c,role:u.role||"group","aria-labelledby":f,"aria-describedby":g,sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",gap:m.gap,padding:m.pad,width:"100%",boxSizing:"border-box",...d},...h,children:[t.jsx(up,{size:m.icon,color:u.iconColor,"aria-hidden":"true",children:i||u.icon}),n&&t.jsx(_a,{id:f,color:u.titleColor,children:n}),o&&t.jsx(p,{id:g,color:"quiet",sx:{maxWidth:m.maxWidth},children:o}),l&&t.jsx(a.Box,{sx:{marginTop:"4px"},children:l})]})}const rw={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},iw={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:56,fontSize:"var(--Lg-Button-Numbers, 16px)",dot:"var(--Lg-No-Count-Step, 16px)",connectorThickness:"var(--Lg-Step-Bar, 4px)",gap:0}},nw=e.createContext({orientation:"horizontal",size:"medium",color:"default",activeStep:0,clickable:!1,onStepClick:null,dashedIncomplete:!1,totalSteps:0,variant:"count"}),ow=()=>e.useContext(nw);function lw({theme:r,surface:i,children:n,orientation:o="horizontal",size:l="medium",color:s="default",activeStep:c=0,clickable:d=!1,onStepClick:h,dashedIncomplete:u=!1,variant:m="count",className:p="",sx:x={},...f}){const g=e.Children.toArray(n).filter(e.isValidElement),b=g.length,v="horizontal"===o;return t.jsx(nw.Provider,{value:{orientation:o,size:l,color:s,activeStep:c,clickable:d,onStepClick:h,dashedIncomplete:u,totalSteps:b,variant:m},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-"+o+" stepper-"+l+" stepper-"+s+" "+p,sx:{display:"flex",flexDirection:v?"row":"column",alignItems:v?"flex-start":"stretch",listStyle:"none",margin:0,padding:0,width:"100%",gap:0,...x},...f,children:g.map((a,t)=>e.cloneElement(a,{_index:t,key:a.key||t}))})})}function sw({children:e,icon:r,label:i,disabled:n=!1,_index:o=0,className:l="",sx:s={},...c}){const{orientation:d,size:h,color:u,activeStep:m,clickable:p,onStepClick:x,dashedIncomplete:f,totalSteps:g,variant:b}=ow(),v=p&&!n,y=iw[h]||iw.medium,j=rw[u]||"Default",S="horizontal"===d,z=o===m,w=o<m,B=o>m,k=o===g-1,C=r||o+1,T=i||e,M=B?"var(--Quiet)":"var(--Buttons-"+j+"-Border)",A=z?"var(--Buttons-"+j+"-Button)":"var(--Background)",L=z?"var(--Buttons-"+j+"-Text)":B?"var(--Quiet)":"var(--Buttons-"+j+"-Outline-Text)",I="var(--Buttons-"+j+"-Hover)",N="var(--Buttons-"+j+"-Pressed)",R="noCount"===b,F=t.jsx(a.Box,{component:v?"button":"div",onClick:v?()=>x?.(o):void 0,onKeyDown:v?e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),x?.(o))}:void 0,tabIndex:v?0:void 0,role:v?"button":void 0,"aria-label":v?"Go to step "+(o+1):void 0,"aria-current":z?"step":void 0,"aria-disabled":n||void 0,className:"step-indicator step-indicator-"+h+(z?" step-indicator-active":"")+(w?" step-indicator-completed":"")+(B?" 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:(w?"2px":"var(--Button-Border-Width, 1px)")+" solid "+M,backgroundColor:A,color:L,fontSize:y.fontSize,fontFamily:"var(--Font-Family-Button, var(--Font-Family-Body, inherit))",fontWeight:"var(--Button-Font-Weight, var(--Button-Small-Font-Weight, 700))",lineHeight:1,flexShrink:0,position:"relative",transition:"background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease",cursor:n?"not-allowed":v?"pointer":"default",outline:"none",padding:0,...n&&{opacity:"var(--Disabled, 0.38)"},..."small"===h&&{"&::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}),D=t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:S&&R?y.dot:y.indicator+"px",height:S?y.indicator+"px":R?y.dot:y.indicator+"px"},children:F}),W=o<m,P=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)`}:{width:y.connectorThickness,minHeight:"24px",marginLeft:`calc(${y.indicator/2}px - ${y.connectorThickness} / 2)`},backgroundColor:W?"var(--Buttons-"+j+"-Border)":"var(--Quiet)",...f&&!W&&{backgroundColor:"transparent",backgroundImage:S?"repeating-linear-gradient(90deg, var(--Quiet) 0px, var(--Quiet) 2px, transparent 2px, transparent 4px)":"repeating-linear-gradient(180deg, var(--Quiet) 0px, var(--Quiet) 4px, transparent 4px, transparent 8px)",backgroundSize:S?"4px 100%":"100% 8px"},transition:"background-color 0.15s ease"}}),H=z?"var(--Text)":B?"var(--Quiet)":"var(--Buttons-"+j+"-Border)",O=T?t.jsx(pt,{style:{fontWeight:z?600:400,color:H,textAlign:S?"center":"left",whiteSpace:"nowrap",flexShrink:0},children:T}):null;return S?t.jsxs(a.Box,{component:"li",className:"step step-"+h+" step-horizontal"+(z?" step-active":"")+(w?" step-completed":"")+(B?" step-incomplete":"")+" "+l,sx:{display:"flex",alignItems:"flex-start",flex:k?"none":1,...s},...c,children:[t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",flexShrink:0,width:R?y.dot:y.indicator+"px"},children:[D,O&&t.jsx(a.Box,{sx:{mt:"var(--Sizing-Half)",width:"100%",display:"flex",justifyContent:"center"},children:O})]}),P]}):t.jsxs(a.Box,{component:"li",className:"step step-"+h+" step-vertical"+(z?" step-active":"")+(w?" step-completed":"")+(B?" step-incomplete":"")+" "+l,sx:{display:"flex",flexDirection:"column",alignItems:"flex-start",...s},...c,children:[t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-1)"},children:[D,O]}),P]})}const cw=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",dw=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],hw=["Account","Details","Review","Confirm","Complete","Done"];function uw({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function mw({color:e,selected:r,onClick:i}){const o=cw(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const pw={small:"var(--Small-Button-Height, 24px)",medium:"var(--Button-Height, 32px)",large:"var(--Large-Button-Height, 56px)"},xw={position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"var(--Checkbox-Icon, 14px)",height:"var(--Checkbox-Icon, 14px)",borderRadius:"50%",backgroundColor:"var(--Background)",display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:"none"},fw={content:'""',position:"absolute",inset:"calc(-3px - var(--Button-Border-Width, 1px))",borderRadius:"var(--Button-Focus-Radius, 5px)",border:"2px solid var(--Focus-Visible)",pointerEvents:"none"};function gw({color:e,label:r,size:i="medium",fit:o="fixed",selected:l=!1,disabled:s=!1,radio:c=!1,onClick:d,className:h="",sx:u={},"aria-label":m,...p}){const x=Boolean(d)&&!s,f=Boolean(d),g=pw[i]||pw.medium,b=m||r||e,v=t.jsx(a.Box,{className:"swatch-chip",sx:{position:"relative",width:"fill"===o?"100%":g,height:g,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",...x&&{cursor:"pointer","&:hover":{backgroundImage:"linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))"},"&:active":{backgroundImage:"linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08))"}}},children:l&&!c&&f?t.jsx(a.Box,{className:"swatch-check",sx:xw,children:t.jsx(n,{"aria-hidden":"true",sx:{width:"80%",height:"80%",color:"var(--Icon, var(--Text))"}})}):null}),y=x?"button":"div";return t.jsxs(a.Box,{component:y,type:x?"button":void 0,onClick:x?d:void 0,disabled:!(!x||!s)||void 0,"aria-pressed":x?l:void 0,"aria-label":b,className:`swatch ${l?"swatch-selected":""} ${h}`.trim(),sx:{position:"relative",display:"inline-flex",flexDirection:"column",alignItems:"center",gap:"var(--Sizing-Half, 4px)",width:"fill"===o?"100%":"var(--Sizing-7, 56px)",padding:0,background:"none",border:"none",font:"inherit",color:"var(--Text)",...s&&{opacity:.38,pointerEvents:"none"},"&:focus":{outline:"none"},...x&&{"&:focus-visible":{outline:"none","& .swatch-chip::before":fw}},...u},...p,children:[v,c&&f?t.jsx(cb,{checked:l,disabled:s,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 bw={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},vw={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 yw({children:e,columns:r,rows:i,footerRows:n,variant:o="default",color:l="primary",loading:s=!1,skeletonRows:c=3,empty:d,error:h,size:u="medium",stripe:m="none",stickyHeader:p=!1,stickyFooter:x=!1,className:f="",sx:g={},...b}){const v=vw[u]||vw.medium,y="solid"===o,j="outlined"===o,S="light"===o,z=(e=>e.charAt(0).toUpperCase()+e.slice(1))(l),w=j?"1px solid var(--Buttons-"+z+"-Border)":"none",B={};y&&bw[l]&&(B["data-theme"]=bw[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)",p&&(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)",x&&(e.position="sticky",e.bottom=0,e.zIndex=2),e},T=e=>"none"===m?"Surface":"odd"===m?e%2==0?"Surface":"Surface-Dim":"even"===m&&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=h?"error":s?"loading":i&&0===i.length&&d?"empty":null,L=Boolean(n&&n.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-"+o+(y||S||j?" table-"+l:"")+" "+f,...B,"aria-busy":"loading"===A?"true":void 0,sx:{width:"100%",overflow:"auto",border:w,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(),...p?{"& thead th":{...k(),position:"sticky",top:0,zIndex:2}}:{},...x?{"& 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(za,{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(h),"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,n)=>t.jsx(a.Box,{component:"td",sx:{...M(),...r[n]&&r[n].align?{textAlign:r[n].align}:{}},children:e},"c-"+i+"-"+n))},"r-"+i))}),L&&t.jsx(a.Box,{component:"tfoot",children:n.map((e,i)=>t.jsx(a.Box,{component:"tr",children:(Array.isArray(e)?e:r.map(a=>e[a.field||a.key])).map((e,n)=>t.jsx(a.Box,{component:"td",sx:{...C(),...r[n]&&r[n].align?{textAlign:r[n].align}:{},..."loading"===A?Sa():{}},children:e},"fc-"+i+"-"+n))},"f-"+i))})]}):null:e})})}function jw({label:r,value:i="",onChange:n,placeholder:o,error:l=!1,errorMessage:s="",disabled:c=!1,helperText:d="",variant:h="outlined",size:u="medium",type:m="text",required:p=!1,fullWidth:x=!0,startAdornment:f,endAdornment:g,sx:b={},"aria-label":v,"aria-labelledby":y,onFocus:j,onBlur:S,...z}){const[w,B]=e.useState(!1),k=l?"var(--Buttons-Error-Border)":w?"var(--Buttons-Primary-Border)":"var(--Border)",C=l||w?"var(--Text)":"var(--Text-Quiet)",T="var(--Text)";return t.jsxs(a.Box,{sx:{width:x?"100%":"auto"},children:[t.jsx(a.TextField,{label:r,value:i,onChange:n,placeholder:o,disabled:c,variant:h,size:u,type:m,required:p,onFocus:e=>{B(!0),j?.(e)},onBlur:e=>{B(!1),S?.(e)},error:l,fullWidth:x,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:x?"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})]})}function Sw({error:e=!1,errorMessage:a="",rows:r=4,fullWidth:i=!0,...n}){return t.jsx(ib,{multiline:!0,rows:r,fullWidth:i,...e&&{validation:"error",validationMessage:a},...n})}const zw=Object.fromEntries(["Default","Primary","Secondary","Tertiary","Neutral"].map(e=>[e.toLowerCase(),{theme:e}])),ww={"primary-light":{theme:"Primary",surface:"Surface-Brightest"},white:{theme:"Neutral",surface:"Surface-Brightest"},black:{theme:"Neutral",surface:"Surface-Dimmest"}};function Bw({items:r=[],value:i,defaultValue:n,onChange:o,type:l="floating",orientation:s="horizontal",color:c="default",surface:d,fab:h,className:u="",sx:m={},...p}){const[x,f]=e.useState(n??null),g=void 0!==i,b=g?i:x,v=e.useCallback(e=>{const a=b===e?null:e;g||f(a),o?.(a)},[g,b,o]),y=zw[c]||ww[c]||zw.default,j=y.theme,S=d||y.surface,z="vertical"===s,w="floating"===l,B=t.jsx(a.Box,{role:"toolbar","aria-orientation":s,"aria-label":"Toolbar","data-theme":j,"data-surface":S||"Surface",className:"toolbar toolbar-"+l+" toolbar-"+s+" toolbar-"+c+" "+u,sx:{display:"inline-flex",flexDirection:z?"column":"row",alignItems:"center",gap:"4px",width:"fit-content",backgroundColor:"var(--Background)",border:"1px solid var(--Border-Variant)",borderRadius:w?"56px":"var(--Style-Border-Radius)",padding:w?z?"16px 8px":"8px 16px":"8px",fontFamily:"inherit",flexShrink:0,...w&&{boxShadow:bp},...m},...p,children:r.map((e,a)=>{const r=b===a;return t.jsx(Rx,{iconOnly:!0,variant:r?"default":"ghost",size:"small",onClick:()=>v(a),"aria-label":e.label,"aria-checked":r,role:"radio",children:t.jsx(up,{size:"small",sx:{color:"inherit"},children:e.icon})},e.key||a)})});return h&&w?t.jsxs(a.Box,{sx:{display:"inline-flex",flexDirection:z?"column":"row",alignItems:"center",gap:1},children:[B,t.jsx(Pg,{color:h.color||c,size:h.size||"medium",onClick:h.onClick,"aria-label":h.label||"Action",children:h.icon})]}):B}const kw=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Cw=[{icon:t.jsx(_e,{}),label:"Bold"},{icon:t.jsx(ea,{}),label:"Italic"},{icon:t.jsx(aa,{}),label:"Underline"},{icon:t.jsx(ta,{}),label:"Align left"},{icon:t.jsx(ra,{}),label:"Align center"}];function Tw({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const Mw=wp,Aw={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Lw={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Iw={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 Nw({children:e,title:r,variant:i="solid",color:n="black-white",size:o="medium",placement:l="bottom",arrow:s=!0,open:c,enterDelay:d=100,leaveDelay:h=0,describeChild:u=!1,className:m="",sx:p={},...x}){const f=Iw[o]||Iw.medium,g="solid"===i,b="light"===i,v="outline"===i,y=Mw(n),j=(e=>String(e).startsWith("left")||String(e).startsWith("right"))(l),S=g?Aw[n]:b?Lw[n]:null,z="var(--Buttons-"+y+"-Button)",w="var(--Buttons-"+y+"-Text)",B=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-"+n+" tooltip-"+o+" "+m,sx:{backgroundColor:z,color:w,border:B,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)",...p},children:r}):"",placement:l,arrow:s,enterDelay:d,leaveDelay:h,describeChild:u,...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%"}}}},...x,children:e})}const Rw={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}},Fw={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 Dw=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Ww=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Pw=e=>t.jsx(a.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:e,flexShrink:0}}),Hw=[{id:"1",label:"Documents",icon:t.jsx(Ge,{}),badge:Pw("var(--Warning-Text, orange)"),children:[{id:"1-1",label:"Company",icon:t.jsx(ia,{}),badge:Pw("var(--Warning-Text, orange)"),children:[{id:"1-1-1",label:"Invoice",icon:t.jsx(oa,{})},{id:"1-1-2",label:"Meeting notes",icon:t.jsx(na,{})},{id:"1-1-3",label:"Tasks list",icon:t.jsx(na,{})},{id:"1-1-4",label:"Equipment",icon:t.jsx(oa,{})},{id:"1-1-5",label:"Video conference",icon:t.jsx(la,{})}]},{id:"1-2",label:"Personal",icon:t.jsx(Ge,{})},{id:"1-3",label:"Group photo",icon:t.jsx(Je,{})}]},{id:"2",label:"Bookmarked",icon:t.jsx(Ve,{}),children:[{id:"2-1",label:"Favourites",icon:t.jsx(na,{})}]},{id:"3",label:"History",icon:t.jsx(Ge,{})},{id:"4",label:"Trash",icon:t.jsx(y,{}),disabled:!0}],Ow=JSON.stringify(zS,null,2);function Ew({ratio:e,threshold:r}){if(!e)return t.jsx(ht,{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(ht,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function Vw({label:e,ratio:r,threshold:i,note:n}){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(rt,{style:{color:"var(--Text)"},children:e}),n&&t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),t.jsx(Ew,{ratio:r,threshold:i})]})}function qw({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Gw({color:e,selected:r,onClick:i}){const o=Dw(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}function Qw({value:r,onChange:i}){const[n,o]=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(ft,{style:{color:"var(--Text-Quiet)"},children:"TREE DATA (JSON)"}),t.jsx(Rx,{variant:"ghost",size:"small",onClick:()=>{o(Ow),s(null),i(zS)},children:"Reset"})]}),t.jsx(a.Box,{component:"textarea",value:n,onChange:e=>{o(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(ht,{style:{color:"#f87171",display:"block",marginTop:4},children:["JSON error: ",l]})]})}const Uw=["outlined","light","ghost"];let Yw=!1;function Xw(e){Yw||"production"===process.env.NODE_ENV||(Yw=!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 Jw({variant:e,color:a,exclusive:r,multiple:i,onChange:n,allowEmpty:o=!1,separated:l=!1,...s}){const c=void 0===e||Uw.includes(e);c||Xw(`variant="${e}" names a COLOR.`),void 0!==r&&Xw("`exclusive` is `multiple` inverted.");const d=void 0!==i?i:void 0!==r&&!r,h=!c||void 0!==r;return t.jsx(ky,{__selectionOwner:!0,variant:c&&e||"outlined",color:void 0!==a?a:c?void 0:e,multiple:d,allowEmpty:o,separated:l,onChange:n?h?(e,a)=>n(a,e):n:void 0,...s})}const Zw=e=>{const a=a=>t.jsx(Jw,{color:e,...a});return a.displayName=`${e}ToggleButtonGroup`,a},$w=Zw("default"),Kw=Zw("primary"),_w=Zw("secondary"),eB=Zw("tertiary"),aB=Zw("neutral"),tB=Zw("black-white"),rB=Zw("info"),iB=Zw("success"),nB=Zw("warning"),oB=Zw("error"),lB={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)"}}};function sB({children:e,selected:r=!1,onChange:i,value:n,sx:o={},...l}){return t.jsx(a.ToggleButton,{value:n,selected:r,onChange:i,sx:{border:"1px solid var(--Border)",...lB,...o},...l,children:e})}const cB=new Set;function dB({children:e,surface:r="Surface",variant:i,color:n="default",elevated:o=!1,component:l="div",className:s="",sx:c={},...d}){const h=(u="default"===n?"Default":n).charAt(0).toUpperCase()+u.slice(1);var u;const m="default"===n?"Default":h;!function(e){void 0!==e&&("production"===process.env.NODE_ENV||cB.has(e)||(cB.add(e),console.warn('[Sheet] variant="'+e+'" — Sheet has no variants. Set `surface` directly: light was surface="Surface-Brightest", dark was surface="Surface-Dimmest", solid was the default surface="Surface".')))}(i);const p=r,x=o?vp:bp,f=o?yp:vp;return t.jsx(a.Box,{component:l,className:"sheet sheet-"+n+(o?" sheet-elevated":"")+(s?" "+s:""),sx:{border:"1px solid var(--Border-Variant)",borderRadius:"var(--Style-Border-Radius)",boxShadow:x,overflow:"hidden",transition:"box-shadow 0.2s ease","&:hover":{boxShadow:f},...c},...d,children:t.jsx(a.Box,{"data-theme":m,"data-surface":p,sx:{backgroundColor:"var(--Background)",color:"var(--Text)",padding:"var(--Card-Padding)",borderRadius:"calc(var(--Style-Border-Radius) - 1px)",fontFamily:"inherit"},children:e})})}function hB(e,a){return e.filter(e=>!a.includes(e))}function uB(e,a){return e.filter(e=>a.includes(e))}function mB({theme:r,surface:i,leftItems:n,rightItems:o,defaultLeftItems:l=[],defaultRightItems:s=[],onChange:c,leftTitle:d="Available",rightTitle:h="Chosen",mode:u="basic",disabled:m=!1,className:p="",sx:x={},...f}){const g=void 0!==n&&void 0!==o,[b,v]=e.useState(l),[y,j]=e.useState(s),[S,z]=e.useState([]),w=g?n:b,B=g?o:y,k=uB(S,w),C=uB(S,B),T="enhanced"===u,M=e.useCallback((e,a)=>{g||(v(e),j(a)),c?.({left:e,right:a})},[g,c]),A=e=>{m||z(a=>a.includes(e)?a.filter(a=>a!==e):[...a,e])},L=(e,r,i)=>{const n=r.length>0&&r.every(e=>S.includes(e)),o=r.some(e=>S.includes(e))&&!n,l=T?i.length+"/"+r.length:r.length+" items";return t.jsx(a.Box,{sx:{flex:1,minWidth:0},children:t.jsx(a.Box,{sx:{borderRadius:"var(--Card-Radius)",boxShadow:"none"},children:t.jsxs(a.Box,{"data-surface":"Container",sx:{backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Card-Radius)",overflow:"hidden",display:"flex",flexDirection:"column",gap:0,opacity:m?"var(--Disabled, 0.38)":1},children:[t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"row",alignItems:"flex-start",justifyContent:"flex-start",gap:1,boxSizing:"border-box",minHeight:"40px",padding:"12px 16px"},children:[T&&t.jsx(yg,{size:"small",variant:"default-outline",checked:n,indeterminate:o,onChange:()=>(e=>{if(m)return;const a=e.every(e=>S.includes(e));z(a?a=>hB(a,e):a=>[...new Set([...a,...e])])})(r),disabled:m||0===r.length,"aria-label":n?"Deselect all":"Select all"}),t.jsx(rt,{style:{flex:1,fontWeight:700,color:"var(--Text)"},children:e}),t.jsx(ht,{style:{color:"var(--Quiet)"},children:l})]}),t.jsx(Jg,{orientation:"horizontal",color:"default",size:"small"}),t.jsxs(a.Box,{component:"ul",role:"list",sx:{m:0,listStyle:"none",padding:"12px 16px",display:"flex",flexDirection:"column",gap:"16px",overflowY:"auto",maxHeight:240},children:[r.map(e=>{const r=S.includes(e);return t.jsxs(a.Box,{component:"li",role:"listitem",onClick:()=>A(e),sx:{display:"flex",alignItems:"center",gap:1,cursor:m?"not-allowed":"pointer"},children:[t.jsx(yg,{size:"small",variant:"default-outline",checked:r,onChange:()=>A(e),disabled:m,"aria-label":"Select "+e,sx:{pointerEvents:"none"}}),t.jsx(rt,{style:{color:"var(--Text)",flex:1},children:e})]},e)}),0===r.length&&t.jsx(a.Box,{component:"li",sx:{p:2,textAlign:"center"},children:t.jsx(ht,{style:{color:"var(--Quiet)"},children:"No items"})})]})]})})})};return t.jsxs(a.Box,{className:"transfer-list transfer-list-"+u+(m?" transfer-list-disabled":"")+(p?" "+p:""),"data-theme":r||void 0,"data-surface":i||void 0,role:"group","aria-label":"Transfer list",sx:{display:"flex",flexDirection:"row",alignItems:"flex-start",justifyContent:"center",gap:"4px",fontFamily:"inherit",...x},...f,children:[L(d,w,k),t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"column",gap:"8px",padding:"8px",flexShrink:0,alignSelf:"center"},children:[T&&t.jsx(Rx,{iconOnly:!0,variant:"default-outline",size:"small",onClick:()=>{M([],[...B,...w]),z([])},disabled:m||0===w.length,"aria-label":"Move all right",children:t.jsx(up,{size:"small",children:t.jsx(da,{})})}),t.jsx(Rx,{iconOnly:!0,variant:"default-outline",size:"small",onClick:()=>{M(hB(w,k),[...B,...k]),z(hB(S,k))},disabled:m||0===k.length,"aria-label":"Move selected right",children:t.jsx(up,{size:"small",children:t.jsx(Le,{})})}),t.jsx(Rx,{iconOnly:!0,variant:"default-outline",size:"small",onClick:()=>{M([...w,...C],hB(B,C)),z(hB(S,C))},disabled:m||0===C.length,"aria-label":"Move selected left",children:t.jsx(up,{size:"small",children:t.jsx(Ae,{})})}),T&&t.jsx(Rx,{iconOnly:!0,variant:"default-outline",size:"small",onClick:()=>{M([...w,...B],[]),z([])},disabled:m||0===B.length,"aria-label":"Move all left",children:t.jsx(up,{size:"small",children:t.jsx(ha,{})})})]}),L(h,B,C)]})}const pB=[{icon:t.jsx(v,{}),label:"Home"},{icon:t.jsx(S,{}),label:"Search"},{icon:t.jsx(b,{}),label:"Favorites",badge:3},{icon:t.jsx(w,{}),label:"Profile"},{icon:t.jsx(j,{}),label:"Settings"}],xB=[{label:"Home"},{label:"Inbox"},{label:"Projects"},{label:"Settings"}],fB=[{label:"Dessert",field:"name",width:"50%"},{label:"Calories",field:"calories",align:"right"},{label:"Fat (g)",field:"fat",align:"right"}],gB=[{name:"Frozen yoghurt",calories:159,fat:6},{name:"Ice cream sandwich",calories:237,fat:9},{name:"Eclair",calories:262,fat:16}],bB=[{value:"light",label:"Light"},{value:"dark",label:"Dark"},{value:"system",label:"System"}],vB=[{icon:t.jsx(_e,{}),label:"Bold"},{icon:t.jsx(ea,{}),label:"Italic"},{icon:t.jsx(aa,{}),label:"Underline"}],yB=[{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"}],jB=({w:e=320,h:a,pad:r=0,children:i})=>t.jsx("div",{style:{width:e,height:a,position:"relative",overflow:"hidden",padding:r?`0 ${r}px`:void 0,boxSizing:"border-box"},children:i}),SB=()=>{const[a,r]=e.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(Rx,{onClick:()=>r(!0),children:"Open modal"}),t.jsx(lz,{open:a,onClose:()=>r(!1),title:"Rename project",children:t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsx(nt,{children:"Modals take the whole screen's attention, so they owe the reader a way out."}),t.jsx(Rx,{onClick:()=>r(!1),children:"Done"})]})})]})},zB=()=>{const[a,r]=e.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(Rx,{onClick:()=>r(!0),children:"Open dialog"}),t.jsx(pS,{open:a,onClose:()=>r(!1),title:"Discard changes?",actions:t.jsxs(t.Fragment,{children:[t.jsx(Rx,{variant:"outline",onClick:()=>r(!1),children:"Keep editing"}),t.jsx(Rx,{variant:"error",onClick:()=>r(!1),children:"Discard"})]}),children:t.jsx(nt,{children:"This cannot be undone."})})]})},wB=()=>{const[a,r]=e.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(Rx,{onClick:()=>r(!0),children:"Open drawer"}),t.jsx(pj,{open:a,onClose:()=>r(!1),children:t.jsxs(yv,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)",minWidth:240},children:[t.jsx(Xa,{children:"Filters"}),t.jsx(PS,{items:xB,clickable:!0}),t.jsx(Rx,{onClick:()=>r(!1),children:"Close"})]})})]})},BB=()=>{const[a,r]=e.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(Rx,{onClick:()=>r(!0),children:"Show snackbar"}),t.jsx(Xz,{open:a,onClose:()=>r(!1),color:"success",autoHideDuration:4e3,children:"Project saved."})]})},kB=()=>{const[a,r]=e.useState(!1),i=e.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsx(Rx,{ref:i,onClick:()=>r(e=>!e),children:"Open popover"}),t.jsx(cz,{open:a,onClose:()=>r(!1),anchorRef:i,width:260,children:t.jsx(yv,{gap:"var(--Sizing-1)",style:{padding:"var(--Sizing-2)"},children:t.jsx(nt,{children:"A panel anchored to the thing that opened it, rendered through a portal so no ancestor can clip it."})})})]})};function CB(){const[a,r]=e.useState("left"),[i,n]=e.useState("day");return t.jsxs(yv,{gap:"var(--Sizing-3)",style:{alignItems:"flex-start"},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start"},children:[t.jsx(ht,{color:"quiet",children:"joined — one control, shared edges"}),t.jsxs(Jw,{value:a,onChange:r,"aria-label":"Alignment",children:[t.jsx(Rx,{value:"left",children:"Left"}),t.jsx(Rx,{value:"center",children:"Center"}),t.jsx(Rx,{value:"right",children:"Right"})]})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start"},children:[t.jsx(ht,{color:"quiet",children:"separated — the same choice, gapped"}),t.jsxs(Jw,{value:i,onChange:n,separated:!0,"aria-label":"View",children:[t.jsx(Rx,{value:"day",children:"Day"}),t.jsx(Rx,{value:"week",children:"Week"}),t.jsx(Rx,{value:"month",children:"Month"})]})]})]})}function TB(){return t.jsxs(yv,{gap:"var(--Sizing-3)",style:{alignItems:"flex-start"},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start"},children:[t.jsx(ht,{color:"quiet",children:"ButtonGroup — three things you can do"}),t.jsxs(ky,{"aria-label":"Actions",children:[t.jsx(Rx,{onClick:()=>{},children:"Save"}),t.jsx(Rx,{onClick:()=>{},children:"Duplicate"}),t.jsx(Rx,{onClick:()=>{},children:"Delete"})]})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start"},children:[t.jsx(ht,{color:"quiet",children:"ToggleButtonGroup — one answer, and never none"}),t.jsx(CB,{})]})]})}function MB(){const[a,r]=e.useState(!1),[i,n]=e.useState(42);return t.jsx(yz,{title:"Weather Report",subtitle:"The Mercury Lamps",avatarInitials:"ML",playing:a,onPlayPause:r,position:i,onSeek:n,duration:195,onPrevious:()=>n(0),onNext:()=>n(0)})}function AB(){const[a,r]=e.useState(!0);return t.jsx(sB,{selected:a,onChange:()=>r(!a),"aria-label":"Bold",children:t.jsx(_e,{})})}const LB={ToggleButton:()=>t.jsx(AB,{}),Player:()=>t.jsx(MB,{}),ButtonGroup:()=>t.jsx(TB,{}),ToggleButtonGroup:()=>t.jsx(CB,{}),AppBar:()=>t.jsx(jB,{w:"100%",children:t.jsx(Sj,{navLinks:[{label:"Work"},{label:"Studio"},{label:"Contact"}]})}),Autocomplete:()=>t.jsx(jB,{children:t.jsx(Nj,{label:"Theme",options:["Light","Dark","System","High contrast"],placeholder:"Type to search"})}),BottomNavigation:()=>t.jsx(jB,{w:360,children:t.jsx(Yj,{items:pB.slice(0,4),defaultValue:0})}),CodeBlock:()=>t.jsx(jB,{w:"100%",children:t.jsx(Ff,{code:"npm install @omni-design/components",language:"bash"})}),Dialog:()=>t.jsx(zB,{}),Drawer:()=>t.jsx(wB,{}),DropZone:()=>t.jsx(jB,{w:360,children:t.jsx(TS,{label:"Drop a file here",sublabel:"PNG or SVG, up to 2 MB"})}),IconBadge:()=>t.jsx(IS,{color:"primary",children:t.jsx(h,{})}),List:()=>t.jsx(jB,{children:t.jsx(PS,{items:xB,clickable:!0})}),Loader:()=>t.jsx(OS,{message:"Loading projects…"}),Menu:()=>t.jsxs(YS,{children:[t.jsx(XS,{children:"Actions"}),t.jsxs(JS,{children:[t.jsx(ZS,{children:"Rename"}),t.jsx(ZS,{children:"Duplicate"}),t.jsx($S,{}),t.jsx(ZS,{disabled:!0,children:"Delete"})]})]}),Modal:()=>t.jsx(SB,{}),Paper:()=>t.jsx(sz,{surface:"Container",children:t.jsxs(yv,{gap:"var(--Sizing-1)",style:{padding:"var(--Sizing-3)",minWidth:220},children:[t.jsx(Xa,{children:"Paper"}),t.jsx(nt,{children:"A surface at one container level, with the elevation that level implies."})]})}),Popover:()=>t.jsx(kB,{}),Sheet:()=>t.jsx(jB,{w:320,children:t.jsx(dB,{surface:"Surface-Bright",elevated:!0,sx:{padding:"var(--Sizing-3)"},children:t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsx(_a,{color:"standard",children:"Export settings"}),t.jsx(rt,{color:"quiet",children:"A panel that carries its own surface, for content that should read as sitting above the page rather than on it."})]})})}),TransferList:()=>t.jsx(mB,{leftTitle:"Available",rightTitle:"Chosen",defaultLeftItems:["Colors","Typography","Spacing"],defaultRightItems:["Elevation"]}),Rail:()=>t.jsx(jB,{w:88,h:320,children:t.jsx(pz,{items:pB,defaultValue:0})}),Ratio:()=>t.jsx(jB,{w:240,children:t.jsx(Bz,{ratio:"16:9"})}),SearchField:()=>t.jsx(jB,{children:t.jsx(Jy,{placeholder:"Search projects…"})}),Select:()=>t.jsx(jB,{children:t.jsx(Ap,{label:"Appearance",options:bB,defaultValue:"system"})}),Sidebar:()=>t.jsx(jB,{w:280,h:320,children:t.jsx(Qz,{variant:"permanent",open:!0,items:xB,width:280})}),Snackbar:()=>t.jsx(BB,{}),StateMessage:()=>t.jsx(jB,{w:360,children:t.jsx(tw,{type:"empty",title:"No projects yet",body:"Create one to get started.",action:t.jsx(Rx,{size:"small",children:"New project"})})}),Stepper:()=>t.jsx(jB,{w:440,pad:48,children:t.jsxs(lw,{activeStep:1,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})}),Swatch:()=>t.jsx(gw,{color:"#70947b",label:"Primary"}),Table:()=>t.jsx(jB,{w:"100%",children:t.jsx(yw,{columns:fB,rows:gB})}),Tag:()=>t.jsx(Zb,{color:"primary",children:"Beta"}),TextField:()=>t.jsx(jB,{children:t.jsx(jw,{label:"Project name",placeholder:"Untitled"})}),Toolbar:()=>t.jsx(Bw,{items:vB,defaultValue:0}),Tooltip:()=>t.jsx(Nw,{title:"Rename this project",children:t.jsx(Rx,{variant:"outline",children:"Hover me"})}),TreeView:()=>t.jsx(jB,{children:t.jsx(SS,{items:yB,defaultExpandedItems:["src","components"]})})},IB="npm install @omni-design/components",NB={Typography:{textStyle:()=>t.jsx(yv,{gap:"var(--Sizing-1)",style:{alignItems:"flex-start"},children:[["h2","A heading"],["subtitle","A subtitle"],["body","Body copy"],["caption","A caption"]].map(([e,a])=>t.jsx(Ey,{label:e,emphasis:"body"===e,children:t.jsx(Qa,{textStyle:e,children:a})},e))}),color:()=>t.jsx(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap"},children:["standard","quiet","primary","success","error"].map(e=>t.jsx(Ey,{label:e,emphasis:"standard"===e,children:t.jsx(nt,{color:e,children:"Body"})},e))}),noWrap:()=>t.jsx(yv,{gap:"var(--Sizing-2)",children:[!1,!0].map(e=>t.jsx(Ey,{label:String(e),emphasis:!e,children:t.jsx("div",{style:{width:180},children:t.jsx(nt,{noWrap:e,children:"A line long enough to need wrapping or an ellipsis."})})},String(e)))}),altMode:()=>t.jsx(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:["default","colored","gradient"].map(e=>t.jsx(Ey,{label:e,emphasis:"default"===e,children:t.jsx(Qa,{textStyle:"alt-display-small",altMode:e,children:"Alt"})},e))}),width:()=>t.jsx(yv,{gap:"var(--Sizing-2)",children:["hug","fill"].map(e=>t.jsx(Ey,{label:e,emphasis:"hug"===e,children:t.jsx(Dv,{surface:"Container",style:{width:240},children:t.jsx(nt,{width:e,children:"Text"})})},e))}),gutterBottom:()=>t.jsx(yv,{gap:"var(--Sizing-2)",children:[!1,!0].map(e=>t.jsx(Ey,{label:String(e),emphasis:!e,children:t.jsxs("div",{children:[t.jsx(nt,{gutterBottom:e,children:"First line."}),t.jsx(nt,{children:"Second line."})]})},String(e)))})},ToggleButton:{selected:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"false",emphasis:!0,children:t.jsx(sB,{"aria-label":"Bold",children:t.jsx(_e,{})})}),t.jsx(Ey,{label:"true",children:t.jsx(sB,{selected:!0,"aria-label":"Bold",children:t.jsx(_e,{})})})]})},CircularProgress:{size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(Jv,{size:e,value:68})}),showValue:()=>t.jsx(Gy,{offLabel:"false",onLabel:"true",render:e=>t.jsx(Jv,{value:68,showValue:e})})},LinearProgress:{size:()=>t.jsx(yv,{gap:"var(--Sizing-2)",children:["small","medium","large"].map(e=>t.jsx(Ey,{label:e,emphasis:"medium"===e,children:t.jsx("div",{style:{width:280},children:t.jsx(Vv,{size:e,value:68})})},e))})},Player:{size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx("div",{style:{width:420},children:t.jsx(yz,{size:e,title:"Weather Report",subtitle:"The Mercury Lamps",avatarInitials:"ML",defaultPosition:42,duration:195,onSeek:()=>{},onPlayPause:()=>{}})})}),"playing / defaultPlaying":()=>t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsx(Ey,{label:"paused",emphasis:!0,children:t.jsx("div",{style:{width:420},children:t.jsx(yz,{title:"Weather Report",avatarInitials:"ML",defaultPosition:42,duration:195,onSeek:()=>{},onPlayPause:()=>{}})})}),t.jsx(Ey,{label:"playing",children:t.jsx("div",{style:{width:420},children:t.jsx(yz,{playing:!0,title:"Weather Report",avatarInitials:"ML",defaultPosition:42,duration:195,onSeek:()=>{},onPlayPause:()=>{}})})})]}),showTime:()=>t.jsx(Gy,{offLabel:"true",onLabel:"false",render:e=>t.jsx("div",{style:{width:420},children:t.jsx(yz,{showTime:!e,title:"Weather Report",avatarInitials:"ML",defaultPosition:42,duration:195,onSeek:()=>{},onPlayPause:()=>{}})})}),disabled:()=>t.jsx(Gy,{render:e=>t.jsx("div",{style:{width:420},children:t.jsx(yz,{disabled:e,title:"Weather Report",avatarInitials:"ML",defaultPosition:42,duration:195,onSeek:()=>{},onPlayPause:()=>{}})})})},Button:{selected:()=>t.jsx(Gy,{offLabel:"unselected",onLabel:"selected",render:e=>t.jsx(Rx,{variant:"outline",selected:e,children:"Bold"})}),avatar:()=>t.jsx(Gy,{offLabel:"text button",onLabel:"avatar",render:e=>e?t.jsx(Rx,{avatar:!0,"aria-label":"Jane Doe",children:t.jsx(ox,{})}):t.jsx(Rx,{children:"Jane Doe"})}),letterNumber:()=>t.jsx(Gy,{offLabel:"text button",onLabel:"letterNumber",render:e=>e?t.jsx(Rx,{letterNumber:!0,"aria-label":"3 unread",children:"3"}):t.jsx(Rx,{children:"3 unread"})})},Chip:{variant:()=>t.jsx(Vy,{values:Hy,defaultValue:"primary",render:e=>t.jsx(Qx,{variant:e,label:"Label"})}),selected:()=>t.jsx(Gy,{render:e=>t.jsx(Qx,{label:"Design",selected:e,clickable:!0}),offLabel:"unselected",onLabel:"selected"}),clickable:()=>t.jsx(Gy,{render:e=>t.jsx(Qx,{label:"Design",clickable:e}),offLabel:"static",onLabel:"clickable"}),disabled:()=>t.jsx(Gy,{render:e=>t.jsx(Qx,{label:"Design",clickable:!0,disabled:e}),offLabel:"enabled",onLabel:"disabled"})},Badge:{variant:()=>t.jsx(Vy,{values:Hy,defaultValue:"primary",render:e=>t.jsx(xx,{variant:e,badgeContent:4,children:t.jsx(up,{children:t.jsx(d,{})})})}),dot:()=>t.jsx(Gy,{render:e=>t.jsx(xx,{dot:e,badgeContent:4,children:t.jsx(up,{children:t.jsx(d,{})})}),offLabel:"count",onLabel:"dot"}),showZero:()=>t.jsx(Gy,{render:e=>t.jsx(xx,{showZero:e,badgeContent:0,children:t.jsx(up,{children:t.jsx(d,{})})}),offLabel:"0 hidden",onLabel:"0 shown"}),invisible:()=>t.jsx(Gy,{render:e=>t.jsx(xx,{invisible:e,badgeContent:4,children:t.jsx(up,{children:t.jsx(d,{})})}),offLabel:"visible",onLabel:"invisible"}),overlap:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"rectangular",emphasis:!0,children:t.jsx(xx,{badgeContent:4,overlap:"rectangular",children:t.jsx(ox,{initials:"JD"})})}),t.jsx(Ey,{label:"circular",children:t.jsx(xx,{badgeContent:4,overlap:"circular",children:t.jsx(ox,{initials:"JD"})})})]})},Alert:{color:()=>t.jsx(qy,{values:["info","success","warning","error"],defaultValue:"info",render:e=>t.jsxs(Gf,{color:e,children:[e," — something worth saying."]})}),size:()=>t.jsx(qy,{values:Oy,defaultValue:"medium",render:e=>t.jsxs(Gf,{color:"info",size:e,children:["Size ",e,"."]})})},Avatar:{defaultPhoto:()=>t.jsx(Gy,{render:e=>t.jsx(ox,{defaultPhoto:e}),offLabel:"no photo",onLabel:"default photo"}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(ox,{size:e,initials:"JD"})}),clickable:()=>t.jsx(Gy,{render:e=>t.jsx(ox,{initials:"JD",clickable:e,"aria-label":e?"Jane Doe, open menu":void 0}),offLabel:"static",onLabel:"clickable"})},Icon:{color:()=>t.jsx(Vy,{values:["default",...Hy,"quiet"],defaultValue:"default",render:e=>t.jsx(up,{color:e,children:t.jsx(b,{})})}),size:()=>t.jsx(Vy,{values:["xxs","xs","small","medium","large","xl","xxl"],defaultValue:"medium",render:e=>t.jsx(up,{size:e,color:"primary",children:t.jsx(b,{})})}),twoTone:()=>t.jsx(Gy,{render:e=>t.jsx(up,{color:"primary",twoTone:e,size:"large",children:t.jsx(b,{})}),offLabel:"solid",onLabel:"twoTone"}),disabled:()=>t.jsx(Gy,{render:e=>t.jsx(up,{color:"primary",disabled:e,children:t.jsx(b,{})}),offLabel:"enabled",onLabel:"disabled"})},Swatch:{fit:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsx(Ey,{label:"fixed",emphasis:!0,width:300,children:t.jsx(vv,{gap:"var(--Sizing-1)",children:["#505b45","#8a9a7b","#c9d4bd"].map(e=>t.jsx(gw,{color:e},e))})}),t.jsx(Ey,{label:"fill",width:300,children:t.jsx(vv,{gap:"var(--Sizing-1)",style:{width:300},children:["#505b45","#8a9a7b","#c9d4bd"].map(e=>t.jsx("div",{style:{flex:1},children:t.jsx(gw,{color:e,fit:"fill"})},e))})})]}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(gw,{color:"#70947b",size:e})}),selected:()=>t.jsx(Gy,{render:e=>t.jsx(gw,{color:"#70947b",label:"Primary",selected:e}),offLabel:"unselected",onLabel:"selected"}),disabled:()=>t.jsx(Gy,{render:e=>t.jsx(gw,{color:"#70947b",label:"Primary",disabled:e}),offLabel:"enabled",onLabel:"disabled"}),radio:()=>t.jsx(Gy,{render:e=>t.jsx(gw,{color:"#70947b",label:"Primary",radio:e,selected:!0}),offLabel:"chip carries it",onLabel:"radio carries it"})},Tag:{color:()=>t.jsx(Vy,{values:["default",...Hy],defaultValue:"primary",render:e=>t.jsx(Zb,{color:e,children:e})}),width:()=>t.jsxs(yv,{gap:"var(--Sizing-2)",style:{width:200},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"hug"}),t.jsx(Zb,{color:"primary",children:"Beta"})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"fill"}),t.jsx(Zb,{color:"primary",width:"fill",children:"Beta"})]})]}),allCaps:()=>t.jsx(Gy,{render:e=>t.jsx(Zb,{color:"primary",allCaps:e,children:"Beta"}),offLabel:"as written",onLabel:"allCaps"})},IconBadge:{color:()=>t.jsx(Vy,{values:["default",...Hy],defaultValue:"primary",render:e=>t.jsx(IS,{color:e,children:t.jsx(d,{})})}),size:()=>t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsx(IS,{color:"primary",children:t.jsx(d,{})}),t.jsx(nt,{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(Gy,{render:e=>t.jsx(qt,{href:"#",disabled:e,children:"Read the guide"}),offLabel:"enabled",onLabel:"disabled"})},Divider:{color:()=>t.jsx(qy,{values:["border","border-variant",...Hy],defaultValue:"border-variant",render:e=>t.jsx(Jg,{color:e})}),orientation:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{alignItems:"flex-start"},children:[t.jsx(Ey,{label:"horizontal",emphasis:!0,width:160,children:t.jsx("div",{style:{width:160},children:t.jsx(Jg,{})})}),t.jsx(Ey,{label:"vertical",width:60,children:t.jsx("div",{style:{height:60,display:"flex"},children:t.jsx(Jg,{orientation:"vertical",style:{alignSelf:"stretch"}})})})]}),size:()=>t.jsx(qy,{values:Oy,defaultValue:"small",render:e=>t.jsx(Jg,{size:e,color:"primary"})}),indicatorStyle:()=>t.jsx(qy,{values:["outline","solid"],defaultValue:"outline",render:e=>t.jsx(Jg,{indicatorText:"OR",indicatorStyle:e,color:"primary"})}),textAlign:()=>t.jsx(qy,{values:["left","center","right"],defaultValue:"center",render:e=>t.jsx(Jg,{indicatorText:"OR",textAlign:e})})},Loader:{color:()=>t.jsx(Vy,{values:["default",...Hy],defaultValue:"primary",render:e=>t.jsx(OS,{color:e,size:"small",message:""})}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(OS,{size:e,message:""})})},StateMessage:{type:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:360},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"empty"}),t.jsx(tw,{type:"empty",title:"No projects yet",body:"Create one to get started."})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"error"}),t.jsx(tw,{type:"error",title:"Could not load",body:"Check your connection and try again."})]}),t.jsx(nt,{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(qy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(tw,{type:"empty",size:e,title:"No projects yet",body:"Create one to get started."})})},Fab:{variant:()=>t.jsx(Vy,{values:["solid","outline","ghost"],defaultValue:"solid",render:e=>t.jsx(Pg,{variant:e,icon:t.jsx(up,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add, "+e})})},Rating:{color:()=>t.jsx(Vy,{values:["default",...Hy],defaultValue:"default",render:e=>t.jsx(oy,{color:e,defaultValue:3,readOnly:!0})}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(oy,{size:e,defaultValue:3,readOnly:!0})}),readOnly:()=>t.jsx(Gy,{render:e=>t.jsx(oy,{defaultValue:3,readOnly:e}),offLabel:"interactive",onLabel:"readOnly"})},CodeBlock:{showCopy:()=>t.jsx(qy,{values:[!0,!1],defaultValue:!0,render:e=>t.jsx(Ff,{code:IB,language:"bash",showCopy:e})}),showHeader:()=>t.jsx(qy,{values:[!0,!1],defaultValue:!0,render:e=>t.jsx(Ff,{code:IB,language:"bash",showHeader:e})}),wrap:()=>t.jsx(qy,{values:[!1,!0],defaultValue:!1,render:e=>t.jsx(Ff,{language:"bash",wrap:e,code:"npx @omni-design/cli generate --theme primary --surface Surface-Bright --out ./tokens"})})}},RB=220,FB=(e,a=RB)=>t.jsx("div",{style:{width:a},children:e}),DB=["default",...Hy,"black-white"],WB=["default",...Hy],PB={Checkbox:{variant:()=>t.jsx(Vy,{values:DB,defaultValue:"primary",render:e=>t.jsx(yg,{variant:e,defaultChecked:!0})}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(yg,{size:e,defaultChecked:!0})}),"checked / defaultChecked":()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"unchecked",emphasis:!0,children:t.jsx(yg,{label:"Unchecked"})}),t.jsx(Ey,{label:"checked",children:t.jsx(yg,{defaultChecked:!0,label:"Checked"})})]}),indeterminate:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"false",emphasis:!0,children:t.jsx(yg,{defaultChecked:!0,label:"All"})}),t.jsx(Ey,{label:"indeterminate",children:t.jsx(yg,{indeterminate:!0,label:"Some"})})]}),disabled:()=>t.jsx(Gy,{render:e=>t.jsx(yg,{defaultChecked:!0,disabled:e,label:"Email me"}),offLabel:"enabled",onLabel:"disabled"})},Radio:{color:()=>t.jsx(Vy,{values:DB,defaultValue:"primary",render:e=>t.jsx(cb,{color:e,checked:!0,name:"c-"+e})}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(cb,{size:e,checked:!0,name:"s-"+e})}),labelPlacement:()=>t.jsx(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["end","start","top","bottom"].map(e=>t.jsx(Ey,{label:e,emphasis:"end"===e,children:t.jsx(cb,{checked:!0,labelPlacement:e,label:"Option",name:"p-"+e})},e))}),checked:()=>t.jsxs(db,{defaultValue:"b",name:"demo",children:[t.jsx(cb,{value:"a",label:"Light"}),t.jsx(cb,{value:"b",label:"Dark"}),t.jsx(cb,{value:"c",label:"System"})]}),disabled:()=>t.jsx(Gy,{render:e=>t.jsx(cb,{checked:!0,disabled:e,label:"Dark",name:"d-"+e}),offLabel:"enabled",onLabel:"disabled"})},NumberField:{variant:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"outlined",emphasis:!0,children:t.jsx(mv,{label:"Quantity",defaultValue:2,min:1,max:10})}),t.jsx(Ey,{label:"spinner",children:t.jsx(mv,{variant:"spinner",label:"Quantity",defaultValue:2,min:1,max:10})})]}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(mv,{size:e,label:"Quantity",defaultValue:2,min:1,max:10})}),labelPosition:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"top",emphasis:!0,children:t.jsx(mv,{label:"Quantity",defaultValue:2})}),t.jsx(Ey,{label:"floating",children:t.jsx(mv,{labelPosition:"floating",label:"Quantity",defaultValue:2})})]}),fullWidth:()=>t.jsx(Gy,{render:e=>t.jsx("div",{style:{width:320},children:t.jsx(mv,{fullWidth:e,label:"Quantity",defaultValue:2})})}),disabled:()=>t.jsx(Gy,{render:e=>t.jsx(mv,{disabled:e,label:"Quantity",defaultValue:2,min:1,max:10})})},RadioGroup:{orientation:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"vertical",emphasis:!0,children:t.jsx(db,{label:"Delivery",name:"o-v",defaultValue:"std",options:[{value:"std",label:"Standard"},{value:"exp",label:"Express"},{value:"pick",label:"Collect in store"}]})}),t.jsx(Ey,{label:"horizontal",children:t.jsx(db,{label:"Delivery",name:"o-h",orientation:"horizontal",defaultValue:"std",options:[{value:"std",label:"Standard"},{value:"exp",label:"Express"}]})})]}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(db,{size:e,name:"s-"+e,defaultValue:"a",options:[{value:"a",label:"One"},{value:"b",label:"Two"}]})}),labelPlacement:()=>t.jsx(Vy,{values:["end","start","top","bottom"],defaultValue:"end",render:e=>t.jsx(db,{labelPlacement:e,name:"lp-"+e,defaultValue:"a",orientation:"top"===e||"bottom"===e?"horizontal":"vertical",options:[{value:"a",label:"One"},{value:"b",label:"Two"}]})}),disabled:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"the whole group",emphasis:!0,children:t.jsx(db,{label:"Delivery",name:"d-all",defaultValue:"std",disabled:!0,options:[{value:"std",label:"Standard"},{value:"exp",label:"Express"}]})}),t.jsx(Ey,{label:"one option",children:t.jsx(db,{label:"Delivery",name:"d-one",defaultValue:"std",options:[{value:"std",label:"Standard"},{value:"exp",label:"Express"},{value:"pick",label:"Collect in store",disabled:!0}]})})]})},SwitchInput:{variant:()=>t.jsx(Vy,{values:WB,defaultValue:"default",render:e=>t.jsx($f,{variant:e,defaultChecked:!0})}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx($f,{size:e,defaultChecked:!0})}),"checked / defaultChecked":()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"off",emphasis:!0,children:t.jsx($f,{label:"Notifications"})}),t.jsx(Ey,{label:"on",children:t.jsx($f,{defaultChecked:!0,label:"Notifications"})})]}),icon:()=>t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsx(Vy,{values:["default","primary","secondary","tertiary"],defaultValue:"default",render:e=>t.jsx($f,{variant:e,defaultChecked:!0,iconOn:t.jsx(n,{fontSize:"inherit"}),iconOff:t.jsx(We,{fontSize:"inherit"})})}),t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"off",children:t.jsx($f,{label:"Sync",iconOn:t.jsx(n,{fontSize:"inherit"}),iconOff:t.jsx(We,{fontSize:"inherit"})})}),t.jsx(Ey,{label:"on",emphasis:!0,children:t.jsx($f,{defaultChecked:!0,label:"Sync",iconOn:t.jsx(n,{fontSize:"inherit"}),iconOff:t.jsx(We,{fontSize:"inherit"})})}),t.jsx(Ey,{label:"same glyph both ways",children:t.jsx($f,{defaultChecked:!0,label:"Sync",icon:t.jsx(n,{fontSize:"inherit"})})})]})]}),labelPlacement:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"end",emphasis:!0,children:t.jsx($f,{defaultChecked:!0,label:"Auto-save"})}),t.jsx(Ey,{label:"start",children:t.jsx($f,{defaultChecked:!0,labelPlacement:"start",label:"Auto-save"})})]}),disabled:()=>t.jsx(Gy,{render:e=>t.jsx($f,{defaultChecked:!0,disabled:e,label:"Auto-save"}),offLabel:"enabled",onLabel:"disabled"})},Input:{variant:()=>t.jsx(qy,{values:Hy.map(e=>e+"-outline"),defaultValue:"primary-outline",render:e=>FB(t.jsx(ib,{variant:e,label:"Name",placeholder:"Value"}))}),size:()=>t.jsx(qy,{values:Oy,defaultValue:"medium",render:e=>FB(t.jsx(ib,{size:e,label:"Name",placeholder:"Value"}))}),labelPosition:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"standard",emphasis:!0,width:RB,children:FB(t.jsx(ib,{label:"Project name",placeholder:"Untitled"}))}),t.jsx(Ey,{label:"floating",width:RB,children:FB(t.jsx(ib,{labelPosition:"floating",label:"Project name"}))})]}),validation:()=>t.jsx(qy,{values:["none","error"],defaultValue:"none",render:e=>FB(t.jsx(ib,{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(Gy,{width:RB,offLabel:"enabled",onLabel:"disabled",render:e=>FB(t.jsx(ib,{disabled:e,label:"Project name",defaultValue:"Untitled"}))})},TextField:{error:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"false",emphasis:!0,width:RB,children:FB(t.jsx(jw,{label:"Email",value:"jane@example.com"}))}),t.jsx(Ey,{label:"true",width:RB,children:FB(t.jsx(jw,{label:"Email",value:"not-an-email",error:!0,errorMessage:"Enter a valid email address."}))})]}),size:()=>t.jsx(qy,{values:Oy,defaultValue:"medium",render:e=>FB(t.jsx(jw,{size:e,label:"Name",placeholder:"Value"}))})},SearchField:{color:()=>t.jsx(qy,{values:WB,defaultValue:"default",render:e=>FB(t.jsx(Jy,{color:e,defaultValue:"dinosaur"}))}),showClearButton:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"true",emphasis:!0,width:RB,children:FB(t.jsx(Jy,{defaultValue:"dinosaur"}))}),t.jsx(Ey,{label:"false",width:RB,children:FB(t.jsx(Jy,{defaultValue:"dinosaur",showClearButton:!1}))})]}),size:()=>t.jsx(qy,{values:Oy,defaultValue:"medium",render:e=>FB(t.jsx(Jy,{size:e,placeholder:"Search — "+e}))})},Select:{labelPosition:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"top",emphasis:!0,width:RB,children:FB(t.jsx(Ap,{label:"Appearance",options:bB,defaultValue:"system"}))}),t.jsx(Ey,{label:"floating",width:RB,children:FB(t.jsx(Ap,{labelPosition:"floating",label:"Appearance",options:bB,defaultValue:"system"}))})]}),size:()=>t.jsx(qy,{values:Oy,defaultValue:"medium",render:e=>FB(t.jsx(Ap,{size:e,label:"Option",options:bB,defaultValue:"system"}))}),mode:()=>t.jsx(qy,{values:["standard","multiselect","searchable"],defaultValue:"standard",render:e=>FB(t.jsx(Ap,{mode:e,label:"Option",options:bB,defaultValue:"multiselect"===e?["system"]:"system"}))})},Autocomplete:{labelPosition:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"top",emphasis:!0,width:RB,children:FB(t.jsx(Nj,{label:"Theme",options:["Light","Dark","System"]}))}),t.jsx(Ey,{label:"floating",width:RB,children:FB(t.jsx(Nj,{labelPosition:"floating",label:"Theme",options:["Light","Dark","System"]}))})]}),size:()=>t.jsx(qy,{values:Oy,defaultValue:"medium",render:e=>FB(t.jsx(Nj,{size:e,label:"Option",options:["Light","Dark","System"]}))})},DropZone:{multiple:()=>t.jsxs(yv,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:360},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false — one file"}),t.jsx(TS,{label:"Drop a file here",sublabel:"PNG or SVG"})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — several"}),t.jsx(TS,{multiple:!0,label:"Drop files here",sublabel:"PNG or SVG"})]})]}),size:()=>t.jsx(qy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(TS,{size:e,label:"Drop a file — "+e})}),disabled:()=>t.jsxs(yv,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:360},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"enabled"}),t.jsx(TS,{label:"Drop a file here"})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"disabled"}),t.jsx(TS,{disabled:!0,label:"Drop a file here"})]})]})},Avatar:{color:()=>t.jsx(Vy,{values:["default","primary","secondary","tertiary","neutral"],defaultValue:"default",render:e=>t.jsx(ox,{color:e,initials:"JD"})})}},HB=({w:e=320,h:a,pad:r=0,children:i})=>t.jsx("div",{style:{width:e,height:a,position:"relative",overflow:"hidden",padding:r?`0 ${r}px`:void 0,boxSizing:"border-box"},children:i}),OB=(e={})=>t.jsxs(sy,{...e,children:[t.jsx(cy,{href:"/",children:"Home"}),t.jsx(cy,{href:"/projects",children:"Projects"}),t.jsx(cy,{href:"/projects/omni",children:"Omni"}),t.jsx(cy,{children:"Tokens"})]}),EB=(e={})=>t.jsxs(rf,{defaultValue:0,...e,children:[t.jsxs(nf,{children:[t.jsx(of,{value:0,children:"Overview"}),t.jsx(of,{value:1,children:"Details"}),t.jsx(of,{value:2,children:"History"})]}),t.jsx(lf,{value:0,children:t.jsx(nt,{children:"The first panel."})}),t.jsx(lf,{value:1,children:t.jsx(nt,{children:"The second panel."})}),t.jsx(lf,{value:2,children:t.jsx(nt,{children:"The third panel."})})]}),VB={Tabs:{orientation:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"horizontal"}),t.jsx(HB,{w:320,children:EB()})]}),t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"vertical-left",width:260,children:t.jsx(HB,{w:260,children:EB({orientation:"vertical-left"})})}),t.jsx(Ey,{label:"vertical-right",width:260,children:t.jsx(HB,{w:260,children:EB({orientation:"vertical-right"})})})]})]}),baseline:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"true"}),t.jsx(HB,{w:320,children:EB()})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"false"}),t.jsx(HB,{w:320,children:EB({baseline:!1})})]})]}),variant:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:["standard","solid","light","dark"].map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard"===e?"standard":"quiet",children:e}),t.jsx(HB,{w:320,children:EB({variant:e})})]},e))}),size:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:Oy.map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx(HB,{w:320,children:EB({size:e})})]},e))}),scrollable:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false — the strip wraps or clips"}),t.jsx(HB,{w:200,children:t.jsx(rf,{defaultValue:0,children:t.jsxs(nf,{children:[t.jsx(of,{value:0,children:"Overview"}),t.jsx(of,{value:1,children:"Details"}),t.jsx(of,{value:2,children:"History"}),t.jsx(of,{value:3,children:"Settings"})]})})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — the strip scrolls"}),t.jsx(HB,{w:200,children:t.jsx(rf,{defaultValue:0,scrollable:!0,children:t.jsxs(nf,{children:[t.jsx(of,{value:0,children:"Overview"}),t.jsx(of,{value:1,children:"Details"}),t.jsx(of,{value:2,children:"History"}),t.jsx(of,{value:3,children:"Settings"})]})})})]})]})},Breadcrumbs:{size:()=>t.jsx(qy,{values:Oy,defaultValue:"medium",render:e=>OB({size:e})}),condense:()=>t.jsxs(yv,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:360},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false"}),OB()]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — the middle collapses behind an ellipsis"}),OB({condense:!0,maxItems:3})]})]}),backOnlyMobile:()=>t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"wide — the full trail, either way"}),t.jsx(HB,{w:360,children:OB({backOnlyMobile:!0})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"narrow — collapses to a single back link"}),t.jsx(HB,{w:180,children:OB({backOnlyMobile:!0})})]})]})},Pagination:{color:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:["default",...Hy,"black-white"].map(e=>t.jsx(Ey,{label:e,emphasis:"default"===e,width:360,children:t.jsx(my,{count:6,defaultPage:3,color:e})},e))}),size:()=>t.jsx(qy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(my,{count:8,defaultPage:3,size:e})}),"showFirstButton / showLastButton":()=>t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false"}),t.jsx(my,{count:20,defaultPage:9})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — first and last"}),t.jsx(my,{count:20,defaultPage:9,showFirstButton:!0,showLastButton:!0})]})]})},Stepper:{variant:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsx(Ey,{label:"count",emphasis:!0,width:300,children:t.jsx(HB,{w:300,pad:24,children:t.jsxs(lw,{activeStep:1,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})}),t.jsx(Ey,{label:"noCount",width:300,children:t.jsx(HB,{w:300,pad:24,children:t.jsxs(lw,{variant:"noCount",activeStep:1,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})})]}),orientation:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"horizontal",emphasis:!0,width:300,children:t.jsx(HB,{w:300,pad:24,children:t.jsxs(lw,{activeStep:1,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})}),t.jsx(Ey,{label:"vertical",width:160,children:t.jsxs(lw,{orientation:"vertical",activeStep:1,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})]}),size:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:Oy.map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx(HB,{w:320,pad:24,children:t.jsxs(lw,{size:e,activeStep:1,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})]},e))}),color:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsx(Ey,{label:"default",emphasis:!0,width:320,children:t.jsx(HB,{w:320,pad:24,children:t.jsxs(lw,{activeStep:1,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})}),Hy.map(e=>t.jsx(Ey,{label:e,width:320,children:t.jsx(HB,{w:320,pad:24,children:t.jsxs(lw,{color:e,activeStep:1,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})},e))]}),clickable:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false — display only"}),t.jsx(HB,{w:320,pad:24,children:t.jsxs(lw,{activeStep:2,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — completed steps go back"}),t.jsx(HB,{w:320,pad:24,children:t.jsxs(lw,{activeStep:2,clickable:!0,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})]})]}),dashedIncomplete:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false — one solid connector"}),t.jsx(HB,{w:320,pad:24,children:t.jsxs(lw,{activeStep:1,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — remaining steps dashed"}),t.jsx(HB,{w:320,pad:24,children:t.jsxs(lw,{activeStep:1,dashedIncomplete:!0,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})]})]})},List:{orientation:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"vertical"}),t.jsx(HB,{w:240,children:t.jsx(PS,{items:xB})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"horizontal"}),t.jsx(HB,{w:360,children:t.jsx(PS,{items:xB,orientation:"horizontal"})})]})]}),dividers:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"false",emphasis:!0,width:200,children:t.jsx(HB,{w:200,children:t.jsx(PS,{items:xB})})}),t.jsx(Ey,{label:"true",width:200,children:t.jsx(HB,{w:200,children:t.jsx(PS,{items:xB,dividers:!0})})})]}),clickable:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"false — static",emphasis:!0,width:200,children:t.jsx(HB,{w:200,children:t.jsx(PS,{items:xB})})}),t.jsx(Ey,{label:"true — rows are buttons",width:200,children:t.jsx(HB,{w:200,children:t.jsx(PS,{items:xB,clickable:!0})})})]}),selectionMode:()=>t.jsx(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["none","single","multiple"].map(e=>t.jsx(Ey,{label:e,emphasis:"none"===e,width:190,children:t.jsx(HB,{w:190,children:t.jsx(PS,{items:xB,selectionMode:e,selectedIndices:"none"===e?[]:[1]})})},e))}),loading:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"false",emphasis:!0,width:200,children:t.jsx(HB,{w:200,children:t.jsx(PS,{items:xB})})}),t.jsx(Ey,{label:"true",width:200,children:t.jsx(HB,{w:200,children:t.jsx(PS,{loading:!0,skeletonRows:4})})})]})},TreeView:{selectionMode:()=>t.jsx(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["none","single","multiple"].map(e=>t.jsx(Ey,{label:e,emphasis:"none"===e,width:190,children:t.jsx(HB,{w:190,children:t.jsx(SS,{items:yB,selectionMode:e,defaultExpandedItems:["src"]})})},e))})},AppBar:{mode:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"desktop"}),t.jsx(HB,{w:"100%",children:t.jsx(Sj,{navLinks:[{label:"Work"},{label:"Studio"}]})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"mobile"}),t.jsx(HB,{w:360,children:t.jsx(Sj,{mode:"mobile",navLinks:[{label:"Work"},{label:"Studio"}]})})]})]}),brandType:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:["name","logo","both"].map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"name"===e?"standard":"quiet",children:e}),t.jsx(HB,{w:"100%",children:t.jsx(Sj,{brandType:e,navLinks:[{label:"Work"}]})})]},e))}),menuType:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:["hamburger","none"].map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"hamburger"===e?"standard":"quiet",children:e}),t.jsx(HB,{w:360,children:t.jsx(Sj,{mode:"mobile",menuType:e,navLinks:[{label:"Work"}]})})]},e))})},Rail:{variant:()=>t.jsx(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["default","primary","secondary","tertiary"].map(e=>t.jsx(Ey,{label:e,emphasis:"default"===e,width:88,children:t.jsx(HB,{w:88,h:260,children:t.jsx(pz,{items:pB.slice(0,4),variant:e,defaultValue:0})})},e))}),expandable:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"false",emphasis:!0,width:88,children:t.jsx(HB,{w:88,h:260,children:t.jsx(pz,{items:pB.slice(0,4),defaultValue:0})})}),t.jsx(Ey,{label:"true — gains a toggle",width:88,children:t.jsx(HB,{w:88,h:260,children:t.jsx(pz,{items:pB.slice(0,4),expandable:!0,defaultValue:0})})})]}),expandedWidth:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"partial",emphasis:!0,width:240,children:t.jsx(HB,{w:240,h:260,children:t.jsx(pz,{items:pB.slice(0,4),expandable:!0,defaultExpanded:!0,defaultValue:0})})}),t.jsx(Ey,{label:"full",width:300,children:t.jsx(HB,{w:300,h:260,children:t.jsx(pz,{items:pB.slice(0,4),expandable:!0,defaultExpanded:!0,expandedWidth:"full",defaultValue:0})})})]}),labelStyle:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"contained",emphasis:!0,width:88,children:t.jsx(HB,{w:88,h:260,children:t.jsx(pz,{items:pB.slice(0,4),defaultValue:0})})}),t.jsx(Ey,{label:"outside",width:88,children:t.jsx(HB,{w:88,h:260,children:t.jsx(pz,{items:pB.slice(0,4),labelStyle:"outside",defaultValue:0})})})]})},BottomNavigation:{showLabels:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"true"}),t.jsx(HB,{w:360,children:t.jsx(Yj,{items:pB.slice(0,4),defaultValue:0})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"false — icons only, so each needs a name"}),t.jsx(HB,{w:360,children:t.jsx(Yj,{items:pB.slice(0,4),showLabels:!1,defaultValue:0})})]})]}),variant:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"fixed — edge to edge"}),t.jsx(HB,{w:360,children:t.jsx(Yj,{items:pB.slice(0,4),defaultValue:0})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"floating — inset, with its own elevation"}),t.jsx(HB,{w:360,children:t.jsx(Yj,{items:pB.slice(0,4),variant:"floating",defaultValue:0})})]})]})},Sidebar:{variant:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"permanent",width:240,children:t.jsx(HB,{w:240,h:260,children:t.jsx(Qz,{variant:"permanent",open:!0,items:xB,width:240})})}),t.jsx(Ey,{label:"temporary — an overlay, shown open",emphasis:!0,width:240,children:t.jsx(HB,{w:240,h:260,children:t.jsx(Qz,{variant:"permanent",open:!0,items:xB,width:240})})})]})},Toolbar:{type:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",style:{alignItems:"flex-start"},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start"},children:[t.jsx(ht,{color:"standard",children:"floating — its own surface and elevation"}),t.jsx(Bw,{items:vB,defaultValue:0})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start"},children:[t.jsx(ht,{color:"quiet",children:"docked — sits flush in the layout"}),t.jsx(Bw,{items:vB,type:"docked",defaultValue:0})]})]}),color:()=>t.jsx(yv,{gap:"var(--Sizing-3)",style:{alignItems:"flex-start"},children:["default","primary","secondary","tertiary","neutral"].map(e=>t.jsx(Ey,{label:e,emphasis:"default"===e,children:t.jsx(Bw,{items:vB,color:e,defaultValue:0})},e))}),surface:()=>t.jsx(yv,{gap:"var(--Sizing-3)",style:{alignItems:"flex-start"},children:["Surface","Surface-Dim","Surface-Dimmest","Surface-Bright","Surface-Brightest"].map(e=>t.jsx(Ey,{label:e,emphasis:"Surface"===e,children:t.jsx(Bw,{items:vB,surface:e,defaultValue:0})},e))}),orientation:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"horizontal",emphasis:!0,children:t.jsx(Bw,{items:vB,defaultValue:0})}),t.jsx(Ey,{label:"vertical",children:t.jsx(Bw,{items:vB,orientation:"vertical",defaultValue:0})})]})},Menu:{size:()=>t.jsx(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:Oy.map(e=>t.jsx(Ey,{label:e,emphasis:"medium"===e,children:t.jsxs(YS,{children:[t.jsx(XS,{children:e}),t.jsxs(JS,{size:e,children:[t.jsx(ZS,{children:"Rename"}),t.jsx(ZS,{children:"Duplicate"})]})]})},e))})}},qB=({w:e=320,h:a,children:r})=>t.jsx("div",{style:{width:e,height:a,position:"relative",overflow:"hidden"},children:r}),GB=t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsx(Xa,{children:"Card title"}),t.jsx(nt,{children:"What a card looks like in this design system."})]});function QB({values:a,defaultValue:r,render:i,label:n=e=>String(e)}){const[o,l]=e.useState(null),s=void 0!==r?[r,...a.filter(e=>e!==r)]:a;return t.jsxs(t.Fragment,{children:[t.jsx(vv,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:s.map(e=>t.jsx(Rx,{size:"small",variant:e===r?"default":"outline",onClick:()=>l(e),children:n(e)},String(e)))}),null!==o?i(o,()=>l(null)):null]})}function UB(){const[a,r]=e.useState(!1),i=e.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsxs(Rx,{ref:i,variant:"outline",onClick:()=>r(e=>!e),children:[a?"Close":"Open"," popover"]}),t.jsx(cz,{open:a,onClose:()=>r(!1),anchorRef:i,width:240,children:t.jsx(yv,{gap:"var(--Sizing-1)",style:{padding:"var(--Sizing-2)"},children:t.jsx(nt,{children:"Anchored to the button, portalled to the body so no ancestor can clip it."})})})]})}const YB=[{icon:t.jsx(ye,{}),name:"New document",onClick:()=>{}},{icon:t.jsx(w,{}),name:"Invite someone",onClick:()=>{}},{icon:t.jsx(j,{}),name:"Settings",onClick:()=>{}}],XB=360;function JB({labels:e=["Save","Cancel","Delete"],variant:a="default",...r}){return t.jsx(ky,{"aria-label":"Actions",...r,children:e.map(e=>t.jsx(Rx,{variant:a,onClick:()=>{},children:e},e))})}function ZB(e){return t.jsxs(ky,{"aria-label":"Alignment",...e,children:[t.jsx(Rx,{iconOnly:!0,"aria-label":"Align left",onClick:()=>{},children:t.jsx(up,{children:t.jsx(ta,{})})}),t.jsx(Rx,{iconOnly:!0,"aria-label":"Align center",onClick:()=>{},children:t.jsx(up,{children:t.jsx(ra,{})})}),t.jsx(Rx,{iconOnly:!0,"aria-label":"Align right",onClick:()=>{},children:t.jsx(up,{children:t.jsx(sa,{})})})]})}function $B({options:a=["Left","Center","Right"],initial:r="Left",...i}){const[n,o]=e.useState(r);return t.jsx(Jw,{value:n,onChange:o,"aria-label":"Align",...i,children:a.map(e=>t.jsx(Rx,{value:e,children:e},e))})}function KB({allowEmpty:a,...r}){const[i,n]=e.useState(["Left"]);return t.jsxs(Jw,{multiple:!0,allowEmpty:a,value:i,onChange:n,"aria-label":"Align",...r,children:[t.jsx(Rx,{value:"Left",children:"Left"}),t.jsx(Rx,{value:"Center",children:"Center"}),t.jsx(Rx,{value:"Right",children:"Right"})]})}function _B(){const[a,r]=e.useState("left");return t.jsxs(Jw,{value:a,onChange:r,"aria-label":"Alignment",children:[t.jsx(Rx,{value:"left",children:"Left"}),t.jsx(Rx,{value:"center",children:"Center"}),t.jsx(Rx,{value:"right",disabled:!0,children:"Right"})]})}function ek(){const[a,r]=e.useState(!0),[i,n]=e.useState(!1);return t.jsxs(vv,{gap:"var(--Sizing-1)",style:{alignItems:"center"},children:[t.jsx(Qx,{label:"Unselected"}),t.jsx(Qx,{label:"Selected",clickable:!0,selected:a,onClick:()=>r(e=>!e)}),i?t.jsx(ht,{color:"quiet",children:"dismissed"}):t.jsx(Qx,{label:"Dismissible",onDelete:()=>n(!0)})]})}const ak={...LB,Button:()=>t.jsx(Rx,{children:"Button"}),BrandIcon:()=>t.jsx(vv,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:["github","linkedin","instagram","dribbble","x-twitter"].map(e=>t.jsx(cp,{name:e,size:"24px"},e))}),Fab:()=>t.jsx(Pg,{icon:t.jsx(up,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add"}),Chip:()=>t.jsx(ek,{}),Badge:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",children:[t.jsx(xx,{badgeContent:3,children:t.jsx(up,{children:t.jsx("span",{children:"✉"})})}),t.jsx(xx,{dot:!0,children:t.jsx(up,{children:t.jsx("span",{children:"🔔"})})})]}),Alert:()=>t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsx(Gf,{color:"info",children:"Something worth knowing."}),t.jsx(Gf,{color:"error",children:"Something went wrong."})]}),Card:()=>t.jsx(lg,{padding:"medium",children:t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsx(Xa,{children:"Card title"}),t.jsx(nt,{children:"What a card looks like in this design system."})]})}),Avatar:()=>t.jsxs(vv,{gap:"var(--Sizing-1)",children:[t.jsx(ox,{initials:"LN"}),t.jsx(ox,{})]}),Icon:()=>t.jsxs(vv,{gap:"var(--Sizing-1)",children:[t.jsx(up,{color:"primary",children:t.jsx("span",{children:"★"})}),t.jsx(up,{color:"success",children:t.jsx("span",{children:"✓"})}),t.jsx(up,{color:"error",children:t.jsx("span",{children:"✕"})})]}),Link:()=>t.jsx(qt,{href:"#example",children:"A link, which thickens rather than recolors on hover"}),Divider:()=>t.jsx(Jg,{indicatorText:"OR"}),Checkbox:()=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(yg,{label:"Unchecked"}),t.jsx(yg,{label:"Checked",defaultChecked:!0}),t.jsx(yg,{label:"Indeterminate",indeterminate:!0})]}),Radio:()=>t.jsx(db,{name:"docs-radio",defaultValue:"a",options:[{value:"a",label:"First"},{value:"b",label:"Second"}]}),Input:()=>t.jsx(ib,{label:"Email",placeholder:"you@example.com"}),SwitchInput:()=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx($f,{label:"Off"}),t.jsx($f,{label:"On",defaultChecked:!0})]}),Slider:()=>t.jsx(pb,{defaultValue:40}),Box:()=>t.jsxs(Dv,{surface:"Container",radius:"medium",elevation:2,style:{padding:"var(--Sizing-3)",width:280},children:[t.jsx(nt,{children:"Container, medium radius, elevation 2."}),t.jsx(ht,{color:"quiet",children:"Nothing here names a color."})]}),Copyright:()=>t.jsx(hv,{companyName:"Acme"}),Grid:()=>t.jsx(Yb,{container:!0,spacing:1,children:[1,2,3,4].map(e=>t.jsx(Yb,{item:!0,xs:6,children:t.jsx(Dv,{surface:"Container",radius:"small",style:{padding:"var(--Sizing-1)"},children:t.jsx(nt,{children:"Cell "+e})})},e))}),MiniSwatch:()=>t.jsxs(vv,{gap:"var(--Sizing-1)",children:[t.jsx(Ub,{color:"var(--Primary-Color-6)"}),t.jsx(nt,{children:"Primary"})]}),Gradient:()=>t.jsx(Qb,{minHeight:120,style:{width:280},children:t.jsx(Dv,{style:{padding:"var(--Sizing-2)"},children:t.jsx(Xa,{children:"On brand color"})})}),BevelText:()=>t.jsx(Db,{text:"Bevel",textStyle:"display-small"}),CurvedText:()=>t.jsx(Bb,{text:"CURVED AROUND",arc:180,radius:60}),Typography:()=>t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start"},children:[t.jsx(Ya,{children:"A heading"}),t.jsx(_a,{color:"standard",children:"A subtitle, which is Body at 700"}),t.jsx(nt,{children:"Body copy, the style everything else is measured against."}),t.jsx(ht,{color:"quiet",children:"A caption, quiet by default."})]}),Section:()=>t.jsxs("div",{style:{width:300},children:[t.jsxs(tv,{surface:"Surface",padding:"var(--Sizing-2)",children:[t.jsx(nt,{children:"Surface"}),t.jsx(ht,{color:"quiet",children:"Text and border arrive with it."})]}),t.jsxs(tv,{surface:"Container",padding:"var(--Sizing-2)",children:[t.jsx(nt,{children:"Container"}),t.jsx(ht,{color:"quiet",children:"Same markup, one level down."})]})]}),Stack:()=>t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsxs(vv,{gap:"var(--Sizing-1)",children:[t.jsx(Zb,{children:"row"}),t.jsx(Zb,{children:"with"}),t.jsx(Zb,{children:"a gap"})]}),t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsx(Zb,{children:"column"}),t.jsx(Zb,{children:"with the same gap"})]})]}),Container:()=>t.jsx(av,{maxWidth:"sm",children:t.jsx(nt,{children:"Capped and centred, with gutters that keep text off the edge."})}),Footer:()=>t.jsx(Bv,{brand:"Acme",columns:[{title:"Product",links:[{label:"Overview",href:"#"},{label:"Pricing",href:"#"}]},{title:"Company",links:[{label:"About",href:"#"},{label:"Careers",href:"#"}]}],copyright:"Acme"}),SpeedDial:()=>t.jsx("div",{style:{height:220,position:"relative",width:180},children:t.jsx(iv,{open:!0,showTooltips:!0,ariaLabel:"Create",actions:[{icon:t.jsx(ye,{}),name:"New document",onClick:()=>{}},{icon:t.jsx(w,{}),name:"Invite someone",onClick:()=>{}},{icon:t.jsx(j,{}),name:"Settings",onClick:()=>{}}]})}),CircularProgress:()=>t.jsx(Jv,{value:68,showValue:!0}),LinearProgress:()=>t.jsx("div",{style:{width:280},children:t.jsx(Vv,{value:68})}),NumberField:()=>t.jsx(mv,{label:"Quantity",defaultValue:2,min:1,max:10}),RadioGroup:()=>t.jsx(db,{label:"Delivery",name:"lead",defaultValue:"std",options:[{value:"std",label:"Standard — 3 to 5 days"},{value:"exp",label:"Express — next day"},{value:"pick",label:"Collect in store"}]}),Rating:()=>t.jsx(oy,{defaultValue:3}),Breadcrumbs:()=>t.jsxs(sy,{children:[t.jsx(qt,{href:"#a",children:"Home"}),t.jsx(qt,{href:"#b",children:"Products"}),t.jsx(nt,{children:"Current"})]}),Pagination:()=>t.jsx(my,{count:8,defaultPage:3}),Accordion:()=>t.jsx(Ly,{children:t.jsx(nt,{children:"An accordion segment, open."})}),Tabs:()=>t.jsxs(rf,{defaultValue:0,children:[t.jsxs(nf,{children:[t.jsx(of,{value:0,children:"Overview"}),t.jsx(of,{value:1,children:"Details"})]}),t.jsx(lf,{value:0,children:t.jsx(nt,{children:"The first panel."})}),t.jsx(lf,{value:1,children:t.jsx(nt,{children:"The second panel."})})]})};function tk(e){return e in ak}const rk={Fab:{size:()=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx(Pg,{size:"small",icon:t.jsx(up,{size:"small",children:t.jsx(ye,{})}),ariaLabel:"Add, small"}),t.jsx(Pg,{size:"medium",icon:t.jsx(up,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add, medium"}),t.jsx(Pg,{size:"large",icon:t.jsx(up,{size:"large",children:t.jsx(ye,{})}),ariaLabel:"Add, large"})]}),color:()=>{const e=(e,a)=>t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{alignItems:"center"},children:[t.jsx(Pg,{color:e,size:"small",icon:t.jsx(up,{size:"small",children:t.jsx(ye,{})}),ariaLabel:"Add, "+e}),t.jsx(ht,{color:a?"standard":"quiet",children:e})]},e);return t.jsxs(vv,{gap:"var(--Sizing-2)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[e("default",!0),t.jsx(Jg,{orientation:"vertical",style:{alignSelf:"stretch"}}),["primary","secondary","tertiary","neutral","info","success","warning","error","black-white"].map(a=>e(a,!1))]})},extended:()=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx(Pg,{icon:t.jsx(up,{size:"medium",children:t.jsx(je,{})}),ariaLabel:"Edit"}),t.jsx(Pg,{icon:t.jsx(up,{size:"medium",children:t.jsx(je,{})}),extended:!0,label:"Edit"})]}),animate:()=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx(Pg,{icon:t.jsx(up,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add"}),t.jsx(Pg,{icon:t.jsx(up,{size:"medium",children:t.jsx(ye,{})}),animate:!0,ariaLabel:"Add, animated"})]}),disabled:()=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx(Pg,{icon:t.jsx(up,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add"}),t.jsx(Pg,{icon:t.jsx(up,{size:"medium",children:t.jsx(ye,{})}),disabled:!0,ariaLabel:"Add, disabled"})]})},Button:{variant:()=>t.jsxs(vv,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap"},children:[t.jsx(Rx,{children:"solid"}),t.jsx(Rx,{variant:"outline",children:"outline"}),t.jsx(Rx,{variant:"ghost",children:"ghost"})]}),size:()=>t.jsxs(vv,{gap:"var(--Sizing-1)",style:{alignItems:"center",flexWrap:"wrap"},children:[t.jsx(Rx,{size:"small",children:"small"}),t.jsx(Rx,{size:"medium",children:"medium"}),t.jsx(Rx,{size:"large",children:"large"})]}),variantColor:()=>{const e=["primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],a=a=>t.jsxs(vv,{gap:"var(--Sizing-1)",style:{alignItems:"center",flexWrap:"wrap"},children:[t.jsx(Rx,{variant:a?"default"+a:"default",size:"small",children:"default"}),t.jsx(Jg,{orientation:"vertical",style:{alignSelf:"stretch"}}),e.map(e=>t.jsx(Rx,{variant:a?e+a:e,size:"small",children:e},e))]});return t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"solid"}),a("")]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"outline"}),a("-outline")]})]})},disabled:()=>t.jsxs(vv,{gap:"var(--Sizing-1)",children:[t.jsx(Rx,{children:"enabled"}),t.jsx(Rx,{disabled:!0,children:"disabled"})]}),"startDecorator / endDecorator":()=>t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsxs(vv,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(Rx,{startDecorator:t.jsx(up,{children:t.jsx(ye,{})}),children:"start icon"}),t.jsx(Rx,{endDecorator:t.jsx(up,{children:t.jsx(Se,{})}),children:"end icon"})]}),t.jsxs(vv,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(Rx,{startDecorator:t.jsx(ox,{}),children:"start avatar"}),t.jsx(Rx,{endDecorator:t.jsx(ox,{}),children:"end avatar"})]})]}),iconOnly:()=>t.jsxs(vv,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(Rx,{children:"text"}),t.jsx(Rx,{iconOnly:!0,"aria-label":"Delete item",children:t.jsx(y,{})}),t.jsx(Rx,{letterNumber:!0,"aria-label":"3 unread",children:"3"}),t.jsx(Rx,{avatar:!0,"aria-label":"Jane Doe",children:t.jsx(ox,{})})]}),elevated:()=>t.jsxs(vv,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(Rx,{children:"standard"}),t.jsx(Rx,{elevated:!0,children:"raised"})]}),fullWidth:()=>t.jsxs(yv,{gap:"var(--Sizing-1)",style:{width:"100%",maxWidth:320},children:[t.jsx(Rx,{children:"default fit"}),t.jsx(Rx,{fullWidth:!0,children:"full width"})]})}};const ik=[{Slider:Yy},NB,PB,VB,{Container:{disableGutters:()=>t.jsx(yv,{gap:"var(--Sizing-2)",children:[!1,!0].map(e=>t.jsx(Ey,{label:e?"true":"false",emphasis:!e,children:t.jsx(Dv,{surface:"Container",style:{width:320},children:t.jsx(av,{maxWidth:!1,disableGutters:e,children:t.jsx(nt,{children:"Text against the edge, or not."})})})},String(e)))})},Stack:{direction:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Ey,{label:"column",emphasis:!0,children:t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsx(Zb,{children:"one"}),t.jsx(Zb,{children:"two"}),t.jsx(Zb,{children:"three"})]})}),t.jsx(Ey,{label:"row",children:t.jsxs(vv,{gap:"var(--Sizing-1)",children:[t.jsx(Zb,{children:"one"}),t.jsx(Zb,{children:"two"}),t.jsx(Zb,{children:"three"})]})})]}),enforceMinGap:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Ey,{label:"true",emphasis:!0,children:t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(pt,{children:"Display name"}),t.jsx(ht,{color:"quiet",children:"Shown beside your comments."})]})}),t.jsx(Ey,{label:"false",children:t.jsxs(yv,{gap:"var(--Sizing-Half)",enforceMinGap:!1,children:[t.jsx(pt,{children:"Display name"}),t.jsx(ht,{color:"quiet",children:"Shown beside your comments."})]})})]})},Box:{radius:()=>t.jsx(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap"},children:["none","small","medium","large"].map(e=>t.jsx(Ey,{label:e,emphasis:"none"===e,children:t.jsx(Dv,{surface:"Container",radius:e,style:{width:96,height:64}})},e))})},SpeedDial:{direction:()=>t.jsx(vv,{gap:"var(--Sizing-6)",style:{flexWrap:"wrap"},children:[["up","flex-end","center"],["down","flex-start","center"],["left","center","flex-end"],["right","center","flex-start"]].map(([e,a,r])=>t.jsx(Ey,{label:e,emphasis:"up"===e,children:t.jsx("div",{style:{height:260,width:260,position:"relative",display:"flex",alignItems:a,justifyContent:r,overflow:"hidden"},children:t.jsx(iv,{open:!0,direction:e,ariaLabel:"Create "+e,actions:YB})})},e))}),size:()=>t.jsx(vv,{gap:"var(--Sizing-6)",style:{flexWrap:"wrap",alignItems:"flex-end"},children:["small","medium","large"].map(e=>t.jsx(Ey,{label:e,emphasis:"medium"===e,children:t.jsx(iv,{size:e,ariaLabel:"Create "+e,actions:YB})},e))}),openOnHover:()=>t.jsxs(vv,{gap:"var(--Sizing-6)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"true — hover this one",emphasis:!0,children:t.jsx("div",{style:{height:240,width:140,position:"relative",display:"flex",alignItems:"flex-end",justifyContent:"center"},children:t.jsx(iv,{ariaLabel:"Create by hover",actions:YB})})}),t.jsx(Ey,{label:"false — this one needs a click",children:t.jsx("div",{style:{height:240,width:140,position:"relative",display:"flex",alignItems:"flex-end",justifyContent:"center"},children:t.jsx(iv,{openOnHover:!1,ariaLabel:"Create by click",actions:YB})})})]}),showTooltips:()=>t.jsx(vv,{gap:"var(--Sizing-6)",style:{flexWrap:"wrap"},children:[!1,!0].map(e=>t.jsx(Ey,{label:String(e),emphasis:!e,children:t.jsx("div",{style:{height:260,width:220,position:"relative",display:"flex",alignItems:"flex-end",justifyContent:"center"},children:t.jsx(iv,{open:!0,showTooltips:e,ariaLabel:"Create "+e,actions:YB})})},String(e)))})},Card:{variant:()=>t.jsx(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["solid","outlined","ghost"].map(e=>t.jsx(Ey,{label:e,emphasis:"solid"===e,width:200,children:t.jsx(lg,{variant:e,padding:"medium",children:GB})},e))}),size:()=>t.jsx(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:Oy.map(e=>t.jsx(Ey,{label:e,emphasis:"medium"===e,width:200,children:t.jsx(lg,{size:e,padding:"medium",children:GB})},e))}),orientation:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"vertical"}),t.jsx(qB,{w:200,children:t.jsx(lg,{padding:"medium",children:GB})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"horizontal"}),t.jsx(qB,{w:360,children:t.jsx(lg,{orientation:"horizontal",padding:"medium",children:GB})})]})]}),clickable:()=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"false — static",emphasis:!0,width:200,children:t.jsx(lg,{padding:"medium",children:GB})}),t.jsx(Ey,{label:"true — one control",width:200,children:t.jsx(lg,{padding:"medium",clickable:!0,children:GB})})]}),elevated:()=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"standard — level 1",emphasis:!0,width:200,children:t.jsx(lg,{padding:"medium",children:GB})}),t.jsx(Ey,{label:"elevated — level 2",width:200,children:t.jsx(lg,{padding:"medium",elevated:!0,children:GB})})]}),selected:()=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"false",emphasis:!0,width:200,children:t.jsx(lg,{padding:"medium",clickable:!0,children:GB})}),t.jsx(Ey,{label:"true",width:200,children:t.jsx(lg,{padding:"medium",clickable:!0,selected:!0,children:GB})})]})},Accordion:{variant:()=>t.jsx(yv,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:380},children:["solid","outlined","ghost"].map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"solid"===e?"standard":"quiet",children:e}),t.jsx(Ly,{variant:e,title:"What is a design system?",defaultExpanded:!0,children:t.jsx(nt,{children:"A set of decisions, written down once."})})]},e))}),size:()=>t.jsx(yv,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:380},children:Oy.map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx(Ly,{size:e,title:"Size "+e,defaultExpanded:!0,children:t.jsx(nt,{children:"A set of decisions, written down once."})})]},e))}),defaultExpanded:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:380},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false — starts closed"}),t.jsx(Ly,{title:"What is a design system?",children:t.jsx(nt,{children:"A set of decisions, written down once."})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — starts open"}),t.jsx(Ly,{title:"What is a design system?",defaultExpanded:!0,children:t.jsx(nt,{children:"A set of decisions, written down once."})})]})]}),disabled:()=>t.jsxs(yv,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:380},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"enabled"}),t.jsx(Ly,{title:"What is a design system?",children:t.jsx(nt,{children:"A set of decisions, written down once."})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"disabled"}),t.jsx(Ly,{title:"What is a design system?",disabled:!0,children:t.jsx(nt,{children:"A set of decisions, written down once."})})]})]})},Paper:{outlined:()=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"false — elevation",emphasis:!0,width:180,children:t.jsx(sz,{surface:"Container",children:t.jsx("div",{style:{padding:"var(--Sizing-3)"},children:t.jsx(nt,{children:"Elevated"})})})}),t.jsx(Ey,{label:"true — a border, no shadow",width:180,children:t.jsx(sz,{surface:"Container",outlined:!0,children:t.jsx("div",{style:{padding:"var(--Sizing-3)"},children:t.jsx(nt,{children:"Outlined"})})})})]}),variant:()=>t.jsx(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["elevation","outlined"].map(e=>t.jsx(Ey,{label:e,emphasis:"elevation"===e,width:180,children:t.jsx(sz,{surface:"Container",variant:e,children:t.jsx("div",{style:{padding:"var(--Sizing-3)"},children:t.jsx(nt,{children:e})})})},e))})},Ratio:{fit:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"width — height follows the column"}),t.jsx("div",{style:{width:240},children:t.jsx(Bz,{ratio:"16:9"})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"height — width follows the row"}),t.jsx("div",{style:{height:120},children:t.jsx(Bz,{ratio:"16:9",fit:"height"})})]})]})},Table:{loading:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",style:{width:"100%"},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false"}),t.jsx(yw,{columns:fB,rows:gB})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — the shape is kept"}),t.jsx(yw,{columns:fB,rows:[],loading:!0,skeletonRows:3})]})]})},Modal:{open:()=>t.jsx(QB,{values:[!0],label:()=>"Open modal",render:(e,a)=>t.jsx(lz,{open:!0,onClose:a,title:"Rename project",children:t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsx(nt,{children:"A modal takes the whole screen`s attention, so it owes the reader a way out."}),t.jsx(Rx,{onClick:a,children:"Done"})]})})}),size:()=>t.jsx(QB,{values:Oy,defaultValue:"medium",render:(e,a)=>t.jsx(lz,{open:!0,onClose:a,size:e,title:"Size "+e,children:t.jsx(nt,{children:"The modal`s width. Its height always follows its content."})})}),layout:()=>t.jsx(QB,{values:["center","top"],defaultValue:"center",render:(e,a)=>t.jsx(lz,{open:!0,onClose:a,layout:e,title:"Layout "+e,children:t.jsx(nt,{children:"Where the modal sits in the viewport."})})}),closeOnBackdrop:()=>t.jsx(QB,{values:[!0,!1],defaultValue:!0,label:e=>e?"true — click outside closes":"false — click outside does nothing",render:(e,a)=>t.jsx(lz,{open:!0,onClose:a,closeOnBackdrop:e,title:"Rename project",children:t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsx(nt,{children:e?"Click the backdrop to close.":"The backdrop will not close this."}),t.jsx(Rx,{onClick:a,children:"Close"})]})})}),showCloseButton:()=>t.jsx(QB,{values:[!0,!1],defaultValue:!0,label:e=>e?"true":"false — needs its own way out",render:(e,a)=>t.jsx(lz,{open:!0,onClose:a,showCloseButton:e,title:"Rename project",children:t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsx(nt,{children:"A modal with no close button must give one in its content."}),t.jsx(Rx,{onClick:a,children:"Done"})]})})})},Dialog:{open:()=>t.jsx(QB,{values:[!0],label:()=>"Open dialog",render:(e,a)=>t.jsx(pS,{open:!0,onClose:a,title:"Discard changes?",actions:t.jsxs(t.Fragment,{children:[t.jsx(Rx,{variant:"outline",onClick:a,children:"Keep editing"}),t.jsx(Rx,{variant:"error",onClick:a,children:"Discard"})]}),children:t.jsx(nt,{children:"This cannot be undone."})})}),maxWidth:()=>t.jsx(QB,{values:["xs","sm","md","lg"],defaultValue:"sm",render:(e,a)=>t.jsx(pS,{open:!0,onClose:a,maxWidth:e,title:"maxWidth "+e,actions:t.jsx(Rx,{onClick:a,children:"Close"}),children:t.jsx(nt,{children:"A ceiling, not a width — a short dialog stays narrow."})})}),fullScreen:()=>t.jsx(QB,{values:[!1,!0],defaultValue:!1,label:e=>e?"true":"false",render:(e,a)=>t.jsx(pS,{open:!0,onClose:a,fullScreen:e,title:"Edit tokens",actions:t.jsx(Rx,{onClick:a,children:"Close"}),children:t.jsx(nt,{children:"Full screen is for a dialog carrying a whole task on a small screen."})})}),alert:()=>t.jsx(QB,{values:[!1,!0],defaultValue:!1,label:e=>e?"true — role=alertdialog":"false — role=dialog",render:(e,a)=>t.jsx(pS,{open:!0,onClose:a,alert:e,title:"Delete project?",actions:t.jsxs(t.Fragment,{children:[t.jsx(Rx,{variant:"outline",onClick:a,children:"Cancel"}),t.jsx(Rx,{variant:"error",onClick:a,children:"Delete"})]}),children:t.jsx(nt,{children:"Every file in it goes too. This cannot be undone."})})}),nonModal:()=>t.jsx(QB,{values:[!1,!0],defaultValue:!1,label:e=>e?"true — the page stays usable":"false — modal",render:(e,a)=>t.jsx(pS,{open:!0,onClose:a,nonModal:e,title:"Find in page",actions:t.jsx(Rx,{onClick:a,children:"Close"}),children:t.jsx(nt,{children:e?"The page behind this is still interactive.":"The page behind this is blocked."})})})},Drawer:{open:()=>t.jsx(QB,{values:[!0],label:()=>"Open drawer",render:(e,a)=>t.jsx(pj,{open:!0,onClose:a,children:t.jsxs(yv,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)",minWidth:240},children:[t.jsx(Xa,{children:"Filters"}),t.jsx(PS,{items:xB,clickable:!0}),t.jsx(Rx,{onClick:a,children:"Close"})]})})}),anchor:()=>t.jsx(QB,{values:["left","right","top","bottom"],defaultValue:"left",render:(e,a)=>t.jsx(pj,{open:!0,onClose:a,anchor:e,children:t.jsxs(yv,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)",minWidth:240},children:[t.jsxs(Xa,{children:["anchor=",e]}),t.jsx(Rx,{onClick:a,children:"Close"})]})})}),size:()=>t.jsx(QB,{values:Oy,defaultValue:"medium",render:(e,a)=>t.jsx(pj,{open:!0,onClose:a,size:e,children:t.jsxs(yv,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)"},children:[t.jsxs(Xa,{children:["size=",e]}),t.jsx(Rx,{onClick:a,children:"Close"})]})})}),hideBackdrop:()=>t.jsx(QB,{values:[!1,!0],defaultValue:!1,label:e=>e?"true — no scrim":"false — scrim",render:(e,a)=>t.jsx(pj,{open:!0,onClose:a,hideBackdrop:e,children:t.jsxs(yv,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)",minWidth:240},children:[t.jsx(Xa,{children:"Filters"}),t.jsx(Rx,{onClick:a,children:"Close"})]})})})},Sheet:{surface:()=>t.jsx(yv,{gap:"var(--Sizing-2)",children:["Surface","Surface-Dim","Surface-Dimmest","Surface-Bright","Surface-Brightest"].map(e=>t.jsx(Ey,{label:e,emphasis:"Surface"===e,width:260,children:t.jsx(dB,{surface:e,sx:{padding:"var(--Sizing-2)",width:220},children:t.jsxs(rt,{children:["On ",e]})})},e))}),elevated:()=>t.jsx(vv,{gap:"var(--Sizing-4)",style:{flexWrap:"wrap"},children:[!1,!0].map(e=>t.jsx(Ey,{label:String(e),emphasis:!e,children:t.jsx(dB,{elevated:e,sx:{padding:"var(--Sizing-2)",width:180},children:t.jsx(rt,{children:e?"Lifted off the page":"Flat on it"})})},String(e)))})},TransferList:{mode:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:["basic","enhanced"].map(e=>t.jsx(Ey,{label:e,emphasis:"basic"===e,children:t.jsx(mB,{mode:e,defaultLeftItems:["Colors","Typography","Spacing"],defaultRightItems:["Elevation"]})},e))}),disabled:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:[!1,!0].map(e=>t.jsx(Ey,{label:String(e),emphasis:!e,children:t.jsx(mB,{disabled:e,defaultLeftItems:["Colors","Typography"],defaultRightItems:["Elevation"]})},String(e)))})},Snackbar:{open:()=>t.jsx(QB,{values:[!0],label:()=>"Show snackbar",render:(e,a)=>t.jsx(Xz,{open:!0,onClose:a,color:"success",autoHideDuration:4e3,children:"Project saved."})}),color:()=>t.jsx(QB,{values:["info","success","warning","error"],defaultValue:"info",render:(e,a)=>t.jsxs(Xz,{open:!0,onClose:a,color:e,autoHideDuration:4e3,children:[e," — something happened."]})}),anchor:()=>t.jsx(QB,{values:["bottom","top"],defaultValue:"bottom",render:(e,a)=>t.jsxs(Xz,{open:!0,onClose:a,anchor:e,color:"info",autoHideDuration:4e3,children:["anchor=",e]})})},Tooltip:{placement:()=>t.jsx(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"center"},children:["bottom","top","left","right"].map(e=>t.jsx(Ey,{label:e,emphasis:"bottom"===e,children:t.jsx(Nw,{title:"placement="+e,placement:e,children:t.jsx(Rx,{variant:"outline",size:"small",children:e})})},e))}),arrow:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(Ey,{label:"true",emphasis:!0,children:t.jsx(Nw,{title:"With an arrow",children:t.jsx(Rx,{variant:"outline",size:"small",children:"arrow"})})}),t.jsx(Ey,{label:"false",children:t.jsx(Nw,{title:"No arrow",arrow:!1,children:t.jsx(Rx,{variant:"outline",size:"small",children:"no arrow"})})})]}),describeChild:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(Ey,{label:"false — the tooltip is the name",emphasis:!0,children:t.jsx(Nw,{title:"Delete item",children:t.jsx(Rx,{variant:"outline",size:"small",iconOnly:!0,"aria-label":"Delete item",children:"x"})})}),t.jsx(Ey,{label:"true — the tooltip describes it",children:t.jsx(Nw,{title:"Removes it permanently",describeChild:!0,children:t.jsx(Rx,{variant:"outline",size:"small",children:"Delete"})})})]})},Popover:{open:()=>t.jsx(UB,{})}},{ButtonGroup:{separated:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"true — the default, and what Figma draws"}),t.jsx(JB,{})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"false — joins them, and warns"}),t.jsx(JB,{separated:!1})]}),t.jsx(nt,{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(yv,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:XB},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"hug — each button sizes to its label"}),t.jsx("div",{style:{width:XB,border:"1px dashed var(--Border-Variant)",padding:4},children:t.jsx(JB,{labels:["S","Medium","Extra large"]})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"fill — the group fills, buttons share it equally"}),t.jsx("div",{style:{width:XB,border:"1px dashed var(--Border-Variant)",padding:4},children:t.jsx(JB,{labels:["S","Medium","Extra large"],fit:"fill"})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"equal — hugs, but every button matches the widest (code only)"}),t.jsx("div",{style:{width:XB,border:"1px dashed var(--Border-Variant)",padding:4},children:t.jsx(JB,{labels:["S","Medium","Extra large"],fit:"equal"})})]})]}),orientation:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Ey,{label:"horizontal",emphasis:!0,children:t.jsx(JB,{})}),t.jsx(Ey,{label:"vertical",children:t.jsx(JB,{orientation:"vertical"})})]}),size:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:Oy.map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx(JB,{size:e})]},e))}),variant:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[["default","primary","secondary"].map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"default"===e?"standard":"quiet",children:`<Button variant="${e}">`}),t.jsx(JB,{variant:e})]},e)),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"outline, for a row of secondary actions"}),t.jsx(JB,{variant:"default-outline"})]})]}),disabled:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"enabled"}),t.jsx(JB,{})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"disabled — the whole group"}),t.jsx(JB,{disabled:!0})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"a single button takes its own `disabled`"}),t.jsxs(ky,{"aria-label":"Actions",children:[t.jsx(Rx,{onClick:()=>{},children:"Save"}),t.jsx(Rx,{disabled:!0,onClick:()=>{},children:"Cancel"}),t.jsx(Rx,{onClick:()=>{},children:"Delete"})]})]})]}),"aria-label":()=>t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsx(ZB,{}),t.jsx(nt,{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(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false — a toggle group. The last one stays on."}),t.jsx(KB,{allowEmpty:!1})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — clearable, with toggle styling"}),t.jsx(KB,{allowEmpty:!0})]}),t.jsx(nt,{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(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false — one answer, and it cannot be cleared"}),t.jsx($B,{})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — any number, never none"}),t.jsx(KB,{allowEmpty:!1})]})]}),separated:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false — joined (Figma: Style=Default)"}),t.jsx($B,{})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — separated (Figma: Style=Separated)"}),t.jsx($B,{separated:!0})]})]}),variant:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:["outlined","light","ghost"].map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"outlined"===e?"standard":"quiet",children:e}),t.jsx($B,{variant:e,color:"primary"})]},e))}),color:()=>t.jsx(yv,{gap:"var(--Sizing-2)",children:["default",...Hy].map(e=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx("div",{style:{width:84},children:t.jsx(ht,{color:"default"===e?"standard":"quiet",children:e})}),t.jsx($B,{color:e})]},e))}),size:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:Oy.map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx($B,{size:e})]},e))}),fit:()=>t.jsx(yv,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:XB},children:["hug","fill","equal"].map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"hug"===e?"standard":"quiet",children:e}),t.jsx("div",{style:{width:XB,border:"1px dashed var(--Border-Variant)",padding:4},children:t.jsx($B,{options:["S","Medium","Extra large"],initial:"S",fit:e})})]},e))}),orientation:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Ey,{label:"horizontal",emphasis:!0,children:t.jsx($B,{})}),t.jsx(Ey,{label:"vertical",children:t.jsx($B,{orientation:"vertical"})})]}),"value / defaultValue":()=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"each child needs a `value`; the group matches against it"}),t.jsx($B,{})]}),onChange:()=>t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsx($B,{}),t.jsx(nt,{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(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"enabled"}),t.jsx($B,{})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"disabled — the whole group"}),t.jsx($B,{disabled:!0})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"one choice unavailable"}),t.jsx(_B,{})]})]})}}].reduce(function(e,a){for(const[t,r]of Object.entries(a))e[t]={...e[t]||{},...r};return e},rk);const nk={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."}},ok=e=>nk[e]||null,lk=/\.(mp4|mov|webm)$/i;function sk({src:e,title:r,shows:i,aspect:n="4 / 3",maxWidth:o=560}){const l={width:"100%",maxWidth:o,display:"block",borderRadius:"var(--Card-Radius, var(--Style-Border-Radius))",border:"1px solid var(--Border-Variant)"};return e&&lk.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:o,aspectRatio:n,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(yv,{gap:"var(--Sizing-1)",style:{alignItems:"center",maxWidth:440},children:[t.jsx(ft,{children:"Screenshot to capture"}),t.jsx(rt,{children:r}),i&&t.jsx(ht,{color:"quiet",children:i})]})})}const ck="https://omni-design.netlify.app";function dk(e){return e.trim().replace(/\s+/g,"-")}const hk="https://github.com/lwnoble/DinoDesign/issues/new";function uk(e){const a=dk(String(e||"")).toLowerCase();return _p.find(e=>dk(e.name).toLowerCase()===a)||null}const mk=({component:e,what:r})=>t.jsx(a.Box,{sx:{p:3},children:t.jsxs(nt,{color:"quiet",children:["No ",r," written for ",e," yet."]})}),pk=({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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:e.toUpperCase()}),r]}),xk=({items:e})=>t.jsx(a.Stack,{spacing:0,children:e.map((e,r)=>t.jsxs(a.Box,{sx:{py:.75},children:[t.jsx(rt,{children:e.head}),e.sub?t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:e.sub}):null]},r))}),fk=["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"],gk=e=>e.sample||e.name,bk=e=>{const a=fk.indexOf(gk(e));return-1===a?fk.length:a},vk=e=>e.map((e,a)=>({pr:e,i:a})).sort((e,a)=>bk(e.pr)-bk(a.pr)||e.i-a.i).map(({pr:e})=>e);function yk({component:e,theme:r=null,surface:i="Surface"}){const n=uk(e);if(!n)return t.jsx(mk,{component:e,what:"reference"});const o=tk(n.name)?ak[n.name]:null,l=ok(n.name);return t.jsx(a.Box,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:3,children:[o?t.jsx(Kf,{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:o({theme:r,surface:i})})})}):null,t.jsx(nt,{children:n.summary}),n.links&&n.links.length?t.jsx(a.Box,{sx:{display:"flex",gap:"var(--Sizing-3)",flexWrap:"wrap"},children:n.links.map((e,a)=>t.jsx(qt,{href:e.href,target:"_blank",rel:"noopener noreferrer",children:e.label},a))}):null,(n.insteadUse||[]).length>0&&t.jsx(pk,{title:"Reach for something else when",children:t.jsx(xk,{items:n.insteadUse.map(e=>({head:e.when,sub:`Use ${e.use}`}))})}),(n.props||[]).length>0&&t.jsx(pk,{title:"Props",children:t.jsx(a.Stack,{spacing:0,children:vk(n.props).map((e,o)=>{const s=gk(e),c=function(e,a){return Boolean(ik[e]&&ik[e][a])}(n.name,s)?ik[n.name][s]:null,d=l&&l.after===s?l:null,h=[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(rt,{children:[e.label||e.name," — ",e.type]}),h?t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:h}):null,c?t.jsx(a.Box,{sx:{mt:1.5},children:t.jsx(Kf,{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(ft,{children:d.title}),t.jsx(rt,{children:d.body}),t.jsx(sk,{title:d.shot}),d.caveat?t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:d.caveat}):null]})}):null]},o)})})}),(n.states||[]).length>0&&t.jsx(pk,{title:"States",children:t.jsx(xk,{items:n.states.map(e=>({head:e.state,sub:[`set by ${e.setBy}`,e.note].filter(Boolean).join("  ·  ")}))})}),(n.theming||[]).length>0&&t.jsxs(pk,{title:"Theming",children:[t.jsx(xk,{items:n.theming.map(e=>({head:e.collection,sub:`In code: ${e.inCode}\nIn Figma: ${e.inFigma}`}))}),(n.themingNotes||[]).map((e,a)=>t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:8},children:e},a))]}),(n.tokens||[]).length>0&&t.jsx(pk,{title:"Tokens",children:t.jsx(xk,{items:n.tokens.map(e=>({head:e.name,sub:[e.sets,e.variesWith?`varies with ${e.variesWith}`:null,e.figma].filter(Boolean).join("  ·  ")}))})}),(n.composition||[]).length>0&&t.jsx(pk,{title:"Composition",children:t.jsx(xk,{items:n.composition.map(e=>({head:e}))})}),(n.gotchas||[]).length>0&&t.jsx(pk,{title:"Gotchas",children:t.jsx(xk,{items:n.gotchas.map(e=>({head:e}))})})]})})}function jk({component:e}){const r=uk(e),i=r&&r.changes||[],n=encodeURIComponent(`[${e}] `);return t.jsx(a.Box,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:3,children:[0===i.length?t.jsxs(nt,{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(rt,{style:{fontWeight:700},children:e.version}),e.silent?t.jsx(ht,{style:{color:"var(--Text-Warning)",fontWeight:600},children:"SILENT — old code still renders"}):null]}),t.jsx(nt,{children:e.change}),e.migrate?t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Instead: ",e.migrate]}):null]},r))}),t.jsxs(a.Box,{children:[t.jsx(Za,{children:"Something wrong or missing?"}),t.jsx(rt,{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(qt,{href:`${hk}?title=${n}`,target:"_blank",rel:"noreferrer",children:["Report an issue with ",e]})})]})]})})}const Sk="Qv2dqF7mYoAGY77EkdrwTv",zk="Omni-Designs-Aug12",wk={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 Bk({title:e,component:r}){const i=r?function(e){const a=wk[e];return a?`https://www.figma.com/design/${Sk}/${zk}?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(Xa,{children:e})}),i&&t.jsxs(qt,{href:i,target:"_blank",rel:"noopener noreferrer",sx:{ml:"auto",display:"inline-flex",alignItems:"center",gap:.75,flexShrink:0,whiteSpace:"nowrap"},children:[t.jsx(cp,{name:"figma"}),"Open in Figma"]})]})}const kk=[{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 Ck={"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:Ck[e]}))}));const Tk=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Mk=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary"]},{label:"State",colors:["info","success","warning","error"]}],Ak=[v,ua,p,z,ca,ma];const Lk={required:" * Required",optional:"Optional"};function Ik({children:e,htmlFor:r,type:i="default",as:n="label",moreInfo:o,disabled:l=!1,className:s="",sx:c={},...d}){const h=Lk[i],u="legend"===n;"production"===process.env.NODE_ENV||u||r||console.warn('[FormLabel] no `htmlFor`. A <label> whose control is a sibling has no association — the field announces as unlabelled while looking right. Pass the control\'s id, or use as="legend" inside a <fieldset>.'),"production"!==process.env.NODE_ENV&&o&&!o.label&&console.warn('[FormLabel] `moreInfo` needs a `label`. Name the FIELD it belongs to ("More about your email address"), not the icon.');const p=t.jsxs(pt,{component:u?"legend":"label",htmlFor:u?void 0:r,className:"form-label",style:{color:l?"var(--Quiet)":"var(--Text)"},children:[e,h&&t.jsx("span",{className:"form-label-marker form-label-marker-"+i,"aria-hidden":"required"===i?"true":void 0,children:"required"===i?h:" "+h})]}),x=o?t.jsxs(qt,{className:"form-label-more-info",href:o.href,onClick:o.onClick,"aria-label":o.label,sx:{display:"inline-flex",alignItems:"center",gap:"var(--Sizing-Half)"},children:[o.text,t.jsx(up,{size:"small",children:t.jsx(m,{})})]}):null;return u?t.jsxs(t.Fragment,{children:[p,x]}):t.jsxs(a.Box,{className:"form-label-row "+s,sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-Half)",...c},...d,children:[p,x]})}const Nk={error:pa,warning:xa,success:fa,info:C},Rk={error:"Error",warning:"Warning",success:"Success",info:"Info"},Fk=Object.keys(Rk);function Dk({children:e,type:r="error",withIcon:i=!0,className:n="",sx:o={},...l}){const s=Rk[r]||Rk.error,c=Nk[r]||Nk.error;return t.jsxs(a.Box,{className:"input-message input-message-"+r+" "+n,"data-theme":s,"data-surface":"Surface-Brightest",sx:{display:"inline-flex",alignItems:"center",gap:"var(--Sizing-Half)",padding:"0 var(--Sizing-Half)",borderRadius:"var(--Sizing-Half)",backgroundColor:"var(--Background)",...o},...l,children:[i&&t.jsx(up,{size:"xxs",color:r,children:t.jsx(c,{})}),t.jsx(xt,{className:"input-message-text",color:r,children:e})]})}function Wk({showHelper:a=!0,validation:t="none"}={}){const r=e.useId(),i=a?r+"-helper":void 0,n=t&&"none"!==t?r+"-message":void 0,o=[i,n].filter(Boolean).join(" ")||void 0;return{helperId:i,messageId:n,describedBy:o}}function Pk({helperText:e,showHelper:r=!0,validation:i="none",validationMessage:n,withIcon:o=!0,helperId:l,messageId:s,className:c="",sx:d={},...h}){const u=r&&!!e,m="none"!==i&&!!n;return u||m?t.jsxs(a.Box,{className:"form-helper "+c,sx:{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"var(--Sizing-Half)",...d},...h,children:[u&&t.jsx(xt,{id:l,className:"form-helper-text",children:e}),m&&t.jsx(Dk,{id:s,type:i,withIcon:o,children:n})]}):null}const Hk=[{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)"}],Ok={desktop:"Desktop","ios-mobile":"IOS-Mobile","ios-tablet":"IOS-Tablet",android:"Android"};function Ek(e){const a=Ok[e]||"Desktop";document.documentElement.setAttribute("data-device",a),document.documentElement.setAttribute("data-platform",a)}const Vk=e=>(e||[]).map(e=>{const a="number"==typeof e?e:Number(e?.value);return Number.isFinite(a)?a:0}),qk=e=>(e||[]).map((e,a)=>"number"==typeof e?String(a+1):e?.label??String(a+1));function Gk(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 Qk=(e,{min:a,max:t},r,i)=>r+i-(e-a)/(t-a)*i;function Uk(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 Yk(e,a,t,{gapRatio:r=.4}={}){if(e<=0)return{centres:[],bandWidth:0};const i=t/e,n=i*(1-r);return{centres:Array.from({length:e},(e,t)=>a+i*t+i/2),bandWidth:n}}const Xk=e=>e.length?e.map((e,a)=>`${a?"L":"M"}${e.x} ${e.y}`).join(" "):"";function Jk(e,{tension:a=0}={}){if(e.length<2)return Xk(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],n=e[a],o=e[a+1],l=e[a+2]||o,s={x:n.x+(o.x-i.x)*t,y:n.y+(o.y-i.y)*t},c={x:o.x-(l.x-n.x)*t,y:o.y-(l.y-n.y)*t};r+=` C${s.x} ${s.y} ${c.x} ${c.y} ${o.x} ${o.y}`}return r}const Zk=(e,a,t)=>e&&a.length?`${e} L${a[a.length-1].x} ${t} L${a[0].x} ${t} Z`:"";function $k(e,a,t,r,i,n){const o=n-i;if(o>=2*Math.PI-1e-9){const n=i+Math.PI;return $k(e,a,t,r,i,n)+" "+$k(e,a,t,r,n,i+2*Math.PI)}const l=(t,r)=>({x:e+t*Math.sin(r),y:a-t*Math.cos(r)}),s=o>Math.PI?1:0,c=l(r,i),d=l(r,n);if(t<=0)return`M${e} ${a} L${c.x} ${c.y} A${r} ${r} 0 ${s} 1 ${d.x} ${d.y} Z`;const h=l(t,n),u=l(t,i);return`M${c.x} ${c.y} A${r} ${r} 0 ${s} 1 ${d.x} ${d.y} L${h.x} ${h.y} A${t} ${t} 0 ${s} 0 ${u.x} ${u.y} Z`}function Kk(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 n=a;return{slices:t.map(e=>{const a=e/r*Math.PI*2,t={start:n,end:n+a,value:e,fraction:e/r};return n+=a,t}),total:r,dropped:i}}function _k({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))),n=[1,2,2.5,5,10].map(e=>e*i).find(e=>e>=r)??10*i,o=[];for(let t=Math.ceil(e/n)*n;t<=a+1e-9;t+=n)o.push(Number(t.toFixed(10)));return o}var eC=Object.freeze({__proto__:null,arcPath:$k,areaPath:Zk,bands:Uk,extent:Gk,linePath:Xk,scaleY:Qk,sliceAngles:Kk,slots:Yk,smoothPath:Jk,ticks:_k,toLabels:qk,toNumbers:Vk});const aC={fill:"var(--Icons-Primary)",track:"var(--Border-Variant)",line:"var(--Border-Variant)",quietLabel:"var(--Quiet)",label:"var(--Text)",gradient:"var(--Icons-Primary-Variant)"},tC=["Primary","Secondary","Tertiary","Neutral","Info","Success","Warning","Error"],rC={fontFamily:"var(--Label-Small-Font-Family)",fontSize:"var(--Label-Small-Font-Size)",fontWeight:"var(--Label-Small-Font-Weight)",letterSpacing:"var(--Label-Small-Letter-Spacing)"},iC={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 nC({caption:e,labels:r,values:i,valueHeader:n="Value"}){return t.jsxs(a.Box,{component:"table",sx:iC,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:n})]})}),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 oC="var(--Motion-Duration-Slow, 300ms) var(--Motion-Easing-Enter, cubic-bezier(0, 0, 0, 1))",lC="var(--Motion-Duration-Fast, 150ms) var(--Motion-Easing-Standard, cubic-bezier(0.2, 0, 0, 1))";function sC(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 cC({count:e,width:r,centres:i,bandWidth:n,labels:o,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":`${o[c]}: ${l[c]}`,...s(c),sx:{position:"absolute",top:0,height:"100%",left:(i[c]-n/2)/r*100+"%",width:n/r*100+"%",padding:0,margin:0,border:0,background:"transparent",cursor:"pointer",pointerEvents:"auto","&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"-2px",borderRadius:"4px"}}},c))}):null}function dC({x:e,y:a,text:r,width:i,tokens:n}){if(null==r)return null;const o=Math.max(28,8*String(r).length+14),l=Math.min(Math.max(e,o/2+2),i-o/2-2),s=a-26>=2?a-26:a+6;return t.jsxs("g",{pointerEvents:"none",children:[t.jsx("rect",{x:l-o/2,y:s,width:o,height:20,rx:6,fill:n.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 hC=[{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 uC(){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 hC)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 mC=e=>e.replace(/\|/g,"\\|"),pC=(e,a)=>[`| ${e.join(" | ")} |`,`| ${e.map(()=>"---").join(" | ")} |`,...a.map(e=>`| ${e.map(mC).join(" | ")} |`)],xC=(e,a)=>a.length?[`### ${e}`,"",...a.map(e=>`- ${e}`),""]:[];exports.Accordion=Ly,exports.AccordionDetails=function({children:r,className:i="",sx:n={},...o}){const{expanded:l,accordionId:s}=e.useContext(My),{size:c}=e.useContext(Ty),d=Cy[c]||Cy.medium,h=Ny[c]||Ny.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,...n},...o,children:"string"==typeof r||"number"==typeof r?t.jsx(h,{children:r}):r}):null},exports.AccordionGroup=function({children:e,variant:r="solid",surface:i,color:n="default",size:o="medium",spacing:l=0,className:s="",sx:c={},...d}){const h="default"===n?"Default":(u=n).charAt(0).toUpperCase()+u.slice(1);var u;const m="default"===n?"Default":h,p=i||("dark"===r?"Surface-Dimmest":"light"===r?"Surface-Brightest":"Surface");return 0===l?t.jsx(Ty.Provider,{value:{variant:r,color:n,size:o,spacing:l,dataTheme:m,dataSurface:p},children:t.jsx(a.Box,{role:"presentation",className:"accordion-group accordion-group-connected accordion-group-"+r+" "+s,sx:{display:"flex",flexDirection:"column",borderRadius:Ay,boxShadow:gp,"& > .accordion-segment":{borderRadius:0,marginBottom:"-1px",boxShadow:"none"},"& > .accordion-segment .accordion-summary":{borderRadius:0},"& > .accordion-segment:has(> .accordion-summary:focus-visible)":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-5px"},"& > .accordion-segment:first-of-type":{borderTopLeftRadius:Ay,borderTopRightRadius:Ay},"& > .accordion-segment:first-of-type .accordion-summary":{borderTopLeftRadius:Ay,borderTopRightRadius:Ay},"& > .accordion-segment:last-of-type":{borderBottomLeftRadius:Ay,borderBottomRightRadius:Ay,marginBottom:0},"& > .accordion-segment:last-of-type .accordion-summary:not(.accordion-summary-expanded)":{borderBottomLeftRadius:Ay,borderBottomRightRadius:Ay},...c},...d,children:e})}):t.jsx(Ty.Provider,{value:{variant:r,color:n,size:o,spacing:l,dataTheme:m,dataSurface:p},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:n,endDecorator:o,eyebrow:l,overline:s,secondary:c,expandIcon:d,className:h="",sx:u={},...m}){const{expanded:p,toggle:x,disabled:f,accordionId:g}=e.useContext(My),{size:b}=e.useContext(Ty),v=Cy[b]||Cy.medium,y=Iy[b]||Iy.medium,j=d||t.jsx(up,{size:v.iconSize,sx:{color:p?"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":p,"aria-controls":g+"-content",id:g+"-header",tabIndex:f?-1:0,onClick:x,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),x())},className:"accordion-summary"+(p?" accordion-summary-expanded":"")+" "+h,sx:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"flex-start",width:"100%",gap:v.gap,padding:v.summaryPadding,border:"none",backgroundColor:"transparent",color:p?"var(--Text)":"var(--Quiet)",fontFamily:"inherit",cursor:f?"not-allowed":"pointer",textAlign:"left",transition:"color 0.2s ease, background-color 0.15s ease",borderRadius:p?Ay+" "+Ay+" 0 0":Ay,"&: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:"none"},...u},...m,children:[n&&t.jsx(a.Box,{className:"accordion-summary-start",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:n}),t.jsxs(a.Box,{sx:{flex:1,minWidth:0,display:"flex",flexDirection:"column",gap:"var(--Sizing-Half)"},children:[(l??s)&&t.jsx(ft,{style:{...S,color:"var(--Text-Quiet)"},children:l??s}),null!=r&&t.jsx(y,{style:{...S,color:"inherit"},children:r}),c&&t.jsx(rt,{style:{...S,color:"var(--Text-Quiet)"},children:c})]}),o&&t.jsx(a.Box,{className:"accordion-summary-end",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:o}),t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",transform:p?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.25s ease",flexShrink:0},children:j})]})},exports.Alert=Gf,exports.AlertDialog=function({open:e,onClose:r,title:i,children:n,confirmText:o="Confirm",cancelText:l="Cancel",onConfirm:s,onCancel:c,...d}){return t.jsx(pS,{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:mS.outline,children:l}),t.jsx(a.Box,{component:"button",type:"button",onClick:s||r,sx:mS.primary,children:o})]}),children:n})},exports.AlertShowcase=function(){const[r,i]=e.useState("light"),[n,o]=e.useState("info"),[l,s]=e.useState("medium"),[c,d]=e.useState(!0),[h,u]=e.useState("Default"),[m,p]=e.useState("Surface"),x=c&&ag[n]?t.jsx(up,{size:"small",sx:{color:"inherit"},children:ag[n]}):void 0;return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Alert",component:"Alert"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:h,onThemeChange:u,surface:m,onSurfaceChange:p})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Alert",theme:h,surface:m})}),t.jsx(lf,{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(Kf,{theme:h,surface:m,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:480},children:t.jsx(Gf,{variant:r,color:n,size:l,startDecorator:x,children:"This is an alert message. Check the details for more information."})})}),t.jsx(Ff,{code:(()=>{const e=['variant="'+r+'"'];return"info"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),c&&ag[n]&&e.push("startDecorator={<Icon><"+_f(n)+"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(ft,{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(tg,{label:_f(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:eg.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(rg,{color:e,selected:n===e,onClick:o},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(tg,{label:_f(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(pt,{children:"Show Icon"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Start decorator icon"})]}),t.jsx(Zf,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Show icon"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Alert"})})]})]})},exports.AltDisplayLarge=e=>t.jsx(Qa,{textStyle:"alt-display-large",...e}),exports.AltDisplayMedium=e=>t.jsx(Qa,{textStyle:"alt-display-medium",...e}),exports.AltDisplaySmall=e=>t.jsx(Qa,{textStyle:"alt-display-small",...e}),exports.AppBar=Sj,exports.AppBarShowcase=function(){const[r,i]=e.useState("desktop"),[n,o]=e.useState("default"),[l,s]=e.useState("Surface"),[c,d]=e.useState("login"),[h,u]=e.useState("hamburger"),[m,p]=e.useState("name"),[x,f]=e.useState("right"),[g,b]=e.useState("search"),[v,y]=e.useState("Default"),[j,S]=e.useState("Surface"),[z,w]=e.useState({}),B="desktop"===r,k=kj[n]||kj.default,C=k.theme,T=k.surface||l;return e.useEffect(()=>{const e={};e.text=Rt("--Text"),e.textQuiet=Rt("--Text-Quiet"),e.background=Rt("--Background"),e.border=Rt("--Border"),e.focusVisible=Rt("--Focus-Visible"),e.hover=Rt("--Hover"),e.active=Rt("--Pressed"),w(e)},[n,l,r]),t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"App Bar",component:"AppBar"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"AppBar",theme:v,surface:j})}),t.jsx(lf,{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(Kf,{theme:v,surface:j,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:B?"100%":420,overflow:"hidden"},children:B?t.jsx(yj,{barColor:n,surface:l,loginType:c,menuType:h,brandType:m,searchPosition:x,companyName:"My App",navLinks:["Home","Products","About"]}):t.jsx(jj,{barColor:n,surface:l,mobileVariant:g,companyName:"My App",title:"Page Title",subtitle:"Subtitle text"})})}),t.jsx(Ff,{code:(()=>{if(B){const e=[];"default"!==n&&e.push('barColor="'+n+'"'),"Surface"!==l&&e.push('surface="'+l+'"'),"login"!==c&&e.push('loginType="'+c+'"'),"hamburger"!==h&&e.push('menuType="'+h+'"'),"name"!==m&&e.push('brandType="'+m+'"'),"right"!==x&&e.push('searchPosition="'+x+'"');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"!==n&&e.push('barColor="'+n+'"'),"Surface"!==l&&e.push('surface="'+l+'"'),"<AppBar\n  "+e.join("\n  ")+'\n  title="Page Title"\n/>'}})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),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(ft,{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(Mj,{label:zj(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BAR COLOR"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:wj.map(e=>t.jsx(Aj,{color:e,selected:n===e,onClick:o},e))}),t.jsxs(ht,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:['data-theme="',C,'"']})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SURFACE"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Bj.map(e=>t.jsx(Mj,{label:e.replace("Surface-","").replace("Surface","Default"),selected:l===e,onClick:()=>s(e)},e))}),t.jsxs(ht,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:['data-surface="',l,'"']})]}),B&&t.jsxs(t.Fragment,{children:[t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Mj,{label:zj(e),selected:h===e,onClick:()=>u(e)},e))}),t.jsx(ht,{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(ft,{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(Mj,{label:zj(e),selected:m===e,onClick:()=>p(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Mj,{label:zj(e),selected:x===e,onClick:()=>f(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Mj,{label:zj(e),selected:c===e,onClick:()=>d(e)},e))})]})]}),!B&&t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Mj,{label:zj(e),selected:g===e,onClick:()=>b(e)},e))})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(rt,{color:"quiet",style:{marginBottom:24},children:[r," / ",n," / ",l,B?"":" / "+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(Za,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),t.jsx(rt,{color:"quiet",style:{marginBottom:16},children:"All text and icons must have 4.5:1 contrast against the AppBar background."}),t.jsx(Tj,{label:"Resting: var(--Text) vs. var(--Background)",ratio:Nt(z.text,z.background),threshold:4.5,note:'data-theme="'+C+'" data-surface="'+T+'"'}),t.jsx(Tj,{label:"On hover: var(--Text) vs. var(--Hover)",ratio:Nt(z.text,z.hover),threshold:4.5,note:"Icon buttons use var(--Hover) on hover"}),t.jsx(Tj,{label:"On active: var(--Text) vs. var(--Pressed)",ratio:Nt(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(Za,{children:"Focus Indicator (WCAG 2.4.11 — 3:1)"}),t.jsx(Tj,{label:"var(--Focus-Visible) vs. var(--Background)",ratio:Nt(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(Za,{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 n=r>=24,o=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(rt,{style:{color:"var(--Text)"},children:[e," — ",r,"px"]}),t.jsx(ht,{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:n?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:n?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:["Desktop ",n?"Y":"N"]}),t.jsxs(a.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:o?"var(--Tags-Success-BG)":"var(--Tags-Warning-BG)",color:o?"var(--Tags-Success-Text)":"var(--Tags-Warning-Text)"},children:["iOS ",o?"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(Za,{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(rt,{children:"Landmark:"}),t.jsx(ht,{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(rt,{children:"Navigation (expanded menu):"}),t.jsx(ht,{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(rt,{children:"Theme + Surface:"}),t.jsx(ht,{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(rt,{children:"Shadow:"}),t.jsx(ht,{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(rt,{children:"Icon buttons:"}),t.jsx(ht,{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(rt,{children:"Keyboard:"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:"Tab navigates all interactive elements. Enter/Space activates buttons."})]})]})]})]})]})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"AppBar"})})]})]})},exports.Autocomplete=Nj,exports.AutocompleteShowcase=function(){const[r,i]=e.useState("outline"),[n,o]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("top"),[h,u]=e.useState("Fruit"),[m,p]=e.useState(!0),[x,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(Bk,{title:"Autocomplete",component:"Autocomplete"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Autocomplete",theme:v,surface:j})}),t.jsx(lf,{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(Kf,{theme:v,surface:j,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:360},children:t.jsx(Nj,{variant:r,color:n,size:l,label:h,labelPosition:c,options:Dj,clearable:m,disabled:x,fullWidth:g})})}),t.jsx(Ff,{code:(()=>{const e=[];return"outline"!==r&&e.push('variant="'+r+'"'),"default"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),h&&e.push('label="'+h+'"'),"top"!==c&&e.push('labelPosition="'+c+'"'),m||e.push("clearable={false}"),x&&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(ft,{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(Wj,{label:Rj(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Fj.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(Pj,{color:e,selected:n===e,onClick:o},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Wj,{label:Rj(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Wj,{label:"none"===e?"None":Rj(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(pt,{children:"Clearable"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show clear button when has value"})]}),t.jsx(Zf,{checked:m,onChange:e=>p(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(pt,{children:"Disabled"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Zf,{checked:x,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(pt,{children:"Full Width"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container width"})]}),t.jsx(Zf,{checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Autocomplete"})})]})]})},exports.Avatar=ox,exports.AvatarGroup=lx,exports.AvatarShowcase=function(){const[r,i]=e.useState("default"),[n,o]=e.useState("medium"),[l,s]=e.useState("initials"),[c,d]=e.useState(!1),[h,u]=e.useState(!1),[m,p]=e.useState(!1),[x,f]=e.useState("Default"),[g,b]=e.useState("Surface"),v="photo"===l,y=()=>{const e={size:n,clickable:c,insideButton:h};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(Bk,{title:"Avatar",component:"Avatar"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:x,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Avatar",theme:x,surface:g})}),t.jsx(lf,{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(Kf,{theme:x,surface:g,children:m?t.jsxs(lx,{max:3,size:n,children:[t.jsx(ox,{...y()}),t.jsx(ox,{color:r,size:n,initials:"AB"}),t.jsx(ox,{color:r,size:n,initials:"CD"}),t.jsx(ox,{color:r,size:n,initials:"EF"})]}):t.jsx(ox,{...y()})}),t.jsx(Ff,{code:(()=>{const e=[];return v||"default"===r||e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),"initials"===l&&e.push('initials="LN"'),"photo"===l&&e.push('src="..." alt="User avatar"'),c&&e.push("clickable onClick={handleClick}"),h&&e.push("insideButton"),m?"<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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:jg.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(Cg,{color:e,selected:r===e,onClick:i},e))})]},e.label))}),v&&t.jsx(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:wg.map(e=>t.jsx(kg,{label:Bg[e],selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CONTENT"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:Sg.map(e=>t.jsx(kg,{label:zg[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(pt,{children:"Clickable"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Interactive with hover/focus states"})]}),t.jsx(Zf,{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(pt,{children:"Inside Button"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Adds 2px horizontal margin so the avatar sits cleanly in a Button"})]}),t.jsx(Zf,{variant:"default-outline",checked:h,onChange:e=>u(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(pt,{children:"Group"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show as AvatarGroup with overflow"})]}),t.jsx(Zf,{variant:"default-outline",checked:m,onChange:e=>p(e.target.checked),size:"small","aria-label":"Show group"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Avatar"})})]})]})},exports.Badge=xx,exports.BadgeShowcase=function(){const[r,i]=e.useState("Default"),[n,o]=e.useState("Surface"),[l,s]=e.useState("solid"),[c,m]=e.useState("primary"),[p,x]=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(p,10);return isNaN(e)||String(e)!==p.trim()?p||void 0:e};return e.useEffect(()=>{const e=Df(c),a={};"solid"===l?(a.badgeBg=Rt("--Icons-"+e),a.badgeText=Rt("--Icons-On-"+e),a.badgeBorder=null):"outline"===l&&(a.badgeBg=Rt("--Background"),a.badgeText=Rt("--Text"),a.badgeBorder=Rt("--Buttons-"+e+"-Border")),a.background=Rt("--Background"),a.focusVisible=Rt("--Focus-Visible"),j(a)},[l,c]),t.jsxs(a.Box,{sx:{width:"100%"},children:[t.jsx(Bk,{title:"Badge",component:"Badge"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:r,onThemeChange:i,surface:n,onSurfaceChange:o})}),t.jsx(nt,{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(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Badge",theme:r,surface:n})}),t.jsx(lf,{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(xx,{variant:S(),badgeContent:z(),dot:f,showZero:b,children:t.jsx(d,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})}),t.jsx(xx,{variant:S(),badgeContent:z(),dot:f,showZero:b,children:t.jsx(h,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})}),t.jsx(xx,{variant:S(),badgeContent:z(),dot:f,showZero:b,children:t.jsx(u,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})})]})}),t.jsx(Ff,{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(Ja,{children:"Playground"}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Ef,{label:Df(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Wf.map(e=>t.jsx(Of,{color:e,selected:c===e,onClick:m},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BADGE CONTENT"}),t.jsx(a.TextField,{size:"small",value:p,onChange:e=>x(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(rt,{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(rt,{children:"Show zero"})})]})]})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),t.jsxs(a.Box,{sx:{p:4},children:[t.jsx(Ja,{children:"Accessibility Requirements"}),t.jsxs(rt,{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(Za,{children:"Badge Text Contrast"}),t.jsx(rt,{color:"quiet",style:{marginBottom:16},children:"Badge text must have ≥ 4.5:1 contrast against badge background (WCAG 1.4.3 AA)"}),t.jsx(Hf,{label:"Badge Text vs. Badge Background",ratio:Nt(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(Za,{children:"Badge Visibility"}),t.jsx(rt,{color:"quiet",style:{marginBottom:16},children:"Badge background (or border) must have ≥ 3:1 contrast against page background (WCAG 1.4.11)"}),(()=>{const e=Nt(y.badgeBg,y.background),a=y.badgeBorder?Nt(y.badgeBorder,y.background):null;return t.jsx(Hf,{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(Za,{children:"Badge Sizing"}),t.jsx(rt,{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(rt,{children:"Counter"}),t.jsx(ht,{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(rt,{children:"Status dot"}),t.jsx(ht,{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(Za,{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(rt,{style:{display:"block",marginBottom:2},children:"Screenreader support:"}),t.jsx(ht,{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(rt,{style:{display:"block",marginBottom:2},children:"Dot variant:"}),t.jsx(ht,{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(rt,{style:{display:"block",marginBottom:2},children:"Max overflow:"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:'When content exceeds max (default 99), displays "99+" visually but announces the actual number to screenreaders.'})]})]})]})]})]})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Badge"})})]})]})},exports.BarChart=function({data:r=[],showTrack:i=!0,rounded:n=!0,showValues:o=!1,showLabels:l=!0,animate:s=!0,interactive:c=!0,height:d=200,gapRatio:h=.4,label:u,className:m="",sx:p={},...x}){const f=Vk(r),g=qk(r),{active:b,handlers:v}=sC(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=o?20:8,w=l?22:8,B=Math.max(0,d-z-w),k=Gk(f,{fromZero:!0}),{centres:C,bandWidth:T}=Yk(f.length,0,S,{gapRatio:h}),M=z+B,A=n?T/2:0,L=f.length?S/f.length:0;return t.jsxs(a.Box,{component:"figure",className:"bar-chart "+m,sx:{display:"block",width:"100%",m:0,position:"relative",...p},...x,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,n=Qk(e,k,z,B),o=Math.max(0,M-n);return t.jsxs("g",{children:[i&&t.jsx("rect",{x:r,y:z,width:T,height:B,rx:A,ry:A,fill:aC.track}),o>0&&t.jsx("rect",{x:r,y:n,width:T,height:o,rx:Math.min(A,o/2),ry:Math.min(A,o/2),fill:aC.fill,style:{transformBox:"fill-box",transformOrigin:"bottom",transform:y?"scaleY(1)":"scaleY(0)",transition:`transform ${oC}`}})]},a)}),o&&f.map((e,a)=>t.jsx("text",{x:C[a],y:Qk(e,k,z,B)-6,textAnchor:"middle",fill:aC.label,...rC,children:e},"v"+a)),l&&g.map((e,a)=>t.jsx("text",{x:C[a],y:d-6,textAnchor:"middle",fill:aC.quietLabel,...rC,children:e},"l"+a)),c&&b>=0&&!o&&t.jsx(dC,{x:C[b],y:Qk(f[b],k,z,B),text:f[b],width:S,tokens:aC})]}),c&&t.jsx(cC,{count:f.length,width:S,centres:C,bandWidth:L,labels:g,values:f,handlers:v}),t.jsx(nC,{caption:u||`Bar chart, ${f.length} values`,labels:g,values:f})]})},exports.BevelText=Db,exports.BevelTextShowcase=function(){const[r,i]=e.useState("Default"),[n,o]=e.useState("Surface"),[l,s]=e.useState("DinoDesign"),[c,d]=e.useState("Primary"),[h,u]=e.useState("Classic"),[m,p]=e.useState("light"),[x,f]=e.useState(135),[g,b]=e.useState(5),[v,y]=e.useState(1),[j,S]=e.useState(!0),[z,w]=e.useState(!0),[B,k]=e.useState(6),[C,T]=e.useState(8),[M,A]=e.useState(60),[L,I]=e.useState(96),[N,R]=e.useState(900),[F,D]=e.useState(0),W="custom"===h,P=W?{angle:x,depth:g,softness:v,bevel:j,shadow:z,shadowDistance:B,shadowBlur:C,shadowOpacity:M/100}:void 0,H=Pb.find(e=>e.value===m)?.css||Pb[0].css;return t.jsxs(a.Box,{children:[t.jsx(Bk,{title:"Bevel Display Text",component:"BevelText"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:r,onThemeChange:i,surface:n,onSurfaceChange:o})}),t.jsx(nt,{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(Db,{text:l,theme:c,preset:h,custom:P,fontSize:L,fontWeight:N,letterSpacing:F})})}),t.jsx(a.Box,{sx:{minWidth:0,alignSelf:"flex-start"},children:t.jsx(a.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"BevelText",theme:r,surface:n})}),t.jsx(lf,{value:1,children:t.jsxs(a.Stack,{spacing:3,sx:{p:3,maxWidth:720},children:[t.jsx(ib,{label:"Text",value:l,onChange:e=>s(e.target.value),placeholder:"Your headline…",size:"medium"}),t.jsxs(a.Box,{children:[t.jsx(ft,{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:gb.map(e=>t.jsx(Hb,{label:e,selected:c===e,onClick:()=>d(e)},e))}),t.jsxs(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PRESETS"}),t.jsx(a.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:Wb.map(e=>t.jsx(Ob,{option:e,active:h===e.value,onClick:()=>function(e){if(u(e),"custom"!==e){const a=yb(e);f(a.angle),b(a.depth??5),y(a.softness??1),S(a.bevel),w(a.shadow),k(a.shadowDistance??6),T(a.shadowBlur??8),A(Math.round(100*(a.shadowOpacity??.6)))}}(e.value)},e.value))})]}),W&&t.jsxs(a.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",p:2},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:12},children:"CUSTOM"}),t.jsxs(a.Stack,{spacing:2,children:[t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Light angle",t.jsxs("span",{style:{float:"right"},children:[x,"°"]})]}),t.jsx(pb,{min:0,max:360,step:5,value:x,onChange:(e,a)=>f(a)})]}),t.jsxs(a.Box,{sx:{border:"1px solid var(--Border-Variant)",borderRadius:1,p:1.5},children:[t.jsx($f,{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(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Depth",t.jsxs("span",{style:{float:"right"},children:[g,"px"]})]}),t.jsx(pb,{min:1,max:16,step:1,value:g,onChange:(e,a)=>b(a)})]}),t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Softness",t.jsxs("span",{style:{float:"right"},children:[v,"px"]})]}),t.jsx(pb,{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($f,{label:"Drop shadow",checked:z,onChange:e=>w(e.target.checked)}),z&&t.jsxs(a.Stack,{spacing:1.5,sx:{mt:1.5},children:[t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Distance",t.jsxs("span",{style:{float:"right"},children:[B,"px"]})]}),t.jsx(pb,{min:1,max:24,step:1,value:B,onChange:(e,a)=>k(a)})]}),t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Blur",t.jsxs("span",{style:{float:"right"},children:[C,"px"]})]}),t.jsx(pb,{min:0,max:24,step:1,value:C,onChange:(e,a)=>T(a)})]}),t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Opacity",t.jsxs("span",{style:{float:"right"},children:[M,"%"]})]}),t.jsx(pb,{min:10,max:100,step:5,value:M,onChange:(e,a)=>A(a)})]})]})]})]})]}),t.jsxs(a.Box,{children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPOGRAPHY"}),t.jsxs(a.Stack,{spacing:2,children:[t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Font size",t.jsxs("span",{style:{float:"right"},children:[L,"px"]})]}),t.jsx(pb,{min:32,max:160,step:4,value:L,onChange:(e,a)=>I(a)})]}),t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Font weight",t.jsx("span",{style:{float:"right"},children:N})]}),t.jsx(pb,{min:400,max:900,step:100,value:N,onChange:(e,a)=>R(a)})]}),t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Letter spacing",t.jsxs("span",{style:{float:"right"},children:[F,"px"]})]}),t.jsx(pb,{min:-2,max:20,step:1,value:F,onChange:(e,a)=>D(a)})]})]})]}),t.jsxs(a.Box,{children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PREVIEW BACKGROUND"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:Pb.map(e=>t.jsx(Hb,{label:e.label,selected:m===e.value,onClick:()=>p(e.value)},e.value))}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Showcase-only — doesn't affect the emitted code."})]})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),t.jsxs(a.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsxs(ht,{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(rt,{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(lf,{value:3,children:t.jsx(jk,{component:"BevelText"})})]})})})]})]})},exports.BlackWhiteToggleButtonGroup=tB,exports.Body=nt,exports.Body1=lt,exports.Body2=st,exports.BodyBold=e=>t.jsx(Qa,{textStyle:"body-bold",...e}),exports.BodyLarge=ct,exports.BodyLargeBold=e=>t.jsx(Qa,{textStyle:"body-large-bold",...e}),exports.BodyLargeSemibold=dt,exports.BodySemibold=ot,exports.BodySmall=rt,exports.BodySmallBold=e=>t.jsx(Qa,{textStyle:"body-small-bold",...e}),exports.BodySmallSemibold=it,exports.BottomNavigation=Yj,exports.BottomNavigationShowcase=function(){const[r,i]=e.useState("Default"),[n,o]=e.useState("Surface"),[l,s]=e.useState(0),[c,d]=e.useState(!0),[h,u]=e.useState(!0),[m,p]=e.useState("fixed"),[x,f]=e.useState("horizontal"),[g,b]=e.useState("default"),[v,y]=e.useState(4),[j,S]=e.useState(_j.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-_j.length]||{icon:Kj[r%Kj.length],label:Kj[r%Kj.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})},w=j.slice(0,v).map(e=>({icon:$j[e.icon]||$j.Home,label:e.label}));return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Bottom Navigation",component:"BottomNavigation"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:r,onThemeChange:i,surface:n,onSurfaceChange:o})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"BottomNavigation",theme:r,surface:n})}),t.jsx(lf,{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(Yj,{items:w,value:l,onChange:s,showLabels:h,variant:m,orientation:x,barColor:g,fixed:!1},"bn-"+v+"-"+m+"-"+x+"-"+h+"-"+g)}),t.jsxs(ht,{style:{color:"var(--Text-Quiet)",textAlign:"center"},children:[v," items · ",h?"Labels":"Icons only"," · ","floating"===m?"Floating":"Fixed"," · ","vertical"===x?"Vertical":"Horizontal"," · ",(eS.find(e=>e.value===g)||eS[0]).label]})]}),t.jsx(Ff,{code:(()=>{const e=[];e.push("const items = ["),w.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+'"'),h||a.push("showLabels={false}"),"fixed"!==m&&a.push('variant="'+m+'"'),"horizontal"!==x&&a.push('orientation="'+x+'"'),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(Ja,{children:"Playground"}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BAR COLOR"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:eS.map(e=>t.jsx(aS,{label:e.label,selected:g===e.value,onClick:()=>b(e.value)},e.value))}),t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:[(eS.find(e=>e.value===g)||eS[0]).desc,' · data-surface="Surface-Dim" · bg: var(--Background)']})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsx(nS,{label:"Fixed",checked:c,onChange:d,caption:"Position fixed to bottom of viewport."}),t.jsx(nS,{label:"Labels",checked:h,onChange:u,caption:"Show text labels with icons."}),t.jsx(ht,{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(ft,{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(aS,{label:"Fixed",selected:"fixed"===m,onClick:()=>p("fixed")}),t.jsx(aS,{label:"Floating",selected:"floating"===m,onClick:()=>p("floating")})]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"floating"===m?"A pill, rounded to its own height so the ends stay semicircular at any length.":"A square band, edge to edge."}),t.jsx(ft,{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(aS,{label:"Horizontal",selected:"horizontal"===x,onClick:()=>f("horizontal")}),t.jsx(aS,{label:"Vertical",selected:"vertical"===x,onClick:()=>f("vertical")})]}),t.jsx(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"NAVIGATION ITEMS"}),t.jsx(iS,{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(ht,{style:{color:"var(--Text-Quiet)",flexShrink:0,width:16,textAlign:"right"},children:r+1}),t.jsx(rS,{value:e.icon,onChange:e=>z(r,"icon",e),options:Kj,label:"Item "+(r+1)+" icon"}),h&&t.jsx(tS,{value:e.label,onChange:e=>z(r,"label",e),placeholder:"Label"})]},r))})]})]})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),t.jsxs(a.Box,{sx:{p:4},children:[t.jsx(Ja,{children:"Accessibility Requirements"}),t.jsxs(rt,{color:"quiet",style:{marginBottom:32},children:[v," items · ",h?"Labels":"Icons only"," · ","floating"===m?"Floating":"Fixed"," · ","vertical"===x?"Vertical":"Horizontal"," · ",(eS.find(e=>e.value===g)||eS[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(Za,{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(rt,{children:"Landmark:"}),t.jsx(ht,{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(rt,{children:"Tab list:"}),t.jsx(ht,{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(rt,{children:"Tab items:"}),t.jsx(ht,{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(rt,{children:"Focus:"}),t.jsx(ht,{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(Za,{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(rt,{children:"Bar:"}),t.jsx(ht,{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(rt,{children:"Unselected icon/label:"}),t.jsx(ht,{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(rt,{children:"Selected:"}),t.jsx(ht,{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(rt,{children:"Selected pill:"}),t.jsx(ht,{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(rt,{children:"Backfill + horizontal label:"}),t.jsx(ht,{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(rt,{children:"Backfill + vertical label:"}),t.jsx(ht,{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(Za,{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(rt,{children:"Item count:"}),t.jsx(ht,{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(rt,{children:"Horizontal layout:"}),t.jsx(ht,{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(rt,{children:"Labels:"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:"Always recommended for clarity."})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(rt,{children:"Fixed:"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:"Add bottom padding to main content to avoid overlap."})]})]})]})]})]})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"BottomNavigation"})})]})]})},exports.Box=Dv,exports.BoxShowcase=function(){const[r,i]=e.useState(""),[n,o]=e.useState(""),[l,s]=e.useState("Default"),[c,d]=e.useState("Surface");return t.jsxs(Dv,{sx:{pb:8},children:[t.jsx(Bk,{title:"Box",component:"Box"}),t.jsx(Dv,{sx:{mt:1},children:t.jsx(Np,{theme:l,onThemeChange:s,surface:c,onSurfaceChange:d})}),t.jsxs(nt,{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(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"When to use"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Box",theme:l,surface:c})}),t.jsx(lf,{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(Kf,{theme:l,surface:c,children:t.jsx(Dv,{sx:{width:"100%",maxWidth:400},children:t.jsx(Dv,{theme:r||void 0,surface:n||void 0,children:t.jsxs(Dv,{sx:{padding:3,backgroundColor:"var(--Background)",color:"var(--Text)",borderRadius:"var(--Style-Border-Radius)",border:"1px dashed var(--Border-Variant)"},children:[t.jsx(Za,{children:"Box content"}),t.jsx(nt,{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(Ff,{code:(()=>{const e=[];r&&e.push('theme="'+r+'"'),n&&e.push('surface="'+n+'"');return"<Box"+(e.length?" "+e.join(" "):"")+">\n  {/* anything */}\n</Box>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(Dv,{sx:{p:3},children:[t.jsx(Dv,{sx:{mb:3}}),t.jsxs(Dv,{children:[t.jsx(ft,{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(Hv,{label:"None",selected:!r,onClick:()=>i("")}),Pv.map(e=>t.jsx(Hv,{label:e,selected:r===e,onClick:()=>i(e)},e))]})]}),t.jsxs(Dv,{sx:{mt:3},children:[t.jsx(ft,{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(Hv,{label:"None",selected:!n,onClick:()=>o("")}),Wv.map(e=>t.jsx(Hv,{label:e,selected:n===e,onClick:()=>o(e)},e))]}),t.jsxs(ht,{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(lf,{value:2,children:t.jsx(Dv,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:2,children:[t.jsxs(Dv,{children:[t.jsx(rt,{style:{fontWeight:700},children:"Reach for Box when…"}),t.jsx(ht,{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(Dv,{children:[t.jsx(rt,{style:{fontWeight:700},children:"Use Ratio when…"}),t.jsx(ht,{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(Dv,{children:[t.jsx(rt,{style:{fontWeight:700},children:"Use Card when…"}),t.jsx(ht,{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(lf,{value:3,children:t.jsx(jk,{component:"Box"})})]})]})},exports.BrandIcon=cp,exports.BreadcrumbItem=cy,exports.Breadcrumbs=sy,exports.BreadcrumbsShowcase=function(){const[r,i]=e.useState("medium"),[n,o]=e.useState("/"),[l,s]=e.useState(!1),[c,d]=e.useState("Default"),[h,u]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Breadcrumbs",component:"Breadcrumbs"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:c,onThemeChange:d,surface:h,onSurfaceChange:u})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Breadcrumbs",theme:c,surface:h})}),t.jsx(lf,{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(Kf,{theme:c,surface:h,children:t.jsxs(sy,{size:r,separator:n,condense:l,maxItems:3,children:[t.jsx(cy,{href:"#",children:"Home"}),t.jsx(cy,{href:"#",children:"Products"}),t.jsx(cy,{href:"#",children:"Shoes"}),t.jsx(cy,{children:"Running Shoes"})]})}),t.jsx(Ff,{code:(()=>{const e=[];return"medium"!==r&&e.push('size="'+r+'"'),"/"!==n&&e.push('separator="'+n+'"'),l&&e.push("condense maxItems={3}"),"<Breadcrumbs"+(e.length?" "+e.join(" "):"")+'>\n  <BreadcrumbItem href="/">Home</BreadcrumbItem>\n  <BreadcrumbItem href="/products">Products</BreadcrumbItem>\n  <BreadcrumbItem href="/products/shoes">Shoes</BreadcrumbItem>\n  <BreadcrumbItem>Running Shoes</BreadcrumbItem>\n</Breadcrumbs>'})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),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(ft,{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(hy,{label:dy(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SEPARATOR"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["/","›","→","·","|"].map(e=>t.jsx(hy,{label:e,selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(pt,{children:"Condense"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Collapse middle items into ellipsis"})]}),t.jsx(Zf,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Condense"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Breadcrumbs"})})]})]})},exports.Button=Rx,exports.ButtonGroup=ky,exports.ButtonSmall=Tt,exports.ButtonText=Mt,exports.CAP_HEIGHT_TRIM=Ua,exports.CHART_LABEL_TYPE=rC,exports.CHART_TOKENS=aC,exports.COLOR_COLLECTIONS=hC,exports.COLOUR_COLLECTIONS=hC,exports.COMPONENT_DOCS=_p,exports.Caption=ht,exports.CaptionBold=e=>t.jsx(Qa,{textStyle:"caption-bold",...e}),exports.Card=lg,exports.CenteredStack=e=>t.jsx(bv,{direction:"column",alignItems:"center",justifyContent:"center",...e}),exports.Checkbox=yg,exports.Chip=Qx,exports.CircularProgress=Jv,exports.CircularProgressShowcase=function(){const[r,i]=e.useState("default"),[n,o]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(65),[h,u]=e.useState(!1),[m,p]=e.useState("Default"),[x,f]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Circular Progress",component:"CircularProgress"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:m,onThemeChange:p,surface:x,onSurfaceChange:f})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"CircularProgress",theme:m,surface:x})}),t.jsx(lf,{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(Kf,{theme:m,surface:x,children:t.jsx(Jv,{color:r,size:n,value:l?c:void 0,showValue:l&&h})}),t.jsx(Ff,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),l&&(e.push("value={"+c+"}"),h&&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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:$v.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(_v,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Kv,{label:Zv(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(pt,{children:"Determinate"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show a static arc at a specific value"})]}),t.jsx(Zf,{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(pb,{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(pt,{children:"Show Label"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Center percentage text"})]}),t.jsx(Zf,{checked:h,onChange:e=>u(e.target.checked),size:"small","aria-label":"Show label"})]})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:"Role:"}),t.jsx(ht,{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(rt,{children:"Determinate:"}),t.jsx(ht,{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(rt,{children:"Indeterminate:"}),t.jsx(ht,{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(rt,{children:"Label:"}),t.jsx(ht,{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(Za,{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(rt,{children:"Track (back circle):"}),t.jsx(ht,{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(rt,{children:"Fill (progress arc):"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Buttons-{Color}-Border)"})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(rt,{children:"Center label:"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text)"})]})]})]})]})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"CircularProgress"})})]})]})},exports.CodeBlock=Ff,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=av,exports.CopyButton=Rf,exports.Copyright=hv,exports.CopyrightShowcase=function(){const[r,i]=e.useState("Default"),[n,o]=e.useState("Surface"),[l,s]=e.useState("DinoDesign"),[c,d]=e.useState((new Date).getFullYear()),[h,u]=e.useState("All rights reserved"),[m,p]=e.useState(""),[x,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,x,l,c,h,m]),t.jsxs(a.Box,{children:[t.jsx(Bk,{title:"Copyright",component:"Copyright"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:r,onThemeChange:i,surface:n,onSurfaceChange:o})}),t.jsxs(nt,{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:x?t.jsx(hv,{color:g,children:m||"Type a custom message →"}):t.jsx(hv,{color:g,companyName:l,year:Number(c)||(new Date).getFullYear(),rights:h})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Copyright",theme:r,surface:n})}),t.jsx(lf,{value:1,children:t.jsxs(a.Stack,{spacing:3,sx:{p:3,maxWidth:560},children:[t.jsxs(a.Box,{children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TEXT MODE"}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(xv,{label:"Auto-generated",selected:!x,onClick:()=>f(!1)}),t.jsx(xv,{label:"Custom",selected:x,onClick:()=>f(!0)})]})]}),!x&&t.jsxs(t.Fragment,{children:[t.jsx(ib,{label:"Company name",value:l,onChange:e=>s(e.target.value),placeholder:"DinoDesign",size:"medium"}),t.jsx(mv,{label:"Year",value:Number(c),onChange:e=>d(e),min:1900,max:2100}),t.jsx(ib,{label:"Rights text",value:h,onChange:e=>u(e.target.value),placeholder:"All rights reserved",size:"medium"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:'Leave Rights blank to omit "All rights reserved." entirely.'})]}),x&&t.jsxs(t.Fragment,{children:[t.jsx(ib,{label:"Custom text",value:m,onChange:e=>p(e.target.value),placeholder:"© 2026 DinoDesign · MIT License · Built with love",size:"medium",multiline:!0}),t.jsx(ht,{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(ft,{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:pv.map(e=>t.jsx(xv,{label:e.label,selected:g===e.value,onClick:()=>b(e.value)},e.value))}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Matches the Footer color presets so the two stack cleanly."})]})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),t.jsxs(a.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsx(ht,{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(Ab,{targetRef:y,label:"Copyright strip",deps:[g,x,l,c,h,m]})]})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Copyright"})})]})]})},exports.CurvedText=Bb,exports.CurvedTextShowcase=function(){const[r,i]=e.useState("Default"),[n,o]=e.useState("Surface"),[l,s]=e.useState("Your Brand. Perfected."),[c,d]=e.useState("display-large"),[h,u]=e.useState("primary"),[m,p]=e.useState([(x="up",{arc:140,radius:340,direction:x})]);var x;const[f,g]=e.useState(0),[b,v]=e.useState(8),[y,j]=e.useState(700),[S,z]=e.useState(!1),[w,B]=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")})},[h,c,m,f,b,y,S,w,k]);const L=Ib.find(e=>e.value===h)?.css||Ib[0].css;function I(e,a){p(t=>t.map((t,r)=>r===e?{...t,...a}:t))}return t.jsxs(a.Box,{children:[t.jsx(Bk,{title:"Curved Display Text",component:"CurvedText"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:r,onThemeChange:i,surface:n,onSurfaceChange:o})}),t.jsx(nt,{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(Bb,{text:l,curves:m,textStyle:c,rotation:f,letterSpacing:b,fontWeight:y,bevel:S,bevelTheme:w,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(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"CurvedText",theme:r,surface:n})}),t.jsx(lf,{value:1,children:t.jsxs(a.Stack,{spacing:3,sx:{p:3,maxWidth:720},children:[t.jsx(ib,{label:"Text",value:l,onChange:e=>s(e.target.value),placeholder:"Your headline…",size:"medium"}),t.jsxs(a.Box,{children:[t.jsx(ft,{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(Rb,{label:String(e),selected:m.length===e,onClick:()=>function(e){p(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(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:12},children:"PER-CURVE SETTINGS"}),t.jsx(a.Stack,{spacing:2,children:m.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(ht,{style:{fontWeight:700},children:["Curve ",r+1]}),t.jsx("div",{style:{flex:1}}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(Rb,{label:"⌢ Up",selected:"up"===e.direction,onClick:()=>I(r,{direction:"up"})}),t.jsx(Rb,{label:"⌣ Down",selected:"down"===e.direction,onClick:()=>I(r,{direction:"down"})})]})]}),t.jsxs(a.Stack,{spacing:1,children:[t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Radius",t.jsxs("span",{style:{float:"right"},children:[e.radius,"px"]})]}),t.jsx(pb,{min:100,max:600,step:10,value:e.radius,onChange:(e,a)=>I(r,{radius:a})})]}),t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Arc sweep",t.jsxs("span",{style:{float:"right"},children:[e.arc,"°"]})]}),t.jsx(pb,{min:40,max:280,step:5,value:e.arc,onChange:(e,a)=>I(r,{arc:a})})]})]})]},r))})]}),t.jsxs(a.Box,{children:[t.jsx(ft,{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:Lb.map(e=>t.jsx(Rb,{label:e.label,selected:c===e.value,onClick:()=>d(e.value)},e.value))}),t.jsx(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["LETTER SPACING",t.jsxs("span",{style:{float:"right"},children:[b,"px"]})]}),t.jsx(pb,{min:-4,max:40,step:1,value:b,onChange:(e,a)=>v(a)}),t.jsx(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["FONT WEIGHT",t.jsx("span",{style:{float:"right"},children:y})]}),t.jsx(pb,{min:100,max:900,step:100,value:y,onChange:(e,a)=>j(a)}),t.jsx(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BEVEL"}),t.jsx($f,{label:"3D bevel effect",checked:S,onChange:e=>z(e.target.checked)}),S&&t.jsxs(a.Box,{sx:{mt:1.5},children:[t.jsx(ht,{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:vb.map(e=>t.jsx(Rb,{label:e,selected:k===e,onClick:()=>C(e)},e))}),t.jsx(ht,{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:Nb.map(e=>t.jsx(Rb,{label:e.label,selected:w===e.value,onClick:()=>B(e.value)},e.value))})]}),t.jsxs(ht,{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(ft,{style:{color:"var(--Text-Quiet)",flex:1},children:["ROTATION",t.jsxs("span",{style:{float:"right",marginRight:12},children:[f,"°"]})]}),t.jsx(Rx,{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 n=Math.max(0,(r-i)/2),o=Math.min(r,n+i),s=a.getPointAtLength(n),c=a.getPointAtLength(o),d=180*Math.atan2(c.y-s.y,c.x-s.x)/Math.PI,h=Math.max(-45,Math.min(45,Math.round(-d)));g(h)},children:"Auto-level"})]}),t.jsx(pb,{min:-45,max:45,step:1,value:f,onChange:(e,a)=>g(a)}),t.jsx(ht,{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(ft,{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:Ib.map(e=>t.jsx(Rb,{label:e.label,selected:h===e.value,onClick:()=>u(e.value)},e.value))})]})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),t.jsxs(a.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsx(ht,{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(Ab,{targetRef:M,label:"Curved text",deps:[h,c,JSON.stringify(m),f,b]}),t.jsxs(rt,{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(lf,{value:3,children:t.jsx(jk,{component:"CurvedText"})})]})})})]})]})},exports.DEFAULT_AVATAR_SRC=ax,exports.DEFAULT_ITEMS=zS,exports.DOCS_ORIGIN=ck,exports.DefaultToggleButtonGroup=$w,exports.DesktopAppBar=yj,exports.Dialog=pS,exports.DialogShowcase=function(){const[r,i]=e.useState(!1),[n,o]=e.useState("sm"),[l,s]=e.useState(!1),[c,d]=e.useState("none"),[h,u]=e.useState(!1),[m,p]=e.useState(!1),[x,f]=e.useState("Default"),[g,b]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Dialog",component:"Dialog"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:x,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Dialog",theme:x,surface:g})}),t.jsx(lf,{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(Kf,{theme:x,surface:g,children:t.jsx(Rx,{variant:"default",onClick:()=>i(!0),children:"Open Dialog"})}),t.jsx(Ff,{code:(()=>{const e=["open={open}","onClose={handleClose}"];return"sm"!==n&&e.push('maxWidth="'+n+'"'),l&&e.push("fullScreen"),h&&e.push("alert"),m&&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(pS,{open:r,onClose:(e,a)=>{h&&"backdropClick"===a||i(!1)},maxWidth:n,fullScreen:l,alert:h,nonModal:m,transition:"none"!==c?c:void 0,title:"Dialog Title",actions:t.jsxs(t.Fragment,{children:[t.jsx(Rx,{variant:"default-outline",size:"small",onClick:()=>i(!1),children:"Cancel"}),t.jsx(Rx,{variant:"default",size:"small",onClick:()=>i(!1),children:"Confirm"})]}),children:t.jsx(nt,{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(ft,{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(xS,{label:e.toUpperCase(),selected:n===e,onClick:()=>{o(e),s(!1)}},e)),t.jsx(xS,{label:"Full Screen",selected:l,onClick:()=>s(!l)})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(xS,{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(pt,{children:"Alert"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"No backdrop dismiss, no Escape"})]}),t.jsx(Zf,{variant:"default-outline",checked:h,onChange:e=>u(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(pt,{children:"Non-Modal"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"No backdrop, interact with content behind"})]}),t.jsx(Zf,{variant:"default-outline",checked:m,onChange:e=>p(e.target.checked),size:"small","aria-label":"Non-modal"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Dialog"})})]})]})},exports.DisplayLarge=e=>t.jsx(Qa,{textStyle:"display-large",...e}),exports.DisplayMedium=e=>t.jsx(Qa,{textStyle:"display-medium",...e}),exports.DisplaySmall=e=>t.jsx(Qa,{textStyle:"display-small",...e}),exports.Divider=Jg,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=pj,exports.DrawerClose=xj,exports.DrawerContent=gj,exports.DrawerHeader=fj,exports.DrawerShowcase=function(){const[r,i]=e.useState(!1),[n,o]=e.useState("medium"),[l,s]=e.useState("left"),[c,d]=e.useState("Default"),[h,u]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Drawer",component:"Drawer"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:c,onThemeChange:d,surface:h,onSurfaceChange:u})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Drawer",theme:c,surface:h})}),t.jsx(lf,{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(Kf,{theme:c,surface:h,children:t.jsx(Rx,{variant:"default",onClick:()=>i(!0),children:"Open Drawer"})}),t.jsx(Ff,{code:(()=>{const e=["open={open}","onClose={handleClose}"];return"medium"!==n&&e.push('size="'+n+'"'),"left"!==l&&e.push('anchor="'+l+'"'),"<Drawer "+e.join(" ")+">\n  <DrawerHeader>\n    <H5>Navigation</H5>\n    <DrawerClose onClick={handleClose} />\n  </DrawerHeader>\n  <DrawerContent>\n    <OmniTreeView items={navItems} />\n  </DrawerContent>\n</Drawer>"})(),language:"JSX",wrap:!0,sx:{mt:2}}),t.jsxs(pj,{open:r,onClose:()=>i(!1),size:n,anchor:l,children:[t.jsxs(fj,{children:[t.jsx(Za,{children:"Navigation"}),t.jsx(xj,{onClick:()=>i(!1)})]}),t.jsx(gj,{children:t.jsx(SS,{items:BS,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(ft,{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(kS,{label:wS(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(kS,{label:wS(e),selected:l===e,onClick:()=>s(e)},e))})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Drawer"})})]})]})},exports.DropZone=TS,exports.Dropdown=YS,exports.DynoStack=bv,exports.DynoTreeView=SS,exports.EXAMPLES=ak,exports.EmailTextField=function({label:e="Email",...a}){return t.jsx(jw,{label:e,type:"email",placeholder:"user@example.com",...a})},exports.ErrorTag=e=>t.jsx(Zb,{color:"error",...e}),exports.ErrorToggleButtonGroup=oB,exports.Eyebrow=gt,exports.EyebrowLarge=vt,exports.EyebrowMedium=bt,exports.EyebrowSmall=ft,exports.FORM_HELPER_VALIDATIONS=["none","warning","info","success","error"],exports.FORM_LABEL_MARKERS=Lk,exports.FOUNDATIONS=kk,exports.Fab=Pg,exports.FabShowcase=function(){const[r,i]=e.useState("default"),[n,o]=e.useState("medium"),[l,s]=e.useState("Add"),[c,d]=e.useState(!1),[h,u]=e.useState("Create"),[m,p]=e.useState(!1),[x,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},w=Ht(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(Bk,{title:"Floating Action Button",component:"Fab"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{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(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Fab",theme:g,surface:v})}),t.jsx(lf,{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(Kf,{theme:g,surface:v,children:t.jsx(Pg,{color:j,size:n,icon:(()=>{const e=va[l]||va.Add;return t.jsx(up,{size:"medium",children:t.jsx(e,{})})})(),extended:c,label:h,animate:m,disabled:x,ariaLabel:c?h:l})}),t.jsx(Ff,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),e.push("icon={<"+l+"Icon />}"),c&&(e.push("extended"),e.push('label="'+h+'"')),m&&e.push("animate"),x&&e.push("disabled"),e.push('ariaLabel="'+(c?h: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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Og.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(qg,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Vg,{label:Hg(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(Gg,{label:"Icon Name",value:l,onChange:s,placeholder:"Add"}),t.jsxs(ht,{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(ft,{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(pt,{children:"Extended"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Pill shape with icon + text label"})]}),t.jsx(Zf,{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(Gg,{label:"Label Text",value:h,onChange:u,placeholder:"Create"})}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(pt,{children:"Animation"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Pulse ring effect to draw attention"})]}),t.jsx(Zf,{checked:m,onChange:e=>p(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(pt,{children:"Disabled"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Zf,{checked:x,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{children:["Contrast — ",r," on ",v,g?" / "+g:""]}),t.jsxs(a.Stack,{spacing:0,children:[t.jsx(Wt,{label:"FAB fill vs. page background",note:"Non-text contrast, 3:1 — the FAB has to be findable against what it floats over.",ratio:Nt(w.fabBg,w.background),threshold:3}),t.jsx(Wt,{label:"Icon vs. FAB fill — resting",note:"The glyph carries the meaning, so it is held to text contrast.",ratio:Nt(w.fabIcon,w.fabBg),threshold:4.5}),t.jsx(Wt,{label:"Icon vs. FAB fill — hover",ratio:Nt(w.fabIcon,w.hover,w.fabBg),threshold:4.5}),t.jsx(Wt,{label:"Icon vs. FAB fill — pressed",ratio:Nt(w.fabIcon,w.pressed,w.fabBg),threshold:4.5}),t.jsx(Wt,{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:Nt(w.focusVisible,w.background),threshold:3}),t.jsx(Pt,{label:"Target size",note:"WCAG 2.5.8 asks 24x24 CSS px minimum; 44x44 is the AAA / platform figure.",pass:z[n]>=44,detail:z[n]+"px"})]})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Za,{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(rt,{children:"Role:"}),t.jsx(ht,{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(rt,{children:"Label:"}),t.jsx(ht,{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(rt,{children:"Focus:"}),t.jsx(ht,{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(rt,{children:"Disabled:"}),t.jsx(ht,{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(Za,{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(rt,{children:"One per screen:"}),t.jsx(ht,{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(rt,{children:"Extended for clarity:"}),t.jsx(ht,{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(rt,{children:"Animation:"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:"Use sparingly. Respect prefers-reduced-motion."})]})]})]})]})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Fab"})})]})]})},exports.FieldGroup=function({children:e,label:r,type:i="default",moreInfo:n,helperText:o,showHelper:l=!0,validation:s="none",validationMessage:c,orientation:d="vertical",disabled:h=!1,className:u="",sx:m={},...p}){const{helperId:x,messageId:f,describedBy:g}=Wk({showHelper:l,validation:s}),b="error"===s;return t.jsxs(a.Box,{component:"fieldset",disabled:h||void 0,className:"field-group field-group-"+d+" "+u,"aria-invalid":b||void 0,"aria-describedby":g,sx:{border:0,margin:0,padding:0,minInlineSize:0,display:"flex",flexDirection:"column",gap:"var(--Sizing-Half)",...m},...p,children:[r&&t.jsx(Ik,{as:"legend",type:i,moreInfo:n,disabled:h,children:r}),t.jsx(Pk,{helperText:o,showHelper:l,validation:s,validationMessage:c,helperId:x,messageId:f}),t.jsx(a.Box,{className:"field-group-options",sx:{display:"flex",flexDirection:"horizontal"===d?"row":"column",flexWrap:"horizontal"===d?"wrap":"nowrap",alignItems:"horizontal"===d?"center":"flex-start",gap:"var(--Sizing-1)"},children:e})]})},exports.Footer=Bv,exports.FooterShowcase=function(){const[r,i]=e.useState("Default"),[n,o]=e.useState("Surface"),[l,s]=e.useState(4),[c,d]=e.useState(!0),[h,u]=e.useState(!0),[m,p]=e.useState("default"),x=e.useRef(null),[f,g]=e.useState(null),[b,v]=e.useState(null);e.useEffect(()=>{x.current&&(g({current:x.current.querySelector(".dino-footer")}),v({current:x.current.querySelector(".dino-copyright")}))},[m,l,c,h]);const y=Lv.slice(0,Math.max(0,l-1)),j=c?Iv:[],S=h?{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(Bk,{title:"Footer",component:"Footer"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:r,onThemeChange:i,surface:n,onSurfaceChange:o})}),t.jsxs(nt,{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:x,sx:{borderRadius:1,overflow:"hidden",mb:4},children:t.jsx(Bv,{color:m,address:Av,columns:y,socialLinks:j,subscribe:S,copyrightName:"DinoDesign"})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Footer",theme:r,surface:n})}),t.jsx(lf,{value:1,children:t.jsxs(a.Stack,{spacing:3,sx:{p:3,maxWidth:560},children:[t.jsxs(a.Box,{children:[t.jsx(ft,{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(Rv,{label:String(e),selected:l===e,onClick:()=>s(e)},e))}),t.jsx(ht,{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(ft,{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:Nv.map(e=>t.jsx(Rv,{label:e.label,selected:m===e.value,onClick:()=>p(e.value)},e.value))}),t.jsx(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SOCIAL LINKS"}),t.jsx($f,{label:"Show social media row",checked:c,onChange:e=>d(e.target.checked)}),t.jsxs(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SUBSCRIBE"}),t.jsx($f,{label:"Show email subscribe form",checked:h,onChange:e=>u(e.target.checked)}),t.jsxs(ht,{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(lf,{value:2,children:[t.jsx(Dt,{}),t.jsxs(a.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsx(ht,{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(Ab,{targetRef:f,label:"Footer body",deps:[m,l,c,h]}),b&&t.jsx(Ab,{targetRef:b,label:"Copyright strip",deps:[m,l,c,h]})]})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Footer"})})]})]})},exports.FormDialog=function({open:e,onClose:r,title:i,children:n,submitText:o="Submit",cancelText:l="Cancel",onSubmit:s,...c}){return t.jsx(pS,{open:e,onClose:r,title:i,...c,actions:t.jsxs(t.Fragment,{children:[t.jsx(a.Box,{component:"button",type:"button",onClick:r,sx:mS.outline,children:l}),t.jsx(a.Box,{component:"button",type:"button",onClick:s,sx:mS.primary,children:o})]}),children:n})},exports.FormHelper=Pk,exports.FormLabel=Ik,exports.Ghost=za,exports.Gradient=Qb,exports.Grid=Yb,exports.GridStack=zv,exports.H1=e=>t.jsx(Qa,{textStyle:"h1",...e}),exports.H2=Ya,exports.H3=Xa,exports.H4=Ja,exports.H5=Za,exports.H6=e=>t.jsx(Qa,{textStyle:"h6",...e}),exports.HStack=vv,exports.Heading=$a,exports.INPUT_MESSAGE_TYPES=Fk,exports.Icon=up,exports.IconBadge=IS,exports.IconBadgeShowcase=function(){const[r,i]=e.useState("Default"),[n,o]=e.useState("Surface"),[l,s]=e.useState("primary"),[c,d]=e.useState("solid"),[h,u]=e.useState("medium"),m=Ak[0];return t.jsxs(yv,{spacing:4,style:{paddingBottom:64},children:[t.jsx(Bk,{title:"Icon Badge",component:"IconBadge"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:r,onThemeChange:i,surface:n,onSurfaceChange:o})}),t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:24},children:[t.jsx(lg,{padding:"medium",children:t.jsxs(yv,{spacing:4,alignItems:"center",children:[t.jsx("div",{style:{padding:40},children:t.jsx(IS,{color:l,variant:c,size:h,children:t.jsx(m,{})})}),t.jsx(vv,{spacing:4,alignItems:"flex-end",children:["small","medium","large"].map(e=>t.jsxs(yv,{spacing:1,alignItems:"center",children:[t.jsx(IS,{color:l,variant:c,size:e,children:t.jsx(m,{})}),t.jsx(rt,{style:{color:"var(--Quiet)"},children:Tk(e)})]},e))}),t.jsxs(yv,{spacing:1,alignItems:"center",children:[t.jsx(rt,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:"Variants"}),t.jsx(vv,{spacing:3,children:["solid","light","dark"].map(e=>t.jsxs(yv,{spacing:1,alignItems:"center",children:[t.jsx(IS,{color:l,variant:e,size:"medium",children:t.jsx(m,{})}),t.jsx(rt,{style:{color:"var(--Quiet)",fontSize:"0.65rem"},children:Tk(e)})]},e))})]}),t.jsxs(yv,{spacing:1,alignItems:"center",children:[t.jsx(rt,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:"All Colors"}),t.jsx(vv,{spacing:2,style:{flexWrap:"wrap",justifyContent:"center"},children:Mk.flatMap(e=>e.colors).map(e=>t.jsxs(yv,{spacing:0,alignItems:"center",children:[t.jsx(IS,{color:e,variant:c,size:"small",children:t.jsx(m,{})}),t.jsx(rt,{style:{color:"var(--Quiet)",fontSize:"0.55rem"},children:Tk(e)})]},e))})]})]})}),t.jsx(lg,{padding:"medium",children:t.jsxs(yv,{spacing:4,children:[t.jsx(Xa,{style:{fontSize:"1rem"},children:"Playground"}),t.jsxs(yv,{spacing:2,children:[t.jsx(pt,{children:"Color"}),Mk.map(e=>t.jsxs(yv,{spacing:1,children:[t.jsx(rt,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:e.label}),t.jsx(vv,{spacing:1,children:e.colors.map(e=>t.jsx(Rx,{variant:l===e?"default":"outline",size:"small",onClick:()=>s(e),children:Tk(e)},e))})]},e.label))]}),t.jsxs(yv,{spacing:1,children:[t.jsx(pt,{children:"Variant"}),t.jsx(ky,{size:"small",children:["solid","light","dark"].map(e=>t.jsx(Rx,{variant:c===e?"default":"outline",size:"small",onClick:()=>d(e),children:Tk(e)},e))})]}),t.jsxs(yv,{spacing:1,children:[t.jsx(pt,{children:"Size"}),t.jsx(ky,{size:"small",children:["small","medium","large"].map(e=>t.jsx(Rx,{variant:h===e?"default":"outline",size:"small",onClick:()=>u(e),children:Tk(e)},e))})]}),t.jsxs(yv,{spacing:0,children:[t.jsxs(rt,{style:{color:"var(--Quiet)"},children:["data-theme: ",Tk(l),"light"===c?"-Light":""]}),t.jsxs(rt,{style:{color:"var(--Quiet)"},children:["data-surface: ","dark"===c?"Surface-Dimmest":"Surface"]}),t.jsx(rt,{style:{color:"var(--Quiet)"},children:"bg: var(--Background)"}),t.jsx(rt,{style:{color:"var(--Quiet)"},children:"icon: var(--Text)"})]})]})})]})]})},exports.IconShowcase=function(){const[r,i]=e.useState("Default"),[o,l]=e.useState("Surface"),[s,c]=e.useState("filled"),[d,h]=e.useState("default"),[u,m]=e.useState("medium"),[p,x]=e.useState("40"),[f,g]=e.useState(!1),[b,y]=e.useState("Home"),[j,S]=e.useState(""),[z,w]=e.useState({}),B=Mg[d]||"Default",k="twotone"===s,C="custom"===u?(parseInt(p,10)||40)+"px":{xs:"12px",small:"16px",medium:"24px",large:"36px"}[u]||"24px",T=function(e,a){return Ng[e]?.[a]||Ng[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(()=>{w({background:Rt("--Background"),iconColor:Rt("--Icons-"+B),iconVariant:Rt("--Icons-Variant-"+B)})},[d,B]),t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Icon",component:"Icon"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:r,onThemeChange:i,surface:o,onSurfaceChange:l})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Icon",theme:r,surface:o})}),t.jsx(lf,{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(up,{color:d,size:u,fontSize:"custom"===u?parseInt(p,10)||40:void 0,disabled:f,twoTone:k,"aria-label":L?j.trim():void 0,children:t.jsx(T,{})})}),t.jsx(Ff,{code:(()=>{const e=[];"default"!==d&&e.push('color="'+d+'"'),"custom"===u?(e.push('size="custom"'),e.push("fontSize={"+(parseInt(p,10)||40)+"}")):"medium"!==u&&e.push('size="'+u+'"'),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(ft,{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(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Lg.map(e=>t.jsx(Dg,{label:Ig[e],selected:s===e,onClick:()=>c(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Ag.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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=Mg[e],i=d===e;return t.jsx(a.Box,{component:"button",onClick:()=>h(e),"aria-label":"Select "+Tg(e),"aria-pressed":i,title:Tg(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(n,{sx:{fontSize:16,color:"var(--Background)",pointerEvents:"none"}})},e)})})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Dg,{label:Tg(e),selected:u===e,onClick:()=>m(e)},e))}),"custom"===u&&t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:1,mt:1.5},children:[t.jsx(a.Box,{component:"input",type:"number",value:p,onChange:e=>x(e.target.value),"aria-label":"Custom font size in pixels",sx:{width:72,padding:"4px 8px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",outline:"none","&:focus":{borderColor:"var(--Focus-Visible)"}}}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:"px"})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(ht,{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(pt,{children:"Disabled"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Reduces opacity to 0.38"})]}),t.jsx(Zf,{checked:f,onChange:e=>g(e.target.checked),size:"small","aria-label":"Toggle disabled"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(rt,{color:"quiet",style:{marginBottom:24},children:[Ig[s]," / ",Tg(d)," / ","custom"===u?p+"px":u,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(Za,{children:"Icon Contrast (WCAG 1.4.11 — 3:1)"}),t.jsx(rt,{color:"quiet",style:{marginBottom:16},children:"Non-text elements must contrast 3:1 against the page background."}),t.jsx(Fg,{label:"var(--Icons-"+B+") vs. var(--Background)",ratio:Nt(z.iconColor,z.background),threshold:3,note:A+" at "+C+" in "+Tg(d)+" color"}),k&&t.jsx(Fg,{label:"var(--Icons-Variant-"+B+") vs. var(--Background)",ratio:Nt(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(Za,{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(rt,{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(rt,{children:"Decorative (no aria-label):"}),t.jsx(ht,{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(rt,{children:"Meaningful (with aria-label):"}),t.jsx(ht,{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(rt,{children:["Disabled state",f?" ← current":"",":"]}),t.jsx(ht,{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(rt,{children:["Two-tone",k?" ← current":"",":"]}),t.jsxs(ht,{style:{color:"var(--Text-Quiet)"},children:["Secondary fill uses var(--Icons-Variant-",B,"). Both the primary and secondary fills must meet 3:1 contrast independently."]})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsxs(rt,{children:["Touch target — ",C," icon","small"===u?" ⚠":" ✓",":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:"small"===u?"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(Za,{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:n},o,l)=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:o<l.length-1?"1px solid var(--Border)":"none",display:"flex",justifyContent:"space-between",alignItems:"flex-start"},children:[t.jsxs(a.Box,{children:[t.jsxs(rt,{children:[e," — ",i]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:n})]}),u===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(lf,{value:3,children:t.jsx(jk,{component:"Icon"})})]})]})},exports.InfoTag=e=>t.jsx(Zb,{color:"info",...e}),exports.InfoToggleButtonGroup=rB,exports.InputMessage=Dk,exports.InsetStack=({sx:e,...a})=>t.jsx(bv,{sx:{px:2,...e},...a}),exports.Label=pt,exports.LabelExtraSmall=e=>t.jsx(Qa,{textStyle:"label-extra-small",...e}),exports.LabelLarge=e=>t.jsx(Qa,{textStyle:"label-large",...e}),exports.LabelSmall=mt,exports.Legal=xt,exports.LegalSemibold=e=>t.jsx(Qa,{textStyle:"legal-semibold",...e}),exports.LightTreeView=e=>t.jsx(SS,{variant:"light",...e}),exports.LineChart=function({data:r=[],curve:i="smooth",gradient:n=!0,fromZero:o=!1,showGrid:l=!1,showLabels:s=!1,animate:c=!0,interactive:d=!0,height:h=200,strokeWidth:u=3,tension:m=0,label:p,className:x="",sx:f={},...g}){const b="lc-"+e.useId().replace(/:/g,""),v=Vk(r),y=qk(r),{active:j,handlers:S}=sC(v.length),[z,w]=e.useState(!c);e.useEffect(()=>{if(!c)return;const e=requestAnimationFrame(()=>w(!0));return()=>cancelAnimationFrame(e)},[c]);const B=320,k=s?22:8,C=Math.max(0,h-8-k),T=Gk(v,{fromZero:o}),M=Uk(v.length,0,B,{inset:u}),A=v.map((e,a)=>({x:M[a],y:Qk(e,T,8,C)})),L="straight"===i?Xk(A):Jk(A,{tension:m}),I=8+C;return t.jsxs(a.Box,{component:"figure",className:"line-chart "+x,sx:{display:"block",width:"100%",m:0,position:"relative",...f},...g,children:[t.jsxs("svg",{viewBox:`0 0 320 ${h}`,width:"100%",height:h,preserveAspectRatio:"none",focusable:"false","aria-hidden":"true",children:[n&&t.jsx("defs",{children:t.jsxs("linearGradient",{id:b,x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx("stop",{offset:"0%",stopColor:aC.gradient,stopOpacity:"1"}),t.jsx("stop",{offset:"100%",stopColor:aC.gradient,stopOpacity:"0"})]})}),l&&_k(T,4).map(e=>t.jsx("line",{x1:0,x2:B,y1:Qk(e,T,8,C),y2:Qk(e,T,8,C),stroke:aC.line,strokeWidth:"1"},e)),n&&A.length>1&&t.jsx("path",{d:Zk(L,A,I),fill:`url(#${b})`,style:{opacity:z?1:0,transition:`opacity ${oC}`}}),A.length>1&&t.jsx("path",{d:L,fill:"none",stroke:aC.fill,strokeWidth:u,strokeLinecap:"round",strokeLinejoin:"round",pathLength:"1",style:{strokeDasharray:1,strokeDashoffset:z?0:1,transition:`stroke-dashoffset ${oC}`}}),1===A.length&&t.jsx("circle",{cx:A[0].x,cy:A[0].y,r:u,fill:aC.fill}),d&&j>=0&&t.jsxs(t.Fragment,{children:[t.jsx("line",{x1:M[j],x2:M[j],y1:8,y2:I,stroke:aC.line,strokeWidth:"1"}),t.jsx("circle",{cx:A[j].x,cy:A[j].y,r:u+1,fill:aC.fill,stroke:"var(--Background)",strokeWidth:"2"}),t.jsx(dC,{x:A[j].x,y:A[j].y,text:v[j],width:B,tokens:aC})]}),s&&y.map((e,a)=>t.jsx("text",{x:M[a],y:h-6,textAnchor:"middle",fill:aC.quietLabel,...rC,children:e},a))]}),d&&t.jsx(cC,{count:v.length,width:B,centres:M,bandWidth:v.length?B/v.length:0,labels:y,values:v,handlers:S}),t.jsx(nC,{caption:p||`Line chart, ${v.length} points`,labels:y,values:v})]})},exports.LinearGradient=e=>t.jsx(Qb,{variant:"linear",...e}),exports.LinearLoader=function({value:e,label:r,sx:i={},...n}){return t.jsxs(a.Stack,{spacing:1,sx:{...i},...n,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=Vv,exports.LinearProgressShowcase=function(){const[r,i]=e.useState("default"),[n,o]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(65),[h,u]=e.useState("Default"),[m,p]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Linear Progress",component:"LinearProgress"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:h,onThemeChange:u,surface:m,onSurfaceChange:p})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"LinearProgress",theme:h,surface:m})}),t.jsx(lf,{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(Kf,{theme:h,surface:m,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:400},children:t.jsx(Vv,{color:r,size:n,value:l?c:void 0})})}),t.jsx(Ff,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),l&&e.push("value={"+c+"}"),0===e.length?"<LinearProgress />":"<LinearProgress\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Gv.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(Uv,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Qv,{label:qv(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(pt,{children:"Determinate"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show a static bar at a specific value"})]}),t.jsx(Zf,{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(pb,{label:"Value",min:0,max:100,value:c,onChange:(e,a)=>d(a),size:"small",valueLabelDisplay:"auto"})})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"LinearProgress"})})]})]})},exports.Link=qt,exports.List=PS,exports.ListItem=WS,exports.ListItemDecorator=DS,exports.Loader=OS,exports.MESSAGE_ICONS=Nk,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(ga,{}),path:"/help"}],title:n="My App",children:o,onLayoutChange:l,onNavigate:s,sx:c={},...d}){const h=a.useTheme(),u=a.useMediaQuery(h.breakpoints.down("md"));a.useMediaQuery(h.breakpoints.down("lg"));const[m,p]=e.useState(!1),[x,f]=e.useState(!1),g=u?"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),p(!1)},sx:{color:"var(--Text)",...Gz({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:[u&&"rail"!==g&&t.jsx(Dx,{variant:"ghost",onClick:()=>p(!m),"aria-label":m?"Close navigation":"Open navigation",sx:{mr:2},children:m?t.jsx(We,{}):t.jsx(Re,{})}),t.jsx(a.Typography,{variant:"h6",sx:{flex:1,fontWeight:700},children:n}),!u&&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)&&!u&&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)&&!u&&t.jsxs(a.Box,{sx:{width:x?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:[!x&&t.jsx(a.Typography,{variant:"h6",sx:{fontWeight:700,color:"var(--Text)"},children:"Menu"}),t.jsx(Dx,{size:"small",variant:"ghost",onClick:()=>f(!x),"aria-label":x?"Expand navigation":"Collapse navigation",sx:{color:"var(--Icons-Primary)"},children:x?"›":"‹"})]}),t.jsx(b,{compact:x})]}),u&&t.jsxs(a.Drawer,{anchor:"left",open:m,onClose:()=>p(!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:o})})]})]})},exports.Menu=JS,exports.MenuButton=XS,exports.MenuDivider=$S,exports.MenuItem=ZS,exports.MenuShowcase=function(){const[r,i]=e.useState("outline"),[n,o]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("Default"),[h,u]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Menu",component:"Menu"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:c,onThemeChange:d,surface:h,onSurfaceChange:u})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Menu",theme:c,surface:h})}),t.jsx(lf,{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(Kf,{theme:c,surface:h,sx:{minHeight:250,alignItems:"flex-start",pt:6},children:t.jsxs(YS,{variant:r,color:n,size:l,children:[t.jsx(XS,{children:"Actions"}),t.jsxs(JS,{children:[t.jsx(ZS,{children:"Edit"}),t.jsx(ZS,{children:"Duplicate"}),t.jsx(ZS,{selected:!0,children:"Archive"}),t.jsx($S,{}),t.jsx(ZS,{disabled:!0,children:"Delete"})]})]})}),t.jsx(Ff,{code:(()=>{const e=[];return"outline"!==r&&e.push('variant="'+r+'"'),"default"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),"<Dropdown "+e.join(" ")+">\n  <MenuButton>Actions</MenuButton>\n  <Menu>\n    <MenuItem>Edit</MenuItem>\n    <MenuItem>Duplicate</MenuItem>\n    <MenuDivider />\n    <MenuItem>Delete</MenuItem>\n  </Menu>\n</Dropdown>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),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(ft,{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(ez,{label:KS(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:_S.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(az,{color:e,selected:n===e,onClick:o},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(ez,{label:KS(e),selected:l===e,onClick:()=>s(e)},e))})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Menu"})})]})]})},exports.MeshCardGradient=e=>t.jsx(Qb,{variant:"meshCard",...e}),exports.MeshGradient=e=>t.jsx(Qb,{variant:"mesh",...e}),exports.MiniSwatch=Ub,exports.MobileAppBar=jj,exports.MobileNavLabel=ut,exports.Modal=lz,exports.NeutralTag=e=>t.jsx(Zb,{color:"neutral",...e}),exports.NeutralToggleButtonGroup=aB,exports.NumberField=mv,exports.NumberFieldShowcase=function(){const[r,i]=e.useState("outlined"),[n,o]=e.useState("outline"),[l,s]=e.useState("default"),[c,d]=e.useState("medium"),[h,u]=e.useState("top"),[m,p]=e.useState(!0),[x,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(Bk,{title:"Number Field",component:"NumberField"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"NumberField",theme:v,surface:j})}),t.jsx(lf,{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(Kf,{theme:v,surface:j,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:"outlined"===r?300:"auto"},children:t.jsx(mv,{variant:r,style:n,color:l,size:c,label:m?"Quantity":void 0,labelPosition:h,min:0,max:100,disabled:x,fullWidth:g&&"outlined"===r})})}),t.jsx(Ff,{code:(()=>{const e=['variant="'+r+'"'];return"outline"!==n&&e.push('style="'+n+'"'),"default"!==l&&e.push('color="'+l+'"'),"medium"!==c&&e.push('size="'+c+'"'),m&&e.push('label="Quantity"'),"top"!==h&&e.push('labelPosition="'+h+'"'),e.push("min={0}"),e.push("max={100}"),x&&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(ft,{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(ty,{label:ey(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(ty,{label:ey(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:ay.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(ry,{color:e,selected:l===e,onClick:s},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(ty,{label:ey(e),selected:c===e,onClick:()=>d(e)},e))})]}),"outlined"===r&&t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(ty,{label:"none"===e?"None":ey(e),selected:h===e,onClick:()=>u(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(pt,{children:"Show Label"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Text label above field"})]}),t.jsx(Zf,{variant:"default-outline",checked:m,onChange:e=>p(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(pt,{children:"Disabled"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Zf,{variant:"default-outline",checked:x,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(pt,{children:"Full Width"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container"})]}),t.jsx(Zf,{variant:"default-outline",checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"NumberField"})})]})]})},exports.NumberLarge=kt,exports.NumberMedium=Bt,exports.NumberSmall=wt,exports.NumberTextField=function({label:e="Number",...a}){return t.jsx(jw,{label:e,type:"number",...a})},exports.OmniDesignProvider=function({themeURL:a,foundationCSS:r,coreCSS:i,typographyCSS:n,lightModeCSS:o,darkModeCSS:l,baseCSS:s,stylesCSS:c,defaultTheme:d="Default",defaultStyle:h="Modern",defaultSurface:u="Surface",surfaceStyle:m,defaultDarkMode:p=!1,darkTheme:x=null,darkMode:f,onDarkModeChange:g,className:b,style:v,fullHeight:y=!0,children:j}){const[S,z]=e.useState(p),w=void 0!==f,B=w?f:S,[k,C]=e.useState({foundation:r??null,core:i??null,typography:n??null,lightMode:o??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(),n=e=>e?/^https?:\/\//i.test(e)?e:`${t}/${e}`:null;return{foundationURL:n(i.foundation),coreURL:n(i.core),typographyURL:n(i.typography),lightModeURL:n(i.lightMode),darkModeURL:n(i.darkMode),baseURL:n(i.base),stylesURL:n(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:n??e.typographyURL,lightMode:o??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),Q(e.message),q("error"))}))},[a]);const L=m?ej[m]?.theme??d:"Default"!==d?d:T.defaultTheme??d,I=m?ej[m]?.rootSurface??u:T.defaultSurface??u,N=T.defaultStyle??h,R=x??T.darkTheme??null,[F,D]=e.useState(L),[W,P]=e.useState(N),[H,O]=e.useState(I),E=!!(a||r||i||n||o||l||s||c),[V,q]=e.useState(E?"loading":"ready"),[G,Q]=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"),Q(null),Promise.all([sj(aj,e),sj(tj,a),sj(rj,t).catch(e=>{console.warn("OmniDesignProvider: typography CSS did not load —",e.message)}),sj(nj,r),sj(oj,i)]).then(()=>{A.current&&q("ready")}).catch(e=>{A.current&&(console.error("OmniDesignProvider CSS error:",e),Q(e.message),q("error"))}),()=>{lj(aj),lj(tj),lj(rj),lj(nj),lj(oj)};q("ready")},[k.foundation,k.core,k.typography,k.base,k.styles]),e.useEffect(()=>{const e=B?k.darkMode:k.lightMode;e&&sj(ij,e,nj).catch(e=>console.error("OmniDesignProvider mode CSS error:",e))},[B,k.lightMode,k.darkMode]),e.useEffect(()=>()=>lj(ij),[]);const U=B&&R?R:F,Y=e.useCallback(()=>{w?g?.(!B):z(e=>!e)},[w,B,g]),X=e.useCallback(e=>{$y.includes(e)||console.warn(`OmniDesignProvider: unknown theme "${e}"`),D(e)},[]),J=e.useCallback(e=>{Ky.includes(e)||console.warn(`OmniDesignProvider: unknown style "${e}"`),P(e)},[]),Z=e.useCallback(e=>{_y.includes(e)||console.warn(`OmniDesignProvider: unknown surface "${e}"`),O(e)},[]),$=e.useMemo(()=>({theme:U,style:W,surface:H,isDark:B,cssStatus:V,cssError:G,setTheme:X,setStyle:J,setSurface:Z,toggleDarkMode:Y,themes:$y,styles:Ky,surfaces:_y,name:T.name??null}),[U,W,H,B,V,G,X,J,Z,Y,T.name]);return t.jsxs(Zy.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":W,"data-surface":H,"data-omni-css":V,className:b,style:{...y?{minHeight:"100vh"}:{},...v},children:j})]})},exports.OmniStack=bv,exports.OmniTreeView=SS,exports.OverlayLoader=function({isLoading:e=!1,message:r="Loading...",children:i,sx:n={},...o}){return t.jsxs(a.Box,{sx:{position:"relative",...n},...o,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(OS,{size:40,message:r})})]})},exports.Overline=jt,exports.OverlineLarge=zt,exports.OverlineMedium=St,exports.OverlineSmall=yt,exports.PageLoader=function({message:e="Loading page...",size:r=60,sx:i={},...n}){return t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",minHeight:"100vh",backgroundColor:"var(--Background)",...i},...n,children:t.jsx(OS,{size:r,message:e})})},exports.Pagination=my,exports.PaginationShowcase=function(){const[r,i]=e.useState("default"),[n,o]=e.useState("medium"),[l,s]=e.useState(10),[c,d]=e.useState(!1),[h,u]=e.useState(!1),[m,p]=e.useState(!1),[x,f]=e.useState("Default"),[g,b]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Pagination",component:"Pagination"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:x,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Pagination",theme:x,surface:g})}),t.jsx(lf,{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(Kf,{theme:x,surface:g,children:t.jsx(my,{color:r,size:n,count:l,showFirstButton:c,showLastButton:h,disabled:m})}),t.jsx(Ff,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),10!==l&&e.push("count={"+l+"}"),c&&e.push("showFirstButton"),h&&e.push("showLastButton"),m&&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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:xy.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(gy,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(fy,{label:py(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(fy,{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(pt,{children:"First/Last Buttons"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show jump to first/last page"})]}),t.jsx(Zf,{variant:"default-outline",checked:c,onChange:e=>{d(e.target.checked),u(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(pt,{children:"Disabled"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Zf,{variant:"default-outline",checked:m,onChange:e=>p(e.target.checked),size:"small","aria-label":"Disabled"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Pagination"})})]})]})},exports.Paper=sz,exports.PasswordTextField=function({label:e="Password",...a}){return t.jsx(jw,{label:e,type:"password",...a})},exports.PhoneTextField=function({label:e="Phone",placeholder:a="(555) 123-4567",...r}){return t.jsx(jw,{label:e,type:"tel",placeholder:a,...r})},exports.PieChart=function({data:r=[],donut:i=!1,donutRatio:n=.6,colors:o=tC,separatorWidth:l=2,size:s=200,showLabels:c=!1,animate:d=!0,interactive:h=!0,label:u,className:m="",sx:p={},...x}){const f=Vk(r),g=qk(r),{slices:b,total:v,dropped:y}=Kk(f),{active:j,handlers:S}=sC(f.length),[z,w]=e.useState(!d);e.useEffect(()=>{if(!d)return;const e=requestAnimationFrame(()=>w(!0));return()=>cancelAnimationFrame(e)},[d]);const B=s/2,k=s/2,C=s/2-1,T=i?C*n:0,M=e=>{return{fill:`var(--Icons-${a=o[e%o.length]})`,onFill:`var(--Icons-On-${a})`};var a};return t.jsxs(a.Box,{component:"figure",className:"pie-chart "+m,sx:{display:"block",m:0,position:"relative",...p},...x,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=h&&j===a?4:0;return t.jsx("path",{d:$k(B,k,T,C,e.start,e.end),fill:M(a).fill,stroke:"var(--Background)",strokeWidth:l,strokeLinejoin:"round",...h?S(a):{},style:{transform:`translate(${i*Math.sin(r)}px, ${-i*Math.cos(r)}px) scale(${z?1:0})`,transformOrigin:`${B}px ${k}px`,transformBox:"view-box",transition:`transform ${z?lC:oC}`}},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:B+i*Math.sin(r),y:k-i*Math.cos(r),textAnchor:"middle",dominantBaseline:"middle",fill:M(a).onFill,...rC,children:g[a]},a)})]}),t.jsx(nC,{caption:(u||`${i?"Donut":"Pie"} chart, ${b.length} segments`)+(y?`, ${y} non-positive values omitted`:""),labels:g,values:f})]})},exports.Player=yz,exports.Popover=cz,exports.PrimaryTag=e=>t.jsx(Zb,{color:"primary",...e}),exports.PrimaryToggleButtonGroup=Kw,exports.RATIO_NAMES=jz,exports.RadialGradient=e=>t.jsx(Qb,{variant:"radial",...e}),exports.Radio=cb,exports.RadioGroup=db,exports.RadioInput=hb,exports.Rail=pz,exports.RailShowcase=function(){const[r,i]=e.useState(!0),[n,o]=e.useState("partial"),[l,s]=e.useState(!1),[c,d]=e.useState("Default"),[h,u]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Rail",component:"Rail"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:c,onThemeChange:d,surface:h,onSurfaceChange:u})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Rail",theme:c,surface:h})}),t.jsx(lf,{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(Kf,{theme:c,surface:h,sx:{minHeight:400,alignItems:"stretch",p:0},children:[t.jsx(pz,{items:gz,expandable:r,expandedWidth:n,fabAction:l?{icon:t.jsx(ye,{}),label:"Create",onClick:()=>{}}:void 0}),t.jsx(a.Box,{sx:{flex:1,p:3},children:t.jsx(rt,{style:{color:"var(--Quiet)"},children:"Main content area"})})]}),t.jsx(Ff,{code:(()=>{const e=["items={items}"];return r&&(e.push("expandable"),"partial"!==n&&e.push('expandedWidth="full"')),l&&e.push('fabAction={{ icon: <AddIcon />, label: "Create", onClick: handleCreate }}'),e.push("value={activeIndex}"),e.push("onChange={setActiveIndex}"),"<Rail\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),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(ft,{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(bz,{label:(a=e,a?a.charAt(0).toUpperCase()+a.slice(1):""),selected:n===e,onClick:()=>o(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(pt,{children:"Expandable"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Toggle between collapsed and expanded"})]}),t.jsx(Zf,{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(pt,{children:"FAB Action"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show create button at top"})]}),t.jsx(Zf,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"FAB action"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Rail"})})]})]})},exports.RangeSlider=fb,exports.Rating=oy,exports.RatingInput=oy,exports.Ratio=Bz,exports.RatioShowcase=function(){const[r,i]=e.useState("1:1"),[n,o]=e.useState("solid"),[l,s]=e.useState("primary"),[c,d]=e.useState("none"),[h,u]=e.useState(!1),[m,p]=e.useState(!1),[x,f]=e.useState("Default"),[g,b]=e.useState("Surface");return t.jsxs(Dv,{sx:{pb:8},children:[t.jsx(Bk,{title:"Ratio",component:"Ratio"}),t.jsx(Dv,{sx:{mt:1},children:t.jsx(Np,{theme:x,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Reference"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Ratio",theme:x,surface:g})}),t.jsx(lf,{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(Kf,{theme:x,surface:g,children:t.jsx(Dv,{sx:{width:"100%",maxWidth:480},children:t.jsx(Bz,{ratio:r,variant:n,color:l,padding:c,elevated:h,clickable:m})})}),t.jsx(Ff,{code:(()=>{const e=['ratio="'+r+'"'];return"default"!==n&&e.push('variant="'+n+'"'),"default"!==l&&e.push('color="'+l+'"'),"none"!==c&&e.push('padding="'+c+'"'),h&&e.push("elevated"),m&&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(Dv,{sx:{p:3},children:[t.jsx(Dv,{sx:{mb:3}}),t.jsxs(Dv,{children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"VARIANT"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Tz.map(e=>t.jsx(Az,{label:kz(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(Dv,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Cz.map(e=>t.jsxs(Dv,{children:[t.jsx(ht,{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(Lz,{color:e,selected:l===e,onClick:s,variant:"default"===n?"solid":n},e))})]},e.label))})]}),t.jsxs(Dv,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PADDING"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Mz.map(e=>t.jsx(Az,{label:"none"===e?"None":e.toUpperCase(),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(Dv,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"RATIO"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:jz.map(e=>t.jsx(Az,{label:e,selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(Dv,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(Dv,{children:[t.jsx(pt,{children:"Elevated"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Bumps the shadow up one level"})]}),t.jsx(Zf,{checked:h,onChange:e=>u(e.target.checked),size:"small","aria-label":"Elevated"})]}),t.jsxs(Dv,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(Dv,{children:[t.jsx(pt,{children:"Clickable"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Adds hover, press, and focus-visible"})]}),t.jsx(Zf,{checked:m,onChange:e=>p(e.target.checked),size:"small","aria-label":"Clickable"})]})]})})]})}),t.jsx(lf,{value:2,children:t.jsx(Dv,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:3,children:[t.jsxs(Dv,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Za,{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(Dv,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(rt,{children:e}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:a})]},e))})]}),t.jsxs(nt,{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(lf,{value:3,children:t.jsx(jk,{component:"Ratio"})})]})]})},exports.ResponsiveStack=({breakpoint:e="sm",...a})=>t.jsx(bv,{direction:{xs:"column",[e]:"row"},...a}),exports.ScrollStack=({sx:e,...a})=>t.jsx(bv,{sx:{overflowY:"auto",...e},...a}),exports.SearchField=Jy,exports.SearchFieldShowcase=function(){const[r,i]=e.useState("default"),[n,o]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(!0),[h,u]=e.useState("Default"),[m,p]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Search Field",component:"SearchField"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:h,onThemeChange:u,surface:m,onSurfaceChange:p})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"SearchField",theme:h,surface:m})}),t.jsx(lf,{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(Kf,{theme:h,surface:m,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:400},children:t.jsx(Jy,{color:r,size:n,disabled:l,showClearButton:c,placeholder:"Search..."})})}),t.jsx(Ff,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),c||e.push("showClearButton={false}"),l&&e.push("disabled"),e.push('placeholder="Search..."'),e.push("onChange={handleSearch}"),"<SearchField\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Nz.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(Fz,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Rz,{label:Iz(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(pt,{children:"Clear Button"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show clear when has value"})]}),t.jsx(Zf,{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(pt,{children:"Disabled"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Zf,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Disabled"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"SearchField"})})]})]})},exports.SearchTextField=function({label:e="Search",placeholder:a="Type to search...",...r}){return t.jsx(jw,{label:e,type:"search",placeholder:a,...r})},exports.SecondaryTag=e=>t.jsx(Zb,{color:"secondary",...e}),exports.SecondaryToggleButtonGroup=_w,exports.Section=tv,exports.SectionShowcase=function(){return t.jsxs("div",{children:[t.jsx(Xa,{style:{marginBottom:12},children:"Section"}),t.jsxs(nt,{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(Xa,{style:{marginTop:24,marginBottom:12},children:"Theme + surface"}),t.jsx(rt,{color:"quiet",style:{marginBottom:16,display:"block"},children:'Sets data-theme="Primary" + data-surface="Surface", paints --Background.'}),t.jsxs(tv,{theme:"Primary",surface:"Surface",padding:"32px",style:{borderRadius:8},children:[t.jsx(Bk,{title:"Primary-Light surface",component:"Section"}),t.jsx(nt,{children:"Body text picks up --Text automatically."}),t.jsx(rt,{color:"quiet",children:"Quiet text picks up --Text-Quiet."}),t.jsx("div",{style:{marginTop:12},children:t.jsx(Rx,{variant:"primary",children:"Primary button"})})]}),t.jsx(Xa,{style:{marginTop:32,marginBottom:12},children:"Container surface"}),t.jsxs(tv,{surface:"Container",padding:"32px",style:{borderRadius:8},children:[t.jsx(Xa,{children:"Container surface (inherits theme)"}),t.jsx(nt,{children:"Useful for card-like regions."})]}),t.jsx(Xa,{style:{marginTop:32,marginBottom:12},children:"Different element"}),t.jsxs(rt,{color:"quiet",style:{marginBottom:16,display:"block"},children:["Pass ",t.jsx("code",{children:'as="article"'}),", ",t.jsx("code",{children:'as="footer"'}),", etc."]}),t.jsxs(tv,{as:"article",theme:"Neutral",surface:"Surface-Dimmest",padding:"32px",style:{borderRadius:8},children:[t.jsx(Xa,{children:"Neutral / Surface-Dimmest article"}),t.jsx(nt,{children:"Renders as an <article> element."})]})]})},exports.Select=Ap,exports.SelectShowcase=function(){const[r,i]=e.useState("outline"),[n,o]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("top"),[h,u]=e.useState("Fruit"),[m,p]=e.useState(!1),[x,f]=e.useState(!1),[g,b]=e.useState(!0),[v,y]=e.useState(!1),[j,S]=e.useState("Search"),[z,w]=e.useState(""),[B,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(Bk,{title:"Select",component:"Select"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:B,onThemeChange:k,surface:C,onSurfaceChange:T})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Select",theme:B,surface:C})}),t.jsx(lf,{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(Kf,{theme:B,surface:C,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:360},children:t.jsx(Ap,{variant:r,color:n,size:l,label:h,labelPosition:c,mode:M?"color":void 0,showColorLabels:M?L:void 0,options:M?Hz:Pz,value:z,onChange:w,showDividers:m,disabled:x,fullWidth:g,startDecoration:v?(()=>{const e=va[j]||va.Search;return t.jsx(up,{size:"small",children:t.jsx(e,{})})})():void 0})})}),t.jsx(Ff,{code:(()=>{const e=[];return"outline"!==r&&e.push('variant="'+r+'"'),"default"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),h&&e.push('label="'+h+'"'),"top"!==c&&e.push('labelPosition="'+c+'"'),M&&e.push('mode="color"'),M&&!L&&e.push("showColorLabels={false}"),m&&e.push("showDividers"),x&&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(ft,{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(Oz,{label:Dz(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Wz.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(Ez,{color:e,selected:n===e,onClick:o},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Oz,{label:Dz(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Oz,{label:"none"===e?"None":Dz(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(pt,{children:"Start Icon"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Icon rendered before the value"})]}),t.jsx(Zf,{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(ib,{label:"Icon Name",value:j,onChange:e=>S(e.target.value),placeholder:"Search",variant:"primary-outline",size:"small",fullWidth:!0}),t.jsxs(ht,{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(pt,{children:"Dividers"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Lines between options"})]}),t.jsx(Zf,{checked:m,onChange:e=>p(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(pt,{children:"Disabled"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Zf,{checked:x,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(pt,{children:"Color Mode"}),t.jsx(ht,{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(Zf,{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(pt,{children:"Show Color Labels"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Hide to render a swatch-only trigger (no text). Useful for compact color pickers."})]}),t.jsx(Zf,{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(pt,{children:"Full Width"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container width"})]}),t.jsx(Zf,{checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Select"})})]})]})},exports.SelectableCard=e=>t.jsx(lg,{clickable:!0,selected:e.selected,...e}),exports.SettingsPanel=function(){const{isDark:r,toggleDarkMode:i}=cj(),n=r?"dark":"light",o=e=>{"dark"===e!==r&&i();try{localStorage.setItem("themeMode",e)}catch{}},[l,s]=e.useState(!1),[d,h]=e.useState("desktop");e.useEffect(()=>{const e=localStorage.getItem("dino-platform")||"desktop";h(e),Ek(e)},[]);const u=e=>{h(e),localStorage.setItem("dino-platform",e),Ek(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(pj,{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(Za,{children:"Settings"}),t.jsx(Rx,{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(ft,{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(Rx,{variant:"light"===n?"primary":"primary-outline",size:"small",onClick:()=>o("light"),sx:{flex:1},children:"Light"}),t.jsx(Rx,{variant:"dark"===n?"primary":"primary-outline",size:"small",onClick:()=>o("dark"),sx:{flex:1},children:"Dark"})]})]}),t.jsxs(a.Box,{children:[t.jsx(ft,{style:{color:"var(--Text)",opacity:.85,display:"block",marginBottom:12,fontWeight:600},children:"PLATFORM"}),t.jsx(a.Stack,{spacing:1,children:Hk.map(({value:e,label:r,note:i})=>{const n=d===e;return t.jsxs(a.Box,{onClick:()=>u(e),sx:{p:1.5,borderRadius:"var(--Style-Border-Radius)",cursor:"pointer",border:n?"2px solid var(--Buttons-Primary-Button)":"1px solid var(--Border)",backgroundColor:n?"var(--Background)":"transparent",display:"flex",justifyContent:"space-between",alignItems:"center",transition:"all 0.15s ease","&:hover":{backgroundColor:"var(--Hover)"}},children:[t.jsxs(a.Box,{children:[t.jsx(rt,{style:{color:n?"var(--Buttons-Primary-Button)":"var(--Text)",fontWeight:n?600:400},children:r}),t.jsx(ht,{style:{color:"var(--Text)",opacity:.7},children:i})]}),n&&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(Rx,{variant:"primary-outline",size:"small",onClick:()=>{u("desktop"),o("light")},sx:{width:"100%"},children:"Reset to Defaults"})]})})]})},exports.Sidebar=Qz,exports.SkeletonCard=function({lines:e=3,showImage:r=!0,sx:i={},...n}){return t.jsx(a.Paper,{sx:{p:2,backgroundColor:"var(--Container)",...i},...n,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:n={},...o}){return t.jsx(a.Stack,{spacing:i,sx:{...n},...o,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=xb,exports.SliderInput=xb,exports.Snackbar=Xz,exports.SnackbarShowcase=function(){const[r,i]=e.useState("light"),[n,o]=e.useState("info"),[l,s]=e.useState("medium"),[c,d]=e.useState("bottom"),[h,u]=e.useState(!0),[m,p]=e.useState(!0),[x,f]=e.useState(!1),[g,b]=e.useState("Default"),[v,y]=e.useState("Surface"),j=h&&$z[n]?t.jsx(up,{size:"small",sx:{color:"inherit"},children:$z[n]}):void 0;return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Snackbar",component:"Snackbar"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:g,onThemeChange:b,surface:v,onSurfaceChange:y})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Snackbar",theme:g,surface:v})}),t.jsx(lf,{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(Kf,{theme:g,surface:v,children:t.jsx(Rx,{variant:"default",onClick:()=>f(!0),children:"Show Snackbar"})}),t.jsx(Ff,{code:(()=>{const e=["open={open}"];return e.push('variant="'+r+'"'),"info"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),"bottom"!==c&&e.push('anchor="top"'),m&&e.push("onClose={handleClose}"),h&&$z[n]&&e.push("startDecorator={<Icon><"+Jz(n)+"Icon /></Icon>}"),"<Snackbar\n  "+e.join("\n  ")+"\n>\n  Operation completed successfully.\n</Snackbar>"})(),language:"JSX",wrap:!0,sx:{mt:2}}),t.jsx(Xz,{open:x,onClose:m?()=>f(!1):void 0,variant:r,color:n,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(ft,{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(Kz,{label:Jz(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Zz.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(_z,{color:e,selected:n===e,onClick:o},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Kz,{label:Jz(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Kz,{label:Jz(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(pt,{children:"Show Icon"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Start decorator icon"})]}),t.jsx(Zf,{variant:"default-outline",checked:h,onChange:e=>u(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(pt,{children:"Close Button"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show dismiss button"})]}),t.jsx(Zf,{variant:"default-outline",checked:m,onChange:e=>p(e.target.checked),size:"small","aria-label":"Close button"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Snackbar"})})]})]})},exports.SolidTreeView=e=>t.jsx(SS,{variant:"solid",...e}),exports.SpaceBetweenStack=e=>t.jsx(bv,{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=iv,exports.SpeedDialShowcase=function(){const[r,i]=e.useState("default"),[n,o]=e.useState("up"),[l,s]=e.useState(!0),[c,d]=e.useState("Default"),[h,u]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Speed Dial",component:"SpeedDial"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:c,onThemeChange:d,surface:h,onSurfaceChange:u})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"SpeedDial",theme:c,surface:h})}),t.jsx(lf,{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(Kf,{theme:c,surface:h,sx:{minHeight:300,alignItems:"flex-end",justifyContent:"center"},children:t.jsx(iv,{color:r,direction:n,showTooltips:l,actions:lv,ariaLabel:"Quick actions"})}),t.jsx(Ff,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"up"!==n&&e.push('direction="'+n+'"'),l||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,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:ov.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(cv,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(sv,{label:nv(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(pt,{children:"Tooltips"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show labels beside actions"})]}),t.jsx(Zf,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Show tooltips"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"SpeedDial"})})]})]})},exports.Stack=Sv,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"),[n,o]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Stack",component:"Stack"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:r,onThemeChange:i,surface:n,onSurfaceChange:o})}),t.jsx(nt,{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(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Why it matters"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"API"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Stack",theme:r,surface:n})}),t.jsx(lf,{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(Xa,{children:"The problem"}),t.jsx(nt,{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(Wy,{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(qt,{href:"#",size:"small",children:"Terms of Service"}),t.jsx(qt,{href:"#",size:"small",children:"Privacy Policy"}),t.jsx(qt,{href:"#",size:"small",children:"Cookie Settings"})]}),rightContent:t.jsxs(bv,{gap:.5,children:[t.jsx(qt,{href:"#",size:"small",children:"Terms of Service"}),t.jsx(qt,{href:"#",size:"small",children:"Privacy Policy"}),t.jsx(qt,{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(Xa,{children:"Mixed component sizes"}),t.jsx(nt,{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(Wy,{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(Rx,{variant:"primary",size:"medium",children:"Save changes"}),t.jsx(qt,{href:"#",size:"small",children:"Or discard"})]}),rightContent:t.jsxs(bv,{gap:.25,children:[t.jsx(Rx,{variant:"primary",size:"medium",children:"Save changes"}),t.jsx(qt,{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(Xa,{children:"How detection works"}),t.jsx(nt,{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,n)=>t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:2,py:1.5,borderBottom:i<n.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(rt,{style:{flex:"0 0 200px"},children:e}),t.jsx(ht,{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(Xa,{children:"Token-driven minimum"}),t.jsx(nt,{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(Fy,{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(Xa,{children:"Auditable opt-out"}),t.jsxs(nt,{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(Fy,{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(lf,{value:2,children:t.jsx(Py,{})}),t.jsx(lf,{value:3,children:t.jsxs(a.Box,{sx:{pt:3},children:[t.jsx(Xa,{children:"OmniStack props"}),t.jsx(nt,{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:n},o,l)=>t.jsxs(a.Box,{sx:{display:"grid",gridTemplateColumns:"160px 160px 1fr",gap:2,px:2,py:1.5,alignItems:"start",borderBottom:o<l.length-1?"1px solid var(--Border)":"none",backgroundColor:o%2==0?"transparent":"var(--Surface-Dim, var(--Surface))"},children:[t.jsx(ht,{style:{fontFamily:"monospace",color:"var(--Primary-Color-10)",fontWeight:600},children:e}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r}),t.jsxs(a.Box,{children:[t.jsx(ht,{style:{color:"var(--Text)"},children:n}),t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:2},children:["Default: ",i]})]})]},e))}),t.jsx(Xa,{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,n)=>t.jsxs(a.Box,{sx:{display:"grid",gridTemplateColumns:"200px 1fr",gap:2,px:2,py:1.5,borderBottom:i<n.length-1?"1px solid var(--Border)":"none",backgroundColor:i%2==0?"transparent":"var(--Surface-Dim, var(--Surface))"},children:[t.jsx(ht,{style:{fontFamily:"monospace",color:"var(--Primary-Color-10)",fontWeight:600},children:e}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:r})]},e))}),t.jsx(Xa,{children:"Debug attributes"}),t.jsx(Fy,{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(lf,{value:4,children:t.jsx(jk,{component:"Stack"})})]})]})},exports.StateMessage=tw,exports.Step=sw,exports.Stepper=lw,exports.StepperShowcase=function(){const[r,i]=e.useState("default"),[n,o]=e.useState("medium"),[l,s]=e.useState("horizontal"),[c,d]=e.useState("count"),[h,u]=e.useState(4),[m,p]=e.useState(1),[x,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(Bk,{title:"Stepper",component:"Stepper"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Stepper",theme:v,surface:j})}),t.jsx(lf,{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(Kf,{theme:v,surface:j,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:"vertical"===l?300:"100%"},children:t.jsx(lw,{color:r,size:n,orientation:l,variant:c,activeStep:m,clickable:x,onStepClick:x?p:void 0,dashedIncomplete:g,children:hw.slice(0,h).map(e=>t.jsx(sw,{label:e},e))})})}),t.jsx(Ff,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),"horizontal"!==l&&e.push('orientation="vertical"'),"count"!==c&&e.push('variant="noCount"'),e.push("activeStep={"+m+"}"),x&&e.push("clickable onStepClick={setActiveStep}"),g&&e.push("dashedIncomplete"),"<Stepper "+e.join(" ")+">\n"+hw.slice(0,h).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(ft,{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(uw,{label:String(e),selected:h===e,onClick:()=>{u(e),m>=e&&p(e-1)}},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ACTIVE STEP"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:hw.slice(0,h).map((e,a)=>t.jsx(uw,{label:String(a+1),selected:m===a,onClick:()=>p(a)},a))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:dw.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(mw,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(uw,{label:cw(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["count","noCount"].map(e=>t.jsx(uw,{label:e,selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(uw,{label:cw(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(pt,{children:"Clickable"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Steps are interactive buttons"})]}),t.jsx(Zf,{variant:"default-outline",checked:x,onChange:e=>f(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(pt,{children:"Dashed Incomplete"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Dashed connector for future steps"})]}),t.jsx(Zf,{variant:"default-outline",checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Dashed incomplete"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Stepper"})})]})]})},exports.Subtitle=_a,exports.Subtitle1=at,exports.Subtitle2=tt,exports.SubtitleLarge=Ka,exports.SubtitleMedium=e=>t.jsx(Qa,{textStyle:"subtitle",...e}),exports.SubtitleSmall=et,exports.SuccessTag=e=>t.jsx(Zb,{color:"success",...e}),exports.SuccessToggleButtonGroup=iB,exports.Surfaced=function({surface:e,as:a="div",children:r,className:i,style:n,...o}){return t.jsx(a,{"data-surface":e,className:i,style:n,...o,children:r})},exports.Swatch=gw,exports.Switch=$f,exports.SwitchInput=$f,exports.TAG_COLORS=Xb,exports.TAG_COLOR_TOKEN_MAP=Jb,exports.Tab=of,exports.TabList=nf,exports.TabPanel=lf,exports.Table=yw,exports.Tabs=rf,exports.TabsShowcase=function(){const[r,i]=e.useState("standard"),[n,o]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("horizontal"),[h,u]=e.useState("Default"),[m,p]=e.useState("Surface"),[x,f]=e.useState(!1),g="standard"===r?vy:yy;return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Tabs",component:"Tabs"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:h,onThemeChange:u,surface:m,onSurfaceChange:p})}),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(Kf,{theme:h,surface:m,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:"vertical"===c?500:"100%",display:"flex",flexDirection:"vertical"===c?"row":"column"},children:t.jsxs(rf,{defaultValue:0,variant:r,color:n,size:l,orientation:c,children:[t.jsxs(nf,{rounded:x,children:[t.jsx(of,{children:"Overview"}),t.jsx(of,{children:"Features"}),t.jsx(of,{children:"Pricing"})]}),t.jsx(lf,{value:0,children:t.jsx(a.Box,{sx:{p:2},children:t.jsx(nt,{style:{color:"var(--Quiet)"},children:"Overview content goes here."})})}),t.jsx(lf,{value:1,children:t.jsx(a.Box,{sx:{p:2},children:t.jsx(nt,{style:{color:"var(--Quiet)"},children:"Features content goes here."})})}),t.jsx(lf,{value:2,children:t.jsx(a.Box,{sx:{p:2},children:t.jsx(nt,{style:{color:"var(--Quiet)"},children:"Pricing content goes here."})})})]})})}),t.jsx(Ff,{code:(()=>{const e=[];return"standard"!==r&&e.push('variant="'+r+'"'),"default"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),"horizontal"!==c&&e.push('orientation="vertical"'),"<Tabs defaultValue={0}"+(e.length?" "+e.join(" "):"")+">\n  <TabList"+(x?" 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(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"})]}),t.jsx(lf,{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(ft,{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(jy,{label:by("standard"===e?"default":e),selected:r===e,onClick:()=>(e=>{i(e),"standard"!==e&&"default"===n&&o("primary")})(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(ht,{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(Sy,{color:e,selected:n===e,onClick:o},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(jy,{label:by(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(jy,{label:by(e),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SHAPE"}),t.jsx(Zf,{label:"Rounded corners",checked:x,onChange:e=>f(e.target.checked)}),t.jsxs(ht,{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(lf,{value:1,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]})]})})})]})]})},exports.Tag=Zb,exports.TagShowcase=function(){const[r,i]=e.useState("primary"),[n,o]=e.useState("New"),[l,s]=e.useState(!1),[c,d]=e.useState("Default"),[h,u]=e.useState("Surface"),[m,p]=e.useState({}),x=Jb[r]||"Primary";return e.useEffect(()=>{p({tagText:Rt("--Tag-"+x+"-Text"),tagBg:Rt("--Tag-"+x+"-BG"),pageBg:Rt("--Background")})},[r,x]),t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Tag",component:"Tag"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:c,onThemeChange:d,surface:h,onSurfaceChange:u})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Tag",theme:c,surface:h})}),t.jsx(lf,{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(Kf,{theme:c,surface:h,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(Zb,{color:r,allCaps:l,children:n})}),t.jsx(a.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:Xb.map(e=>t.jsx(Zb,{color:e,allCaps:l,children:Jb[e]},e))})]})}),t.jsx(Ff,{code:(()=>{const e=[];"primary"!==r&&e.push('color="'+r+'"'),l&&e.push("allCaps");return"<Tag"+(e.length?" "+e.join(" "):"")+">"+n+"</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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:$b.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(ev,{color:e,selected:r===e,onClick:i},e))})]},e.label))}),t.jsxs(ht,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:["bg: var(--Tag-",x,"-BG) · text: var(--Tag-",x,"-Text)"]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL TEXT"}),t.jsx(a.Box,{component:"input",type:"text",value:n,onChange:e=>o(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(rt,{children:"All caps"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"text-transform: uppercase"})]}),t.jsx(Zf,{checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"All caps"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(rt,{color:"quiet",style:{marginBottom:24},children:['color="',r,'" — var(--Tag-',x,"-BG) / var(--Tag-",x,"-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(Za,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),t.jsx(rt,{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(_b,{label:"var(--Tag-"+x+"-Text) vs. var(--Tag-"+x+"-BG)",ratio:Nt(m.tagText,m.tagBg),threshold:4.5,note:"Tag text on tag background for "+r+" color"}),t.jsx(_b,{label:"var(--Tag-"+x+"-BG) vs. var(--Background)",ratio:Nt(m.tagBg,m.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(Za,{children:"Touch Target (WCAG 2.5.8)"}),t.jsx(rt,{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(rt,{style:{color:"var(--Text)"},children:"Tag height — 24px"}),t.jsx(ht,{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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{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(Za,{children:"All Colors"}),t.jsx(rt,{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:Xb.map(e=>t.jsx(Zb,{color:e,allCaps:l,children:Jb[e]},e))})]})]})]})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Tag"})})]})]})},exports.TertiaryTag=e=>t.jsx(Zb,{color:"tertiary",...e}),exports.TertiaryToggleButtonGroup=eB,exports.TextArea=Sw,exports.TextAreaField=function({label:r,type:i="default",moreInfo:n,id:o,disabled:l=!1,className:s="",sx:c={},...d}){const h=e.useId(),u=o||h;return t.jsxs(a.Box,{className:"textarea-field "+s,sx:{display:"flex",flexDirection:"column",gap:"var(--Sizing-Half)",...c},children:[t.jsx(Ik,{htmlFor:u,type:i,moreInfo:n,disabled:l,children:r}),t.jsx(Sw,{id:u,disabled:l,"aria-required":"required"===i||void 0,...d})]})},exports.TextField=jw,exports.TextFieldGroup=function({fields:e=[],spacing:r=2,sx:i={},...n}){return t.jsx(a.Box,{sx:{display:"flex",flexDirection:"column",gap:`var(--Spacing-${r})`,width:"100%",...i},...n,children:e.map(e=>t.jsx(jw,{...e},e.id))})},exports.TextInput=ib,exports.ThemedZone=function({theme:e,surface:a,as:r="div",children:i,className:n,style:o,...l}){return t.jsx(r,{"data-theme":e,"data-surface":a,className:n,style:o,...l,children:i})},exports.ToggleButton=sB,exports.ToggleButtonGroup=Jw,exports.Toolbar=Bw,exports.ToolbarShowcase=function(){const[r,i]=e.useState("floating"),[n,o]=e.useState("default"),[l,s]=e.useState("horizontal"),[c,d]=e.useState(!1),[h,u]=e.useState("Default"),[m,p]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Toolbar",component:"Toolbar"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:h,onThemeChange:u,surface:m,onSurfaceChange:p})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Toolbar",theme:h,surface:m})}),t.jsx(lf,{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(Kf,{theme:h,surface:m,sx:{minHeight:200},children:t.jsx(Bw,{items:Cw,type:r,color:n,orientation:l,fab:c&&"floating"===r?{icon:t.jsx(ye,{}),label:"Create",onClick:()=>{}}:void 0})}),t.jsx(Ff,{code:(()=>{const e=["items={items}"];return"floating"!==r&&e.push('type="contextual"'),"default"!==n&&e.push('color="'+n+'"'),"horizontal"!==l&&e.push('orientation="vertical"'),c&&e.push('fab={{ icon: <AddIcon />, label: "Create", onClick: handleCreate }}'),e.push("value={selected}"),e.push("onChange={setSelected}"),"<Toolbar\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),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(ft,{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(Tw,{label:kw(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Tw,{label:kw(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Tw,{label:kw(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(pt,{children:"FAB Button"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Add FAB to the right of toolbar"})]}),t.jsx(Zf,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"FAB button"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Toolbar"})})]})]})},exports.Tooltip=Nw,exports.TreeBranch=function({label:e,icon:r,level:i=0,toggle:n="none",onToggle:o,disabled:l=!1,size:s="small",className:c="",sx:d={},children:h,...u}){const m=6===i&&"none"!==n?"none":n,p="on"===m,x="none"!==m,f=x?Rw[i]||{padLeft:0,togglePadLeft:0}:Fw[i]||Fw[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-"+m+(l?" tree-branch-disabled":"")+(c?" "+c:""),sx:{width:"100%",...d},...u,children:[t.jsxs(a.Box,{component:"button",type:"button",role:"treeitem","aria-expanded":x?p:void 0,"aria-disabled":l||void 0,tabIndex:l?-1:0,onClick:e=>{l||x&&(e.stopPropagation(),o?.(p?"off":"on"))},disabled:l,sx:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px",width:"100%",minHeight:"24px",...g,border:"none",backgroundColor:"transparent",fontFamily:"inherit",color:"inherit",textAlign:"left",cursor:l?"not-allowed":"pointer",opacity:l?"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:[x&&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:p?"rotate(-90deg)":"rotate(0deg)"},children:t.jsx(up,{size:"small",children:t.jsx(Le,{})})})}),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(up,{size:"small",children:r})}),null!=e&&t.jsx(it,{style:{color:"inherit",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block",flex:1,minWidth:0},children:e})]})]}),p&&h&&t.jsx(a.Box,{role:"group",sx:{display:"flex",flexDirection:"column"},children:h})]})},exports.TreeViewShowcase=function(){const[r,i]=e.useState("solid"),[n,o]=e.useState("primary"),[l,s]=e.useState("default"),[c,d]=e.useState("slide"),[h,u]=e.useState("single"),[m,p]=e.useState(!1),[x,f]=e.useState(!1),[g,b]=e.useState(!1),[v,y]=e.useState(zS),[j,S]=e.useState("Default"),[z,w]=e.useState("Surface"),[B,k]=e.useState({}),C=e.useRef(null),T=Dw(n),M=g?Hw: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)},[n,j,A,T]),t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Tree View",component:"TreeView"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:j,onThemeChange:S,surface:z,onSurfaceChange:w})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"TreeView",theme:j,surface:z})}),t.jsx(lf,{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(Kf,{ref:C,theme:j,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:360},children:t.jsx(SS,{color:n,variant:r,density:l,animation:c,selectionMode:h,checkboxSelection:m,disableSelection:x,items:M,defaultExpandedItems:["1","1-1","2"]})})}),t.jsx(Ff,{code:(()=>{const e=["<OmniTreeView"];return"default"!==n&&e.push('  color="'+n+'"'),"default"!==r&&e.push('  variant="'+r+'"'),"default"!==l&&e.push('  density="'+l+'"'),"slide"!==c&&e.push('  animation="'+c+'"'),"single"!==h&&e.push('  selectionMode="'+h+'"'),m&&e.push("  checkboxSelection"),x&&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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(qw,{label:"Solid",selected:"solid"===r,onClick:()=>i("solid")}),t.jsx(qw,{label:"Light",selected:"light"===r,onClick:()=>i("light")})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Ww.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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:n===e,onClick:o},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DENSITY"}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(qw,{label:"Compact",selected:"compact"===l,onClick:()=>s("compact")}),t.jsx(qw,{label:"Default",selected:"default"===l,onClick:()=>s("default")})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(qw,{label:Dw(e),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SELECTION MODE"}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(qw,{label:"Single",selected:"single"===h,onClick:()=>u("single")}),t.jsx(qw,{label:"Multi",selected:"multi"===h,onClick:()=>u("multi")})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(pt,{children:"Show Icons"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Load sample data with icons and badges"})]}),t.jsx(Zf,{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(pt,{children:"Checkbox Selection"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show checkboxes for each item"})]}),t.jsx(Zf,{checked:m,onChange:e=>p(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(pt,{children:"Disable Selection"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Items are not selectable"})]}),t.jsx(Zf,{checked:x,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disable selection"})]})]}),!g&&t.jsx(a.Box,{sx:{mt:3},children:t.jsx(Qw,{value:Ow,onChange:y})})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),t.jsx(Vw,{label:"Resting: var(--Text-Quiet) vs. background",ratio:Nt(B.textQuiet,B.background),threshold:4.5,note:"Unselected items use Text-Quiet"}),t.jsx(Vw,{label:"Hover: var(--Text) vs. background",ratio:Nt(B.text,B.background),threshold:4.5,note:"Hovered items use var(--Text)"}),t.jsx(Vw,{label:"Active (solid): var(--Text) vs. var(--Buttons-"+T+"-Button)",ratio:Nt(B.text,B.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(Za,{children:"Focus Indicator (WCAG 2.4.11 — 3:1)"}),t.jsx(Vw,{label:"var(--Focus-Visible) vs. background",ratio:Nt(B.focusVisible,B.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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})]})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"TreeView"})})]})]})},exports.Typography=Qa,exports.URLTextField=function({label:e="Website",placeholder:a="https://example.com",...r}){return t.jsx(jw,{label:e,type:"url",placeholder:a,...r})},exports.VStack=yv,exports.WarningTag=e=>t.jsx(Zb,{color:"warning",...e}),exports.WarningToggleButtonGroup=nB,exports.WrapStack=jv,exports.chartGeometry=eC,exports.componentDocsIndexUrl=function(e,a=ck){return`${a.replace(/\/+$/,"")}/docs/${encodeURIComponent(e)}`},exports.componentDocsUrl=function(e,a,t=ck){return`${t.replace(/\/+$/,"")}/docs/${encodeURIComponent(e)}/${dk(a)}`},exports.default={},exports.docsSlug=dk,exports.formatTime=vz,exports.ghostBlockSx=Sa,exports.hasExample=tk,exports.renderColorSystem=uC,exports.renderColourSystem=uC,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(...pC(["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(...pC(["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(...pC(["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(...pC(["Token","Sets","Varies with","Figma variable"],e.tokens.map(e=>[`\`${e.name}\``,e.sets,e.variesWith,"—"===e.figma?"—":`\`${e.figma}\``]))),t.push("")),t.push(...xC("Composition",e.composition)),t.push(...xC("Accessibility",e.accessibility)),t.push(...xC("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 kk)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.useFormHelperIds=Wk,exports.useGhost=ja,exports.useOmniDesign=cj,exports.useStepperContext=ow,exports.useTabsContext=tf;
+*/function Mf(){if(ff)return xf;ff=1;var e=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;return xf=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 n,o,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 n=Object(arguments[s]))a.call(n,c)&&(l[c]=n[c]);if(e){o=e(n);for(var d=0;d<o.length;d++)t.call(n,o[d])&&(l[o[d]]=n[o[d]])}}return l},xf}function Af(){if(bf)return gf;bf=1;return gf="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function Lf(){return yf?vf:(yf=1,vf=Function.call.bind(Object.prototype.hasOwnProperty))}if("production"!==process.env.NODE_ENV){var If=Tf();df.exports=function(){if(wf)return zf;wf=1;var e=Tf(),a=Mf(),t=Af(),r=Lf(),i=function(){if(Sf)return jf;Sf=1;var e=function(){};if("production"!==process.env.NODE_ENV){var a=Af(),t={},r=Lf();e=function(e){var a="Warning: "+e;"undefined"!=typeof console&&console.error(a);try{throw new Error(a)}catch(e){}}}function i(i,n,o,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 h=Error((l||"React class")+": "+o+" 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 h.name="Invariant Violation",h}d=i[c](n,c,l,o,null,a)}catch(e){d=e}if(!d||d instanceof Error||e((l||"React class")+": type specification of "+o+" `"+c+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof d+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),d instanceof Error&&!(d.message in t)){t[d.message]=!0;var u=s?s():"";e("Failed "+o+" type: "+d.message+(null!=u?u:""))}}}return i.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(t={})},jf=i}(),n=function(){};function o(){return null}return"production"!==process.env.NODE_ENV&&(n=function(e){var a="Warning: "+e;"undefined"!=typeof console&&console.error(a);try{throw new Error(a)}catch(e){}}),zf=function(l,s){var c="function"==typeof Symbol&&Symbol.iterator,d="<<anonymous>>",h={array:x("array"),bigint:x("bigint"),bool:x("boolean"),func:x("function"),number:x("number"),object:x("object"),string:x("string"),symbol:x("symbol"),any:p(o),arrayOf:function(e){return p(function(a,r,i,n,o){if("function"!=typeof e)return new m("Property `"+o+"` of component `"+i+"` has invalid PropType notation inside arrayOf.");var l=a[r];if(!Array.isArray(l))return new m("Invalid "+n+" `"+o+"` of type `"+b(l)+"` supplied to `"+i+"`, expected an array.");for(var s=0;s<l.length;s++){var c=e(l,s,i,n,o+"["+s+"]",t);if(c instanceof Error)return c}return null})},element:p(function(e,a,t,r,i){var n=e[a];return l(n)?null:new m("Invalid "+r+" `"+i+"` of type `"+b(n)+"` supplied to `"+t+"`, expected a single ReactElement.")}),elementType:p(function(a,t,r,i,n){var o=a[t];return e.isValidElementType(o)?null:new m("Invalid "+i+" `"+n+"` of type `"+b(o)+"` supplied to `"+r+"`, expected a single ReactElement type.")}),instanceOf:function(e){return p(function(a,t,r,i,n){if(!(a[t]instanceof e)){var o=e.name||d;return new m("Invalid "+i+" `"+n+"` of type `"+((l=a[t]).constructor&&l.constructor.name?l.constructor.name:d)+"` supplied to `"+r+"`, expected instance of `"+o+"`.")}var l;return null})},node:p(function(e,a,t,r,i){return g(e[a])?null:new m("Invalid "+r+" `"+i+"` supplied to `"+t+"`, expected a ReactNode.")}),objectOf:function(e){return p(function(a,i,n,o,l){if("function"!=typeof e)return new m("Property `"+l+"` of component `"+n+"` has invalid PropType notation inside objectOf.");var s=a[i],c=b(s);if("object"!==c)return new m("Invalid "+o+" `"+l+"` of type `"+c+"` supplied to `"+n+"`, expected an object.");for(var d in s)if(r(s,d)){var h=e(s,d,n,o,l+"."+d,t);if(h instanceof Error)return h}return null})},oneOf:function(e){return Array.isArray(e)?p(function(a,t,r,i,n){for(var o=a[t],l=0;l<e.length;l++)if(u(o,e[l]))return null;var s=JSON.stringify(e,function(e,a){return"symbol"===v(a)?String(a):a});return new m("Invalid "+i+" `"+n+"` of value `"+String(o)+"` supplied to `"+r+"`, expected one of "+s+".")}):("production"!==process.env.NODE_ENV&&n(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),o)},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&n("Invalid argument supplied to oneOfType, expected an instance of array."),o;for(var a=0;a<e.length;a++){var i=e[a];if("function"!=typeof i)return n("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+y(i)+" at index "+a+"."),o}return p(function(a,i,n,o,l){for(var s=[],c=0;c<e.length;c++){var d=(0,e[c])(a,i,n,o,l,t);if(null==d)return null;d.data&&r(d.data,"expectedType")&&s.push(d.data.expectedType)}return new m("Invalid "+o+" `"+l+"` supplied to `"+n+"`"+(s.length>0?", expected one of type ["+s.join(", ")+"]":"")+".")})},shape:function(e){return p(function(a,r,i,n,o){var l=a[r],s=b(l);if("object"!==s)return new m("Invalid "+n+" `"+o+"` of type `"+s+"` supplied to `"+i+"`, expected `object`.");for(var c in e){var d=e[c];if("function"!=typeof d)return f(i,n,o,c,v(d));var h=d(l,c,i,n,o+"."+c,t);if(h)return h}return null})},exact:function(e){return p(function(i,n,o,l,s){var c=i[n],d=b(c);if("object"!==d)return new m("Invalid "+l+" `"+s+"` of type `"+d+"` supplied to `"+o+"`, expected `object`.");var h=a({},i[n],e);for(var u in h){var p=e[u];if(r(e,u)&&"function"!=typeof p)return f(o,l,s,u,v(p));if(!p)return new m("Invalid "+l+" `"+s+"` key `"+u+"` supplied to `"+o+"`.\nBad object: "+JSON.stringify(i[n],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var x=p(c,u,o,l,s+"."+u,t);if(x)return x}return null})}};function u(e,a){return e===a?0!==e||1/e==1/a:e!=e&&a!=a}function m(e,a){this.message=e,this.data=a&&"object"==typeof a?a:{},this.stack=""}function p(e){if("production"!==process.env.NODE_ENV)var a={},r=0;function i(i,o,l,c,h,u,p){if(c=c||d,u=u||l,p!==t){if(s){var x=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 x.name="Invariant Violation",x}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var f=c+":"+l;!a[f]&&r<3&&(n("You are manually calling a React.PropTypes validation function for the `"+u+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),a[f]=!0,r++)}}return null==o[l]?i?null===o[l]?new m("The "+h+" `"+u+"` is marked as required in `"+c+"`, but its value is `null`."):new m("The "+h+" `"+u+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(o,l,c,h,u)}var o=i.bind(null,!1);return o.isRequired=i.bind(null,!0),o}function x(e){return p(function(a,t,r,i,n,o){var l=a[t];return b(l)!==e?new m("Invalid "+i+" `"+n+"` of type `"+v(l)+"` supplied to `"+r+"`, expected `"+e+"`.",{expectedType:e}):null})}function f(e,a,t,r,i){return new m((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 m.prototype=Error.prototype,h.checkPropTypes=i,h.resetWarningCache=i.resetWarningCache,h.PropTypes=h,h},zf}()(If.isElement,!0)}else df.exports=function(){if(kf)return Bf;kf=1;var e=Af();function a(){}function t(){}return t.resetWarningCache=a,Bf=function(){function r(a,t,r,i,n,o){if(o!==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 n={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 n.PropTypes=n,n}}()();var Nf=sf(df.exports);function Rf({code:r,label:i="Copy code"}){const[o,s]=e.useState(!1);return t.jsx(a.Tooltip,{title:o?"Copied!":i,children:t.jsx(Dx,{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":o?"Copied":i,sx:{color:o?"var(--Icons-Success, var(--Text))":"var(--Quiet)"},children:o?t.jsx(n,{fontSize:"small"}):t.jsx(l,{fontSize:"small"})})})}Rf.propTypes={code:Nf.string.isRequired,label:Nf.string};function Ff({code:e="",language:r="JSX",showCopy:i=!0,showHeader:n=!0,maxHeight:o,wrap:l=!1,sx:s={},...c}){const d=n&&i&&!!e,h=!n&&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:[n&&(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(ht,{color:"quiet",children:r}),d?t.jsx(Rf,{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:o},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})}),h?t.jsx(Rf,{code:e}):null]})]})}Ff.propTypes={code:Nf.string,language:Nf.string,showCopy:Nf.bool,showHeader:Nf.bool,maxHeight:Nf.oneOfType([Nf.number,Nf.string]),wrap:Nf.bool,sx:Nf.object};const Df=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Wf=["primary","secondary","tertiary","neutral","info","success","warning","error"];function Pf({ratio:e,threshold:r}){if(!e)return t.jsx(ht,{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(ht,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function Hf({label:e,ratio:r,threshold:i,note:n}){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(rt,{style:{color:"var(--Text)"},children:e}),n&&t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),t.jsx(Pf,{ratio:r,threshold:i})]})}function Of({color:e,selected:r,onClick:i}){const o=Df(e);return t.jsx(a.Tooltip,{title:o,arrow:!0,children:t.jsx(a.Box,{onClick:()=>i(e),role:"button","aria-label":"Select "+o+" color","aria-pressed":r,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:24,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})})}function Ef({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 Vf={small:{pad:"12px",fontSize:"13px",iconSize:"18px",gap:"8px",text:"body-small",title:"body-small-semibold"},medium:{pad:"var(--Sizing-2, 16px)",fontSize:"14px",iconSize:"20px",gap:"10px",text:"body",title:"body-semibold"},large:{pad:"20px",fontSize:"16px",iconSize:"22px",gap:"12px",text:"body-large",title:"body-large-semibold"}},qf="var(--Sizing-1, 8px)";function Gf({children:e,title:r,variant:i="light",surface:n,color:o="info",size:l="medium",startDecorator:s,endDecorator:c,className:d="",sx:h={},...u}){const m=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===o?"Default":o),p=Vf[l]||Vf.medium,x="default"===o?"Default":m,f=n||("light"===i?"Surface-Brightest":"Surface"),g="var(--Buttons-"+m+"-Border)",b=(e,a)=>"string"==typeof e?t.jsx(Qa,{textStyle:p.text,color:"inherit",className:a,children:e}):e,v=s&&t.jsx(a.Box,{className:"alert-start-decorator",sx:{display:"inline-flex",alignItems:"center",fontSize:p.iconSize,lineHeight:1,flexShrink:0,...r?{}:{mt:"2px"}},children:s}),y=c&&t.jsx(a.Box,{className:"alert-end-decorator",sx:{display:"inline-flex",alignItems:r?"center":"flex-start",flexShrink:0,gap:p.gap,...r?{}:{paddingTop:"2px"}},children:c}),j=r?t.jsxs(t.Fragment,{children:[t.jsxs(a.Box,{className:"alert-header",sx:{display:"flex",alignItems:"center",gap:p.gap},children:[v,t.jsx(a.Box,{className:"alert-title",sx:{flex:1,minWidth:0},children:"string"==typeof r?t.jsx(Qa,{textStyle:p.title,color:"inherit",children:r}):r}),y]}),null!=e&&t.jsx(a.Box,{className:"alert-message",children:b(e)})]}):t.jsxs(t.Fragment,{children:[v,t.jsx(a.Box,{className:"alert-message",sx:{flex:1,minWidth:0},children:b(e)}),y]});return t.jsx(a.Box,{role:"alert",className:"alert alert-"+i+" alert-"+l+" alert-"+o+" "+d,sx:{border:"1px solid "+g,borderRadius:qf,overflow:"hidden",boxShadow:gp,...h},...u,children:t.jsx(a.Box,{"data-theme":x,"data-surface":f,className:"alert-inner",sx:{display:"flex",flexDirection:r?"column":"row",alignItems:r?"stretch":"flex-start",gap:p.gap,padding:p.pad,fontSize:p.fontSize,fontFamily:"inherit",lineHeight:1.5,borderRadius:"calc("+qf+" - 1px)","&[data-theme][data-surface]":{color:"var(--Text-Match, var(--Text))",backgroundColor:"color-mix(in srgb, var(--Background) 75.3%, transparent)"}},children:j})})}const Qf=["default","primary","secondary","tertiary","neutral","info","success","warning","error"];function Uf(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 Yf=/-light$/,Xf=new Set;const Jf={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 Zf({variant:e="default",size:r="medium",checked:i,defaultChecked:n,onChange:o,disabled:l=!1,label:s,labelPlacement:c="end",name:d,value:h,icon:u,iconOn:m,iconOff:p,className:x="",sx:f={},"aria-label":g,"aria-labelledby":b,...v}){const y=function(){const e={};return Qf.forEach(a=>{e[a]=Uf(a),e[a+"-outline"]=Uf(a)}),e.default={type:"themed",trackOff:"var(--Background)",trackOffBorder:"var(--Quiet)",trackOn:"var(--Icons-Primary)",trackOnBorder:"var(--Icons-Primary)",dotOff:"var(--Quiet)",dotOn:"var(--Icons-On-Primary)",iconOff:"var(--Background)",iconOn:"var(--Icons-Primary)"},e["default-outline"]={type:"themed",trackOff:"var(--Background)",trackOffBorder:"var(--Quiet)",trackOn:"var(--Icons-Primary)",trackOnBorder:"var(--Icons-Primary)",dotOff:"var(--Quiet)",dotOn:"var(--Icons-On-Primary)",iconOff:"var(--Background)",iconOn:"var(--Icons-Primary)"},e.outline={type:"themed",trackOff:"var(--Background)",trackOffBorder:"var(--Quiet)",trackOn:"var(--Icons-Primary)",trackOnBorder:"var(--Icons-Primary)",dotOff:"var(--Quiet)",dotOn:"var(--Icons-On-Primary)",iconOff:"var(--Background)",iconOn:"var(--Icons-Primary)"},e}(),j=function(e){const a=String(e||"default");if("light"!==a&&!Yf.test(a))return a;const t="light"===a?"primary":a.replace(Yf,"");return"production"===process.env.NODE_ENV||Xf.has(a)||(Xf.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=Jf[r]||Jf.medium,w="small"===r?rt:nt,B=z.handle,k=Math.max(24,z.trackW),C=Math.max(24,z.trackH),T=(C-z.trackH)/2,M={width:B,height:B,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:bp},"&:active + .MuiSwitch-track":{boxShadow:gp},"&.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!==p?p:u,I=void 0!==m?m:u,N=void 0!==L||void 0!==I,R=e=>t.jsx("span",{className:"MuiSwitch-thumb",children:e}),F=t.jsx(a.Switch,{...N?{icon:R(L),checkedIcon:R(I)}:{},checked:i,defaultChecked:n,onChange:o,disabled:l,name:d,value:h,slotProps:{input:{...g?{"aria-label":g}:{},...b?{"aria-labelledby":b}:{}}},className:"switch-"+j+" "+x,sx:A,disableRipple:!0,...v});return s?t.jsx(a.FormControlLabel,{control:F,label:t.jsx(w,{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}}):F}const $f=Zf,Kf=e.forwardRef(function({theme:e=null,surface:r="Surface",children:i,minHeight:n=160,sx:o={}},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:n,backgroundColor:"var(--Background)",borderBottom:"1px solid var(--Border)",...o},children:i})}),_f=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",eg=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],ag={info:t.jsx(m,{}),success:t.jsx(p,{}),warning:t.jsx(x,{}),error:t.jsx(f,{})};function tg({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function rg({color:e,selected:r,onClick:i}){const o=_f(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const ig={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},ng={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)"}},og=e.createContext({variant:"default",color:"primary",size:"medium",orientation:"vertical"});function lg({children:e,variant:r="solid",color:i="default",surface:n,size:o="medium",orientation:l="vertical",clickable:s=!1,selected:c=!1,elevated:d=!1,draggable:h=!1,onClick:u,disabled:m=!1,href:p,className:x="",sx:f={},...g}){const b="default"===i,v=b?"":ig[i],y=n||(b?"Container":"dark"===r?"Surface-Dimmest":"light"===r?"Surface-Brightest":"Surface"),j=ng[o]||ng.medium,S="horizontal"===l,z=!!h,w=!m&&(s||!!u||!!p||c||z),B=p?"a":"div",k=c?`var(--Buttons-${(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===i?"Default":i)}-Border)`:"var(--Buttons-Default-Border)",C=w?c?`2px solid ${k}`:"1px solid var(--Buttons-Default-Border)":"1px solid var(--Border-Variant)",T=d?bp:gp,M=d?vp:bp,A=d?gp:fp;return t.jsx(og.Provider,{value:{variant:r,color:i,size:o,orientation:l},children:t.jsx(a.Box,{component:B,href:p||void 0,onClick:w?u:void 0,role:w?"button":void 0,tabIndex:w?0:void 0,"aria-pressed":!!c||void 0,"aria-disabled":m||void 0,draggable:z||void 0,className:"card card-"+r+" card-"+o+" card-"+l+(w?" card-clickable":"")+(c?" card-selected":"")+(d?" card-elevated":"")+(z?" card-draggable":"")+" "+x,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",...m&&{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none"},...w&&!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:vp,transform:"scale(1.02)",borderWidth:"2px",borderColor:"var(--Buttons-Primary-Border)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"3px"}},...f},onKeyDown:w?e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),u?.())}: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 sg({children:r,className:i="",sx:n={},...o}){const{size:l}=e.useContext(og),s=ng[l]||ng.medium;return t.jsx(a.Box,{className:"card-content "+i,sx:{display:"flex",flexDirection:"column",gap:s.gap,flex:1,minWidth:0,...n},...o,children:r})}const cg=["default","primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],dg=e=>"Default"===e?"var(--Quiet)":"var(--Buttons-"+e+"-Border)";function hg(){const e={};return cg.forEach(a=>{e[a]=function(e){const a=wp(e);return{color:a,borderToken:dg(a),icon:"var(--Buttons-"+a+"-Border)"}}(a)}),e}const ug=/-(outline|light|solid)$/,mg=new Set;function pg(e){const a=hg();return a[function(e){const a=String(e||"default");if(!ug.test(a))return a;const t=a.replace(ug,"");return"production"===process.env.NODE_ENV||mg.has(a)||(mg.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 xg={small:{box:16,icon:12,gap:4,touchTarget:24,LabelComp:rt},medium:{box:20,icon:14,gap:8,touchTarget:24,LabelComp:nt},large:{box:24,icon:18,gap:12,touchTarget:24,LabelComp:ct}};function fg({size:e,variant:r,checked:i,indeterminate:o}){const l=pg(r),s=xg[e]||xg.medium,c=i||o,d=l.borderToken,h="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:h,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&&(o?t.jsx(g,{sx:{fontSize:s.icon,color:l.icon}}):t.jsx(n,{sx:{fontSize:s.icon,color:l.icon}}))})})}function gg({size:e,variant:a}){return t.jsx(fg,{size:e,variant:a,checked:!1,indeterminate:!1})}function bg({size:e,variant:a}){return t.jsx(fg,{size:e,variant:a,checked:!0,indeterminate:!1})}function vg({size:e,variant:a}){return t.jsx(fg,{size:e,variant:a,checked:!1,indeterminate:!0})}function yg({variant:e="primary",size:r="medium",label:i,checked:n,defaultChecked:o,indeterminate:l=!1,disabled:s=!1,onChange:c,name:d,value:h,className:u="",sx:m={},"aria-label":p,"aria-labelledby":x,"aria-describedby":f,inputProps:g={},...b}){pg(e);const v=xg[r]||xg.medium,y=v.LabelComp,j={...g,...p&&{"aria-label":p},...x&&{"aria-labelledby":x},...f&&{"aria-describedby":f}},S=t.jsx(a.Checkbox,{checked:n,defaultChecked:o,indeterminate:l,disabled:s,onChange:c,name:d,value:h,icon:t.jsx(gg,{size:r,variant:e}),checkedIcon:t.jsx(bg,{size:r,variant:e}),indeterminateIcon:t.jsx(vg,{size:r,variant:e}),className:"chk-"+e+" "+u,inputProps:j,disableRipple:!0,sx:{padding:(v.touchTarget-v.box)/2+"px",minWidth:24,minHeight:24,borderRadius:"var(--Checkbox-Radius, 4px)",color:"inherit",transition:"background-color 0.15s ease-in-out","&.Mui-checked, &.MuiCheckbox-indeterminate":{color:"inherit"},"&:hover":{backgroundColor:"transparent"},"&: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"},...m},...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 jg=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]}],Sg=["photo","icon","initials"],zg={photo:"Photo",icon:"Icon",initials:"Initials"},wg=["xx-small","x-small","small","medium","large","x-large","xx-large"],Bg={"xx-small":"XXS","x-small":"XS",small:"Small",medium:"Medium",large:"Large","x-large":"XL","xx-large":"XXL"};function kg({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Cg({color:e,selected:r,onClick:i}){const o=(l=e)?l.charAt(0).toUpperCase()+l.slice(1):"";var l;return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const Tg=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Mg={default:"Default",quiet:"Quiet",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Ag=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Lg=["filled","outlined","rounded","twotone","sharp"],Ig={filled:"Filled",outlined:"Outlined",rounded:"Rounded",twotone:"Two Tone",sharp:"Sharp"},Ng={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:he},Search:{filled:S,outlined:S,rounded:V,twotone:ee,sharp:ue},Star:{filled:z,outlined:I,rounded:q,twotone:ae,sharp:me},Person:{filled:w,outlined:N,rounded:G,twotone:te,sharp:pe},Notifications:{filled:h,outlined:R,rounded:Q,twotone:re,sharp:xe},Visibility:{filled:B,outlined:F,rounded:U,twotone:ie,sharp:fe},ShoppingCart:{filled:u,outlined:D,rounded:Y,twotone:ne,sharp:ge},Lock:{filled:k,outlined:W,rounded:X,twotone:oe,sharp:be},Info:{filled:C,outlined:m,rounded:J,twotone:le,sharp:ve}};function Rg({ratio:e,threshold:r}){if(!e)return t.jsx(ht,{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(ht,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function Fg({label:e,ratio:r,threshold:i,note:n}){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(rt,{style:{color:"var(--Text)"},children:e}),n&&t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),t.jsx(Rg,{ratio:r,threshold:i})]})}function Dg({label:e,selected:a,onClick:r}){return t.jsx(Rx,{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 Pg({children:e,icon:r,label:i,variant:n="solid",color:o="default",size:l="medium",extended:s=!1,animate:c=!1,disabled:d=!1,onClick:h,ariaLabel:u,className:m="",sx:p={},...x}){"production"!==process.env.NODE_ENV&&"solid"!==n&&console.warn('[Fab] variant="'+n+'" is not a Fab variant; rendering solid. The light variant was removed with the -Light button shades — it named tokens no design system publishes, so it rendered as an unstyled box. For a lighter FAB, put it on data-surface="Surface-Brightest".');const f=function(e){const a=wp("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)"}}(o),g=Wg[l]||Wg.medium,b=r||e||t.jsx(ye,{sx:{fontSize:g.iconSize}}),v=u||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:h,disabled:d,className:"fab fab-solid fab-"+o+" fab-"+l+(s?" fab-extended":"")+(c?" fab-animate":"")+(d?" fab-disabled":"")+(m?" "+m:""),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:`${kp(o)}, ${vp}`,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:`${kp(o)}, ${yp}`},"&:active":d?{}:{backgroundColor:f.active,transform:"scale(0.96)",boxShadow:kp(o)},"&: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"}},...p},...x,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 Hg=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Og=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Eg={default:"Tertiary",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"};function Vg({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function qg({color:e,selected:r,onClick:i}){const o=Eg[e]||"Primary";return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+Hg(e),"aria-pressed":r,title:Hg(e),sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}function Gg({value:e,onChange:r,placeholder:i,label:n}){return t.jsxs(a.Box,{children:[n&&t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:4},children:n}),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 Qg=e=>e.charAt(0).toUpperCase()+e.slice(1);function Ug(e){return e&&"default"!==e&&"border-variant"!==e?"border"===e?"var(--Border)":"var(--Icons-"+Qg(e)+")":"var(--Border-Variant)"}function Yg(e,a){const t=e&&!["default","border","border-variant"].includes(e)?Qg(e):"Default",r=Ug(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 Xg={small:"var(--Sm-Divider, 0.5px)",medium:"var(--Divider, 1px)",large:"var(--Lg-Divider, 2px)"};function Jg({color:e="default",orientation:r="horizontal",size:i="small",children:n,indicatorText:o,indicatorStyle:l="outline",textAlign:s="center",className:c="",sx:d={},...h}){const u=Ug(e),m=Xg[i]||Xg.small,p=!(!n&&!o),x=n||o,f="vertical"===r;if(f&&!p)return t.jsx(a.Box,{role:"separator","aria-orientation":"vertical",className:"divider-vertical divider-"+e+" "+c,sx:{display:"inline-block",width:m,alignSelf:"stretch",minHeight:24,backgroundColor:u,flexShrink:0,...d},...h});if(f&&p){const r=Yg(e,l),i="top"===s?"0 0 10%":"1 1 auto",n="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},...h,children:[t.jsx(a.Box,{sx:{flex:i,width:m,backgroundColor:u}}),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:x}),t.jsx(a.Box,{sx:{flex:n,width:m,backgroundColor:u}})]})}if(!p)return t.jsx(a.Box,{role:"separator","aria-orientation":"horizontal",className:"divider-horizontal divider-"+e+" "+c,sx:{width:"100%",height:m,backgroundColor:u,flexShrink:0,...d},...h});const g=Yg(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},...h,children:[t.jsx(a.Box,{sx:{flex:b,height:m,backgroundColor:u}}),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:x}),t.jsx(a.Box,{sx:{flex:v,height:m,backgroundColor:u}})]})}const Zg=["primary","secondary","tertiary","neutral","info","success","warning","error"];function $g(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 Kg={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}},_g={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}},eb={small:{resting:"Body-Small",shrunk:"Label-ExtraSmall"},medium:{resting:"Body-Medium",shrunk:"Label-Small"},large:{resting:"Body-Large",shrunk:"Label-Medium"}},ab=e=>({fontSize:"var(--"+e+"-Font-Size)",fontWeight:"var(--"+e+"-Font-Weight)",letterSpacing:"var(--"+e+"-Letter-Spacing)"});const tb={info:m,success:p,warning:x,error:f},rb={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 ib({variant:r="primary-outline",size:i="medium",label:n,labelPosition:o="standard",placeholder:l,helperText:s,validation:c,validationMessage:d,disabled:h=!1,id:u,value:m,defaultValue:p,onChange:x,name:f,type:g="text",multiline:b=!1,rows:v,maxRows:y,resize:j="vertical",startAdornment:S,endAdornment:z,fullWidth:w=!1,className:B="",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 Zg.forEach(a=>{e[a+"-outline"]=$g(a)}),e.outline=$g("primary"),e}(),F=R[r]||R["primary-outline"],D="floating"===o;"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 W=D?_g[i]||_g.medium:Kg[i]||Kg.medium,P=e.useId(),H=u||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)",n=(e.iconSize||18)+8;return{labelX:a?"calc("+i+" + "+n+"px)":i,padX:i,clearance:a?n:0,restingY:Math.round((t-1.4375*r)/2),shrunkY:6}}(W,!!S),G=eb[i]||eb.medium,Q="var(--Text)",U=c?rb[c]:null,Y=c?tb[c]:null,X=U||F,J=X.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+" "+B,sx:{width:w?"100%":"auto",...k},children:[(()=>{if(!n||D)return null;const e="small"===i?rt:nt;return t.jsx(e,{component:"label",htmlFor:H,sx:{display:"block",marginBottom:"6px",color:h?"var(--Quiet)":"var(--Text)",fontSize:W.labelSize,fontWeight:500,opacity:h?"var(--Disabled, 0.38)":1},children:n})})(),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",...!h&&{"&:hover":{borderColor:X.hoverBorder},"&:active":{borderColor:X.pressedBorder}},"&:focus-within":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:t.jsx(a.Box,{children:t.jsx(a.TextField,{value:m,defaultValue:p,onChange:x,name:f,type:g,disabled:h,placeholder:l,id:H,multiline:b,rows:v,maxRows:y,fullWidth:!0,label:D?n: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:W.fontSize,minHeight:b?"auto":W.height,padding:0,borderRadius:0,transition:"color 0.15s ease-in-out",...D&&{alignItems:"stretch"},"& fieldset":{border:"none"},"&.Mui-focused":{color:Q},"&:not(.Mui-focused) .MuiOutlinedInput-input:not(:placeholder-shown)":{color:Q},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"},"& input":{padding:W.padding,color:"inherit","&::placeholder":{color:"var(--Quiet)",opacity:1}},"& textarea":{padding:W.padding,color:"inherit",resize:j,"&::placeholder":{color:"var(--Quiet)",opacity:1}},"& .MuiInputAdornment-root":{color:"var(--Quiet)"},...D&&{"& .MuiInputAdornment-root":{maxHeight:"none",height:"auto",alignSelf:"stretch",alignItems:"center",paddingTop:W.padTop+"px",paddingBottom:W.padBottom+"px",marginTop:0,marginBottom:0},"& .MuiInputAdornment-positionStart":{marginLeft:E,marginRight:"8px",width:W.iconSize+"px",minWidth:W.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))",...ab(G.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)",...ab(G.shrunk),color:"var(--Quiet)"},"&.Mui-focused":{color:Q},"&.Mui-disabled":{color:"var(--Quiet)",opacity:"var(--Disabled, 0.38)"}},"& .MuiOutlinedInput-notchedOutline legend":{display:"none"},"& .MuiOutlinedInput-notchedOutline":{top:0},"& .MuiOutlinedInput-root.Mui-focused":{outline:"none"},"& .MuiOutlinedInput-root:focus-within":{outline:"none"}},...N})})}),c&&d?t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:"6px",marginTop:"4px",marginLeft:"2px"},children:[Y&&t.jsx(Y,{sx:{fontSize:W.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 nb=["default","primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],ob=wp,lb={small:{box:16,dot:8,gap:4,LabelComp:rt},medium:{box:20,dot:10,gap:8,LabelComp:nt},large:{box:24,dot:12,gap:12,LabelComp:ct}};function sb({size:e,color:r,checked:i}){const n=ob(r),o=i?"var(--Buttons-"+n+"-Border)":"var(--Border)",l="var(--Buttons-"+n+"-Border)",s=lb[e]||lb.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 "+o,flexShrink:0,backgroundColor:"transparent",position:"relative",transition:"border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out"},children:i&&t.jsx(a.Box,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:s.dot,height:s.dot,borderRadius:"50%",backgroundColor:l}})})}function cb({theme:e,surface:r,color:i="default",size:n="medium",label:o,labelPlacement:l="end",checked:s,disabled:c=!1,onChange:d,name:h,value:u,className:m="",sx:p={},"aria-label":x,"aria-labelledby":f,"aria-describedby":g,inputProps:b={},...v}){const y=nb.includes(i)?i:"default",j=lb[n]||lb.medium,S=j.LabelComp,z="var(--Sizing-3, 24px)",w={...b,...x&&{"aria-label":x},...f&&{"aria-labelledby":f},...g&&{"aria-describedby":g}},B=t.jsx(a.Radio,{checked:s,disabled:c,onChange:d,name:h,value:u,icon:t.jsx(sb,{size:n,color:y,checked:!1}),checkedIcon:t.jsx(sb,{size:n,color:y,checked:!0}),"data-theme":e||void 0,"data-surface":r||void 0,className:"radio-"+y+" "+m,inputProps:w,disableRipple:!0,sx:{padding:"2px",display:"inline-flex",alignItems:"center",justifyContent:"center",minWidth:z,minHeight:z,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":{boxShadow:"0 0 0 1px var(--Background), 0 0 0 calc(1px + var(--Sizing-Half, 4px)) color-mix(in srgb, var(--Buttons-"+ob(y)+"-Border) 10%, transparent)"},"&:not(.Mui-checked):hover .radio-circle-icon":{borderColor:"var(--Buttons-"+ob(y)+"-Border)"},"&:active .radio-circle-icon":{boxShadow:"0 0 0 1px var(--Background), 0 0 0 calc(1px + var(--Sizing-1, 8px)) color-mix(in srgb, var(--Buttons-"+ob(y)+"-Border) 10%, transparent)"},"&:not(.Mui-checked):active .radio-circle-icon":{borderColor:"var(--Border)"},"&.Mui-focusVisible .radio-circle-icon":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px"},"&.Mui-disabled":{opacity:"var(--Disabled, 0.38)",cursor:"not-allowed",pointerEvents:"none"},...p},...v});return o?t.jsx(a.FormControlLabel,{control:B,label:t.jsx(S,{component:"span",sx:{color:c?"var(--Text-Quiet)":"var(--Text)",lineHeight:1.4,userSelect:"none"},children:o}),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}}}):B}function db({color:r="default",size:i="medium",label:n,options:o=[],value:l,defaultValue:s,onChange:c,orientation:d="vertical",labelPlacement:h="end",disabled:u=!1,spacing:m=1,name:p,className:x="",sx:f={},"aria-label":g,"aria-labelledby":b,...v}){const y=void 0!==l,[j,S]=e.useState(s),z=y?l:j;return t.jsxs(a.FormControl,{component:"fieldset",disabled:u,className:"radio-group-"+r+" "+x,sx:f,children:[n&&t.jsx(a.FormLabel,{component:"legend",sx:{color:u?"var(--Text-Quiet)":"var(--Text)",fontSize:"small"===i?"13px":"15px",fontWeight:500,mb:1,"&.Mui-focused":{color:"var(--Text)"},"&.Mui-disabled":{color:"var(--Text-Quiet)",opacity:"var(--Disabled, 0.38)"}},children:n}),t.jsx(a.RadioGroup,{value:z??"",onChange:(e,a)=>{y||S(e?.target?.value??a),c?.(e,a)},name:p,"aria-label":g,"aria-labelledby":b,row:"horizontal"===d,sx:{display:"flex",flexDirection:"horizontal"===d?"row":"column",flexWrap:"horizontal"===d?"wrap":"nowrap",alignItems:"horizontal"===d?"center":"flex-start",gap:m},...v,children:o.map(e=>t.jsx(cb,{color:r,size:i,label:e.label,labelPlacement:h,value:e.value,disabled:e.disabled||u},e.value))})]})}const hb=cb,ub=["default","primary","secondary","tertiary","neutral","info","success","warning","error"];const mb={small:{visual:12,track:2,labelSize:11},medium:{visual:16,track:4,labelSize:12},large:{visual:20,track:6,labelSize:13}};function pb({theme:e,surface:r,variant:i="default",size:n="medium",value:o,defaultValue:l,onChange:s,onChangeCommitted:c,min:d=0,max:h=100,step:u=1,marks:m=!1,valueLabelDisplay:p="off",orientation:x="horizontal",fill:f,track:g="standard",disabled:b=!1,label:v,name:y,className:j="",sx:S={},"aria-label":z,"aria-labelledby":w,...B}){const k=function(){const e={};return ub.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=mb[n]||mb.medium,M=null===u,A=(!M||!0!==m)&&m;if("production"!==process.env.NODE_ENV&&M&&!0===m&&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===m&&u){const e=Math.floor((h-d)/u)+1;e>20&&console.warn(`[OmniDesign] <Slider marks> with step=${u} over ${d}–${h} 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"===x,I=Array.isArray(o)||Array.isArray(l),N=void 0!==f?f:g,R="inverted"===N,F=!1===N,D="small"===n?rt:nt,W=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:W,width:L?W:void 0,"& .MuiSlider-rail":{backgroundColor:P,border:H||"none",boxSizing:H?"content-box":"border-box",opacity:1,height:L?void 0:H?T.track:W,width:L?H?T.track:W:void 0,borderRadius:W/2},"& .MuiSlider-track":{boxSizing:E?"content-box":"border-box",backgroundColor:O,border:E||"none",height:L?void 0:E?T.track:W,width:L?E?T.track:W:void 0,borderRadius:W/2},"& .MuiSlider-thumb":{width:24,height:24,backgroundColor:"transparent",border:"none",boxShadow:"none",transition:"none","--_height":T.visual+"px","--_bevel":"min(calc(var(--Button-Bevel) * var(--_height) / 100), calc(var(--_height) / 5))","&::after":{display:"none"},"&::before":{content:'""',position:"absolute",width:T.visual,height:T.visual,borderRadius:"50%",backgroundColor:C.thumb,border:C.thumbBorder||"none",boxShadow:`${kp(i)}, ${gp}`,transition:"box-shadow 0.15s ease-in-out",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},"&:hover::before":{boxShadow:`${kp(i)}, ${bp}`},"&.Mui-focusVisible::before, &:focus-visible::before":{boxShadow:`${kp(i)}, ${bp}, 0 0 0 1px var(--Focus-Visible)`},"&.Mui-active::before":{boxShadow:kp(i)},"&.Mui-focusVisible":{outline:"none",borderRadius:"50%"},"&.Mui-focusVisible::before":{boxShadow:`${kp(i)}, ${bp}`}},...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:o,defaultValue:l,onChange:s,onChangeCommitted:c,min:d,max:h,step:u,marks:A,valueLabelDisplay:p,orientation:x,track:R?"inverted":!F&&"normal",disabled:b,name:y,"aria-label":z,"aria-labelledby":w,slotProps:b?{input:{"aria-disabled":"true"}}:void 0,className:"slider-"+i+" "+j,"data-theme":e||void 0,"data-surface":r||void 0,sx:V,...B});return v?t.jsxs(a.Box,{sx:{width:L?"auto":"100%",height:L?"100%":"auto",display:"flex",flexDirection:"column",gap:"4px"},children:[t.jsx(D,{component:"label",sx:{color:b?"var(--Text-Quiet)":"var(--Text)",fontSize:"small"===n?"13px":"15px",fontWeight:500,opacity:b?"var(--Disabled, 0.38)":1},children:v}),q]}):q}const xb=pb,fb=pb,gb=["Default","Primary","Secondary","Tertiary","Neutral"],bb={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}},vb=Object.keys(bb);function yb(e,a){if("custom"===e)return{...bb.Classic,name:"Custom",description:"Custom",...a||{}};const t=bb[e];return t?{...t}:{...bb.Classic}}function jb(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 Sb(e){const a=e||"Primary";return"Default"===a?"var(--Text)":"var(--Text-"+a+")"}function zb(e,a){const t=(e-90)*Math.PI/180;return{dx:Math.cos(t)*a,dy:Math.sin(t)*a}}const wb={"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 Bb({text:a="Your Brand. Perfected.",curves:r,arc:i=160,radius:n=300,direction:o="up",rotation:l=0,autoCrop:s=!0,textStyle:c="display-large",fontSize:d,fontFamily:h,fontWeight:u,letterSpacing:m,color:p="var(--Text, #1a1a1a)",bevel:x=!1,bevelTheme:f="Primary",bevelPreset:g,bevelCustom:b,className:v,style:y,...j}){const S=g?yb(g,b):null,z=S?!!S.bevel:!!x,w=wb[c]||wb["display-large"],B=h??w.fontFamily,k=d??w.fontSize,C=u??w.fontWeight,T=m??w.letterSpacing,M="number"==typeof d?d:w.pxHint,A=r&&r.length>0?r:[{arc:i,radius:n,direction:o}],{d:L,width:I,upMax:N,downMax:R,pathId:F}=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,n=0,o=0;for(const{arc:e,radius:l,direction:s}of a){const a=kb(e,1,359),c=Math.max(10,l),d=a*Math.PI/180,h=2*c*Math.sin(d/2),u=c*(1-Math.cos(d/2));t+=h,i+=" A "+c+" "+c+" 0 "+(a>180?1:0)+" "+("up"===s?1:0)+" "+t+" "+r,"up"===s?n=Math.max(n,u):o=Math.max(o,u)}return{d:i,width:t,upMax:n,downMax:o,pathId:e}},[JSON.stringify(a)])}(A),D=Math.ceil(N+M),W=Math.ceil(R+M),P=Math.ceil(M),H=Math.ceil(I+2*P),O=D+W,E=P,V=D,q=l?"rotate("+l+" "+H/2+" "+O/2+")":void 0,G=e.useRef(null),[Q,U]=e.useState(null),[Y,X]=e.useState(M);e.useEffect(()=>{if(!G.current||"undefined"==typeof ResizeObserver)return;const e=G.current,a=()=>{const a=e.getBoundingClientRect(),t=Q?Q.width:H;if(!t||!a.width)return;const r=a.width/t;X(M*r)};a();const t=new ResizeObserver(a);return t.observe(e),()=>t.disconnect()},[H,M,Q]);const J=z&&Y>=19;e.useLayoutEffect(()=>{if(!s)return void U(null);const e=G.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,n=l*Math.PI/180,o=Math.cos(n),c=Math.sin(n),d=(e,a)=>{const t=e-r,n=a-i;return{x:r+t*o-n*c,y:i+t*c+n*o}},h=[d(t.x,t.y),d(t.x+t.width,t.y),d(t.x,t.y+t.height),d(t.x+t.width,t.y+t.height)],u=Math.min(...h.map(e=>e.x)),m=Math.max(...h.map(e=>e.x)),p=Math.min(...h.map(e=>e.y)),x=Math.max(...h.map(e=>e.y)),f=.12*M,g={x:u-f,y:p-f,width:m-u+2*f,height:x-p+2*f};U(e=>e&&Math.abs(e.x-g.x)<.5&&Math.abs(e.y-g.y)<.5&&Math.abs(e.width-g.width)<.5&&Math.abs(e.height-g.height)<.5?e:g)},[s,a,JSON.stringify(A),l,M,T,B,C,z,f,g,JSON.stringify(b)]);const Z=Q?Q.x+" "+Q.y+" "+Q.width+" "+Q.height:"0 0 "+H+" "+O,$=Q?Q.width:H,K=Q?Q.height:O;return t.jsxs("svg",{ref:G,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:F,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)),n={fontFamily:B,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:n,children:t.jsx("textPath",{href:"#"+F,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:n,children:t.jsx("textPath",{href:"#"+F,startOffset:"50%",textAnchor:"middle",children:a})})]})})(),t.jsx("text",{className:"dino-curved-text__base",fill:J?"var(--Buttons-"+f+"-Button)":z?Sb(f):p,style:{fontFamily:B,fontSize:"number"==typeof k?k+"px":k,fontWeight:C,letterSpacing:"number"==typeof T?T+"px":T},children:t.jsx("textPath",{href:"#"+F,startOffset:"50%",textAnchor:"middle",children:a})})]})]})}function kb(e,a,t){return Math.max(a,Math.min(t,e))}function Cb(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 Tb(e){return e?"#"+e.map(e=>e.toString(16).padStart(2,"0")).join(""):"—"}function Mb([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 Ab({targetRef:a,label:r,deps:i=[]}){const[n,o]=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);o(Cb(e.backgroundColor)),s(Cb(e.color))});return()=>cancelAnimationFrame(e)},i);const c=function(e,a){if(!e||!a)return null;const t=Mb(e),r=Mb(a);return(Math.max(t,r)+.05)/(Math.min(t,r)+.05)}(n,l),d=null!==c&&c>=4.5,h=null===c?"—":null!==c&&c>=7?"AAA":d?"AA":"Fail",u=null===c?"var(--Text-Quiet)":d?"var(--Text-Success)":"var(--Text-Error)";return t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,padding:"12px 16px",borderRadius:8,background:"var(--Container)",border:"1px solid var(--Border)"},children:[t.jsxs("div",{style:{flex:1,minWidth:0},children:[t.jsx(rt,{style:{fontWeight:600},children:r}),t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Background ",Tb(n)," · Text ",Tb(l)]})]}),t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,borderRadius:999,padding:"4px 10px",background:"var(--Background)",border:"1px solid var(--Border)"},children:[t.jsx("span",{style:{fontWeight:700,fontSize:12,color:u},children:h}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:null!==c?c.toFixed(2)+":1":"—"})]})]})}const Lb=[{value:"display-large",label:"Display Large"},{value:"display-small",label:"Display Small"}],Ib=[{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)"}],Nb=gb.map(e=>({value:e,label:e}));function Rb({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const Fb={"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 Db({text:a="DinoDesign",theme:r="Primary",preset:i="Classic",custom:n,textStyle:o="display-large",fontSize:l,fontFamily:s,fontWeight:c,letterSpacing:d,className:h,style:u,...m}){const p=Fb[o]||Fb["display-large"],x=s??p.fontFamily,f=l??p.fontSize,g=c??p.fontWeight,b=d??p.letterSpacing,v="number"==typeof l?l:p.pxHint,y=yb(i,n),j="dino-bevel-"+e.useId().replace(/:/g,""),S=j+"-s",z=e.useRef(null),[w,B]=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&&B(v*(a.width/C))};a();const t=new ResizeObserver(a);return t.observe(e),()=>t.disconnect()},[C,v]);const L=w>=19,I=y.bevel?zb(y.angle+180,y.depth):{dx:0,dy:0},N=y.bevel?zb(y.angle,y.depth):{dx:0,dy:0},R=y.shadow?zb(y.angle,y.shadowDistance??6):{dx:0,dy:0},F=L?jb(r,"base"):Sb(r),D=jb(r,"highlight"),W=jb(r,"lowlight"),P={fontFamily:x,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",...u},"aria-label":a,role:"img",className:["dino-bevel-text",h].filter(Boolean).join(" "),...m,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:W,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:W,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:D,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:F,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:F,filter:H,style:P,children:a})]})}const Wb=[...vb.map(e=>({value:e,label:e,description:bb[e].description})),{value:"custom",label:"Custom",description:"Tune every knob"}],Pb=[{value:"light",label:"Light",css:"var(--Surface)"},{value:"warm",label:"Warm",css:"var(--Surface-Dim)"},{value:"dark",label:"Dark",css:"var(--Container-High)"}];function Hb({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Ob({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(ht,{style:{fontWeight:600,color:"var(--Text)"},children:e.label}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:2},children:e.description})]})}const Eb={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",black:"BW",white:"BW"};function Vb(e,a){return"var(--"+(Eb[e]||"Primary")+"-Color-"+a+")"}const qb={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 Gb(e,a){const t=qb[e]||qb.primary;return(t[a]||t.linear).map(e=>({...e}))}function Qb({variant:e="linear",color:r="primary",angle:i=135,stops:n=null,position:o=null,blobs:l=null,cardProps:s={},minHeight:c=300,children:d,className:h="",sx:u={},...m}){const p="meshCard"===e,x="mesh"===e||p,f="radial"===e,g="linear"===e||f,b=n||Gb(r,f?"radial":"linear"),v=l||Gb(r,p?"meshCard":"mesh"),y=x?function(e){if(!e||0===e.length)return"none";const a=e.map(e=>{const a=Vb(e.family,e.tone),t=e.spread||40;return"radial-gradient(circle at "+e.x+"% "+e.y+"%, "+a+" 0%, transparent "+t+"%)"}),t=Vb(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=>Vb(e.family,e.tone)+" "+e.position+"%"),r=a||{x:50,y:50};return"radial-gradient(circle at "+r.x+"% "+r.y+"%, "+t.join(", ")+")"}(b,o||{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=>Vb(e.family,e.tone)+" "+e.position+"%").join(", ")+")":"none"}(b,i),j=g?b[0]:v[0];var S,z;const w=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 p?t.jsx(a.Box,{className:"gradient gradient-mesh-card "+h,sx:{background:y,minHeight:c,borderRadius:"var(--Card-Radius)",display:"flex",alignItems:"center",justifyContent:"center",padding:"var(--Card-Padding)",position:"relative",overflow:"hidden",...u},...m,children:t.jsx(lg,{variant:"solid",...s,children:t.jsx(sg,{children:d})})}):t.jsx(a.Box,{className:"gradient gradient-"+e+" "+h,sx:{background:y,minHeight:c,borderRadius:"var(--Card-Radius)",color:w,display:"flex",alignItems:"center",justifyContent:"center",position:"relative",overflow:"hidden",...u},...m,children:d})}function Ub({color:e,className:r="",sx:i={},...n}){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},...n})}function Yb({children:e,container:r=!1,item:i=!1,spacing:n=2,sx:o={},...l}){return t.jsx(a.Grid,{container:r,item:i,spacing:n,sx:{transition:"all 0.2s ease-in-out",...o},...l,children:e})}["default","primary","secondary","tertiary","neutral"].map(e=>{return{value:e,label:(a=e,a?a.charAt(0).toUpperCase()+a.slice(1):"")};var a});const Xb=["default","primary","secondary","tertiary","neutral","info","success","warning","error"],Jb={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"};function Zb({color:e="primary",width:r="hug",allCaps:i=!1,children:n,className:o="",sx:l={},...s}){const c="fill"===r,d=Jb[e]||"Primary",h="var(--Tag-"+d+"-BG)",u="var(--Tag-"+d+"-Text)";return t.jsx(a.Box,{component:"span",className:"tag tag-"+e+(o?" "+o:""),sx:{display:c?"flex":"inline-flex",alignItems:"center",justifyContent:c?"center":"flex-start",height:"24px",px:"8px",borderRadius:0,backgroundColor:h,color:u,width:c?"100%":"auto",flexShrink:0,userSelect:"none",...l},...s,children:t.jsx(rt,{component:"span",sx:{color:"inherit",lineHeight:"24px",whiteSpace:"nowrap",fontWeight:600,textTransform:i?"uppercase":"none"},children:n})})}const $b=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Kb({ratio:e,threshold:r}){if(!e)return t.jsx(ht,{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(ht,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function _b({label:e,ratio:r,threshold:i,note:n}){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(rt,{style:{color:"var(--Text)"},children:e}),n&&t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),t.jsx(Kb,{ratio:r,threshold:i})]})}function ev({color:e,selected:r,onClick:i}){const o=Jb[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 "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height, 36px)",height:"var(--Button-Height, 36px)",borderRadius:"4px",backgroundColor:"var(--Tag-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Tag-"+o+"-Text)",pointerEvents:"none"}})})}function av({children:e,maxWidth:r="lg",disableGutters:i=!1,sx:n={},...o}){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",...n},...o,children:e})}function tv({theme:e,surface:a="Surface",as:r="section",padding:i,className:n,style:o,children:l,...s}){return t.jsx(r,{...e?{"data-theme":e}:{},"data-surface":a,className:n,style:{background:"var(--Background)",color:"var(--Text)",...void 0!==i?{padding:i}:{},...o},...s,children:l})}const rv={small:{fab:32,fabSize:"small",action:32,actionSize:"small",gap:8},medium:{fab:48,fabSize:"medium",action:48,actionSize:"medium",gap:12},large:{fab:56,fabSize:"large",action:56,actionSize:"large",gap:16}};function iv({actions:r=[],variant:i="solid",color:n="default",direction:o="up",size:l="medium",speed:s=50,openOnHover:c=!0,showTooltips:d=!0,open:h,onOpen:u,onClose:m,icon:p,ariaLabel:x="Speed Dial",className:f="",sx:g={},...b}){"production"!==process.env.NODE_ENV&&"solid"!==i&&console.warn('[SpeedDial] variant="'+i+"\" is not a SpeedDial variant; rendering solid. The design's FAB set has no shape axis — only State, Extended and Animate — so an outline FAB is not in the system.");const v=rv[l]||rv.medium,y=v.fab,j=v.action,S=v.gap,[z,w]=e.useState(!1),B=void 0!==h,k=B?h:z,C=e.useRef(null),T="solid",M=v.actionSize,A=e.useCallback(()=>{k?(B||w(!1),m?.()):(B||w(!0),u?.())},[k,B,u,m]),L=e.useRef(null),I=()=>"undefined"!=typeof window&&"function"==typeof window.matchMedia&&window.matchMedia("(hover: hover) and (pointer: fine)").matches,N=e.useCallback(()=>{L.current&&(clearTimeout(L.current),L.current=null)},[]),R=e.useCallback(()=>{c&&I()&&(N(),k||(B||w(!0),u?.()))},[c,k,B,u,N]),F=e.useCallback(()=>{c&&I()&&(N(),L.current=setTimeout(()=>{B||w(!1),m?.()},120))},[c,B,m,N]);e.useEffect(()=>N,[N]);const D=e.useCallback((e,a)=>{e.onClick?.(a),B||w(!1),m?.()},[B,m]);e.useEffect(()=>{if(!k)return;const e=e=>{C.current&&!C.current.contains(e.target)&&(B||w(!1),m?.())};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[k,B,m]),e.useEffect(()=>{if(!k)return;const e=e=>{"Escape"===e.key&&(B||w(!1),m?.())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[k,B,m]);const W="up"===o||"down"===o,P="up"===o||"down"===o?"left":"top",H=t.jsx(a.Box,{sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",lineHeight:0,transformOrigin:"50% 50%",transition:"transform 0.3s ease",transform:k?"rotate(45deg)":"rotate(0deg)"},children:p||t.jsx(ye,{})});return t.jsxs(a.Box,{ref:C,onMouseEnter:R,onMouseLeave:F,className:"speed-dial speed-dial-"+i+" speed-dial-"+n+" speed-dial-"+o+" "+f,sx:{position:"relative",display:"inline-flex",overflow:"visible",width:W?y+"px":"auto",height:W?"auto":y+"px",...g},...b,children:[t.jsx(Pg,{size:v.fabSize,variant:T,color:n,onClick:A,"aria-label":x,"aria-expanded":k,"aria-haspopup":"menu",sx:{position:"relative",zIndex:2},children:H}),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=y/2+S+j/2+e*(j+S);switch(o){case"up":default:return{bottom:a+"px",left:(y-j)/2+"px"};case"down":return{top:a+"px",left:(y-j)/2+"px"};case"left":return{right:a+"px",top:(y-j)/2+"px"};case"right":return{left:a+"px",top:(y-j)/2+"px"}}})(r),l=r*s,c=t.jsx(Pg,{size:M,variant:T,color:n,role:"menuitem","aria-label":e.name||"Action "+(r+1),onClick:()=>D(e,r),sx:{position:"absolute",...i,opacity:k?1:0,transform:k?"scale(1)":"scale(0.3)",transition:"opacity 0.2s ease, transform 0.2s ease",transitionDelay:k?l+"ms":"0ms",pointerEvents:k?"auto":"none"},children:e.icon||t.jsx(ye,{})},e.key||r);return d&&e.name?t.jsx(a.Tooltip,{title:e.name,placement:P,arrow:!0,open:!!k&&void 0,slotProps:{tooltip:{sx:{backgroundColor:"var(--Container)",color:"var(--Text)",fontSize:"12px",fontWeight:500,border:"1px solid var(--Border)",boxShadow:"0 2px 8px rgba(0,0,0,0.12)"}},arrow:{sx:{color:"var(--Container)"}}},children:c},e.key||r):c})})]})}const nv=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",ov=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],lv=[{name:"Edit",icon:t.jsx(up,{size:"small",sx:{color:"inherit"},children:t.jsx(je,{})})},{name:"Share",icon:t.jsx(up,{size:"small",sx:{color:"inherit"},children:t.jsx(ze,{})})},{name:"Delete",icon:t.jsx(up,{size:"small",sx:{color:"inherit"},children:t.jsx(y,{})})},{name:"Favorite",icon:t.jsx(up,{size:"small",sx:{color:"inherit"},children:t.jsx(b,{})})}];function sv({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function cv({color:e,selected:r,onClick:i}){const o=nv(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const dv={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 hv({color:e="default",companyName:a="",year:r=(new Date).getFullYear(),rights:i="All rights reserved",children:n,className:o,style:l,...s}){const c=n??`© ${r}${a?" "+a:""}.${i?" "+i+".":""}`,d=dv[e]||dv.default,h=d.theme?{"data-theme":d.theme,"data-surface":d.surface||"Surface-Dim"}:{},u=d.theme?{background:"var(--Background)",color:"var(--Text)"}:{background:d.bg,color:d.fg};return t.jsx("div",{...h,className:["dino-copyright",o].filter(Boolean).join(" "),style:{padding:"var(--Sizing-2, 16px) 24px",textAlign:"center",...u,...l},...s,children:t.jsx(rt,{style:{color:"inherit",opacity:.85},children:c})})}const uv={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}};function mv({value:r,defaultValue:i=0,onChange:n,min:o,max:l,step:s=1,variant:c="outlined",style:d="outline",color:h="default",size:u="medium",label:m,labelPosition:p="top",placeholder:x,helperText:f,disabled:b=!1,fullWidth:v=!1,className:y="",sx:j={},...S}){const[z,w]=e.useState(i),[B,k]=e.useState(!1),C=e.useRef(null),T=void 0!==r,M=T?r:z,A=""!==M&&null!=M,L=(I="default"===h?"primary":h).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"===h?"var(--Border)":"var(--Buttons-"+L+"-Border)",R="default"===h?"var(--Text)":"var(--Text-"+L+")",F="outlined"===c,D="floating"===p,W="top"===p,P=uv[u]||uv.medium,H="small"===u?rt:nt,O=e.useCallback(e=>{let a="number"==typeof e?e:parseFloat(e);isNaN(a)&&(a=0),void 0!==o&&a<o&&(a=o),void 0!==l&&a>l&&(a=l),T||w(a),n?.(a)},[T,n,o,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!==o&&e<0&&a<=o||void 0!==l&&e>0&&a>=l||O(a+e*s)},[b,s,o,l,O]),q=void 0!==o&&M<=o,G=void 0!==l&&M>=l,Q=e.useRef(null),U=e.useRef(null),Y=e.useCallback(()=>{Q.current&&(clearTimeout(Q.current),Q.current=null),U.current&&(clearInterval(U.current),U.current=null)},[]),X=e.useCallback(e=>{b||(Y(),V(e),Q.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,Y]);e.useEffect(()=>Y,[Y]);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,X(e)}},onClick:()=>{J.current?J.current=!1:V(e)},onPointerUp:e=>{try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch(e){}Y()},onPointerCancel:Y,onPointerLeave:Y,onKeyDown:a=>{"Enter"!==a.key&&" "!==a.key||a.repeat||(a.preventDefault(),X(e))},onKeyUp:e=>{"Enter"!==e.key&&" "!==e.key||Y()},onBlur:Y}),$=e=>{const a=e.target.value;if(""===a||"-"===a)return void(T||w(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"===h?"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=()=>W&&m?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:m}):null;return F?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"===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",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:[D&&m&&t.jsx(a.Box,{sx:{position:"absolute",top:A||B?"6px":"50%",left:P.padding.split(" ")[1]||"14px",transform:A||B?"none":"translateY(-50%)",transformOrigin:"top left",color:B?R:"var(--Quiet)",fontFamily:"var(--Font-Families-Body, var(--Body-Font-Family))",...A||B?{fontSize:"var(--"+(eb[u]||eb.medium).shrunk+"-Font-Size)",fontWeight:"var(--"+(eb[u]||eb.medium).shrunk+"-Font-Weight)",letterSpacing:"var(--"+(eb[u]||eb.medium).shrunk+"-Letter-Spacing)"}:{fontSize:"var(--"+(eb[u]||eb.medium).resting+"-Font-Size)",fontWeight:"var(--"+(eb[u]||eb.medium).resting+"-Font-Weight)",letterSpacing:"var(--"+(eb[u]||eb.medium).resting+"-Letter-Spacing)"},pointerEvents:"none",transition:"top 0.15s ease, font-size 0.15s ease, color 0.15s ease",zIndex:1},children:m}),t.jsx(a.Box,{component:"input",ref:C,type:"text",inputMode:"numeric",role:"spinbutton","aria-valuenow":"number"==typeof M?M:void 0,"aria-valuemin":o,"aria-valuemax":l,"aria-label":m||"Number",value:M,onChange:$,onKeyDown:K,onFocus:()=>k(!0),onBlur:()=>k(!1),disabled:b,placeholder:D?void 0:x||"",sx:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",color:A||B?R:"var(--Quiet)",fontSize:P.fontSize,fontFamily:"var(--Body-Font-Family)",fontWeight:"var(--Body-Font-Weight)",padding:D?"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||G,sx:{..._,width:"var(--Sizing-4, 32px)",height:"var(--Sizing-3, 24px)"},children:t.jsx(up,{size:"medium",children:t.jsx(we,{})})}),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(up,{size:"medium",children:t.jsx(Be,{})})})]})]})})}),f&&t.jsx(rt,{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"===u?.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:48,height:"100%",borderRadius:"small"===u?"var(--Sm-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"large"===u?"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(up,{size:"small",children:t.jsx(g,{})})}),t.jsx(a.Box,{sx:{border:"1px solid "+N,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","&: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":o,"aria-valuemax":l,"aria-label":m||"Number",value:M,onChange:$,onKeyDown:K,onFocus:()=>k(!0),onBlur:()=>k(!1),disabled:b,sx:{width:"small"===u?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||G,sx:{..._,width:48,height:"100%",borderRadius:"small"===u?"var(--Sm-Button-Icon-Radius, var(--Button-Icon-Radius, var(--Style-Border-Radius)))":"large"===u?"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(up,{size:"small",children:t.jsx(ye,{})})})]}),f&&t.jsx(rt,{style:{color:"var(--Quiet)",marginTop:"4px",marginLeft:"2px"},children:f})]})}const pv=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"primary-dark",label:"Primary Dark"},{value:"white",label:"White"},{value:"black",label:"Black"}];function xv({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const fv=["Link","Chip","Badge","Caption","Label","Tag","BodySmall","LegalSemibold","Legal","LabelSmall","LabelExtraSmall","EyebrowSmall","ButtonSmall"];function gv(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(fv.some(a=>e.includes(a)))return!0}return!1})(a)&&(t=!0)}),t}function bv({children:r,gap:i,spacing:n,direction:o="column",enforceMinGap:l=!0,minGapToken:s="--min-stack-gap",divider:c,flexWrap:d,useFlexGap:h=!0,alignItems:u,justifyContent:m,sx:p={},className:x="",...f}){const g=void 0!==i?i:n,b=l&&gv(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:o,spacing:h?void 0:v,gap:h?v:void 0,divider:c,flexWrap:d,useFlexGap:h,alignItems:u,justifyContent:m,className:"omni-stack"+(b?" omni-stack-min-gap-enforced":"")+(x?" "+x:""),sx:{...f["data-surface"]||f["data-theme"]?{background:"var(--Background)"}:{},boxSizing:"border-box",...b?{"&::before":{display:"none"}}:{},...p},"data-min-gap-enforced":b?"true":void 0,...f,children:r})}const vv=e=>t.jsx(bv,{direction:"row",alignItems:"center",...e}),yv=e=>t.jsx(bv,{direction:"column",...e}),jv=e=>t.jsx(bv,{direction:"row",flexWrap:"wrap",...e}),Sv=bv,zv=jv,wv={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 Bv({color:e="default",brand:a,address:r,columns:i=[],socialLinks:n=[],copyright:o=!0,children:l,subscribe:s,copyrightName:c,copyrightYear:d,className:h,style:u,...m}){const p=i.slice(0,3),x=wv[e]||wv.default,f=x.theme?{"data-theme":x.theme,"data-surface":x.surface||"Surface"}:{},g=x.theme?{background:"var(--Background)",color:"var(--Text)"}:{background:x.bg,color:x.fg};return t.jsxs("footer",{...f,className:["dino-footer",h].filter(Boolean).join(" "),style:{...g,...u},...m,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(kv,{address:r}),p.map((e,a)=>t.jsx(Cv,{...e},a))]})}),(n.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:[n.length>0&&t.jsx(Tv,{links:n}),s&&t.jsx(Mv,{...s})]})]}),o&&t.jsx(hv,{color:e,companyName:c,year:d})]})}function kv({address:e}){if(!e)return t.jsx("div",{});const{company:a,lines:r=[],email:i,phone:n}=e,o=[...a?[a]:[],...r,...n?[n]:[]];return t.jsxs("div",{children:[o.map((e,a)=>t.jsx(rt,{style:{color:"inherit",opacity:.85,display:"block"},children:e},a)),i&&t.jsx("div",{style:{marginTop:12},children:t.jsx(rt,{style:{color:"inherit",opacity:.85,display:"block"},children:t.jsx(qt,{href:"mailto:"+i,color:"standard",style:{color:"inherit"},children:i})})})]})}function Cv({title:e,links:a=[]}){return t.jsxs(yv,{gap:"var(--Sizing-1)",children:[e&&t.jsx(Ja,{style:{color:"inherit"},children:e}),t.jsx(yv,{component:"ul",gap:"var(--Sizing-1)",sx:{listStyle:"none",m:0,p:0},children:a.map((e,a)=>t.jsx("li",{children:t.jsx(qt,{href:e.href,onClick:e.onClick,color:"standard",style:{color:"inherit",opacity:.85},children:e.label})},a))})]})}function Tv({links:e}){return t.jsx(vv,{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(cp,{name:e.brand,size:"24px"}):e.icon},a)})})}function Mv({title:a="Stay in the loop",description:r,placeholder:i="your@email.com",buttonLabel:n="Subscribe",onSubscribe:o}){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(o?.(l)),s("")}finally{d(!1)}}},style:{minWidth:260,maxWidth:360,flex:"1 1 260px"},children:[t.jsx(Ja,{style:{color:"inherit",marginBottom:6},children:a}),r&&t.jsx(rt,{style:{color:"inherit",opacity:.85,marginBottom:12,display:"block"},children:r}),t.jsxs("div",{style:{display:"flex",gap:8},children:[t.jsx(ib,{type:"email",value:l,onChange:e=>s(e.target.value),placeholder:i,size:"small",fullWidth:!0,"aria-label":"Email address"}),t.jsx(Rx,{type:"submit",size:"small",disabled:c||!l,children:n})]})]})}const Av={company:"DinoDesign",lines:["123 Market Street","San Francisco, CA 94103"],email:"hello@dinodesign.dev",phone:"+1 (555) 010-0000"},Lv=[{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:"#"}]}],Iv=[{icon:t.jsx(ke,{fontSize:"small"}),url:"https://twitter.com",label:"Twitter"},{icon:t.jsx(Ce,{fontSize:"small"}),url:"https://github.com",label:"GitHub"},{icon:t.jsx(Te,{fontSize:"small"}),url:"https://linkedin.com",label:"LinkedIn"}],Nv=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"primary-dark",label:"Primary Dark"},{value:"white",label:"White"},{value:"black",label:"Black"}];function Rv({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const Fv={none:void 0,small:"var(--Sm-Card-Radius, var(--Card-Radius))",medium:"var(--Card-Radius)",large:"var(--Lg-Card-Radius, var(--Card-Radius))"};function Dv({children:e,theme:r,surface:i,radius:n="none",elevation:o=0,component:l="div",className:s="",sx:c={},style:d,...h}){const u=Math.max(0,Math.min(5,0|o)),m=Fv[n];if(!u)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",...m?{borderRadius:m}:{},...c},style:d,...h,children:e});const p=d||{},{width:x,height:f,minWidth:g,minHeight:b,maxWidth:v,maxHeight:y,borderRadius:j,margin:S,marginTop:z,marginRight:w,marginBottom:B,marginLeft:k,...C}=p,T={width:x,height:f,minWidth:g,minHeight:b,maxWidth:v,maxHeight:y,borderRadius:j,margin:S,marginTop:z,marginRight:w,marginBottom:B,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":u,sx:{boxShadow:Sp[u],boxSizing:"border-box",width:M,height:A,borderRadius:void 0!==L?L:m},style:T,...h,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 Wv=["Surface","Surface-Dim","Surface-Bright","Container","Container-Low","Container-Lowest","Container-High"],Pv=["Default","Primary","Primary","Secondary","Secondary","Tertiary","Tertiary","Neutral","Neutral","Info","Success","Warning","Error"];function Hv({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const Ov={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Ev={small:{height:"4px",borderRadius:"2px"},medium:{height:"6px",borderRadius:"3px"},large:{height:"8px",borderRadius:"4px"}};function Vv({value:e,color:r="primary",size:i="medium",className:n="",sx:o={},...l}){const s=Ov[r]||"Primary",c=Ev[i]||Ev.medium,d=null!=e,h=d?Math.min(100,Math.max(0,e)):0,u="var(--Buttons-"+s+"-Border)";return t.jsx(a.Box,{role:"progressbar","aria-valuenow":d?Math.round(h):void 0,"aria-valuemin":d?0:void 0,"aria-valuemax":d?100:void 0,"aria-label":d?Math.round(h)+"% progress":"Loading",className:"linear-progress linear-progress-"+i+" linear-progress-"+r+(d?" linear-progress-determinate":" linear-progress-indeterminate")+" "+n,sx:{position:"relative",width:"100%",height:c.height,borderRadius:c.borderRadius,backgroundColor:"var(--Border-Variant)",overflow:"hidden",flexShrink:0,...o},...l,children:t.jsx(a.Box,{className:"linear-progress-bar",sx:{position:"absolute",top:0,left:0,height:"100%",borderRadius:"inherit",backgroundColor:u,...d?{width:h+"%",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 qv=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Gv=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Qv({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Uv({color:e,selected:r,onClick:i}){const o=qv(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const Yv={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",white:"Neutral",black:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Xv={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 Jv({value:r,color:i="primary",size:n="medium",thickness:o,showValue:l=!1,children:s,className:c="",sx:d={},...h}){const u=Yv[i]||"Primary",m="number"==typeof n?{diameter:n,thickness:Math.max(2,Math.round(n/11)),fontSize:Math.max(8,Math.round(n/3.3))+"px"}:Xv[n]||Xv.medium,p=o||m.thickness,x=null!=r,f=x?Math.min(100,Math.max(0,r)):0,g=(m.diameter-p)/2,b=2*Math.PI*g,v=x?b-f/100*b:.75*b,y="var(--Buttons-"+u+"-Border)",j="cp-grad-"+e.useId().replace(/:/g,"");return t.jsxs(a.Box,{role:"progressbar","aria-valuenow":x?Math.round(f):void 0,"aria-valuemin":x?0:void 0,"aria-valuemax":x?100:void 0,"aria-label":x?Math.round(f)+"% progress":"Loading",className:"circular-progress circular-progress-"+n+" circular-progress-"+i+(x?" circular-progress-value":" circular-progress-indeterminate")+" "+c,sx:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",width:m.diameter+"px",height:m.diameter+"px",flexShrink:0,...!x&&{animation:"circular-progress-spin 1.2s linear infinite","@keyframes circular-progress-spin":{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}},...d},...h,children:[t.jsxs("svg",{viewBox:"0 0 "+m.diameter+" "+m.diameter,width:m.diameter,height:m.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:m.diameter/2,cy:m.diameter/2,r:g,fill:"none",stroke:"var(--Border-Variant)",strokeWidth:p,className:"circular-progress-track"}),t.jsx("circle",{cx:m.diameter/2,cy:m.diameter/2,r:g,fill:"none",stroke:"url(#"+j+")",strokeWidth:p,strokeDasharray:b,strokeDashoffset:v,strokeLinecap:"round",className:"circular-progress-indicator",style:{transition:x?"stroke-dashoffset 0.4s ease":"none"}})]}),(l||s)&&x&&t.jsx(a.Box,{className:"circular-progress-label","aria-hidden":"true",sx:{position:"relative",zIndex:1,fontSize:m.fontSize,fontWeight:700,fontFamily:"inherit",lineHeight:1,color:"var(--Text)",userSelect:"none"},children:s||Math.round(f)+"%"})]})}const Zv=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",$v=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Kv({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function _v({color:e,selected:r,onClick:i}){const o=Zv(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const ey=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",ay=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function ty({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function ry({color:e,selected:r,onClick:i}){const o=ey(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const iy={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},ny={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 oy({theme:r,surface:i,value:n,defaultValue:o,onChange:l,max:s=5,precision:c=1,color:d="default",size:h="medium",readOnly:u=!1,disabled:m=!1,emptyLabel:p="No rating",className:x="",sx:f={},...g}){const[b,v]=e.useState(o??null),[y,j]=e.useState(null),S=void 0!==n,w=S?n:b,B=null!==y?y:w,k=.5===c,C=!u&&!m,T=iy[d]||iy.default,M=ny[h]||ny.medium,A="var(--Buttons-"+T+"-Button)",L="var(--Buttons-"+T+"-Border)",I=e=>{if(!C)return;const a=e===w?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}}}:{},F=e=>{const r=e+1,i=e+.5,n=null!==B&&r<=B,o=null!==B&&!n&&k&&i<=B,l=o?Me: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}})(n,o);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":n,"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((w||0)+c,s))),"ArrowLeft"===e.key||"ArrowDown"===e.key)){e.preventDefault();const a=Math.max((w||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:m?"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!==w?": "+w+" of "+s+" stars":": "+p),"data-theme":r||void 0,"data-surface":i||void 0,className:"rating rating-"+d+" rating-"+h+(u?" rating-readonly":"")+(m?" rating-disabled":"")+(null===w?" rating-empty":"")+(x?" "+x:""),sx:{display:"inline-flex",alignItems:"center",gap:M.gap+"px",opacity:m?"var(--Disabled, 0.38)":1,fontFamily:"inherit",...f},...g,children:[Array.from({length:s},(e,a)=>F(a)),null===w&&!y&&t.jsx(ht,{style:{color:"var(--Quiet)",marginLeft:4},children:p})]})}const ly={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 sy({children:r,separator:i="/",size:n="medium",condense:o=!1,maxItems:l=4,itemsBeforeCollapse:s=1,itemsAfterCollapse:c=1,backOnlyMobile:d=!1,onExpand:h,className:u="",sx:m={},...p}){const x=ly[n]||ly.medium,f=e.Children.toArray(r).filter(e.isValidElement),g=f.length,b=o&&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),h?.()},"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 n=b&&!y?r===v.length-1:r===g-1;var o;S.push(t.jsx(a.Box,{component:"li",className:"breadcrumb-item"+(n?" breadcrumb-current":""),sx:{display:"inline-flex",alignItems:"center",...n&&{color:"var(--Text)",fontWeight:"var(--Body-Medium-Semibold-Font-Weight, 600)"},...!n&&{color:"var(--Link, var(--Hotlink))"},maxWidth:"200px","& > *":{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},...n?{"aria-current":"page"}:{},children:e},"crumb-"+r)),r<v.length-1&&S.push((o=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-"+o)))});const z=g>=2?f[g-2]:null;return t.jsxs(a.Box,{component:"nav","aria-label":"Breadcrumb",className:"breadcrumbs breadcrumbs-"+n+" "+u,sx:{fontSize:x.fontSize,fontFamily:"var(--Body-Font-Family)",lineHeight:1.5,...m},...p,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:x.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 cy({children:e,href:r,className:i="",sx:n={},...o}){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"}},...n},...o,children:e})}const dy=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"";function hy({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const uy={small:{btnSize:"small",fontSize:"13px",gap:"2px"},medium:{btnSize:"medium",fontSize:"14px",gap:"4px"},large:{btnSize:"large",fontSize:"16px",gap:"4px"}};function my({theme:r,surface:i,count:n=10,page:o,defaultPage:l=1,onChange:s,color:c="default",size:d="medium",siblingCount:h=1,boundaryCount:u=1,disabled:m=!1,showFirstButton:p=!1,showLastButton:x=!1,className:f="",sx:g={},...b}){const[v,y]=e.useState(l),j=void 0!==o,S=j?o:v;(e=>{e.charAt(0).toUpperCase(),e.slice(1)})("default"===c?"Default":c);const z=uy[d]||uy.medium,w=e.useCallback(e=>{const a=Math.max(1,Math.min(n,e));j||y(a),s?.(a)},[n,j,s]),B=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 n=Math.max(a-t,r+1),o=Math.min(a+t,e-r),l=n>r+2,s=o<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(n,o),"ellipsis-right",...i(e-r+1,e)]:i(1,e)}({count:n,page:S,siblingCount:h,boundaryCount:u}),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:[p&&t.jsx(a.Box,{component:"li",children:t.jsx(Rx,{iconOnly:!0,variant:k+"-outline",size:z.btnSize,disabled:m||1===S,onClick:()=>w(1),"aria-label":"Go to first page",children:t.jsx(up,{size:"small",children:t.jsx(Ie,{})})})}),t.jsx(a.Box,{component:"li",children:t.jsx(Rx,{iconOnly:!0,variant:k+"-outline",size:z.btnSize,disabled:m||1===S,onClick:()=>w(S-1),"aria-label":"Go to previous page",children:t.jsx(up,{size:"small",children:t.jsx(Ae,{})})})}),B.map((e,r)=>{if("string"==typeof e)return t.jsx(a.Box,{component:"li",children:t.jsx(ht,{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(Rx,{variant:k+"-outline",selected:i,size:z.btnSize,disabled:m,onClick:()=>w(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(Rx,{iconOnly:!0,variant:k+"-outline",size:z.btnSize,disabled:m||S===n,onClick:()=>w(S+1),"aria-label":"Go to next page",children:t.jsx(up,{size:"small",children:t.jsx(Le,{})})})}),x&&t.jsx(a.Box,{component:"li",children:t.jsx(Rx,{iconOnly:!0,variant:k+"-outline",size:z.btnSize,disabled:m||S===n,onClick:()=>w(n),"aria-label":"Go to last page",children:t.jsx(up,{size:"small",children:t.jsx(Ne,{})})})})]})})}const py=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",xy=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]},{label:"Buttons only",colors:["black-white"]}];function fy({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function gy({color:e,selected:r,onClick:i}){const o=py(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const by=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",vy=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],yy=[{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function jy({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Sy({color:e,selected:r,onClick:i}){const o=by(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}let zy=!1;let wy=!1;const By=new Set;function ky({variant:r="outlined",color:i="default",size:n="medium",disabled:o=!1,orientation:l="horizontal",separated:s=!0,spacing:c,fit:d,fullWidth:h=!1,equalWidth:u=!1,multiple:m=!1,allowEmpty:p=!0,__selectionOwner:x=!1,value:f,defaultValue:g,onChange:b,children:v,className:y="",sx:j={},"aria-label":S,...z}){const w=void 0!==f||void 0!==g||void 0!==b||m;!x&&w&&(wy||"production"===process.env.NODE_ENV||(wy=!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 B=x||w;x||!1!==s||(zy||"production"===process.env.NODE_ENV||(zy=!0,console.warn("[OmniDesign] ButtonGroup is separated — a row of actions, spaced — and cannot be joined, so `separated={false}` is ignored. Joining makes the row read as one control with one segment chosen, 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>.")),s=!0);const[k,C]=e.useState(g??(m?[]:null)),T=void 0!==f,M=T?f:k,A=m?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,F="ghost"===r,D=d??(h?"fill":u?"equal":"hug"),W="fill"===D,P="equal"===D&&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)",G="var(--Buttons-"+H+"-Outline-Quiet)",Q="var(--Buttons-"+H+"-Outline-Text)",U="default"===i?void 0:H,Y=e.Children.toArray(v).filter(Boolean),X=Y.length,J=(e,a)=>t=>{const r=m?A.includes(e)?A.filter(a=>a!==e):[...A,e]:e;!m||p||0!==r.length?(T||C(r),b?.(r,t),a?.(t)):a?.(t)},Z=Y.map((r,l)=>{if(!e.isValidElement(r))return r;const c=0===l,d=l===X-1,h=r.props.value??l,u=(p=h,m?A.includes(p):M===p);var p;let x,f;if(N&&X>1){const e=L?"var(--Button-Radius)":"var(--Vertical-Button-Radius)";x=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&&X>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&&X>1?{borderRadius:x,...!c&&(L?{marginLeft:"calc(-1 * var(--Button-Border-Width))"}:{marginTop:"calc(-1 * var(--Button-Border-Width))"}),position:"relative","&:hover, &:focus-visible":{zIndex:1}}:{},b=F?{backgroundColor:"var(--Background) !important",borderColor:E+" !important"}:{backgroundColor:V+" !important",borderColor:E+" !important"},v=F?Q:q,y=v,j=u?{...b,color:v+" !important","&:hover, &:active, &.Mui-focusVisible, &:focus-visible":{...b,color:y+" !important"}}:{},S={...W&&L&&{flex:"1 1 0",minWidth:0},...g,transform:"none !important","&:hover, &:active, &:focus-visible":{transform:"none !important"},...j,...u?{}:{color:G,backgroundColor:"transparent","&:hover":{backgroundColor:"var(--Hover)",color:Q,zIndex:1},"&:active":{backgroundColor:"var(--Pressed)",color:Q},"&.Mui-focusVisible, &:focus-visible":{color:Q}},...F&&!u?{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)By.has(e)||(By.add(e),console.warn("[ButtonGroup] "+e+"."))}(r.props,s);const z=e.cloneElement(r,{variant:r.props.variant??(B?F?u?i+"-outline":"ghost":u?i:i+"-outline":F?"ghost":i),size:r.props.size??n,disabled:r.props.disabled??o,onClick:J(h,r.props.onClick),...B?{"aria-pressed":u}:{},sx:S});return R&&!u?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:S?"group":void 0,"aria-label":S,className:"btn-group btn-group-"+r+" btn-group-"+i+" "+y,sx:{...P?{display:W?"grid":"inline-grid",gridAutoFlow:"column",gridAutoColumns:"1fr",justifyItems:"stretch",alignItems:"stretch",width:W?"100%":"fit-content"}:{display:W?"flex":"inline-flex",flexDirection:L?"row":"column",alignItems:"stretch",width:W?"100%":"auto"},gap:N?0:I,border:"none",borderRadius:"var(--Style-Border-Radius)",...j},...z,children:Z})}const Cy={small:{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:"xxs"},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:"xs"},large:{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"}},Ty=e.createContext({variant:"solid",color:"default",size:"medium",spacing:0}),My=e.createContext({expanded:!1,toggle:()=>{},disabled:!1,accordionId:""}),Ay="var(--Accordion-Radius, var(--Button-Radius))";function Ly({children:r,expanded:i,defaultExpanded:n=!1,onChange:o,disabled:l=!1,className:s="",sx:c={},...d}){const[h,u]=e.useState(n),m=void 0!==i,p=m?i:h,{dataTheme:x,dataSurface:f}=e.useContext(Ty),[g]=e.useState(()=>"accordion-"+Math.random().toString(36).substring(2,9));return t.jsx(My.Provider,{value:{expanded:p,toggle:()=>{if(l)return;const e=!p;m||u(e),o?.(e)},disabled:l,accordionId:g},children:t.jsx(a.Box,{className:"accordion-segment accordion"+(p?" accordion-expanded":"")+(l?" accordion-disabled":"")+" "+s,"data-theme":x,"data-surface":f,sx:{position:"relative",borderRadius:Ay,"&::after":{content:'""',position:"absolute",inset:0,border:"1px solid var(--Border)",borderRadius:"inherit",pointerEvents:"none",zIndex:1},"&:not(.accordion-disabled):has(> .accordion-summary:hover)":{backgroundColor:"var(--Hover)"},"&:not(.accordion-disabled):has(> .accordion-summary:active)":{backgroundColor:"var(--Pressed)"},"&:has(> .accordion-summary:focus-visible)":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"1px",zIndex:2},backgroundColor:"var(--Background)",overflow:"hidden",boxShadow:gp,opacity:l?"var(--Disabled, 0.38)":1,...c},...d,children:r})})}const Iy={small:it,medium:ot,large:dt},Ny={small:rt,medium:nt,large:ct};function Ry({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"primary":"primary-outline",size:"small",onClick:r,children:e})}function Fy({code:e}){return t.jsx(Ff,{code:e,language:"JSX",wrap:!0,sx:{mt:1}})}function Dy({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(p,{sx:{fontSize:14}}):t.jsx(x,{sx:{fontSize:14}}),e?"WCAG Pass":"WCAG Fail"]})}function Wy({leftLabel:e,rightLabel:r,leftContent:i,rightContent:n,leftCode:o,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(rt,{style:{fontWeight:600},children:e}),t.jsx(Dy,{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(Fy,{code:o})]})}),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(rt,{style:{fontWeight:600},children:r}),t.jsx(Dy,{passes:c})]}),t.jsx(a.Box,{sx:{p:2,backgroundColor:"var(--Surface-Dim, var(--Surface))",borderRadius:"var(--Style-Border-Radius)",minHeight:80},children:n}),t.jsx(Fy,{code:l})]})})]})}function Py(){const[r,i]=e.useState("column"),[n,o]=e.useState(.5),[l,s]=e.useState("small"),[c,d]=e.useState(!0),[h,u]=e.useState(!1),[m,p]=e.useState("Default"),[f,g]=e.useState("Surface"),b={small:{label:"Small links ⚡",content:t.jsxs(t.Fragment,{children:[t.jsx(qt,{href:"#",size:"small",children:"Terms of Service"}),t.jsx(qt,{href:"#",size:"small",children:"Privacy Policy"}),t.jsx(qt,{href:"#",size:"small",children:"Cookie Settings"})]})},chips:{label:"Chips ⚡",content:t.jsxs(t.Fragment,{children:[t.jsx(Qx,{label:"React",size:"small"}),t.jsx(Qx,{label:"TypeScript",size:"small"}),t.jsx(Qx,{label:"Design System",size:"small"})]})},normal:{label:"Normal buttons",content:t.jsxs(t.Fragment,{children:[t.jsx(Rx,{variant:"primary",size:"medium",children:"Primary"}),t.jsx(Rx,{variant:"secondary",size:"medium",children:"Secondary"})]})},mixed:{label:"Mixed ⚡",content:t.jsxs(t.Fragment,{children:[t.jsx(Rx,{variant:"primary",size:"medium",children:"Save changes"}),t.jsx(qt,{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(Kf,{theme:m,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(x,{sx:{fontSize:16}}),"Small child detected — gap raised to var(--min-stack-gap)"]}),t.jsx(bv,{direction:r,gap:n,enforceMinGap:c,flexWrap:h?"wrap":void 0,children:b[l].content})]})}),t.jsx(Fy,{code:(()=>{const e=["<OmniStack"];return"column"!==r&&e.push('  direction="'+r+'"'),e.push("  gap={"+n+"}"),c||e.push("  enforceMinGap={false}"),h&&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(ft,{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(Ry,{label:a,selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{children:[t.jsx(ft,{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(Ry,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["GAP — ",n," 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:n,onChange:e=>o(Number(e.target.value)),sx:{flex:1,accentColor:"var(--Primary-Color-10)"}}),t.jsx(ht,{style:{color:"var(--Text)",minWidth:24,textAlign:"right"},children:n})]})]}),t.jsxs(a.Box,{children:[t.jsx(ft,{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(rt,{children:"Enforce min gap"}),t.jsx(ht,{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(Zf,{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(rt,{children:"Flex wrap"}),t.jsx(Zf,{checked:h,onChange:e=>u(e.target.checked),size:"small"})]})]})]})]})})]})}const Hy=["primary","secondary","tertiary","neutral","info","success","warning","error"],Oy=["small","medium","large"],Ey=({label:e,emphasis:a=!1,width:r,children:i})=>t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{alignItems:"center",width:r,textAlign:"center"},children:[t.jsx("div",{children:i}),t.jsx(ht,{color:a?"standard":"quiet",children:e})]}),Vy=({values:e,render:a,defaultValue:r,width:i})=>{const n=e.filter(e=>e!==r),o=e=>t.jsx(Ey,{label:String(e),emphasis:e===r,width:i,children:a(e)},String(e));return t.jsxs(vv,{gap:"var(--Sizing-2)",style:{alignItems:"flex-end",flexWrap:"wrap"},children:[void 0!==r?o(r):null,void 0!==r&&n.length?t.jsx(Jg,{orientation:"vertical",style:{alignSelf:"stretch"}}):null,n.map(o)]})},qy=({values:e,render:a,defaultValue:r,width:i="100%"})=>{const n=void 0!==r?[r,...e.filter(e=>e!==r)]:e;return t.jsx(yv,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:420},children:n.map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{width:i},children:[t.jsx(ht,{color:e===r?"standard":"quiet",children:String(e)}),a(e)]},String(e)))})},Gy=({render:e,offLabel:a="false",onLabel:r="true",width:i})=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Ey,{label:a,emphasis:!0,width:i,children:e(!1)}),t.jsx(Ey,{label:r,width:i,children:e(!0)})]}),Qy=180,Uy=(e,a=180)=>t.jsx("div",{style:{width:a},children:e}),Yy={variant:()=>t.jsx(Vy,{values:["default",...Hy],defaultValue:"default",width:Qy,render:e=>Uy(t.jsx(pb,{variant:e,defaultValue:60,"aria-label":e}))}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",width:Qy,render:e=>Uy(t.jsx(pb,{size:e,defaultValue:60,"aria-label":e}))}),"value / defaultValue":()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"a number — one thumb"}),Uy(t.jsx(pb,{defaultValue:60,"aria-label":"single"}))]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"an array — two thumbs, a range"}),Uy(t.jsx(pb,{defaultValue:[25,75],getAriaLabel:()=>"range"}))]})]}),fill:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsx(ht,{color:"standard",children:"one thumb — Figma: single / single-inverted"}),t.jsxs(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"standard",emphasis:!0,width:Qy,children:Uy(t.jsx(pb,{defaultValue:60,"aria-label":"standard"}))}),t.jsx(Ey,{label:"inverted",width:Qy,children:Uy(t.jsx(pb,{defaultValue:60,fill:"inverted","aria-label":"inverted"}))}),t.jsx(Ey,{label:"false — no fill",width:Qy,children:Uy(t.jsx(pb,{defaultValue:60,fill:!1,"aria-label":"no fill"}))})]})]}),t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsx(ht,{color:"quiet",children:"two thumbs — Figma: double / double-inverted"}),t.jsxs(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"standard — fills between",width:Qy,children:Uy(t.jsx(pb,{defaultValue:[25,75],getAriaLabel:()=>"between"}))}),t.jsx(Ey,{label:"inverted — fills outside",width:Qy,children:Uy(t.jsx(pb,{defaultValue:[25,75],fill:"inverted",getAriaLabel:()=>"outside"}))})]})]})]}),orientation:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Ey,{label:"horizontal",emphasis:!0,width:Qy,children:Uy(t.jsx(pb,{defaultValue:60,"aria-label":"horizontal"}))}),t.jsx(Ey,{label:"vertical",width:60,children:t.jsx("div",{style:{height:160},children:t.jsx(pb,{orientation:"vertical",defaultValue:60,"aria-label":"vertical"})})}),t.jsx(Ey,{label:"vertical range",width:60,children:t.jsx("div",{style:{height:160},children:t.jsx(pb,{orientation:"vertical",defaultValue:[25,75],getAriaLabel:()=>"vertical range"})})}),t.jsx(Ey,{label:"vertical, inverted",width:60,children:t.jsx("div",{style:{height:160},children:t.jsx(pb,{orientation:"vertical",fill:"inverted",defaultValue:60,"aria-label":"vertical inverted"})})})]}),marks:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:420},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false — no marks"}),Uy(t.jsx(pb,{defaultValue:60,"aria-label":"none"}))]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — a dot at every step"}),Uy(t.jsx(pb,{defaultValue:60,step:10,marks:!0,"aria-label":"every step"}))]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"an array — dots where you say, with labels"}),Uy(t.jsx(pb,{defaultValue:60,marks:[{value:0,label:"0"},{value:50,label:"50"},{value:100,label:"100"}],"aria-label":"labelled marks"}),260)]})]}),step:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:420},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"1 — every whole number"}),Uy(t.jsx(pb,{defaultValue:60,"aria-label":"step 1"}))]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"25 — a fixed increment"}),Uy(t.jsx(pb,{defaultValue:50,step:25,marks:!0,"aria-label":"step 25"}))]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"null — restricted to the marks, which need not be even"}),Uy(t.jsx(pb,{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(Vy,{values:["off","auto","on"],defaultValue:"off",width:Qy,render:e=>Uy(t.jsx(pb,{valueLabelDisplay:e,defaultValue:60,"aria-label":e}))}),label:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:420},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"with a visible label"}),Uy(t.jsx(pb,{label:"Volume",defaultValue:60}))]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"without one it needs aria-label"}),Uy(t.jsx(pb,{defaultValue:60,"aria-label":"Volume"}))]}),t.jsx(rt,{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(Gy,{width:Qy,offLabel:"enabled",onLabel:"disabled",render:e=>Uy(t.jsx(pb,{disabled:e,defaultValue:60,"aria-label":"x"}))})},Xy={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 Jy({value:r,defaultValue:i="",onChange:n,onFocus:o,onBlur:l,onClear:s,onSubmit:c,placeholder:d="Search…",size:h="medium",color:u="default",showClearButton:m=!0,disabled:p=!1,ariaLabel:x="Search",className:f="",sx:g={},...b}){const[v,y]=e.useState(i),[j,z]=e.useState(!1),w=e.useRef(null),B=void 0!==r,k=B?r:v,C=k.length>0,T=j||C,M=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===u?"primary":u),A="var(--Buttons-"+M+"-Border)",L="default"===u?"var(--Text)":"var(--Text-"+M+")",I=Xy[h]||Xy.medium,N=()=>{B||y(""),n?.(""),s?.(),w.current?.focus()};return t.jsx(a.Box,{className:"search-field search-field-"+h+(j?" search-field-focused":"")+(C?" search-field-filled":"")+(p?" 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"===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",opacity:p?"var(--Disabled, 0.38)":1,transition:"border-color 0.15s ease, box-shadow 0.15s ease",boxShadow:"none",width:"100%",...!p&&{"&:hover":{borderColor:"var(--Buttons-"+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(up,{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:w,type:"text",role:"searchbox","aria-label":x,value:k,onChange:e=>{const a=e.target.value;B||y(a),n?.(a,e)},onFocus:e=>{z(!0),o?.(e)},onBlur:e=>{z(!1),l?.(e)},onKeyDown:e=>{"Enter"===e.key&&c?.(k,e),"Escape"===e.key&&C&&N()},placeholder:d,disabled:p,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"}}}),m&&C&&!p&&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(up,{size:"small",children:t.jsx(We,{})})})]})})})}const Zy=e.createContext(null),$y=["Default","Primary","Secondary","Tertiary","Neutral","Info","Success","Warning","Error","App-Bar","Nav-Bar","Status"],Ky=["Professional","Modern","Bold","Playful"],_y=["Surface-Dimmest","Surface-Dim","Surface","Surface-Bright","Surface-Brightest","Container","Container-Low","Container-Lowest","Container-High","Container-Highest"],ej={"light-tonal":{theme:"Primary",rootSurface:"Surface-Brightest"},"grey-professional":{theme:"Neutral",rootSurface:"Surface"},"dark-professional":{theme:"Neutral",rootSurface:"Surface-Dimmest"}},aj="omni-foundation",tj="omni-core",rj="omni-typography",ij="omni-mode",nj="omni-base",oj="omni-styles";function lj(e){document.getElementById(e)?.remove()}function sj(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 n=document.createElement("link");n.id=e,n.rel="stylesheet",n.setAttribute("data-omni","true"),n.onload=()=>r(n),n.onerror=()=>i(new Error(`OmniDesignProvider: failed to load ${a}`)),n.href=a;const o=t?document.getElementById(t):null;o?document.head.insertBefore(n,o):document.head.appendChild(n)})}(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 n=t?document.getElementById(t):null;return n?document.head.insertBefore(i,n):document.head.appendChild(i),Promise.resolve(i)}(e,a,t):Promise.resolve(null)}function cj(){const a=e.useContext(Zy);if(!a)throw new Error("useOmniDesign must be used inside a <OmniDesignProvider>");return a}const dj={small:{width:"240px",height:"200px"},medium:{width:"320px",height:"280px"},large:{width:"420px",height:"380px"}},hj={left:{borderRight:"1px solid var(--Border)"},right:{borderLeft:"1px solid var(--Border)"},top:{borderBottom:"1px solid var(--Border)"},bottom:{borderTop:"1px solid var(--Border)"}},uj={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}},mj={left:"translateX(-100%)",right:"translateX(100%)",top:"translateY(-100%)",bottom:"translateY(100%)"};function pj({children:r,open:i=!1,onClose:n,size:o="medium",anchor:l="left",hideBackdrop:s=!1,className:c="",sx:d={},...h}){const u=e.useRef(null),m=e.useRef(null),p="left"===l||"right"===l;let x;try{x=cj()}catch{x=null}const f=x?.theme||"Default",g=x?.style||"Modern",b=dj[o]||dj.medium;e.useEffect(()=>{if(!i)return;const e=e=>{"Escape"===e.key&&n?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i,n]),e.useEffect(()=>{i?(m.current=document.activeElement,requestAnimationFrame(()=>{const e=u.current?.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');e?e.focus():u.current?.focus()})):m.current&&(m.current.focus(),m.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||!u.current)return;const a=u.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:()=>n?.(),"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:u,role:"dialog","aria-modal":"true",tabIndex:-1,"data-theme":f,"data-style":g,"data-surface":"Surface-Dim",onKeyDown:v,className:"drawer drawer-"+o+" drawer-"+l+" "+c,sx:{position:"fixed",zIndex:10000001,...uj[l],...p?{width:b.width,height:"100%"}:{height:b.height,width:"100%"},backgroundColor:"var(--Background)",color:"var(--Text)",...hj[l],boxShadow:vp,display:"flex",flexDirection:"column",outline:"none",overflow:"hidden",animation:"drawer-slide-in 0.3s ease forwards","@keyframes drawer-slide-in":{from:{transform:mj[l]},to:{transform:"translate(0, 0)"}},...d},...h,children:r})]}):null}function xj({onClick:e,className:r="",sx:i={},...n}){return t.jsx(a.Box,{sx:{position:"absolute",top:"12px",right:"12px",zIndex:1,...i},className:r,...n,children:t.jsx(Rx,{iconOnly:!0,variant:"ghost",size:"small",onClick:e,"aria-label":"Close drawer",children:t.jsx(up,{size:"small",children:t.jsx(We,{})})})})}function fj({children:e,className:r="",sx:i={},...n}){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},...n,children:e})}function gj({children:e,className:r="",sx:i={},...n}){return t.jsx(a.Box,{className:"drawer-content "+r,sx:{flex:1,overflowY:"auto",padding:"16px",...i},...n,children:e})}const bj={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 vj({children:e,onClick:a,ariaLabel:r}){return t.jsx(Rx,{iconOnly:!0,variant:"ghost",size:"medium",onClick:a,"aria-label":r,children:e})}function yj({barColor:r="default",surface:i="Surface",loginType:n="login",menuType:o="hamburger",brandType:l="name",searchPosition:s="right",companyName:c="Company",navLinks:d=["Home","Products","About"],rightButtons:h=[],showRightButtons:u=!1,onMenuClick:m,user:p,onLogin:x,onSignOut:f,brand:g,onBrandClick:b,centerSlot:v,endSlot:y,searchValue:j,onSearchChange:S,searchPlaceholder:z="Search...",children:w,className:B="",sx:k={}}){const[C,T]=e.useState(!1),M=bj[r]||bj.default,A=M.theme,L=M.surface||i,I="expanded"===o&&d.length>3?"hamburger":o,N=t.jsx(Jy,{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+(B?" "+B:""),sx:{display:"flex",alignItems:"center",height:64,px:2,gap:2,backgroundColor:"var(--Background)",color:"var(--Text)",boxShadow:bp,fontFamily:"inherit",...k},children:w||t.jsxs(t.Fragment,{children:["hamburger"===I&&t.jsx(vj,{ariaLabel:"Open navigation menu",onClick:m||(()=>T(!0)),children:t.jsx(Re,{sx:{fontSize:"inherit"}})}),void 0!==g?b?t.jsx(Xa,{component:"button",type:"button",width:"hug",onClick:b,sx:{background:"transparent",border:"none",padding:0,cursor:"pointer",whiteSpace:"nowrap",flexShrink:0},children:g}):t.jsx(Xa,{component:"span",width:"hug",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(Xa,{component:"span",width:"hug",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(rf,{defaultValue:0,variant:"standard",color:"default",sx:{ml:2,minHeight:0},children:t.jsx(nf,{"aria-label":"Main navigation",children:d.map(e=>t.jsx(of,{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:[u&&h.length>0&&t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",gap:.5},children:h.map((a,r)=>a.raw?t.jsx(e.Fragment,{children:a.icon},r):t.jsx(vj,{ariaLabel:a.label||"Action "+(r+1),children:a.icon},r))}),p?t.jsx(Rx,{variant:"ghost",size:"small",onClick:f,"aria-label":"Sign out",startIcon:p.photoURL?t.jsx(a.Box,{component:"img",src:p.photoURL,alt:"",sx:{width:24,height:24,borderRadius:"50%"}}):t.jsx(De,{sx:{fontSize:24}}),children:p.displayName?.split(" ")[0]||"Account"}):x?t.jsx(Rx,{variant:"default-outline",size:"small",onClick:x,children:"Login"}):"avatar"===n?t.jsx(Rx,{iconOnly:!0,variant:"ghost",size:"medium","aria-label":"Account",children:t.jsx(De,{sx:{fontSize:28}})}):null]})]})}),t.jsx(pj,{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(Rx,{variant:"ghost",size:"medium",onClick:()=>T(!1),sx:{justifyContent:"flex-start",width:"100%"},children:e},e))})})]})}function jj({mobileVariant:r="search",barColor:i="default",surface:n="Surface",title:o="Page Title",subtitle:l="Subtitle text",actionIcon:s,companyName:c="Company",navLinks:d=["Home","Products","About"],className:h="",sx:u={}}){const[m,p]=e.useState(!1),x=bj[i]||bj.default,f=x.theme,g=x.surface||n,b={backgroundColor:"var(--Background)",color:"var(--Text)",boxShadow:bp,fontFamily:"inherit",width:"100%",maxWidth:420,...u},v={"data-theme":f,"data-surface":g},y=t.jsx(pj,{open:m,onClose:()=>p(!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(Rx,{variant:"ghost",size:"medium",onClick:()=>p(!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+" "+h,...v,sx:{...b,display:"flex",alignItems:"center",height:64,px:1.5,gap:1.5},children:[t.jsx(vj,{ariaLabel:"Open navigation menu",onClick:()=>p(!0),children:t.jsx(Re,{sx:{fontSize:"inherit"}})}),t.jsx(Jy,{placeholder:"Search "+c,size:"small",sx:{flex:1,minWidth:0}}),t.jsx(Rx,{iconOnly:!0,variant:"ghost",size:"medium","aria-label":"Account",children:t.jsx(De,{sx:{fontSize:28}})})]}),y]}):"small"===r?t.jsxs(a.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-small appbar-"+i+" "+h,...v,sx:{...b,display:"flex",alignItems:"center",height:64,px:1.5,gap:1},children:[t.jsx(vj,{ariaLabel:"Back",children:t.jsx(Fe,{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:o}),l&&t.jsx(a.Box,{sx:{fontSize:"12px",opacity:.7,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:l})]}),s&&t.jsx(vj,{ariaLabel:"Action",children:s})]}):"medium"===r?t.jsxs(a.Box,{component:"header",role:"banner",className:"appbar appbar-mobile appbar-mobile-medium appbar-"+i+" "+h,...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(vj,{ariaLabel:"Back",children:t.jsx(Fe,{sx:{fontSize:"inherit"}})}),t.jsx(a.Box,{sx:{flex:1}}),s&&t.jsx(vj,{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:o}),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+" "+h,...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(vj,{ariaLabel:"Back",children:t.jsx(Fe,{sx:{fontSize:"inherit"}})}),t.jsx(a.Box,{sx:{flex:1}}),s&&t.jsx(vj,{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:o}),l&&t.jsx(a.Box,{sx:{fontSize:"14px",opacity:.7,mt:.5},children:l})]})]})}function Sj({mode:e="desktop",...a}){return"mobile"===e?t.jsx(jj,{...a}):t.jsx(yj,{...a})}const zj=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",wj=["default","primary","primary-light","white","black"],Bj=["Surface","Surface-Bright","Surface-Dim","Surface-Dimmest"],kj={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 Cj({ratio:e,threshold:r}){if(!e)return t.jsx(ht,{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(ht,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function Tj({label:e,ratio:r,threshold:i,note:n}){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(rt,{style:{color:"var(--Text)"},children:e}),n&&t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),t.jsx(Cj,{ratio:r,threshold:i})]})}function Mj({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Aj({color:e,selected:r,onClick:i}){const o=kj[e]||kj.default;return t.jsx(a.Box,{component:"button","data-theme":o.theme,"data-surface":o.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(n,{sx:{fontSize:16,color:"var(--Text)",pointerEvents:"none"}})})}const Lj={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}},Ij={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 Nj({options:r=[],value:o,defaultValue:l=null,onChange:s,inputValue:c,onInputChange:d,label:h,labelPosition:u="top",placeholder:m="Type to search",helperText:p,size:x="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:w=!1,className:B="",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),[F,D]=e.useState(l?"string"==typeof l?l:l.label||"":""),[W,P]=e.useState(!1),[H,O]=e.useState(!1),[E,V]=e.useState(-1),q=e.useRef(null),G=e.useRef(null),Q=void 0!==o,U=void 0!==c,Y=Q?o:N,X=U?c:F,J="floating"===u,Z="top"===u,$=""!==X,K=J?Ij[x]||Ij.medium:Lj[x]||Lj.medium,_=X?r.filter(e=>("string"==typeof e?e:e.label).toLowerCase().includes(X.toLowerCase())):r,ee=e.useCallback(e=>{U||D(e),d?.(e)},[U,d]),ae=e.useCallback(e=>{const a="string"==typeof e?e:e.label;Q||R(e),ee(a),s?.(e),P(!1),V(-1),G.current?.focus()},[Q,s,ee]);e.useEffect(()=>{if(!W)return;const e=e=>{q.current&&!q.current.contains(e.target)&&P(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[W]);return t.jsxs(a.Box,{ref:q,className:"autocomplete autocomplete-"+x+" autocomplete-variant-"+A+(W?" autocomplete-open":"")+(z?" autocomplete-disabled":"")+(B?" "+B:""),sx:{position:"relative",width:w?"100%":"auto",display:"inline-block",fontFamily:"inherit",...k},...C,children:[Z&&h&&(()=>{const e="small"===x?rt:nt;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:h})})(),t.jsx(a.Box,{sx:{border:"1px solid "+L,borderRadius:"small"===x?"var(--Sm-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"large"===x?"var(--Lg-Input-Radius, var(--Input-Radius, var(--Style-Border-Radius)))":"var(--Input-Radius, var(--Style-Border-Radius))",overflow:"hidden",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&&h&&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:h}),t.jsx(a.Box,{component:"input",ref:G,type:"text",role:"combobox","aria-expanded":W,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-label":h||m,autoComplete:"off",value:X,onChange:e=>{ee(e.target.value),W||P(!0),V(-1)},onKeyDown:e=>{if("Escape"!==e.key){if("ArrowDown"===e.key){if(e.preventDefault(),!W)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&&W&&E>=0&&_[E]&&(e.preventDefault(),ae(_[E]))}else P(!1)},onFocus:()=>{O(!0),P(!0)},onBlur:()=>O(!1),disabled:z,placeholder:J?void 0:m,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&&W&&t.jsx(Pe,{size:16,sx:{mr:1,color:"var(--Quiet)"}}),S&&X&&!z&&t.jsx(a.Box,{component:"button",type:"button","aria-label":"Clear",onClick:()=>{Q||R(null),ee(""),s?.(null),G.current?.focus()},sx:{display:"flex",alignItems:"center",justifyContent:"center",width:20,height:20,borderRadius:"50%",mr:.5,border:"none",backgroundColor:"transparent",color:"var(--Quiet)",cursor:"pointer","&:hover":{color:"var(--Text)",backgroundColor:"var(--Hover)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)"}},children:t.jsx(We,{sx:{fontSize:14}})}),t.jsx(a.Box,{component:"button",type:"button","aria-label":W?"Close":"Open",tabIndex:-1,onClick:()=>{z||P(!W)},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:W?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease"}})})]})})}),p&&t.jsx(a.Box,{sx:{fontSize:"12px",color:"var(--Quiet)",mt:"4px",ml:"2px"},children:p}),W&&t.jsx(a.Box,{role:"listbox","aria-label":h||"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,o="string"==typeof e?e:e.value,l=i===(Y?"string"==typeof Y?Y:Y.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(rt,{style:{flex:1,color:"inherit",fontWeight:"inherit"},children:i}),l&&t.jsx(up,{size:"small",sx:{opacity:.6,flexShrink:0},children:t.jsx(n,{})})]},o||i)})})]})}const Rj=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Fj=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Dj=[{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 Wj({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Pj({color:e,selected:r,onClick:i}){const o=Rj(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}let Hj=0;const Oj={default:"Nav-Bar",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Ej="var(--Sizing-1, 8px)",Vj="40px",qj="var(--Icon-Size, 24px)",Gj="var(--Sizing-Half, 4px)",Qj={horizontal:{px:"var(--Sizing-2, 16px)",py:0},vertical:{px:"var(--Sizing-2, 16px)",py:"var(--Sizing-2, 16px)"}},Uj={px:0,py:0};function Yj({items:r=[],value:i,defaultValue:n=0,onChange:o,showLabels:l=!0,variant:s="fixed",orientation:c="horizontal",barColor:d="default",fabAction:h,fabPosition:u="end",fixed:m=!0,"aria-label":p="Bottom navigation",className:x="",sx:f={},...g}){const[b,v]=e.useState(n),y=void 0!==i,j=y?i:b,S=e.useCallback(e=>{y||v(e),o?.(e)},[y,o]),z="vertical"===c,w="floating"===s,B=Oj[d]||Oj.default,k=w?z?Qj.vertical:Qj.horizontal:Uj,C=e.useRef(null);null===C.current&&(C.current="bottom-nav-"+Hj++);const T=e=>C.current+"-tab-"+e,M=!!h;return t.jsxs(a.Box,{component:"nav","data-theme":B,"data-surface":"Surface-Dim","aria-label":p,className:"bottom-nav bottom-nav-"+d+" bottom-nav-style-"+(w?"floating":"fixed")+" bottom-nav-bar-"+c+(l?" bottom-nav-labels":" bottom-nav-no-labels")+(m?" bottom-nav-fixed":"")+(x?" "+x:""),sx:{display:"flex",flexDirection:z?"column":"row",alignItems:"center",justifyContent:"center",backgroundColor:"var(--Background)",borderRadius:w?"var(--ToolBar, var(--Nav-Bar-Height, 80px))":0,fontFamily:"inherit",width:z?"fit-content":"100%",px:k.px,py:k.py,...m&&{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(Xj,{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(!h)return[e];return a===("center"===u?Math.ceil(r.length/2):r.length)-1?[e,t.jsx(Zj,{...h,showLabel:l,position:u},"fab")]:[e]}),h&&0===r.length&&t.jsx(Zj,{...h,showLabel:l,position:u},"fab")]})]})}function Xj({id:e,icon:r,label:i,selected:n,showLabel:o,onClick:l,ariaLabel:s,disabled:c}){return t.jsxs(a.Box,{component:"button",type:"button",role:"tab",id:e,"aria-selected":n,"aria-label":s,onClick:l,disabled:c,"aria-disabled":c||void 0,className:"bottom-nav-item"+(n?" bottom-nav-item-selected":""),sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:Gj,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:Ej,borderRadius:Vj,backgroundColor:n?"var(--Text)":"transparent",color:n?"var(--Background)":"var(--Quiet)",fontSize:qj,transition:"background-color 0.2s ease, color 0.15s ease","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"},".bottom-nav-item:hover &":n?{backgroundColor:"var(--Text)"}:{color:"var(--Text)",backgroundColor:"var(--Hover)"},".bottom-nav-item:active &":n?{backgroundColor:"var(--Text)"}:{color:"var(--Text)",backgroundColor:"var(--Pressed)"},".bottom-nav-item:disabled:hover &":{backgroundColor:"transparent"}},children:r}),o&&i&&t.jsx(ut,{className:"bottom-nav-label",style:{color:n?"var(--Text)":"var(--Quiet)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},children:i})]})}const Jj=32;function Zj({icon:r,label:i,onClick:n,showLabel:o,actions:l,position:s="end"}){const c=Array.isArray(l)&&l.length>0,[d,h]=e.useState(!1),u=e.useRef(null);e.useEffect(()=>{if(!d)return;const e=e=>{u.current&&!u.current.contains(e.target)&&h(!1)},a=e=>{"Escape"===e.key&&h(!1)};return document.addEventListener("mousedown",e),document.addEventListener("keydown",a),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",a)}},[d]);const m=e=>({display:"flex",alignItems:"center",justifyContent:"center",minWidth:e,minHeight:e,boxSizing:"border-box",borderRadius:Vj,borderWidth:"var(--Button-Border-Width, 1px)",borderStyle:"solid",borderColor:"var(--Buttons-Default-Border)",color:"var(--Buttons-Default-Border)",backgroundColor:"transparent","& .MuiSvgIcon-root":{fontSize:"inherit",color:"inherit"}}),p="center"!==s;return t.jsxs(a.Box,{ref:u,sx:{position:"relative",display:"flex",flexShrink:0},children:[t.jsxs(a.Box,{component:"button",type:"button","aria-label":i||"Action",onClick:e=>{c&&h(e=>!e),n?.(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:Gj,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:{...m(32),padding:Ej,fontSize:qj,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,{})}),o&&i&&t.jsx(ut,{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))",...p?{right:0}:{left:0},zIndex:1,display:"flex",flexDirection:"column-reverse",padding:"var(--Sizing-1, 8px)",gap:"var(--Sizing-1, 8px)",backgroundColor:"var(--Background)",color:"var(--Text)",border:"1px solid var(--Border)",borderRadius:"var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px)))",boxShadow:"var(--Effect-Level-3, none)",whiteSpace:"nowrap"},children:l.map((e,r)=>t.jsxs(a.Box,{component:"button",type:"button",role:"menuitem","aria-label":e.label,className:"bottom-nav-dial-item",onClick:a=>{h(!1),e.onClick?.(a)},sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-1, 8px)",flexDirection:p?"row-reverse":"row",border:"none",backgroundColor:"transparent",cursor:"pointer",padding:0,fontFamily:"inherit",color:"inherit",outline:"none",borderRadius:Vj,"&: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:{...m(Jj),fontSize:"var(--Icon-Size-Small, 16px)"},children:e.icon||t.jsx(ye,{})})}),t.jsx(mt,{style:{color:"inherit"},children:e.label})]},e.key||r))})]})}const $j={Home:t.jsx(v,{sx:{fontSize:"inherit"}}),Explore:t.jsx(He,{sx:{fontSize:"inherit"}}),Radio:t.jsx(Oe,{sx:{fontSize:"inherit"}}),Library:t.jsx(Ee,{sx:{fontSize:"inherit"}}),Favorite:t.jsx(b,{sx:{fontSize:"inherit"}}),Person:t.jsx(w,{sx:{fontSize:"inherit"}}),Search:t.jsx(S,{sx:{fontSize:"inherit"}}),Settings:t.jsx(j,{sx:{fontSize:"inherit"}}),Notifications:t.jsx(h,{sx:{fontSize:"inherit"}}),Cart:t.jsx(u,{sx:{fontSize:"inherit"}}),Star:t.jsx(z,{sx:{fontSize:"inherit"}}),Bookmark:t.jsx(Ve,{sx:{fontSize:"inherit"}})},Kj=Object.keys($j),_j=[{icon:"Home",label:"Home"},{icon:"Explore",label:"Browse"},{icon:"Radio",label:"Radio"},{icon:"Library",label:"Library"}],eS=[{value:"default",label:"Default",desc:'data-theme="Nav-Bar"'},{value:"primary",label:"Primary",desc:'data-theme="Primary"'},{value:"primary-light",label:"Primary Light",desc:'data-theme="Primary"'},{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 aS({label:e,selected:r,onClick:i,disabled:n}){return t.jsx(a.Box,{component:"button",onClick:i,disabled:n,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:n?"not-allowed":"pointer",border:"2px solid var(--Buttons-Primary-Button)",borderRadius:"var(--Style-Border-Radius)",backgroundColor:r?"var(--Buttons-Primary-Button)":"transparent",color:r?"var(--Buttons-Primary-Text)":"var(--Text)",padding:"4px 12px",fontSize:"14px",fontFamily:"inherit",fontWeight:500,whiteSpace:"nowrap",flexShrink:0,opacity:n?.4:1,transition:"background-color 0.15s ease, color 0.15s ease","&:hover":{backgroundColor:n?"transparent":r?"var(--Buttons-Primary-Hover)":"var(--Surface-Dim)"},"&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"}},children:e})}function tS({value:e,onChange:r,placeholder:i,sx:n}){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)"},...n}})}function rS({value:e,onChange:r,options:i,label:n}){return t.jsx(a.Box,{component:"select",value:e,onChange:e=>r(e.target.value),"aria-label":n,sx:{padding:"4px 6px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",outline:"none",cursor:"pointer","&:focus":{borderColor:"var(--Focus-Visible)"}},children: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 iS({value:e,onChange:r,min:i,max:n,label:o}){return t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:[t.jsx(ht,{style:{color:"var(--Text-Quiet)",flexShrink:0,width:90},children:o}),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<n&&r(e+1)},disabled:e>=n,style:{width:28,height:28,display:"flex",alignItems:"center",justifyContent:"center",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",cursor:e>=n?"not-allowed":"pointer",fontSize:"14px",opacity:e>=n?.4:1,fontFamily:"inherit"},children:"+"})]})}function nS({label:e,checked:r,onChange:i,caption:n,disabled:o}){return t.jsxs(a.Box,{sx:{py:.5,opacity:o?.4:1},children:[t.jsx(a.FormControlLabel,{control:t.jsx(a.Checkbox,{checked:r,onChange:e=>i(e.target.checked),size:"small",disabled:o,sx:{color:"var(--Text-Quiet)","&.Mui-checked":{color:"var(--Buttons-Primary-Button)"}}}),label:t.jsx(pt,{children:e}),sx:{m:0}}),n&&t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block",marginLeft:32},children:n})]})}const oS=r=>e.forwardRef(function(e,i){return t.jsx(a.Slide,{direction:r,ref:i,...e})}),lS={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":oS("up"),"slide-down":oS("down"),"slide-left":oS("left"),"slide-right":oS("right")},sS={backgroundColor:"var(--Background)",color:"var(--Text)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",boxShadow:jp},cS={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},dS={color:"var(--Text)",fontFamily:"inherit",fontSize:"14px",lineHeight:1.6,py:3,px:3},hS={borderTop:"1px solid var(--Border)",px:3,py:1.5,gap:1},uS={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"}},mS={primary:{...uS,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:{...uS,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 pS({open:e=!1,onClose:r,title:i,children:n,actions:o,maxWidth:l="sm",fullScreen:s=!1,scroll:c="body",alert:d=!1,nonModal:h=!1,transition:u,transitionDuration:m=300,titleId:p="dialog-title",contentId:x="dialog-description",className:f="",sx:g={},PaperProps:b={},...v}){const y=u?lS[u]:void 0;let j;try{j=cj()}catch{j=null}const S=j?.theme||"Default",z=j?.style||"Modern",w=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:h,disableEnforceFocus:h,disableEscapeKeyDown:d,TransitionComponent:y,transitionDuration:m,"aria-labelledby":p,"aria-describedby":x,className:"dialog dialog-"+l+(s?" dialog-fullscreen":"")+(d?" dialog-alert":"")+(f?" "+f:""),style:{zIndex:1e7},slotProps:{backdrop:{sx:{backgroundColor:h?"transparent":"rgba(0,0,0,0.5)"}}},PaperProps:{...b,"data-theme":S,"data-style":z,"data-surface":w,sx:{...sS,...s&&{borderRadius:0,border:"none"},...b.sx},role:d?"alertdialog":"dialog"},...v,children:[i&&t.jsxs(a.DialogTitle,{id:p,sx:cS,children:[i,!d&&r&&t.jsx(Dx,{"aria-label":"Close dialog",onClick:e=>r(e,"closeButton"),size:"small",variant:"ghost",sx:{color:"var(--Text-Quiet)"},children:t.jsx(We,{fontSize:"small"})})]}),t.jsx(a.DialogContent,{dividers:"paper"===c,sx:{...dS,..."paper"===c&&{maxHeight:s?"none":"400px",overflowY:"auto",borderColor:"var(--Border)"}},children:d?t.jsx(a.DialogContentText,{id:x,sx:{color:"var(--Text)",fontFamily:"inherit",fontSize:"14px",lineHeight:1.6},children:n}):t.jsx(a.Box,{id:x,children:n})}),o&&t.jsx(a.DialogActions,{sx:hS,children:o})]})}function xS({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const fS={compact:{minHeight:"24px",fontSize:"13px",iconSize:16,gap:"6px"},default:{minHeight:"32px",fontSize:"14px",iconSize:18,gap:"8px"}},gS={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)"},bS={"@keyframes omni-tree-slide":{from:{opacity:0,transform:"translateY(-4px)"},to:{opacity:1,transform:"none"}}};function vS(e,a,t=1,r=[]){return e.forEach((i,n)=>{r.push({item:i,level:t,index:n,siblings:e.length}),i.children?.length&&a.includes(i.id)&&vS(i.children,a,t+1,r)}),r}function yS(e,a,t=null){for(const r of e){if(r.id===a)return t;if(r.children?.length){const e=yS(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 jS({node:e,density:r,expanded:i,selected:n,focusedId:o,multiSelect:l,checkboxSelection:s,disableSelection:c,disabledItemsFocusable:d,collapseIcon:h,expandIcon:u,animation:m,onToggle:p,onSelect:x,onFocusItem:f,registerRef:g}){const{item:b,level:v,index:y,siblings:j}=e,S=fS[r]||fS.default,z="compact"===r?ht:rt,w=!!b.children?.length,B=w&&i.includes(b.id),k=n.includes(b.id),C=!!b.disabled,T=!C||d;return t.jsxs(a.Box,{component:"li",role:"treeitem","aria-expanded":w?B:void 0,"aria-selected":c?void 0:k,"aria-disabled":C||void 0,"aria-level":v,"aria-setsize":j,"aria-posinset":y+1,tabIndex:o===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(),w&&p(e,b.id),c||x(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:w&&(B?h:u)}),s&&!c&&t.jsx(yg,{checked:k,disabled:C,size:"small","aria-hidden":"true",tabIndex:-1,onChange:()=>{}}),b.icon&&t.jsx(up,{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})]}),w&&B&&t.jsx(a.Box,{component:"ul",role:"group",sx:{margin:0,padding:0,paddingLeft:"9px",marginLeft:"12px",listStyle:"none",animation:gS[m]},children:b.children.map((e,a)=>t.jsx(jS,{node:{item:e,level:v+1,index:a,siblings:b.children.length},density:r,expanded:i,selected:n,focusedId:o,multiSelect:l,checkboxSelection:s,disableSelection:c,disabledItemsFocusable:d,collapseIcon:h,expandIcon:u,animation:m,onToggle:p,onSelect:x,onFocusItem:f,registerRef:g},e.id))})]})}function SS({color:r="default",variant:i="solid",surface:n,density:o="default",animation:l="slide",selectionStyle:s,items:c=zS,selectionMode:d="single",checkboxSelection:h=!1,disableSelection:u=!1,disabledItemsFocusable:m=!1,defaultExpandedItems:p,expandedItems:x,onExpandedItemsChange:f,selectedItems:g,onSelectedItemsChange:b,onItemExpansionToggle:v,onItemSelectionToggle:y,slots:j,"aria-label":S="Tree view",className:z="",sx:w={},...B}){const k=s||i,C="multi"===d,[T,M]=e.useState(p||[]),A=void 0!==x?x:T,[L,I]=e.useState(g||(C?[]:null)),N=void 0!==g?g:L,R=Array.isArray(N)?N:N?[N]:[],F=e.useMemo(()=>vS(c,A),[c,A]),[D,W]=e.useState(null),P=D??F[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=>{W(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===x&&M(r),f?.(e,r),v?.(e,a,!t)},[A,x,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]),G=e.useCallback(e=>{const a=F.filter(e=>!e.item.disabled||m),t=a.findIndex(e=>e.item.id===P),r=a[t];if(!r)return;const{item:i}=r,n=!!i.children?.length,o=n&&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":n&&!o?(e.preventDefault(),V(e,i.id)):o&&l(t+1);break;case"ArrowLeft":if(o)e.preventDefault(),V(e,i.id);else{const a=yS(c,i.id);a&&(e.preventDefault(),E(a))}break;case"Enter":case" ":e.preventDefault(),u?n&&V(e,i.id):q(e,i.id)}},[F,P,A,c,m,u,E,V,q]),Q=(U=r).charAt(0).toUpperCase()+U.slice(1);var U;const Y="default"===k?void 0:Q,X=n||("light"===k?"Surface-Brightest":"Surface-Dim"),J=j?.collapseIcon?t.jsx(j.collapseIcon,{}):t.jsx(up,{size:"small",sx:{color:"inherit",transform:"rotate(90deg)"},children:t.jsx(Le,{})}),Z=j?.expandIcon?t.jsx(j.expandIcon,{}):t.jsx(up,{size:"small",sx:{color:"inherit"},children:t.jsx(Le,{})});return t.jsx(a.Box,{"data-theme":Y,"data-surface":X,className:"omni-treeview omni-treeview-"+k+" omni-treeview-"+r+" omni-treeview-"+o+(z?" "+z:""),sx:{backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",overflow:"hidden",...bS,...w},children:t.jsx(a.Box,{component:"ul",role:"tree","aria-label":S,"aria-multiselectable":C||void 0,onKeyDown:G,sx:{margin:0,padding:"8px",listStyle:"none",fontFamily:"inherit"},...B,children:c.map((e,a)=>t.jsx(jS,{node:{item:e,level:1,index:a,siblings:c.length},density:o,expanded:A,selected:R,focusedId:P,multiSelect:C,checkboxSelection:h,disableSelection:u,disabledItemsFocusable:m,collapseIcon:J,expandIcon:Z,animation:l,onToggle:V,onSelect:q,onFocusItem:W,registerRef:O},e.id))})})}const zS=[{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"}],wS=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",BS=[{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 kS({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const CS={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 TS({onFiles:r,accept:i,multiple:n=!1,size:o="medium",disabled:l=!1,icon:s,label:c,sublabel:d,children:h,className:u="",sx:m={},...p}){const[x,f]=e.useState(!1),g=e.useRef(null),b=e.useRef(0),v=CS[o]||CS.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]),w=e.useCallback(e=>{e.preventDefault(),e.stopPropagation(),b.current--,0===b.current&&f(!1)},[]),B=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||qe,M=n?"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:B,onKeyDown:k,onDrop:j,onDragOver:S,onDragEnter:z,onDragLeave:w,className:"drop-zone drop-zone-"+o+(x?" drop-zone-dragging":"")+(l?" drop-zone-disabled":"")+" "+u,sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:v.gap,minHeight:v.minHeight,padding:v.padding,border:"2px dashed",borderColor:x?"var(--Buttons-Primary-Border)":"var(--Buttons-Default-Border)",borderRadius:"32px",backgroundColor:x?"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)"}},...m},...p,children:[t.jsx("input",{ref:g,type:"file",accept:i,multiple:n,onChange:C,style:{display:"none"},"aria-hidden":"true",tabIndex:-1}),h||t.jsxs(t.Fragment,{children:[t.jsx(T,{sx:{fontSize:v.iconSize,color:"var(--Text-Quiet)"}}),t.jsx(rt,{style:{color:"var(--Text)"},children:c||M}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:d||"or click to browse"})]})]})}const MS={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},AS={size:40,iconSize:"24px",borderRadius:"8px"},LS=new Set;function IS({children:e,color:r="primary",variant:i="solid",size:n,className:o="",sx:l={},...s}){!function(e){void 0!==e&&("production"===process.env.NODE_ENV||LS.has(e)||(LS.add(e),console.warn('[IconBadge] size="'+e+'" — IconBadge has one size (40px) and the prop was removed. Figma draws exactly one, and component sizing comes from the Component-Size modes rather than a per-component ladder.')))}(n);const c=AS,d=MS[r]||MS.primary;let h,u;switch(i){case"light":h=d,u="Surface-Brightest";break;case"dark":h=d,u="Surface-Dimmest";break;default:h=d,u="Surface"}return t.jsx(a.Box,{"data-theme":h,"data-surface":u,className:"icon-badge icon-badge-"+i+" icon-badge-"+r+" "+o,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 NS={eyebrow:ft,title:nt,secondary:it},RS={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},FS={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 DS({children:e,size:r="medium",isButton:i=!1,onAction:n,ariaLabel:o}){return i?t.jsx(a.Box,{component:"button",role:"button",tabIndex:0,"aria-label":o||"Action",onClick:e=>{e.stopPropagation(),n?.(e)},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),n?.(e))},className:"list-item-decorator-button",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,padding:0,border:"none",backgroundColor:"transparent",borderRadius:"50%",cursor:"pointer",color:"inherit",transition:"background-color 0.15s ease","&:hover":{backgroundColor:"rgba(128,128,128,0.15)"},"&:active":{backgroundColor:"rgba(128,128,128,0.25)"},"&:focus-visible":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},children:e}):t.jsx(a.Box,{className:"list-item-decorator",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:e})}function WS({children:e,startDecorator:r,endDecorator:i,startDecoratorIsButton:n=!1,endDecoratorIsButton:o=!1,onStartDecoratorAction:l,onEndDecoratorAction:s,startDecoratorAriaLabel:c,endDecoratorAriaLabel:d,size:h="medium",variant:u="default",color:m,eyebrow:p,overline:x,secondary:f,clickable:g=!1,disabled:b=!1,selected:v=!1,selectionMode:y="none",onSelect:j,onClick:S,bottomBorder:z=!1,rightBorder:w=!1,component:B="li",sx:k={},...C}){const T=FS[h]||FS.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:B,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&&w?{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(DS,{size:h,isButton:n,onAction:l,ariaLabel:c,children:r}),(()=>{const r=NS,i=p??x,n={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:{...n,color:"var(--Quiet)"},children:i}),null!=e&&t.jsx(r.title,{style:{...n,color:"var(--Text)"},children:e}),f&&t.jsx(r.secondary,{style:{...n,color:"var(--Quiet)"},children:f})]})})(),i&&t.jsx(DS,{size:h,isButton:o,onAction:s,ariaLabel:d,children:i})]})}function PS({children:r,items:i,variant:n="default",color:o="primary",size:l="medium",orientation:s="vertical",dividers:c=!1,selectionMode:d="none",loading:h=!1,skeletonRows:u=3,empty:m,error:p,selectedIndices:x=[],onSelectionChange:f,clickable:g=!1,component:b="ul",className:v="",sx:y={},...j}){const S="horizontal"===s,z="checkbox"===d||"radio"===d,w="light"===n,B="default"===n,k={};("solid"===n||w)&&RS[o]&&(k["data-theme"]=RS[o],w&&(k["data-surface"]="Surface-Brightest"));const C=p?"error":h?"loading":i&&0===i.length&&m?"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-"+n+" list-"+o+" "+v,sx:{display:"flex",flexDirection:S?"row":"column",boxSizing:"border-box",alignItems:"stretch",gap:g?"var(--Sizing-1)":0,m:0,p:B?0:1,backgroundColor:B?"transparent":"var(--Background)",color:"var(--Text)",borderRadius:B?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(za,{label:"Loading",children:Array.from({length:u}).map((e,a)=>t.jsx(WS,{component:"div",size:l,variant:n,color:o,children:"        "},"sk-"+a))})});if("error"===C)return t.jsx(a.Box,{component:"li",sx:{listStyle:"none"},children:p});if("empty"===C)return t.jsx(a.Box,{component:"li",sx:{listStyle:"none"},children:m});if(i&&i.length>0){const e=[];return i.forEach((r,s)=>{e.push(t.jsx(WS,{size:l,variant:n,color:o,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?x.includes(s):r.selected,selectionMode:d,onSelect:()=>(e=>{if(f)if("radio"===d)f([e]);else{const a=x.includes(e)?x.filter(a=>a!==e):[...x,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 n=[];return i.forEach((e,r)=>{n.push(e),r<i.length-1&&n.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))}),n}return null})()})}const HS={small:16,medium:24,large:32};function OS({theme:e,surface:r,size:i="medium",color:n="primary",message:o="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(Jv,{size:"number"==typeof i?i:HS[i]??HS.medium,color:n,"aria-label":c?void 0:s,"aria-labelledby":c}),o&&t.jsx(a.Typography,{sx:{color:"var(--Text-Secondary)",fontWeight:500},children:o})]})}const ES=e=>e.charAt(0).toUpperCase()+e.slice(1),VS={small:rt,medium:nt,large:ct},qS={small:et,medium:_a,large:Ka},GS={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"}},QS=e.createContext({open:!1,setOpen:()=>{},anchorRef:{current:null},menuId:"",buttonId:"",variant:"outline",color:"default",size:"medium"}),US=()=>e.useContext(QS);function YS({children:r,variant:i="outline",color:n="default",size:o="medium",open:l,onOpenChange:s,...c}){const[d,h]=e.useState(!1),u=void 0!==l,m=u?l:d,p=e.useRef(null),x=e.useId(),f="menu-"+x,g="menubtn-"+x,b=e.useCallback(e=>{const a="function"==typeof e?e(m):e;u?s?.(a):h(a)},[u,m,s]);return t.jsx(QS.Provider,{value:{open:m,setOpen:b,anchorRef:p,menuId:f,buttonId:g,variant:i,color:n,size:o},children:t.jsx(a.Box,{sx:{display:"inline-flex",position:"relative"},...c,children:r})})}function XS({children:r,className:n="",sx:o={},...l}){const{open:s,setOpen:c,anchorRef:d,menuId:h,buttonId:u,size:m,color:p}=US(),x=GS[m]||GS.medium,f=ES("default"===p?"Default":p);return t.jsxs(a.Box,{component:"button",ref:d,id:u,"aria-haspopup":"true","aria-expanded":s,"aria-controls":s?h:void 0,onClick:()=>c(e=>!e),className:"menu-button "+n,sx:{display:"inline-flex",alignItems:"center",gap:"6px",padding:x.itemPy+" "+x.itemPx,fontSize:x.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"},...o},onKeyDown:e=>{"ArrowDown"!==e.key&&"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),c(!0))},...l,children:["string"==typeof r?e.createElement(VS[m]||VS.medium,{style:{color:"inherit",fontWeight:600}},r):r,t.jsx(up,{size:"small",sx:{color:"var(--Quiet)",transition:"transform 0.2s ease",transform:s?"rotate(180deg)":"rotate(0deg)"},children:t.jsx(i,{})})]})}function JS({children:r,className:i="",placement:n="bottom-start",sx:o={},...l}){const{open:s,setOpen:c,anchorRef:d,menuId:h,buttonId:u,variant:m,color:p,size:x}=US(),f=e.useRef(null),g=GS[x]||GS.medium,b=ES("default"===p?"Default":p),v="var(--Buttons-"+b+"-Border)",y="light"===m?"default"===p?"Default":b:"solid"===m?b:void 0,j="light"===m?"Surface-Brightest":"solid"===m?"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-"+m+" "+i,sx:{position:"absolute",top:"100%",left:"bottom-end"===n?"auto":0,right:"bottom-end"===n?0:"auto",zIndex:99999,marginTop:"4px",border:"1px solid "+v,borderRadius:"var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px)))",boxShadow:bp,overflow:"hidden",...o},children:t.jsx(a.Box,{ref:f,id:h,role:"menu","aria-labelledby":u,"data-theme":y,"data-surface":j,sx:{minWidth:g.minWidth,backgroundColor:"var(--Background)",color:"var(--Text)",fontSize:g.fontSize,fontFamily:"inherit",padding:g.py+" 0",outline:"none",borderRadius:"calc(var(--Dropdown-Frame-Radius, var(--Input-Radius, var(--Style-Border-Radius, 4px))) - 1px)"},onKeyDown:e=>{const 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 ZS({children:e,onClick:r,selected:i=!1,disabled:n=!1,className:o="",sx:l={},...s}){const{setOpen:c,size:d}=US(),h=GS[d]||GS.medium,u=i?qS[d]||qS.medium:VS[d]||VS.medium,m=()=>{n||(r?.(),c(!1))};return t.jsx(a.Box,{role:"menuitem",tabIndex:n?-1:0,"aria-disabled":n||void 0,"aria-selected":i||void 0,onClick:m,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),m())},className:"menu-item"+(i?" menu-item-selected":"")+" "+o,sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-Half)",padding:h.itemPy+" "+h.itemPx,fontSize:h.fontSize,color:n?"var(--Quiet)":i?"var(--Text)":"var(--Quiet)",backgroundColor:i?"var(--Hover)":"transparent",cursor:n?"not-allowed":"pointer",opacity:n?"var(--Disabled, 0.38)":1,outline:"none",transition:"background-color 0.1s ease, color 0.1s ease",userSelect:"none",...!n&&{"&:hover":{backgroundColor:"var(--Hover)",color:"var(--Text)"},"&:active":{backgroundColor:"var(--Pressed)",color:"var(--Text)"},"&:focus-visible":{backgroundColor:"var(--Hover)",color:"var(--Text)",outline:"3px solid var(--Focus-Visible)",outlineOffset:"-3px"}},...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(u,{color:"standard",style:{color:"inherit"},children:e})})})}function $S({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 KS=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",_S=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function ez({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function az({color:e,selected:r,onClick:i}){const o=KS(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const tz={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},rz={default:"Container-High",solid:"Container-High",soft:"Surface-Brightest"},iz={small:{maxWidth:400,padding:"24px"},medium:{maxWidth:560,padding:"32px"},large:{maxWidth:720,padding:"40px"}},nz={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 oz(e){const a=nz[e];if(!a)return"";const{from:t,to:r}=a.enter,i=Object.entries(t).map(([e,a])=>e+":"+a).join(";"),n=Object.entries(r).map(([e,a])=>e+":"+a).join(";");return"@keyframes "+a.name+" { from {"+i+"} to {"+n+"} }@keyframes "+a.name+"-backdrop { from { opacity: 0 } to { opacity: 1 } }"}function lz({open:r,onClose:i,children:n,title:o,variant:l="default",color:s="primary",size:c="medium",layout:d="center",transition:h="fade",transitionSpeed:u=250,closeOnBackdrop:m=!0,showCloseButton:p=!0,className:x="",sx:f={},...g}){const b=e.useRef(null),v=e.useRef(null),[y,j]=e.useState(!1);let S;try{S=cj()}catch{S=null}const z=S?.style||"Modern",w="soft"===l,B="solid"===l,k="fullscreen"===d,C=B||w?tz[s]:null,T=rz[l]||rz.default,M=iz[c]||iz.medium,A=nz[h],L=A?A.name:void 0,I=u+"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"!==h&&t.jsx("style",{children:oz(h)}),t.jsx(a.Box,{"aria-hidden":"true",onClick:m?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":o||"Modal",ref:b,tabIndex:-1,"data-surface":T,"data-theme":C||void 0,"data-style":z,className:"modal modal-"+l+" modal-"+c+" modal-"+d+(w||B?" modal-"+s:"")+(x?" "+x:""),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:jp,display:"flex",flexDirection:"column",overflow:"hidden",...L&&{animation:L+" "+I+" ease-out forwards"},...f},...g,children:[(o||p)&&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:[o&&t.jsx(a.Box,{className:"modal-title",sx:{fontSize:"small"===c?"18px":"large"===c?"24px":"20px",fontWeight:"var(--H4-Font-Weight, 700)",fontFamily:"var(--H4-Font-Family, var(--Font-Family-Header, var(--Header-Font-Family, inherit)))",color:"var(--Header, var(--Text))",flex:1},children:o}),p&&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(We,{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:n})]})]}):null}function sz({children:e,surface:r="Container",outlined:i=!1,variant:n=(i?"outlined":"elevation"),sx:o={},...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"===n||i;return t.jsx(a.Paper,{variant:n,elevation:d?0:c,"data-surface":s,sx:{padding:2,borderRadius:"8px",transition:"all 0.2s ease-in-out",...o},...l,children:e})}function cz({open:i=!1,onClose:n,anchorRef:o,placement:l="bottom-end",theme:s="Default",surface:c="Surface-Bright",width:d=320,maxHeight:h=400,children:u,sx:m={}}){const p=e.useRef(null),[x,f]=e.useState({top:0,left:0,right:"auto"});return e.useEffect(()=>{if(!i||!o?.current)return;const e=o.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,o,l]),e.useEffect(()=>{if(!i)return;const e=e=>{p.current?.contains(e.target)||o?.current?.contains(e.target)||n?.()};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[i,n,o]),e.useEffect(()=>{if(!i)return;const e=e=>{"Escape"===e.key&&n?.()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i,n]),i?r.createPortal(t.jsx(a.Box,{ref:p,"data-theme":s,"data-surface":c,sx:{position:"fixed",top:x.top,left:x.left,right:x.right,zIndex:2e9,width:d,maxHeight:h,overflowY:"auto",backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",boxShadow:bp,...m},children:u}),document.body):null}const dz={small:"var(--Sm-Rail-Width, 72px)",medium:"var(--Rail-Width, 80px)",large:"var(--Lg-Rail-Width, 96px)"},hz="var(--Icon-Size, 24px)",uz="var(--Sizing-Half, 4px)",mz="var(--Button-Height, 32px)";function pz({items:r=[],sections:i,value:n,defaultValue:o=0,onChange:l,expandable:s=!1,expandedWidth:c="partial",defaultExpanded:d=!1,fabAction:h,labelStyle:u="contained",variant:m="default",size:p="medium",className:x="",sx:f={},...g}){const[b,v]=e.useState(o),[y,j]=e.useState(d),S=void 0!==n,z=S?n:b,w=e.useCallback(e=>{S||v(e),l?.(e)},[S,l]),B=s&&y,k=B?("full"===c?320:240)+"px":dz[p]||dz.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")+(B?" rail-expanded":" rail-collapsed")+" rail-label-"+("outside"===u?"outside":"contained")+" rail-"+(dz[p]?p:"medium")+" "+x,sx:{display:"flex",flexDirection:"column",width:k,minHeight:"100%",gap:B?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:B?"flex-start":"center",px:B?1.5:0,height:56,alignItems:"center"},children:t.jsx(Rx,{iconOnly:!0,variant:"ghost",size:"small",onClick:()=>j(e=>!e),"aria-label":B?"Collapse menu":"Expand menu",children:t.jsx(up,{size:"small",sx:{color:"inherit"},children:B?t.jsx(We,{}):t.jsx(Re,{})})})}),h&&t.jsx(a.Box,{sx:{px:B?2:1,py:1,flexShrink:0},children:t.jsx(Rx,{variant:"primary-light",size:"medium",onClick:h.onClick,"aria-label":h.label||"Action",startIcon:h.icon?t.jsx(up,{size:"small",sx:{color:"inherit"},children:h.icon}):void 0,sx:{width:B?"100%":56,borderRadius:B?"28px":"var(--Style-Border-Radius)",justifyContent:B?"flex-start":"center",transition:"all 0.2s ease"},children:B?h.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:B?0:"var(--Sizing-1-and-Half, 12px)",px:B?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,n)=>{n>0&&e.push(t.jsx(a.Box,{"aria-hidden":"true",sx:{height:"1px",width:"100%",backgroundColor:"var(--Border-Variant)"}},"divider-"+n)),i.items.forEach(a=>{const i=r;e.push(t.jsx(xz,{item:a,variant:m,selected:z===i,expanded:B,labelStyle:u,onClick:()=>w(i)},"item-"+i)),r++})}),e}return r.map((e,a)=>t.jsx(xz,{item:e,variant:m,selected:z===a,expanded:B,labelStyle:u,onClick:()=>w(a)},a))})()})]})}function xz({item:e,selected:r,expanded:i,labelStyle:n,variant:o="default",onClick:l}){const{icon:s,avatar:c,label:d,badge:h,disabled:u}=e,m=r?"var(--Text)":"transparent",p="outside"!==n,x=p&&!i,f=r?x?"var(--Background)":"var(--Text)":i?"var(--Text)":"var(--Quiet)",g=u?{}:{...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":u||void 0,disabled:u||void 0,onClick:u?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:hz,minHeight:hz,px:i?2.5:0,py:x?uz:0,border:r&&x?"1px solid var(--Border)":"1px solid transparent",borderRadius:i?0:"8px",backgroundColor:x||i?m:"transparent",boxShadow:r&&x?"var(--Shadow-1, none)":"none",color:f,cursor:u?"not-allowed":"pointer",opacity:u?"var(--Disabled, 0.38)":1,fontFamily:"inherit",textAlign:i?"left":"center",transition:"background-color 0.15s ease, color 0.15s ease",outline:"none",...x||i?g:{}},children:[t.jsxs(a.Box,{sx:{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",...i?{flexShrink:0}:{width:p?"100%":mz,height:p?"auto":mz,py:p?uz:0,borderRadius:p?"8px":mz,backgroundColor:p?"transparent":m,border:!p&&r?"1px solid var(--Border)":void 0,transition:"background-color 0.2s ease",...p?{}:g}},children:[c?t.jsx(a.Box,{sx:{display:"flex",width:hz,height:hz},children:c}):t.jsx(up,{size:"small",sx:{color:"inherit"},children:s}),h&&t.jsx(fz,{value:h})]}),d&&t.jsx(a.Box,{sx:{display:"flex",alignItems:"flex-start",justifyContent:"center",width:"100%"},children:t.jsx(ut,{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 fz({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 gz=[{icon:t.jsx(v,{}),label:"Home"},{icon:t.jsx(S,{}),label:"Search"},{icon:t.jsx(b,{}),label:"Favorites",badge:3},{icon:t.jsx(w,{}),label:"Profile"},{icon:t.jsx(j,{}),label:"Settings"}];function bz({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function vz(e){const a=Math.max(0,Math.floor(Number(e)||0)),t=Math.floor(a/3600),r=Math.floor(a%3600/60),i=a%60,n=e=>String(e).padStart(2,"0");return t>0?`${t}:${n(r)}:${n(i)}`:`${r}:${n(i)}`}function yz({title:r,subtitle:i,avatarSrc:n,avatarInitials:o,position:l,defaultPosition:s=0,duration:c=0,onSeek:d,playing:h,defaultPlaying:u=!1,onPlayPause:m,onPrevious:p,onNext:x,variant:f="default",size:g="medium",disabled:b=!1,showTime:v=!0,className:y="",sx:j={},"aria-label":S="Audio player",...z}){const[w,B]=e.useState(s),[k,C]=e.useState(u),T=void 0!==l,M=void 0!==h,A=T?l:w,L=M?h:k,I=Boolean(r||i||n||o);return t.jsxs(vv,{className:"player "+y,gap:"var(--Sizing-2)",role:"group","aria-label":S,style:{alignItems:"center",width:"100%"},sx:j,...z,children:[I&&t.jsxs(vv,{gap:"var(--Sizing-1)",style:{alignItems:"center",minWidth:0},children:[(n||o)&&t.jsx(ox,{src:n,initials:o,size:g,alt:r?`Artwork for ${r}`:void 0}),t.jsxs(yv,{gap:"0",style:{minWidth:0},children:[r&&t.jsx(nt,{style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:r}),i&&t.jsx(ht,{color:"quiet",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:i})]})]}),t.jsxs(vv,{gap:"var(--Sizing-Half)",style:{alignItems:"center",flexShrink:0},children:[p&&t.jsx(Rx,{variant:f,size:g,iconOnly:!0,disabled:b,onClick:p,"aria-label":"Previous track",children:t.jsx(Ye,{})}),t.jsx(Rx,{variant:f,size:g,iconOnly:!0,disabled:b,onClick:()=>{M||C(!L),m?.(!L)},"aria-label":L?"Pause":"Play",children:L?t.jsx(Ue,{}):t.jsx(Qe,{})}),x&&t.jsx(Rx,{variant:f,size:g,iconOnly:!0,disabled:b,onClick:x,"aria-label":"Next track",children:t.jsx(Xe,{})})]}),t.jsxs(vv,{gap:"var(--Sizing-1)",style:{alignItems:"center",flex:1,minWidth:0},children:[v&&t.jsx(ht,{color:"quiet",style:{fontVariantNumeric:"tabular-nums",flexShrink:0},children:vz(A)}),t.jsx(a.Box,{sx:{flex:1,minWidth:0},children:t.jsx(pb,{variant:f,size:g,disabled:b||!d,min:0,max:Math.max(c,1),value:A,onChange:(e,a)=>{const t=Array.isArray(a)?a[0]:a;T||B(t),d?.(t)},"aria-label":"Seek",getAriaValueText:e=>vz(e)+" of "+vz(c)})}),v&&t.jsx(ht,{color:"quiet",style:{fontVariantNumeric:"tabular-nums",flexShrink:0},children:vz(c)})]})]})}const jz=["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"],Sz="1.618034",zz={"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":Sz+" / 1","Golden-Vertical":"1 / "+Sz},wz={none:0,xs:1,sm:2,md:3,lg:4,xl:6};function Bz({ratio:r="1:1",children:i,variant:n="default",color:o="default",padding:l="none",fit:s="width",placeholder:c=!0,elevated:d=!1,clickable:h=!1,onClick:u,maxWidth:m,maxHeight:p,component:x="div",className:f="",sx:g={},...b}){const v=zz[r]||zz["1:1"],y=(j="default"===o?"Default":o).charAt(0).toUpperCase()+j.slice(1);var j;const S=c&&0===e.Children.count(i),z="default"===o?void 0:y,w="dark"===n?"Surface-Dimmest":"light"===n?"Surface-Brightest":void 0,B=void 0!==wz[l]?wz[l]:wz.none,k=h||!!u,C="default"===n,T=d?bp:gp,M=d?vp:bp;return t.jsx(a.Box,{component:x,onClick:k?u:void 0,role:k?"button":void 0,tabIndex:k?0:void 0,className:"ratio ratio-"+r.toLowerCase()+" ratio-"+n+(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!==m&&{maxWidth:m},...void 0!==p&&{maxHeight:p},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":w,sx:{width:"100%",height:"100%",padding:B,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(up,{size:"large",sx:{color:"var(--Background)"},children:t.jsx(Je,{})}):i})})}const kz=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Cz=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Tz=["default","solid","light","dark"],Mz=["none","xs","sm","md","lg","xl"];function Az({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Lz({color:e,selected:a,onClick:r,variant:i}){const o=kz(e),l={solid:o,light:o+"-Light",dark:o,default:void 0};return t.jsx(Dv,{component:"button","data-theme":l[i],"data-surface":{solid:"Surface",light:"Surface",dark:"Surface-Dimmest",default:"Surface"}[i],onClick:()=>r(e),"aria-label":"Select "+o,"aria-pressed":a,title:o,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(n,{sx:{fontSize:16,color:"var(--Text)",pointerEvents:"none"}})})}const Iz=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Nz=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}];function Rz({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Fz({color:e,selected:r,onClick:i}){const o=Iz(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const Dz=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Wz=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Pz=[{value:"apple",label:"Apple"},{value:"banana",label:"Banana"},{value:"cherry",label:"Cherry"},{value:"date",label:"Date"},{value:"elderberry",label:"Elderberry"}],Hz=[{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 Oz({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Ez({color:e,selected:r,onClick:i}){const o=Dz(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const Vz={outline:"2px solid var(--Focus-Visible)",outlineOffset:"2px"},qz={opacity:"var(--Disabled, 0.38)",cursor:"not-allowed"};function Gz(e={}){const{selectedBg:a,selectedText:t,selectedHover:r,selectedPressed:i,muiPrefix:n}=e,o=n?"&.Mui-disabled":"&:disabled",l=n?"&.Mui-focusVisible":"&:focus-visible",s={"&:hover":{backgroundColor:"var(--Hover)"},"&:active":{backgroundColor:"var(--Pressed)"},[l]:Vz,[o]:{...qz,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 Qz({open:r,onClose:n,items:o=[],onItemClick:l,width:c=280,variant:d="temporary",header:h,footer:u,sx:m={},...p}){const[x,f]=e.useState(null),[g,b]=e.useState({}),v=(e,a)=>{f(a),l?.(e),"temporary"===d&&n?.()},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:[h&&t.jsx(a.Box,{sx:{p:2,borderBottom:"1px solid var(--Border-Variant)"},children:"string"==typeof h?t.jsx(a.Typography,{variant:"h6",sx:{fontWeight:700},children:h}):h}),t.jsx(a.List,{sx:{flex:1,overflow:"auto",py:1},children:o.map((e,r)=>{const n=x===r,o=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:()=>{o?(e=>{b(a=>({...a,[e]:!a[e]}))})(r):v(e,r)},selected:n&&!o,sx:{backgroundColor:n&&!o?"var(--Buttons-Primary-Button)":"transparent",color:n&&!o?"var(--Buttons-Primary-Text)":"var(--Text)",...Gz({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:n&&!o?"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:n&&!o?600:500}}),o&&t.jsx(a.Box,{sx:{ml:1},children:l?t.jsx(s,{}):t.jsx(i,{})})]})})}),o&&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)",...Gz({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)})}),u&&t.jsx(a.Box,{sx:{borderTop:"1px solid var(--Border-Variant)",p:2},children:"string"==typeof u?t.jsx(a.Typography,{variant:"caption",sx:{color:"var(--Text-Quiet)"},children:u}):u})]});return"permanent"===d?t.jsx(a.Box,{sx:{width:c,flexShrink:0,...m},children:j}):t.jsx(a.Drawer,{variant:y,open:r,onClose:n,PaperProps:{sx:{width:c,backgroundColor:"var(--Container)",color:"var(--Text)",...m}},...p,children:j})}const Uz={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 Yz=!1;function Xz({children:r,open:i=!1,onClose:n,variant:o="light",surface:l,color:s="info",size:c="medium",anchor:d="bottom",autoHideDuration:h,startDecorator:u,endDecorator:m,action:p,className:x="",sx:f={},...g}){const b=e.useRef(null),v=(e=>e.charAt(0).toUpperCase()+e.slice(1))("default"===s?"Default":s),y=Uz[c]||Uz.medium,j="small"===c?rt:nt,S="default"===s?"Default":v;"production"===process.env.NODE_ENV||"solid"!==o||Yz||(Yz=!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",w="var(--Buttons-"+v+"-Border)";e.useEffect(()=>{if(i&&h&&h>0)return b.current=setTimeout(()=>{n?.({},"timeout")},h),()=>clearTimeout(b.current)},[i,h,n]),e.useEffect(()=>{if(!i)return;const e=e=>{"Escape"===e.key&&n?.(e,"escapeKeyDown")};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i,n]);const B=e.useCallback(()=>{b.current&&clearTimeout(b.current)},[]),k=e.useCallback(()=>{i&&h&&h>0&&(b.current=setTimeout(()=>{n?.({},"timeout")},h))},[i,h,n]),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:B,onMouseLeave:k,className:"snackbar snackbar-"+o+" snackbar-"+c+" snackbar-"+d+" snackbar-"+s+" "+x,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 "+w,borderRadius:"var(--Style-Border-Radius)",boxShadow:vp,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:[u&&t.jsx(a.Box,{sx:{display:"inline-flex",flexShrink:0,lineHeight:1},children:u}),t.jsx(a.Box,{sx:{flex:1,minWidth:0},children:"string"==typeof r?t.jsx(j,{children:r}):r}),p&&t.jsx(a.Box,{sx:{display:"inline-flex",flexShrink:0},children:p}),m&&t.jsx(a.Box,{sx:{display:"inline-flex",flexShrink:0,lineHeight:1},children:m}),n&&t.jsx(Rx,{iconOnly:!0,variant:"ghost",size:"small",onClick:e=>n(e,"closeClick"),"aria-label":"Close notification",sx:{flexShrink:0,ml:"4px"},children:t.jsx(up,{size:"small",children:t.jsx(We,{})})})]})}):null}const Jz=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Zz=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],$z={info:t.jsx(m,{}),success:t.jsx(p,{}),warning:t.jsx(x,{}),error:t.jsx(f,{})};function Kz({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function _z({color:e,selected:r,onClick:i}){const o=Jz(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const ew={empty:{icon:t.jsx(Ze,{}),iconColor:"quiet",titleColor:"header",role:void 0},"no-results":{icon:t.jsx($e,{}),iconColor:"quiet",titleColor:"header",role:void 0},error:{icon:t.jsx(Ke,{}),iconColor:"error",titleColor:"error",role:"alert"}},aw={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 tw({type:r="empty",icon:i,title:n,body:o,action:l,size:s="medium",className:c="",sx:d={},...h}){const u=ew[r]||ew.empty,m=aw[s]||aw.medium,p="small"===s?rt:nt,x=e.useId(),f=n?x+"-title":void 0,g=o?x+"-body":void 0;return"production"===process.env.NODE_ENV||n||console.warn("[StateMessage] needs a `title`. A state message with no words is an empty box, which is the thing it exists to replace."),t.jsxs(a.Box,{className:"state-message state-message-"+r+" state-message-"+s+" "+c,role:u.role||"group","aria-labelledby":f,"aria-describedby":g,sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",gap:m.gap,padding:m.pad,width:"100%",boxSizing:"border-box",...d},...h,children:[t.jsx(up,{size:m.icon,color:u.iconColor,"aria-hidden":"true",children:i||u.icon}),n&&t.jsx(_a,{id:f,color:u.titleColor,children:n}),o&&t.jsx(p,{id:g,color:"quiet",sx:{maxWidth:m.maxWidth},children:o}),l&&t.jsx(a.Box,{sx:{marginTop:"4px"},children:l})]})}const rw={default:"Default",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},iw={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:56,fontSize:"var(--Lg-Button-Numbers, 16px)",dot:"var(--Lg-No-Count-Step, 16px)",connectorThickness:"var(--Lg-Step-Bar, 4px)",gap:0}},nw=e.createContext({orientation:"horizontal",size:"medium",color:"default",activeStep:0,clickable:!1,onStepClick:null,dashedIncomplete:!1,totalSteps:0,variant:"count"}),ow=()=>e.useContext(nw);function lw({theme:r,surface:i,children:n,orientation:o="horizontal",size:l="medium",color:s="default",activeStep:c=0,clickable:d=!1,onStepClick:h,dashedIncomplete:u=!1,variant:m="count",className:p="",sx:x={},...f}){const g=e.Children.toArray(n).filter(e.isValidElement),b=g.length,v="horizontal"===o;return t.jsx(nw.Provider,{value:{orientation:o,size:l,color:s,activeStep:c,clickable:d,onStepClick:h,dashedIncomplete:u,totalSteps:b,variant:m},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-"+o+" stepper-"+l+" stepper-"+s+" "+p,sx:{display:"flex",flexDirection:v?"row":"column",alignItems:v?"flex-start":"stretch",listStyle:"none",margin:0,padding:0,width:"100%",gap:0,...x},...f,children:g.map((a,t)=>e.cloneElement(a,{_index:t,key:a.key||t}))})})}function sw({children:e,icon:r,label:i,disabled:n=!1,_index:o=0,className:l="",sx:s={},...c}){const{orientation:d,size:h,color:u,activeStep:m,clickable:p,onStepClick:x,dashedIncomplete:f,totalSteps:g,variant:b}=ow(),v=p&&!n,y=iw[h]||iw.medium,j=rw[u]||"Default",S="horizontal"===d,z=o===m,w=o<m,B=o>m,k=o===g-1,C=r||o+1,T=i||e,M=B?"var(--Quiet)":"var(--Buttons-"+j+"-Border)",A=z?"var(--Buttons-"+j+"-Button)":"var(--Background)",L=z?"var(--Buttons-"+j+"-Text)":B?"var(--Quiet)":"var(--Buttons-"+j+"-Outline-Text)",I="var(--Buttons-"+j+"-Hover)",N="var(--Buttons-"+j+"-Pressed)",R="noCount"===b,F=t.jsx(a.Box,{component:v?"button":"div",onClick:v?()=>x?.(o):void 0,onKeyDown:v?e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),x?.(o))}:void 0,tabIndex:v?0:void 0,role:v?"button":void 0,"aria-label":v?"Go to step "+(o+1):void 0,"aria-current":z?"step":void 0,"aria-disabled":n||void 0,className:"step-indicator step-indicator-"+h+(z?" step-indicator-active":"")+(w?" step-indicator-completed":"")+(B?" 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:(w?"2px":"var(--Button-Border-Width, 1px)")+" solid "+M,backgroundColor:A,color:L,fontSize:y.fontSize,fontFamily:"var(--Font-Family-Button, var(--Font-Family-Body, inherit))",fontWeight:"var(--Button-Font-Weight, var(--Button-Small-Font-Weight, 700))",lineHeight:1,flexShrink:0,position:"relative",transition:"background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease",cursor:n?"not-allowed":v?"pointer":"default",outline:"none",padding:0,...n&&{opacity:"var(--Disabled, 0.38)"},..."small"===h&&{"&::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}),D=t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:S&&R?y.dot:y.indicator+"px",height:S?y.indicator+"px":R?y.dot:y.indicator+"px"},children:F}),W=o<m,P=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)`}:{width:y.connectorThickness,minHeight:"24px",marginLeft:`calc(${y.indicator/2}px - ${y.connectorThickness} / 2)`},backgroundColor:W?"var(--Buttons-"+j+"-Border)":"var(--Quiet)",...f&&!W&&{backgroundColor:"transparent",backgroundImage:S?"repeating-linear-gradient(90deg, var(--Quiet) 0px, var(--Quiet) 2px, transparent 2px, transparent 4px)":"repeating-linear-gradient(180deg, var(--Quiet) 0px, var(--Quiet) 4px, transparent 4px, transparent 8px)",backgroundSize:S?"4px 100%":"100% 8px"},transition:"background-color 0.15s ease"}}),H=z?"var(--Text)":B?"var(--Quiet)":"var(--Buttons-"+j+"-Border)",O=T?t.jsx(pt,{style:{fontWeight:z?600:400,color:H,textAlign:S?"center":"left",whiteSpace:"nowrap",flexShrink:0},children:T}):null;return S?t.jsxs(a.Box,{component:"li",className:"step step-"+h+" step-horizontal"+(z?" step-active":"")+(w?" step-completed":"")+(B?" step-incomplete":"")+" "+l,sx:{display:"flex",alignItems:"flex-start",flex:k?"none":1,...s},...c,children:[t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",flexShrink:0,width:R?y.dot:y.indicator+"px"},children:[D,O&&t.jsx(a.Box,{sx:{mt:"var(--Sizing-Half)",width:"100%",display:"flex",justifyContent:"center"},children:O})]}),P]}):t.jsxs(a.Box,{component:"li",className:"step step-"+h+" step-vertical"+(z?" step-active":"")+(w?" step-completed":"")+(B?" step-incomplete":"")+" "+l,sx:{display:"flex",flexDirection:"column",alignItems:"flex-start",...s},...c,children:[t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-1)"},children:[D,O]}),P]})}const cw=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",dw=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],hw=["Account","Details","Review","Confirm","Complete","Done"];function uw({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function mw({color:e,selected:r,onClick:i}){const o=cw(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}const pw={small:"var(--Small-Button-Height, 24px)",medium:"var(--Button-Height, 32px)",large:"var(--Large-Button-Height, 56px)"},xw={position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"var(--Checkbox-Icon, 14px)",height:"var(--Checkbox-Icon, 14px)",borderRadius:"50%",backgroundColor:"var(--Background)",display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:"none"},fw={content:'""',position:"absolute",inset:"calc(-3px - var(--Button-Border-Width, 1px))",borderRadius:"var(--Button-Focus-Radius, 5px)",border:"2px solid var(--Focus-Visible)",pointerEvents:"none"};function gw({color:e,label:r,size:i="medium",fit:o="fixed",selected:l=!1,disabled:s=!1,radio:c=!1,onClick:d,className:h="",sx:u={},"aria-label":m,...p}){const x=Boolean(d)&&!s,f=Boolean(d),g=pw[i]||pw.medium,b=m||r||e,v=t.jsx(a.Box,{className:"swatch-chip",sx:{position:"relative",width:"fill"===o?"100%":g,height:g,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",...x&&{cursor:"pointer","&:hover":{backgroundImage:"linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))"},"&:active":{backgroundImage:"linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08))"}}},children:l&&!c&&f?t.jsx(a.Box,{className:"swatch-check",sx:xw,children:t.jsx(n,{"aria-hidden":"true",sx:{width:"80%",height:"80%",color:"var(--Icon, var(--Text))"}})}):null}),y=x?"button":"div";return t.jsxs(a.Box,{component:y,type:x?"button":void 0,onClick:x?d:void 0,disabled:!(!x||!s)||void 0,"aria-pressed":x?l:void 0,"aria-label":b,className:`swatch ${l?"swatch-selected":""} ${h}`.trim(),sx:{position:"relative",display:"inline-flex",flexDirection:"column",alignItems:"center",gap:"var(--Sizing-Half, 4px)",width:"fill"===o?"100%":"var(--Sizing-7, 56px)",padding:0,background:"none",border:"none",font:"inherit",color:"var(--Text)",...s&&{opacity:.38,pointerEvents:"none"},"&:focus":{outline:"none"},...x&&{"&:focus-visible":{outline:"none","& .swatch-chip::before":fw}},...u},...p,children:[v,c&&f?t.jsx(cb,{checked:l,disabled:s,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 bw={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},vw={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 yw({children:e,columns:r,rows:i,footerRows:n,variant:o="default",color:l="primary",loading:s=!1,skeletonRows:c=3,empty:d,error:h,size:u="medium",stripe:m="none",stickyHeader:p=!1,stickyFooter:x=!1,className:f="",sx:g={},...b}){const v=vw[u]||vw.medium,y="solid"===o,j="outlined"===o,S="light"===o,z=(e=>e.charAt(0).toUpperCase()+e.slice(1))(l),w=j?"1px solid var(--Buttons-"+z+"-Border)":"none",B={};y&&bw[l]&&(B["data-theme"]=bw[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)",p&&(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)",x&&(e.position="sticky",e.bottom=0,e.zIndex=2),e},T=e=>"none"===m?"Surface":"odd"===m?e%2==0?"Surface":"Surface-Dim":"even"===m&&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=h?"error":s?"loading":i&&0===i.length&&d?"empty":null,L=Boolean(n&&n.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-"+o+(y||S||j?" table-"+l:"")+" "+f,...B,"aria-busy":"loading"===A?"true":void 0,sx:{width:"100%",overflow:"auto",border:w,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(),...p?{"& thead th":{...k(),position:"sticky",top:0,zIndex:2}}:{},...x?{"& 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(za,{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(h),"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,n)=>t.jsx(a.Box,{component:"td",sx:{...M(),...r[n]&&r[n].align?{textAlign:r[n].align}:{}},children:e},"c-"+i+"-"+n))},"r-"+i))}),L&&t.jsx(a.Box,{component:"tfoot",children:n.map((e,i)=>t.jsx(a.Box,{component:"tr",children:(Array.isArray(e)?e:r.map(a=>e[a.field||a.key])).map((e,n)=>t.jsx(a.Box,{component:"td",sx:{...C(),...r[n]&&r[n].align?{textAlign:r[n].align}:{},..."loading"===A?Sa():{}},children:e},"fc-"+i+"-"+n))},"f-"+i))})]}):null:e})})}function jw({label:r,value:i="",onChange:n,placeholder:o,error:l=!1,errorMessage:s="",disabled:c=!1,helperText:d="",variant:h="outlined",size:u="medium",type:m="text",required:p=!1,fullWidth:x=!0,startAdornment:f,endAdornment:g,sx:b={},"aria-label":v,"aria-labelledby":y,onFocus:j,onBlur:S,...z}){const[w,B]=e.useState(!1),k=l?"var(--Buttons-Error-Border)":w?"var(--Buttons-Primary-Border)":"var(--Border)",C=l||w?"var(--Text)":"var(--Text-Quiet)",T="var(--Text)";return t.jsxs(a.Box,{sx:{width:x?"100%":"auto"},children:[t.jsx(a.TextField,{label:r,value:i,onChange:n,placeholder:o,disabled:c,variant:h,size:u,type:m,required:p,onFocus:e=>{B(!0),j?.(e)},onBlur:e=>{B(!1),S?.(e)},error:l,fullWidth:x,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:x?"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})]})}function Sw({error:e=!1,errorMessage:a="",rows:r=4,fullWidth:i=!0,...n}){return t.jsx(ib,{multiline:!0,rows:r,fullWidth:i,...e&&{validation:"error",validationMessage:a},...n})}const zw=Object.fromEntries(["Default","Primary","Secondary","Tertiary","Neutral"].map(e=>[e.toLowerCase(),{theme:e}])),ww={"primary-light":{theme:"Primary",surface:"Surface-Brightest"},white:{theme:"Neutral",surface:"Surface-Brightest"},black:{theme:"Neutral",surface:"Surface-Dimmest"}};function Bw({items:r=[],value:i,defaultValue:n,onChange:o,type:l="floating",orientation:s="horizontal",color:c="default",surface:d,fab:h,className:u="",sx:m={},...p}){const[x,f]=e.useState(n??null),g=void 0!==i,b=g?i:x,v=e.useCallback(e=>{const a=b===e?null:e;g||f(a),o?.(a)},[g,b,o]),y=zw[c]||ww[c]||zw.default,j=y.theme,S=d||y.surface,z="vertical"===s,w="floating"===l,B=t.jsx(a.Box,{role:"toolbar","aria-orientation":s,"aria-label":"Toolbar","data-theme":j,"data-surface":S||"Surface",className:"toolbar toolbar-"+l+" toolbar-"+s+" toolbar-"+c+" "+u,sx:{display:"inline-flex",flexDirection:z?"column":"row",alignItems:"center",gap:"4px",width:"fit-content",backgroundColor:"var(--Background)",border:"1px solid var(--Border-Variant)",borderRadius:w?"56px":"var(--Style-Border-Radius)",padding:w?z?"16px 8px":"8px 16px":"8px",fontFamily:"inherit",flexShrink:0,...w&&{boxShadow:bp},...m},...p,children:r.map((e,a)=>{const r=b===a;return t.jsx(Rx,{iconOnly:!0,variant:r?"default":"ghost",size:"small",onClick:()=>v(a),"aria-label":e.label,"aria-checked":r,role:"radio",children:t.jsx(up,{size:"small",sx:{color:"inherit"},children:e.icon})},e.key||a)})});return h&&w?t.jsxs(a.Box,{sx:{display:"inline-flex",flexDirection:z?"column":"row",alignItems:"center",gap:1},children:[B,t.jsx(Pg,{color:h.color||c,size:h.size||"medium",onClick:h.onClick,"aria-label":h.label||"Action",children:h.icon})]}):B}const kw=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Cw=[{icon:t.jsx(_e,{}),label:"Bold"},{icon:t.jsx(ea,{}),label:"Italic"},{icon:t.jsx(aa,{}),label:"Underline"},{icon:t.jsx(ta,{}),label:"Align left"},{icon:t.jsx(ra,{}),label:"Align center"}];function Tw({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}const Mw=wp,Aw={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Lw={primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",neutral:"Neutral",info:"Info",success:"Success",warning:"Warning",error:"Error"},Iw={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 Nw({children:e,title:r,variant:i="solid",color:n="black-white",size:o="medium",placement:l="bottom",arrow:s=!0,open:c,enterDelay:d=100,leaveDelay:h=0,describeChild:u=!1,className:m="",sx:p={},...x}){const f=Iw[o]||Iw.medium,g="solid"===i,b="light"===i,v="outline"===i,y=Mw(n),j=(e=>String(e).startsWith("left")||String(e).startsWith("right"))(l),S=g?Aw[n]:b?Lw[n]:null,z="var(--Buttons-"+y+"-Button)",w="var(--Buttons-"+y+"-Text)",B=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-"+n+" tooltip-"+o+" "+m,sx:{backgroundColor:z,color:w,border:B,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)",...p},children:r}):"",placement:l,arrow:s,enterDelay:d,leaveDelay:h,describeChild:u,...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%"}}}},...x,children:e})}const Rw={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}},Fw={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 Dw=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Ww=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary","neutral"]},{label:"State",colors:["info","success","warning","error"]}],Pw=e=>t.jsx(a.Box,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:e,flexShrink:0}}),Hw=[{id:"1",label:"Documents",icon:t.jsx(Ge,{}),badge:Pw("var(--Warning-Text, orange)"),children:[{id:"1-1",label:"Company",icon:t.jsx(ia,{}),badge:Pw("var(--Warning-Text, orange)"),children:[{id:"1-1-1",label:"Invoice",icon:t.jsx(oa,{})},{id:"1-1-2",label:"Meeting notes",icon:t.jsx(na,{})},{id:"1-1-3",label:"Tasks list",icon:t.jsx(na,{})},{id:"1-1-4",label:"Equipment",icon:t.jsx(oa,{})},{id:"1-1-5",label:"Video conference",icon:t.jsx(la,{})}]},{id:"1-2",label:"Personal",icon:t.jsx(Ge,{})},{id:"1-3",label:"Group photo",icon:t.jsx(Je,{})}]},{id:"2",label:"Bookmarked",icon:t.jsx(Ve,{}),children:[{id:"2-1",label:"Favourites",icon:t.jsx(na,{})}]},{id:"3",label:"History",icon:t.jsx(Ge,{})},{id:"4",label:"Trash",icon:t.jsx(y,{}),disabled:!0}],Ow=JSON.stringify(zS,null,2);function Ew({ratio:e,threshold:r}){if(!e)return t.jsx(ht,{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(ht,{style:{color:i?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:i?"Pass":"Fail"})]})}function Vw({label:e,ratio:r,threshold:i,note:n}){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(rt,{style:{color:"var(--Text)"},children:e}),n&&t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:n})]}),t.jsx(Ew,{ratio:r,threshold:i})]})}function qw({label:e,selected:a,onClick:r}){return t.jsx(Rx,{selected:a,variant:a?"default":"default-outline",size:"small",onClick:r,children:e})}function Gw({color:e,selected:r,onClick:i}){const o=Dw(e);return t.jsx(a.Box,{component:"button",onClick:()=>i(e),"aria-label":"Select "+o,"aria-pressed":r,title:o,sx:{width:"var(--Button-Height)",height:"var(--Button-Height)",borderRadius:"4px",backgroundColor:"var(--Buttons-"+o+"-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(n,{sx:{fontSize:16,color:"var(--Buttons-"+o+"-Text)",pointerEvents:"none"}})})}function Qw({value:r,onChange:i}){const[n,o]=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(ft,{style:{color:"var(--Text-Quiet)"},children:"TREE DATA (JSON)"}),t.jsx(Rx,{variant:"ghost",size:"small",onClick:()=>{o(Ow),s(null),i(zS)},children:"Reset"})]}),t.jsx(a.Box,{component:"textarea",value:n,onChange:e=>{o(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(ht,{style:{color:"#f87171",display:"block",marginTop:4},children:["JSON error: ",l]})]})}const Uw=["outlined","light","ghost"];let Yw=!1;function Xw(e){Yw||"production"===process.env.NODE_ENV||(Yw=!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 Jw({variant:e,color:a,exclusive:r,multiple:i,onChange:n,allowEmpty:o=!1,separated:l=!1,...s}){const c=void 0===e||Uw.includes(e);c||Xw(`variant="${e}" names a COLOR.`),void 0!==r&&Xw("`exclusive` is `multiple` inverted.");const d=void 0!==i?i:void 0!==r&&!r,h=!c||void 0!==r;return t.jsx(ky,{__selectionOwner:!0,variant:c&&e||"outlined",color:void 0!==a?a:c?void 0:e,multiple:d,allowEmpty:o,separated:l,onChange:n?h?(e,a)=>n(a,e):n:void 0,...s})}const Zw=e=>{const a=a=>t.jsx(Jw,{color:e,...a});return a.displayName=`${e}ToggleButtonGroup`,a},$w=Zw("default"),Kw=Zw("primary"),_w=Zw("secondary"),eB=Zw("tertiary"),aB=Zw("neutral"),tB=Zw("black-white"),rB=Zw("info"),iB=Zw("success"),nB=Zw("warning"),oB=Zw("error"),lB={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)"}}};function sB({children:e,selected:r=!1,onChange:i,value:n,sx:o={},...l}){return t.jsx(a.ToggleButton,{value:n,selected:r,onChange:i,sx:{border:"1px solid var(--Border)",...lB,...o},...l,children:e})}const cB=new Set;function dB({children:e,surface:r="Surface",variant:i,color:n="default",elevated:o=!1,component:l="div",className:s="",sx:c={},...d}){const h=(u="default"===n?"Default":n).charAt(0).toUpperCase()+u.slice(1);var u;const m="default"===n?"Default":h;!function(e){void 0!==e&&("production"===process.env.NODE_ENV||cB.has(e)||(cB.add(e),console.warn('[Sheet] variant="'+e+'" — Sheet has no variants. Set `surface` directly: light was surface="Surface-Brightest", dark was surface="Surface-Dimmest", solid was the default surface="Surface".')))}(i);const p=r,x=o?vp:bp,f=o?yp:vp;return t.jsx(a.Box,{component:l,className:"sheet sheet-"+n+(o?" sheet-elevated":"")+(s?" "+s:""),sx:{border:"1px solid var(--Border-Variant)",borderRadius:"var(--Style-Border-Radius)",boxShadow:x,overflow:"hidden",transition:"box-shadow 0.2s ease","&:hover":{boxShadow:f},...c},...d,children:t.jsx(a.Box,{"data-theme":m,"data-surface":p,sx:{backgroundColor:"var(--Background)",color:"var(--Text)",padding:"var(--Card-Padding)",borderRadius:"calc(var(--Style-Border-Radius) - 1px)",fontFamily:"inherit"},children:e})})}function hB(e,a){return e.filter(e=>!a.includes(e))}function uB(e,a){return e.filter(e=>a.includes(e))}function mB({theme:r,surface:i,leftItems:n,rightItems:o,defaultLeftItems:l=[],defaultRightItems:s=[],onChange:c,leftTitle:d="Available",rightTitle:h="Chosen",mode:u="basic",disabled:m=!1,className:p="",sx:x={},...f}){const g=void 0!==n&&void 0!==o,[b,v]=e.useState(l),[y,j]=e.useState(s),[S,z]=e.useState([]),w=g?n:b,B=g?o:y,k=uB(S,w),C=uB(S,B),T="enhanced"===u,M=e.useCallback((e,a)=>{g||(v(e),j(a)),c?.({left:e,right:a})},[g,c]),A=e=>{m||z(a=>a.includes(e)?a.filter(a=>a!==e):[...a,e])},L=(e,r,i)=>{const n=r.length>0&&r.every(e=>S.includes(e)),o=r.some(e=>S.includes(e))&&!n,l=T?i.length+"/"+r.length:r.length+" items";return t.jsx(a.Box,{sx:{flex:1,minWidth:0},children:t.jsx(a.Box,{sx:{borderRadius:"var(--Card-Radius)",boxShadow:"none"},children:t.jsxs(a.Box,{"data-surface":"Container",sx:{backgroundColor:"var(--Background)",border:"1px solid var(--Border)",borderRadius:"var(--Card-Radius)",overflow:"hidden",display:"flex",flexDirection:"column",gap:0,opacity:m?"var(--Disabled, 0.38)":1},children:[t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"row",alignItems:"flex-start",justifyContent:"flex-start",gap:1,boxSizing:"border-box",minHeight:"40px",padding:"12px 16px"},children:[T&&t.jsx(yg,{size:"small",variant:"default-outline",checked:n,indeterminate:o,onChange:()=>(e=>{if(m)return;const a=e.every(e=>S.includes(e));z(a?a=>hB(a,e):a=>[...new Set([...a,...e])])})(r),disabled:m||0===r.length,"aria-label":n?"Deselect all":"Select all"}),t.jsx(rt,{style:{flex:1,fontWeight:700,color:"var(--Text)"},children:e}),t.jsx(ht,{style:{color:"var(--Quiet)"},children:l})]}),t.jsx(Jg,{orientation:"horizontal",color:"default",size:"small"}),t.jsxs(a.Box,{component:"ul",role:"list",sx:{m:0,listStyle:"none",padding:"12px 16px",display:"flex",flexDirection:"column",gap:"16px",overflowY:"auto",maxHeight:240},children:[r.map(e=>{const r=S.includes(e);return t.jsxs(a.Box,{component:"li",role:"listitem",onClick:()=>A(e),sx:{display:"flex",alignItems:"center",gap:1,cursor:m?"not-allowed":"pointer"},children:[t.jsx(yg,{size:"small",variant:"default-outline",checked:r,onChange:()=>A(e),disabled:m,"aria-label":"Select "+e,sx:{pointerEvents:"none"}}),t.jsx(rt,{style:{color:"var(--Text)",flex:1},children:e})]},e)}),0===r.length&&t.jsx(a.Box,{component:"li",sx:{p:2,textAlign:"center"},children:t.jsx(ht,{style:{color:"var(--Quiet)"},children:"No items"})})]})]})})})};return t.jsxs(a.Box,{className:"transfer-list transfer-list-"+u+(m?" transfer-list-disabled":"")+(p?" "+p:""),"data-theme":r||void 0,"data-surface":i||void 0,role:"group","aria-label":"Transfer list",sx:{display:"flex",flexDirection:"row",alignItems:"flex-start",justifyContent:"center",gap:"4px",fontFamily:"inherit",...x},...f,children:[L(d,w,k),t.jsxs(a.Box,{sx:{display:"flex",flexDirection:"column",gap:"8px",padding:"8px",flexShrink:0,alignSelf:"center"},children:[T&&t.jsx(Rx,{iconOnly:!0,variant:"default-outline",size:"small",onClick:()=>{M([],[...B,...w]),z([])},disabled:m||0===w.length,"aria-label":"Move all right",children:t.jsx(up,{size:"small",children:t.jsx(da,{})})}),t.jsx(Rx,{iconOnly:!0,variant:"default-outline",size:"small",onClick:()=>{M(hB(w,k),[...B,...k]),z(hB(S,k))},disabled:m||0===k.length,"aria-label":"Move selected right",children:t.jsx(up,{size:"small",children:t.jsx(Le,{})})}),t.jsx(Rx,{iconOnly:!0,variant:"default-outline",size:"small",onClick:()=>{M([...w,...C],hB(B,C)),z(hB(S,C))},disabled:m||0===C.length,"aria-label":"Move selected left",children:t.jsx(up,{size:"small",children:t.jsx(Ae,{})})}),T&&t.jsx(Rx,{iconOnly:!0,variant:"default-outline",size:"small",onClick:()=>{M([...w,...B],[]),z([])},disabled:m||0===B.length,"aria-label":"Move all left",children:t.jsx(up,{size:"small",children:t.jsx(ha,{})})})]}),L(h,B,C)]})}const pB=[{icon:t.jsx(v,{}),label:"Home"},{icon:t.jsx(S,{}),label:"Search"},{icon:t.jsx(b,{}),label:"Favorites",badge:3},{icon:t.jsx(w,{}),label:"Profile"},{icon:t.jsx(j,{}),label:"Settings"}],xB=[{label:"Home"},{label:"Inbox"},{label:"Projects"},{label:"Settings"}],fB=[{label:"Dessert",field:"name",width:"50%"},{label:"Calories",field:"calories",align:"right"},{label:"Fat (g)",field:"fat",align:"right"}],gB=[{name:"Frozen yoghurt",calories:159,fat:6},{name:"Ice cream sandwich",calories:237,fat:9},{name:"Eclair",calories:262,fat:16}],bB=[{value:"light",label:"Light"},{value:"dark",label:"Dark"},{value:"system",label:"System"}],vB=[{icon:t.jsx(_e,{}),label:"Bold"},{icon:t.jsx(ea,{}),label:"Italic"},{icon:t.jsx(aa,{}),label:"Underline"}],yB=[{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"}],jB=({w:e=320,h:a,pad:r=0,children:i})=>t.jsx("div",{style:{width:e,height:a,position:"relative",overflow:"hidden",padding:r?`0 ${r}px`:void 0,boxSizing:"border-box"},children:i}),SB=()=>{const[a,r]=e.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(Rx,{onClick:()=>r(!0),children:"Open modal"}),t.jsx(lz,{open:a,onClose:()=>r(!1),title:"Rename project",children:t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsx(nt,{children:"Modals take the whole screen's attention, so they owe the reader a way out."}),t.jsx(Rx,{onClick:()=>r(!1),children:"Done"})]})})]})},zB=()=>{const[a,r]=e.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(Rx,{onClick:()=>r(!0),children:"Open dialog"}),t.jsx(pS,{open:a,onClose:()=>r(!1),title:"Discard changes?",actions:t.jsxs(t.Fragment,{children:[t.jsx(Rx,{variant:"outline",onClick:()=>r(!1),children:"Keep editing"}),t.jsx(Rx,{variant:"error",onClick:()=>r(!1),children:"Discard"})]}),children:t.jsx(nt,{children:"This cannot be undone."})})]})},wB=()=>{const[a,r]=e.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(Rx,{onClick:()=>r(!0),children:"Open drawer"}),t.jsx(pj,{open:a,onClose:()=>r(!1),children:t.jsxs(yv,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)",minWidth:240},children:[t.jsx(Xa,{children:"Filters"}),t.jsx(PS,{items:xB,clickable:!0}),t.jsx(Rx,{onClick:()=>r(!1),children:"Close"})]})})]})},BB=()=>{const[a,r]=e.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(Rx,{onClick:()=>r(!0),children:"Show snackbar"}),t.jsx(Xz,{open:a,onClose:()=>r(!1),color:"success",autoHideDuration:4e3,children:"Project saved."})]})},kB=()=>{const[a,r]=e.useState(!1),i=e.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsx(Rx,{ref:i,onClick:()=>r(e=>!e),children:"Open popover"}),t.jsx(cz,{open:a,onClose:()=>r(!1),anchorRef:i,width:260,children:t.jsx(yv,{gap:"var(--Sizing-1)",style:{padding:"var(--Sizing-2)"},children:t.jsx(nt,{children:"A panel anchored to the thing that opened it, rendered through a portal so no ancestor can clip it."})})})]})};function CB(){const[a,r]=e.useState("left"),[i,n]=e.useState("day");return t.jsxs(yv,{gap:"var(--Sizing-3)",style:{alignItems:"flex-start"},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start"},children:[t.jsx(ht,{color:"quiet",children:"joined — one control, shared edges"}),t.jsxs(Jw,{value:a,onChange:r,"aria-label":"Alignment",children:[t.jsx(Rx,{value:"left",children:"Left"}),t.jsx(Rx,{value:"center",children:"Center"}),t.jsx(Rx,{value:"right",children:"Right"})]})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start"},children:[t.jsx(ht,{color:"quiet",children:"separated — the same choice, gapped"}),t.jsxs(Jw,{value:i,onChange:n,separated:!0,"aria-label":"View",children:[t.jsx(Rx,{value:"day",children:"Day"}),t.jsx(Rx,{value:"week",children:"Week"}),t.jsx(Rx,{value:"month",children:"Month"})]})]})]})}function TB(){return t.jsxs(yv,{gap:"var(--Sizing-3)",style:{alignItems:"flex-start"},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start"},children:[t.jsx(ht,{color:"quiet",children:"ButtonGroup — three things you can do"}),t.jsxs(ky,{"aria-label":"Actions",children:[t.jsx(Rx,{onClick:()=>{},children:"Save"}),t.jsx(Rx,{onClick:()=>{},children:"Duplicate"}),t.jsx(Rx,{onClick:()=>{},children:"Delete"})]})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start"},children:[t.jsx(ht,{color:"quiet",children:"ToggleButtonGroup — one answer, and never none"}),t.jsx(CB,{})]})]})}function MB(){const[a,r]=e.useState(!1),[i,n]=e.useState(42);return t.jsx(yz,{title:"Weather Report",subtitle:"The Mercury Lamps",avatarInitials:"ML",playing:a,onPlayPause:r,position:i,onSeek:n,duration:195,onPrevious:()=>n(0),onNext:()=>n(0)})}function AB(){const[a,r]=e.useState(!0);return t.jsx(sB,{selected:a,onChange:()=>r(!a),"aria-label":"Bold",children:t.jsx(_e,{})})}const LB={ToggleButton:()=>t.jsx(AB,{}),Player:()=>t.jsx(MB,{}),ButtonGroup:()=>t.jsx(TB,{}),ToggleButtonGroup:()=>t.jsx(CB,{}),AppBar:()=>t.jsx(jB,{w:"100%",children:t.jsx(Sj,{navLinks:[{label:"Work"},{label:"Studio"},{label:"Contact"}]})}),Autocomplete:()=>t.jsx(jB,{children:t.jsx(Nj,{label:"Theme",options:["Light","Dark","System","High contrast"],placeholder:"Type to search"})}),BottomNavigation:()=>t.jsx(jB,{w:360,children:t.jsx(Yj,{items:pB.slice(0,4),defaultValue:0})}),CodeBlock:()=>t.jsx(jB,{w:"100%",children:t.jsx(Ff,{code:"npm install @omni-design/components",language:"bash"})}),Dialog:()=>t.jsx(zB,{}),Drawer:()=>t.jsx(wB,{}),DropZone:()=>t.jsx(jB,{w:360,children:t.jsx(TS,{label:"Drop a file here",sublabel:"PNG or SVG, up to 2 MB"})}),IconBadge:()=>t.jsx(IS,{color:"primary",children:t.jsx(h,{})}),List:()=>t.jsx(jB,{children:t.jsx(PS,{items:xB,clickable:!0})}),Loader:()=>t.jsx(OS,{message:"Loading projects…"}),Menu:()=>t.jsxs(YS,{children:[t.jsx(XS,{children:"Actions"}),t.jsxs(JS,{children:[t.jsx(ZS,{children:"Rename"}),t.jsx(ZS,{children:"Duplicate"}),t.jsx($S,{}),t.jsx(ZS,{disabled:!0,children:"Delete"})]})]}),Modal:()=>t.jsx(SB,{}),Paper:()=>t.jsx(sz,{surface:"Container",children:t.jsxs(yv,{gap:"var(--Sizing-1)",style:{padding:"var(--Sizing-3)",minWidth:220},children:[t.jsx(Xa,{children:"Paper"}),t.jsx(nt,{children:"A surface at one container level, with the elevation that level implies."})]})}),Popover:()=>t.jsx(kB,{}),Sheet:()=>t.jsx(jB,{w:320,children:t.jsx(dB,{surface:"Surface-Bright",elevated:!0,sx:{padding:"var(--Sizing-3)"},children:t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsx(_a,{color:"standard",children:"Export settings"}),t.jsx(rt,{color:"quiet",children:"A panel that carries its own surface, for content that should read as sitting above the page rather than on it."})]})})}),TransferList:()=>t.jsx(mB,{leftTitle:"Available",rightTitle:"Chosen",defaultLeftItems:["Colors","Typography","Spacing"],defaultRightItems:["Elevation"]}),Rail:()=>t.jsx(jB,{w:88,h:320,children:t.jsx(pz,{items:pB,defaultValue:0})}),Ratio:()=>t.jsx(jB,{w:240,children:t.jsx(Bz,{ratio:"16:9"})}),SearchField:()=>t.jsx(jB,{children:t.jsx(Jy,{placeholder:"Search projects…"})}),Select:()=>t.jsx(jB,{children:t.jsx(Ap,{label:"Appearance",options:bB,defaultValue:"system"})}),Sidebar:()=>t.jsx(jB,{w:280,h:320,children:t.jsx(Qz,{variant:"permanent",open:!0,items:xB,width:280})}),Snackbar:()=>t.jsx(BB,{}),StateMessage:()=>t.jsx(jB,{w:360,children:t.jsx(tw,{type:"empty",title:"No projects yet",body:"Create one to get started.",action:t.jsx(Rx,{size:"small",children:"New project"})})}),Stepper:()=>t.jsx(jB,{w:440,pad:48,children:t.jsxs(lw,{activeStep:1,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})}),Swatch:()=>t.jsx(gw,{color:"#70947b",label:"Primary"}),Table:()=>t.jsx(jB,{w:"100%",children:t.jsx(yw,{columns:fB,rows:gB})}),Tag:()=>t.jsx(Zb,{color:"primary",children:"Beta"}),TextField:()=>t.jsx(jB,{children:t.jsx(jw,{label:"Project name",placeholder:"Untitled"})}),Toolbar:()=>t.jsx(Bw,{items:vB,defaultValue:0}),Tooltip:()=>t.jsx(Nw,{title:"Rename this project",children:t.jsx(Rx,{variant:"outline",children:"Hover me"})}),TreeView:()=>t.jsx(jB,{children:t.jsx(SS,{items:yB,defaultExpandedItems:["src","components"]})})},IB="npm install @omni-design/components",NB={Typography:{textStyle:()=>t.jsx(yv,{gap:"var(--Sizing-1)",style:{alignItems:"flex-start"},children:[["h2","A heading"],["subtitle","A subtitle"],["body","Body copy"],["caption","A caption"]].map(([e,a])=>t.jsx(Ey,{label:e,emphasis:"body"===e,children:t.jsx(Qa,{textStyle:e,children:a})},e))}),color:()=>t.jsx(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap"},children:["standard","quiet","primary","success","error"].map(e=>t.jsx(Ey,{label:e,emphasis:"standard"===e,children:t.jsx(nt,{color:e,children:"Body"})},e))}),noWrap:()=>t.jsx(yv,{gap:"var(--Sizing-2)",children:[!1,!0].map(e=>t.jsx(Ey,{label:String(e),emphasis:!e,children:t.jsx("div",{style:{width:180},children:t.jsx(nt,{noWrap:e,children:"A line long enough to need wrapping or an ellipsis."})})},String(e)))}),altMode:()=>t.jsx(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:["default","colored","gradient"].map(e=>t.jsx(Ey,{label:e,emphasis:"default"===e,children:t.jsx(Qa,{textStyle:"alt-display-small",altMode:e,children:"Alt"})},e))}),width:()=>t.jsx(yv,{gap:"var(--Sizing-2)",children:["hug","fill"].map(e=>t.jsx(Ey,{label:e,emphasis:"hug"===e,children:t.jsx(Dv,{surface:"Container",style:{width:240},children:t.jsx(nt,{width:e,children:"Text"})})},e))}),gutterBottom:()=>t.jsx(yv,{gap:"var(--Sizing-2)",children:[!1,!0].map(e=>t.jsx(Ey,{label:String(e),emphasis:!e,children:t.jsxs("div",{children:[t.jsx(nt,{gutterBottom:e,children:"First line."}),t.jsx(nt,{children:"Second line."})]})},String(e)))})},ToggleButton:{selected:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"false",emphasis:!0,children:t.jsx(sB,{"aria-label":"Bold",children:t.jsx(_e,{})})}),t.jsx(Ey,{label:"true",children:t.jsx(sB,{selected:!0,"aria-label":"Bold",children:t.jsx(_e,{})})})]})},CircularProgress:{size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(Jv,{size:e,value:68})}),showValue:()=>t.jsx(Gy,{offLabel:"false",onLabel:"true",render:e=>t.jsx(Jv,{value:68,showValue:e})})},LinearProgress:{size:()=>t.jsx(yv,{gap:"var(--Sizing-2)",children:["small","medium","large"].map(e=>t.jsx(Ey,{label:e,emphasis:"medium"===e,children:t.jsx("div",{style:{width:280},children:t.jsx(Vv,{size:e,value:68})})},e))})},Player:{size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx("div",{style:{width:420},children:t.jsx(yz,{size:e,title:"Weather Report",subtitle:"The Mercury Lamps",avatarInitials:"ML",defaultPosition:42,duration:195,onSeek:()=>{},onPlayPause:()=>{}})})}),"playing / defaultPlaying":()=>t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsx(Ey,{label:"paused",emphasis:!0,children:t.jsx("div",{style:{width:420},children:t.jsx(yz,{title:"Weather Report",avatarInitials:"ML",defaultPosition:42,duration:195,onSeek:()=>{},onPlayPause:()=>{}})})}),t.jsx(Ey,{label:"playing",children:t.jsx("div",{style:{width:420},children:t.jsx(yz,{playing:!0,title:"Weather Report",avatarInitials:"ML",defaultPosition:42,duration:195,onSeek:()=>{},onPlayPause:()=>{}})})})]}),showTime:()=>t.jsx(Gy,{offLabel:"true",onLabel:"false",render:e=>t.jsx("div",{style:{width:420},children:t.jsx(yz,{showTime:!e,title:"Weather Report",avatarInitials:"ML",defaultPosition:42,duration:195,onSeek:()=>{},onPlayPause:()=>{}})})}),disabled:()=>t.jsx(Gy,{render:e=>t.jsx("div",{style:{width:420},children:t.jsx(yz,{disabled:e,title:"Weather Report",avatarInitials:"ML",defaultPosition:42,duration:195,onSeek:()=>{},onPlayPause:()=>{}})})})},Button:{selected:()=>t.jsx(Gy,{offLabel:"unselected",onLabel:"selected",render:e=>t.jsx(Rx,{variant:"outline",selected:e,children:"Bold"})}),avatar:()=>t.jsx(Gy,{offLabel:"text button",onLabel:"avatar",render:e=>e?t.jsx(Rx,{avatar:!0,"aria-label":"Jane Doe",children:t.jsx(ox,{})}):t.jsx(Rx,{children:"Jane Doe"})}),letterNumber:()=>t.jsx(Gy,{offLabel:"text button",onLabel:"letterNumber",render:e=>e?t.jsx(Rx,{letterNumber:!0,"aria-label":"3 unread",children:"3"}):t.jsx(Rx,{children:"3 unread"})})},Chip:{variant:()=>t.jsx(Vy,{values:Hy,defaultValue:"primary",render:e=>t.jsx(Qx,{variant:e,label:"Label"})}),selected:()=>t.jsx(Gy,{render:e=>t.jsx(Qx,{label:"Design",selected:e,clickable:!0}),offLabel:"unselected",onLabel:"selected"}),clickable:()=>t.jsx(Gy,{render:e=>t.jsx(Qx,{label:"Design",clickable:e}),offLabel:"static",onLabel:"clickable"}),disabled:()=>t.jsx(Gy,{render:e=>t.jsx(Qx,{label:"Design",clickable:!0,disabled:e}),offLabel:"enabled",onLabel:"disabled"})},Badge:{variant:()=>t.jsx(Vy,{values:Hy,defaultValue:"primary",render:e=>t.jsx(xx,{variant:e,badgeContent:4,children:t.jsx(up,{children:t.jsx(d,{})})})}),dot:()=>t.jsx(Gy,{render:e=>t.jsx(xx,{dot:e,badgeContent:4,children:t.jsx(up,{children:t.jsx(d,{})})}),offLabel:"count",onLabel:"dot"}),showZero:()=>t.jsx(Gy,{render:e=>t.jsx(xx,{showZero:e,badgeContent:0,children:t.jsx(up,{children:t.jsx(d,{})})}),offLabel:"0 hidden",onLabel:"0 shown"}),invisible:()=>t.jsx(Gy,{render:e=>t.jsx(xx,{invisible:e,badgeContent:4,children:t.jsx(up,{children:t.jsx(d,{})})}),offLabel:"visible",onLabel:"invisible"}),overlap:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"rectangular",emphasis:!0,children:t.jsx(xx,{badgeContent:4,overlap:"rectangular",children:t.jsx(ox,{initials:"JD"})})}),t.jsx(Ey,{label:"circular",children:t.jsx(xx,{badgeContent:4,overlap:"circular",children:t.jsx(ox,{initials:"JD"})})})]})},Alert:{color:()=>t.jsx(qy,{values:["info","success","warning","error"],defaultValue:"info",render:e=>t.jsxs(Gf,{color:e,children:[e," — something worth saying."]})}),size:()=>t.jsx(qy,{values:Oy,defaultValue:"medium",render:e=>t.jsxs(Gf,{color:"info",size:e,children:["Size ",e,"."]})})},Avatar:{defaultPhoto:()=>t.jsx(Gy,{render:e=>t.jsx(ox,{defaultPhoto:e}),offLabel:"no photo",onLabel:"default photo"}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(ox,{size:e,initials:"JD"})}),clickable:()=>t.jsx(Gy,{render:e=>t.jsx(ox,{initials:"JD",clickable:e,"aria-label":e?"Jane Doe, open menu":void 0}),offLabel:"static",onLabel:"clickable"})},Icon:{color:()=>t.jsx(Vy,{values:["default",...Hy,"quiet"],defaultValue:"default",render:e=>t.jsx(up,{color:e,children:t.jsx(b,{})})}),size:()=>t.jsx(Vy,{values:["xxs","xs","small","medium","large","xl","xxl"],defaultValue:"medium",render:e=>t.jsx(up,{size:e,color:"primary",children:t.jsx(b,{})})}),twoTone:()=>t.jsx(Gy,{render:e=>t.jsx(up,{color:"primary",twoTone:e,size:"large",children:t.jsx(b,{})}),offLabel:"solid",onLabel:"twoTone"}),disabled:()=>t.jsx(Gy,{render:e=>t.jsx(up,{color:"primary",disabled:e,children:t.jsx(b,{})}),offLabel:"enabled",onLabel:"disabled"})},Swatch:{fit:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsx(Ey,{label:"fixed",emphasis:!0,width:300,children:t.jsx(vv,{gap:"var(--Sizing-1)",children:["#505b45","#8a9a7b","#c9d4bd"].map(e=>t.jsx(gw,{color:e},e))})}),t.jsx(Ey,{label:"fill",width:300,children:t.jsx(vv,{gap:"var(--Sizing-1)",style:{width:300},children:["#505b45","#8a9a7b","#c9d4bd"].map(e=>t.jsx("div",{style:{flex:1},children:t.jsx(gw,{color:e,fit:"fill"})},e))})})]}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(gw,{color:"#70947b",size:e})}),selected:()=>t.jsx(Gy,{render:e=>t.jsx(gw,{color:"#70947b",label:"Primary",selected:e}),offLabel:"unselected",onLabel:"selected"}),disabled:()=>t.jsx(Gy,{render:e=>t.jsx(gw,{color:"#70947b",label:"Primary",disabled:e}),offLabel:"enabled",onLabel:"disabled"}),radio:()=>t.jsx(Gy,{render:e=>t.jsx(gw,{color:"#70947b",label:"Primary",radio:e,selected:!0}),offLabel:"chip carries it",onLabel:"radio carries it"})},Tag:{color:()=>t.jsx(Vy,{values:["default",...Hy],defaultValue:"primary",render:e=>t.jsx(Zb,{color:e,children:e})}),width:()=>t.jsxs(yv,{gap:"var(--Sizing-2)",style:{width:200},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"hug"}),t.jsx(Zb,{color:"primary",children:"Beta"})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"fill"}),t.jsx(Zb,{color:"primary",width:"fill",children:"Beta"})]})]}),allCaps:()=>t.jsx(Gy,{render:e=>t.jsx(Zb,{color:"primary",allCaps:e,children:"Beta"}),offLabel:"as written",onLabel:"allCaps"})},IconBadge:{color:()=>t.jsx(Vy,{values:["default",...Hy],defaultValue:"primary",render:e=>t.jsx(IS,{color:e,children:t.jsx(d,{})})}),size:()=>t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsx(IS,{color:"primary",children:t.jsx(d,{})}),t.jsx(nt,{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(Gy,{render:e=>t.jsx(qt,{href:"#",disabled:e,children:"Read the guide"}),offLabel:"enabled",onLabel:"disabled"})},Divider:{color:()=>t.jsx(qy,{values:["border","border-variant",...Hy],defaultValue:"border-variant",render:e=>t.jsx(Jg,{color:e})}),orientation:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{alignItems:"flex-start"},children:[t.jsx(Ey,{label:"horizontal",emphasis:!0,width:160,children:t.jsx("div",{style:{width:160},children:t.jsx(Jg,{})})}),t.jsx(Ey,{label:"vertical",width:60,children:t.jsx("div",{style:{height:60,display:"flex"},children:t.jsx(Jg,{orientation:"vertical",style:{alignSelf:"stretch"}})})})]}),size:()=>t.jsx(qy,{values:Oy,defaultValue:"small",render:e=>t.jsx(Jg,{size:e,color:"primary"})}),indicatorStyle:()=>t.jsx(qy,{values:["outline","solid"],defaultValue:"outline",render:e=>t.jsx(Jg,{indicatorText:"OR",indicatorStyle:e,color:"primary"})}),textAlign:()=>t.jsx(qy,{values:["left","center","right"],defaultValue:"center",render:e=>t.jsx(Jg,{indicatorText:"OR",textAlign:e})})},Loader:{color:()=>t.jsx(Vy,{values:["default",...Hy],defaultValue:"primary",render:e=>t.jsx(OS,{color:e,size:"small",message:""})}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(OS,{size:e,message:""})})},StateMessage:{type:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:360},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"empty"}),t.jsx(tw,{type:"empty",title:"No projects yet",body:"Create one to get started."})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"error"}),t.jsx(tw,{type:"error",title:"Could not load",body:"Check your connection and try again."})]}),t.jsx(nt,{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(qy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(tw,{type:"empty",size:e,title:"No projects yet",body:"Create one to get started."})})},Fab:{variant:()=>t.jsx(Vy,{values:["solid","outline","ghost"],defaultValue:"solid",render:e=>t.jsx(Pg,{variant:e,icon:t.jsx(up,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add, "+e})})},Rating:{color:()=>t.jsx(Vy,{values:["default",...Hy],defaultValue:"default",render:e=>t.jsx(oy,{color:e,defaultValue:3,readOnly:!0})}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(oy,{size:e,defaultValue:3,readOnly:!0})}),readOnly:()=>t.jsx(Gy,{render:e=>t.jsx(oy,{defaultValue:3,readOnly:e}),offLabel:"interactive",onLabel:"readOnly"})},CodeBlock:{showCopy:()=>t.jsx(qy,{values:[!0,!1],defaultValue:!0,render:e=>t.jsx(Ff,{code:IB,language:"bash",showCopy:e})}),showHeader:()=>t.jsx(qy,{values:[!0,!1],defaultValue:!0,render:e=>t.jsx(Ff,{code:IB,language:"bash",showHeader:e})}),wrap:()=>t.jsx(qy,{values:[!1,!0],defaultValue:!1,render:e=>t.jsx(Ff,{language:"bash",wrap:e,code:"npx @omni-design/cli generate --theme primary --surface Surface-Bright --out ./tokens"})})}},RB=220,FB=(e,a=RB)=>t.jsx("div",{style:{width:a},children:e}),DB=["default",...Hy,"black-white"],WB=["default",...Hy],PB={Checkbox:{variant:()=>t.jsx(Vy,{values:DB,defaultValue:"primary",render:e=>t.jsx(yg,{variant:e,defaultChecked:!0})}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(yg,{size:e,defaultChecked:!0})}),"checked / defaultChecked":()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"unchecked",emphasis:!0,children:t.jsx(yg,{label:"Unchecked"})}),t.jsx(Ey,{label:"checked",children:t.jsx(yg,{defaultChecked:!0,label:"Checked"})})]}),indeterminate:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"false",emphasis:!0,children:t.jsx(yg,{defaultChecked:!0,label:"All"})}),t.jsx(Ey,{label:"indeterminate",children:t.jsx(yg,{indeterminate:!0,label:"Some"})})]}),disabled:()=>t.jsx(Gy,{render:e=>t.jsx(yg,{defaultChecked:!0,disabled:e,label:"Email me"}),offLabel:"enabled",onLabel:"disabled"})},Radio:{color:()=>t.jsx(Vy,{values:DB,defaultValue:"primary",render:e=>t.jsx(cb,{color:e,checked:!0,name:"c-"+e})}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(cb,{size:e,checked:!0,name:"s-"+e})}),labelPlacement:()=>t.jsx(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["end","start","top","bottom"].map(e=>t.jsx(Ey,{label:e,emphasis:"end"===e,children:t.jsx(cb,{checked:!0,labelPlacement:e,label:"Option",name:"p-"+e})},e))}),checked:()=>t.jsxs(db,{defaultValue:"b",name:"demo",children:[t.jsx(cb,{value:"a",label:"Light"}),t.jsx(cb,{value:"b",label:"Dark"}),t.jsx(cb,{value:"c",label:"System"})]}),disabled:()=>t.jsx(Gy,{render:e=>t.jsx(cb,{checked:!0,disabled:e,label:"Dark",name:"d-"+e}),offLabel:"enabled",onLabel:"disabled"})},NumberField:{variant:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"outlined",emphasis:!0,children:t.jsx(mv,{label:"Quantity",defaultValue:2,min:1,max:10})}),t.jsx(Ey,{label:"spinner",children:t.jsx(mv,{variant:"spinner",label:"Quantity",defaultValue:2,min:1,max:10})})]}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(mv,{size:e,label:"Quantity",defaultValue:2,min:1,max:10})}),labelPosition:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"top",emphasis:!0,children:t.jsx(mv,{label:"Quantity",defaultValue:2})}),t.jsx(Ey,{label:"floating",children:t.jsx(mv,{labelPosition:"floating",label:"Quantity",defaultValue:2})})]}),fullWidth:()=>t.jsx(Gy,{render:e=>t.jsx("div",{style:{width:320},children:t.jsx(mv,{fullWidth:e,label:"Quantity",defaultValue:2})})}),disabled:()=>t.jsx(Gy,{render:e=>t.jsx(mv,{disabled:e,label:"Quantity",defaultValue:2,min:1,max:10})})},RadioGroup:{orientation:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"vertical",emphasis:!0,children:t.jsx(db,{label:"Delivery",name:"o-v",defaultValue:"std",options:[{value:"std",label:"Standard"},{value:"exp",label:"Express"},{value:"pick",label:"Collect in store"}]})}),t.jsx(Ey,{label:"horizontal",children:t.jsx(db,{label:"Delivery",name:"o-h",orientation:"horizontal",defaultValue:"std",options:[{value:"std",label:"Standard"},{value:"exp",label:"Express"}]})})]}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(db,{size:e,name:"s-"+e,defaultValue:"a",options:[{value:"a",label:"One"},{value:"b",label:"Two"}]})}),labelPlacement:()=>t.jsx(Vy,{values:["end","start","top","bottom"],defaultValue:"end",render:e=>t.jsx(db,{labelPlacement:e,name:"lp-"+e,defaultValue:"a",orientation:"top"===e||"bottom"===e?"horizontal":"vertical",options:[{value:"a",label:"One"},{value:"b",label:"Two"}]})}),disabled:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"the whole group",emphasis:!0,children:t.jsx(db,{label:"Delivery",name:"d-all",defaultValue:"std",disabled:!0,options:[{value:"std",label:"Standard"},{value:"exp",label:"Express"}]})}),t.jsx(Ey,{label:"one option",children:t.jsx(db,{label:"Delivery",name:"d-one",defaultValue:"std",options:[{value:"std",label:"Standard"},{value:"exp",label:"Express"},{value:"pick",label:"Collect in store",disabled:!0}]})})]})},SwitchInput:{variant:()=>t.jsx(Vy,{values:WB,defaultValue:"default",render:e=>t.jsx($f,{variant:e,defaultChecked:!0})}),size:()=>t.jsx(Vy,{values:Oy,defaultValue:"medium",render:e=>t.jsx($f,{size:e,defaultChecked:!0})}),"checked / defaultChecked":()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"off",emphasis:!0,children:t.jsx($f,{label:"Notifications"})}),t.jsx(Ey,{label:"on",children:t.jsx($f,{defaultChecked:!0,label:"Notifications"})})]}),icon:()=>t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsx(Vy,{values:["default","primary","secondary","tertiary"],defaultValue:"default",render:e=>t.jsx($f,{variant:e,defaultChecked:!0,iconOn:t.jsx(n,{fontSize:"inherit"}),iconOff:t.jsx(We,{fontSize:"inherit"})})}),t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"off",children:t.jsx($f,{label:"Sync",iconOn:t.jsx(n,{fontSize:"inherit"}),iconOff:t.jsx(We,{fontSize:"inherit"})})}),t.jsx(Ey,{label:"on",emphasis:!0,children:t.jsx($f,{defaultChecked:!0,label:"Sync",iconOn:t.jsx(n,{fontSize:"inherit"}),iconOff:t.jsx(We,{fontSize:"inherit"})})}),t.jsx(Ey,{label:"same glyph both ways",children:t.jsx($f,{defaultChecked:!0,label:"Sync",icon:t.jsx(n,{fontSize:"inherit"})})})]})]}),labelPlacement:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"end",emphasis:!0,children:t.jsx($f,{defaultChecked:!0,label:"Auto-save"})}),t.jsx(Ey,{label:"start",children:t.jsx($f,{defaultChecked:!0,labelPlacement:"start",label:"Auto-save"})})]}),disabled:()=>t.jsx(Gy,{render:e=>t.jsx($f,{defaultChecked:!0,disabled:e,label:"Auto-save"}),offLabel:"enabled",onLabel:"disabled"})},Input:{variant:()=>t.jsx(qy,{values:Hy.map(e=>e+"-outline"),defaultValue:"primary-outline",render:e=>FB(t.jsx(ib,{variant:e,label:"Name",placeholder:"Value"}))}),size:()=>t.jsx(qy,{values:Oy,defaultValue:"medium",render:e=>FB(t.jsx(ib,{size:e,label:"Name",placeholder:"Value"}))}),labelPosition:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"standard",emphasis:!0,width:RB,children:FB(t.jsx(ib,{label:"Project name",placeholder:"Untitled"}))}),t.jsx(Ey,{label:"floating",width:RB,children:FB(t.jsx(ib,{labelPosition:"floating",label:"Project name"}))})]}),validation:()=>t.jsx(qy,{values:["none","error"],defaultValue:"none",render:e=>FB(t.jsx(ib,{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(Gy,{width:RB,offLabel:"enabled",onLabel:"disabled",render:e=>FB(t.jsx(ib,{disabled:e,label:"Project name",defaultValue:"Untitled"}))})},TextField:{error:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"false",emphasis:!0,width:RB,children:FB(t.jsx(jw,{label:"Email",value:"jane@example.com"}))}),t.jsx(Ey,{label:"true",width:RB,children:FB(t.jsx(jw,{label:"Email",value:"not-an-email",error:!0,errorMessage:"Enter a valid email address."}))})]}),size:()=>t.jsx(qy,{values:Oy,defaultValue:"medium",render:e=>FB(t.jsx(jw,{size:e,label:"Name",placeholder:"Value"}))})},SearchField:{color:()=>t.jsx(qy,{values:WB,defaultValue:"default",render:e=>FB(t.jsx(Jy,{color:e,defaultValue:"dinosaur"}))}),showClearButton:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"true",emphasis:!0,width:RB,children:FB(t.jsx(Jy,{defaultValue:"dinosaur"}))}),t.jsx(Ey,{label:"false",width:RB,children:FB(t.jsx(Jy,{defaultValue:"dinosaur",showClearButton:!1}))})]}),size:()=>t.jsx(qy,{values:Oy,defaultValue:"medium",render:e=>FB(t.jsx(Jy,{size:e,placeholder:"Search — "+e}))})},Select:{labelPosition:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"top",emphasis:!0,width:RB,children:FB(t.jsx(Ap,{label:"Appearance",options:bB,defaultValue:"system"}))}),t.jsx(Ey,{label:"floating",width:RB,children:FB(t.jsx(Ap,{labelPosition:"floating",label:"Appearance",options:bB,defaultValue:"system"}))})]}),size:()=>t.jsx(qy,{values:Oy,defaultValue:"medium",render:e=>FB(t.jsx(Ap,{size:e,label:"Option",options:bB,defaultValue:"system"}))}),mode:()=>t.jsx(qy,{values:["standard","multiselect","searchable"],defaultValue:"standard",render:e=>FB(t.jsx(Ap,{mode:e,label:"Option",options:bB,defaultValue:"multiselect"===e?["system"]:"system"}))})},Autocomplete:{labelPosition:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"top",emphasis:!0,width:RB,children:FB(t.jsx(Nj,{label:"Theme",options:["Light","Dark","System"]}))}),t.jsx(Ey,{label:"floating",width:RB,children:FB(t.jsx(Nj,{labelPosition:"floating",label:"Theme",options:["Light","Dark","System"]}))})]}),size:()=>t.jsx(qy,{values:Oy,defaultValue:"medium",render:e=>FB(t.jsx(Nj,{size:e,label:"Option",options:["Light","Dark","System"]}))})},DropZone:{multiple:()=>t.jsxs(yv,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:360},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false — one file"}),t.jsx(TS,{label:"Drop a file here",sublabel:"PNG or SVG"})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — several"}),t.jsx(TS,{multiple:!0,label:"Drop files here",sublabel:"PNG or SVG"})]})]}),size:()=>t.jsx(qy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(TS,{size:e,label:"Drop a file — "+e})}),disabled:()=>t.jsxs(yv,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:360},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"enabled"}),t.jsx(TS,{label:"Drop a file here"})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"disabled"}),t.jsx(TS,{disabled:!0,label:"Drop a file here"})]})]})},Avatar:{color:()=>t.jsx(Vy,{values:["default","primary","secondary","tertiary","neutral"],defaultValue:"default",render:e=>t.jsx(ox,{color:e,initials:"JD"})})}},HB=({w:e=320,h:a,pad:r=0,children:i})=>t.jsx("div",{style:{width:e,height:a,position:"relative",overflow:"hidden",padding:r?`0 ${r}px`:void 0,boxSizing:"border-box"},children:i}),OB=(e={})=>t.jsxs(sy,{...e,children:[t.jsx(cy,{href:"/",children:"Home"}),t.jsx(cy,{href:"/projects",children:"Projects"}),t.jsx(cy,{href:"/projects/omni",children:"Omni"}),t.jsx(cy,{children:"Tokens"})]}),EB=(e={})=>t.jsxs(rf,{defaultValue:0,...e,children:[t.jsxs(nf,{children:[t.jsx(of,{value:0,children:"Overview"}),t.jsx(of,{value:1,children:"Details"}),t.jsx(of,{value:2,children:"History"})]}),t.jsx(lf,{value:0,children:t.jsx(nt,{children:"The first panel."})}),t.jsx(lf,{value:1,children:t.jsx(nt,{children:"The second panel."})}),t.jsx(lf,{value:2,children:t.jsx(nt,{children:"The third panel."})})]}),VB={Tabs:{orientation:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"horizontal"}),t.jsx(HB,{w:320,children:EB()})]}),t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"vertical-left",width:260,children:t.jsx(HB,{w:260,children:EB({orientation:"vertical-left"})})}),t.jsx(Ey,{label:"vertical-right",width:260,children:t.jsx(HB,{w:260,children:EB({orientation:"vertical-right"})})})]})]}),baseline:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"true"}),t.jsx(HB,{w:320,children:EB()})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"false"}),t.jsx(HB,{w:320,children:EB({baseline:!1})})]})]}),variant:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:["standard","solid","light","dark"].map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard"===e?"standard":"quiet",children:e}),t.jsx(HB,{w:320,children:EB({variant:e})})]},e))}),size:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:Oy.map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx(HB,{w:320,children:EB({size:e})})]},e))}),scrollable:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false — the strip wraps or clips"}),t.jsx(HB,{w:200,children:t.jsx(rf,{defaultValue:0,children:t.jsxs(nf,{children:[t.jsx(of,{value:0,children:"Overview"}),t.jsx(of,{value:1,children:"Details"}),t.jsx(of,{value:2,children:"History"}),t.jsx(of,{value:3,children:"Settings"})]})})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — the strip scrolls"}),t.jsx(HB,{w:200,children:t.jsx(rf,{defaultValue:0,scrollable:!0,children:t.jsxs(nf,{children:[t.jsx(of,{value:0,children:"Overview"}),t.jsx(of,{value:1,children:"Details"}),t.jsx(of,{value:2,children:"History"}),t.jsx(of,{value:3,children:"Settings"})]})})})]})]})},Breadcrumbs:{size:()=>t.jsx(qy,{values:Oy,defaultValue:"medium",render:e=>OB({size:e})}),condense:()=>t.jsxs(yv,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:360},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false"}),OB()]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — the middle collapses behind an ellipsis"}),OB({condense:!0,maxItems:3})]})]}),backOnlyMobile:()=>t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"wide — the full trail, either way"}),t.jsx(HB,{w:360,children:OB({backOnlyMobile:!0})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"narrow — collapses to a single back link"}),t.jsx(HB,{w:180,children:OB({backOnlyMobile:!0})})]})]})},Pagination:{color:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:["default",...Hy,"black-white"].map(e=>t.jsx(Ey,{label:e,emphasis:"default"===e,width:360,children:t.jsx(my,{count:6,defaultPage:3,color:e})},e))}),size:()=>t.jsx(qy,{values:Oy,defaultValue:"medium",render:e=>t.jsx(my,{count:8,defaultPage:3,size:e})}),"showFirstButton / showLastButton":()=>t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false"}),t.jsx(my,{count:20,defaultPage:9})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — first and last"}),t.jsx(my,{count:20,defaultPage:9,showFirstButton:!0,showLastButton:!0})]})]})},Stepper:{variant:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsx(Ey,{label:"count",emphasis:!0,width:300,children:t.jsx(HB,{w:300,pad:24,children:t.jsxs(lw,{activeStep:1,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})}),t.jsx(Ey,{label:"noCount",width:300,children:t.jsx(HB,{w:300,pad:24,children:t.jsxs(lw,{variant:"noCount",activeStep:1,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})})]}),orientation:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"horizontal",emphasis:!0,width:300,children:t.jsx(HB,{w:300,pad:24,children:t.jsxs(lw,{activeStep:1,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})}),t.jsx(Ey,{label:"vertical",width:160,children:t.jsxs(lw,{orientation:"vertical",activeStep:1,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})]}),size:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:Oy.map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx(HB,{w:320,pad:24,children:t.jsxs(lw,{size:e,activeStep:1,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})]},e))}),color:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsx(Ey,{label:"default",emphasis:!0,width:320,children:t.jsx(HB,{w:320,pad:24,children:t.jsxs(lw,{activeStep:1,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})}),Hy.map(e=>t.jsx(Ey,{label:e,width:320,children:t.jsx(HB,{w:320,pad:24,children:t.jsxs(lw,{color:e,activeStep:1,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})},e))]}),clickable:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false — display only"}),t.jsx(HB,{w:320,pad:24,children:t.jsxs(lw,{activeStep:2,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — completed steps go back"}),t.jsx(HB,{w:320,pad:24,children:t.jsxs(lw,{activeStep:2,clickable:!0,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})]})]}),dashedIncomplete:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false — one solid connector"}),t.jsx(HB,{w:320,pad:24,children:t.jsxs(lw,{activeStep:1,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — remaining steps dashed"}),t.jsx(HB,{w:320,pad:24,children:t.jsxs(lw,{activeStep:1,dashedIncomplete:!0,children:[t.jsx(sw,{label:"Colors"}),t.jsx(sw,{label:"Type"}),t.jsx(sw,{label:"Export"})]})})]})]})},List:{orientation:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"vertical"}),t.jsx(HB,{w:240,children:t.jsx(PS,{items:xB})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"horizontal"}),t.jsx(HB,{w:360,children:t.jsx(PS,{items:xB,orientation:"horizontal"})})]})]}),dividers:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"false",emphasis:!0,width:200,children:t.jsx(HB,{w:200,children:t.jsx(PS,{items:xB})})}),t.jsx(Ey,{label:"true",width:200,children:t.jsx(HB,{w:200,children:t.jsx(PS,{items:xB,dividers:!0})})})]}),clickable:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"false — static",emphasis:!0,width:200,children:t.jsx(HB,{w:200,children:t.jsx(PS,{items:xB})})}),t.jsx(Ey,{label:"true — rows are buttons",width:200,children:t.jsx(HB,{w:200,children:t.jsx(PS,{items:xB,clickable:!0})})})]}),selectionMode:()=>t.jsx(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["none","single","multiple"].map(e=>t.jsx(Ey,{label:e,emphasis:"none"===e,width:190,children:t.jsx(HB,{w:190,children:t.jsx(PS,{items:xB,selectionMode:e,selectedIndices:"none"===e?[]:[1]})})},e))}),loading:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"false",emphasis:!0,width:200,children:t.jsx(HB,{w:200,children:t.jsx(PS,{items:xB})})}),t.jsx(Ey,{label:"true",width:200,children:t.jsx(HB,{w:200,children:t.jsx(PS,{loading:!0,skeletonRows:4})})})]})},TreeView:{selectionMode:()=>t.jsx(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["none","single","multiple"].map(e=>t.jsx(Ey,{label:e,emphasis:"none"===e,width:190,children:t.jsx(HB,{w:190,children:t.jsx(SS,{items:yB,selectionMode:e,defaultExpandedItems:["src"]})})},e))})},AppBar:{mode:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"desktop"}),t.jsx(HB,{w:"100%",children:t.jsx(Sj,{navLinks:[{label:"Work"},{label:"Studio"}]})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"mobile"}),t.jsx(HB,{w:360,children:t.jsx(Sj,{mode:"mobile",navLinks:[{label:"Work"},{label:"Studio"}]})})]})]}),brandType:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:["name","logo","both"].map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"name"===e?"standard":"quiet",children:e}),t.jsx(HB,{w:"100%",children:t.jsx(Sj,{brandType:e,navLinks:[{label:"Work"}]})})]},e))}),menuType:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:["hamburger","none"].map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"hamburger"===e?"standard":"quiet",children:e}),t.jsx(HB,{w:360,children:t.jsx(Sj,{mode:"mobile",menuType:e,navLinks:[{label:"Work"}]})})]},e))})},Rail:{variant:()=>t.jsx(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["default","primary","secondary","tertiary"].map(e=>t.jsx(Ey,{label:e,emphasis:"default"===e,width:88,children:t.jsx(HB,{w:88,h:260,children:t.jsx(pz,{items:pB.slice(0,4),variant:e,defaultValue:0})})},e))}),expandable:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"false",emphasis:!0,width:88,children:t.jsx(HB,{w:88,h:260,children:t.jsx(pz,{items:pB.slice(0,4),defaultValue:0})})}),t.jsx(Ey,{label:"true — gains a toggle",width:88,children:t.jsx(HB,{w:88,h:260,children:t.jsx(pz,{items:pB.slice(0,4),expandable:!0,defaultValue:0})})})]}),expandedWidth:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"partial",emphasis:!0,width:240,children:t.jsx(HB,{w:240,h:260,children:t.jsx(pz,{items:pB.slice(0,4),expandable:!0,defaultExpanded:!0,defaultValue:0})})}),t.jsx(Ey,{label:"full",width:300,children:t.jsx(HB,{w:300,h:260,children:t.jsx(pz,{items:pB.slice(0,4),expandable:!0,defaultExpanded:!0,expandedWidth:"full",defaultValue:0})})})]}),labelStyle:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"contained",emphasis:!0,width:88,children:t.jsx(HB,{w:88,h:260,children:t.jsx(pz,{items:pB.slice(0,4),defaultValue:0})})}),t.jsx(Ey,{label:"outside",width:88,children:t.jsx(HB,{w:88,h:260,children:t.jsx(pz,{items:pB.slice(0,4),labelStyle:"outside",defaultValue:0})})})]})},BottomNavigation:{showLabels:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"true"}),t.jsx(HB,{w:360,children:t.jsx(Yj,{items:pB.slice(0,4),defaultValue:0})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"false — icons only, so each needs a name"}),t.jsx(HB,{w:360,children:t.jsx(Yj,{items:pB.slice(0,4),showLabels:!1,defaultValue:0})})]})]}),variant:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"fixed — edge to edge"}),t.jsx(HB,{w:360,children:t.jsx(Yj,{items:pB.slice(0,4),defaultValue:0})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"floating — inset, with its own elevation"}),t.jsx(HB,{w:360,children:t.jsx(Yj,{items:pB.slice(0,4),variant:"floating",defaultValue:0})})]})]})},Sidebar:{variant:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"permanent",width:240,children:t.jsx(HB,{w:240,h:260,children:t.jsx(Qz,{variant:"permanent",open:!0,items:xB,width:240})})}),t.jsx(Ey,{label:"temporary — an overlay, shown open",emphasis:!0,width:240,children:t.jsx(HB,{w:240,h:260,children:t.jsx(Qz,{variant:"permanent",open:!0,items:xB,width:240})})})]})},Toolbar:{type:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",style:{alignItems:"flex-start"},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start"},children:[t.jsx(ht,{color:"standard",children:"floating — its own surface and elevation"}),t.jsx(Bw,{items:vB,defaultValue:0})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start"},children:[t.jsx(ht,{color:"quiet",children:"docked — sits flush in the layout"}),t.jsx(Bw,{items:vB,type:"docked",defaultValue:0})]})]}),color:()=>t.jsx(yv,{gap:"var(--Sizing-3)",style:{alignItems:"flex-start"},children:["default","primary","secondary","tertiary","neutral"].map(e=>t.jsx(Ey,{label:e,emphasis:"default"===e,children:t.jsx(Bw,{items:vB,color:e,defaultValue:0})},e))}),surface:()=>t.jsx(yv,{gap:"var(--Sizing-3)",style:{alignItems:"flex-start"},children:["Surface","Surface-Dim","Surface-Dimmest","Surface-Bright","Surface-Brightest"].map(e=>t.jsx(Ey,{label:e,emphasis:"Surface"===e,children:t.jsx(Bw,{items:vB,surface:e,defaultValue:0})},e))}),orientation:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"horizontal",emphasis:!0,children:t.jsx(Bw,{items:vB,defaultValue:0})}),t.jsx(Ey,{label:"vertical",children:t.jsx(Bw,{items:vB,orientation:"vertical",defaultValue:0})})]})},Menu:{size:()=>t.jsx(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:Oy.map(e=>t.jsx(Ey,{label:e,emphasis:"medium"===e,children:t.jsxs(YS,{children:[t.jsx(XS,{children:e}),t.jsxs(JS,{size:e,children:[t.jsx(ZS,{children:"Rename"}),t.jsx(ZS,{children:"Duplicate"})]})]})},e))})}},qB=({w:e=320,h:a,children:r})=>t.jsx("div",{style:{width:e,height:a,position:"relative",overflow:"hidden"},children:r}),GB=t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsx(Xa,{children:"Card title"}),t.jsx(nt,{children:"What a card looks like in this design system."})]});function QB({values:a,defaultValue:r,render:i,label:n=e=>String(e)}){const[o,l]=e.useState(null),s=void 0!==r?[r,...a.filter(e=>e!==r)]:a;return t.jsxs(t.Fragment,{children:[t.jsx(vv,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:s.map(e=>t.jsx(Rx,{size:"small",variant:e===r?"default":"outline",onClick:()=>l(e),children:n(e)},String(e)))}),null!==o?i(o,()=>l(null)):null]})}function UB(){const[a,r]=e.useState(!1),i=e.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsxs(Rx,{ref:i,variant:"outline",onClick:()=>r(e=>!e),children:[a?"Close":"Open"," popover"]}),t.jsx(cz,{open:a,onClose:()=>r(!1),anchorRef:i,width:240,children:t.jsx(yv,{gap:"var(--Sizing-1)",style:{padding:"var(--Sizing-2)"},children:t.jsx(nt,{children:"Anchored to the button, portalled to the body so no ancestor can clip it."})})})]})}const YB=[{icon:t.jsx(ye,{}),name:"New document",onClick:()=>{}},{icon:t.jsx(w,{}),name:"Invite someone",onClick:()=>{}},{icon:t.jsx(j,{}),name:"Settings",onClick:()=>{}}],XB=360;function JB({labels:e=["Save","Cancel","Delete"],variant:a="default",...r}){return t.jsx(ky,{"aria-label":"Actions",...r,children:e.map(e=>t.jsx(Rx,{variant:a,onClick:()=>{},children:e},e))})}function ZB(e){return t.jsxs(ky,{"aria-label":"Alignment",...e,children:[t.jsx(Rx,{iconOnly:!0,"aria-label":"Align left",onClick:()=>{},children:t.jsx(up,{children:t.jsx(ta,{})})}),t.jsx(Rx,{iconOnly:!0,"aria-label":"Align center",onClick:()=>{},children:t.jsx(up,{children:t.jsx(ra,{})})}),t.jsx(Rx,{iconOnly:!0,"aria-label":"Align right",onClick:()=>{},children:t.jsx(up,{children:t.jsx(sa,{})})})]})}function $B({options:a=["Left","Center","Right"],initial:r="Left",...i}){const[n,o]=e.useState(r);return t.jsx(Jw,{value:n,onChange:o,"aria-label":"Align",...i,children:a.map(e=>t.jsx(Rx,{value:e,children:e},e))})}function KB({allowEmpty:a,...r}){const[i,n]=e.useState(["Left"]);return t.jsxs(Jw,{multiple:!0,allowEmpty:a,value:i,onChange:n,"aria-label":"Align",...r,children:[t.jsx(Rx,{value:"Left",children:"Left"}),t.jsx(Rx,{value:"Center",children:"Center"}),t.jsx(Rx,{value:"Right",children:"Right"})]})}function _B(){const[a,r]=e.useState("left");return t.jsxs(Jw,{value:a,onChange:r,"aria-label":"Alignment",children:[t.jsx(Rx,{value:"left",children:"Left"}),t.jsx(Rx,{value:"center",children:"Center"}),t.jsx(Rx,{value:"right",disabled:!0,children:"Right"})]})}function ek(){const[a,r]=e.useState(!0),[i,n]=e.useState(!1);return t.jsxs(vv,{gap:"var(--Sizing-1)",style:{alignItems:"center"},children:[t.jsx(Qx,{label:"Unselected"}),t.jsx(Qx,{label:"Selected",clickable:!0,selected:a,onClick:()=>r(e=>!e)}),i?t.jsx(ht,{color:"quiet",children:"dismissed"}):t.jsx(Qx,{label:"Dismissible",onDelete:()=>n(!0)})]})}const ak={...LB,Button:()=>t.jsx(Rx,{children:"Button"}),BrandIcon:()=>t.jsx(vv,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:["github","linkedin","instagram","dribbble","x-twitter"].map(e=>t.jsx(cp,{name:e,size:"24px"},e))}),Fab:()=>t.jsx(Pg,{icon:t.jsx(up,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add"}),Chip:()=>t.jsx(ek,{}),Badge:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",children:[t.jsx(xx,{badgeContent:3,children:t.jsx(up,{children:t.jsx("span",{children:"✉"})})}),t.jsx(xx,{dot:!0,children:t.jsx(up,{children:t.jsx("span",{children:"🔔"})})})]}),Alert:()=>t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsx(Gf,{color:"info",children:"Something worth knowing."}),t.jsx(Gf,{color:"error",children:"Something went wrong."})]}),Card:()=>t.jsx(lg,{padding:"medium",children:t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsx(Xa,{children:"Card title"}),t.jsx(nt,{children:"What a card looks like in this design system."})]})}),Avatar:()=>t.jsxs(vv,{gap:"var(--Sizing-1)",children:[t.jsx(ox,{initials:"LN"}),t.jsx(ox,{})]}),Icon:()=>t.jsxs(vv,{gap:"var(--Sizing-1)",children:[t.jsx(up,{color:"primary",children:t.jsx("span",{children:"★"})}),t.jsx(up,{color:"success",children:t.jsx("span",{children:"✓"})}),t.jsx(up,{color:"error",children:t.jsx("span",{children:"✕"})})]}),Link:()=>t.jsx(qt,{href:"#example",children:"A link, which thickens rather than recolors on hover"}),Divider:()=>t.jsx(Jg,{indicatorText:"OR"}),Checkbox:()=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(yg,{label:"Unchecked"}),t.jsx(yg,{label:"Checked",defaultChecked:!0}),t.jsx(yg,{label:"Indeterminate",indeterminate:!0})]}),Radio:()=>t.jsx(db,{name:"docs-radio",defaultValue:"a",options:[{value:"a",label:"First"},{value:"b",label:"Second"}]}),Input:()=>t.jsx(ib,{label:"Email",placeholder:"you@example.com"}),SwitchInput:()=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx($f,{label:"Off"}),t.jsx($f,{label:"On",defaultChecked:!0})]}),Slider:()=>t.jsx(pb,{defaultValue:40}),Box:()=>t.jsxs(Dv,{surface:"Container",radius:"medium",elevation:2,style:{padding:"var(--Sizing-3)",width:280},children:[t.jsx(nt,{children:"Container, medium radius, elevation 2."}),t.jsx(ht,{color:"quiet",children:"Nothing here names a color."})]}),Copyright:()=>t.jsx(hv,{companyName:"Acme"}),Grid:()=>t.jsx(Yb,{container:!0,spacing:1,children:[1,2,3,4].map(e=>t.jsx(Yb,{item:!0,xs:6,children:t.jsx(Dv,{surface:"Container",radius:"small",style:{padding:"var(--Sizing-1)"},children:t.jsx(nt,{children:"Cell "+e})})},e))}),MiniSwatch:()=>t.jsxs(vv,{gap:"var(--Sizing-1)",children:[t.jsx(Ub,{color:"var(--Primary-Color-6)"}),t.jsx(nt,{children:"Primary"})]}),Gradient:()=>t.jsx(Qb,{minHeight:120,style:{width:280},children:t.jsx(Dv,{style:{padding:"var(--Sizing-2)"},children:t.jsx(Xa,{children:"On brand color"})})}),BevelText:()=>t.jsx(Db,{text:"Bevel",textStyle:"display-small"}),CurvedText:()=>t.jsx(Bb,{text:"CURVED AROUND",arc:180,radius:60}),Typography:()=>t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{alignItems:"flex-start"},children:[t.jsx(Ya,{children:"A heading"}),t.jsx(_a,{color:"standard",children:"A subtitle, which is Body at 700"}),t.jsx(nt,{children:"Body copy, the style everything else is measured against."}),t.jsx(ht,{color:"quiet",children:"A caption, quiet by default."})]}),Section:()=>t.jsxs("div",{style:{width:300},children:[t.jsxs(tv,{surface:"Surface",padding:"var(--Sizing-2)",children:[t.jsx(nt,{children:"Surface"}),t.jsx(ht,{color:"quiet",children:"Text and border arrive with it."})]}),t.jsxs(tv,{surface:"Container",padding:"var(--Sizing-2)",children:[t.jsx(nt,{children:"Container"}),t.jsx(ht,{color:"quiet",children:"Same markup, one level down."})]})]}),Stack:()=>t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsxs(vv,{gap:"var(--Sizing-1)",children:[t.jsx(Zb,{children:"row"}),t.jsx(Zb,{children:"with"}),t.jsx(Zb,{children:"a gap"})]}),t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsx(Zb,{children:"column"}),t.jsx(Zb,{children:"with the same gap"})]})]}),Container:()=>t.jsx(av,{maxWidth:"sm",children:t.jsx(nt,{children:"Capped and centred, with gutters that keep text off the edge."})}),Footer:()=>t.jsx(Bv,{brand:"Acme",columns:[{title:"Product",links:[{label:"Overview",href:"#"},{label:"Pricing",href:"#"}]},{title:"Company",links:[{label:"About",href:"#"},{label:"Careers",href:"#"}]}],copyright:"Acme"}),SpeedDial:()=>t.jsx("div",{style:{height:220,position:"relative",width:180},children:t.jsx(iv,{open:!0,showTooltips:!0,ariaLabel:"Create",actions:[{icon:t.jsx(ye,{}),name:"New document",onClick:()=>{}},{icon:t.jsx(w,{}),name:"Invite someone",onClick:()=>{}},{icon:t.jsx(j,{}),name:"Settings",onClick:()=>{}}]})}),CircularProgress:()=>t.jsx(Jv,{value:68,showValue:!0}),LinearProgress:()=>t.jsx("div",{style:{width:280},children:t.jsx(Vv,{value:68})}),NumberField:()=>t.jsx(mv,{label:"Quantity",defaultValue:2,min:1,max:10}),RadioGroup:()=>t.jsx(db,{label:"Delivery",name:"lead",defaultValue:"std",options:[{value:"std",label:"Standard — 3 to 5 days"},{value:"exp",label:"Express — next day"},{value:"pick",label:"Collect in store"}]}),Rating:()=>t.jsx(oy,{defaultValue:3}),Breadcrumbs:()=>t.jsxs(sy,{children:[t.jsx(qt,{href:"#a",children:"Home"}),t.jsx(qt,{href:"#b",children:"Products"}),t.jsx(nt,{children:"Current"})]}),Pagination:()=>t.jsx(my,{count:8,defaultPage:3}),Accordion:()=>t.jsx(Ly,{children:t.jsx(nt,{children:"An accordion segment, open."})}),Tabs:()=>t.jsxs(rf,{defaultValue:0,children:[t.jsxs(nf,{children:[t.jsx(of,{value:0,children:"Overview"}),t.jsx(of,{value:1,children:"Details"})]}),t.jsx(lf,{value:0,children:t.jsx(nt,{children:"The first panel."})}),t.jsx(lf,{value:1,children:t.jsx(nt,{children:"The second panel."})})]})};function tk(e){return e in ak}const rk={Fab:{size:()=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx(Pg,{size:"small",icon:t.jsx(up,{size:"small",children:t.jsx(ye,{})}),ariaLabel:"Add, small"}),t.jsx(Pg,{size:"medium",icon:t.jsx(up,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add, medium"}),t.jsx(Pg,{size:"large",icon:t.jsx(up,{size:"large",children:t.jsx(ye,{})}),ariaLabel:"Add, large"})]}),color:()=>{const e=(e,a)=>t.jsxs(yv,{gap:"var(--Sizing-Half)",style:{alignItems:"center"},children:[t.jsx(Pg,{color:e,size:"small",icon:t.jsx(up,{size:"small",children:t.jsx(ye,{})}),ariaLabel:"Add, "+e}),t.jsx(ht,{color:a?"standard":"quiet",children:e})]},e);return t.jsxs(vv,{gap:"var(--Sizing-2)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[e("default",!0),t.jsx(Jg,{orientation:"vertical",style:{alignSelf:"stretch"}}),["primary","secondary","tertiary","neutral","info","success","warning","error","black-white"].map(a=>e(a,!1))]})},extended:()=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx(Pg,{icon:t.jsx(up,{size:"medium",children:t.jsx(je,{})}),ariaLabel:"Edit"}),t.jsx(Pg,{icon:t.jsx(up,{size:"medium",children:t.jsx(je,{})}),extended:!0,label:"Edit"})]}),animate:()=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx(Pg,{icon:t.jsx(up,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add"}),t.jsx(Pg,{icon:t.jsx(up,{size:"medium",children:t.jsx(ye,{})}),animate:!0,ariaLabel:"Add, animated"})]}),disabled:()=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx(Pg,{icon:t.jsx(up,{size:"medium",children:t.jsx(ye,{})}),ariaLabel:"Add"}),t.jsx(Pg,{icon:t.jsx(up,{size:"medium",children:t.jsx(ye,{})}),disabled:!0,ariaLabel:"Add, disabled"})]})},Button:{variant:()=>t.jsxs(vv,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap"},children:[t.jsx(Rx,{children:"solid"}),t.jsx(Rx,{variant:"outline",children:"outline"}),t.jsx(Rx,{variant:"ghost",children:"ghost"})]}),size:()=>t.jsxs(vv,{gap:"var(--Sizing-1)",style:{alignItems:"center",flexWrap:"wrap"},children:[t.jsx(Rx,{size:"small",children:"small"}),t.jsx(Rx,{size:"medium",children:"medium"}),t.jsx(Rx,{size:"large",children:"large"})]}),variantColor:()=>{const e=["primary","secondary","tertiary","neutral","info","success","warning","error","black-white"],a=a=>t.jsxs(vv,{gap:"var(--Sizing-1)",style:{alignItems:"center",flexWrap:"wrap"},children:[t.jsx(Rx,{variant:a?"default"+a:"default",size:"small",children:"default"}),t.jsx(Jg,{orientation:"vertical",style:{alignSelf:"stretch"}}),e.map(e=>t.jsx(Rx,{variant:a?e+a:e,size:"small",children:e},e))]});return t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"solid"}),a("")]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"outline"}),a("-outline")]})]})},disabled:()=>t.jsxs(vv,{gap:"var(--Sizing-1)",children:[t.jsx(Rx,{children:"enabled"}),t.jsx(Rx,{disabled:!0,children:"disabled"})]}),"startDecorator / endDecorator":()=>t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsxs(vv,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(Rx,{startDecorator:t.jsx(up,{children:t.jsx(ye,{})}),children:"start icon"}),t.jsx(Rx,{endDecorator:t.jsx(up,{children:t.jsx(Se,{})}),children:"end icon"})]}),t.jsxs(vv,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(Rx,{startDecorator:t.jsx(ox,{}),children:"start avatar"}),t.jsx(Rx,{endDecorator:t.jsx(ox,{}),children:"end avatar"})]})]}),iconOnly:()=>t.jsxs(vv,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(Rx,{children:"text"}),t.jsx(Rx,{iconOnly:!0,"aria-label":"Delete item",children:t.jsx(y,{})}),t.jsx(Rx,{letterNumber:!0,"aria-label":"3 unread",children:"3"}),t.jsx(Rx,{avatar:!0,"aria-label":"Jane Doe",children:t.jsx(ox,{})})]}),elevated:()=>t.jsxs(vv,{gap:"var(--Sizing-1)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(Rx,{children:"standard"}),t.jsx(Rx,{elevated:!0,children:"raised"})]}),fullWidth:()=>t.jsxs(yv,{gap:"var(--Sizing-1)",style:{width:"100%",maxWidth:320},children:[t.jsx(Rx,{children:"default fit"}),t.jsx(Rx,{fullWidth:!0,children:"full width"})]})}};const ik=[{Slider:Yy},NB,PB,VB,{Container:{disableGutters:()=>t.jsx(yv,{gap:"var(--Sizing-2)",children:[!1,!0].map(e=>t.jsx(Ey,{label:e?"true":"false",emphasis:!e,children:t.jsx(Dv,{surface:"Container",style:{width:320},children:t.jsx(av,{maxWidth:!1,disableGutters:e,children:t.jsx(nt,{children:"Text against the edge, or not."})})})},String(e)))})},Stack:{direction:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Ey,{label:"column",emphasis:!0,children:t.jsxs(yv,{gap:"var(--Sizing-1)",children:[t.jsx(Zb,{children:"one"}),t.jsx(Zb,{children:"two"}),t.jsx(Zb,{children:"three"})]})}),t.jsx(Ey,{label:"row",children:t.jsxs(vv,{gap:"var(--Sizing-1)",children:[t.jsx(Zb,{children:"one"}),t.jsx(Zb,{children:"two"}),t.jsx(Zb,{children:"three"})]})})]}),enforceMinGap:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Ey,{label:"true",emphasis:!0,children:t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(pt,{children:"Display name"}),t.jsx(ht,{color:"quiet",children:"Shown beside your comments."})]})}),t.jsx(Ey,{label:"false",children:t.jsxs(yv,{gap:"var(--Sizing-Half)",enforceMinGap:!1,children:[t.jsx(pt,{children:"Display name"}),t.jsx(ht,{color:"quiet",children:"Shown beside your comments."})]})})]})},Box:{radius:()=>t.jsx(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap"},children:["none","small","medium","large"].map(e=>t.jsx(Ey,{label:e,emphasis:"none"===e,children:t.jsx(Dv,{surface:"Container",radius:e,style:{width:96,height:64}})},e))})},SpeedDial:{direction:()=>t.jsx(vv,{gap:"var(--Sizing-6)",style:{flexWrap:"wrap"},children:[["up","flex-end","center"],["down","flex-start","center"],["left","center","flex-end"],["right","center","flex-start"]].map(([e,a,r])=>t.jsx(Ey,{label:e,emphasis:"up"===e,children:t.jsx("div",{style:{height:260,width:260,position:"relative",display:"flex",alignItems:a,justifyContent:r,overflow:"hidden"},children:t.jsx(iv,{open:!0,direction:e,ariaLabel:"Create "+e,actions:YB})})},e))}),size:()=>t.jsx(vv,{gap:"var(--Sizing-6)",style:{flexWrap:"wrap",alignItems:"flex-end"},children:["small","medium","large"].map(e=>t.jsx(Ey,{label:e,emphasis:"medium"===e,children:t.jsx(iv,{size:e,ariaLabel:"Create "+e,actions:YB})},e))}),openOnHover:()=>t.jsxs(vv,{gap:"var(--Sizing-6)",style:{flexWrap:"wrap"},children:[t.jsx(Ey,{label:"true — hover this one",emphasis:!0,children:t.jsx("div",{style:{height:240,width:140,position:"relative",display:"flex",alignItems:"flex-end",justifyContent:"center"},children:t.jsx(iv,{ariaLabel:"Create by hover",actions:YB})})}),t.jsx(Ey,{label:"false — this one needs a click",children:t.jsx("div",{style:{height:240,width:140,position:"relative",display:"flex",alignItems:"flex-end",justifyContent:"center"},children:t.jsx(iv,{openOnHover:!1,ariaLabel:"Create by click",actions:YB})})})]}),showTooltips:()=>t.jsx(vv,{gap:"var(--Sizing-6)",style:{flexWrap:"wrap"},children:[!1,!0].map(e=>t.jsx(Ey,{label:String(e),emphasis:!e,children:t.jsx("div",{style:{height:260,width:220,position:"relative",display:"flex",alignItems:"flex-end",justifyContent:"center"},children:t.jsx(iv,{open:!0,showTooltips:e,ariaLabel:"Create "+e,actions:YB})})},String(e)))})},Card:{variant:()=>t.jsx(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["solid","outlined","ghost"].map(e=>t.jsx(Ey,{label:e,emphasis:"solid"===e,width:200,children:t.jsx(lg,{variant:e,padding:"medium",children:GB})},e))}),size:()=>t.jsx(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:Oy.map(e=>t.jsx(Ey,{label:e,emphasis:"medium"===e,width:200,children:t.jsx(lg,{size:e,padding:"medium",children:GB})},e))}),orientation:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"vertical"}),t.jsx(qB,{w:200,children:t.jsx(lg,{padding:"medium",children:GB})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"horizontal"}),t.jsx(qB,{w:360,children:t.jsx(lg,{orientation:"horizontal",padding:"medium",children:GB})})]})]}),clickable:()=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"false — static",emphasis:!0,width:200,children:t.jsx(lg,{padding:"medium",children:GB})}),t.jsx(Ey,{label:"true — one control",width:200,children:t.jsx(lg,{padding:"medium",clickable:!0,children:GB})})]}),elevated:()=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"standard — level 1",emphasis:!0,width:200,children:t.jsx(lg,{padding:"medium",children:GB})}),t.jsx(Ey,{label:"elevated — level 2",width:200,children:t.jsx(lg,{padding:"medium",elevated:!0,children:GB})})]}),selected:()=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"false",emphasis:!0,width:200,children:t.jsx(lg,{padding:"medium",clickable:!0,children:GB})}),t.jsx(Ey,{label:"true",width:200,children:t.jsx(lg,{padding:"medium",clickable:!0,selected:!0,children:GB})})]})},Accordion:{variant:()=>t.jsx(yv,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:380},children:["solid","outlined","ghost"].map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"solid"===e?"standard":"quiet",children:e}),t.jsx(Ly,{variant:e,title:"What is a design system?",defaultExpanded:!0,children:t.jsx(nt,{children:"A set of decisions, written down once."})})]},e))}),size:()=>t.jsx(yv,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:380},children:Oy.map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx(Ly,{size:e,title:"Size "+e,defaultExpanded:!0,children:t.jsx(nt,{children:"A set of decisions, written down once."})})]},e))}),defaultExpanded:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:380},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false — starts closed"}),t.jsx(Ly,{title:"What is a design system?",children:t.jsx(nt,{children:"A set of decisions, written down once."})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — starts open"}),t.jsx(Ly,{title:"What is a design system?",defaultExpanded:!0,children:t.jsx(nt,{children:"A set of decisions, written down once."})})]})]}),disabled:()=>t.jsxs(yv,{gap:"var(--Sizing-2)",style:{width:"100%",maxWidth:380},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"enabled"}),t.jsx(Ly,{title:"What is a design system?",children:t.jsx(nt,{children:"A set of decisions, written down once."})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"disabled"}),t.jsx(Ly,{title:"What is a design system?",disabled:!0,children:t.jsx(nt,{children:"A set of decisions, written down once."})})]})]})},Paper:{outlined:()=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:[t.jsx(Ey,{label:"false — elevation",emphasis:!0,width:180,children:t.jsx(sz,{surface:"Container",children:t.jsx("div",{style:{padding:"var(--Sizing-3)"},children:t.jsx(nt,{children:"Elevated"})})})}),t.jsx(Ey,{label:"true — a border, no shadow",width:180,children:t.jsx(sz,{surface:"Container",outlined:!0,children:t.jsx("div",{style:{padding:"var(--Sizing-3)"},children:t.jsx(nt,{children:"Outlined"})})})})]}),variant:()=>t.jsx(vv,{gap:"var(--Sizing-2)",style:{flexWrap:"wrap",alignItems:"flex-start"},children:["elevation","outlined"].map(e=>t.jsx(Ey,{label:e,emphasis:"elevation"===e,width:180,children:t.jsx(sz,{surface:"Container",variant:e,children:t.jsx("div",{style:{padding:"var(--Sizing-3)"},children:t.jsx(nt,{children:e})})})},e))})},Ratio:{fit:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"width — height follows the column"}),t.jsx("div",{style:{width:240},children:t.jsx(Bz,{ratio:"16:9"})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"height — width follows the row"}),t.jsx("div",{style:{height:120},children:t.jsx(Bz,{ratio:"16:9",fit:"height"})})]})]})},Table:{loading:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",style:{width:"100%"},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false"}),t.jsx(yw,{columns:fB,rows:gB})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — the shape is kept"}),t.jsx(yw,{columns:fB,rows:[],loading:!0,skeletonRows:3})]})]})},Modal:{open:()=>t.jsx(QB,{values:[!0],label:()=>"Open modal",render:(e,a)=>t.jsx(lz,{open:!0,onClose:a,title:"Rename project",children:t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsx(nt,{children:"A modal takes the whole screen`s attention, so it owes the reader a way out."}),t.jsx(Rx,{onClick:a,children:"Done"})]})})}),size:()=>t.jsx(QB,{values:Oy,defaultValue:"medium",render:(e,a)=>t.jsx(lz,{open:!0,onClose:a,size:e,title:"Size "+e,children:t.jsx(nt,{children:"The modal`s width. Its height always follows its content."})})}),layout:()=>t.jsx(QB,{values:["center","top"],defaultValue:"center",render:(e,a)=>t.jsx(lz,{open:!0,onClose:a,layout:e,title:"Layout "+e,children:t.jsx(nt,{children:"Where the modal sits in the viewport."})})}),closeOnBackdrop:()=>t.jsx(QB,{values:[!0,!1],defaultValue:!0,label:e=>e?"true — click outside closes":"false — click outside does nothing",render:(e,a)=>t.jsx(lz,{open:!0,onClose:a,closeOnBackdrop:e,title:"Rename project",children:t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsx(nt,{children:e?"Click the backdrop to close.":"The backdrop will not close this."}),t.jsx(Rx,{onClick:a,children:"Close"})]})})}),showCloseButton:()=>t.jsx(QB,{values:[!0,!1],defaultValue:!0,label:e=>e?"true":"false — needs its own way out",render:(e,a)=>t.jsx(lz,{open:!0,onClose:a,showCloseButton:e,title:"Rename project",children:t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsx(nt,{children:"A modal with no close button must give one in its content."}),t.jsx(Rx,{onClick:a,children:"Done"})]})})})},Dialog:{open:()=>t.jsx(QB,{values:[!0],label:()=>"Open dialog",render:(e,a)=>t.jsx(pS,{open:!0,onClose:a,title:"Discard changes?",actions:t.jsxs(t.Fragment,{children:[t.jsx(Rx,{variant:"outline",onClick:a,children:"Keep editing"}),t.jsx(Rx,{variant:"error",onClick:a,children:"Discard"})]}),children:t.jsx(nt,{children:"This cannot be undone."})})}),maxWidth:()=>t.jsx(QB,{values:["xs","sm","md","lg"],defaultValue:"sm",render:(e,a)=>t.jsx(pS,{open:!0,onClose:a,maxWidth:e,title:"maxWidth "+e,actions:t.jsx(Rx,{onClick:a,children:"Close"}),children:t.jsx(nt,{children:"A ceiling, not a width — a short dialog stays narrow."})})}),fullScreen:()=>t.jsx(QB,{values:[!1,!0],defaultValue:!1,label:e=>e?"true":"false",render:(e,a)=>t.jsx(pS,{open:!0,onClose:a,fullScreen:e,title:"Edit tokens",actions:t.jsx(Rx,{onClick:a,children:"Close"}),children:t.jsx(nt,{children:"Full screen is for a dialog carrying a whole task on a small screen."})})}),alert:()=>t.jsx(QB,{values:[!1,!0],defaultValue:!1,label:e=>e?"true — role=alertdialog":"false — role=dialog",render:(e,a)=>t.jsx(pS,{open:!0,onClose:a,alert:e,title:"Delete project?",actions:t.jsxs(t.Fragment,{children:[t.jsx(Rx,{variant:"outline",onClick:a,children:"Cancel"}),t.jsx(Rx,{variant:"error",onClick:a,children:"Delete"})]}),children:t.jsx(nt,{children:"Every file in it goes too. This cannot be undone."})})}),nonModal:()=>t.jsx(QB,{values:[!1,!0],defaultValue:!1,label:e=>e?"true — the page stays usable":"false — modal",render:(e,a)=>t.jsx(pS,{open:!0,onClose:a,nonModal:e,title:"Find in page",actions:t.jsx(Rx,{onClick:a,children:"Close"}),children:t.jsx(nt,{children:e?"The page behind this is still interactive.":"The page behind this is blocked."})})})},Drawer:{open:()=>t.jsx(QB,{values:[!0],label:()=>"Open drawer",render:(e,a)=>t.jsx(pj,{open:!0,onClose:a,children:t.jsxs(yv,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)",minWidth:240},children:[t.jsx(Xa,{children:"Filters"}),t.jsx(PS,{items:xB,clickable:!0}),t.jsx(Rx,{onClick:a,children:"Close"})]})})}),anchor:()=>t.jsx(QB,{values:["left","right","top","bottom"],defaultValue:"left",render:(e,a)=>t.jsx(pj,{open:!0,onClose:a,anchor:e,children:t.jsxs(yv,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)",minWidth:240},children:[t.jsxs(Xa,{children:["anchor=",e]}),t.jsx(Rx,{onClick:a,children:"Close"})]})})}),size:()=>t.jsx(QB,{values:Oy,defaultValue:"medium",render:(e,a)=>t.jsx(pj,{open:!0,onClose:a,size:e,children:t.jsxs(yv,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)"},children:[t.jsxs(Xa,{children:["size=",e]}),t.jsx(Rx,{onClick:a,children:"Close"})]})})}),hideBackdrop:()=>t.jsx(QB,{values:[!1,!0],defaultValue:!1,label:e=>e?"true — no scrim":"false — scrim",render:(e,a)=>t.jsx(pj,{open:!0,onClose:a,hideBackdrop:e,children:t.jsxs(yv,{gap:"var(--Sizing-2)",style:{padding:"var(--Sizing-3)",minWidth:240},children:[t.jsx(Xa,{children:"Filters"}),t.jsx(Rx,{onClick:a,children:"Close"})]})})})},Sheet:{surface:()=>t.jsx(yv,{gap:"var(--Sizing-2)",children:["Surface","Surface-Dim","Surface-Dimmest","Surface-Bright","Surface-Brightest"].map(e=>t.jsx(Ey,{label:e,emphasis:"Surface"===e,width:260,children:t.jsx(dB,{surface:e,sx:{padding:"var(--Sizing-2)",width:220},children:t.jsxs(rt,{children:["On ",e]})})},e))}),elevated:()=>t.jsx(vv,{gap:"var(--Sizing-4)",style:{flexWrap:"wrap"},children:[!1,!0].map(e=>t.jsx(Ey,{label:String(e),emphasis:!e,children:t.jsx(dB,{elevated:e,sx:{padding:"var(--Sizing-2)",width:180},children:t.jsx(rt,{children:e?"Lifted off the page":"Flat on it"})})},String(e)))})},TransferList:{mode:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:["basic","enhanced"].map(e=>t.jsx(Ey,{label:e,emphasis:"basic"===e,children:t.jsx(mB,{mode:e,defaultLeftItems:["Colors","Typography","Spacing"],defaultRightItems:["Elevation"]})},e))}),disabled:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:[!1,!0].map(e=>t.jsx(Ey,{label:String(e),emphasis:!e,children:t.jsx(mB,{disabled:e,defaultLeftItems:["Colors","Typography"],defaultRightItems:["Elevation"]})},String(e)))})},Snackbar:{open:()=>t.jsx(QB,{values:[!0],label:()=>"Show snackbar",render:(e,a)=>t.jsx(Xz,{open:!0,onClose:a,color:"success",autoHideDuration:4e3,children:"Project saved."})}),color:()=>t.jsx(QB,{values:["info","success","warning","error"],defaultValue:"info",render:(e,a)=>t.jsxs(Xz,{open:!0,onClose:a,color:e,autoHideDuration:4e3,children:[e," — something happened."]})}),anchor:()=>t.jsx(QB,{values:["bottom","top"],defaultValue:"bottom",render:(e,a)=>t.jsxs(Xz,{open:!0,onClose:a,anchor:e,color:"info",autoHideDuration:4e3,children:["anchor=",e]})})},Tooltip:{placement:()=>t.jsx(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"center"},children:["bottom","top","left","right"].map(e=>t.jsx(Ey,{label:e,emphasis:"bottom"===e,children:t.jsx(Nw,{title:"placement="+e,placement:e,children:t.jsx(Rx,{variant:"outline",size:"small",children:e})})},e))}),arrow:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(Ey,{label:"true",emphasis:!0,children:t.jsx(Nw,{title:"With an arrow",children:t.jsx(Rx,{variant:"outline",size:"small",children:"arrow"})})}),t.jsx(Ey,{label:"false",children:t.jsx(Nw,{title:"No arrow",arrow:!1,children:t.jsx(Rx,{variant:"outline",size:"small",children:"no arrow"})})})]}),describeChild:()=>t.jsxs(vv,{gap:"var(--Sizing-3)",style:{flexWrap:"wrap",alignItems:"center"},children:[t.jsx(Ey,{label:"false — the tooltip is the name",emphasis:!0,children:t.jsx(Nw,{title:"Delete item",children:t.jsx(Rx,{variant:"outline",size:"small",iconOnly:!0,"aria-label":"Delete item",children:"x"})})}),t.jsx(Ey,{label:"true — the tooltip describes it",children:t.jsx(Nw,{title:"Removes it permanently",describeChild:!0,children:t.jsx(Rx,{variant:"outline",size:"small",children:"Delete"})})})]})},Popover:{open:()=>t.jsx(UB,{})}},{ButtonGroup:{separated:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"true — the default, and what Figma draws"}),t.jsx(JB,{})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"false — joins them, and warns"}),t.jsx(JB,{separated:!1})]}),t.jsx(nt,{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(yv,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:XB},children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"hug — each button sizes to its label"}),t.jsx("div",{style:{width:XB,border:"1px dashed var(--Border-Variant)",padding:4},children:t.jsx(JB,{labels:["S","Medium","Extra large"]})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"fill — the group fills, buttons share it equally"}),t.jsx("div",{style:{width:XB,border:"1px dashed var(--Border-Variant)",padding:4},children:t.jsx(JB,{labels:["S","Medium","Extra large"],fit:"fill"})})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"equal — hugs, but every button matches the widest (code only)"}),t.jsx("div",{style:{width:XB,border:"1px dashed var(--Border-Variant)",padding:4},children:t.jsx(JB,{labels:["S","Medium","Extra large"],fit:"equal"})})]})]}),orientation:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Ey,{label:"horizontal",emphasis:!0,children:t.jsx(JB,{})}),t.jsx(Ey,{label:"vertical",children:t.jsx(JB,{orientation:"vertical"})})]}),size:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:Oy.map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx(JB,{size:e})]},e))}),variant:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[["default","primary","secondary"].map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"default"===e?"standard":"quiet",children:`<Button variant="${e}">`}),t.jsx(JB,{variant:e})]},e)),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"outline, for a row of secondary actions"}),t.jsx(JB,{variant:"default-outline"})]})]}),disabled:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"enabled"}),t.jsx(JB,{})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"disabled — the whole group"}),t.jsx(JB,{disabled:!0})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"a single button takes its own `disabled`"}),t.jsxs(ky,{"aria-label":"Actions",children:[t.jsx(Rx,{onClick:()=>{},children:"Save"}),t.jsx(Rx,{disabled:!0,onClick:()=>{},children:"Cancel"}),t.jsx(Rx,{onClick:()=>{},children:"Delete"})]})]})]}),"aria-label":()=>t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsx(ZB,{}),t.jsx(nt,{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(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false — a toggle group. The last one stays on."}),t.jsx(KB,{allowEmpty:!1})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — clearable, with toggle styling"}),t.jsx(KB,{allowEmpty:!0})]}),t.jsx(nt,{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(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false — one answer, and it cannot be cleared"}),t.jsx($B,{})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — any number, never none"}),t.jsx(KB,{allowEmpty:!1})]})]}),separated:()=>t.jsxs(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"false — joined (Figma: Style=Default)"}),t.jsx($B,{})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"true — separated (Figma: Style=Separated)"}),t.jsx($B,{separated:!0})]})]}),variant:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:["outlined","light","ghost"].map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"outlined"===e?"standard":"quiet",children:e}),t.jsx($B,{variant:e,color:"primary"})]},e))}),color:()=>t.jsx(yv,{gap:"var(--Sizing-2)",children:["default",...Hy].map(e=>t.jsxs(vv,{gap:"var(--Sizing-2)",style:{alignItems:"center"},children:[t.jsx("div",{style:{width:84},children:t.jsx(ht,{color:"default"===e?"standard":"quiet",children:e})}),t.jsx($B,{color:e})]},e))}),size:()=>t.jsx(yv,{gap:"var(--Sizing-3)",children:Oy.map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"medium"===e?"standard":"quiet",children:e}),t.jsx($B,{size:e})]},e))}),fit:()=>t.jsx(yv,{gap:"var(--Sizing-3)",style:{width:"100%",maxWidth:XB},children:["hug","fill","equal"].map(e=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"hug"===e?"standard":"quiet",children:e}),t.jsx("div",{style:{width:XB,border:"1px dashed var(--Border-Variant)",padding:4},children:t.jsx($B,{options:["S","Medium","Extra large"],initial:"S",fit:e})})]},e))}),orientation:()=>t.jsxs(vv,{gap:"var(--Sizing-4)",style:{alignItems:"flex-start",flexWrap:"wrap"},children:[t.jsx(Ey,{label:"horizontal",emphasis:!0,children:t.jsx($B,{})}),t.jsx(Ey,{label:"vertical",children:t.jsx($B,{orientation:"vertical"})})]}),"value / defaultValue":()=>t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"each child needs a `value`; the group matches against it"}),t.jsx($B,{})]}),onChange:()=>t.jsxs(yv,{gap:"var(--Sizing-2)",children:[t.jsx($B,{}),t.jsx(nt,{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(yv,{gap:"var(--Sizing-3)",children:[t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"standard",children:"enabled"}),t.jsx($B,{})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"disabled — the whole group"}),t.jsx($B,{disabled:!0})]}),t.jsxs(yv,{gap:"var(--Sizing-Half)",children:[t.jsx(ht,{color:"quiet",children:"one choice unavailable"}),t.jsx(_B,{})]})]})}}].reduce(function(e,a){for(const[t,r]of Object.entries(a))e[t]={...e[t]||{},...r};return e},rk);const nk={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."}},ok=e=>nk[e]||null,lk=/\.(mp4|mov|webm)$/i;function sk({src:e,title:r,shows:i,aspect:n="4 / 3",maxWidth:o=560}){const l={width:"100%",maxWidth:o,display:"block",borderRadius:"var(--Card-Radius, var(--Style-Border-Radius))",border:"1px solid var(--Border-Variant)"};return e&&lk.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:o,aspectRatio:n,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(yv,{gap:"var(--Sizing-1)",style:{alignItems:"center",maxWidth:440},children:[t.jsx(ft,{children:"Screenshot to capture"}),t.jsx(rt,{children:r}),i&&t.jsx(ht,{color:"quiet",children:i})]})})}const ck="https://omni-design.netlify.app";function dk(e){return e.trim().replace(/\s+/g,"-")}const hk="https://github.com/lwnoble/DinoDesign/issues/new";function uk(e){const a=dk(String(e||"")).toLowerCase();return _p.find(e=>dk(e.name).toLowerCase()===a)||null}const mk=({component:e,what:r})=>t.jsx(a.Box,{sx:{p:3},children:t.jsxs(nt,{color:"quiet",children:["No ",r," written for ",e," yet."]})}),pk=({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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:e.toUpperCase()}),r]}),xk=({items:e})=>t.jsx(a.Stack,{spacing:0,children:e.map((e,r)=>t.jsxs(a.Box,{sx:{py:.75},children:[t.jsx(rt,{children:e.head}),e.sub?t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:e.sub}):null]},r))}),fk=["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"],gk=e=>e.sample||e.name,bk=e=>{const a=fk.indexOf(gk(e));return-1===a?fk.length:a},vk=e=>e.map((e,a)=>({pr:e,i:a})).sort((e,a)=>bk(e.pr)-bk(a.pr)||e.i-a.i).map(({pr:e})=>e);function yk({component:e,theme:r=null,surface:i="Surface"}){const n=uk(e);if(!n)return t.jsx(mk,{component:e,what:"reference"});const o=tk(n.name)?ak[n.name]:null,l=ok(n.name);return t.jsx(a.Box,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:3,children:[o?t.jsx(Kf,{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:o({theme:r,surface:i})})})}):null,t.jsx(nt,{children:n.summary}),n.links&&n.links.length?t.jsx(a.Box,{sx:{display:"flex",gap:"var(--Sizing-3)",flexWrap:"wrap"},children:n.links.map((e,a)=>t.jsx(qt,{href:e.href,target:"_blank",rel:"noopener noreferrer",children:e.label},a))}):null,(n.insteadUse||[]).length>0&&t.jsx(pk,{title:"Reach for something else when",children:t.jsx(xk,{items:n.insteadUse.map(e=>({head:e.when,sub:`Use ${e.use}`}))})}),(n.props||[]).length>0&&t.jsx(pk,{title:"Props",children:t.jsx(a.Stack,{spacing:0,children:vk(n.props).map((e,o)=>{const s=gk(e),c=function(e,a){return Boolean(ik[e]&&ik[e][a])}(n.name,s)?ik[n.name][s]:null,d=l&&l.after===s?l:null,h=[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(rt,{children:[e.label||e.name," — ",e.type]}),h?t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:h}):null,c?t.jsx(a.Box,{sx:{mt:1.5},children:t.jsx(Kf,{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(ft,{children:d.title}),t.jsx(rt,{children:d.body}),t.jsx(sk,{title:d.shot}),d.caveat?t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:d.caveat}):null]})}):null]},o)})})}),(n.states||[]).length>0&&t.jsx(pk,{title:"States",children:t.jsx(xk,{items:n.states.map(e=>({head:e.state,sub:[`set by ${e.setBy}`,e.note].filter(Boolean).join("  ·  ")}))})}),(n.theming||[]).length>0&&t.jsxs(pk,{title:"Theming",children:[t.jsx(xk,{items:n.theming.map(e=>({head:e.collection,sub:`In code: ${e.inCode}\nIn Figma: ${e.inFigma}`}))}),(n.themingNotes||[]).map((e,a)=>t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:8},children:e},a))]}),(n.tokens||[]).length>0&&t.jsx(pk,{title:"Tokens",children:t.jsx(xk,{items:n.tokens.map(e=>({head:e.name,sub:[e.sets,e.variesWith?`varies with ${e.variesWith}`:null,e.figma].filter(Boolean).join("  ·  ")}))})}),(n.composition||[]).length>0&&t.jsx(pk,{title:"Composition",children:t.jsx(xk,{items:n.composition.map(e=>({head:e}))})}),(n.gotchas||[]).length>0&&t.jsx(pk,{title:"Gotchas",children:t.jsx(xk,{items:n.gotchas.map(e=>({head:e}))})})]})})}function jk({component:e}){const r=uk(e),i=r&&r.changes||[],n=encodeURIComponent(`[${e}] `);return t.jsx(a.Box,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:3,children:[0===i.length?t.jsxs(nt,{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(rt,{style:{fontWeight:700},children:e.version}),e.silent?t.jsx(ht,{style:{color:"var(--Text-Warning)",fontWeight:600},children:"SILENT — old code still renders"}):null]}),t.jsx(nt,{children:e.change}),e.migrate?t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Instead: ",e.migrate]}):null]},r))}),t.jsxs(a.Box,{children:[t.jsx(Za,{children:"Something wrong or missing?"}),t.jsx(rt,{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(qt,{href:`${hk}?title=${n}`,target:"_blank",rel:"noreferrer",children:["Report an issue with ",e]})})]})]})})}const Sk="Qv2dqF7mYoAGY77EkdrwTv",zk="Omni-Designs-Aug12",wk={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 Bk({title:e,component:r}){const i=r?function(e){const a=wk[e];return a?`https://www.figma.com/design/${Sk}/${zk}?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(Xa,{children:e})}),i&&t.jsxs(qt,{href:i,target:"_blank",rel:"noopener noreferrer",sx:{ml:"auto",display:"inline-flex",alignItems:"center",gap:.75,flexShrink:0,whiteSpace:"nowrap"},children:[t.jsx(cp,{name:"figma"}),"Open in Figma"]})]})}const kk=[{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 Ck={"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:Ck[e]}))}));const Tk=e=>e?e.charAt(0).toUpperCase()+e.slice(1):"",Mk=[{label:"Default",colors:["default"]},{label:"Theme",colors:["primary","secondary","tertiary"]},{label:"State",colors:["info","success","warning","error"]}],Ak=[v,ua,p,z,ca,ma];const Lk={required:" * Required",optional:"Optional"};function Ik({children:e,htmlFor:r,type:i="default",as:n="label",moreInfo:o,disabled:l=!1,className:s="",sx:c={},...d}){const h=Lk[i],u="legend"===n;"production"===process.env.NODE_ENV||u||r||console.warn('[FormLabel] no `htmlFor`. A <label> whose control is a sibling has no association — the field announces as unlabelled while looking right. Pass the control\'s id, or use as="legend" inside a <fieldset>.'),"production"!==process.env.NODE_ENV&&o&&!o.label&&console.warn('[FormLabel] `moreInfo` needs a `label`. Name the FIELD it belongs to ("More about your email address"), not the icon.');const p=t.jsxs(pt,{component:u?"legend":"label",htmlFor:u?void 0:r,className:"form-label",style:{color:l?"var(--Quiet)":"var(--Text)"},children:[e,h&&t.jsx("span",{className:"form-label-marker form-label-marker-"+i,"aria-hidden":"required"===i?"true":void 0,children:"required"===i?h:" "+h})]}),x=o?t.jsxs(qt,{className:"form-label-more-info",href:o.href,onClick:o.onClick,"aria-label":o.label,sx:{display:"inline-flex",alignItems:"center",gap:"var(--Sizing-Half)"},children:[o.text,t.jsx(up,{size:"small",children:t.jsx(m,{})})]}):null;return u?t.jsxs(t.Fragment,{children:[p,x]}):t.jsxs(a.Box,{className:"form-label-row "+s,sx:{display:"flex",alignItems:"center",gap:"var(--Sizing-Half)",...c},...d,children:[p,x]})}const Nk={error:pa,warning:xa,success:fa,info:C},Rk={error:"Error",warning:"Warning",success:"Success",info:"Info"},Fk=Object.keys(Rk);function Dk({children:e,type:r="error",withIcon:i=!0,className:n="",sx:o={},...l}){const s=Rk[r]||Rk.error,c=Nk[r]||Nk.error;return t.jsxs(a.Box,{className:"input-message input-message-"+r+" "+n,"data-theme":s,"data-surface":"Surface-Brightest",sx:{display:"inline-flex",alignItems:"center",gap:"var(--Sizing-Half)",padding:"0 var(--Sizing-Half)",borderRadius:"var(--Sizing-Half)",backgroundColor:"var(--Background)",...o},...l,children:[i&&t.jsx(up,{size:"xxs",color:r,children:t.jsx(c,{})}),t.jsx(xt,{className:"input-message-text",color:r,children:e})]})}function Wk({showHelper:a=!0,validation:t="none"}={}){const r=e.useId(),i=a?r+"-helper":void 0,n=t&&"none"!==t?r+"-message":void 0,o=[i,n].filter(Boolean).join(" ")||void 0;return{helperId:i,messageId:n,describedBy:o}}function Pk({helperText:e,showHelper:r=!0,validation:i="none",validationMessage:n,withIcon:o=!0,helperId:l,messageId:s,className:c="",sx:d={},...h}){const u=r&&!!e,m="none"!==i&&!!n;return u||m?t.jsxs(a.Box,{className:"form-helper "+c,sx:{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"var(--Sizing-Half)",...d},...h,children:[u&&t.jsx(xt,{id:l,className:"form-helper-text",children:e}),m&&t.jsx(Dk,{id:s,type:i,withIcon:o,children:n})]}):null}const Hk=[{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)"}],Ok={desktop:"Desktop","ios-mobile":"IOS-Mobile","ios-tablet":"IOS-Tablet",android:"Android"};function Ek(e){const a=Ok[e]||"Desktop";document.documentElement.setAttribute("data-device",a),document.documentElement.setAttribute("data-platform",a)}const Vk=e=>(e||[]).map(e=>{const a="number"==typeof e?e:Number(e?.value);return Number.isFinite(a)?a:0}),qk=e=>(e||[]).map((e,a)=>"number"==typeof e?String(a+1):e?.label??String(a+1));function Gk(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 Qk=(e,{min:a,max:t},r,i)=>r+i-(e-a)/(t-a)*i;function Uk(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 Yk(e,a,t,{gapRatio:r=.4}={}){if(e<=0)return{centres:[],bandWidth:0};const i=t/e,n=i*(1-r);return{centres:Array.from({length:e},(e,t)=>a+i*t+i/2),bandWidth:n}}const Xk=e=>e.length?e.map((e,a)=>`${a?"L":"M"}${e.x} ${e.y}`).join(" "):"";function Jk(e,{tension:a=0}={}){if(e.length<2)return Xk(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],n=e[a],o=e[a+1],l=e[a+2]||o,s={x:n.x+(o.x-i.x)*t,y:n.y+(o.y-i.y)*t},c={x:o.x-(l.x-n.x)*t,y:o.y-(l.y-n.y)*t};r+=` C${s.x} ${s.y} ${c.x} ${c.y} ${o.x} ${o.y}`}return r}const Zk=(e,a,t)=>e&&a.length?`${e} L${a[a.length-1].x} ${t} L${a[0].x} ${t} Z`:"";function $k(e,a,t,r,i,n){const o=n-i;if(o>=2*Math.PI-1e-9){const n=i+Math.PI;return $k(e,a,t,r,i,n)+" "+$k(e,a,t,r,n,i+2*Math.PI)}const l=(t,r)=>({x:e+t*Math.sin(r),y:a-t*Math.cos(r)}),s=o>Math.PI?1:0,c=l(r,i),d=l(r,n);if(t<=0)return`M${e} ${a} L${c.x} ${c.y} A${r} ${r} 0 ${s} 1 ${d.x} ${d.y} Z`;const h=l(t,n),u=l(t,i);return`M${c.x} ${c.y} A${r} ${r} 0 ${s} 1 ${d.x} ${d.y} L${h.x} ${h.y} A${t} ${t} 0 ${s} 0 ${u.x} ${u.y} Z`}function Kk(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 n=a;return{slices:t.map(e=>{const a=e/r*Math.PI*2,t={start:n,end:n+a,value:e,fraction:e/r};return n+=a,t}),total:r,dropped:i}}function _k({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))),n=[1,2,2.5,5,10].map(e=>e*i).find(e=>e>=r)??10*i,o=[];for(let t=Math.ceil(e/n)*n;t<=a+1e-9;t+=n)o.push(Number(t.toFixed(10)));return o}var eC=Object.freeze({__proto__:null,arcPath:$k,areaPath:Zk,bands:Uk,extent:Gk,linePath:Xk,scaleY:Qk,sliceAngles:Kk,slots:Yk,smoothPath:Jk,ticks:_k,toLabels:qk,toNumbers:Vk});const aC={fill:"var(--Icons-Primary)",track:"var(--Border-Variant)",line:"var(--Border-Variant)",quietLabel:"var(--Quiet)",label:"var(--Text)",gradient:"var(--Icons-Primary-Variant)"},tC=["Primary","Secondary","Tertiary","Neutral","Info","Success","Warning","Error"],rC={fontFamily:"var(--Label-Small-Font-Family)",fontSize:"var(--Label-Small-Font-Size)",fontWeight:"var(--Label-Small-Font-Weight)",letterSpacing:"var(--Label-Small-Letter-Spacing)"},iC={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 nC({caption:e,labels:r,values:i,valueHeader:n="Value"}){return t.jsxs(a.Box,{component:"table",sx:iC,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:n})]})}),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 oC="var(--Motion-Duration-Slow, 300ms) var(--Motion-Easing-Enter, cubic-bezier(0, 0, 0, 1))",lC="var(--Motion-Duration-Fast, 150ms) var(--Motion-Easing-Standard, cubic-bezier(0.2, 0, 0, 1))";function sC(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 cC({count:e,width:r,centres:i,bandWidth:n,labels:o,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":`${o[c]}: ${l[c]}`,...s(c),sx:{position:"absolute",top:0,height:"100%",left:(i[c]-n/2)/r*100+"%",width:n/r*100+"%",padding:0,margin:0,border:0,background:"transparent",cursor:"pointer",pointerEvents:"auto","&:focus-visible":{outline:"2px solid var(--Focus-Visible)",outlineOffset:"-2px",borderRadius:"4px"}}},c))}):null}function dC({x:e,y:a,text:r,width:i,tokens:n}){if(null==r)return null;const o=Math.max(28,8*String(r).length+14),l=Math.min(Math.max(e,o/2+2),i-o/2-2),s=a-26>=2?a-26:a+6;return t.jsxs("g",{pointerEvents:"none",children:[t.jsx("rect",{x:l-o/2,y:s,width:o,height:20,rx:6,fill:n.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 hC=[{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 uC(){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 hC)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 mC=e=>e.replace(/\|/g,"\\|"),pC=(e,a)=>[`| ${e.join(" | ")} |`,`| ${e.map(()=>"---").join(" | ")} |`,...a.map(e=>`| ${e.map(mC).join(" | ")} |`)],xC=(e,a)=>a.length?[`### ${e}`,"",...a.map(e=>`- ${e}`),""]:[];exports.Accordion=Ly,exports.AccordionDetails=function({children:r,className:i="",sx:n={},...o}){const{expanded:l,accordionId:s}=e.useContext(My),{size:c}=e.useContext(Ty),d=Cy[c]||Cy.medium,h=Ny[c]||Ny.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,...n},...o,children:"string"==typeof r||"number"==typeof r?t.jsx(h,{children:r}):r}):null},exports.AccordionGroup=function({children:e,variant:r="solid",surface:i,color:n="default",size:o="medium",spacing:l=0,className:s="",sx:c={},...d}){const h="default"===n?"Default":(u=n).charAt(0).toUpperCase()+u.slice(1);var u;const m="default"===n?"Default":h,p=i||("dark"===r?"Surface-Dimmest":"light"===r?"Surface-Brightest":"Surface");return 0===l?t.jsx(Ty.Provider,{value:{variant:r,color:n,size:o,spacing:l,dataTheme:m,dataSurface:p},children:t.jsx(a.Box,{role:"presentation",className:"accordion-group accordion-group-connected accordion-group-"+r+" "+s,sx:{display:"flex",flexDirection:"column",borderRadius:Ay,boxShadow:gp,"& > .accordion-segment":{borderRadius:0,marginBottom:"-1px",boxShadow:"none"},"& > .accordion-segment .accordion-summary":{borderRadius:0},"& > .accordion-segment:has(> .accordion-summary:focus-visible)":{outline:"3px solid var(--Focus-Visible)",outlineOffset:"-5px"},"& > .accordion-segment:first-of-type":{borderTopLeftRadius:Ay,borderTopRightRadius:Ay},"& > .accordion-segment:first-of-type .accordion-summary":{borderTopLeftRadius:Ay,borderTopRightRadius:Ay},"& > .accordion-segment:last-of-type":{borderBottomLeftRadius:Ay,borderBottomRightRadius:Ay,marginBottom:0},"& > .accordion-segment:last-of-type .accordion-summary:not(.accordion-summary-expanded)":{borderBottomLeftRadius:Ay,borderBottomRightRadius:Ay},...c},...d,children:e})}):t.jsx(Ty.Provider,{value:{variant:r,color:n,size:o,spacing:l,dataTheme:m,dataSurface:p},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:n,endDecorator:o,eyebrow:l,overline:s,secondary:c,expandIcon:d,className:h="",sx:u={},...m}){const{expanded:p,toggle:x,disabled:f,accordionId:g}=e.useContext(My),{size:b}=e.useContext(Ty),v=Cy[b]||Cy.medium,y=Iy[b]||Iy.medium,j=d||t.jsx(up,{size:v.iconSize,sx:{color:p?"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":p,"aria-controls":g+"-content",id:g+"-header",tabIndex:f?-1:0,onClick:x,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),x())},className:"accordion-summary"+(p?" accordion-summary-expanded":"")+" "+h,sx:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"flex-start",width:"100%",gap:v.gap,padding:v.summaryPadding,border:"none",backgroundColor:"transparent",color:p?"var(--Text)":"var(--Quiet)",fontFamily:"inherit",cursor:f?"not-allowed":"pointer",textAlign:"left",transition:"color 0.2s ease, background-color 0.15s ease",borderRadius:p?Ay+" "+Ay+" 0 0":Ay,"&:hover":f?{}:{color:"var(--Text)","& .omni-icon":{color:"var(--Text)"}},"&:active":f?{}:{color:"var(--Text)","& .omni-icon":{color:"var(--Text)"}},"&:focus-visible":{outline:"none"},...u},...m,children:[n&&t.jsx(a.Box,{className:"accordion-summary-start",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:n}),t.jsxs(a.Box,{sx:{flex:1,minWidth:0,display:"flex",flexDirection:"column",gap:"var(--Sizing-Half)"},children:[(l??s)&&t.jsx(ft,{style:{...S,color:"var(--Text-Quiet)"},children:l??s}),null!=r&&t.jsx(y,{style:{...S,color:"inherit"},children:r}),c&&t.jsx(rt,{style:{...S,color:"var(--Text-Quiet)"},children:c})]}),o&&t.jsx(a.Box,{className:"accordion-summary-end",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:o}),t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",transform:p?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.25s ease",flexShrink:0},children:j})]})},exports.Alert=Gf,exports.AlertDialog=function({open:e,onClose:r,title:i,children:n,confirmText:o="Confirm",cancelText:l="Cancel",onConfirm:s,onCancel:c,...d}){return t.jsx(pS,{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:mS.outline,children:l}),t.jsx(a.Box,{component:"button",type:"button",onClick:s||r,sx:mS.primary,children:o})]}),children:n})},exports.AlertShowcase=function(){const[r,i]=e.useState("light"),[n,o]=e.useState("info"),[l,s]=e.useState("medium"),[c,d]=e.useState(!0),[h,u]=e.useState("Default"),[m,p]=e.useState("Surface"),x=c&&ag[n]?t.jsx(up,{size:"small",sx:{color:"inherit"},children:ag[n]}):void 0;return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Alert",component:"Alert"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:h,onThemeChange:u,surface:m,onSurfaceChange:p})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Alert",theme:h,surface:m})}),t.jsx(lf,{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(Kf,{theme:h,surface:m,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:480},children:t.jsx(Gf,{variant:r,color:n,size:l,startDecorator:x,children:"This is an alert message. Check the details for more information."})})}),t.jsx(Ff,{code:(()=>{const e=['variant="'+r+'"'];return"info"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),c&&ag[n]&&e.push("startDecorator={<Icon><"+_f(n)+"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(ft,{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(tg,{label:_f(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:eg.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(rg,{color:e,selected:n===e,onClick:o},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(tg,{label:_f(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(pt,{children:"Show Icon"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Start decorator icon"})]}),t.jsx(Zf,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"Show icon"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Alert"})})]})]})},exports.AltDisplayLarge=e=>t.jsx(Qa,{textStyle:"alt-display-large",...e}),exports.AltDisplayMedium=e=>t.jsx(Qa,{textStyle:"alt-display-medium",...e}),exports.AltDisplaySmall=e=>t.jsx(Qa,{textStyle:"alt-display-small",...e}),exports.AppBar=Sj,exports.AppBarShowcase=function(){const[r,i]=e.useState("desktop"),[n,o]=e.useState("default"),[l,s]=e.useState("Surface"),[c,d]=e.useState("login"),[h,u]=e.useState("hamburger"),[m,p]=e.useState("name"),[x,f]=e.useState("right"),[g,b]=e.useState("search"),[v,y]=e.useState("Default"),[j,S]=e.useState("Surface"),[z,w]=e.useState({}),B="desktop"===r,k=kj[n]||kj.default,C=k.theme,T=k.surface||l;return e.useEffect(()=>{const e={};e.text=Rt("--Text"),e.textQuiet=Rt("--Text-Quiet"),e.background=Rt("--Background"),e.border=Rt("--Border"),e.focusVisible=Rt("--Focus-Visible"),e.hover=Rt("--Hover"),e.active=Rt("--Pressed"),w(e)},[n,l,r]),t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"App Bar",component:"AppBar"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"AppBar",theme:v,surface:j})}),t.jsx(lf,{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(Kf,{theme:v,surface:j,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:B?"100%":420,overflow:"hidden"},children:B?t.jsx(yj,{barColor:n,surface:l,loginType:c,menuType:h,brandType:m,searchPosition:x,companyName:"My App",navLinks:["Home","Products","About"]}):t.jsx(jj,{barColor:n,surface:l,mobileVariant:g,companyName:"My App",title:"Page Title",subtitle:"Subtitle text"})})}),t.jsx(Ff,{code:(()=>{if(B){const e=[];"default"!==n&&e.push('barColor="'+n+'"'),"Surface"!==l&&e.push('surface="'+l+'"'),"login"!==c&&e.push('loginType="'+c+'"'),"hamburger"!==h&&e.push('menuType="'+h+'"'),"name"!==m&&e.push('brandType="'+m+'"'),"right"!==x&&e.push('searchPosition="'+x+'"');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"!==n&&e.push('barColor="'+n+'"'),"Surface"!==l&&e.push('surface="'+l+'"'),"<AppBar\n  "+e.join("\n  ")+'\n  title="Page Title"\n/>'}})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),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(ft,{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(Mj,{label:zj(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BAR COLOR"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:wj.map(e=>t.jsx(Aj,{color:e,selected:n===e,onClick:o},e))}),t.jsxs(ht,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:['data-theme="',C,'"']})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SURFACE"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Bj.map(e=>t.jsx(Mj,{label:e.replace("Surface-","").replace("Surface","Default"),selected:l===e,onClick:()=>s(e)},e))}),t.jsxs(ht,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:['data-surface="',l,'"']})]}),B&&t.jsxs(t.Fragment,{children:[t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Mj,{label:zj(e),selected:h===e,onClick:()=>u(e)},e))}),t.jsx(ht,{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(ft,{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(Mj,{label:zj(e),selected:m===e,onClick:()=>p(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Mj,{label:zj(e),selected:x===e,onClick:()=>f(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Mj,{label:zj(e),selected:c===e,onClick:()=>d(e)},e))})]})]}),!B&&t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Mj,{label:zj(e),selected:g===e,onClick:()=>b(e)},e))})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(rt,{color:"quiet",style:{marginBottom:24},children:[r," / ",n," / ",l,B?"":" / "+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(Za,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),t.jsx(rt,{color:"quiet",style:{marginBottom:16},children:"All text and icons must have 4.5:1 contrast against the AppBar background."}),t.jsx(Tj,{label:"Resting: var(--Text) vs. var(--Background)",ratio:Nt(z.text,z.background),threshold:4.5,note:'data-theme="'+C+'" data-surface="'+T+'"'}),t.jsx(Tj,{label:"On hover: var(--Text) vs. var(--Hover)",ratio:Nt(z.text,z.hover),threshold:4.5,note:"Icon buttons use var(--Hover) on hover"}),t.jsx(Tj,{label:"On active: var(--Text) vs. var(--Pressed)",ratio:Nt(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(Za,{children:"Focus Indicator (WCAG 2.4.11 — 3:1)"}),t.jsx(Tj,{label:"var(--Focus-Visible) vs. var(--Background)",ratio:Nt(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(Za,{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 n=r>=24,o=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(rt,{style:{color:"var(--Text)"},children:[e," — ",r,"px"]}),t.jsx(ht,{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:n?"var(--Tags-Success-BG)":"var(--Tags-Error-BG)",color:n?"var(--Tags-Success-Text)":"var(--Tags-Error-Text)"},children:["Desktop ",n?"Y":"N"]}),t.jsxs(a.Box,{sx:{px:1,py:.25,borderRadius:"4px",fontSize:"11px",fontWeight:700,backgroundColor:o?"var(--Tags-Success-BG)":"var(--Tags-Warning-BG)",color:o?"var(--Tags-Success-Text)":"var(--Tags-Warning-Text)"},children:["iOS ",o?"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(Za,{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(rt,{children:"Landmark:"}),t.jsx(ht,{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(rt,{children:"Navigation (expanded menu):"}),t.jsx(ht,{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(rt,{children:"Theme + Surface:"}),t.jsx(ht,{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(rt,{children:"Shadow:"}),t.jsx(ht,{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(rt,{children:"Icon buttons:"}),t.jsx(ht,{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(rt,{children:"Keyboard:"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:"Tab navigates all interactive elements. Enter/Space activates buttons."})]})]})]})]})]})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"AppBar"})})]})]})},exports.Autocomplete=Nj,exports.AutocompleteShowcase=function(){const[r,i]=e.useState("outline"),[n,o]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("top"),[h,u]=e.useState("Fruit"),[m,p]=e.useState(!0),[x,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(Bk,{title:"Autocomplete",component:"Autocomplete"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Autocomplete",theme:v,surface:j})}),t.jsx(lf,{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(Kf,{theme:v,surface:j,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:360},children:t.jsx(Nj,{variant:r,color:n,size:l,label:h,labelPosition:c,options:Dj,clearable:m,disabled:x,fullWidth:g})})}),t.jsx(Ff,{code:(()=>{const e=[];return"outline"!==r&&e.push('variant="'+r+'"'),"default"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),h&&e.push('label="'+h+'"'),"top"!==c&&e.push('labelPosition="'+c+'"'),m||e.push("clearable={false}"),x&&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(ft,{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(Wj,{label:Rj(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Fj.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(Pj,{color:e,selected:n===e,onClick:o},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Wj,{label:Rj(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Wj,{label:"none"===e?"None":Rj(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(pt,{children:"Clearable"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show clear button when has value"})]}),t.jsx(Zf,{checked:m,onChange:e=>p(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(pt,{children:"Disabled"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Zf,{checked:x,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(pt,{children:"Full Width"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container width"})]}),t.jsx(Zf,{checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Autocomplete"})})]})]})},exports.Avatar=ox,exports.AvatarGroup=lx,exports.AvatarShowcase=function(){const[r,i]=e.useState("default"),[n,o]=e.useState("medium"),[l,s]=e.useState("initials"),[c,d]=e.useState(!1),[h,u]=e.useState(!1),[m,p]=e.useState(!1),[x,f]=e.useState("Default"),[g,b]=e.useState("Surface"),v="photo"===l,y=()=>{const e={size:n,clickable:c,insideButton:h};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(Bk,{title:"Avatar",component:"Avatar"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:x,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Avatar",theme:x,surface:g})}),t.jsx(lf,{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(Kf,{theme:x,surface:g,children:m?t.jsxs(lx,{max:3,size:n,children:[t.jsx(ox,{...y()}),t.jsx(ox,{color:r,size:n,initials:"AB"}),t.jsx(ox,{color:r,size:n,initials:"CD"}),t.jsx(ox,{color:r,size:n,initials:"EF"})]}):t.jsx(ox,{...y()})}),t.jsx(Ff,{code:(()=>{const e=[];return v||"default"===r||e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),"initials"===l&&e.push('initials="LN"'),"photo"===l&&e.push('src="..." alt="User avatar"'),c&&e.push("clickable onClick={handleClick}"),h&&e.push("insideButton"),m?"<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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:jg.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(Cg,{color:e,selected:r===e,onClick:i},e))})]},e.label))}),v&&t.jsx(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:wg.map(e=>t.jsx(kg,{label:Bg[e],selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"CONTENT"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:Sg.map(e=>t.jsx(kg,{label:zg[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(pt,{children:"Clickable"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Interactive with hover/focus states"})]}),t.jsx(Zf,{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(pt,{children:"Inside Button"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Adds 2px horizontal margin so the avatar sits cleanly in a Button"})]}),t.jsx(Zf,{variant:"default-outline",checked:h,onChange:e=>u(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(pt,{children:"Group"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show as AvatarGroup with overflow"})]}),t.jsx(Zf,{variant:"default-outline",checked:m,onChange:e=>p(e.target.checked),size:"small","aria-label":"Show group"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Avatar"})})]})]})},exports.Badge=xx,exports.BadgeShowcase=function(){const[r,i]=e.useState("Default"),[n,o]=e.useState("Surface"),[l,s]=e.useState("solid"),[c,m]=e.useState("primary"),[p,x]=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(p,10);return isNaN(e)||String(e)!==p.trim()?p||void 0:e};return e.useEffect(()=>{const e=Df(c),a={};"solid"===l?(a.badgeBg=Rt("--Icons-"+e),a.badgeText=Rt("--Icons-On-"+e),a.badgeBorder=null):"outline"===l&&(a.badgeBg=Rt("--Background"),a.badgeText=Rt("--Text"),a.badgeBorder=Rt("--Buttons-"+e+"-Border")),a.background=Rt("--Background"),a.focusVisible=Rt("--Focus-Visible"),j(a)},[l,c]),t.jsxs(a.Box,{sx:{width:"100%"},children:[t.jsx(Bk,{title:"Badge",component:"Badge"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:r,onThemeChange:i,surface:n,onSurfaceChange:o})}),t.jsx(nt,{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(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Badge",theme:r,surface:n})}),t.jsx(lf,{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(xx,{variant:S(),badgeContent:z(),dot:f,showZero:b,children:t.jsx(d,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})}),t.jsx(xx,{variant:S(),badgeContent:z(),dot:f,showZero:b,children:t.jsx(h,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})}),t.jsx(xx,{variant:S(),badgeContent:z(),dot:f,showZero:b,children:t.jsx(u,{sx:{fontSize:32,color:"var(--Text-Quiet)"}})})]})}),t.jsx(Ff,{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(Ja,{children:"Playground"}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Ef,{label:Df(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Wf.map(e=>t.jsx(Of,{color:e,selected:c===e,onClick:m},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SIZE"}),t.jsx(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BADGE CONTENT"}),t.jsx(a.TextField,{size:"small",value:p,onChange:e=>x(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(rt,{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(rt,{children:"Show zero"})})]})]})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),t.jsxs(a.Box,{sx:{p:4},children:[t.jsx(Ja,{children:"Accessibility Requirements"}),t.jsxs(rt,{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(Za,{children:"Badge Text Contrast"}),t.jsx(rt,{color:"quiet",style:{marginBottom:16},children:"Badge text must have ≥ 4.5:1 contrast against badge background (WCAG 1.4.3 AA)"}),t.jsx(Hf,{label:"Badge Text vs. Badge Background",ratio:Nt(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(Za,{children:"Badge Visibility"}),t.jsx(rt,{color:"quiet",style:{marginBottom:16},children:"Badge background (or border) must have ≥ 3:1 contrast against page background (WCAG 1.4.11)"}),(()=>{const e=Nt(y.badgeBg,y.background),a=y.badgeBorder?Nt(y.badgeBorder,y.background):null;return t.jsx(Hf,{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(Za,{children:"Badge Sizing"}),t.jsx(rt,{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(rt,{children:"Counter"}),t.jsx(ht,{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(rt,{children:"Status dot"}),t.jsx(ht,{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(Za,{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(rt,{style:{display:"block",marginBottom:2},children:"Screenreader support:"}),t.jsx(ht,{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(rt,{style:{display:"block",marginBottom:2},children:"Dot variant:"}),t.jsx(ht,{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(rt,{style:{display:"block",marginBottom:2},children:"Max overflow:"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:'When content exceeds max (default 99), displays "99+" visually but announces the actual number to screenreaders.'})]})]})]})]})]})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Badge"})})]})]})},exports.BarChart=function({data:r=[],showTrack:i=!0,rounded:n=!0,showValues:o=!1,showLabels:l=!0,animate:s=!0,interactive:c=!0,height:d=200,gapRatio:h=.4,label:u,className:m="",sx:p={},...x}){const f=Vk(r),g=qk(r),{active:b,handlers:v}=sC(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=o?20:8,w=l?22:8,B=Math.max(0,d-z-w),k=Gk(f,{fromZero:!0}),{centres:C,bandWidth:T}=Yk(f.length,0,S,{gapRatio:h}),M=z+B,A=n?T/2:0,L=f.length?S/f.length:0;return t.jsxs(a.Box,{component:"figure",className:"bar-chart "+m,sx:{display:"block",width:"100%",m:0,position:"relative",...p},...x,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,n=Qk(e,k,z,B),o=Math.max(0,M-n);return t.jsxs("g",{children:[i&&t.jsx("rect",{x:r,y:z,width:T,height:B,rx:A,ry:A,fill:aC.track}),o>0&&t.jsx("rect",{x:r,y:n,width:T,height:o,rx:Math.min(A,o/2),ry:Math.min(A,o/2),fill:aC.fill,style:{transformBox:"fill-box",transformOrigin:"bottom",transform:y?"scaleY(1)":"scaleY(0)",transition:`transform ${oC}`}})]},a)}),o&&f.map((e,a)=>t.jsx("text",{x:C[a],y:Qk(e,k,z,B)-6,textAnchor:"middle",fill:aC.label,...rC,children:e},"v"+a)),l&&g.map((e,a)=>t.jsx("text",{x:C[a],y:d-6,textAnchor:"middle",fill:aC.quietLabel,...rC,children:e},"l"+a)),c&&b>=0&&!o&&t.jsx(dC,{x:C[b],y:Qk(f[b],k,z,B),text:f[b],width:S,tokens:aC})]}),c&&t.jsx(cC,{count:f.length,width:S,centres:C,bandWidth:L,labels:g,values:f,handlers:v}),t.jsx(nC,{caption:u||`Bar chart, ${f.length} values`,labels:g,values:f})]})},exports.BevelText=Db,exports.BevelTextShowcase=function(){const[r,i]=e.useState("Default"),[n,o]=e.useState("Surface"),[l,s]=e.useState("DinoDesign"),[c,d]=e.useState("Primary"),[h,u]=e.useState("Classic"),[m,p]=e.useState("light"),[x,f]=e.useState(135),[g,b]=e.useState(5),[v,y]=e.useState(1),[j,S]=e.useState(!0),[z,w]=e.useState(!0),[B,k]=e.useState(6),[C,T]=e.useState(8),[M,A]=e.useState(60),[L,I]=e.useState(96),[N,R]=e.useState(900),[F,D]=e.useState(0),W="custom"===h,P=W?{angle:x,depth:g,softness:v,bevel:j,shadow:z,shadowDistance:B,shadowBlur:C,shadowOpacity:M/100}:void 0,H=Pb.find(e=>e.value===m)?.css||Pb[0].css;return t.jsxs(a.Box,{children:[t.jsx(Bk,{title:"Bevel Display Text",component:"BevelText"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:r,onThemeChange:i,surface:n,onSurfaceChange:o})}),t.jsx(nt,{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(Db,{text:l,theme:c,preset:h,custom:P,fontSize:L,fontWeight:N,letterSpacing:F})})}),t.jsx(a.Box,{sx:{minWidth:0,alignSelf:"flex-start"},children:t.jsx(a.Box,{sx:{backgroundColor:"var(--Background)",overflow:"hidden"},children:t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"BevelText",theme:r,surface:n})}),t.jsx(lf,{value:1,children:t.jsxs(a.Stack,{spacing:3,sx:{p:3,maxWidth:720},children:[t.jsx(ib,{label:"Text",value:l,onChange:e=>s(e.target.value),placeholder:"Your headline…",size:"medium"}),t.jsxs(a.Box,{children:[t.jsx(ft,{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:gb.map(e=>t.jsx(Hb,{label:e,selected:c===e,onClick:()=>d(e)},e))}),t.jsxs(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PRESETS"}),t.jsx(a.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:Wb.map(e=>t.jsx(Ob,{option:e,active:h===e.value,onClick:()=>function(e){if(u(e),"custom"!==e){const a=yb(e);f(a.angle),b(a.depth??5),y(a.softness??1),S(a.bevel),w(a.shadow),k(a.shadowDistance??6),T(a.shadowBlur??8),A(Math.round(100*(a.shadowOpacity??.6)))}}(e.value)},e.value))})]}),W&&t.jsxs(a.Box,{sx:{border:"1px solid var(--Border)",borderRadius:"var(--Style-Border-Radius)",p:2},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:12},children:"CUSTOM"}),t.jsxs(a.Stack,{spacing:2,children:[t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Light angle",t.jsxs("span",{style:{float:"right"},children:[x,"°"]})]}),t.jsx(pb,{min:0,max:360,step:5,value:x,onChange:(e,a)=>f(a)})]}),t.jsxs(a.Box,{sx:{border:"1px solid var(--Border-Variant)",borderRadius:1,p:1.5},children:[t.jsx($f,{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(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Depth",t.jsxs("span",{style:{float:"right"},children:[g,"px"]})]}),t.jsx(pb,{min:1,max:16,step:1,value:g,onChange:(e,a)=>b(a)})]}),t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Softness",t.jsxs("span",{style:{float:"right"},children:[v,"px"]})]}),t.jsx(pb,{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($f,{label:"Drop shadow",checked:z,onChange:e=>w(e.target.checked)}),z&&t.jsxs(a.Stack,{spacing:1.5,sx:{mt:1.5},children:[t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Distance",t.jsxs("span",{style:{float:"right"},children:[B,"px"]})]}),t.jsx(pb,{min:1,max:24,step:1,value:B,onChange:(e,a)=>k(a)})]}),t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Blur",t.jsxs("span",{style:{float:"right"},children:[C,"px"]})]}),t.jsx(pb,{min:0,max:24,step:1,value:C,onChange:(e,a)=>T(a)})]}),t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Opacity",t.jsxs("span",{style:{float:"right"},children:[M,"%"]})]}),t.jsx(pb,{min:10,max:100,step:5,value:M,onChange:(e,a)=>A(a)})]})]})]})]})]}),t.jsxs(a.Box,{children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TYPOGRAPHY"}),t.jsxs(a.Stack,{spacing:2,children:[t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Font size",t.jsxs("span",{style:{float:"right"},children:[L,"px"]})]}),t.jsx(pb,{min:32,max:160,step:4,value:L,onChange:(e,a)=>I(a)})]}),t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Font weight",t.jsx("span",{style:{float:"right"},children:N})]}),t.jsx(pb,{min:400,max:900,step:100,value:N,onChange:(e,a)=>R(a)})]}),t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Letter spacing",t.jsxs("span",{style:{float:"right"},children:[F,"px"]})]}),t.jsx(pb,{min:-2,max:20,step:1,value:F,onChange:(e,a)=>D(a)})]})]})]}),t.jsxs(a.Box,{children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PREVIEW BACKGROUND"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:Pb.map(e=>t.jsx(Hb,{label:e.label,selected:m===e.value,onClick:()=>p(e.value)},e.value))}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Showcase-only — doesn't affect the emitted code."})]})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),t.jsxs(a.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsxs(ht,{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(rt,{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(lf,{value:3,children:t.jsx(jk,{component:"BevelText"})})]})})})]})]})},exports.BlackWhiteToggleButtonGroup=tB,exports.Body=nt,exports.Body1=lt,exports.Body2=st,exports.BodyBold=e=>t.jsx(Qa,{textStyle:"body-bold",...e}),exports.BodyLarge=ct,exports.BodyLargeBold=e=>t.jsx(Qa,{textStyle:"body-large-bold",...e}),exports.BodyLargeSemibold=dt,exports.BodySemibold=ot,exports.BodySmall=rt,exports.BodySmallBold=e=>t.jsx(Qa,{textStyle:"body-small-bold",...e}),exports.BodySmallSemibold=it,exports.BottomNavigation=Yj,exports.BottomNavigationShowcase=function(){const[r,i]=e.useState("Default"),[n,o]=e.useState("Surface"),[l,s]=e.useState(0),[c,d]=e.useState(!0),[h,u]=e.useState(!0),[m,p]=e.useState("fixed"),[x,f]=e.useState("horizontal"),[g,b]=e.useState("default"),[v,y]=e.useState(4),[j,S]=e.useState(_j.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-_j.length]||{icon:Kj[r%Kj.length],label:Kj[r%Kj.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})},w=j.slice(0,v).map(e=>({icon:$j[e.icon]||$j.Home,label:e.label}));return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Bottom Navigation",component:"BottomNavigation"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:r,onThemeChange:i,surface:n,onSurfaceChange:o})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"BottomNavigation",theme:r,surface:n})}),t.jsx(lf,{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(Yj,{items:w,value:l,onChange:s,showLabels:h,variant:m,orientation:x,barColor:g,fixed:!1},"bn-"+v+"-"+m+"-"+x+"-"+h+"-"+g)}),t.jsxs(ht,{style:{color:"var(--Text-Quiet)",textAlign:"center"},children:[v," items · ",h?"Labels":"Icons only"," · ","floating"===m?"Floating":"Fixed"," · ","vertical"===x?"Vertical":"Horizontal"," · ",(eS.find(e=>e.value===g)||eS[0]).label]})]}),t.jsx(Ff,{code:(()=>{const e=[];e.push("const items = ["),w.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+'"'),h||a.push("showLabels={false}"),"fixed"!==m&&a.push('variant="'+m+'"'),"horizontal"!==x&&a.push('orientation="'+x+'"'),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(Ja,{children:"Playground"}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BAR COLOR"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:eS.map(e=>t.jsx(aS,{label:e.label,selected:g===e.value,onClick:()=>b(e.value)},e.value))}),t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:[(eS.find(e=>e.value===g)||eS[0]).desc,' · data-surface="Surface-Dim" · bg: var(--Background)']})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"OPTIONS"}),t.jsxs(a.Stack,{spacing:0,children:[t.jsx(nS,{label:"Fixed",checked:c,onChange:d,caption:"Position fixed to bottom of viewport."}),t.jsx(nS,{label:"Labels",checked:h,onChange:u,caption:"Show text labels with icons."}),t.jsx(ht,{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(ft,{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(aS,{label:"Fixed",selected:"fixed"===m,onClick:()=>p("fixed")}),t.jsx(aS,{label:"Floating",selected:"floating"===m,onClick:()=>p("floating")})]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"floating"===m?"A pill, rounded to its own height so the ends stay semicircular at any length.":"A square band, edge to edge."}),t.jsx(ft,{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(aS,{label:"Horizontal",selected:"horizontal"===x,onClick:()=>f("horizontal")}),t.jsx(aS,{label:"Vertical",selected:"vertical"===x,onClick:()=>f("vertical")})]}),t.jsx(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"NAVIGATION ITEMS"}),t.jsx(iS,{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(ht,{style:{color:"var(--Text-Quiet)",flexShrink:0,width:16,textAlign:"right"},children:r+1}),t.jsx(rS,{value:e.icon,onChange:e=>z(r,"icon",e),options:Kj,label:"Item "+(r+1)+" icon"}),h&&t.jsx(tS,{value:e.label,onChange:e=>z(r,"label",e),placeholder:"Label"})]},r))})]})]})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),t.jsxs(a.Box,{sx:{p:4},children:[t.jsx(Ja,{children:"Accessibility Requirements"}),t.jsxs(rt,{color:"quiet",style:{marginBottom:32},children:[v," items · ",h?"Labels":"Icons only"," · ","floating"===m?"Floating":"Fixed"," · ","vertical"===x?"Vertical":"Horizontal"," · ",(eS.find(e=>e.value===g)||eS[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(Za,{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(rt,{children:"Landmark:"}),t.jsx(ht,{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(rt,{children:"Tab list:"}),t.jsx(ht,{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(rt,{children:"Tab items:"}),t.jsx(ht,{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(rt,{children:"Focus:"}),t.jsx(ht,{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(Za,{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(rt,{children:"Bar:"}),t.jsx(ht,{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(rt,{children:"Unselected icon/label:"}),t.jsx(ht,{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(rt,{children:"Selected:"}),t.jsx(ht,{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(rt,{children:"Selected pill:"}),t.jsx(ht,{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(rt,{children:"Backfill + horizontal label:"}),t.jsx(ht,{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(rt,{children:"Backfill + vertical label:"}),t.jsx(ht,{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(Za,{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(rt,{children:"Item count:"}),t.jsx(ht,{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(rt,{children:"Horizontal layout:"}),t.jsx(ht,{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(rt,{children:"Labels:"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:"Always recommended for clarity."})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(rt,{children:"Fixed:"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:"Add bottom padding to main content to avoid overlap."})]})]})]})]})]})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"BottomNavigation"})})]})]})},exports.Box=Dv,exports.BoxShowcase=function(){const[r,i]=e.useState(""),[n,o]=e.useState(""),[l,s]=e.useState("Default"),[c,d]=e.useState("Surface");return t.jsxs(Dv,{sx:{pb:8},children:[t.jsx(Bk,{title:"Box",component:"Box"}),t.jsx(Dv,{sx:{mt:1},children:t.jsx(Np,{theme:l,onThemeChange:s,surface:c,onSurfaceChange:d})}),t.jsxs(nt,{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(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"When to use"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Box",theme:l,surface:c})}),t.jsx(lf,{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(Kf,{theme:l,surface:c,children:t.jsx(Dv,{sx:{width:"100%",maxWidth:400},children:t.jsx(Dv,{theme:r||void 0,surface:n||void 0,children:t.jsxs(Dv,{sx:{padding:3,backgroundColor:"var(--Background)",color:"var(--Text)",borderRadius:"var(--Style-Border-Radius)",border:"1px dashed var(--Border-Variant)"},children:[t.jsx(Za,{children:"Box content"}),t.jsx(nt,{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(Ff,{code:(()=>{const e=[];r&&e.push('theme="'+r+'"'),n&&e.push('surface="'+n+'"');return"<Box"+(e.length?" "+e.join(" "):"")+">\n  {/* anything */}\n</Box>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),t.jsx(a.Grid,{item:!0,sx:{width:{xs:"100%",md:"45%"},flexShrink:0,minWidth:0},children:t.jsxs(Dv,{sx:{p:3},children:[t.jsx(Dv,{sx:{mb:3}}),t.jsxs(Dv,{children:[t.jsx(ft,{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(Hv,{label:"None",selected:!r,onClick:()=>i("")}),Pv.map(e=>t.jsx(Hv,{label:e,selected:r===e,onClick:()=>i(e)},e))]})]}),t.jsxs(Dv,{sx:{mt:3},children:[t.jsx(ft,{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(Hv,{label:"None",selected:!n,onClick:()=>o("")}),Wv.map(e=>t.jsx(Hv,{label:e,selected:n===e,onClick:()=>o(e)},e))]}),t.jsxs(ht,{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(lf,{value:2,children:t.jsx(Dv,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:2,children:[t.jsxs(Dv,{children:[t.jsx(rt,{style:{fontWeight:700},children:"Reach for Box when…"}),t.jsx(ht,{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(Dv,{children:[t.jsx(rt,{style:{fontWeight:700},children:"Use Ratio when…"}),t.jsx(ht,{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(Dv,{children:[t.jsx(rt,{style:{fontWeight:700},children:"Use Card when…"}),t.jsx(ht,{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(lf,{value:3,children:t.jsx(jk,{component:"Box"})})]})]})},exports.BrandIcon=cp,exports.BreadcrumbItem=cy,exports.Breadcrumbs=sy,exports.BreadcrumbsShowcase=function(){const[r,i]=e.useState("medium"),[n,o]=e.useState("/"),[l,s]=e.useState(!1),[c,d]=e.useState("Default"),[h,u]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Breadcrumbs",component:"Breadcrumbs"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:c,onThemeChange:d,surface:h,onSurfaceChange:u})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Breadcrumbs",theme:c,surface:h})}),t.jsx(lf,{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(Kf,{theme:c,surface:h,children:t.jsxs(sy,{size:r,separator:n,condense:l,maxItems:3,children:[t.jsx(cy,{href:"#",children:"Home"}),t.jsx(cy,{href:"#",children:"Products"}),t.jsx(cy,{href:"#",children:"Shoes"}),t.jsx(cy,{children:"Running Shoes"})]})}),t.jsx(Ff,{code:(()=>{const e=[];return"medium"!==r&&e.push('size="'+r+'"'),"/"!==n&&e.push('separator="'+n+'"'),l&&e.push("condense maxItems={3}"),"<Breadcrumbs"+(e.length?" "+e.join(" "):"")+'>\n  <BreadcrumbItem href="/">Home</BreadcrumbItem>\n  <BreadcrumbItem href="/products">Products</BreadcrumbItem>\n  <BreadcrumbItem href="/products/shoes">Shoes</BreadcrumbItem>\n  <BreadcrumbItem>Running Shoes</BreadcrumbItem>\n</Breadcrumbs>'})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),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(ft,{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(hy,{label:dy(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SEPARATOR"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["/","›","→","·","|"].map(e=>t.jsx(hy,{label:e,selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(pt,{children:"Condense"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Collapse middle items into ellipsis"})]}),t.jsx(Zf,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Condense"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Breadcrumbs"})})]})]})},exports.Button=Rx,exports.ButtonGroup=ky,exports.ButtonSmall=Tt,exports.ButtonText=Mt,exports.CAP_HEIGHT_TRIM=Ua,exports.CHART_LABEL_TYPE=rC,exports.CHART_TOKENS=aC,exports.COLOR_COLLECTIONS=hC,exports.COLOUR_COLLECTIONS=hC,exports.COMPONENT_DOCS=_p,exports.Caption=ht,exports.CaptionBold=e=>t.jsx(Qa,{textStyle:"caption-bold",...e}),exports.Card=lg,exports.CenteredStack=e=>t.jsx(bv,{direction:"column",alignItems:"center",justifyContent:"center",...e}),exports.Checkbox=yg,exports.Chip=Qx,exports.CircularProgress=Jv,exports.CircularProgressShowcase=function(){const[r,i]=e.useState("default"),[n,o]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(65),[h,u]=e.useState(!1),[m,p]=e.useState("Default"),[x,f]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Circular Progress",component:"CircularProgress"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:m,onThemeChange:p,surface:x,onSurfaceChange:f})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"CircularProgress",theme:m,surface:x})}),t.jsx(lf,{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(Kf,{theme:m,surface:x,children:t.jsx(Jv,{color:r,size:n,value:l?c:void 0,showValue:l&&h})}),t.jsx(Ff,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),l&&(e.push("value={"+c+"}"),h&&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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:$v.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(_v,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Kv,{label:Zv(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(pt,{children:"Determinate"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show a static arc at a specific value"})]}),t.jsx(Zf,{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(pb,{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(pt,{children:"Show Label"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Center percentage text"})]}),t.jsx(Zf,{checked:h,onChange:e=>u(e.target.checked),size:"small","aria-label":"Show label"})]})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:"Role:"}),t.jsx(ht,{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(rt,{children:"Determinate:"}),t.jsx(ht,{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(rt,{children:"Indeterminate:"}),t.jsx(ht,{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(rt,{children:"Label:"}),t.jsx(ht,{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(Za,{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(rt,{children:"Track (back circle):"}),t.jsx(ht,{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(rt,{children:"Fill (progress arc):"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Buttons-{Color}-Border)"})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsx(rt,{children:"Center label:"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:"var(--Text)"})]})]})]})]})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"CircularProgress"})})]})]})},exports.CodeBlock=Ff,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=av,exports.CopyButton=Rf,exports.Copyright=hv,exports.CopyrightShowcase=function(){const[r,i]=e.useState("Default"),[n,o]=e.useState("Surface"),[l,s]=e.useState("DinoDesign"),[c,d]=e.useState((new Date).getFullYear()),[h,u]=e.useState("All rights reserved"),[m,p]=e.useState(""),[x,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,x,l,c,h,m]),t.jsxs(a.Box,{children:[t.jsx(Bk,{title:"Copyright",component:"Copyright"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:r,onThemeChange:i,surface:n,onSurfaceChange:o})}),t.jsxs(nt,{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:x?t.jsx(hv,{color:g,children:m||"Type a custom message →"}):t.jsx(hv,{color:g,companyName:l,year:Number(c)||(new Date).getFullYear(),rights:h})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Copyright",theme:r,surface:n})}),t.jsx(lf,{value:1,children:t.jsxs(a.Stack,{spacing:3,sx:{p:3,maxWidth:560},children:[t.jsxs(a.Box,{children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"TEXT MODE"}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(xv,{label:"Auto-generated",selected:!x,onClick:()=>f(!1)}),t.jsx(xv,{label:"Custom",selected:x,onClick:()=>f(!0)})]})]}),!x&&t.jsxs(t.Fragment,{children:[t.jsx(ib,{label:"Company name",value:l,onChange:e=>s(e.target.value),placeholder:"DinoDesign",size:"medium"}),t.jsx(mv,{label:"Year",value:Number(c),onChange:e=>d(e),min:1900,max:2100}),t.jsx(ib,{label:"Rights text",value:h,onChange:e=>u(e.target.value),placeholder:"All rights reserved",size:"medium"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:'Leave Rights blank to omit "All rights reserved." entirely.'})]}),x&&t.jsxs(t.Fragment,{children:[t.jsx(ib,{label:"Custom text",value:m,onChange:e=>p(e.target.value),placeholder:"© 2026 DinoDesign · MIT License · Built with love",size:"medium",multiline:!0}),t.jsx(ht,{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(ft,{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:pv.map(e=>t.jsx(xv,{label:e.label,selected:g===e.value,onClick:()=>b(e.value)},e.value))}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:6},children:"Matches the Footer color presets so the two stack cleanly."})]})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),t.jsxs(a.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsx(ht,{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(Ab,{targetRef:y,label:"Copyright strip",deps:[g,x,l,c,h,m]})]})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Copyright"})})]})]})},exports.CurvedText=Bb,exports.CurvedTextShowcase=function(){const[r,i]=e.useState("Default"),[n,o]=e.useState("Surface"),[l,s]=e.useState("Your Brand. Perfected."),[c,d]=e.useState("display-large"),[h,u]=e.useState("primary"),[m,p]=e.useState([(x="up",{arc:140,radius:340,direction:x})]);var x;const[f,g]=e.useState(0),[b,v]=e.useState(8),[y,j]=e.useState(700),[S,z]=e.useState(!1),[w,B]=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")})},[h,c,m,f,b,y,S,w,k]);const L=Ib.find(e=>e.value===h)?.css||Ib[0].css;function I(e,a){p(t=>t.map((t,r)=>r===e?{...t,...a}:t))}return t.jsxs(a.Box,{children:[t.jsx(Bk,{title:"Curved Display Text",component:"CurvedText"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:r,onThemeChange:i,surface:n,onSurfaceChange:o})}),t.jsx(nt,{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(Bb,{text:l,curves:m,textStyle:c,rotation:f,letterSpacing:b,fontWeight:y,bevel:S,bevelTheme:w,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(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"CurvedText",theme:r,surface:n})}),t.jsx(lf,{value:1,children:t.jsxs(a.Stack,{spacing:3,sx:{p:3,maxWidth:720},children:[t.jsx(ib,{label:"Text",value:l,onChange:e=>s(e.target.value),placeholder:"Your headline…",size:"medium"}),t.jsxs(a.Box,{children:[t.jsx(ft,{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(Rb,{label:String(e),selected:m.length===e,onClick:()=>function(e){p(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(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:12},children:"PER-CURVE SETTINGS"}),t.jsx(a.Stack,{spacing:2,children:m.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(ht,{style:{fontWeight:700},children:["Curve ",r+1]}),t.jsx("div",{style:{flex:1}}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(Rb,{label:"⌢ Up",selected:"up"===e.direction,onClick:()=>I(r,{direction:"up"})}),t.jsx(Rb,{label:"⌣ Down",selected:"down"===e.direction,onClick:()=>I(r,{direction:"down"})})]})]}),t.jsxs(a.Stack,{spacing:1,children:[t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Radius",t.jsxs("span",{style:{float:"right"},children:[e.radius,"px"]})]}),t.jsx(pb,{min:100,max:600,step:10,value:e.radius,onChange:(e,a)=>I(r,{radius:a})})]}),t.jsxs("div",{children:[t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:["Arc sweep",t.jsxs("span",{style:{float:"right"},children:[e.arc,"°"]})]}),t.jsx(pb,{min:40,max:280,step:5,value:e.arc,onChange:(e,a)=>I(r,{arc:a})})]})]})]},r))})]}),t.jsxs(a.Box,{children:[t.jsx(ft,{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:Lb.map(e=>t.jsx(Rb,{label:e.label,selected:c===e.value,onClick:()=>d(e.value)},e.value))}),t.jsx(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["LETTER SPACING",t.jsxs("span",{style:{float:"right"},children:[b,"px"]})]}),t.jsx(pb,{min:-4,max:40,step:1,value:b,onChange:(e,a)=>v(a)}),t.jsx(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:["FONT WEIGHT",t.jsx("span",{style:{float:"right"},children:y})]}),t.jsx(pb,{min:100,max:900,step:100,value:y,onChange:(e,a)=>j(a)}),t.jsx(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"BEVEL"}),t.jsx($f,{label:"3D bevel effect",checked:S,onChange:e=>z(e.target.checked)}),S&&t.jsxs(a.Box,{sx:{mt:1.5},children:[t.jsx(ht,{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:vb.map(e=>t.jsx(Rb,{label:e,selected:k===e,onClick:()=>C(e)},e))}),t.jsx(ht,{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:Nb.map(e=>t.jsx(Rb,{label:e.label,selected:w===e.value,onClick:()=>B(e.value)},e.value))})]}),t.jsxs(ht,{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(ft,{style:{color:"var(--Text-Quiet)",flex:1},children:["ROTATION",t.jsxs("span",{style:{float:"right",marginRight:12},children:[f,"°"]})]}),t.jsx(Rx,{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 n=Math.max(0,(r-i)/2),o=Math.min(r,n+i),s=a.getPointAtLength(n),c=a.getPointAtLength(o),d=180*Math.atan2(c.y-s.y,c.x-s.x)/Math.PI,h=Math.max(-45,Math.min(45,Math.round(-d)));g(h)},children:"Auto-level"})]}),t.jsx(pb,{min:-45,max:45,step:1,value:f,onChange:(e,a)=>g(a)}),t.jsx(ht,{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(ft,{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:Ib.map(e=>t.jsx(Rb,{label:e.label,selected:h===e.value,onClick:()=>u(e.value)},e.value))})]})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),t.jsxs(a.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsx(ht,{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(Ab,{targetRef:M,label:"Curved text",deps:[h,c,JSON.stringify(m),f,b]}),t.jsxs(rt,{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(lf,{value:3,children:t.jsx(jk,{component:"CurvedText"})})]})})})]})]})},exports.DEFAULT_AVATAR_SRC=ax,exports.DEFAULT_ITEMS=zS,exports.DOCS_ORIGIN=ck,exports.DefaultToggleButtonGroup=$w,exports.DesktopAppBar=yj,exports.Dialog=pS,exports.DialogShowcase=function(){const[r,i]=e.useState(!1),[n,o]=e.useState("sm"),[l,s]=e.useState(!1),[c,d]=e.useState("none"),[h,u]=e.useState(!1),[m,p]=e.useState(!1),[x,f]=e.useState("Default"),[g,b]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Dialog",component:"Dialog"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:x,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Dialog",theme:x,surface:g})}),t.jsx(lf,{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(Kf,{theme:x,surface:g,children:t.jsx(Rx,{variant:"default",onClick:()=>i(!0),children:"Open Dialog"})}),t.jsx(Ff,{code:(()=>{const e=["open={open}","onClose={handleClose}"];return"sm"!==n&&e.push('maxWidth="'+n+'"'),l&&e.push("fullScreen"),h&&e.push("alert"),m&&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(pS,{open:r,onClose:(e,a)=>{h&&"backdropClick"===a||i(!1)},maxWidth:n,fullScreen:l,alert:h,nonModal:m,transition:"none"!==c?c:void 0,title:"Dialog Title",actions:t.jsxs(t.Fragment,{children:[t.jsx(Rx,{variant:"default-outline",size:"small",onClick:()=>i(!1),children:"Cancel"}),t.jsx(Rx,{variant:"default",size:"small",onClick:()=>i(!1),children:"Confirm"})]}),children:t.jsx(nt,{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(ft,{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(xS,{label:e.toUpperCase(),selected:n===e,onClick:()=>{o(e),s(!1)}},e)),t.jsx(xS,{label:"Full Screen",selected:l,onClick:()=>s(!l)})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(xS,{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(pt,{children:"Alert"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"No backdrop dismiss, no Escape"})]}),t.jsx(Zf,{variant:"default-outline",checked:h,onChange:e=>u(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(pt,{children:"Non-Modal"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"No backdrop, interact with content behind"})]}),t.jsx(Zf,{variant:"default-outline",checked:m,onChange:e=>p(e.target.checked),size:"small","aria-label":"Non-modal"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Dialog"})})]})]})},exports.DisplayLarge=e=>t.jsx(Qa,{textStyle:"display-large",...e}),exports.DisplayMedium=e=>t.jsx(Qa,{textStyle:"display-medium",...e}),exports.DisplaySmall=e=>t.jsx(Qa,{textStyle:"display-small",...e}),exports.Divider=Jg,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=pj,exports.DrawerClose=xj,exports.DrawerContent=gj,exports.DrawerHeader=fj,exports.DrawerShowcase=function(){const[r,i]=e.useState(!1),[n,o]=e.useState("medium"),[l,s]=e.useState("left"),[c,d]=e.useState("Default"),[h,u]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Drawer",component:"Drawer"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:c,onThemeChange:d,surface:h,onSurfaceChange:u})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Drawer",theme:c,surface:h})}),t.jsx(lf,{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(Kf,{theme:c,surface:h,children:t.jsx(Rx,{variant:"default",onClick:()=>i(!0),children:"Open Drawer"})}),t.jsx(Ff,{code:(()=>{const e=["open={open}","onClose={handleClose}"];return"medium"!==n&&e.push('size="'+n+'"'),"left"!==l&&e.push('anchor="'+l+'"'),"<Drawer "+e.join(" ")+">\n  <DrawerHeader>\n    <H5>Navigation</H5>\n    <DrawerClose onClick={handleClose} />\n  </DrawerHeader>\n  <DrawerContent>\n    <OmniTreeView items={navItems} />\n  </DrawerContent>\n</Drawer>"})(),language:"JSX",wrap:!0,sx:{mt:2}}),t.jsxs(pj,{open:r,onClose:()=>i(!1),size:n,anchor:l,children:[t.jsxs(fj,{children:[t.jsx(Za,{children:"Navigation"}),t.jsx(xj,{onClick:()=>i(!1)})]}),t.jsx(gj,{children:t.jsx(SS,{items:BS,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(ft,{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(kS,{label:wS(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(kS,{label:wS(e),selected:l===e,onClick:()=>s(e)},e))})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Drawer"})})]})]})},exports.DropZone=TS,exports.Dropdown=YS,exports.DynoStack=bv,exports.DynoTreeView=SS,exports.EXAMPLES=ak,exports.EmailTextField=function({label:e="Email",...a}){return t.jsx(jw,{label:e,type:"email",placeholder:"user@example.com",...a})},exports.ErrorTag=e=>t.jsx(Zb,{color:"error",...e}),exports.ErrorToggleButtonGroup=oB,exports.Eyebrow=gt,exports.EyebrowLarge=vt,exports.EyebrowMedium=bt,exports.EyebrowSmall=ft,exports.FORM_HELPER_VALIDATIONS=["none","warning","info","success","error"],exports.FORM_LABEL_MARKERS=Lk,exports.FOUNDATIONS=kk,exports.Fab=Pg,exports.FabShowcase=function(){const[r,i]=e.useState("default"),[n,o]=e.useState("medium"),[l,s]=e.useState("Add"),[c,d]=e.useState(!1),[h,u]=e.useState("Create"),[m,p]=e.useState(!1),[x,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},w=Ht(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(Bk,{title:"Floating Action Button",component:"Fab"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{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(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Fab",theme:g,surface:v})}),t.jsx(lf,{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(Kf,{theme:g,surface:v,children:t.jsx(Pg,{color:j,size:n,icon:(()=>{const e=va[l]||va.Add;return t.jsx(up,{size:"medium",children:t.jsx(e,{})})})(),extended:c,label:h,animate:m,disabled:x,ariaLabel:c?h:l})}),t.jsx(Ff,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),e.push("icon={<"+l+"Icon />}"),c&&(e.push("extended"),e.push('label="'+h+'"')),m&&e.push("animate"),x&&e.push("disabled"),e.push('ariaLabel="'+(c?h: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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Og.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(qg,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Vg,{label:Hg(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(Gg,{label:"Icon Name",value:l,onChange:s,placeholder:"Add"}),t.jsxs(ht,{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(ft,{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(pt,{children:"Extended"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Pill shape with icon + text label"})]}),t.jsx(Zf,{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(Gg,{label:"Label Text",value:h,onChange:u,placeholder:"Create"})}),t.jsxs(a.Box,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(pt,{children:"Animation"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Pulse ring effect to draw attention"})]}),t.jsx(Zf,{checked:m,onChange:e=>p(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(pt,{children:"Disabled"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Zf,{checked:x,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disabled"})]})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{children:["Contrast — ",r," on ",v,g?" / "+g:""]}),t.jsxs(a.Stack,{spacing:0,children:[t.jsx(Wt,{label:"FAB fill vs. page background",note:"Non-text contrast, 3:1 — the FAB has to be findable against what it floats over.",ratio:Nt(w.fabBg,w.background),threshold:3}),t.jsx(Wt,{label:"Icon vs. FAB fill — resting",note:"The glyph carries the meaning, so it is held to text contrast.",ratio:Nt(w.fabIcon,w.fabBg),threshold:4.5}),t.jsx(Wt,{label:"Icon vs. FAB fill — hover",ratio:Nt(w.fabIcon,w.hover,w.fabBg),threshold:4.5}),t.jsx(Wt,{label:"Icon vs. FAB fill — pressed",ratio:Nt(w.fabIcon,w.pressed,w.fabBg),threshold:4.5}),t.jsx(Wt,{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:Nt(w.focusVisible,w.background),threshold:3}),t.jsx(Pt,{label:"Target size",note:"WCAG 2.5.8 asks 24x24 CSS px minimum; 44x44 is the AAA / platform figure.",pass:z[n]>=44,detail:z[n]+"px"})]})]}),t.jsxs(a.Box,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Za,{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(rt,{children:"Role:"}),t.jsx(ht,{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(rt,{children:"Label:"}),t.jsx(ht,{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(rt,{children:"Focus:"}),t.jsx(ht,{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(rt,{children:"Disabled:"}),t.jsx(ht,{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(Za,{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(rt,{children:"One per screen:"}),t.jsx(ht,{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(rt,{children:"Extended for clarity:"}),t.jsx(ht,{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(rt,{children:"Animation:"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:"Use sparingly. Respect prefers-reduced-motion."})]})]})]})]})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Fab"})})]})]})},exports.FieldGroup=function({children:e,label:r,type:i="default",moreInfo:n,helperText:o,showHelper:l=!0,validation:s="none",validationMessage:c,orientation:d="vertical",disabled:h=!1,className:u="",sx:m={},...p}){const{helperId:x,messageId:f,describedBy:g}=Wk({showHelper:l,validation:s}),b="error"===s;return t.jsxs(a.Box,{component:"fieldset",disabled:h||void 0,className:"field-group field-group-"+d+" "+u,"aria-invalid":b||void 0,"aria-describedby":g,sx:{border:0,margin:0,padding:0,minInlineSize:0,display:"flex",flexDirection:"column",gap:"var(--Sizing-Half)",...m},...p,children:[r&&t.jsx(Ik,{as:"legend",type:i,moreInfo:n,disabled:h,children:r}),t.jsx(Pk,{helperText:o,showHelper:l,validation:s,validationMessage:c,helperId:x,messageId:f}),t.jsx(a.Box,{className:"field-group-options",sx:{display:"flex",flexDirection:"horizontal"===d?"row":"column",flexWrap:"horizontal"===d?"wrap":"nowrap",alignItems:"horizontal"===d?"center":"flex-start",gap:"var(--Sizing-1)"},children:e})]})},exports.Footer=Bv,exports.FooterShowcase=function(){const[r,i]=e.useState("Default"),[n,o]=e.useState("Surface"),[l,s]=e.useState(4),[c,d]=e.useState(!0),[h,u]=e.useState(!0),[m,p]=e.useState("default"),x=e.useRef(null),[f,g]=e.useState(null),[b,v]=e.useState(null);e.useEffect(()=>{x.current&&(g({current:x.current.querySelector(".dino-footer")}),v({current:x.current.querySelector(".dino-copyright")}))},[m,l,c,h]);const y=Lv.slice(0,Math.max(0,l-1)),j=c?Iv:[],S=h?{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(Bk,{title:"Footer",component:"Footer"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:r,onThemeChange:i,surface:n,onSurfaceChange:o})}),t.jsxs(nt,{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:x,sx:{borderRadius:1,overflow:"hidden",mb:4},children:t.jsx(Bv,{color:m,address:Av,columns:y,socialLinks:j,subscribe:S,copyrightName:"DinoDesign"})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Footer",theme:r,surface:n})}),t.jsx(lf,{value:1,children:t.jsxs(a.Stack,{spacing:3,sx:{p:3,maxWidth:560},children:[t.jsxs(a.Box,{children:[t.jsx(ft,{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(Rv,{label:String(e),selected:l===e,onClick:()=>s(e)},e))}),t.jsx(ht,{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(ft,{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:Nv.map(e=>t.jsx(Rv,{label:e.label,selected:m===e.value,onClick:()=>p(e.value)},e.value))}),t.jsx(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SOCIAL LINKS"}),t.jsx($f,{label:"Show social media row",checked:c,onChange:e=>d(e.target.checked)}),t.jsxs(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SUBSCRIBE"}),t.jsx($f,{label:"Show email subscribe form",checked:h,onChange:e=>u(e.target.checked)}),t.jsxs(ht,{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(lf,{value:2,children:[t.jsx(Dt,{}),t.jsxs(a.Stack,{spacing:2,sx:{p:3,maxWidth:560},children:[t.jsx(ht,{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(Ab,{targetRef:f,label:"Footer body",deps:[m,l,c,h]}),b&&t.jsx(Ab,{targetRef:b,label:"Copyright strip",deps:[m,l,c,h]})]})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Footer"})})]})]})},exports.FormDialog=function({open:e,onClose:r,title:i,children:n,submitText:o="Submit",cancelText:l="Cancel",onSubmit:s,...c}){return t.jsx(pS,{open:e,onClose:r,title:i,...c,actions:t.jsxs(t.Fragment,{children:[t.jsx(a.Box,{component:"button",type:"button",onClick:r,sx:mS.outline,children:l}),t.jsx(a.Box,{component:"button",type:"button",onClick:s,sx:mS.primary,children:o})]}),children:n})},exports.FormHelper=Pk,exports.FormLabel=Ik,exports.Ghost=za,exports.Gradient=Qb,exports.Grid=Yb,exports.GridStack=zv,exports.H1=e=>t.jsx(Qa,{textStyle:"h1",...e}),exports.H2=Ya,exports.H3=Xa,exports.H4=Ja,exports.H5=Za,exports.H6=e=>t.jsx(Qa,{textStyle:"h6",...e}),exports.HStack=vv,exports.Heading=$a,exports.INPUT_MESSAGE_TYPES=Fk,exports.Icon=up,exports.IconBadge=IS,exports.IconBadgeShowcase=function(){const[r,i]=e.useState("Default"),[n,o]=e.useState("Surface"),[l,s]=e.useState("primary"),[c,d]=e.useState("solid"),[h,u]=e.useState("medium"),m=Ak[0];return t.jsxs(yv,{spacing:4,style:{paddingBottom:64},children:[t.jsx(Bk,{title:"Icon Badge",component:"IconBadge"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:r,onThemeChange:i,surface:n,onSurfaceChange:o})}),t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:24},children:[t.jsx(lg,{padding:"medium",children:t.jsxs(yv,{spacing:4,alignItems:"center",children:[t.jsx("div",{style:{padding:40},children:t.jsx(IS,{color:l,variant:c,size:h,children:t.jsx(m,{})})}),t.jsx(vv,{spacing:4,alignItems:"flex-end",children:["small","medium","large"].map(e=>t.jsxs(yv,{spacing:1,alignItems:"center",children:[t.jsx(IS,{color:l,variant:c,size:e,children:t.jsx(m,{})}),t.jsx(rt,{style:{color:"var(--Quiet)"},children:Tk(e)})]},e))}),t.jsxs(yv,{spacing:1,alignItems:"center",children:[t.jsx(rt,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:"Variants"}),t.jsx(vv,{spacing:3,children:["solid","light","dark"].map(e=>t.jsxs(yv,{spacing:1,alignItems:"center",children:[t.jsx(IS,{color:l,variant:e,size:"medium",children:t.jsx(m,{})}),t.jsx(rt,{style:{color:"var(--Quiet)",fontSize:"0.65rem"},children:Tk(e)})]},e))})]}),t.jsxs(yv,{spacing:1,alignItems:"center",children:[t.jsx(rt,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:"All Colors"}),t.jsx(vv,{spacing:2,style:{flexWrap:"wrap",justifyContent:"center"},children:Mk.flatMap(e=>e.colors).map(e=>t.jsxs(yv,{spacing:0,alignItems:"center",children:[t.jsx(IS,{color:e,variant:c,size:"small",children:t.jsx(m,{})}),t.jsx(rt,{style:{color:"var(--Quiet)",fontSize:"0.55rem"},children:Tk(e)})]},e))})]})]})}),t.jsx(lg,{padding:"medium",children:t.jsxs(yv,{spacing:4,children:[t.jsx(Xa,{style:{fontSize:"1rem"},children:"Playground"}),t.jsxs(yv,{spacing:2,children:[t.jsx(pt,{children:"Color"}),Mk.map(e=>t.jsxs(yv,{spacing:1,children:[t.jsx(rt,{style:{color:"var(--Quiet)",fontWeight:600,fontSize:"0.7rem"},children:e.label}),t.jsx(vv,{spacing:1,children:e.colors.map(e=>t.jsx(Rx,{variant:l===e?"default":"outline",size:"small",onClick:()=>s(e),children:Tk(e)},e))})]},e.label))]}),t.jsxs(yv,{spacing:1,children:[t.jsx(pt,{children:"Variant"}),t.jsx(ky,{size:"small",children:["solid","light","dark"].map(e=>t.jsx(Rx,{variant:c===e?"default":"outline",size:"small",onClick:()=>d(e),children:Tk(e)},e))})]}),t.jsxs(yv,{spacing:1,children:[t.jsx(pt,{children:"Size"}),t.jsx(ky,{size:"small",children:["small","medium","large"].map(e=>t.jsx(Rx,{variant:h===e?"default":"outline",size:"small",onClick:()=>u(e),children:Tk(e)},e))})]}),t.jsxs(yv,{spacing:0,children:[t.jsxs(rt,{style:{color:"var(--Quiet)"},children:["data-theme: ",Tk(l),"light"===c?"-Light":""]}),t.jsxs(rt,{style:{color:"var(--Quiet)"},children:["data-surface: ","dark"===c?"Surface-Dimmest":"Surface"]}),t.jsx(rt,{style:{color:"var(--Quiet)"},children:"bg: var(--Background)"}),t.jsx(rt,{style:{color:"var(--Quiet)"},children:"icon: var(--Text)"})]})]})})]})]})},exports.IconShowcase=function(){const[r,i]=e.useState("Default"),[o,l]=e.useState("Surface"),[s,c]=e.useState("filled"),[d,h]=e.useState("default"),[u,m]=e.useState("medium"),[p,x]=e.useState("40"),[f,g]=e.useState(!1),[b,y]=e.useState("Home"),[j,S]=e.useState(""),[z,w]=e.useState({}),B=Mg[d]||"Default",k="twotone"===s,C="custom"===u?(parseInt(p,10)||40)+"px":{xs:"12px",small:"16px",medium:"24px",large:"36px"}[u]||"24px",T=function(e,a){return Ng[e]?.[a]||Ng[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(()=>{w({background:Rt("--Background"),iconColor:Rt("--Icons-"+B),iconVariant:Rt("--Icons-Variant-"+B)})},[d,B]),t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Icon",component:"Icon"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:r,onThemeChange:i,surface:o,onSurfaceChange:l})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Icon",theme:r,surface:o})}),t.jsx(lf,{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(up,{color:d,size:u,fontSize:"custom"===u?parseInt(p,10)||40:void 0,disabled:f,twoTone:k,"aria-label":L?j.trim():void 0,children:t.jsx(T,{})})}),t.jsx(Ff,{code:(()=>{const e=[];"default"!==d&&e.push('color="'+d+'"'),"custom"===u?(e.push('size="custom"'),e.push("fontSize={"+(parseInt(p,10)||40)+"}")):"medium"!==u&&e.push('size="'+u+'"'),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(ft,{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(ht,{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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Lg.map(e=>t.jsx(Dg,{label:Ig[e],selected:s===e,onClick:()=>c(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Ag.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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=Mg[e],i=d===e;return t.jsx(a.Box,{component:"button",onClick:()=>h(e),"aria-label":"Select "+Tg(e),"aria-pressed":i,title:Tg(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(n,{sx:{fontSize:16,color:"var(--Background)",pointerEvents:"none"}})},e)})})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Dg,{label:Tg(e),selected:u===e,onClick:()=>m(e)},e))}),"custom"===u&&t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:1,mt:1.5},children:[t.jsx(a.Box,{component:"input",type:"number",value:p,onChange:e=>x(e.target.value),"aria-label":"Custom font size in pixels",sx:{width:72,padding:"4px 8px",fontSize:"13px",fontFamily:"inherit",border:"1px solid var(--Border)",borderRadius:"4px",backgroundColor:"var(--Background)",color:"var(--Text)",outline:"none","&:focus":{borderColor:"var(--Focus-Visible)"}}}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:"px"})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(ht,{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(pt,{children:"Disabled"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Reduces opacity to 0.38"})]}),t.jsx(Zf,{checked:f,onChange:e=>g(e.target.checked),size:"small","aria-label":"Toggle disabled"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(rt,{color:"quiet",style:{marginBottom:24},children:[Ig[s]," / ",Tg(d)," / ","custom"===u?p+"px":u,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(Za,{children:"Icon Contrast (WCAG 1.4.11 — 3:1)"}),t.jsx(rt,{color:"quiet",style:{marginBottom:16},children:"Non-text elements must contrast 3:1 against the page background."}),t.jsx(Fg,{label:"var(--Icons-"+B+") vs. var(--Background)",ratio:Nt(z.iconColor,z.background),threshold:3,note:A+" at "+C+" in "+Tg(d)+" color"}),k&&t.jsx(Fg,{label:"var(--Icons-Variant-"+B+") vs. var(--Background)",ratio:Nt(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(Za,{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(rt,{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(rt,{children:"Decorative (no aria-label):"}),t.jsx(ht,{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(rt,{children:"Meaningful (with aria-label):"}),t.jsx(ht,{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(rt,{children:["Disabled state",f?" ← current":"",":"]}),t.jsx(ht,{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(rt,{children:["Two-tone",k?" ← current":"",":"]}),t.jsxs(ht,{style:{color:"var(--Text-Quiet)"},children:["Secondary fill uses var(--Icons-Variant-",B,"). Both the primary and secondary fills must meet 3:1 contrast independently."]})]}),t.jsxs(a.Box,{sx:{py:1.5},children:[t.jsxs(rt,{children:["Touch target — ",C," icon","small"===u?" ⚠":" ✓",":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:"small"===u?"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(Za,{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:n},o,l)=>t.jsxs(a.Box,{sx:{py:1.5,borderBottom:o<l.length-1?"1px solid var(--Border)":"none",display:"flex",justifyContent:"space-between",alignItems:"flex-start"},children:[t.jsxs(a.Box,{children:[t.jsxs(rt,{children:[e," — ",i]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:n})]}),u===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(lf,{value:3,children:t.jsx(jk,{component:"Icon"})})]})]})},exports.InfoTag=e=>t.jsx(Zb,{color:"info",...e}),exports.InfoToggleButtonGroup=rB,exports.InputMessage=Dk,exports.InsetStack=({sx:e,...a})=>t.jsx(bv,{sx:{px:2,...e},...a}),exports.Label=pt,exports.LabelExtraSmall=e=>t.jsx(Qa,{textStyle:"label-extra-small",...e}),exports.LabelLarge=e=>t.jsx(Qa,{textStyle:"label-large",...e}),exports.LabelSmall=mt,exports.Legal=xt,exports.LegalSemibold=e=>t.jsx(Qa,{textStyle:"legal-semibold",...e}),exports.LightTreeView=e=>t.jsx(SS,{variant:"light",...e}),exports.LineChart=function({data:r=[],curve:i="smooth",gradient:n=!0,fromZero:o=!1,showGrid:l=!1,showLabels:s=!1,animate:c=!0,interactive:d=!0,height:h=200,strokeWidth:u=3,tension:m=0,label:p,className:x="",sx:f={},...g}){const b="lc-"+e.useId().replace(/:/g,""),v=Vk(r),y=qk(r),{active:j,handlers:S}=sC(v.length),[z,w]=e.useState(!c);e.useEffect(()=>{if(!c)return;const e=requestAnimationFrame(()=>w(!0));return()=>cancelAnimationFrame(e)},[c]);const B=320,k=s?22:8,C=Math.max(0,h-8-k),T=Gk(v,{fromZero:o}),M=Uk(v.length,0,B,{inset:u}),A=v.map((e,a)=>({x:M[a],y:Qk(e,T,8,C)})),L="straight"===i?Xk(A):Jk(A,{tension:m}),I=8+C;return t.jsxs(a.Box,{component:"figure",className:"line-chart "+x,sx:{display:"block",width:"100%",m:0,position:"relative",...f},...g,children:[t.jsxs("svg",{viewBox:`0 0 320 ${h}`,width:"100%",height:h,preserveAspectRatio:"none",focusable:"false","aria-hidden":"true",children:[n&&t.jsx("defs",{children:t.jsxs("linearGradient",{id:b,x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx("stop",{offset:"0%",stopColor:aC.gradient,stopOpacity:"1"}),t.jsx("stop",{offset:"100%",stopColor:aC.gradient,stopOpacity:"0"})]})}),l&&_k(T,4).map(e=>t.jsx("line",{x1:0,x2:B,y1:Qk(e,T,8,C),y2:Qk(e,T,8,C),stroke:aC.line,strokeWidth:"1"},e)),n&&A.length>1&&t.jsx("path",{d:Zk(L,A,I),fill:`url(#${b})`,style:{opacity:z?1:0,transition:`opacity ${oC}`}}),A.length>1&&t.jsx("path",{d:L,fill:"none",stroke:aC.fill,strokeWidth:u,strokeLinecap:"round",strokeLinejoin:"round",pathLength:"1",style:{strokeDasharray:1,strokeDashoffset:z?0:1,transition:`stroke-dashoffset ${oC}`}}),1===A.length&&t.jsx("circle",{cx:A[0].x,cy:A[0].y,r:u,fill:aC.fill}),d&&j>=0&&t.jsxs(t.Fragment,{children:[t.jsx("line",{x1:M[j],x2:M[j],y1:8,y2:I,stroke:aC.line,strokeWidth:"1"}),t.jsx("circle",{cx:A[j].x,cy:A[j].y,r:u+1,fill:aC.fill,stroke:"var(--Background)",strokeWidth:"2"}),t.jsx(dC,{x:A[j].x,y:A[j].y,text:v[j],width:B,tokens:aC})]}),s&&y.map((e,a)=>t.jsx("text",{x:M[a],y:h-6,textAnchor:"middle",fill:aC.quietLabel,...rC,children:e},a))]}),d&&t.jsx(cC,{count:v.length,width:B,centres:M,bandWidth:v.length?B/v.length:0,labels:y,values:v,handlers:S}),t.jsx(nC,{caption:p||`Line chart, ${v.length} points`,labels:y,values:v})]})},exports.LinearGradient=e=>t.jsx(Qb,{variant:"linear",...e}),exports.LinearLoader=function({value:e,label:r,sx:i={},...n}){return t.jsxs(a.Stack,{spacing:1,sx:{...i},...n,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=Vv,exports.LinearProgressShowcase=function(){const[r,i]=e.useState("default"),[n,o]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(65),[h,u]=e.useState("Default"),[m,p]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Linear Progress",component:"LinearProgress"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:h,onThemeChange:u,surface:m,onSurfaceChange:p})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"LinearProgress",theme:h,surface:m})}),t.jsx(lf,{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(Kf,{theme:h,surface:m,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:400},children:t.jsx(Vv,{color:r,size:n,value:l?c:void 0})})}),t.jsx(Ff,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),l&&e.push("value={"+c+"}"),0===e.length?"<LinearProgress />":"<LinearProgress\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Gv.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(Uv,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Qv,{label:qv(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(pt,{children:"Determinate"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show a static bar at a specific value"})]}),t.jsx(Zf,{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(pb,{label:"Value",min:0,max:100,value:c,onChange:(e,a)=>d(a),size:"small",valueLabelDisplay:"auto"})})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"LinearProgress"})})]})]})},exports.Link=qt,exports.List=PS,exports.ListItem=WS,exports.ListItemDecorator=DS,exports.Loader=OS,exports.MESSAGE_ICONS=Nk,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(ga,{}),path:"/help"}],title:n="My App",children:o,onLayoutChange:l,onNavigate:s,sx:c={},...d}){const h=a.useTheme(),u=a.useMediaQuery(h.breakpoints.down("md"));a.useMediaQuery(h.breakpoints.down("lg"));const[m,p]=e.useState(!1),[x,f]=e.useState(!1),g=u?"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),p(!1)},sx:{color:"var(--Text)",...Gz({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:[u&&"rail"!==g&&t.jsx(Dx,{variant:"ghost",onClick:()=>p(!m),"aria-label":m?"Close navigation":"Open navigation",sx:{mr:2},children:m?t.jsx(We,{}):t.jsx(Re,{})}),t.jsx(a.Typography,{variant:"h6",sx:{flex:1,fontWeight:700},children:n}),!u&&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)&&!u&&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)&&!u&&t.jsxs(a.Box,{sx:{width:x?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:[!x&&t.jsx(a.Typography,{variant:"h6",sx:{fontWeight:700,color:"var(--Text)"},children:"Menu"}),t.jsx(Dx,{size:"small",variant:"ghost",onClick:()=>f(!x),"aria-label":x?"Expand navigation":"Collapse navigation",sx:{color:"var(--Icons-Primary)"},children:x?"›":"‹"})]}),t.jsx(b,{compact:x})]}),u&&t.jsxs(a.Drawer,{anchor:"left",open:m,onClose:()=>p(!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:o})})]})]})},exports.Menu=JS,exports.MenuButton=XS,exports.MenuDivider=$S,exports.MenuItem=ZS,exports.MenuShowcase=function(){const[r,i]=e.useState("outline"),[n,o]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("Default"),[h,u]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Menu",component:"Menu"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:c,onThemeChange:d,surface:h,onSurfaceChange:u})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Menu",theme:c,surface:h})}),t.jsx(lf,{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(Kf,{theme:c,surface:h,sx:{minHeight:250,alignItems:"flex-start",pt:6},children:t.jsxs(YS,{variant:r,color:n,size:l,children:[t.jsx(XS,{children:"Actions"}),t.jsxs(JS,{children:[t.jsx(ZS,{children:"Edit"}),t.jsx(ZS,{children:"Duplicate"}),t.jsx(ZS,{selected:!0,children:"Archive"}),t.jsx($S,{}),t.jsx(ZS,{disabled:!0,children:"Delete"})]})]})}),t.jsx(Ff,{code:(()=>{const e=[];return"outline"!==r&&e.push('variant="'+r+'"'),"default"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),"<Dropdown "+e.join(" ")+">\n  <MenuButton>Actions</MenuButton>\n  <Menu>\n    <MenuItem>Edit</MenuItem>\n    <MenuItem>Duplicate</MenuItem>\n    <MenuDivider />\n    <MenuItem>Delete</MenuItem>\n  </Menu>\n</Dropdown>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),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(ft,{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(ez,{label:KS(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:_S.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(az,{color:e,selected:n===e,onClick:o},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(ez,{label:KS(e),selected:l===e,onClick:()=>s(e)},e))})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Menu"})})]})]})},exports.MeshCardGradient=e=>t.jsx(Qb,{variant:"meshCard",...e}),exports.MeshGradient=e=>t.jsx(Qb,{variant:"mesh",...e}),exports.MiniSwatch=Ub,exports.MobileAppBar=jj,exports.MobileNavLabel=ut,exports.Modal=lz,exports.NeutralTag=e=>t.jsx(Zb,{color:"neutral",...e}),exports.NeutralToggleButtonGroup=aB,exports.NumberField=mv,exports.NumberFieldShowcase=function(){const[r,i]=e.useState("outlined"),[n,o]=e.useState("outline"),[l,s]=e.useState("default"),[c,d]=e.useState("medium"),[h,u]=e.useState("top"),[m,p]=e.useState(!0),[x,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(Bk,{title:"Number Field",component:"NumberField"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"NumberField",theme:v,surface:j})}),t.jsx(lf,{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(Kf,{theme:v,surface:j,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:"outlined"===r?300:"auto"},children:t.jsx(mv,{variant:r,style:n,color:l,size:c,label:m?"Quantity":void 0,labelPosition:h,min:0,max:100,disabled:x,fullWidth:g&&"outlined"===r})})}),t.jsx(Ff,{code:(()=>{const e=['variant="'+r+'"'];return"outline"!==n&&e.push('style="'+n+'"'),"default"!==l&&e.push('color="'+l+'"'),"medium"!==c&&e.push('size="'+c+'"'),m&&e.push('label="Quantity"'),"top"!==h&&e.push('labelPosition="'+h+'"'),e.push("min={0}"),e.push("max={100}"),x&&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(ft,{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(ty,{label:ey(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(ty,{label:ey(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:ay.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(ry,{color:e,selected:l===e,onClick:s},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(ty,{label:ey(e),selected:c===e,onClick:()=>d(e)},e))})]}),"outlined"===r&&t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(ty,{label:"none"===e?"None":ey(e),selected:h===e,onClick:()=>u(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(pt,{children:"Show Label"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Text label above field"})]}),t.jsx(Zf,{variant:"default-outline",checked:m,onChange:e=>p(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(pt,{children:"Disabled"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Zf,{variant:"default-outline",checked:x,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(pt,{children:"Full Width"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container"})]}),t.jsx(Zf,{variant:"default-outline",checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"NumberField"})})]})]})},exports.NumberLarge=kt,exports.NumberMedium=Bt,exports.NumberSmall=wt,exports.NumberTextField=function({label:e="Number",...a}){return t.jsx(jw,{label:e,type:"number",...a})},exports.OmniDesignProvider=function({themeURL:a,foundationCSS:r,coreCSS:i,typographyCSS:n,lightModeCSS:o,darkModeCSS:l,baseCSS:s,stylesCSS:c,defaultTheme:d="Default",defaultStyle:h="Modern",defaultSurface:u="Surface",surfaceStyle:m,defaultDarkMode:p=!1,darkTheme:x=null,darkMode:f,onDarkModeChange:g,className:b,style:v,fullHeight:y=!0,children:j}){const[S,z]=e.useState(p),w=void 0!==f,B=w?f:S,[k,C]=e.useState({foundation:r??null,core:i??null,typography:n??null,lightMode:o??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(),n=e=>e?/^https?:\/\//i.test(e)?e:`${t}/${e}`:null;return{foundationURL:n(i.foundation),coreURL:n(i.core),typographyURL:n(i.typography),lightModeURL:n(i.lightMode),darkModeURL:n(i.darkMode),baseURL:n(i.base),stylesURL:n(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:n??e.typographyURL,lightMode:o??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),Q(e.message),q("error"))}))},[a]);const L=m?ej[m]?.theme??d:"Default"!==d?d:T.defaultTheme??d,I=m?ej[m]?.rootSurface??u:T.defaultSurface??u,N=T.defaultStyle??h,R=x??T.darkTheme??null,[F,D]=e.useState(L),[W,P]=e.useState(N),[H,O]=e.useState(I),E=!!(a||r||i||n||o||l||s||c),[V,q]=e.useState(E?"loading":"ready"),[G,Q]=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"),Q(null),Promise.all([sj(aj,e),sj(tj,a),sj(rj,t).catch(e=>{console.warn("OmniDesignProvider: typography CSS did not load —",e.message)}),sj(nj,r),sj(oj,i)]).then(()=>{A.current&&q("ready")}).catch(e=>{A.current&&(console.error("OmniDesignProvider CSS error:",e),Q(e.message),q("error"))}),()=>{lj(aj),lj(tj),lj(rj),lj(nj),lj(oj)};q("ready")},[k.foundation,k.core,k.typography,k.base,k.styles]),e.useEffect(()=>{const e=B?k.darkMode:k.lightMode;e&&sj(ij,e,nj).catch(e=>console.error("OmniDesignProvider mode CSS error:",e))},[B,k.lightMode,k.darkMode]),e.useEffect(()=>()=>lj(ij),[]);const U=B&&R?R:F,Y=e.useCallback(()=>{w?g?.(!B):z(e=>!e)},[w,B,g]),X=e.useCallback(e=>{$y.includes(e)||console.warn(`OmniDesignProvider: unknown theme "${e}"`),D(e)},[]),J=e.useCallback(e=>{Ky.includes(e)||console.warn(`OmniDesignProvider: unknown style "${e}"`),P(e)},[]),Z=e.useCallback(e=>{_y.includes(e)||console.warn(`OmniDesignProvider: unknown surface "${e}"`),O(e)},[]),$=e.useMemo(()=>({theme:U,style:W,surface:H,isDark:B,cssStatus:V,cssError:G,setTheme:X,setStyle:J,setSurface:Z,toggleDarkMode:Y,themes:$y,styles:Ky,surfaces:_y,name:T.name??null}),[U,W,H,B,V,G,X,J,Z,Y,T.name]);return t.jsxs(Zy.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":W,"data-surface":H,"data-omni-css":V,className:b,style:{...y?{minHeight:"100vh"}:{},...v},children:j})]})},exports.OmniStack=bv,exports.OmniTreeView=SS,exports.OverlayLoader=function({isLoading:e=!1,message:r="Loading...",children:i,sx:n={},...o}){return t.jsxs(a.Box,{sx:{position:"relative",...n},...o,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(OS,{size:40,message:r})})]})},exports.Overline=jt,exports.OverlineLarge=zt,exports.OverlineMedium=St,exports.OverlineSmall=yt,exports.PageLoader=function({message:e="Loading page...",size:r=60,sx:i={},...n}){return t.jsx(a.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",minHeight:"100vh",backgroundColor:"var(--Background)",...i},...n,children:t.jsx(OS,{size:r,message:e})})},exports.Pagination=my,exports.PaginationShowcase=function(){const[r,i]=e.useState("default"),[n,o]=e.useState("medium"),[l,s]=e.useState(10),[c,d]=e.useState(!1),[h,u]=e.useState(!1),[m,p]=e.useState(!1),[x,f]=e.useState("Default"),[g,b]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Pagination",component:"Pagination"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:x,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Pagination",theme:x,surface:g})}),t.jsx(lf,{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(Kf,{theme:x,surface:g,children:t.jsx(my,{color:r,size:n,count:l,showFirstButton:c,showLastButton:h,disabled:m})}),t.jsx(Ff,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),10!==l&&e.push("count={"+l+"}"),c&&e.push("showFirstButton"),h&&e.push("showLastButton"),m&&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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:xy.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(gy,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(fy,{label:py(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(fy,{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(pt,{children:"First/Last Buttons"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show jump to first/last page"})]}),t.jsx(Zf,{variant:"default-outline",checked:c,onChange:e=>{d(e.target.checked),u(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(pt,{children:"Disabled"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Zf,{variant:"default-outline",checked:m,onChange:e=>p(e.target.checked),size:"small","aria-label":"Disabled"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Pagination"})})]})]})},exports.Paper=sz,exports.PasswordTextField=function({label:e="Password",...a}){return t.jsx(jw,{label:e,type:"password",...a})},exports.PhoneTextField=function({label:e="Phone",placeholder:a="(555) 123-4567",...r}){return t.jsx(jw,{label:e,type:"tel",placeholder:a,...r})},exports.PieChart=function({data:r=[],donut:i=!1,donutRatio:n=.6,colors:o=tC,separatorWidth:l=2,size:s=200,showLabels:c=!1,animate:d=!0,interactive:h=!0,label:u,className:m="",sx:p={},...x}){const f=Vk(r),g=qk(r),{slices:b,total:v,dropped:y}=Kk(f),{active:j,handlers:S}=sC(f.length),[z,w]=e.useState(!d);e.useEffect(()=>{if(!d)return;const e=requestAnimationFrame(()=>w(!0));return()=>cancelAnimationFrame(e)},[d]);const B=s/2,k=s/2,C=s/2-1,T=i?C*n:0,M=e=>{return{fill:`var(--Icons-${a=o[e%o.length]})`,onFill:`var(--Icons-On-${a})`};var a};return t.jsxs(a.Box,{component:"figure",className:"pie-chart "+m,sx:{display:"block",m:0,position:"relative",...p},...x,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=h&&j===a?4:0;return t.jsx("path",{d:$k(B,k,T,C,e.start,e.end),fill:M(a).fill,stroke:"var(--Background)",strokeWidth:l,strokeLinejoin:"round",...h?S(a):{},style:{transform:`translate(${i*Math.sin(r)}px, ${-i*Math.cos(r)}px) scale(${z?1:0})`,transformOrigin:`${B}px ${k}px`,transformBox:"view-box",transition:`transform ${z?lC:oC}`}},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:B+i*Math.sin(r),y:k-i*Math.cos(r),textAnchor:"middle",dominantBaseline:"middle",fill:M(a).onFill,...rC,children:g[a]},a)})]}),t.jsx(nC,{caption:(u||`${i?"Donut":"Pie"} chart, ${b.length} segments`)+(y?`, ${y} non-positive values omitted`:""),labels:g,values:f})]})},exports.Player=yz,exports.Popover=cz,exports.PrimaryTag=e=>t.jsx(Zb,{color:"primary",...e}),exports.PrimaryToggleButtonGroup=Kw,exports.RATIO_NAMES=jz,exports.RadialGradient=e=>t.jsx(Qb,{variant:"radial",...e}),exports.Radio=cb,exports.RadioGroup=db,exports.RadioInput=hb,exports.Rail=pz,exports.RailShowcase=function(){const[r,i]=e.useState(!0),[n,o]=e.useState("partial"),[l,s]=e.useState(!1),[c,d]=e.useState("Default"),[h,u]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Rail",component:"Rail"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:c,onThemeChange:d,surface:h,onSurfaceChange:u})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Rail",theme:c,surface:h})}),t.jsx(lf,{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(Kf,{theme:c,surface:h,sx:{minHeight:400,alignItems:"stretch",p:0},children:[t.jsx(pz,{items:gz,expandable:r,expandedWidth:n,fabAction:l?{icon:t.jsx(ye,{}),label:"Create",onClick:()=>{}}:void 0}),t.jsx(a.Box,{sx:{flex:1,p:3},children:t.jsx(rt,{style:{color:"var(--Quiet)"},children:"Main content area"})})]}),t.jsx(Ff,{code:(()=>{const e=["items={items}"];return r&&(e.push("expandable"),"partial"!==n&&e.push('expandedWidth="full"')),l&&e.push('fabAction={{ icon: <AddIcon />, label: "Create", onClick: handleCreate }}'),e.push("value={activeIndex}"),e.push("onChange={setActiveIndex}"),"<Rail\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),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(ft,{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(bz,{label:(a=e,a?a.charAt(0).toUpperCase()+a.slice(1):""),selected:n===e,onClick:()=>o(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(pt,{children:"Expandable"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Toggle between collapsed and expanded"})]}),t.jsx(Zf,{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(pt,{children:"FAB Action"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show create button at top"})]}),t.jsx(Zf,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"FAB action"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Rail"})})]})]})},exports.RangeSlider=fb,exports.Rating=oy,exports.RatingInput=oy,exports.Ratio=Bz,exports.RatioShowcase=function(){const[r,i]=e.useState("1:1"),[n,o]=e.useState("solid"),[l,s]=e.useState("primary"),[c,d]=e.useState("none"),[h,u]=e.useState(!1),[m,p]=e.useState(!1),[x,f]=e.useState("Default"),[g,b]=e.useState("Surface");return t.jsxs(Dv,{sx:{pb:8},children:[t.jsx(Bk,{title:"Ratio",component:"Ratio"}),t.jsx(Dv,{sx:{mt:1},children:t.jsx(Np,{theme:x,onThemeChange:f,surface:g,onSurfaceChange:b})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Reference"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Ratio",theme:x,surface:g})}),t.jsx(lf,{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(Kf,{theme:x,surface:g,children:t.jsx(Dv,{sx:{width:"100%",maxWidth:480},children:t.jsx(Bz,{ratio:r,variant:n,color:l,padding:c,elevated:h,clickable:m})})}),t.jsx(Ff,{code:(()=>{const e=['ratio="'+r+'"'];return"default"!==n&&e.push('variant="'+n+'"'),"default"!==l&&e.push('color="'+l+'"'),"none"!==c&&e.push('padding="'+c+'"'),h&&e.push("elevated"),m&&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(Dv,{sx:{p:3},children:[t.jsx(Dv,{sx:{mb:3}}),t.jsxs(Dv,{children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"VARIANT"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Tz.map(e=>t.jsx(Az,{label:kz(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(Dv,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Cz.map(e=>t.jsxs(Dv,{children:[t.jsx(ht,{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(Lz,{color:e,selected:l===e,onClick:s,variant:"default"===n?"solid":n},e))})]},e.label))})]}),t.jsxs(Dv,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"PADDING"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:Mz.map(e=>t.jsx(Az,{label:"none"===e?"None":e.toUpperCase(),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(Dv,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"RATIO"}),t.jsx(a.Stack,{direction:"row",flexWrap:"wrap",sx:{gap:1},children:jz.map(e=>t.jsx(Az,{label:e,selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(Dv,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(Dv,{children:[t.jsx(pt,{children:"Elevated"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Bumps the shadow up one level"})]}),t.jsx(Zf,{checked:h,onChange:e=>u(e.target.checked),size:"small","aria-label":"Elevated"})]}),t.jsxs(Dv,{sx:{mt:2,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(Dv,{children:[t.jsx(pt,{children:"Clickable"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Adds hover, press, and focus-visible"})]}),t.jsx(Zf,{checked:m,onChange:e=>p(e.target.checked),size:"small","aria-label":"Clickable"})]})]})})]})}),t.jsx(lf,{value:2,children:t.jsx(Dv,{sx:{p:3},children:t.jsxs(a.Stack,{spacing:3,children:[t.jsxs(Dv,{sx:{p:3,backgroundColor:"var(--Background)",borderRadius:"var(--Style-Border-Radius)",border:"1px solid var(--Border)"},children:[t.jsx(Za,{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(Dv,{sx:{py:1.5,borderBottom:"1px solid var(--Border)"},children:[t.jsx(rt,{children:e}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:a})]},e))})]}),t.jsxs(nt,{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(lf,{value:3,children:t.jsx(jk,{component:"Ratio"})})]})]})},exports.ResponsiveStack=({breakpoint:e="sm",...a})=>t.jsx(bv,{direction:{xs:"column",[e]:"row"},...a}),exports.ScrollStack=({sx:e,...a})=>t.jsx(bv,{sx:{overflowY:"auto",...e},...a}),exports.SearchField=Jy,exports.SearchFieldShowcase=function(){const[r,i]=e.useState("default"),[n,o]=e.useState("medium"),[l,s]=e.useState(!1),[c,d]=e.useState(!0),[h,u]=e.useState("Default"),[m,p]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Search Field",component:"SearchField"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:h,onThemeChange:u,surface:m,onSurfaceChange:p})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"SearchField",theme:h,surface:m})}),t.jsx(lf,{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(Kf,{theme:h,surface:m,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:400},children:t.jsx(Jy,{color:r,size:n,disabled:l,showClearButton:c,placeholder:"Search..."})})}),t.jsx(Ff,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),c||e.push("showClearButton={false}"),l&&e.push("disabled"),e.push('placeholder="Search..."'),e.push("onChange={handleSearch}"),"<SearchField\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Nz.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(Fz,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Rz,{label:Iz(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(pt,{children:"Clear Button"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show clear when has value"})]}),t.jsx(Zf,{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(pt,{children:"Disabled"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Zf,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Disabled"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"SearchField"})})]})]})},exports.SearchTextField=function({label:e="Search",placeholder:a="Type to search...",...r}){return t.jsx(jw,{label:e,type:"search",placeholder:a,...r})},exports.SecondaryTag=e=>t.jsx(Zb,{color:"secondary",...e}),exports.SecondaryToggleButtonGroup=_w,exports.Section=tv,exports.SectionShowcase=function(){return t.jsxs("div",{children:[t.jsx(Xa,{style:{marginBottom:12},children:"Section"}),t.jsxs(nt,{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(Xa,{style:{marginTop:24,marginBottom:12},children:"Theme + surface"}),t.jsx(rt,{color:"quiet",style:{marginBottom:16,display:"block"},children:'Sets data-theme="Primary" + data-surface="Surface", paints --Background.'}),t.jsxs(tv,{theme:"Primary",surface:"Surface",padding:"32px",style:{borderRadius:8},children:[t.jsx(Bk,{title:"Primary-Light surface",component:"Section"}),t.jsx(nt,{children:"Body text picks up --Text automatically."}),t.jsx(rt,{color:"quiet",children:"Quiet text picks up --Text-Quiet."}),t.jsx("div",{style:{marginTop:12},children:t.jsx(Rx,{variant:"primary",children:"Primary button"})})]}),t.jsx(Xa,{style:{marginTop:32,marginBottom:12},children:"Container surface"}),t.jsxs(tv,{surface:"Container",padding:"32px",style:{borderRadius:8},children:[t.jsx(Xa,{children:"Container surface (inherits theme)"}),t.jsx(nt,{children:"Useful for card-like regions."})]}),t.jsx(Xa,{style:{marginTop:32,marginBottom:12},children:"Different element"}),t.jsxs(rt,{color:"quiet",style:{marginBottom:16,display:"block"},children:["Pass ",t.jsx("code",{children:'as="article"'}),", ",t.jsx("code",{children:'as="footer"'}),", etc."]}),t.jsxs(tv,{as:"article",theme:"Neutral",surface:"Surface-Dimmest",padding:"32px",style:{borderRadius:8},children:[t.jsx(Xa,{children:"Neutral / Surface-Dimmest article"}),t.jsx(nt,{children:"Renders as an <article> element."})]})]})},exports.Select=Ap,exports.SelectShowcase=function(){const[r,i]=e.useState("outline"),[n,o]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("top"),[h,u]=e.useState("Fruit"),[m,p]=e.useState(!1),[x,f]=e.useState(!1),[g,b]=e.useState(!0),[v,y]=e.useState(!1),[j,S]=e.useState("Search"),[z,w]=e.useState(""),[B,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(Bk,{title:"Select",component:"Select"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:B,onThemeChange:k,surface:C,onSurfaceChange:T})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Select",theme:B,surface:C})}),t.jsx(lf,{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(Kf,{theme:B,surface:C,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:360},children:t.jsx(Ap,{variant:r,color:n,size:l,label:h,labelPosition:c,mode:M?"color":void 0,showColorLabels:M?L:void 0,options:M?Hz:Pz,value:z,onChange:w,showDividers:m,disabled:x,fullWidth:g,startDecoration:v?(()=>{const e=va[j]||va.Search;return t.jsx(up,{size:"small",children:t.jsx(e,{})})})():void 0})})}),t.jsx(Ff,{code:(()=>{const e=[];return"outline"!==r&&e.push('variant="'+r+'"'),"default"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),h&&e.push('label="'+h+'"'),"top"!==c&&e.push('labelPosition="'+c+'"'),M&&e.push('mode="color"'),M&&!L&&e.push("showColorLabels={false}"),m&&e.push("showDividers"),x&&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(ft,{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(Oz,{label:Dz(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Wz.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(Ez,{color:e,selected:n===e,onClick:o},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Oz,{label:Dz(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Oz,{label:"none"===e?"None":Dz(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(pt,{children:"Start Icon"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Icon rendered before the value"})]}),t.jsx(Zf,{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(ib,{label:"Icon Name",value:j,onChange:e=>S(e.target.value),placeholder:"Search",variant:"primary-outline",size:"small",fullWidth:!0}),t.jsxs(ht,{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(pt,{children:"Dividers"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Lines between options"})]}),t.jsx(Zf,{checked:m,onChange:e=>p(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(pt,{children:"Disabled"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Non-interactive state"})]}),t.jsx(Zf,{checked:x,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(pt,{children:"Color Mode"}),t.jsx(ht,{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(Zf,{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(pt,{children:"Show Color Labels"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Hide to render a swatch-only trigger (no text). Useful for compact color pickers."})]}),t.jsx(Zf,{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(pt,{children:"Full Width"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Stretch to container width"})]}),t.jsx(Zf,{checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Full width"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Select"})})]})]})},exports.SelectableCard=e=>t.jsx(lg,{clickable:!0,selected:e.selected,...e}),exports.SettingsPanel=function(){const{isDark:r,toggleDarkMode:i}=cj(),n=r?"dark":"light",o=e=>{"dark"===e!==r&&i();try{localStorage.setItem("themeMode",e)}catch{}},[l,s]=e.useState(!1),[d,h]=e.useState("desktop");e.useEffect(()=>{const e=localStorage.getItem("dino-platform")||"desktop";h(e),Ek(e)},[]);const u=e=>{h(e),localStorage.setItem("dino-platform",e),Ek(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(pj,{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(Za,{children:"Settings"}),t.jsx(Rx,{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(ft,{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(Rx,{variant:"light"===n?"primary":"primary-outline",size:"small",onClick:()=>o("light"),sx:{flex:1},children:"Light"}),t.jsx(Rx,{variant:"dark"===n?"primary":"primary-outline",size:"small",onClick:()=>o("dark"),sx:{flex:1},children:"Dark"})]})]}),t.jsxs(a.Box,{children:[t.jsx(ft,{style:{color:"var(--Text)",opacity:.85,display:"block",marginBottom:12,fontWeight:600},children:"PLATFORM"}),t.jsx(a.Stack,{spacing:1,children:Hk.map(({value:e,label:r,note:i})=>{const n=d===e;return t.jsxs(a.Box,{onClick:()=>u(e),sx:{p:1.5,borderRadius:"var(--Style-Border-Radius)",cursor:"pointer",border:n?"2px solid var(--Buttons-Primary-Button)":"1px solid var(--Border)",backgroundColor:n?"var(--Background)":"transparent",display:"flex",justifyContent:"space-between",alignItems:"center",transition:"all 0.15s ease","&:hover":{backgroundColor:"var(--Hover)"}},children:[t.jsxs(a.Box,{children:[t.jsx(rt,{style:{color:n?"var(--Buttons-Primary-Button)":"var(--Text)",fontWeight:n?600:400},children:r}),t.jsx(ht,{style:{color:"var(--Text)",opacity:.7},children:i})]}),n&&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(Rx,{variant:"primary-outline",size:"small",onClick:()=>{u("desktop"),o("light")},sx:{width:"100%"},children:"Reset to Defaults"})]})})]})},exports.Sidebar=Qz,exports.SkeletonCard=function({lines:e=3,showImage:r=!0,sx:i={},...n}){return t.jsx(a.Paper,{sx:{p:2,backgroundColor:"var(--Container)",...i},...n,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:n={},...o}){return t.jsx(a.Stack,{spacing:i,sx:{...n},...o,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=xb,exports.SliderInput=xb,exports.Snackbar=Xz,exports.SnackbarShowcase=function(){const[r,i]=e.useState("light"),[n,o]=e.useState("info"),[l,s]=e.useState("medium"),[c,d]=e.useState("bottom"),[h,u]=e.useState(!0),[m,p]=e.useState(!0),[x,f]=e.useState(!1),[g,b]=e.useState("Default"),[v,y]=e.useState("Surface"),j=h&&$z[n]?t.jsx(up,{size:"small",sx:{color:"inherit"},children:$z[n]}):void 0;return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Snackbar",component:"Snackbar"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:g,onThemeChange:b,surface:v,onSurfaceChange:y})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Snackbar",theme:g,surface:v})}),t.jsx(lf,{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(Kf,{theme:g,surface:v,children:t.jsx(Rx,{variant:"default",onClick:()=>f(!0),children:"Show Snackbar"})}),t.jsx(Ff,{code:(()=>{const e=["open={open}"];return e.push('variant="'+r+'"'),"info"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),"bottom"!==c&&e.push('anchor="top"'),m&&e.push("onClose={handleClose}"),h&&$z[n]&&e.push("startDecorator={<Icon><"+Jz(n)+"Icon /></Icon>}"),"<Snackbar\n  "+e.join("\n  ")+"\n>\n  Operation completed successfully.\n</Snackbar>"})(),language:"JSX",wrap:!0,sx:{mt:2}}),t.jsx(Xz,{open:x,onClose:m?()=>f(!1):void 0,variant:r,color:n,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(ft,{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(Kz,{label:Jz(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Zz.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(_z,{color:e,selected:n===e,onClick:o},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Kz,{label:Jz(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Kz,{label:Jz(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(pt,{children:"Show Icon"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Start decorator icon"})]}),t.jsx(Zf,{variant:"default-outline",checked:h,onChange:e=>u(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(pt,{children:"Close Button"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show dismiss button"})]}),t.jsx(Zf,{variant:"default-outline",checked:m,onChange:e=>p(e.target.checked),size:"small","aria-label":"Close button"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Snackbar"})})]})]})},exports.SolidTreeView=e=>t.jsx(SS,{variant:"solid",...e}),exports.SpaceBetweenStack=e=>t.jsx(bv,{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=iv,exports.SpeedDialShowcase=function(){const[r,i]=e.useState("default"),[n,o]=e.useState("up"),[l,s]=e.useState(!0),[c,d]=e.useState("Default"),[h,u]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Speed Dial",component:"SpeedDial"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:c,onThemeChange:d,surface:h,onSurfaceChange:u})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"SpeedDial",theme:c,surface:h})}),t.jsx(lf,{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(Kf,{theme:c,surface:h,sx:{minHeight:300,alignItems:"flex-end",justifyContent:"center"},children:t.jsx(iv,{color:r,direction:n,showTooltips:l,actions:lv,ariaLabel:"Quick actions"})}),t.jsx(Ff,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"up"!==n&&e.push('direction="'+n+'"'),l||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,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:ov.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(cv,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(sv,{label:nv(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[t.jsxs(a.Box,{children:[t.jsx(pt,{children:"Tooltips"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show labels beside actions"})]}),t.jsx(Zf,{variant:"default-outline",checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"Show tooltips"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"SpeedDial"})})]})]})},exports.Stack=Sv,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"),[n,o]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Stack",component:"Stack"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:r,onThemeChange:i,surface:n,onSurfaceChange:o})}),t.jsx(nt,{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(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Why it matters"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"API"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Stack",theme:r,surface:n})}),t.jsx(lf,{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(Xa,{children:"The problem"}),t.jsx(nt,{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(Wy,{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(qt,{href:"#",size:"small",children:"Terms of Service"}),t.jsx(qt,{href:"#",size:"small",children:"Privacy Policy"}),t.jsx(qt,{href:"#",size:"small",children:"Cookie Settings"})]}),rightContent:t.jsxs(bv,{gap:.5,children:[t.jsx(qt,{href:"#",size:"small",children:"Terms of Service"}),t.jsx(qt,{href:"#",size:"small",children:"Privacy Policy"}),t.jsx(qt,{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(Xa,{children:"Mixed component sizes"}),t.jsx(nt,{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(Wy,{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(Rx,{variant:"primary",size:"medium",children:"Save changes"}),t.jsx(qt,{href:"#",size:"small",children:"Or discard"})]}),rightContent:t.jsxs(bv,{gap:.25,children:[t.jsx(Rx,{variant:"primary",size:"medium",children:"Save changes"}),t.jsx(qt,{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(Xa,{children:"How detection works"}),t.jsx(nt,{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,n)=>t.jsxs(a.Box,{sx:{display:"flex",alignItems:"center",gap:2,py:1.5,borderBottom:i<n.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(rt,{style:{flex:"0 0 200px"},children:e}),t.jsx(ht,{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(Xa,{children:"Token-driven minimum"}),t.jsx(nt,{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(Fy,{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(Xa,{children:"Auditable opt-out"}),t.jsxs(nt,{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(Fy,{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(lf,{value:2,children:t.jsx(Py,{})}),t.jsx(lf,{value:3,children:t.jsxs(a.Box,{sx:{pt:3},children:[t.jsx(Xa,{children:"OmniStack props"}),t.jsx(nt,{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:n},o,l)=>t.jsxs(a.Box,{sx:{display:"grid",gridTemplateColumns:"160px 160px 1fr",gap:2,px:2,py:1.5,alignItems:"start",borderBottom:o<l.length-1?"1px solid var(--Border)":"none",backgroundColor:o%2==0?"transparent":"var(--Surface-Dim, var(--Surface))"},children:[t.jsx(ht,{style:{fontFamily:"monospace",color:"var(--Primary-Color-10)",fontWeight:600},children:e}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r}),t.jsxs(a.Box,{children:[t.jsx(ht,{style:{color:"var(--Text)"},children:n}),t.jsxs(ht,{style:{color:"var(--Text-Quiet)",display:"block",marginTop:2},children:["Default: ",i]})]})]},e))}),t.jsx(Xa,{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,n)=>t.jsxs(a.Box,{sx:{display:"grid",gridTemplateColumns:"200px 1fr",gap:2,px:2,py:1.5,borderBottom:i<n.length-1?"1px solid var(--Border)":"none",backgroundColor:i%2==0?"transparent":"var(--Surface-Dim, var(--Surface))"},children:[t.jsx(ht,{style:{fontFamily:"monospace",color:"var(--Primary-Color-10)",fontWeight:600},children:e}),t.jsx(ht,{style:{color:"var(--Text-Quiet)"},children:r})]},e))}),t.jsx(Xa,{children:"Debug attributes"}),t.jsx(Fy,{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(lf,{value:4,children:t.jsx(jk,{component:"Stack"})})]})]})},exports.StateMessage=tw,exports.Step=sw,exports.Stepper=lw,exports.StepperShowcase=function(){const[r,i]=e.useState("default"),[n,o]=e.useState("medium"),[l,s]=e.useState("horizontal"),[c,d]=e.useState("count"),[h,u]=e.useState(4),[m,p]=e.useState(1),[x,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(Bk,{title:"Stepper",component:"Stepper"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:v,onThemeChange:y,surface:j,onSurfaceChange:S})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Stepper",theme:v,surface:j})}),t.jsx(lf,{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(Kf,{theme:v,surface:j,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:"vertical"===l?300:"100%"},children:t.jsx(lw,{color:r,size:n,orientation:l,variant:c,activeStep:m,clickable:x,onStepClick:x?p:void 0,dashedIncomplete:g,children:hw.slice(0,h).map(e=>t.jsx(sw,{label:e},e))})})}),t.jsx(Ff,{code:(()=>{const e=[];return"default"!==r&&e.push('color="'+r+'"'),"medium"!==n&&e.push('size="'+n+'"'),"horizontal"!==l&&e.push('orientation="vertical"'),"count"!==c&&e.push('variant="noCount"'),e.push("activeStep={"+m+"}"),x&&e.push("clickable onStepClick={setActiveStep}"),g&&e.push("dashedIncomplete"),"<Stepper "+e.join(" ")+">\n"+hw.slice(0,h).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(ft,{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(uw,{label:String(e),selected:h===e,onClick:()=>{u(e),m>=e&&p(e-1)}},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"ACTIVE STEP"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:hw.slice(0,h).map((e,a)=>t.jsx(uw,{label:String(a+1),selected:m===a,onClick:()=>p(a)},a))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:dw.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(mw,{color:e,selected:r===e,onClick:i},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(uw,{label:cw(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsx(a.Stack,{direction:"row",spacing:1,children:["count","noCount"].map(e=>t.jsx(uw,{label:e,selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(uw,{label:cw(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(pt,{children:"Clickable"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Steps are interactive buttons"})]}),t.jsx(Zf,{variant:"default-outline",checked:x,onChange:e=>f(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(pt,{children:"Dashed Incomplete"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Dashed connector for future steps"})]}),t.jsx(Zf,{variant:"default-outline",checked:g,onChange:e=>b(e.target.checked),size:"small","aria-label":"Dashed incomplete"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Stepper"})})]})]})},exports.Subtitle=_a,exports.Subtitle1=at,exports.Subtitle2=tt,exports.SubtitleLarge=Ka,exports.SubtitleMedium=e=>t.jsx(Qa,{textStyle:"subtitle",...e}),exports.SubtitleSmall=et,exports.SuccessTag=e=>t.jsx(Zb,{color:"success",...e}),exports.SuccessToggleButtonGroup=iB,exports.Surfaced=function({surface:e,as:a="div",children:r,className:i,style:n,...o}){return t.jsx(a,{"data-surface":e,className:i,style:n,...o,children:r})},exports.Swatch=gw,exports.Switch=$f,exports.SwitchInput=$f,exports.TAG_COLORS=Xb,exports.TAG_COLOR_TOKEN_MAP=Jb,exports.Tab=of,exports.TabList=nf,exports.TabPanel=lf,exports.Table=yw,exports.Tabs=rf,exports.TabsShowcase=function(){const[r,i]=e.useState("standard"),[n,o]=e.useState("default"),[l,s]=e.useState("medium"),[c,d]=e.useState("horizontal"),[h,u]=e.useState("Default"),[m,p]=e.useState("Surface"),[x,f]=e.useState(!1),g="standard"===r?vy:yy;return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Tabs",component:"Tabs"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:h,onThemeChange:u,surface:m,onSurfaceChange:p})}),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(Kf,{theme:h,surface:m,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:"vertical"===c?500:"100%",display:"flex",flexDirection:"vertical"===c?"row":"column"},children:t.jsxs(rf,{defaultValue:0,variant:r,color:n,size:l,orientation:c,children:[t.jsxs(nf,{rounded:x,children:[t.jsx(of,{children:"Overview"}),t.jsx(of,{children:"Features"}),t.jsx(of,{children:"Pricing"})]}),t.jsx(lf,{value:0,children:t.jsx(a.Box,{sx:{p:2},children:t.jsx(nt,{style:{color:"var(--Quiet)"},children:"Overview content goes here."})})}),t.jsx(lf,{value:1,children:t.jsx(a.Box,{sx:{p:2},children:t.jsx(nt,{style:{color:"var(--Quiet)"},children:"Features content goes here."})})}),t.jsx(lf,{value:2,children:t.jsx(a.Box,{sx:{p:2},children:t.jsx(nt,{style:{color:"var(--Quiet)"},children:"Pricing content goes here."})})})]})})}),t.jsx(Ff,{code:(()=>{const e=[];return"standard"!==r&&e.push('variant="'+r+'"'),"default"!==n&&e.push('color="'+n+'"'),"medium"!==l&&e.push('size="'+l+'"'),"horizontal"!==c&&e.push('orientation="vertical"'),"<Tabs defaultValue={0}"+(e.length?" "+e.join(" "):"")+">\n  <TabList"+(x?" 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(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"})]}),t.jsx(lf,{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(ft,{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(jy,{label:by("standard"===e?"default":e),selected:r===e,onClick:()=>(e=>{i(e),"standard"!==e&&"default"===n&&o("primary")})(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(ht,{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(Sy,{color:e,selected:n===e,onClick:o},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(jy,{label:by(e),selected:l===e,onClick:()=>s(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(jy,{label:by(e),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SHAPE"}),t.jsx(Zf,{label:"Rounded corners",checked:x,onChange:e=>f(e.target.checked)}),t.jsxs(ht,{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(lf,{value:1,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]})]})})})]})]})},exports.Tag=Zb,exports.TagShowcase=function(){const[r,i]=e.useState("primary"),[n,o]=e.useState("New"),[l,s]=e.useState(!1),[c,d]=e.useState("Default"),[h,u]=e.useState("Surface"),[m,p]=e.useState({}),x=Jb[r]||"Primary";return e.useEffect(()=>{p({tagText:Rt("--Tag-"+x+"-Text"),tagBg:Rt("--Tag-"+x+"-BG"),pageBg:Rt("--Background")})},[r,x]),t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Tag",component:"Tag"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:c,onThemeChange:d,surface:h,onSurfaceChange:u})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Tag",theme:c,surface:h})}),t.jsx(lf,{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(Kf,{theme:c,surface:h,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(Zb,{color:r,allCaps:l,children:n})}),t.jsx(a.Box,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:Xb.map(e=>t.jsx(Zb,{color:e,allCaps:l,children:Jb[e]},e))})]})}),t.jsx(Ff,{code:(()=>{const e=[];"primary"!==r&&e.push('color="'+r+'"'),l&&e.push("allCaps");return"<Tag"+(e.length?" "+e.join(" "):"")+">"+n+"</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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:$b.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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(ev,{color:e,selected:r===e,onClick:i},e))})]},e.label))}),t.jsxs(ht,{style:{color:"var(--Text-Quiet)",marginTop:6,display:"block"},children:["bg: var(--Tag-",x,"-BG) · text: var(--Tag-",x,"-Text)"]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"LABEL TEXT"}),t.jsx(a.Box,{component:"input",type:"text",value:n,onChange:e=>o(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(rt,{children:"All caps"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"text-transform: uppercase"})]}),t.jsx(Zf,{checked:l,onChange:e=>s(e.target.checked),size:"small","aria-label":"All caps"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),t.jsxs(a.Box,{sx:{p:3},children:[t.jsxs(rt,{color:"quiet",style:{marginBottom:24},children:['color="',r,'" — var(--Tag-',x,"-BG) / var(--Tag-",x,"-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(Za,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),t.jsx(rt,{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(_b,{label:"var(--Tag-"+x+"-Text) vs. var(--Tag-"+x+"-BG)",ratio:Nt(m.tagText,m.tagBg),threshold:4.5,note:"Tag text on tag background for "+r+" color"}),t.jsx(_b,{label:"var(--Tag-"+x+"-BG) vs. var(--Background)",ratio:Nt(m.tagBg,m.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(Za,{children:"Touch Target (WCAG 2.5.8)"}),t.jsx(rt,{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(rt,{style:{color:"var(--Text)"},children:"Tag height — 24px"}),t.jsx(ht,{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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{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(Za,{children:"All Colors"}),t.jsx(rt,{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:Xb.map(e=>t.jsx(Zb,{color:e,allCaps:l,children:Jb[e]},e))})]})]})]})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Tag"})})]})]})},exports.TertiaryTag=e=>t.jsx(Zb,{color:"tertiary",...e}),exports.TertiaryToggleButtonGroup=eB,exports.TextArea=Sw,exports.TextAreaField=function({label:r,type:i="default",moreInfo:n,id:o,disabled:l=!1,className:s="",sx:c={},...d}){const h=e.useId(),u=o||h;return t.jsxs(a.Box,{className:"textarea-field "+s,sx:{display:"flex",flexDirection:"column",gap:"var(--Sizing-Half)",...c},children:[t.jsx(Ik,{htmlFor:u,type:i,moreInfo:n,disabled:l,children:r}),t.jsx(Sw,{id:u,disabled:l,"aria-required":"required"===i||void 0,...d})]})},exports.TextField=jw,exports.TextFieldGroup=function({fields:e=[],spacing:r=2,sx:i={},...n}){return t.jsx(a.Box,{sx:{display:"flex",flexDirection:"column",gap:`var(--Spacing-${r})`,width:"100%",...i},...n,children:e.map(e=>t.jsx(jw,{...e},e.id))})},exports.TextInput=ib,exports.ThemedZone=function({theme:e,surface:a,as:r="div",children:i,className:n,style:o,...l}){return t.jsx(r,{"data-theme":e,"data-surface":a,className:n,style:o,...l,children:i})},exports.ToggleButton=sB,exports.ToggleButtonGroup=Jw,exports.Toolbar=Bw,exports.ToolbarShowcase=function(){const[r,i]=e.useState("floating"),[n,o]=e.useState("default"),[l,s]=e.useState("horizontal"),[c,d]=e.useState(!1),[h,u]=e.useState("Default"),[m,p]=e.useState("Surface");return t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Toolbar",component:"Toolbar"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:h,onThemeChange:u,surface:m,onSurfaceChange:p})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"Toolbar",theme:h,surface:m})}),t.jsx(lf,{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(Kf,{theme:h,surface:m,sx:{minHeight:200},children:t.jsx(Bw,{items:Cw,type:r,color:n,orientation:l,fab:c&&"floating"===r?{icon:t.jsx(ye,{}),label:"Create",onClick:()=>{}}:void 0})}),t.jsx(Ff,{code:(()=>{const e=["items={items}"];return"floating"!==r&&e.push('type="contextual"'),"default"!==n&&e.push('color="'+n+'"'),"horizontal"!==l&&e.push('orientation="vertical"'),c&&e.push('fab={{ icon: <AddIcon />, label: "Create", onClick: handleCreate }}'),e.push("value={selected}"),e.push("onChange={setSelected}"),"<Toolbar\n  "+e.join("\n  ")+"\n/>"})(),language:"JSX",wrap:!0,sx:{mt:2}})]}),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(ft,{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(Tw,{label:kw(e),selected:r===e,onClick:()=>i(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Tw,{label:kw(e),selected:n===e,onClick:()=>o(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(Tw,{label:kw(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(pt,{children:"FAB Button"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Add FAB to the right of toolbar"})]}),t.jsx(Zf,{variant:"default-outline",checked:c,onChange:e=>d(e.target.checked),size:"small","aria-label":"FAB button"})]})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"Toolbar"})})]})]})},exports.Tooltip=Nw,exports.TreeBranch=function({label:e,icon:r,level:i=0,toggle:n="none",onToggle:o,disabled:l=!1,size:s="small",className:c="",sx:d={},children:h,...u}){const m=6===i&&"none"!==n?"none":n,p="on"===m,x="none"!==m,f=x?Rw[i]||{padLeft:0,togglePadLeft:0}:Fw[i]||Fw[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-"+m+(l?" tree-branch-disabled":"")+(c?" "+c:""),sx:{width:"100%",...d},...u,children:[t.jsxs(a.Box,{component:"button",type:"button",role:"treeitem","aria-expanded":x?p:void 0,"aria-disabled":l||void 0,tabIndex:l?-1:0,onClick:e=>{l||x&&(e.stopPropagation(),o?.(p?"off":"on"))},disabled:l,sx:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px",width:"100%",minHeight:"24px",...g,border:"none",backgroundColor:"transparent",fontFamily:"inherit",color:"inherit",textAlign:"left",cursor:l?"not-allowed":"pointer",opacity:l?"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:[x&&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:p?"rotate(-90deg)":"rotate(0deg)"},children:t.jsx(up,{size:"small",children:t.jsx(Le,{})})})}),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(up,{size:"small",children:r})}),null!=e&&t.jsx(it,{style:{color:"inherit",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block",flex:1,minWidth:0},children:e})]})]}),p&&h&&t.jsx(a.Box,{role:"group",sx:{display:"flex",flexDirection:"column"},children:h})]})},exports.TreeViewShowcase=function(){const[r,i]=e.useState("solid"),[n,o]=e.useState("primary"),[l,s]=e.useState("default"),[c,d]=e.useState("slide"),[h,u]=e.useState("single"),[m,p]=e.useState(!1),[x,f]=e.useState(!1),[g,b]=e.useState(!1),[v,y]=e.useState(zS),[j,S]=e.useState("Default"),[z,w]=e.useState("Surface"),[B,k]=e.useState({}),C=e.useRef(null),T=Dw(n),M=g?Hw: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)},[n,j,A,T]),t.jsxs(a.Box,{sx:{pb:8},children:[t.jsx(Bk,{title:"Tree View",component:"TreeView"}),t.jsx(a.Box,{sx:{mt:1},children:t.jsx(Np,{theme:j,onThemeChange:S,surface:z,onSurfaceChange:w})}),t.jsxs(rf,{defaultValue:0,variant:"standard",color:"primary",children:[t.jsxs(nf,{children:[t.jsx(of,{children:"Summary"}),t.jsx(of,{children:"Playground"}),t.jsx(of,{children:"Accessibility"}),t.jsx(of,{children:"Change Log"})]}),t.jsx(lf,{value:0,children:t.jsx(yk,{component:"TreeView",theme:j,surface:z})}),t.jsx(lf,{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(Kf,{ref:C,theme:j,children:t.jsx(a.Box,{sx:{width:"100%",maxWidth:360},children:t.jsx(SS,{color:n,variant:r,density:l,animation:c,selectionMode:h,checkboxSelection:m,disableSelection:x,items:M,defaultExpandedItems:["1","1-1","2"]})})}),t.jsx(Ff,{code:(()=>{const e=["<OmniTreeView"];return"default"!==n&&e.push('  color="'+n+'"'),"default"!==r&&e.push('  variant="'+r+'"'),"default"!==l&&e.push('  density="'+l+'"'),"slide"!==c&&e.push('  animation="'+c+'"'),"single"!==h&&e.push('  selectionMode="'+h+'"'),m&&e.push("  checkboxSelection"),x&&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(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"STYLE"}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(qw,{label:"Solid",selected:"solid"===r,onClick:()=>i("solid")}),t.jsx(qw,{label:"Light",selected:"light"===r,onClick:()=>i("light")})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"COLOR"}),t.jsx(a.Stack,{spacing:1.5,children:Ww.map(e=>t.jsxs(a.Box,{children:[t.jsx(ht,{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:n===e,onClick:o},e))})]},e.label))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"DENSITY"}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(qw,{label:"Compact",selected:"compact"===l,onClick:()=>s("compact")}),t.jsx(qw,{label:"Default",selected:"default"===l,onClick:()=>s("default")})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(qw,{label:Dw(e),selected:c===e,onClick:()=>d(e)},e))})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{style:{color:"var(--Text-Quiet)",display:"block",marginBottom:8},children:"SELECTION MODE"}),t.jsxs(a.Stack,{direction:"row",spacing:1,children:[t.jsx(qw,{label:"Single",selected:"single"===h,onClick:()=>u("single")}),t.jsx(qw,{label:"Multi",selected:"multi"===h,onClick:()=>u("multi")})]})]}),t.jsxs(a.Box,{sx:{mt:3},children:[t.jsx(ft,{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(pt,{children:"Show Icons"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Load sample data with icons and badges"})]}),t.jsx(Zf,{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(pt,{children:"Checkbox Selection"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Show checkboxes for each item"})]}),t.jsx(Zf,{checked:m,onChange:e=>p(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(pt,{children:"Disable Selection"}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",display:"block"},children:"Items are not selectable"})]}),t.jsx(Zf,{checked:x,onChange:e=>f(e.target.checked),size:"small","aria-label":"Disable selection"})]})]}),!g&&t.jsx(a.Box,{sx:{mt:3},children:t.jsx(Qw,{value:Ow,onChange:y})})]})})]})}),t.jsxs(lf,{value:2,children:[t.jsx(Dt,{}),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(Za,{children:"Text Contrast (WCAG 1.4.3 — 4.5:1)"}),t.jsx(Vw,{label:"Resting: var(--Text-Quiet) vs. background",ratio:Nt(B.textQuiet,B.background),threshold:4.5,note:"Unselected items use Text-Quiet"}),t.jsx(Vw,{label:"Hover: var(--Text) vs. background",ratio:Nt(B.text,B.background),threshold:4.5,note:"Hovered items use var(--Text)"}),t.jsx(Vw,{label:"Active (solid): var(--Text) vs. var(--Buttons-"+T+"-Button)",ratio:Nt(B.text,B.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(Za,{children:"Focus Indicator (WCAG 2.4.11 — 3:1)"}),t.jsx(Vw,{label:"var(--Focus-Visible) vs. background",ratio:Nt(B.focusVisible,B.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(Za,{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(rt,{children:[e,":"]}),t.jsx(ht,{style:{color:"var(--Text-Quiet)",fontFamily:"monospace"},children:r})]},e))})]})]})})]}),t.jsx(lf,{value:3,children:t.jsx(jk,{component:"TreeView"})})]})]})},exports.Typography=Qa,exports.URLTextField=function({label:e="Website",placeholder:a="https://example.com",...r}){return t.jsx(jw,{label:e,type:"url",placeholder:a,...r})},exports.VStack=yv,exports.WarningTag=e=>t.jsx(Zb,{color:"warning",...e}),exports.WarningToggleButtonGroup=nB,exports.WrapStack=jv,exports.chartGeometry=eC,exports.componentDocsIndexUrl=function(e,a=ck){return`${a.replace(/\/+$/,"")}/docs/${encodeURIComponent(e)}`},exports.componentDocsUrl=function(e,a,t=ck){return`${t.replace(/\/+$/,"")}/docs/${encodeURIComponent(e)}/${dk(a)}`},exports.default={},exports.docsSlug=dk,exports.formatTime=vz,exports.ghostBlockSx=Sa,exports.hasExample=tk,exports.renderColorSystem=uC,exports.renderColourSystem=uC,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(...pC(["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(...pC(["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(...pC(["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(...pC(["Token","Sets","Varies with","Figma variable"],e.tokens.map(e=>[`\`${e.name}\``,e.sets,e.variesWith,"—"===e.figma?"—":`\`${e.figma}\``]))),t.push("")),t.push(...xC("Composition",e.composition)),t.push(...xC("Accessibility",e.accessibility)),t.push(...xC("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 kk)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.useFormHelperIds=Wk,exports.useGhost=ja,exports.useOmniDesign=cj,exports.useStepperContext=ow,exports.useTabsContext=tf;
 //# sourceMappingURL=index.js.map