@minimorphism/mds-ui 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js ADDED
@@ -0,0 +1 @@
1
+ import e,{useState as o,useRef as t,useId as r,useEffect as n,useCallback as d}from"react";import{createPortal as a}from"react-dom";import{jsxs as i,jsx as l,Fragment as s}from"react/jsx-runtime";var c="// Copyright (c) 2026 minimorphism\n// Main GLSL Shader for Widgets\n\nprecision mediump float;\n\nuniform vec2 u_resolution;\nuniform vec4 u_rect;\nuniform vec4 u_color;\nuniform vec4 u_radius;\nuniform float u_opacity;\n\nuniform vec4 u_sh1_params;\nuniform vec4 u_sh1_color;\nuniform vec4 u_sh2_params;\nuniform vec4 u_sh2_color;\nuniform vec4 u_sh3_params;\nuniform vec4 u_sh3_color;\n\n// Copyright (c) 2026 minimorphism\n// SDF Shader\n\nfloat sdRoundedBox(vec2 p, vec2 b, vec4 r) {\n r.xy = (p.x > 0.0) ? r.xy : r.zw;\n r.x = (p.y > 0.0) ? r.x : r.y;\n vec2 q = abs(p) - b + r.x;\n return min(max(q.x, q.y), 0.0) + length(max(q, 0.0)) - r.x;\n}\n\n// Copyright (c) 2026 minimorphism\n// Shadow Shader\n\nvec4 applyInsetShadow(vec4 baseCol, vec2 p, vec2 b, vec4 r, vec4 params,\n\t\t vec4 shColor) {\n if (shColor.a <= 0.0) return baseCol;\n\n vec2 offset = params.xy;\n float blur = params.z;\n float spread = params.w;\n\n float d_inner = sdRoundedBox(p - offset, b, r);\n float d = d_inner + spread;\n\n float halfBlur = max(blur * 0.5, 0.5);\n float intensity = smoothstep(-halfBlur, halfBlur, d);\n\n return vec4(mix(baseCol.rgb, shColor.rgb, intensity * shColor.a),\n\t\tbaseCol.a);\n}\n\n\nvoid main() {\n vec2 st = gl_FragCoord.xy;\n st.y = u_resolution.y - st.y;\n\n vec2 size = u_rect.zw;\n vec2 b = size * 0.5;\n vec2 center = u_rect.xy + b;\n vec2 p = st - center;\n\n float d = sdRoundedBox(p, b, u_radius);\n float alpha = 1.0 - smoothstep(-1.0, 1.0, d);\n \n alpha *= u_opacity;\n\n if (alpha <= 0.0) {\n discard;\n }\n\n vec4 col = u_color;\n \n col = applyInsetShadow(col, p, b, u_radius, u_sh3_params, u_sh3_color);\n col = applyInsetShadow(col, p, b, u_radius, u_sh2_params, u_sh2_color);\n col = applyInsetShadow(col, p, b, u_radius, u_sh1_params, u_sh1_color);\n\n gl_FragColor = vec4(col.rgb * alpha, alpha);\n}",m={black:{bg:[0,0,0,1],shadows:[{x:0,y:83,blur:119,spread:-92,color:[1,1,1,.35]},{x:0,y:-79,blur:94.8,spread:-24,color:[0,0,0,.5]},{x:0,y:0,blur:24,spread:5,color:[120/255,120/255,120/255,.03]}]},white:{bg:[1,1,1,1],shadows:[{x:0,y:0,blur:0,spread:0,color:[1,1,1,0]},{x:0,y:-20,blur:47.3,spread:-31,color:[0,0,0,.17]},{x:0,y:0,blur:24,spread:5,color:[120/255,120/255,120/255,.07]}]},"dark-gray":{bg:[.61,.61,.61,1],shadows:[{x:0,y:83,blur:120,spread:-72,color:[.3,.3,.3,.2]},{x:0,y:-79,blur:94.8,spread:-24,color:[0,0,0,.8]},{x:0,y:0,blur:24,spread:5,color:[120/255,120/255,120/255,.03]}]},anodized:{bg:[1,1,1,1],shadows:[{x:0,y:83,blur:119,spread:-92,color:[1,1,1,.3]},{x:0,y:-26,blur:94.8,spread:-24,color:[0,0,0,.35]},{x:0,y:-2,blur:24,spread:5,color:[120/255,120/255,120/255,.15]}]},disabled:{bg:[.5,.5,.5,1],shadows:[{x:0,y:83,blur:119,spread:-92,color:[1,1,1,.3]},{x:0,y:-79,blur:94.8,spread:-24,color:[0,0,0,.4]},{x:0,y:0,blur:24,spread:5,color:[120/255,120/255,120/255,.03]}]},"black-pill":{bg:[0,0,0,1],shadows:[{x:0,y:83,blur:119,spread:-92,color:[1,1,1,.35]},{x:0,y:-79,blur:94.8,spread:-24,color:[0,0,0,.5]}]},"white-pill":{bg:[.82,.82,.84,1],shadows:[{x:0,y:40,blur:60,spread:-30,color:[1,1,1,.95]},{x:0,y:-40,blur:60,spread:-20,color:[0,0,0,.45]}]}},u={black:{bg:[0,0,0,1],shadows:[{x:0,y:4,blur:15,spread:-10,color:[1,1,1,.35]},{x:0,y:-4,blur:10,spread:-4,color:[0,0,0,.5]}]},white:{bg:[1,1,1,1],shadows:[{x:0,y:-4,blur:10,spread:-6,color:[0,0,0,.15]}]},anodized:{bg:[1,1,1,1],shadows:[{x:0,y:8,blur:12,spread:-6,color:[1,1,1,.9]},{x:0,y:-8,blur:12,spread:-4,color:[0,0,0,.4]}]}},p=(e,o,t,r=60)=>{const{layout:n,payload:d}=e,a=d.disabled?"disabled":d.variant||"white";let i=(t||m)[a];i||(i=m[a]||m.white);const l=o.width/o.clientWidth||window.devicePixelRatio||1,s=Math.min(n.width,n.height)/(r*l),c=n.visualScale*s,u=140*c,p=new Float32Array([n.x-u,n.y-u,n.width+2*u,n.height+2*u]),h=e=>e?{p:new Float32Array([e.x*c,e.y*c,e.blur*c,e.spread*c]),c:new Float32Array(e.color)}:{p:new Float32Array(4),c:new Float32Array(4)},y=h(i.shadows[0]),_=h(i.shadows[1]),f=h(i.shadows[2]);return{u_resolution:new Float32Array([o.width,o.height]),u_box:p,u_rect:new Float32Array([n.x,n.y,n.width,n.height]),u_color:new Float32Array(i.bg),u_radius:Array.isArray(n.radius)?new Float32Array([n.radius[2],n.radius[1],n.radius[3],n.radius[0]]):new Float32Array([n.radius,n.radius,n.radius,n.radius]),u_opacity:n.opacity??1,u_sh1_params:y.p,u_sh1_color:y.c,u_sh2_params:_.p,u_sh2_color:_.c,u_sh3_params:f.p,u_sh3_color:f.c}},h=new Map,y=new Map,_=1,f=()=>{},g=e=>{f=e},b=e=>{[{type:"button",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o)}},{type:"input",definition:{fragmentShader:c,getUniforms:(e,o)=>{const t=e.payload?.variant,r=e.payload?.multiline;return p(e,o,void 0,"black"===t&&r?180:60)}}},{type:"box",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o)}},{type:"snackbar",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o)}},{type:"mobileModal",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o,void 0,380)}},{type:"accordion-header",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o)}},{type:"accordion-body",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o)}},{type:"autocomplete-header",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o)}},{type:"autocomplete-body",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o)}},{type:"alert",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o)}},{type:"card",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o)}},{type:"grid",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o)}},{type:"badge",definition:{fragmentShader:c,getUniforms:(e,o)=>{const t="anodized"===e.payload?.variant;return p(e,o,t?void 0:u,t?100:28)}}},{type:"chip",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o)}},{type:"select-header",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o)}},{type:"select-body",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o)}},{type:"link",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o)}},{type:"stack",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o)}},{type:"modal",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o,void 0,240)}},{type:"progress",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o,void 0,50)}},{type:"progress-inner",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o,void 0,42)}},{type:"slider",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o)}},{type:"slider-thumb",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o)}},{type:"switch",definition:{fragmentShader:c,getUniforms:(e,o)=>p(e,o,void 0,32)}}].forEach(e=>{y.set(e.type,e.definition)}),e&&e.forEach(e=>{y.set(e.type,e.definition)})},v=(e,o)=>{const t=h.get(e);o.mountOrder=t?.mountOrder??_++,h.set(e,o),f()},w=e=>{h.delete(e),f()};function k(e,o,t){const r=e.createShader(o);return r?(e.shaderSource(r,t),e.compileShader(r),e.getShaderParameter(r,e.COMPILE_STATUS)?r:(console.error("Shader error:",e.getShaderInfoLog(r)),e.deleteShader(r),null)):null}var x=e=>{if(!e||"auto"===e)return 0;const o=Number.parseInt(e,10);return Number.isFinite(o)?o:0},C=!0,S=!0,B=!1,N=!1,L=(e,o)=>{},M=(e,o)=>{L(e,o)},A=null,R=()=>{const e=t(null),d=r(),[i,s]=o(!1);return n(()=>{if(!N)return N=!0,A=d,s(!0),()=>{A===d&&(A=null,N=!1)};console.warn("WebGLCanvas is a singleton and has already been mounted.")},[d]),n(()=>{if(!i)return;const o=e.current;if(!o)return;const t=o.getContext("webgl",{alpha:!0,antialias:!0,premultipliedAlpha:!0,preserveDrawingBuffer:!0});if(!t)return;const r=t.createBuffer();if(!r)return;t.bindBuffer(t.ARRAY_BUFFER,r),t.bufferData(t.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,1,1]),t.STATIC_DRAW),t.disable(t.DEPTH_TEST),t.disable(t.CULL_FACE);const n=new Map,d=(e,o)=>{const r=n.get(e);if(r)return r;let d=o;"object"==typeof d&&null!==d&&"default"in d&&(d=d.default);const a=function(e,o,t){const r=k(e,e.VERTEX_SHADER,o),n=k(e,e.FRAGMENT_SHADER,t);if(!r||!n)return null;const d=e.createProgram();return d?(e.attachShader(d,r),e.attachShader(d,n),e.linkProgram(d),e.getProgramParameter(d,e.LINK_STATUS)?d:(console.error("Program link error:",e.getProgramInfoLog(d)),e.deleteProgram(d),null)):null}(t,"\nprecision mediump float;\nattribute vec2 a_position;\nuniform vec4 u_box;\nuniform vec2 u_resolution;\nvoid main() {\n vec2 uv = a_position * 0.5 + 0.5;\n vec2 pixel_pos = u_box.xy + uv * u_box.zw;\n vec2 clip_pos = (pixel_pos / u_resolution) * 2.0 - 1.0;\n gl_Position = vec4(clip_pos.x, -clip_pos.y, 0.0, 1.0);\n}\n",String(d));return a?(n.set(e,a),a):null},a=()=>{const e=window.devicePixelRatio||1,n=o.getBoundingClientRect(),a=Math.round(n.width*e),i=Math.round(n.height*e);if(a<=0||i<=0)return;o.width===a&&o.height===i||(o.width=a,o.height=i,C=!0),((e,o)=>{if(0===o.width||0===o.height)return;const t=e.width/o.width,r=e.height/o.height,n=C||B;for(const e of h.values()){const d=e.ref.current;if(!d)continue;const a=e.mouse.hover>0||e.mouse.click>0;if(n||a||0===e.layout.width){const n=d.offsetWidth;e.payload._baseWidth=n;const a=window.getComputedStyle(d);(void 0===e.payload._radius||S)&&(e.payload._radius=[parseFloat(a.borderTopLeftRadius)||0,parseFloat(a.borderTopRightRadius)||0,parseFloat(a.borderBottomRightRadius)||0,parseFloat(a.borderBottomLeftRadius)||0],e.layout.zIndex=x(a.zIndex));const i=d.getBoundingClientRect(),l=i.left+i.width/2,s=i.top+i.height/2;let c=!1;const m=e.payload._autoHidden;if("none"===a.display||"hidden"===a.visibility&&!m)c=!0;else if(l>=0&&s>=0&&l<=window.innerWidth&&s<=window.innerHeight){m&&(d.style.visibility="");const o=document.elementFromPoint(l,s);if(o){c=o!==d&&!d.contains(o)&&!o.contains(d);const t=e.type.endsWith("-body")||"slider"===e.type||"progress"===e.type||!0===e.payload?.isBackdrop;c&&t&&d.parentElement&&d.parentElement.contains(o)&&(c=!1)}m&&c&&(d.style.visibility="hidden")}c?(d.style.visibility="hidden",e.payload._autoHidden=!0,e.layout.opacity=0):m&&(d.style.visibility="",e.payload._autoHidden=!1);let u=c?0:1;if(!c){const e=parseFloat(a.opacity);isNaN(e)||(u*=e);const o=d.closest(".gl-fade");if(o&&o!==d){const e=parseFloat(window.getComputedStyle(o).opacity);isNaN(e)||(u*=e)}}e.layout.opacity=u,e.layout.x=(i.left-o.left)*t,e.layout.y=(i.top-o.top)*r,e.layout.width=i.width*t,e.layout.height=i.height*r;const p=e.payload._baseWidth>0?i.width/e.payload._baseWidth*t:t;e.layout.visualScale=p;const h=Math.min(e.layout.width,e.layout.height)/2,y=e.payload._radius;e.layout.radius=[Math.min(y[0]*p,h),Math.min(y[1]*p,h),Math.min(y[2]*p,h),Math.min(y[3]*p,h)];let _=-99999,f=-99999,g=99999,b=99999,v=!1,w=d.parentElement;for(;w&&w!==document.body;){const e=window.getComputedStyle(w);if("hidden"===e.overflow||"hidden"===e.overflowY||"hidden"===e.overflowX){const e=w.getBoundingClientRect();_=Math.max(_,e.top),f=Math.max(f,e.left),g=Math.min(g,e.bottom),b=Math.min(b,e.right),v=!0}w=w.parentElement}v?e.layout.clip={x:(f-o.left)*t,y:(_-o.top)*r,w:Math.max(0,b-f)*t,h:Math.max(0,g-_)*r}:delete e.layout.clip}}C=!1,S=!1})(o,n);const l=[];for(const e of h.values()){const o=y.get(e.type);o&&l.push({widget:e,def:o})}if(l.sort((e,o)=>{const t=e.widget.layout.zIndex??0,r=o.widget.layout.zIndex??0;if(t!==r)return t-r;const n=e.widget.ref.current,d=o.widget.ref.current;if(n&&d){const e=n.compareDocumentPosition(d);if(e&Node.DOCUMENT_POSITION_FOLLOWING)return-1;if(e&Node.DOCUMENT_POSITION_PRECEDING)return 1}return(e.widget.mountOrder??0)-(o.widget.mountOrder??0)}),t.bindFramebuffer(t.FRAMEBUFFER,null),t.viewport(0,0,a,i),t.clearColor(0,0,0,0),t.disable(t.SCISSOR_TEST),t.clear(t.COLOR_BUFFER_BIT),0!==l.length){t.enable(t.BLEND),t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.enable(t.SCISSOR_TEST);for(const e of l){const{widget:n,def:l}=e,s=n.layout.clip;if(s){if(s.w<=0||s.h<=0)continue;const e=Math.round(s.x),o=Math.round(i-(s.y+s.h)),r=Math.round(s.w),n=Math.round(s.h);t.scissor(e,o,r,n)}else t.scissor(0,0,a,i);const c=d(n.type,l.fragmentShader);if(!c)continue;t.useProgram(c),t.bindBuffer(t.ARRAY_BUFFER,r);const m=t.getAttribLocation(c,"a_position");m>=0&&(t.enableVertexAttribArray(m),t.vertexAttribPointer(m,2,t.FLOAT,!1,0,0));const u=l.getUniforms(n,o);if(u){for(const[e,o]of Object.entries(u)){const r=t.getUniformLocation(c,e);null!==r&&("number"==typeof o?t.uniform1f(r,o):o instanceof Float32Array&&(2===o.length?t.uniform2fv(r,o):4===o.length&&t.uniform4fv(r,o)))}t.drawArrays(t.TRIANGLE_STRIP,0,4)}}t.disable(t.SCISSOR_TEST)}};let l=!1,s=0;const c=()=>{l=!1,a(),performance.now()<s?m():B=!1},m=()=>{l||(l=!0,requestAnimationFrame(c))},u=()=>{C=!0,m()},p=()=>{S=!0,u()};g(()=>{L(500,!0)}),L=(e=350,o=!0)=>{s=performance.now()+e,B=o,o&&(C=!0),m()},window.forceWebGLRender=L,window.addEventListener("resize",p,{passive:!0}),window.addEventListener("scroll",u,{passive:!0,capture:!0});const _=new MutationObserver(()=>{u()});_.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style","class"]}),p();const f=setTimeout(()=>L(200,!0),150),b=setTimeout(()=>L(200,!0),400),v=setTimeout(()=>L(200,!0),800);return()=>{window.removeEventListener("resize",p),window.removeEventListener("scroll",u,!0),_.disconnect(),clearTimeout(f),clearTimeout(b),clearTimeout(v),g(()=>{}),delete window.forceWebGLRender,L=()=>{}}},[i]),i?a(l("canvas",{ref:e,style:{position:"fixed",inset:0,width:"100%",height:"100%",pointerEvents:"none",zIndex:-1}}),document.body):null},P={"mds-accordion":"Accordion_module_mds-accordion","mds-accordion--white":"Accordion_module_mds-accordion--white","mds-accordion--black":"Accordion_module_mds-accordion--black","mds-accordion--anodized":"Accordion_module_mds-accordion--anodized","mds-accordion-body-bg":"Accordion_module_mds-accordion-body-bg","mds-accordion-header":"Accordion_module_mds-accordion-header","mds-accordion-title":"Accordion_module_mds-accordion-title","mds-accordion-icon-box":"Accordion_module_mds-accordion-icon-box","mds-accordion-chevron":"Accordion_module_mds-accordion-chevron","mds-accordion-chevron--open":"Accordion_module_mds-accordion-chevron--open","mds-accordion-content-grid":"Accordion_module_mds-accordion-content-grid","mds-accordion-content-grid--open":"Accordion_module_mds-accordion-content-grid--open","mds-accordion-content-inner":"Accordion_module_mds-accordion-content-inner","mds-accordion-content":"Accordion_module_mds-accordion-content","mds-accordion-body-bg--dark-gray":"Accordion_module_mds-accordion-body-bg--dark-gray","mds-accordion-body-bg--white":"Accordion_module_mds-accordion-body-bg--white","mds-accordion-body-bg--anodized":"Accordion_module_mds-accordion-body-bg--anodized","mds-accordion-icon-box--white":"Accordion_module_mds-accordion-icon-box--white","mds-accordion-icon-box--black":"Accordion_module_mds-accordion-icon-box--black","mds-accordion-icon-box--anodized":"Accordion_module_mds-accordion-icon-box--anodized"},z={EyeOpenIcon:({size:e=40})=>i("svg",{width:e,height:e,viewBox:"0 0 84 67",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("g",{filter:"url(#filter0_d_384_200)",children:[l("path",{d:"M21.0458 21.6191C25.8841 17.8142 33.1175 15.0908 41.6078 15.0908C50.0981 15.0908 57.3315 17.8142 62.1698 21.6191C66.334 24.894 67.5867 28.2229 68.429 31.4547C68.6953 32.4763 68.6953 33.5595 68.429 34.5812C67.5867 37.813 66.334 41.1419 62.1698 44.4167C57.3315 48.2217 50.0981 50.9451 41.6078 50.9451C33.1175 50.9451 25.8841 48.2217 21.0458 44.4167C16.8817 41.1419 15.629 37.813 14.7867 34.5812C14.5204 33.5595 14.5204 32.4763 14.7867 31.4547C15.629 28.2229 16.8817 24.894 21.0458 21.6191ZM78.6537 28.5692C73.5616 15.0755 60.7457 4 41.6078 4C22.4699 4 9.65401 15.0755 4.56197 28.5692C3.84439 31.4547 3.79681 34.5812 4.51873 37.4842C9.7832 52.2269 22.2869 62.0359 41.6078 62.0359C60.9287 62.0359 73.4324 52.2269 78.6969 37.4842C79.4189 34.5812 79.3713 31.4547 78.6537 28.5692Z",fill:"#B1B1B1",fillOpacity:"0.35"}),l("circle",{cx:"41.5001",cy:"32.5",r:"9.5",fill:"#B1B1B1",fillOpacity:"0.35"})]}),l("defs",{children:i("filter",{id:"filter0_d_384_200",x:"0",y:"0",width:"83.2157",height:"66.0359",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[l("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),l("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),l("feOffset",{}),l("feGaussianBlur",{stdDeviation:"2"}),l("feComposite",{in2:"hardAlpha",operator:"out"}),l("feColorMatrix",{type:"matrix",values:"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.12 0"}),l("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_384_200"}),l("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_384_200",result:"shape"})]})})]}),EyeClosedIcon:({size:e=40})=>i("svg",{width:e,height:e,viewBox:"0 0 84 67",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("g",{filter:"url(#filter0_d_384_200)",children:[l("path",{d:"M21.0458 21.6191C25.8841 17.8142 33.1175 15.0908 41.6078 15.0908C50.0981 15.0908 57.3315 17.8142 62.1698 21.6191C66.334 24.894 67.5867 28.2229 68.429 31.4547C68.6953 32.4763 68.6953 33.5595 68.429 34.5812C67.5867 37.813 66.334 41.1419 62.1698 44.4167C57.3315 48.2217 50.0981 50.9451 41.6078 50.9451C33.1175 50.9451 25.8841 48.2217 21.0458 44.4167C16.8817 41.1419 15.629 37.813 14.7867 34.5812C14.5204 33.5595 14.5204 32.4763 14.7867 31.4547C15.629 28.2229 16.8817 24.894 21.0458 21.6191ZM78.6537 28.5692C73.5616 15.0755 60.7457 4 41.6078 4C22.4699 4 9.65401 15.0755 4.56197 28.5692C3.84439 31.4547 3.79681 34.5812 4.51873 37.4842C9.7832 52.2269 22.2869 62.0359 41.6078 62.0359C60.9287 62.0359 73.4324 52.2269 78.6969 37.4842C79.4189 34.5812 79.3713 31.4547 78.6537 28.5692Z",fill:"#B1B1B1",fillOpacity:"0.35"}),l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M51.8484 23.3453L51.9776 23.3569C51.9361 23.3491 51.893 23.3453 51.8484 23.3453ZM52.5328 24.0213L52.5219 24.1547C52.5292 24.1109 52.5328 24.0665 52.5328 24.0213ZM52.5494 42.6018L52.5382 42.7227C52.5457 42.6831 52.5494 42.6427 52.5494 42.6018ZM47.8757 43.2951L47.6599 43.2729C47.7287 43.2873 47.8006 43.2951 47.8757 43.2951ZM36.1412 42.9485L35.9792 43.0965C36.0358 43.054 36.0899 43.0046 36.1412 42.9485ZM30.792 42.2122L30.8666 42.0991C30.8385 42.1362 30.8137 42.1739 30.792 42.2122ZM30.781 23.6651L30.8666 23.5533C30.8341 23.5899 30.8056 23.6271 30.781 23.6651Z",fill:"#B1B1B1",fillOpacity:"0.35"}),l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M30.8666 23.5533C30.8341 23.5899 30.8056 23.6271 30.781 23.6651L30.8666 23.5533ZM51.8484 23.3453L51.9776 23.3569C51.9361 23.3491 51.893 23.3453 51.8484 23.3453ZM52.5328 24.0213L52.5219 24.1547C52.5292 24.1109 52.5328 24.0665 52.5328 24.0213ZM52.5494 42.6018L52.5382 42.7227C52.5457 42.6831 52.5494 42.6427 52.5494 42.6018ZM47.8757 43.2951L47.6599 43.2729C47.7287 43.2873 47.8006 43.2951 47.8757 43.2951ZM36.1412 42.9485L35.9792 43.0965C36.0358 43.054 36.0899 43.0046 36.1412 42.9485ZM30.792 42.2122L30.8666 42.0991C30.8385 42.1362 30.8137 42.1739 30.792 42.2122Z",fill:"#B1B1B1",fillOpacity:"0.35"}),l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M29.4187 22.1005C29.931 21.5687 30.6125 21.2726 31.3507 21.2726H35.3397C36.2204 21.2726 37.017 21.6428 37.599 22.3069L41.59 26.8187L45.5632 22.3069L45.589 22.2766C46.171 21.6405 46.9594 21.2726 47.8424 21.2726H51.8492C52.4949 21.2728 53.0973 21.4995 53.5809 21.9122L53.7813 22.1005L53.9459 22.2867C54.3148 22.7422 54.5648 23.3344 54.5648 24.0214C54.5648 24.7132 54.3241 25.3245 53.9578 25.8087L53.9102 25.8694L53.8606 25.9261L47.3365 33.3344L53.8725 40.7083L53.9261 40.769L53.9737 40.8318C54.3194 41.2887 54.5804 41.891 54.5807 42.6009C54.5807 43.3751 54.2639 44.0166 53.8527 44.4792L53.8269 44.5096L53.7971 44.54C53.2848 45.0718 52.6033 45.3678 51.8651 45.3678H47.8761C46.995 45.3678 46.1969 44.9983 45.6148 44.3335L41.6238 39.8197L37.6526 44.3335L37.6268 44.3639C37.0448 45 36.2563 45.3678 35.3734 45.3678H31.3666C30.6285 45.3676 29.9467 45.0718 29.4345 44.54C29.0342 44.1242 28.7352 43.5657 28.6669 42.9065L28.651 42.6191L28.6629 42.364C28.7139 41.7768 28.9374 41.2555 29.258 40.8318L29.3056 40.771L29.3552 40.7144L35.8773 33.304L29.3433 25.9321L29.2897 25.8714L29.2421 25.8087C28.9396 25.4088 28.7019 24.8976 28.647 24.3007L28.6351 24.0396L28.649 23.7542C28.7152 23.1066 29.0034 22.5659 29.3631 22.1612L29.3889 22.1308L29.4187 22.1005ZM51.8484 23.3453L51.9776 23.3569C51.9361 23.3491 51.893 23.3453 51.8484 23.3453ZM52.5328 24.0213L52.5219 24.1547C52.5292 24.1109 52.5328 24.0665 52.5328 24.0213ZM52.5494 42.6018L52.5382 42.7227C52.5457 42.6831 52.5494 42.6427 52.5494 42.6018ZM47.8757 43.2951L47.6599 43.2729C47.7287 43.2873 47.8006 43.2951 47.8757 43.2951ZM36.1412 42.9485L35.9792 43.0965C36.0358 43.054 36.0899 43.0046 36.1412 42.9485ZM30.792 42.2122L30.8666 42.0991C30.8385 42.1362 30.8137 42.1739 30.792 42.2122ZM30.781 23.6651L30.8666 23.5533C30.8341 23.5899 30.8056 23.6271 30.781 23.6651Z",fill:"#B1B1B1",fillOpacity:"0.35"})]}),l("defs",{children:i("filter",{id:"filter0_d_384_200",x:"0",y:"0",width:"83.2157",height:"66.0359",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[l("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),l("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),l("feOffset",{}),l("feGaussianBlur",{stdDeviation:"2"}),l("feComposite",{in2:"hardAlpha",operator:"out"}),l("feColorMatrix",{type:"matrix",values:"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.12 0"}),l("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_384_200"}),l("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_384_200",result:"shape"})]})})]}),CloseModal:({size:e=20})=>i("svg",{width:"64",height:"59",viewBox:"0 0 64 59",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[l("g",{filter:"url(#filter0_ddiiii_1090_137)",children:l("path",{d:"M38.0746 29.1775C38.082 28.8595 38.1965 28.5802 38.4198 28.3397L52.2161 13.4453C52.4471 13.1551 52.5626 12.8442 52.5626 12.5125C52.5626 12.2016 52.4366 11.9217 52.1846 11.6729C51.9326 11.4242 51.6281 11.2998 51.2711 11.2998L43.7115 11.2998C43.1446 11.2998 42.6616 11.5071 42.2626 11.9217L32.8761 22.0586C32.6031 22.3281 32.2777 22.4628 31.8997 22.4628C31.5217 22.4628 31.2067 22.3281 30.9547 22.0586L21.5367 11.9217C21.1588 11.5071 20.6863 11.2998 20.1193 11.2998H12.5912C12.2343 11.2998 11.9298 11.4242 11.6778 11.6729C11.4258 11.9424 11.2998 12.2326 11.2998 12.5436C11.2998 12.8545 11.4153 13.1551 11.6463 13.4453L25.474 28.2775C25.705 28.5263 25.8205 28.8165 25.8205 29.1482C25.8205 29.1691 25.8201 29.1898 25.8191 29.2104C25.8117 29.5284 25.6972 29.8076 25.4739 30.0481L11.6777 44.9425C11.4467 45.2327 11.3312 45.5437 11.3312 45.8753C11.3312 46.1863 11.4572 46.4661 11.7091 46.7149C11.9611 46.9637 12.2656 47.088 12.6226 47.088H20.1822C20.7492 47.088 21.2321 46.8807 21.6311 46.4661L31.0176 36.3293C31.2906 36.0598 31.6161 35.925 31.994 35.925C32.372 35.925 32.687 36.0598 32.939 36.3293L42.357 46.4661C42.735 46.8807 43.2074 47.088 43.7744 47.088H51.3025C51.6595 47.088 51.964 46.9637 52.2159 46.7149C52.4679 46.4454 52.5939 46.1552 52.5939 45.8442C52.5939 45.5333 52.4784 45.2327 52.2474 44.9425L38.4197 30.1103C38.1887 29.8615 38.0732 29.5713 38.0732 29.2397C38.0732 29.2188 38.0737 29.198 38.0746 29.1775Z",fill:"white"})}),l("defs",{children:i("filter",{id:"filter0_ddiiii_1090_137",x:"-0.000195503",y:"-8.7002",width:"63.8939",height:"138.788",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[l("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),l("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),l("feOffset",{dy:"3"}),l("feGaussianBlur",{stdDeviation:"3.5"}),l("feComposite",{in2:"hardAlpha",operator:"out"}),l("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0"}),l("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_1090_137"}),l("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),l("feOffset",{}),l("feGaussianBlur",{stdDeviation:"5.65"}),l("feComposite",{in2:"hardAlpha",operator:"out"}),l("feColorMatrix",{type:"matrix",values:"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"}),l("feBlend",{mode:"normal",in2:"effect1_dropShadow_1090_137",result:"effect2_dropShadow_1090_137"}),l("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_1090_137",result:"shape"}),l("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),l("feOffset",{}),l("feGaussianBlur",{stdDeviation:"12"}),l("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),l("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.470588 0 0 0 0 0.470588 0 0 0 0 0.470588 0 0 0 0.03 0"}),l("feBlend",{mode:"normal",in2:"shape",result:"effect3_innerShadow_1090_137"}),l("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),l("feOffset",{dy:"-20"}),l("feGaussianBlur",{stdDeviation:"23.65"}),l("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),l("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}),l("feBlend",{mode:"normal",in2:"effect3_innerShadow_1090_137",result:"effect4_innerShadow_1090_137"}),l("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),l("feOffset",{dy:"83"}),l("feGaussianBlur",{stdDeviation:"59.5"}),l("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),l("feColorMatrix",{type:"matrix",values:"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"}),l("feBlend",{mode:"normal",in2:"effect4_innerShadow_1090_137",result:"effect5_innerShadow_1090_137"}),l("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),l("feOffset",{dy:"24"}),l("feGaussianBlur",{stdDeviation:"10.5"}),l("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),l("feColorMatrix",{type:"matrix",values:"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.24 0"}),l("feBlend",{mode:"normal",in2:"effect5_innerShadow_1090_137",result:"effect6_innerShadow_1090_137"})]})})]}),Alert:({size:e=20})=>l("svg",{width:"9",height:"43",viewBox:"0 0 9 43",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("path",{d:"M6.83395 30.7472C6.81489 31.0607 6.69101 31.3253 6.46231 31.5408C6.25267 31.7564 5.98585 31.8642 5.66186 31.8642H2.77451C2.45051 31.8642 2.17417 31.7564 1.94546 31.5408C1.73582 31.3253 1.62147 31.0607 1.60241 30.7472L0.00150461 1.91067C-0.0175538 1.38156 0.144443 0.930841 0.487495 0.558505C0.830546 0.186168 1.25936 0 1.77394 0H6.66243C7.177 0 7.60582 0.186168 7.94887 0.558505C8.29192 0.930841 8.45392 1.38156 8.43486 1.91067L6.83395 30.7472ZM7.94887 38.3899C7.94887 38.919 7.84405 39.4187 7.63441 39.889C7.44382 40.3397 7.177 40.7415 6.83395 41.0942C6.50996 41.4273 6.11926 41.6919 5.66186 41.8879C5.22351 42.0838 4.75658 42.1818 4.26106 42.1818C3.74649 42.1818 3.2605 42.0838 2.80309 41.8879C2.36475 41.6919 1.97405 41.4273 1.631 41.0942C1.30701 40.7415 1.04972 40.3397 0.859134 39.889C0.66855 39.4187 0.573257 38.919 0.573257 38.3899C0.573257 37.8803 0.66855 37.4002 0.859134 36.9495C1.04972 36.4792 1.30701 36.0775 1.631 35.7443C1.97405 35.3916 2.36475 35.1172 2.80309 34.9213C3.2605 34.7057 3.74649 34.5979 4.26106 34.5979C4.75658 34.5979 5.22351 34.7057 5.66186 34.9213C6.11926 35.1172 6.50996 35.3916 6.83395 35.7443C7.177 36.0775 7.44382 36.4792 7.63441 36.9495C7.84405 37.4002 7.94887 37.8803 7.94887 38.3899Z",fill:"black"})}),ChevronIconAccordion:({className:e})=>i("svg",{width:"27",height:"17",viewBox:"0 0 27 17",className:e,xmlns:"http://www.w3.org/2000/svg",children:[l("path",{d:"M11.8711 0.921651C12.8635 -0.13305 14.4725 -0.13305 15.4649 0.921651L26.2557 12.3896C27.2481 13.4443 27.2481 15.1543 26.2557 16.209C25.2633 17.2637 23.6542 17.2637 22.6618 16.209L11.8711 4.74106C10.8786 3.68636 10.8786 1.97635 11.8711 0.921651Z",fill:"currentColor"}),l("path",{d:"M15.1289 0.791026C16.1214 1.84573 16.1214 3.55574 15.1289 4.61044L4.3382 16.0783C3.34577 17.133 1.73674 17.133 0.744315 16.0783C-0.248107 15.0236 -0.248107 13.3136 0.744316 12.2589L11.5351 0.791024C12.5275 -0.263676 14.1365 -0.263675 15.1289 0.791026Z",fill:"currentColor"})]}),MockIcon:()=>l("svg",{width:"23",height:"104",viewBox:"0 0 23 104",xmlns:"http://www.w3.org/2000/svg",children:l("path",{d:"M18.6314 75.8077C18.5794 76.5807 18.2417 77.233 17.6182 77.7645C17.0466 78.2959 16.3192 78.5617 15.4359 78.5617H7.56412C6.68082 78.5617 5.92741 78.2959 5.30391 77.7645C4.73236 77.233 4.4206 76.5807 4.36865 75.8077L0.00410201 4.7108C-0.0478568 3.40627 0.393793 2.29501 1.32905 1.377C2.26431 0.459001 3.43339 0 4.83628 0H18.1637C19.5666 0 20.7357 0.459001 21.6709 1.377C22.6062 2.29501 23.0479 3.40627 22.9959 4.7108L18.6314 75.8077ZM21.6709 94.6509C21.6709 95.9554 21.3852 97.1875 20.8136 98.347C20.294 99.4583 19.5666 100.449 18.6314 101.318C17.7481 102.14 16.6829 102.792 15.4359 103.275C14.2408 103.758 12.9678 104 11.6169 104C10.214 104 8.88907 103.758 7.64205 103.275C6.447 102.792 5.38184 102.14 4.44658 101.318C3.56328 100.449 2.86184 99.4583 2.34225 98.347C1.82266 97.1875 1.56287 95.9554 1.56287 94.6509C1.56287 93.3947 1.82266 92.2109 2.34225 91.0997C2.86184 89.9401 3.56328 88.9496 4.44658 88.1282C5.38184 87.2585 6.447 86.5821 7.64205 86.099C8.88907 85.5675 10.214 85.3017 11.6169 85.3017C12.9678 85.3017 14.2408 85.5675 15.4359 86.099C16.6829 86.5821 17.7481 87.2585 18.6314 88.1282C19.5666 88.9496 20.294 89.9401 20.8136 91.0997C21.3852 92.2109 21.6709 93.3947 21.6709 94.6509Z"})}),SearchIcon:()=>l("svg",{width:"31",height:"41",viewBox:"0 0 61 71",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M46.7961 39.6934C42.8262 46.6658 35.1422 50.108 27.7414 48.9337L23.923 55.6402C21.9768 59.0585 17.7936 60.3044 14.5798 58.4228C11.366 56.5413 10.3384 52.2448 12.2847 48.8265L16.1031 42.12C11.3998 36.2079 10.4975 27.7389 14.4673 20.7664C19.6215 11.7138 31.0369 8.61216 39.9642 13.8387C48.8915 19.0652 51.9502 30.6408 46.7961 39.6934ZM35.678 21.3668C40.5054 24.1929 42.1593 30.4519 39.3722 35.3471C36.5851 40.2422 30.4127 41.9193 25.5854 39.0931C20.758 36.2669 19.1041 30.0079 21.8912 25.1128C24.6783 20.2176 30.8507 18.5406 35.678 21.3668Z",fill:"black"})}),Checkbox:()=>l("svg",{width:"78",height:"64",viewBox:"0 0 78 64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("path",{d:"M52.8096 13.586L33.1164 33.0357C32.9216 33.228 32.6084 33.228 32.4137 33.0357L24.7903 25.5066C21.7042 22.4587 16.7007 22.4587 13.6146 25.5066C10.5285 28.5545 10.5285 33.4962 13.6146 36.5442L27.2532 50.0141C30.3393 53.062 35.3428 53.062 38.4289 50.0141L38.4627 49.9806L63.9854 24.6236C67.0715 21.5756 67.0715 16.6339 63.9854 13.586C60.8993 10.5381 55.8958 10.5381 52.8096 13.586Z",fill:"currentColor"})})},T=e.forwardRef(({variant:e="white",title:a,children:s,open:c,defaultOpen:m=!1,onChange:u,className:p="",style:h,...y},_)=>{const f=void 0!==c,[g,b]=o(f?c:m),k=f?c:g,x=t(null),C=t(null),S=t(null),B=t(null),N=r(),L=r(),M=r(),A=t({x:0,y:0,hover:0,click:0}),R=t({x:0,y:0,hover:0,click:0}),T=t({x:0,y:0,hover:0,click:0}),E=(e=>{switch(e){case"white":case"anodized":return"black";default:return"white"}})(e),$=(e=>"black"===e?"dark-gray":e)(e);n(()=>{"undefined"!=typeof window&&window.forceWebGLRender&&window.forceWebGLRender(350,!0)},[k]),n(()=>{v(N,{id:N,type:"accordion-header",ref:C,mouse:A.current,payload:{variant:e},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:20}}),v(L,{id:L,type:"accordion-body",ref:S,mouse:R.current,payload:{variant:$},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:20}}),v(M,{id:M,type:"accordion-icon",ref:B,mouse:T.current,payload:{variant:E},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:15}});const o=x.current;let t=null;return o&&(t=new ResizeObserver(()=>{"undefined"!=typeof window&&window.forceWebGLRender&&window.forceWebGLRender(150,!0)}),t.observe(o)),()=>{t&&t.disconnect(),w(N),w(L),w(M)}},[N,L,M,e,$,E]);const I=d(e=>{x.current=e,"function"==typeof _?_(e):_&&(_.current=e)},[_]);return i("div",{ref:I,className:[P["mds-accordion"],P[`mds-accordion--${e}`],p].filter(Boolean).join(" "),style:h,onPointerMove:e=>{if(C.current){const o=C.current.getBoundingClientRect();A.current.x=e.clientX-o.left,A.current.y=e.clientY-o.top}if(S.current){const o=S.current.getBoundingClientRect();R.current.x=e.clientX-o.left,R.current.y=e.clientY-o.top}if(B.current){const o=B.current.getBoundingClientRect();T.current.x=e.clientX-o.left,T.current.y=e.clientY-o.top}},onPointerEnter:()=>{R.current.hover=1},onPointerLeave:()=>{R.current.hover=0},...y,children:[l("div",{ref:S,className:[P["mds-accordion-body-bg"],P[`mds-accordion-body-bg--${$}`]].join(" ")}),i("button",{ref:C,type:"button",className:P["mds-accordion-header"],onClick:()=>{const e=!k;f||b(e),u&&u(e)},onPointerEnter:()=>{A.current.hover=1,T.current.hover=1},onPointerLeave:()=>{A.current.hover=0,T.current.hover=0,T.current.click=0},onPointerDown:()=>{T.current.click=1},onPointerUp:()=>{T.current.click=0},"aria-expanded":k,children:[l("span",{className:P["mds-accordion-title"],children:a}),l("div",{ref:B,className:[P["mds-accordion-icon-box"],P[`mds-accordion-icon-box--${E}`]].join(" "),children:l(z.ChevronIconAccordion,{className:[P["mds-accordion-chevron"],k&&P["mds-accordion-chevron--open"]].filter(Boolean).join(" ")})})]}),l("div",{className:[P["mds-accordion-content-grid"],k&&P["mds-accordion-content-grid--open"]].filter(Boolean).join(" "),children:l("div",{className:P["mds-accordion-content-inner"],children:l("div",{className:P["mds-accordion-content"],children:s})})})]})}),E={"mds-alert-wrapper":"Alert_module_mds-alert-wrapper","mds-alert-wrapper--open":"Alert_module_mds-alert-wrapper--open","mds-alert":"Alert_module_mds-alert","mds-alert--white":"Alert_module_mds-alert--white","mds-alert--black":"Alert_module_mds-alert--black","mds-alert--anodized":"Alert_module_mds-alert--anodized","mds-alert-icon":"Alert_module_mds-alert-icon","mds-alert-icon--white":"Alert_module_mds-alert-icon--white","mds-alert-icon--black":"Alert_module_mds-alert-icon--black","mds-alert-icon--anodized":"Alert_module_mds-alert-icon--anodized","mds-alert-text":"Alert_module_mds-alert-text"},$=e.forwardRef(({variant:e="white",open:a,message:s,icon:c,className:m="",style:u,...p},h)=>{const y=t(null),_=t(null),f=r(),g=r(),[b,k]=o(a),[x,C]=o(!1);n(()=>{a?(k(!0),requestAnimationFrame(()=>requestAnimationFrame(()=>C(!0)))):C(!1)},[a]);const S=(e=>"black"===e?"anodized":"black")(e);n(()=>(b&&(v(f,{id:f,type:"alert",ref:y,mouse:{x:0,y:0,hover:0,click:0},payload:{variant:e},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:20}}),c&&v(g,{id:g,type:"alert",ref:_,mouse:{x:0,y:0,hover:0,click:0},payload:{variant:S},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:20}})),()=>{w(f),w(g)}),[b,f,g,e,S,c]);const B=d(e=>{y.current=e,"function"==typeof h?h(e):h&&(h.current=e)},[h]);return b?l("div",{className:[E["mds-alert-wrapper"],"gl-fade",x&&E["mds-alert-wrapper--open"]].filter(Boolean).join(" "),onTransitionEnd:()=>{a||x||k(!1)},children:i("div",{ref:B,className:[E["mds-alert"],E[`mds-alert--${e}`],m].filter(Boolean).join(" "),style:u,...p,children:[c&&l("div",{ref:_,className:[E["mds-alert-icon"],E[`mds-alert-icon--${S}`]].join(" "),children:c}),l("span",{className:E["mds-alert-text"],children:s})]})}):null}),I={"mds-autocomplete":"Autocomplete_module_mds-autocomplete","mds-autocomplete--white":"Autocomplete_module_mds-autocomplete--white","mds-autocomplete--black":"Autocomplete_module_mds-autocomplete--black","mds-autocomplete--anodized":"Autocomplete_module_mds-autocomplete--anodized","mds-autocomplete-body-bg":"Autocomplete_module_mds-autocomplete-body-bg","mds-autocomplete-header":"Autocomplete_module_mds-autocomplete-header","mds-autocomplete-input":"Autocomplete_module_mds-autocomplete-input","mds-autocomplete-icon-box":"Autocomplete_module_mds-autocomplete-icon-box","mds-autocomplete-chevron":"Autocomplete_module_mds-autocomplete-chevron","mds-autocomplete-chevron--open":"Autocomplete_module_mds-autocomplete-chevron--open","mds-autocomplete-content-grid":"Autocomplete_module_mds-autocomplete-content-grid","mds-autocomplete-content-grid--open":"Autocomplete_module_mds-autocomplete-content-grid--open","mds-autocomplete-content-inner":"Autocomplete_module_mds-autocomplete-content-inner","mds-autocomplete-content":"Autocomplete_module_mds-autocomplete-content","mds-autocomplete-item":"Autocomplete_module_mds-autocomplete-item","mds-autocomplete-item-box":"Autocomplete_module_mds-autocomplete-item-box","mds-autocomplete-item-box--black":"Autocomplete_module_mds-autocomplete-item-box--black","mds-autocomplete-item-box--anodized":"Autocomplete_module_mds-autocomplete-item-box--anodized","mds-autocomplete-body-bg--dark-gray":"Autocomplete_module_mds-autocomplete-body-bg--dark-gray","mds-autocomplete-body-bg--anodized":"Autocomplete_module_mds-autocomplete-body-bg--anodized","mds-autocomplete-body-bg--white":"Autocomplete_module_mds-autocomplete-body-bg--white"},G=e.forwardRef(({variant:e="white",options:a=[],value:s,defaultValue:c="",placeholder:m,onChangeValue:u,onSelectOption:p,open:h,defaultOpen:y=!1,onChange:_,className:f="",style:g,...b},k)=>{const x=void 0!==h,[C,S]=o(x?h:y),B=x?h:C,N=void 0!==s,[L,M]=o(N?s:c),A=N?s:L,R=t(null),P=t(null),T=t(null),E=t(null),$=r(),G=r(),F=r(),U=t({x:0,y:0,hover:0,click:0}),j=t({x:0,y:0,hover:0,click:0}),O=t({x:0,y:0,hover:0,click:0}),D=(e=>{switch(e){case"white":case"anodized":return"black";default:return"white"}})(e),Z=(e=>"black"===e?"anodized":"black")(e),W=(e=>"black"===e?"dark-gray":e)(e),X=a.filter(e=>e.label.toLowerCase().includes(A.toLowerCase()));n(()=>{const e=e=>{R.current&&!R.current.contains(e.target)&&B&&(x||S(!1),_&&_(!1))};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}},[B,x,_]);n(()=>{"undefined"!=typeof window&&window.forceWebGLRender&&window.forceWebGLRender(350,!0)},[B]),n(()=>{v($,{id:$,type:"autocomplete-header",ref:P,mouse:U.current,payload:{variant:e},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:20}}),v(G,{id:G,type:"autocomplete-body",ref:T,mouse:j.current,payload:{variant:W},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:20}}),v(F,{id:F,type:"autocomplete-icon",ref:E,mouse:O.current,payload:{variant:D},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:15}});const o=R.current;let t=null;return o&&(t=new ResizeObserver(()=>{"undefined"!=typeof window&&window.forceWebGLRender&&window.forceWebGLRender(150,!0)}),t.observe(o)),()=>{t&&t.disconnect(),w($),w(G),w(F)}},[$,G,F,e,W,D]);const Y=d(e=>{R.current=e,"function"==typeof k?k(e):k&&(k.current=e)},[k]);return i("div",{ref:Y,className:[I["mds-autocomplete"],I[`mds-autocomplete--${e}`],f].filter(Boolean).join(" "),style:g,onPointerMove:e=>{if(P.current){const o=P.current.getBoundingClientRect();U.current.x=e.clientX-o.left,U.current.y=e.clientY-o.top}if(T.current){const o=T.current.getBoundingClientRect();j.current.x=e.clientX-o.left,j.current.y=e.clientY-o.top}if(E.current){const o=E.current.getBoundingClientRect();O.current.x=e.clientX-o.left,O.current.y=e.clientY-o.top}},onPointerEnter:()=>{j.current.hover=1},onPointerLeave:()=>{j.current.hover=0},...b,children:[l("div",{ref:T,className:[I["mds-autocomplete-body-bg"],I[`mds-autocomplete-body-bg--${W}`]].join(" ")}),i("div",{ref:P,className:I["mds-autocomplete-header"],onPointerEnter:()=>{U.current.hover=1,O.current.hover=1},onPointerLeave:()=>{U.current.hover=0,O.current.hover=0,O.current.click=0},children:[l("input",{type:"text",className:I["mds-autocomplete-input"],value:A,onChange:e=>{const o=e.target.value;N||M(o),u&&u(o),B||(x||S(!0),_&&_(!0))},onClick:()=>{B||(x||S(!0),_&&_(!0))},placeholder:m,"aria-expanded":B}),l("div",{ref:E,className:[I["mds-autocomplete-icon-box"],I[`mds-autocomplete-icon-box--${D}`]].join(" "),onClick:()=>{const e=!B;x||S(e),_&&_(e)},onPointerDown:()=>{O.current.click=1},onPointerUp:()=>{O.current.click=0},children:l(z.ChevronIconAccordion,{className:[I["mds-autocomplete-chevron"],B&&I["mds-autocomplete-chevron--open"]].filter(Boolean).join(" ")})})]}),l("div",{className:[I["mds-autocomplete-content-grid"],B&&I["mds-autocomplete-content-grid--open"]].filter(Boolean).join(" "),children:l("div",{className:I["mds-autocomplete-content-inner"],children:l("div",{className:I["mds-autocomplete-content"],children:X.length>0?X.map(e=>i("div",{className:I["mds-autocomplete-item"],onClick:()=>(e=>{p&&p(e),N||M(e.label),u&&u(e.label),x||S(!1),_&&_(!1)})(e),children:[l("div",{className:[I["mds-autocomplete-item-box"],I[`mds-autocomplete-item-box--${Z}`]].join(" ")}),l("span",{children:e.label})]},e.id)):l("div",{className:I["mds-autocomplete-item"],style:{opacity:.5,cursor:"default"},children:l("span",{children:"Nothing found"})})})})})," "]})}),F={"mds-avatar":"Avatar_module_mds-avatar","mds-avatar--white":"Avatar_module_mds-avatar--white","mds-avatar--black":"Avatar_module_mds-avatar--black","mds-avatar--anodized":"Avatar_module_mds-avatar--anodized","mds-avatar__image":"Avatar_module_mds-avatar__image","mds-avatar__placeholder":"Avatar_module_mds-avatar__placeholder","mds-avatar__head":"Avatar_module_mds-avatar__head","mds-avatar__body":"Avatar_module_mds-avatar__body"},U=({variant:e="white",src:o,alt:a="User Avatar",className:s="",...c})=>{const m=t(null),u=r(),p=t({x:0,y:0,hover:0,click:0}),h=d(e=>{if(!m.current)return;const o=m.current.getBoundingClientRect();p.current.x=e.clientX-o.left,p.current.y=e.clientY-o.top},[]);return n(()=>(v(u,{id:u,type:"button",ref:m,mouse:p.current,payload:{variant:e,disabled:!1},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:16}}),()=>{w(u)}),[u,e]),l("div",{ref:m,className:[F["mds-avatar"],F[`mds-avatar--${e}`],s].filter(Boolean).join(" "),onPointerMove:h,onPointerEnter:()=>{p.current.hover=1},onPointerLeave:()=>{p.current.hover=0,p.current.click=0},onPointerDown:()=>{p.current.click=1},onPointerUp:()=>{p.current.click=0},...c,children:o?l("img",{className:F["mds-avatar__image"],src:o,alt:a}):i("div",{className:F["mds-avatar__placeholder"],children:[l("div",{className:F["mds-avatar__head"]}),l("div",{className:F["mds-avatar__body"]})]})})},j={"mds-badge-container":"Badge_module_mds-badge-container","mds-badge-target":"Badge_module_mds-badge-target","mds-badge":"Badge_module_mds-badge","mds-badge--black":"Badge_module_mds-badge--black","mds-badge--white":"Badge_module_mds-badge--white","mds-badge--anodized":"Badge_module_mds-badge--anodized","mds-badge-content":"Badge_module_mds-badge-content"},O=e.forwardRef(({variant:e="black",content:o,children:a,className:s="",...c},m)=>{const u=t(null),p=t(null),h=r(),y=t({x:0,y:0,hover:0,click:0}),_=d(e=>{if(!p.current)return;const o=p.current.getBoundingClientRect();y.current.x=e.clientX-o.left,y.current.y=e.clientY-o.top},[]);n(()=>(v(h,{id:h,type:"badge",ref:p,mouse:y.current,payload:{variant:e},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:14}}),()=>{w(h)}),[h,e]);const f=d(e=>{u.current=e,"function"==typeof m?m(e):m&&(m.current=e)},[m]);return i("div",{ref:f,className:[j["mds-badge-container"],s].filter(Boolean).join(" "),...c,children:[l("div",{className:j["mds-badge-target"],children:a}),l("div",{ref:p,className:[j["mds-badge"],j[`mds-badge--${e}`]].join(" "),onPointerMove:_,onPointerEnter:()=>{y.current.hover=1},onPointerLeave:()=>{y.current.hover=0,y.current.click=0},children:l("div",{className:j["mds-badge-content"],children:o})})]})}),D={"mds-box":"Box_module_mds-box","mds-box--white":"Box_module_mds-box--white","mds-box--black":"Box_module_mds-box--black","mds-box--anodized":"Box_module_mds-box--anodized","mds-box--dark-gray":"Box_module_mds-box--dark-gray","mds-box--disabled":"Box_module_mds-box--disabled","mds-box-content":"Box_module_mds-box-content"},Z=e.forwardRef(({variant:e="white",disabled:o=!1,className:a="",children:i,...s},c)=>{const m=t(null),u=r(),p=t({x:0,y:0,hover:0,click:0}),h=d(e=>{if(!m.current)return;const o=m.current.getBoundingClientRect();p.current.x=e.clientX-o.left,p.current.y=e.clientY-o.top},[]);n(()=>(v(u,{id:u,type:"box",ref:m,mouse:p.current,payload:{variant:e,disabled:o},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:20}}),()=>{w(u)}),[u,e,o]);const y=d(e=>{m.current=e,"function"==typeof c?c(e):c&&(c.current=e)},[c]);return l("div",{ref:y,className:[D["mds-box"],o?D["mds-box--disabled"]:D[`mds-box--${e}`],a].filter(Boolean).join(" "),onPointerMove:h,onPointerEnter:()=>{p.current.hover=1},onPointerLeave:()=>{p.current.hover=0,p.current.click=0},onPointerDown:()=>{p.current.click=1},onPointerUp:()=>{p.current.click=0},...s,children:l("div",{className:D["mds-box-content"],children:i})})}),W={"mds-button":"Button_module_mds-button","mds-button--white":"Button_module_mds-button--white","mds-button--black":"Button_module_mds-button--black","mds-button--anodized":"Button_module_mds-button--anodized","mds-button--dark-gray":"Button_module_mds-button--dark-gray","mds-button--disabled":"Button_module_mds-button--disabled","mds-button--sm":"Button_module_mds-button--sm","mds-button--lg":"Button_module_mds-button--lg","mds-button-text":"Button_module_mds-button-text"},X=e.forwardRef(({variant:e="white",size:o="md",radius:a,className:i="",disabled:s,children:c,...m},u)=>{const p=t(null),h=r(),y=t({x:0,y:0,hover:0,click:0}),_=void 0!==a?a:"sm"===o||"lg"===o?32:20,f=d(e=>{if(!p.current||s)return;const o=p.current.getBoundingClientRect();y.current.x=e.clientX-o.left,y.current.y=e.clientY-o.top},[s]);n(()=>(v(h,{id:h,type:"button",ref:p,mouse:y.current,payload:{variant:e,disabled:!!s},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:_}}),()=>{w(h)}),[h,e,s]);const g=d(e=>{p.current=e,"function"==typeof u?u(e):u&&(u.current=e)},[u]);return l("button",{ref:g,disabled:s,className:[W["mds-button"],s?W["mds-button--disabled"]:W[`mds-button--${e}`],"md"!==o&&W[`mds-button--${o}`],i].filter(Boolean).join(" "),onPointerMove:f,onPointerEnter:()=>{y.current.hover=1},onPointerLeave:()=>{y.current.hover=0,y.current.click=0},onPointerDown:()=>{y.current.click=1},onPointerUp:()=>{y.current.click=0},...m,children:l("span",{className:W["mds-button-text"],children:c})})}),Y={"mds-button-group":"ButtonGroup_module_mds-button-group","mds-button-group--white":"ButtonGroup_module_mds-button-group--white","mds-button-group--black":"ButtonGroup_module_mds-button-group--black","mds-button-group--anodized":"ButtonGroup_module_mds-button-group--anodized","mds-button-group--dark-gray":"ButtonGroup_module_mds-button-group--dark-gray","mds-button-group__cell":"ButtonGroup_module_mds-button-group__cell","mds-button-group__item":"ButtonGroup_module_mds-button-group__item","mds-button-group__separator":"ButtonGroup_module_mds-button-group__separator","mds-button-group__active":"ButtonGroup_module_mds-button-group__active"},H=e.forwardRef(({variant:e="white",labels:o,activeLabel:t,onSelect:r,className:n="",...d},a)=>{const s=(e,o)=>1===o?20:0===e?[20,0,0,20]:e===o-1?[0,20,20,0]:0;return l("div",{ref:a,className:[Y["mds-button-group"],Y[`mds-button-group--${e}`],n].filter(Boolean).join(" "),...d,children:o.map((n,d)=>{const a=t===n;return i("div",{className:Y["mds-button-group__cell"],children:[l(X,{variant:e,radius:s(d,o.length),className:[Y["mds-button-group__item"],a?Y["mds-button-group__active"]:""].filter(Boolean).join(" "),onClick:()=>r&&r(n),children:n}),d<o.length-1&&l("div",{className:Y["mds-button-group__separator"]})]},n)})})}),q={"mds-card":"Card_module_mds-card","mds-card--white":"Card_module_mds-card--white","mds-card--black":"Card_module_mds-card--black","mds-card--dark-gray":"Card_module_mds-card--dark-gray","mds-card--anodized":"Card_module_mds-card--anodized","mds-card--disabled":"Card_module_mds-card--disabled","mds-card-content":"Card_module_mds-card-content"},V=e.forwardRef(({variant:e="white",disabled:o=!1,className:a="",children:i,...s},c)=>{const m=t(null),u=r(),p=t({x:0,y:0,hover:0,click:0}),h=d(e=>{if(!m.current)return;const o=m.current.getBoundingClientRect();p.current.x=e.clientX-o.left,p.current.y=e.clientY-o.top},[]);n(()=>(v(u,{id:u,type:"card",ref:m,mouse:p.current,payload:{variant:e,disabled:o},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:20}}),()=>{w(u)}),[u,e,o]);const y=d(e=>{m.current=e,"function"==typeof c?c(e):c&&(c.current=e)},[c]);return l("div",{ref:y,className:[q["mds-card"],o?q["mds-card--disabled"]:q[`mds-card--${e}`],a].filter(Boolean).join(" "),onPointerMove:h,onPointerEnter:()=>{p.current.hover=1},onPointerLeave:()=>{p.current.hover=0,p.current.click=0},onPointerDown:()=>{p.current.click=1},onPointerUp:()=>{p.current.click=0},...s,children:l("div",{className:q["mds-card-content"],children:i})})}),K={"mds-checkbox-wrapper":"Checkbox_module_mds-checkbox-wrapper","mds-checkbox-input":"Checkbox_module_mds-checkbox-input","mds-checkbox-visual":"Checkbox_module_mds-checkbox-visual","mds-checkbox-visual--black":"Checkbox_module_mds-checkbox-visual--black","mds-checkbox-visual--white":"Checkbox_module_mds-checkbox-visual--white"},J=e.forwardRef(({variant:e="black",className:o="",...t},r)=>i("label",{className:[K["mds-checkbox-wrapper"],o].filter(Boolean).join(" "),children:[l("input",{ref:r,type:"checkbox",className:K["mds-checkbox-input"],...t}),l("span",{className:`${K["mds-checkbox-visual"]} ${K[`mds-checkbox-visual--${e}`]}`,children:l(z.Checkbox,{})})]})),Q={"mds-chip":"Chip_module_mds-chip","mds-chip--white":"Chip_module_mds-chip--white","mds-chip--black":"Chip_module_mds-chip--black","mds-chip--anodized":"Chip_module_mds-chip--anodized","mds-chip-text":"Chip_module_mds-chip-text","mds-chip--disabled":"Chip_module_mds-chip--disabled"},ee=e.forwardRef(({variant:e="white",className:o="",disabled:a,children:i,...s},c)=>{const m=t(null),u=r(),p=t({x:0,y:0,hover:0,click:0}),h=d(e=>{if(!m.current||a)return;const o=m.current.getBoundingClientRect();p.current.x=e.clientX-o.left,p.current.y=e.clientY-o.top},[a]);n(()=>(v(u,{id:u,type:"chip",ref:m,mouse:p.current,payload:{variant:e,disabled:!!a},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:9999}}),()=>{w(u)}),[u,e,a]);const y=d(e=>{m.current=e,"function"==typeof c?c(e):c&&(c.current=e)},[c]);return l("button",{ref:y,disabled:a,className:[Q["mds-chip"],a?Q["mds-chip--disabled"]:Q[`mds-chip--${e}`],o].filter(Boolean).join(" "),onPointerMove:h,onPointerEnter:()=>{p.current.hover=1},onPointerLeave:()=>{p.current.hover=0,p.current.click=0},onPointerDown:()=>{p.current.click=1},onPointerUp:()=>{p.current.click=0},...s,children:l("span",{className:Q["mds-chip-text"],children:i})})}),oe={"mds-divider":"Divider_module_mds-divider"},te=({className:e="",style:o,margin:t,...r})=>{const n={...o,...t?{margin:t}:{}};return l("div",{className:[oe["mds-divider"],e].filter(Boolean).join(" "),style:n,...r})},re={"mds-grid":"Grid_module_mds-grid","mds-grid--white":"Grid_module_mds-grid--white","mds-grid--black":"Grid_module_mds-grid--black","mds-grid--anodized":"Grid_module_mds-grid--anodized","mds-grid--disabled":"Grid_module_mds-grid--disabled"},ne=e.forwardRef(({variant:e="white",disabled:o=!1,className:a="",children:i,...s},c)=>{const m=t(null),u=r(),p=t({x:0,y:0,hover:0,click:0}),h=d(e=>{if(!m.current)return;const o=m.current.getBoundingClientRect();p.current.x=e.clientX-o.left,p.current.y=e.clientY-o.top},[]);n(()=>(v(u,{id:u,type:"grid",ref:m,mouse:p.current,payload:{variant:e,disabled:o},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:20}}),()=>{w(u)}),[u,e,o]);const y=d(e=>{m.current=e,"function"==typeof c?c(e):c&&(c.current=e)},[c]);return l("div",{ref:y,className:[re["mds-grid"],o?re["mds-grid--disabled"]:re[`mds-grid--${e}`],a].filter(Boolean).join(" "),onPointerMove:h,onPointerEnter:()=>{p.current.hover=1},onPointerLeave:()=>{p.current.hover=0,p.current.click=0},onPointerDown:()=>{p.current.click=1},onPointerUp:()=>{p.current.click=0},...s,children:i})}),de=({src:e,alt:o,width:t="300px",height:r,className:n="",...d})=>l("div",{className:`mds-image-wrapper ${n}`,style:{width:t,height:r||"auto"},children:l("img",{src:e,alt:o,...d})}),ae={"mds-link":"Link_module_mds-link","mds-link--black-text":"Link_module_mds-link--black-text","mds-link--black-pill":"Link_module_mds-link--black-pill","mds-link--white-text":"Link_module_mds-link--white-text","mds-link--white-pill":"Link_module_mds-link--white-pill","mds-link-text":"Link_module_mds-link-text"},ie=e.forwardRef(({variant:e,className:o="",children:a,...i},s)=>{const c=t(null),m=r(),u=t({x:0,y:0,hover:0,click:0}),p="black-pill"===e||"white-pill"===e,h=d(e=>{if(!c.current||!p)return;const o=c.current.getBoundingClientRect();u.current.x=e.clientX-o.left,u.current.y=e.clientY-o.top},[p]);n(()=>{if(p)return v(m,{id:m,type:"link",ref:c,mouse:u.current,payload:{variant:e},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:9999}}),()=>{w(m)}},[m,e,p]);const y=d(e=>{c.current=e,"function"==typeof s?s(e):s&&(s.current=e)},[s]);return l("a",{ref:y,className:[ae["mds-link"],ae[`mds-link--${e}`],o].filter(Boolean).join(" "),onPointerMove:h,onPointerEnter:()=>{p&&(u.current.hover=1)},onPointerLeave:()=>{p&&(u.current.hover=0,u.current.click=0)},onPointerDown:()=>{p&&(u.current.click=1)},onPointerUp:()=>{p&&(u.current.click=0)},...i,children:l("span",{className:ae["mds-link-text"],children:a})})}),le={"mds-menu-btn":"Menu_module_mds-menu-btn","mds-menu-icon":"Menu_module_mds-menu-icon","mds-menu-line":"Menu_module_mds-menu-line","mds-menu-btn--black":"Menu_module_mds-menu-btn--black","mds-menu-btn--white":"Menu_module_mds-menu-btn--white"},se=e.forwardRef(({variant:e="black",className:o="",...t},r)=>l("button",{ref:r,className:[le["mds-menu-btn"],le[`mds-menu-btn--${e}`],o].filter(Boolean).join(" "),...t,children:i("div",{className:le["mds-menu-icon"],children:[l("span",{className:le["mds-menu-line"]}),l("span",{className:le["mds-menu-line"]}),l("span",{className:le["mds-menu-line"]})]})})),ce={"mds-modal-overlay":"Modal_module_mds-modal-overlay","mds-modal-overlay--open":"Modal_module_mds-modal-overlay--open","mds-modal-box":"Modal_module_mds-modal-box","mds-modal-box--open":"Modal_module_mds-modal-box--open","mds-modal-box--white":"Modal_module_mds-modal-box--white","mds-modal-box--black":"Modal_module_mds-modal-box--black","mds-modal-box--anodized":"Modal_module_mds-modal-box--anodized","mds-modal-content":"Modal_module_mds-modal-content"},me=({variant:e="white",open:d,onClose:a,children:i})=>{const s=t(null),c=r(),[m,u]=o(d),[p,h]=o(!1);n(()=>{d?(u(!0),requestAnimationFrame(()=>requestAnimationFrame(()=>h(!0)))):h(!1)},[d]);return n(()=>(m&&v(c,{id:c,type:"modal",ref:s,mouse:{x:0,y:0,hover:0,click:0},payload:{variant:e},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:24}}),()=>{w(c)}),[m,c,e]),m?l("div",{className:[ce["mds-modal-overlay"],p&&ce["mds-modal-overlay--open"]].filter(Boolean).join(" "),onMouseDown:a,onTransitionEnd:()=>{d||p||u(!1)},children:l("div",{ref:s,onMouseDown:e=>e.stopPropagation(),className:[ce["mds-modal-box"],"gl-fade",p&&ce["mds-modal-box--open"],ce[`mds-modal-box--${e}`]].filter(Boolean).join(" "),children:l("div",{className:ce["mds-modal-content"],children:i})})}):null},ue={"mds-progress":"Progress_module_mds-progress","mds-progress--white":"Progress_module_mds-progress--white","mds-progress--black":"Progress_module_mds-progress--black","mds-progress--anodized":"Progress_module_mds-progress--anodized","mds-progress--dark-gray":"Progress_module_mds-progress--dark-gray","mds-progress-inner":"Progress_module_mds-progress-inner"},pe=({variant:e="white",progress:o})=>{const d=t(null),a=t(null),i=r(),s=`${i}-inner`,c=Math.max(0,Math.min(100,o)),m=(e=>{switch(e){case"white":case"anodized":case"dark-gray":return"black";case"black":return"white";default:return e}})(e);return n(()=>{"undefined"!=typeof window&&window.forceWebGLRender&&window.forceWebGLRender(450,!0)},[o]),n(()=>(v(i,{id:i,type:"progress",ref:d,mouse:{x:0,y:0,hover:0,click:0},payload:{variant:e},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:9999}}),()=>{w(i)}),[i,e]),n(()=>(v(s,{id:s,type:"progress-inner",ref:a,mouse:{x:0,y:0,hover:0,click:0},payload:{variant:m},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:9999}}),()=>{w(s)}),[s,m]),l("div",{ref:d,className:[ue["mds-progress"],ue[`mds-progress--${e}`]].join(" "),children:l("div",{ref:a,className:ue["mds-progress-inner"],style:{width:`${c}%`}})})},he={"mds-radio-wrapper":"RadioGroup_module_mds-radio-wrapper","mds-radio-input":"RadioGroup_module_mds-radio-input","mds-radio-bg":"RadioGroup_module_mds-radio-bg","mds-radio-bg--white":"RadioGroup_module_mds-radio-bg--white","mds-radio-bg--black":"RadioGroup_module_mds-radio-bg--black","mds-radio-bg--anodized":"RadioGroup_module_mds-radio-bg--anodized","mds-radio-dot":"RadioGroup_module_mds-radio-dot"},ye=e.forwardRef(({variant:e="white",className:o="",...t},r)=>i("label",{className:[he["mds-radio-wrapper"],o].filter(Boolean).join(" "),children:[l("input",{ref:r,type:"radio",className:he["mds-radio-input"],...t}),l("div",{className:`${he["mds-radio-bg"]} ${he[`mds-radio-bg--${e}`]}`,children:l("div",{className:he["mds-radio-dot"]})})]}));ye.displayName="RadioButton";var _e={"mds-select":"Select_module_mds-select","mds-select--white":"Select_module_mds-select--white","mds-select--black":"Select_module_mds-select--black","mds-select--anodized":"Select_module_mds-select--anodized","mds-select-body-bg":"Select_module_mds-select-body-bg","mds-select-header":"Select_module_mds-select-header","mds-select-header-content":"Select_module_mds-select-header-content","mds-select-value":"Select_module_mds-select-value","mds-select-value--placeholder":"Select_module_mds-select-value--placeholder","mds-select-icon-box":"Select_module_mds-select-icon-box","mds-select-chevron":"Select_module_mds-select-chevron","mds-select-chevron--open":"Select_module_mds-select-chevron--open","mds-select-content-grid":"Select_module_mds-select-content-grid","mds-select-content-grid--open":"Select_module_mds-select-content-grid--open","mds-select-content-inner":"Select_module_mds-select-content-inner","mds-select-content":"Select_module_mds-select-content","mds-select-item":"Select_module_mds-select-item","mds-select-item-text--selected":"Select_module_mds-select-item-text--selected","mds-select-item-box":"Select_module_mds-select-item-box","mds-select-item-box--black":"Select_module_mds-select-item-box--black","mds-select-item-box--anodized":"Select_module_mds-select-item-box--anodized","mds-select-item-box--white":"Select_module_mds-select-item-box--white"},fe=(e,o)=>{if(o){if("black"===e)return"black";if("anodized"===e||"white"===e)return"white"}return"black"===e?"anodized":"black"},ge=e.forwardRef(({variant:e="white",options:a=[],value:s,defaultValue:c="",placeholder:m="Select option...",onChangeValue:u,onSelectOption:p,open:h,defaultOpen:y=!1,onChange:_,className:f="",style:g,...b},k)=>{const x=void 0!==h,[C,S]=o(x?h:y),B=x?h:C,N=void 0!==s,[L,M]=o(N?s:c),A=N?s:L,R=t(null),P=t(null),T=t(null),E=t(null),$=r(),I=r(),G=r(),F=t({x:0,y:0,hover:0,click:0}),U=t({x:0,y:0,hover:0,click:0}),j=t({x:0,y:0,hover:0,click:0}),O=(e=>{switch(e){case"white":case"anodized":return"black";default:return"white"}})(e),D=(e=>"black"===e?"dark-gray":e)(e),Z=a.find(e=>e.id===A||e.label===A);n(()=>{const e=e=>{R.current&&!R.current.contains(e.target)&&B&&(x||S(!1),_&&_(!1))};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}},[B,x,_]);n(()=>{"undefined"!=typeof window&&window.forceWebGLRender&&window.forceWebGLRender(350,!0)},[B]),n(()=>{v($,{id:$,type:"select-header",ref:P,mouse:F.current,payload:{variant:e},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:20}}),v(I,{id:I,type:"select-body",ref:T,mouse:U.current,payload:{variant:D},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:20}}),v(G,{id:G,type:"select-icon",ref:E,mouse:j.current,payload:{variant:O},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:15}});const o=R.current;let t=null;return o&&(t=new ResizeObserver(()=>{"undefined"!=typeof window&&window.forceWebGLRender&&window.forceWebGLRender(150,!0)}),t.observe(o)),()=>{t&&t.disconnect(),w($),w(I),w(G)}},[$,I,G,e,D,O]);const W=d(e=>{R.current=e,"function"==typeof k?k(e):k&&(k.current=e)},[k]);return i("div",{ref:W,className:[_e["mds-select"],_e[`mds-select--${e}`],f].filter(Boolean).join(" "),style:g,onPointerMove:e=>{if(P.current){const o=P.current.getBoundingClientRect();F.current.x=e.clientX-o.left,F.current.y=e.clientY-o.top}if(T.current){const o=T.current.getBoundingClientRect();U.current.x=e.clientX-o.left,U.current.y=e.clientY-o.top}if(E.current){const o=E.current.getBoundingClientRect();j.current.x=e.clientX-o.left,j.current.y=e.clientY-o.top}},onPointerEnter:()=>{U.current.hover=1},onPointerLeave:()=>{U.current.hover=0},...b,children:[l("div",{ref:T,className:[_e["mds-select-body-bg"],_e[`mds-select-body-bg--${D}`]].join(" ")}),i("div",{ref:P,className:_e["mds-select-header"],onClick:()=>{const e=!B;x||S(e),_&&_(e)},onPointerEnter:()=>{F.current.hover=1,j.current.hover=1},onPointerLeave:()=>{F.current.hover=0,j.current.hover=0,j.current.click=0},children:[l("div",{className:_e["mds-select-header-content"],children:l("span",{className:[_e["mds-select-value"],!Z&&_e["mds-select-value--placeholder"]].filter(Boolean).join(" "),children:Z?Z.label:m})}),l("div",{ref:E,className:[_e["mds-select-icon-box"],_e[`mds-select-icon-box--${O}`]].join(" "),onPointerDown:()=>{j.current.click=1},onPointerUp:()=>{j.current.click=0},children:l(z.ChevronIconAccordion,{className:[_e["mds-select-chevron"],B&&_e["mds-select-chevron--open"]].filter(Boolean).join(" ")})})]}),l("div",{className:[_e["mds-select-content-grid"],B&&_e["mds-select-content-grid--open"]].filter(Boolean).join(" "),children:l("div",{className:_e["mds-select-content-inner"],children:l("div",{className:_e["mds-select-content"],children:a.length>0?a.map(o=>{const t=Z?.id===o.id;return i("div",{className:_e["mds-select-item"],onClick:e=>{e.stopPropagation(),(e=>{p&&p(e),N||M(e.label),u&&u(e.label),x||S(!1),_&&_(!1)})(o)},children:[l("div",{className:[_e["mds-select-item-box"],_e[`mds-select-item-box--${fe(e,t)}`]].join(" ")}),l("span",{className:t?_e["mds-select-item-text--selected"]:"",children:o.label})]},o.id)}):l("div",{className:_e["mds-select-item"],style:{opacity:.5,cursor:"default"},children:l("span",{children:"No options available"})})})})})]})});ge.displayName="Select";var be={"mds-slider":"Slider_module_mds-slider","mds-slider--sm":"Slider_module_mds-slider--sm","mds-slider--md":"Slider_module_mds-slider--md","mds-slider--lg":"Slider_module_mds-slider--lg","mds-slider--disabled":"Slider_module_mds-slider--disabled","mds-slider-thumb":"Slider_module_mds-slider-thumb","mds-slider--white":"Slider_module_mds-slider--white","mds-slider--black":"Slider_module_mds-slider--black","mds-slider--anodized":"Slider_module_mds-slider--anodized","mds-slider--dark-gray":"Slider_module_mds-slider--dark-gray"},ve=e.forwardRef(({variant:e="white",size:a="md",value:i,defaultValue:s=0,min:c=0,max:m=100,step:u=1,disabled:p=!1,onChange:h,className:y="",style:_,...f},g)=>{const b=void 0!==i,[k,x]=o(b?i:s),C=b?i:k,S=t(null),B=t(null),N=r(),L=r(),M=t({x:0,y:0,hover:0,click:0}),A=t({x:0,y:0,hover:0,click:0}),R=t(!1),P=(e=>{switch(e){case"white":case"anodized":return"black";case"black":default:return"white";case"dark-gray":return"anodized"}})(e),z=d(e=>{if(!S.current)return C;const o=S.current.getBoundingClientRect(),t=Math.max(0,Math.min(1,(e-o.left)/o.width)),r=c+t*(m-c);if(u>0){const e=Math.round(r/u)*u;return Math.max(c,Math.min(m,e))}return Math.max(c,Math.min(m,r))},[c,m,u,C]),T=e=>{p||(R.current=!1,M.current.click=0,A.current.click=0,S.current&&S.current.releasePointerCapture(e.pointerId))};n(()=>{const o=(C-c)/(m-c);v(N,{id:N,type:"slider",ref:S,mouse:M.current,payload:{variant:e,size:a},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:20}}),v(L,{id:L,type:"slider-thumb",ref:B,mouse:A.current,payload:{variant:P,size:a,value:o},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:20}});const t=S.current;let r=null;return t&&(r=new ResizeObserver(()=>{"undefined"!=typeof window&&window.forceWebGLRender&&window.forceWebGLRender(150,!0)}),r.observe(t)),()=>{r&&r.disconnect(),w(N),w(L)}},[N,L,e,P,a,C,c,m]);const E=d(e=>{S.current=e,"function"==typeof g?g(e):g&&(g.current=e)},[g]),$=(C-c)/(m-c);return l("div",{ref:E,role:"slider","aria-valuemin":c,"aria-valuemax":m,"aria-valuenow":C,"aria-disabled":p,className:[be["mds-slider"],be[`mds-slider--${e}`],be[`mds-slider--${a}`],p&&be["mds-slider--disabled"],y].filter(Boolean).join(" "),style:{..._,"--slider-progress":100*$+"%"},onPointerDown:e=>{if(p)return;R.current=!0,M.current.click=1,A.current.click=1,S.current&&S.current.setPointerCapture(e.pointerId);const o=z(e.clientX);b||x(o),h&&o!==C&&h(o)},onPointerMove:e=>{if(!p){if(S.current){const o=S.current.getBoundingClientRect();M.current.x=e.clientX-o.left,M.current.y=e.clientY-o.top}if(B.current){const o=B.current.getBoundingClientRect();A.current.x=e.clientX-o.left,A.current.y=e.clientY-o.top}if(R.current){const o=z(e.clientX);b||x(o),h&&o!==C&&h(o)}}},onPointerUp:T,onPointerEnter:()=>{M.current.hover=1,A.current.hover=1},onPointerLeave:e=>{R.current||(M.current.hover=0,A.current.hover=0),T(e)},...f,children:l("div",{ref:B,className:[be["mds-slider-thumb"],be[`mds-slider-thumb--${P}`]].join(" "),style:{}})})}),we={"mds-snackbar-wrapper":"Snackbar_module_mds-snackbar-wrapper","mds-snackbar-wrapper--open":"Snackbar_module_mds-snackbar-wrapper--open","mds-snackbar":"Snackbar_module_mds-snackbar","mds-snackbar--white":"Snackbar_module_mds-snackbar--white","mds-snackbar--black":"Snackbar_module_mds-snackbar--black","mds-snackbar--anodized":"Snackbar_module_mds-snackbar--anodized","mds-snackbar-icon":"Snackbar_module_mds-snackbar-icon","mds-snackbar-icon--white":"Snackbar_module_mds-snackbar-icon--white","mds-snackbar-icon--black":"Snackbar_module_mds-snackbar-icon--black","mds-snackbar-icon--anodized":"Snackbar_module_mds-snackbar-icon--anodized","mds-snackbar-text":"Snackbar_module_mds-snackbar-text"},ke=e.forwardRef(({variant:e="white",open:a,message:s,icon:c,className:m="",style:u,...p},h)=>{const y=t(null),_=t(null),f=r(),g=r(),[b,k]=o(a),[x,C]=o(!1);n(()=>{a?(k(!0),requestAnimationFrame(()=>requestAnimationFrame(()=>C(!0)))):C(!1)},[a]);const S=(e=>"black"===e?"anodized":"black")(e);n(()=>(b&&(v(f,{id:f,type:"snackbar",ref:y,mouse:{x:0,y:0,hover:0,click:0},payload:{variant:e},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:20}}),c&&v(g,{id:g,type:"snackbar",ref:_,mouse:{x:0,y:0,hover:0,click:0},payload:{variant:S},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:20}})),()=>{w(f),w(g)}),[b,f,g,e,S,c]);const B=d(e=>{y.current=e,"function"==typeof h?h(e):h&&(h.current=e)},[h]);return b?l("div",{className:[we["mds-snackbar-wrapper"],"gl-fade",x&&we["mds-snackbar-wrapper--open"]].filter(Boolean).join(" "),onTransitionEnd:()=>{a||x||k(!1)},children:i("div",{ref:B,className:[we["mds-snackbar"],we[`mds-snackbar--${e}`],m].filter(Boolean).join(" "),style:u,...p,children:[c&&l("div",{ref:_,className:[we["mds-snackbar-icon"],we[`mds-snackbar-icon--${S}`]].join(" "),children:c}),l("span",{className:we["mds-snackbar-text"],children:s})]})}):null}),xe="MobileModal_module_mds-modal-overlay",Ce="MobileModal_module_mds-modal-overlay--open",Se="MobileModal_module_mds-modal-wrapper",Be="MobileModal_module_mds-modal-wrapper--open",Ne="MobileModal_module_gl-widget",Le="MobileModal_module_mds-modal-bg",Me="MobileModal_module_mds-modal-header",Ae="MobileModal_module_mds-modal-capsule",Re="MobileModal_module_mds-modal-capsule-icon",Pe="MobileModal_module_mds-modal-title",ze="MobileModal_module_mds-modal-close-btn",Te="MobileModal_module_mds-modal-content",Ee=({open:e,onClose:d,title:a,children:c,titleClassName:m,capsuleClassName:u,closeButtonClassName:p})=>{const h=t(null),y=t(null),_=t(null),f=t(null),g=r(),b=r(),k=r(),x=r(),[C,S]=o(e),[B,N]=o(!1);n(()=>{e?(S(!0),requestAnimationFrame(()=>requestAnimationFrame(()=>N(!0)))):N(!1)},[e]);return n(()=>(C&&(v(g,{id:g,type:"mobileModal",ref:h,mouse:{x:0,y:0,hover:0,click:0},payload:{variant:"black"},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:36}}),v(b,{id:b,type:"box",ref:y,mouse:{x:0,y:0,hover:0,click:0},payload:{variant:"dark-gray"},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:40}}),v(k,{id:k,type:"box",ref:_,mouse:{x:0,y:0,hover:0,click:0},payload:{variant:"anodized"},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:16}}),v(x,{id:x,type:"box",ref:f,mouse:{x:0,y:0,hover:0,click:0},payload:{variant:"dark-gray"},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:22}})),()=>{w(g),w(b),w(k),w(x)}),[C,g,b,k,x]),C?i(s,{children:[l("div",{className:`${xe} ${B?Ce:""}`,onClick:d}),l("div",{className:`${Se} gl-fade ${B?Be:""}`,onTransitionEnd:()=>{e||B||S(!1)},children:i("div",{ref:h,className:`${Ne} ${Le}`,children:[i("div",{className:Me,children:[i("div",{ref:y,className:`${Ne} ${Ae} ${u||""}`,children:[l("div",{ref:_,className:`${Ne} ${Re}`,children:l(z.Alert,{})}),l("span",{className:`${Pe} ${m||""}`,children:a})]}),l("button",{ref:f,className:`${Ne} ${ze}`,onClick:d,children:l(z.CloseModal,{size:60})})]}),l("div",{className:Te,children:c})]})})]}):null},$e={"mds-stack":"Stack_module_mds-stack","mds-stack--white":"Stack_module_mds-stack--white","mds-stack--black":"Stack_module_mds-stack--black","mds-stack--anodized":"Stack_module_mds-stack--anodized","mds-stack--dark-gray":"Stack_module_mds-stack--dark-gray","mds-stack-content":"Stack_module_mds-stack-content"},Ie=e.forwardRef(({variant:e="white",className:o="",children:a,...i},s)=>{const c=t(null),m=r(),u=t({x:0,y:0,hover:0,click:0}),p=d(e=>{if(!c.current)return;const o=c.current.getBoundingClientRect();u.current.x=e.clientX-o.left,u.current.y=e.clientY-o.top},[]);n(()=>{v(m,{id:m,type:"stack",ref:c,mouse:u.current,payload:{variant:e},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:10}});const o=c.current;let t=null;return o&&(t=new ResizeObserver(()=>{"undefined"!=typeof window&&window.forceWebGLRender&&window.forceWebGLRender(150,!0)}),t.observe(o)),()=>{t&&t.disconnect(),w(m)}},[m,e]);const h=d(e=>{c.current=e,"function"==typeof s?s(e):s&&(s.current=e)},[s]);return l("div",{ref:h,className:[$e["mds-stack"],$e[`mds-stack--${e}`],o].filter(Boolean).join(" "),onPointerMove:p,onPointerEnter:()=>{u.current.hover=1},onPointerLeave:()=>{u.current.hover=0,u.current.click=0},...i,children:l("div",{className:$e["mds-stack-content"],children:a})})}),Ge={"mds-switch":"Switch_module_mds-switch","mds-switch--sm":"Switch_module_mds-switch--sm","mds-switch--md":"Switch_module_mds-switch--md","mds-switch--lg":"Switch_module_mds-switch--lg","mds-switch--disabled":"Switch_module_mds-switch--disabled","mds-switch__track":"Switch_module_mds-switch__track","mds-switch__thumb":"Switch_module_mds-switch__thumb","mds-switch--checked":"Switch_module_mds-switch--checked"},Fe=e.forwardRef(({variant:e="white",size:a="md",checked:s,defaultChecked:c=!1,onChange:m,disabled:u=!1,className:p="",...h},y)=>{const[_,f]=o(c),g=void 0!==s?s:_,b=r(),k=`${b}-track`,x=`${b}-thumb`,C=t(null),S=t(null),B=t({x:0,y:0,hover:0,click:0}),N=t({x:0,y:0,hover:0,click:0}),L=(e=>{switch(e){case"white":default:return{track:"white",thumb:"black"};case"black":return{track:"black",thumb:"white"};case"anodized":return{track:"anodized",thumb:"dark-gray"};case"dark-gray":return{track:"dark-gray",thumb:"black"}}})(e),M=d(()=>{"undefined"!=typeof window&&window.forceWebGLRender&&window.forceWebGLRender(500,!0)},[]);n(()=>{M()},[g,M]),n(()=>(v(k,{id:k,type:"box",ref:C,mouse:B.current,payload:{variant:L.track,disabled:u,isBackdrop:!0},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:999}}),v(x,{id:x,type:"box",ref:S,mouse:N.current,payload:{variant:L.thumb,disabled:u},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:999}}),()=>{w(k),w(x)}),[k,x,L.track,L.thumb,u,a]);const A=d(()=>{if(u)return;const e=!g;void 0===s&&f(e),m?.(e),M()},[u,g,s,m,M]),R=d(e=>{if(!C.current)return;const o=C.current.getBoundingClientRect();B.current.x=e.clientX-o.left,B.current.y=e.clientY-o.top},[]),P=d(e=>{if(!S.current)return;const o=S.current.getBoundingClientRect();N.current.x=e.clientX-o.left,N.current.y=e.clientY-o.top},[]),z=[Ge["mds-switch"],Ge[`mds-switch--${a}`],g&&Ge["mds-switch--checked"],u&&Ge["mds-switch--disabled"],p].filter(Boolean).join(" ");return i("div",{ref:y,className:z,onClick:A,...h,children:[l("div",{ref:C,className:[Ge["mds-switch__track"],Ge[`mds-switch__track--${L.track}`]].join(" "),onPointerMove:R,onPointerEnter:()=>{B.current.hover=1,M()},onPointerLeave:()=>{B.current.hover=0,B.current.click=0},onPointerDown:()=>{B.current.click=1},onPointerUp:()=>{B.current.click=0}}),l("div",{ref:S,className:[Ge["mds-switch__thumb"],Ge[`mds-switch__thumb--${L.thumb}`]].join(" "),onPointerMove:P,onPointerEnter:()=>{N.current.hover=1,M()},onPointerLeave:()=>{N.current.hover=0,N.current.click=0},onPointerDown:()=>{N.current.click=1,M()},onPointerUp:()=>{N.current.click=0,M()}})]})});Fe.displayName="Switch";var Ue={"mds-typography":"Typography_module_mds-typography","mds-typography--h1":"Typography_module_mds-typography--h1","mds-typography--h2":"Typography_module_mds-typography--h2","mds-typography--h3":"Typography_module_mds-typography--h3","mds-typography--h4":"Typography_module_mds-typography--h4","mds-typography--h5":"Typography_module_mds-typography--h5","mds-typography--h6":"Typography_module_mds-typography--h6","mds-typography--subtitle1":"Typography_module_mds-typography--subtitle1","mds-typography--subtitle2":"Typography_module_mds-typography--subtitle2","mds-typography--body1":"Typography_module_mds-typography--body1","mds-typography--body2":"Typography_module_mds-typography--body2","mds-typography--caption":"Typography_module_mds-typography--caption","mds-typography--overline":"Typography_module_mds-typography--overline","mds-typography--button":"Typography_module_mds-typography--button","mds-typography--link":"Typography_module_mds-typography--link","mds-typography--color-black":"Typography_module_mds-typography--color-black","mds-typography--color-white":"Typography_module_mds-typography--color-white","mds-typography--color-grey":"Typography_module_mds-typography--color-grey","mds-typography--color-primary":"Typography_module_mds-typography--color-primary","mds-typography--color-error":"Typography_module_mds-typography--color-error","mds-typography--color-inherit":"Typography_module_mds-typography--color-inherit","mds-typography--weight-light":"Typography_module_mds-typography--weight-light","mds-typography--weight-normal":"Typography_module_mds-typography--weight-normal","mds-typography--weight-medium":"Typography_module_mds-typography--weight-medium","mds-typography--weight-semibold":"Typography_module_mds-typography--weight-semibold","mds-typography--weight-bold":"Typography_module_mds-typography--weight-bold","mds-typography--align-left":"Typography_module_mds-typography--align-left","mds-typography--align-center":"Typography_module_mds-typography--align-center","mds-typography--align-right":"Typography_module_mds-typography--align-right","mds-typography--align-justify":"Typography_module_mds-typography--align-justify","mds-typography--transform-uppercase":"Typography_module_mds-typography--transform-uppercase","mds-typography--transform-lowercase":"Typography_module_mds-typography--transform-lowercase","mds-typography--transform-capitalize":"Typography_module_mds-typography--transform-capitalize","mds-typography--gutter-bottom":"Typography_module_mds-typography--gutter-bottom","mds-typography--no-wrap":"Typography_module_mds-typography--no-wrap","mds-typography--truncate":"Typography_module_mds-typography--truncate","mds-typography--italic":"Typography_module_mds-typography--italic","mds-typography--underline":"Typography_module_mds-typography--underline","mds-typography--strikethrough":"Typography_module_mds-typography--strikethrough"},je={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",caption:"span",overline:"span",button:"span",link:"span"},Oe=e.forwardRef(({variant:e="body1",component:o,color:t="black",weight:r,align:n,transform:d="none",gutterBottom:a=!1,noWrap:i=!1,truncate:s=!1,italic:c=!1,underline:m=!1,strikethrough:u=!1,className:p="",children:h,style:y,..._},f)=>{const g=o||je[e]||"span",b=[Ue["mds-typography"],Ue[`mds-typography--${e}`],Ue[`mds-typography--color-${t}`],r?Ue[`mds-typography--weight-${r}`]:void 0,n?Ue[`mds-typography--align-${n}`]:void 0,"none"!==d?Ue[`mds-typography--transform-${d}`]:void 0,a?Ue["mds-typography--gutter-bottom"]:void 0,i?Ue["mds-typography--no-wrap"]:void 0,s?Ue["mds-typography--truncate"]:void 0,c?Ue["mds-typography--italic"]:void 0,m?Ue["mds-typography--underline"]:void 0,u?Ue["mds-typography--strikethrough"]:void 0,p].filter(Boolean).join(" ");return l(g,{ref:f,className:b,style:y,..._,children:h})});Oe.displayName="Typography";var De={"mds-input-container":"Input_module_mds-input-container","mds-input-container--white":"Input_module_mds-input-container--white","mds-input-container--black":"Input_module_mds-input-container--black","mds-input-container--anodized":"Input_module_mds-input-container--anodized","mds-input-container--dark-gray":"Input_module_mds-input-container--dark-gray","mds-input-container--disabled":"Input_module_mds-input-container--disabled","mds-input-field":"Input_module_mds-input-field","mds-input-container--sm":"Input_module_mds-input-container--sm","mds-input-container--lg":"Input_module_mds-input-container--lg","mds-input-field--password":"Input_module_mds-input-field--password","mds-input-eye":"Input_module_mds-input-eye","mds-input-container--multiline":"Input_module_mds-input-container--multiline","mds-input-container--with-icon":"Input_module_mds-input-container--with-icon","mds-input-icon":"Input_module_mds-input-icon","mds-input-field--with-icon":"Input_module_mds-input-field--with-icon"},Ze=e.forwardRef(({variant:e="white",size:a="md",className:s="",isPassword:c,multiline:m,disabled:u,icon:p,...h},y)=>{const _=t(null),f=t(null),g=r(),[b,k]=o(!1),[x,C]=o({x:0,y:0,hover:0,click:0}),S=d(e=>{if(!_.current)return;const o=_.current.getBoundingClientRect();C(t=>({...t,x:e.clientX-o.left,y:e.clientY-o.top}))},[]);n(()=>(v(g,{id:g,type:"input",ref:_,mouse:x,payload:{variant:e,disabled:!!u,multiline:!!m},layout:{x:0,y:0,width:0,height:0,visualScale:1,radius:20}}),()=>{w(g)}),[g,e,x,u,m]);const B=d(e=>{f.current=e,"function"==typeof y?y(e):y&&(y.current=e)},[y]);return i("div",{ref:_,className:[De["mds-input-container"],u?De["mds-input-container--disabled"]:De[`mds-input-container--${e}`],"md"!==a&&De[`mds-input-container--${a}`],m&&De["mds-input-container--multiline"],p&&De["mds-input-container--with-icon"],s].filter(Boolean).join(" "),onMouseMove:S,onMouseEnter:()=>C(e=>({...e,hover:1})),onMouseLeave:()=>C(e=>({...e,hover:0,click:0})),onMouseDown:()=>C(e=>({...e,click:1})),onMouseUp:()=>C(e=>({...e,click:0})),children:[p&&l("div",{className:De["mds-input-icon"],"aria-hidden":"true",children:p}),m?l("textarea",{ref:B,className:[De["mds-input-field"],p&&De["mds-input-field--with-icon"]].filter(Boolean).join(" "),disabled:u,...h}):l("input",{ref:B,type:c&&!b?"password":h.type||"text",className:[De["mds-input-field"],c&&De["mds-input-field--password"],p&&De["mds-input-field--with-icon"]].filter(Boolean).join(" "),disabled:u,...h}),c&&!m&&l("button",{type:"button",className:De["mds-input-eye"],onClick:e=>{e.preventDefault(),k(!b)},tabIndex:-1,children:l(b?z.EyeOpenIcon:z.EyeClosedIcon,{size:33})})]})});Ze.displayName="Input";export{T as Accordion,$ as Alert,G as Autocomplete,U as Avatar,O as Badge,Z as Box,X as Button,H as ButtonGroup,V as Card,J as Checkbox,ee as Chip,te as Divider,ne as Grid,z as Icons,de as Image,Ze as Input,ie as Link,se as Menu,Ee as MobileModal,me as Modal,pe as Progress,ye as RadioButton,ge as Select,ve as Slider,ke as Snackbar,Ie as Stack,Fe as Switch,Oe as Typography,R as WebGLCanvas,M as forceWebGLRender,b as initWebGL,y as layerDefinitions,f as onRegistryChange,v as registerWidget,g as setRegistryChangeListener,w as unregisterWidget,h as widgetRegistry};//# sourceMappingURL=index.js.map